/*style.css*/

#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
}

/*phone*/
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}

.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, 0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}

.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}

.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

.phone-bar a {
    position: absolute;
    margin-top: -65px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 7px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}

.phone-bar a:hover {
    opacity: 0.8;
    color: #fff;
}

@media(max-width: 736px) {
    .phone-bar {
        display: none;
    }
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}

#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}

#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, 0.8);
}

#viber-vr .phone-vr-img-circle {
    background-color: #714497;
}

#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, 0.7);
}

#contact-vr .phone-vr-img-circle {
    background-color: #2196F3;
}

div#whatsapp-vr .phone-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #1fd744;
    background-color: rgb(35 217 72 / 70%);
}

div#whatsapp-vr .phone-vr .phone-vr-img-circle {
    background: #1cd741;
}

div#whatsapp-vr .phone-vr .phone-vr-img-circle img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
}

#fanpage-vr img {
    max-width: 35px;
    max-height: 35px;
}

#fanpage-vr .phone-vr-img-circle {
    background-color: #1877f2;
}

#fanpage-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 rgb(24 119 242 / 65%);
    background-color: rgb(24 119 242 / 70%);
}

/*css all in one*/
#gom-all-in-one .button-contact {
    transition: 1.6s all;
    -moz-transition: 1.6s all;
    -webkit-transition: 1.6s all;
}

#button-contact-vr.active #gom-all-in-one .button-contact {
    margin-left: -100%;
}

#all-in-one-vr .phone-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    color: #fff;
    padding: 5px 15px 5px 48px;
    border-radius: 50px;
    margin-left: -64px;
    width: max-content;
    cursor: pointer;
}

#popup-showroom-vr,
div#popup-form-contact-vr {
    display: none;
}

#popup-showroom-vr.active,
div#popup-form-contact-vr.active {
    display: block;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999;
}

.bg-popup-vr {
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(51 51 51 / 50%);
    width: 100%;
    height: 100vh;
}

.content-popup-vr {
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    border-radius: 5px;
    box-shadow: 0 0 14px 5px rgb(0 0 0 / 49%);
    max-width: 600px;
    display: flex;
}

.content-popup-vr input,
.content-popup-vr textarea {
    width: 100%;
    max-height: 100px;
    min-height: 38px;
    border: 1px solid #b1b1b1;
    margin-bottom: 10px;
    padding: 0 7px;
    background: #fff;
}

.content-popup-vr label {
    width: 100%;
}

.content-popup-vr input.wpcf7-form-control.wpcf7-submit {
    max-width: fit-content;
    padding: 5px 32px 2px;
    background: #2196f3;
    border: 0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: 10px auto 0;
    display: block;
    box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 29%);
    font-weight: 400;
    min-height: auto;
    line-height: 30px;
}

.content-popup-vr input.wpcf7-form-control.wpcf7-submit:hover {
    opacity: 0.7;
}

.content-popup-vr .close-popup-vr {
    font-family: sans-serif;
    width: 23px;
    height: 23px;
    background: black;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    text-align: center;
    line-height: 23px;
    font-size: 17px;
    border-radius: 50%;
    cursor: pointer;
}

.content-popup-vr .close-popup-vr:hover {
    background: #b50000;
}

.content-popup-vr .content-popup-div-vr {
    width: 100%;
    padding: 25px;
}

.content-popup-vr .content-popup-img-vr {
    width: 100%;
    max-width: 45%;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}

#loco-top,
#loco-bottom {
    display: block;
}

#loco-top .content-popup-img-vr,
div#popup-form-contact-vr #loco-bottom .content-popup-img-vr {
    max-width: 100%;
    text-align: center;
}

#contact-showroom.no-event a {
    pointer-events: none;
}

.content-popup-vr .content-popup-div-vr ul {
    color: #333;
    list-style: none;
    font-size: 15px;
}

@media(max-width: 673px) {
    div#popup-form-contact-vr .content-popup-vr {
        display: block;
    }

    div#popup-form-contact-vr .content-popup-vr .content-popup-img-vr {
        max-width: 100%;
        display: none;
    }
}

/*normalize-4.2.0.css*/

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}





/*lightgallery.min.css*/

/*! lightgallery - v1.6.4 - 2017-10-29
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2017 Sachin N; Licensed GPLv3 */
@font-face {
    font-family: lg;
    src: url(../fonts/lg.eot?n1z373);
    src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg.woff?n1z373) format("woff"), url(../fonts/lg.ttf?n1z373) format("truetype"), url(../fonts/lg.svg?n1z373#lg) format("svg");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: 0
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url(../img/video-play.png) no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #0ff;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,
.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../img/loading.gif) no-repeat scroll center center transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.demo-gallery>ul {
    margin-bottom: 0
}

.demo-gallery>ul>li {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 200px
}

.demo-gallery>ul>li a {
    border: 3px solid #fff;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left
}

.demo-gallery>ul>li a>img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%
}

.demo-gallery>ul>li a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
    opacity: 1
}

.demo-gallery>ul>li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .5)
}

.demo-gallery .justified-gallery>a>img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%
}

.demo-gallery .justified-gallery>a:hover>img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
    opacity: 1
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, .5)
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: .8;
    width: 48px
}

.demo-gallery.dark>ul>li a {
    border: 3px solid #04070a
}

.home .demo-gallery {
    padding-bottom: 80px
}

/*modal-video.min.css*/

@keyframes modal-video {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }

    to {
        transform: translate(0, 0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.modal-video-close {
    opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    -ms-transform: translate(0, 100px);
    -o-transform: translate(0, 100px);
    transform: translate(0, 100px)
}

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: -35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

.modal-video-close-btn:before {
    transform: rotate(45deg)
}

.modal-video-close-btn:after {
    transform: rotate(-45deg)
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px
}




/*simplelightbox.min.css*/

.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
    height: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace
}

.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-navigation button:focus {
    outline: 0
}

body.hidden-scroll {
    overflow: hidden
}

.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: .7;
    display: none;
    z-index: 1050
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
    top: 30px;
    display: none;
    color: #000;
    position: fixed
}

.sl-wrapper {
    z-index: 1040
}

.sl-wrapper button {
    border: 0;
    background: 0 0;
    font-size: 28px;
    padding: 0;
    cursor: pointer
}

.sl-wrapper button:hover {
    opacity: .7
}

.sl-wrapper .sl-close {
    right: 30px;
    z-index: 1060;
    margin-top: -14px;
    margin-right: -14px;
    width: 44px;
    font-size: 3rem
}

.sl-wrapper .sl-counter {
    left: 30px;
    z-index: 1060;
    font-size: 1rem
}

.sl-wrapper .sl-navigation {
    width: 100%;
    display: none
}

.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    width: 22px;
    text-align: center;
    display: block;
    z-index: 1060;
    color: #000
}

.sl-wrapper .sl-navigation button.sl-next {
    right: 5px;
    font-size: 2rem
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 5px;
    font-size: 2rem
}

.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000
}

.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0
}

@media (min-width:35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 10px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image iframe,
    .sl-wrapper .sl-image img {
        border: 0
    }
}

@media (min-width:50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px
    }

    .sl-wrapper .sl-navigation button.sl-next {
        right: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-navigation button.sl-prev {
        left: 20px;
        font-size: 3rem
    }

    .sl-wrapper .sl-image iframe,
    .sl-wrapper .sl-image img {
        border: 0
    }
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto
}

.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060
}

.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2);
        opacity: 0
    }
}

@-ms-keyframes pulsate {

    0%,
    100% {
        opacity: 0
    }

    0% {
        transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1.2)
    }
}

/*style1.min.css*/
.btn,
.btn:active,
.btn:hover,
.btn:link,
.btn:visited {
    outline: 0;
    border: none
}

a:active,
a:focus {
    outline: 0 !important
}

.p-hoa,
.p-up {
    text-transform: uppercase
}

.p-ca {
    text-transform: capitalize
}

.p-lo {
    text-transform: lowercase
}

.p-cur {
    cursor: pointer
}

.p-cur-df {
    cursor: inherit
}

.p-bold {
    font-weight: 700
}

.p-bold-i {
    font-weight: 700 !important
}

.p-of {
    object-fit: cover
}

.p-empty:empty {
    display: none
}

.p-bold-0 {
    font-weight: 0
}

.p-bold-0-i {
    font-weight: 0 !important
}

.p-opac-0 {
    opacity: 0
}

.p-opac-10-0 {
    opacity: 1
}

.p-opac-10-0:hover {
    opacity: 0
}

.p-opac-0-10 {
    opacity: 0
}

.p-opac-0-10:hover {
    opacity: 1
}

.p-bold-1 {
    font-weight: 100
}

.p-bold-1-i {
    font-weight: 100 !important
}

.p-opac-1 {
    opacity: .1
}

.p-opac-10-1 {
    opacity: 1
}

.p-opac-10-1:hover {
    opacity: .1
}

.p-opac-1-10 {
    opacity: .1
}

.p-opac-1-10:hover {
    opacity: 1
}

.p-bold-2 {
    font-weight: 200
}

.p-bold-2-i {
    font-weight: 200 !important
}

.p-opac-2 {
    opacity: .2
}

.p-opac-10-2 {
    opacity: 1
}

.p-opac-10-2:hover {
    opacity: .2
}

.p-opac-2-10 {
    opacity: .2
}

.p-opac-2-10:hover {
    opacity: 1
}

.p-bold-3 {
    font-weight: 300
}

.p-bold-3-i {
    font-weight: 300 !important
}

.p-opac-3 {
    opacity: .3
}

.p-opac-10-3 {
    opacity: 1
}

.p-opac-10-3:hover {
    opacity: .3
}

.p-opac-3-10 {
    opacity: .3
}

.p-opac-3-10:hover {
    opacity: 1
}

.p-bold-4 {
    font-weight: 400
}

.p-bold-4-i {
    font-weight: 400 !important
}

.p-opac-4 {
    opacity: .4
}

.p-opac-10-4 {
    opacity: 1
}

.p-opac-10-4:hover {
    opacity: .4
}

.p-opac-4-10 {
    opacity: .4
}

.p-opac-4-10:hover {
    opacity: 1
}

.p-bold-5 {
    font-weight: 500
}

.p-bold-5-i {
    font-weight: 500 !important
}

.p-opac-5 {
    opacity: .5
}

.p-opac-10-5 {
    opacity: 1
}

.p-opac-10-5:hover {
    opacity: .5
}

.p-opac-5-10 {
    opacity: .5
}

.p-opac-5-10:hover {
    opacity: 1
}

.p-bold-6 {
    font-weight: 600
}

.p-bold-6-i {
    font-weight: 600 !important
}

.p-opac-6 {
    opacity: .6
}

.p-opac-10-6 {
    opacity: 1
}

.p-opac-10-6:hover {
    opacity: .6
}

.p-opac-6-10 {
    opacity: .6
}

.p-opac-6-10:hover {
    opacity: 1
}

.p-bold-7 {
    font-weight: 700
}

.p-bold-7-i {
    font-weight: 700 !important
}

.p-opac-7 {
    opacity: .7
}

.p-opac-10-7 {
    opacity: 1
}

.p-opac-10-7:hover {
    opacity: .7
}

.p-opac-7-10 {
    opacity: .7
}

.p-opac-7-10:hover {
    opacity: 1
}

.p-bold-8 {
    font-weight: 800
}

.p-bold-8-i {
    font-weight: 800 !important
}

.p-opac-8 {
    opacity: .8
}

.p-opac-10-8 {
    opacity: 1
}

.p-opac-10-8:hover {
    opacity: .8
}

.p-opac-8-10 {
    opacity: .8
}

.p-opac-8-10:hover {
    opacity: 1
}

.p-bold-9 {
    font-weight: 900
}

.p-bold-9-i {
    font-weight: 900 !important
}

.p-opac-9 {
    opacity: .9
}

.p-opac-10-9 {
    opacity: 1
}

.p-opac-10-9:hover {
    opacity: .9
}

.p-opac-9-10 {
    opacity: .9
}

.p-opac-9-10:hover {
    opacity: 1
}

.p-bold-10 {
    font-weight: 1000
}

.p-bold-10-i {
    font-weight: 1000 !important
}

.p-opac-10 {
    opacity: 1
}

.p-opac-10-10 {
    opacity: 1
}

.p-opac-10-10:hover {
    opacity: 1
}

.p-opac-10-10 {
    opacity: 1
}

.p-opac-10-10:hover {
    opacity: 1
}

.p-bg-w,
.p-bg-w-h:hover {
    background: #fff
}

.p-cl-w,
.p-cl-w-h:hover {
    color: #fff
}

.p-bg-w-h-i:hover,
.p-bg-w-i {
    background: #fff !important
}

.p-cl-w-h-i:hover,
.p-cl-w-i {
    color: #fff !important
}

.p-bg-b,
.p-bg-b-h:hover {
    background: #000
}

.p-cl-b,
.p-cl-b-h:hover {
    color: #000
}

.p-bg-b-h-i:hover,
.p-bg-b-i {
    background: #000 !important
}

.p-cl-b-h-i:hover,
.p-cl-b-i {
    color: #000 !important
}

.p-bg-r,
.p-bg-r-h:hover {
    background: #da4453
}

.p-cl-r,
.p-cl-r-h:hover {
    color: #da4453
}

.p-bg-r-h-i:hover,
.p-bg-r-i {
    background: #da4453 !important
}

.p-cl-r-h-i:hover,
.p-cl-r-i {
    color: #da4453 !important
}

.p-bg-blue,
.p-bg-blue-h:hover {
    background: #3bafda
}

.p-cl-blue,
.p-cl-blue-h:hover {
    color: #3bafda
}

.p-bg-blue-h-i:hover,
.p-bg-blue-i {
    background: #3bafda !important
}

.p-cl-blue-h-i:hover,
.p-cl-blue-i {
    color: #3bafda !important
}

.p-bg-g,
.p-bg-g-h:hover {
    background: #8cc152
}

.p-cl-g,
.p-cl-g-h:hover {
    color: #8cc152
}

.p-bg-g-h-i:hover,
.p-bg-g-i {
    background: #8cc152 !important
}

.p-cl-g-h-i:hover,
.p-cl-g-i {
    color: #8cc152 !important
}

.p-bg-y,
.p-bg-y-h:hover {
    background: #f1c40f
}

.p-cl-y,
.p-cl-y-h:hover {
    color: #f1c40f
}

.p-bg-y-h-i:hover,
.p-bg-y-i {
    background: #f1c40f !important
}

.p-cl-y-h-i:hover,
.p-cl-y-i {
    color: #f1c40f !important
}

.p-fs-21 {
    font-size: 21px
}

.p-fs-25 {
    font-size: 21px
}

.p-fs-14 {
    font-size: 14px
}

.p-fs-20 {
    font-size: 20px
}

.p-pt-30 {
    padding-top: 30px
}

.p-pb-60 {
    padding-bottom: 60px
}

.p-mt-45 {
    margin-top: 45px
}

.p-mb-20 {
    margin-bottom: 20px
}

.p-plr-150 {
    padding-left: 150px;
    padding-right: 150px
}

.p-mb-40 {
    margin-bottom: 40px
}

.p-pt-50 {
    padding-top: 50px
}

.p-mt-20 {
    margin-top: 20px
}

.p-mt-10 {
    margin-top: 10px
}

.p-w-100pt {
    width: 100%
}

.p-mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.p-mt-50 {
    margin-top: 50px
}

.p-ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.p-p-30 {
    padding: 30px
}

.p-mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.p-p-10-i {
    padding: 10px !important
}

.p-mt-30 {
    margin-top: 30px
}

.p-mb-30 {
    margin-bottom: 30px
}

.p-mr-10 {
    margin-right: 10px
}

.p-mb-10 {
    margin-bottom: 10px
}

.p-p-10 {
    padding: 10px
}

.p-mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.p-mb-50 {
    margin-bottom: 50px
}

.p-t-c {
    text-align: center
}

.p-t-r {
    text-align: right
}

.p-t-l {
    text-align: left
}

.p-plr-20 {
    padding-left: 20px;
    padding-right: 20px
}

.p-ptb-7 {
    padding-top: 7px;
    padding-bottom: 7px
}

.p-ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.p-ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (max-width:991px) {
    .p991-ptb-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .p991-ptb-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .p991-pt-20 {
        padding-top: 20px
    }

    .p991-pb-30 {
        padding-bottom: 30px
    }

    .p991-mt-30 {
        margin-top: 30px
    }

    .p991-plr-50 {
        padding-left: 50px;
        padding-right: 50px
    }

    .p991-mb-20 {
        margin-bottom: 20px
    }

    .p991-pt-0 {
        padding-top: 0
    }

    .p991-mt-0 {
        margin-top: 0
    }

    .p767-mt-10 {
        margin-top: 10px
    }

    .p991-t-c {
        text-align: center
    }

    .p991-t-r {
        text-align: right
    }

    .p991-t-l {
        text-align: left
    }

    .p991-ptb-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (max-width:767px) {
    .p767-ptb-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .p767-plr-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .p767-pt-10 {
        padding-top: 10px
    }

    .p767-mb-10 {
        margin-bottom: 10px
    }

    .p767-fs-16 {
        font-size: 16px
    }

    .p767-mt-10 {
        margin-top: 10px
    }

    .p767-mtb-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .p767-t-c {
        text-align: center
    }

    .p767-t-r {
        text-align: right
    }

    .p767-t-l {
        text-align: left
    }
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(../font/opensans/OpenSans-Regular.ttf) format("truetype")
}

.f-OpenSans-Regular {
    font-family: OpenSans-Regular, arial
}

.f-OpenSans-Regular-i {
    font-family: OpenSans-Regular, arial !important
}

@font-face {
    font-family: OpenSans-SemiBold;
    src: url(../font/opensans/OpenSans-SemiBold.ttf) format("truetype")
}

.f-OpenSans-SemiBold {
    font-family: OpenSans-SemiBold, arial
}

.f-OpenSans-SemiBold-i {
    font-family: OpenSans-SemiBold, arial !important
}

@font-face {
    font-family: OpenSans-Bold;
    src: url(../font/opensans/OpenSans-Bold.ttf) format("truetype")
}

.f-OpenSans-Bold {
    font-family: OpenSans-Bold, arial
}

.f-OpenSans-Bold-i {
    font-family: OpenSans-Bold, arial !important
}

@font-face {
    font-family: OpenSans-BoldItalic;
    src: url(../font/opensans/OpenSans-BoldItalic.ttf) format("truetype")
}

.f-OpenSans-BoldItalic {
    font-family: OpenSans-BoldItalic, arial
}

.f-OpenSans-BoldItalic-i {
    font-family: OpenSans-BoldItalic, arial !important
}

@font-face {
    font-family: OpenSans-Medium;
    src: url(../font/opensans/OpenSans-Medium.ttf) format("truetype")
}

.f-OpenSans-Medium {
    font-family: OpenSans-Medium, arial
}

.f-OpenSans-Medium-i {
    font-family: OpenSans-Medium, arial !important
}

@font-face {
    font-family: OpenSans-Light;
    src: url(../font/opensans/OpenSans-Light.ttf) format("truetype")
}

.f-OpenSans-Light {
    font-family: OpenSans-Light, arial
}

.f-OpenSans-Light-i {
    font-family: OpenSans-Light, arial !important
}

.f-Helveticaneue-Regular {
    font-family: Helveticaneue-Regular, arial
}

.f-Helveticaneue-Regular-i {
    font-family: Helveticaneue-Regular, arial !important
}

@font-face {
    font-family: Helveticaneue-Bold;
    src: url(../font/helveticaneue/helveticaneuebold.ttf) format("truetype")
}

.f-Helveticaneue-Bold {
    font-family: Helveticaneue-Bold, arial
}

.f-Helveticaneue-Bold-i {
    font-family: Helveticaneue-Bold, arial !important
}

@font-face {
    font-family: Helveticaneue-iBold;
    src: url(../font/helveticaneue/helveticaneuebolditalic.ttf) format("truetype")
}

.f-Helveticaneue-iBold {
    font-family: Helveticaneue-iBold, arial
}

.f-Helveticaneue-iBold-i {
    font-family: Helveticaneue-iBold, arial !important
}

@font-face {
    font-family: Helveticaneue-Medium;
    src: url(../font/helveticaneue/helveticaneuemedium.ttf) format("truetype")
}

.f-Helveticaneue-Medium {
    font-family: Helveticaneue-Medium, arial
}

.f-Helveticaneue-Medium-i {
    font-family: Helveticaneue-Medium, arial !important
}

@font-face {
    font-family: Helveticaneue-Light;
    src: url(../font/helveticaneue/helveticaneuelight.ttf) format("truetype")
}

.f-Helveticaneue-Light {
    font-family: Helveticaneue-Light, arial
}

.f-Helveticaneue-Light-i {
    font-family: Helveticaneue-Light, arial !important
}

.p-cl-mau,
.p-mau {
    color: #0f3952
}

.p-bg-mau {
    background: #0f3952
}

.p-ho-cl-mau:hover,
.p-ho-mau:hover {
    color: #0f3952
}

.p-ho-bg-mau:hover {
    background: #0f3952
}

.p-cl-mau2,
.p-mau2 {
    color: #0f3952
}

.p-bg-mau2 {
    background: #0f3952
}

.p-ho-cl-mau2:hover,
.p-ho-mau2:hover {
    color: #0f3952
}

.p-ho-bg-mau2:hover {
    background: #0f3952
}

.p-h-500 {
    height: 500px
}

@media (max-width:1199px) {
    .p1199-h-500 {
        height: 500px
    }
}

@media (max-width:991px) {
    .p991-h-500 {
        height: 500px
    }
}

@media (max-width:767px) {
    .p767-h-500 {
        height: 500px
    }
}

@media (max-width:480px) {
    .p480-h-500 {
        height: 500px
    }
}

@media (max-width:320px) {
    .p320-h-500 {
        height: 500px
    }
}

@media (max-width:767px) {
    body {
        transform-style: none !important
    }
}

.div-bg-paralax {
    height: 100vh;
    background: url(../img/no-img.jpg) no-repeat center/cover;
    transform: translateZ(-1px) scale(2);
    -webkit-transform: translateZ(-1px) scale(2);
    -moz-transform: translateZ(-1px) scale(2);
    -ms-transform: translateZ(-1px) scale(2);
    -o-transform: translateZ(-1px) scale(2)
}

@media (max-width:767px) {
    .div-bg-paralax {
        transform: none
    }
}

img {
    max-width: 100%;
    height: auto;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -ms-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important
}

a {
    color: #0f3952;
    text-decoration: none
}

a:focus,
a:hover {
    text-decoration: none
}

a:hover {
    color: #0b2a3c
}

a.x {
    color: #9e9e9e
}

a.w {
    color: #fff
}

a.b {
    color: #000
}

a.full-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0
}

.p-h-title {
    font-size: 30px;
    color: #0f3952;
    font-weight: 700
}

.p-h-title.w {
    color: #fff
}

.p-h-title.b {
    color: #000
}

.p-h-title.x {
    color: #9e9e9e
}

@media (max-width:991px) {
    .p-h-title {
        font-size: 25px
    }
}

@media (max-width:767px) {
    .p-h-title {
        font-size: 22px
    }
}

.p-h-content {
    font-size: 20px;
    color: #0f3952;
    font-weight: 700
}

.p-h-content.w {
    color: #fff
}

.p-h-content.b {
    color: #000
}

.p-h-content.x {
    color: #9e9e9e
}

.p-hr-title {
    max-width: 70px;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 0;
    background: #0f3952;
    border-top: 0
}

.p-hr-title.w {
    background: #fff
}

.p-hr-title.le {
    margin-left: 0
}

.p-hr-title.ri {
    margin-right: 0
}

.p-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 10
}

.p-wg-title {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000;
    margin-top: 0;
    line-height: 1.5
}

.icon-top {
    transition: all .25s;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    position: fixed;
    right: 1%;
    bottom: -40px;
    z-index: 999;
    visibility: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    cursor: pointer
}

.icon-top.active {
    bottom: 2%;
    opacity: .8;
    visibility: visible
}

.icon-top.active:hover {
    opacity: 1;
    background: #0f3952
}

@media screen and (max-width:767px) {
    .icon-top {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px
    }

    .icon-top.active {
        opacity: .5
    }

    .icon-top.active:hover {
        opacity: 1
    }
}

.search-form div {
    position: relative
}

.search-form input {
    max-width: 100%;
    width: 100%;
    display: block !important;
    padding: 10px 10px;
    padding-right: 50px;
    outline: 0;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .12)
}

.search-form input:focus {
    border-color: #0f3952
}

.search-form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    background: 0 0;
    border: none;
    outline: 0
}

.search-form button:hover {
    color: #fff;
    background: #0f3952
}

.section-breadcrum {
    background: #fafafa
}

.container-breadcrumb span a {
    color: #1b1b18;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    font-weight: 400
}

.breadcrumb-span-slash {
    padding-left: 5px;
    padding-right: 5px;
    color: #ccc
}

.div-pagination .page-numbers {
    padding: 0;
    list-style-type: none
}

.div-pagination .page-numbers li {
    display: inline-block
}

.div-pagination .page-numbers li a,
.div-pagination .page-numbers li span {
    padding: 7px 12px;
    color: #fff;
    background: #dedede;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    margin: 0 2px
}

.div-pagination .page-numbers li a:hover,
.div-pagination .page-numbers li span:hover {
    background: #0f3952
}

.div-pagination .page-numbers li span {
    cursor: default;
    background: #0f3952
}

.div-pagination .page-numbers li:first-child a,
.div-pagination .page-numbers li:first-child span {
    margin-left: 0
}

.div-pagination .page-numbers li:last-child a,
.div-pagination .page-numbers li:last-child span {
    margin-right: 0
}

.comment-reply-title,
.comments-title {
    font-size: 20px;
    text-transform: uppercase
}

.comment-list {
    padding: 0;
    list-style-type: none
}

.comment-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-top: 10px
}

.comment-list li .comment-author-img {
    vertical-align: top;
    display: inline-block
}

.comment-list li .comment-author-img img {
    border-radius: 50%
}

.comment-list li .comment-author-name {
    margin-top: 0;
    text-transform: capitalize;
    font-size: 18px;
    color: #000
}

.comment-list li .comment-author-name-time {
    display: inline-block;
    padding-left: 10px
}

.comment-list li .comment-time {
    font-size: 12px;
    color: #bebdbd
}

.comment-list li .comment-text {
    margin: 10px 0 0 0;
    font-size: 15px
}

.comment-list li .comment-reply a {
    font-size: 13px;
    color: #23527c
}

.comment-list ul {
    padding: 0;
    list-style-type: none
}

.comment-list ul li {
    margin-bottom: 10px
}

.comment-list>ul.children {
    margin-left: 30px
}

@media (max-width:767px) {
    .comment-list>ul.children {
        margin-left: 15px
    }
}

.comment-form input:not([type=submit]),
.comment-form textarea {
    outline: 0 !important;
    border-radius: 0 !important;
    padding: 15px !important
}

.comment-form input:not([type=submit]):focus,
.comment-form textarea:focus {
    box-shadow: none;
    border: 1px solid #0f3952
}

.btn-submit-form {
    outline: 0 !important;
    border-radius: 0 !important;
    background: #0f3952;
    padding: 15px 30px !important;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase
}

.btn-submit-form:hover {
    background: rgba(0, 0, 0, .8);
    color: #fff
}

.alignleft {
    display: block;
    float: left;
    margin-right: 1.5em;
    clear: both
}

@media (max-width:991px) {
    .aligneft {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
}

.alignright {
    display: block;
    float: right;
    margin-left: 1.5em;
    clear: both
}

@media (max-width:991px) {
    .alignright {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignnone {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

.entry-content {
    font-size: 16px
}

.entry-content p {
    font-size: 16px;
    line-height: 1.6
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #0f3952
}

.entry-content h2 {
    font-size: 25px
}

.entry-content h3 {
    font-size: 20px
}

.entry-content h4 {
    font-size: 16px
}

.entry-content h5 {
    font-size: 16px
}

.entry-content h6 {
    fonr-size: 15px
}

.entry-content ul {
    font-size: 15px
}

.sidebar-blog:not(:first-child),
.sidebar-footer:not(:first-child) {
    margin-top: 20px
}

.sidebar-blog .wg-title,
.sidebar-footer .wg-title {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1.5
}

.sidebar-blog .textwidget,
.sidebar-footer .textwidget {
    line-height: 1.5
}

.sidebar-blog ul,
.sidebar-footer ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0
}

.sidebar-blog ul li:not(:first-child),
.sidebar-footer ul li:not(:first-child) {
    padding-top: 3px
}

.sidebar-blog ul li:not(:last-child),
.sidebar-footer ul li:not(:last-child) {
    padding-bottom: 3px
}

.sidebar-blog ul li a,
.sidebar-footer ul li a {
    color: rgba(0, 0, 0, .7)
}

.sidebar-blog ul li a:hover,
.sidebar-footer ul li a:hover {
    color: #000
}

.sidebar-blog.widget_recent_entries ul li,
.sidebar-footer.widget_recent_entries ul li {
    border-bottom: 1px solid rgba(237, 225, 225, .12);
    padding-top: 5px;
    padding-bottom: 5px
}

.sidebar-blog.widget_recent_entries ul li:first-child,
.sidebar-footer.widget_recent_entries ul li:first-child {
    padding-top: 0
}

.sidebar-blog.widget_recent_entries ul li:last-child,
.sidebar-footer.widget_recent_entries ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.sidebar-blog.widget_recent_entries ul li span,
.sidebar-footer.widget_recent_entries ul li span {
    font-size: 11px;
    color: rgba(151, 151, 151, .7);
    display: block
}

.sidebar-blog.widget_recent_entries ul li span:before,
.sidebar-footer.widget_recent_entries ul li span:before {
    content: "( "
}

.sidebar-blog.widget_recent_entries ul li span:after,
.sidebar-footer.widget_recent_entries ul li span:after {
    content: " )"
}

.sidebar-blog .tagcloud a,
.sidebar-footer .tagcloud a {
    display: inline-block;
    margin: 0 2px 6px 0;
    padding: 6px 12px;
    color: rgba(0, 0, 0, .87);
    border-radius: 2px;
    background: #e0e0e0;
    font-size: 13px !important
}

.sidebar-blog .tagcloud a:hover,
.sidebar-footer .tagcloud a:hover {
    background: #212121;
    color: #fff
}

.sidebar-blog .menu li,
.sidebar-blog.widget_pages ul li,
.sidebar-footer .menu li,
.sidebar-footer.widget_pages ul li {
    padding-bottom: 0
}

.sidebar-blog .menu li:not(:first-child),
.sidebar-blog.widget_pages ul li:not(:first-child),
.sidebar-footer .menu li:not(:first-child),
.sidebar-footer.widget_pages ul li:not(:first-child) {
    padding-top: 0
}

.sidebar-blog .menu li a,
.sidebar-blog.widget_pages ul li a,
.sidebar-footer .menu li a,
.sidebar-footer.widget_pages ul li a {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: block
}

.sidebar-blog .menu li a:not(:only-child):after,
.sidebar-blog.widget_pages ul li a:not(:only-child):after,
.sidebar-footer .menu li a:not(:only-child):after,
.sidebar-footer.widget_pages ul li a:not(:only-child):after {
    content: "\f0d7";
    font-family: FontAwesome;
    margin-left: 5px;
    font-size: 16px
}

.sidebar-blog .menu li:not(:first-child) a,
.sidebar-blog.widget_pages ul li:not(:first-child) a,
.sidebar-footer .menu li:not(:first-child) a,
.sidebar-footer.widget_pages ul li:not(:first-child) a {
    padding-top: 5px
}

.sidebar-blog .menu li ul.children li a,
.sidebar-blog .menu li ul.sub-menu li a,
.sidebar-blog.widget_pages ul li ul.children li a,
.sidebar-blog.widget_pages ul li ul.sub-menu li a,
.sidebar-footer .menu li ul.children li a,
.sidebar-footer .menu li ul.sub-menu li a,
.sidebar-footer.widget_pages ul li ul.children li a,
.sidebar-footer.widget_pages ul li ul.sub-menu li a {
    padding-top: 5px;
    padding-left: 10px
}

.sidebar-blog .menu li ul.children li a:not(:only-child):after,
.sidebar-blog .menu li ul.sub-menu li a:not(:only-child):after,
.sidebar-blog.widget_pages ul li ul.children li a:not(:only-child):after,
.sidebar-blog.widget_pages ul li ul.sub-menu li a:not(:only-child):after,
.sidebar-footer .menu li ul.children li a:not(:only-child):after,
.sidebar-footer .menu li ul.sub-menu li a:not(:only-child):after,
.sidebar-footer.widget_pages ul li ul.children li a:not(:only-child):after,
.sidebar-footer.widget_pages ul li ul.sub-menu li a:not(:only-child):after {
    display: none
}

.sidebar-blog .menu li ul.children li a:before,
.sidebar-blog .menu li ul.sub-menu li a:before,
.sidebar-blog.widget_pages ul li ul.children li a:before,
.sidebar-blog.widget_pages ul li ul.sub-menu li a:before,
.sidebar-footer .menu li ul.children li a:before,
.sidebar-footer .menu li ul.sub-menu li a:before,
.sidebar-footer.widget_pages ul li ul.children li a:before,
.sidebar-footer.widget_pages ul li ul.sub-menu li a:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 5px
}

.sidebar-blog .menu li ul.children li ul li a,
.sidebar-blog .menu li ul.sub-menu li ul li a,
.sidebar-blog.widget_pages ul li ul.children li ul li a,
.sidebar-blog.widget_pages ul li ul.sub-menu li ul li a,
.sidebar-footer .menu li ul.children li ul li a,
.sidebar-footer .menu li ul.sub-menu li ul li a,
.sidebar-footer.widget_pages ul li ul.children li ul li a,
.sidebar-footer.widget_pages ul li ul.sub-menu li ul li a {
    padding-left: 20px
}

.sidebar-blog .menu li ul.children li ul ul li a,
.sidebar-blog .menu li ul.sub-menu li ul ul li a,
.sidebar-blog.widget_pages ul li ul.children li ul ul li a,
.sidebar-blog.widget_pages ul li ul.sub-menu li ul ul li a,
.sidebar-footer .menu li ul.children li ul ul li a,
.sidebar-footer .menu li ul.sub-menu li ul ul li a,
.sidebar-footer.widget_pages ul li ul.children li ul ul li a,
.sidebar-footer.widget_pages ul li ul.sub-menu li ul ul li a {
    padding-left: 30px
}

.sidebar-blog li.recentcomments,
.sidebar-footer li.recentcomments {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.sidebar-blog li.recentcomments span a,
.sidebar-footer li.recentcomments span a {
    color: #000
}

.sidebar-blog li.recentcomments a,
.sidebar-footer li.recentcomments a {
    color: rgba(0, 0, 0, .5)
}

.sidebar-blog li.recentcomments a:hover,
.sidebar-footer li.recentcomments a:hover {
    color: rgba(0, 0, 0, .5)
}

.sidebar-blog .calendar_wrap caption,
.sidebar-footer .calendar_wrap caption {
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 10px
}

.sidebar-blog .calendar_wrap table,
.sidebar-footer .calendar_wrap table {
    border-spacing: 0;
    width: 100%;
    border-collapse: separate
}

.sidebar-blog .calendar_wrap table th,
.sidebar-footer .calendar_wrap table th {
    background: #f8f8f8
}

.sidebar-blog .calendar_wrap table td,
.sidebar-blog .calendar_wrap table th,
.sidebar-footer .calendar_wrap table td,
.sidebar-footer .calendar_wrap table th {
    text-align: center;
    padding: 3px
}

.sidebar-blog .calendar_wrap table td a,
.sidebar-footer .calendar_wrap table td a {
    color: #000;
    text-decoration: underline;
    font-weight: 700
}

@media (max-width:991px) {

    .sidebar-blog:not(:first-child),
    .sidebar-footer:not(:first-child) {
        margin-top: 20px
    }
}

.section-footer {
    background: #1c1d1b;
    color: #fff
}

.section-footer a {
    color: #959595
}

.sidebar-footer .wg-title {
    color: #959595;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 300
}

.sidebar-footer ul li {
    border-bottom: 1px dotted #272727
}

.sidebar-footer ul li a {
    color: #fff
}

.sidebar-footer ul li a:hover {
    color: #0f3952
}

.sidebar-footer .tagcloud a {
    background: #343436;
    color: #959595
}

.sub-footer {
    background: #1c1d1b;
    color: #959595
}

.sc-menu-fixed {
    background: #fff;
    width: 100%
}

.sc-menu-fixed.fixed {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
    z-index: 90
}

.bars-fixed-left {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 2
}

.bars-fixed-right {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 2
}

.sumon-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    display: none;
    z-index: 99
}

.sumon-overlay.active {
    display: block
}

.sumon-overlay i {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    cursor: pointer;
    font-size: 25px
}

.sumon-overlay i:hover {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.sc-menu-sumon-fixed {
    max-width: 220px;
    width: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    background: #fff;
    z-index: 100;
    padding: 30px 15px;
    overflow-y: auto;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.sc-menu-sumon-fixed.active {
    left: 0
}

.list-menu-sumon-fixed li {
    display: block;
    width: 100%;
    position: relative
}

.list-menu-sumon-fixed li+li {
    border-top: 1px solid #dfdfdf
}

.list-menu-sumon-fixed li.current-menu-item>a,
.list-menu-sumon-fixed li:hover>a {
    color: #0f3952
}

.list-menu-sumon-fixed li a {
    color: #000;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative
}

.list-menu-sumon-fixed li i {
    position: absolute;
    top: 10px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #0f3952;
    color: #fff;
    font-size: 16px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.list-menu-sumon-fixed li i:hover {
    opacity: .8
}

.list-menu-sumon-fixed li i.active {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg)
}

.list-menu-sumon-fixed li ul {
    padding-left: 0;
    display: none
}

.list-menu-sumon-fixed li ul a {
    font-size: 13px
}

.list-menu-sumon-fixed li ul i {
    font-size: 13px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%
}

.list-menu-sumon-fixed li ul.active {
    display: block
}

.list-menu-1 li {
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.list-menu-1 li.current-menu-item>a {
    background: #0b2a3c
}

.list-menu-1 li a {
    display: block;
    color: #fff;
    padding: 10px 20px
}

.list-menu-1 li a:not(:only-child):after {
    content: '\f0d7';
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 5px
}

.list-menu-1 li ul {
    position: absolute;
    padding-left: 0;
    margin-bottom: 0;
    top: calc(100% - 10px);
    left: 0;
    list-style: none;
    width: 200px;
    z-index: 999;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    background: #0f3952;
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.list-menu-1 li ul ul {
    top: calc(0% - 10px);
    left: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.list-menu-1 li ul a:not(:only-child):after {
    content: '\f0da';
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 5px
}

.list-menu-1 li:hover>a {
    background: #0b2a3c
}

.list-menu-1 li:hover>ul {
    top: 100%;
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

.list-menu-1 li:hover>ul li:hover>ul {
    top: 0
}

.list-icon-footer li {
    padding-left: 2px;
    padding-right: 2px
}

.list-icon-footer li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    color: #000
}

.list-icon-footer li a:hover i {
    background: #0f3952;
    color: #fff
}

.box-complete-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1010;
    background: rgba(0, 0, 0, .6);
    display: none
}

.box-complete-overlay.active {
    display: block
}

.box-complete {
    z-index: 1011;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    display: block;
    padding: 60px;
    color: #fff;
    background-color: #09b400;
    border: 1px solid #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    display: none
}

@media (max-width:991px) {
    .box-complete {
        width: 100%;
        padding: 40px 10px
    }
}

.box-complete.show {
    display: block
}

.box-complete .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    color: #fff
}

.box-complete .btn-close:hover {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    opacity: .8
}

.popup-phone {
    padding: 15px
}

.popup-phone input[type=submit],
.popup-phone input[type=tel] {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: none
}

.popup-phone input[type=tel] {
    background: #ebebeb;
    color: #de6f6e;
    text-align: center;
    font-size: 20px
}

.popup-phone input[type=submit] {
    background: #0f3952;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px
}

.popup-phone h2 {
    font-weight: 700
}

.popup-phone h2 span {
    color: red
}

/*style2.min.css*/




.f-bold {
    font-weight: 700
}

body {
    font-size: 17px;
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
    color: #282828;
    word-wrap: break-word;
    -webkit-word-wrap: break-word;
    -moz-word-wrap: break-word;
    -ms-word-wrap: break-word;
    -o-word-wrap: break-word;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    line-height: 1.6;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

img {
    max-width: 100%;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    -ms-backface-visibility: hidden !important;
    -o-backface-visibility: hidden !important
}

iframe {
    max-width: 100%
}

.p-of {
    object-fit: cover
}

.p-p-re {
    position: relative
}

.p-o-h {
    overflow: hidden
}

.p-bold {
    font-weight: bolder
}

a {
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

a:focus,
a:hover {
    text-decoration: none;
    color: #29bedd
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin: 20px 0;
    font-weight: 400 !important
}

h2,
h3,
h4 {
    line-height: 1.3
}

label {
    font-weight: 400
}

.c-white {
    color: rgba(255, 255, 255, .9) !important
}

.bg-white {
    background-color: rgba(255, 255, 255, .9) !important
}

.c1 {
    color: #053350 !important
}

.c2 {
    color: #29bedd !important
}

.c-main {
    color: #282828 !important
}

.bg1 {
    background-color: #053350 !important
}

.bg2 {
    background-color: #29bedd !important
}

.bg-content {
    background-color: #f2f2f2
}

.row-hidden {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width:767px) {
    .row2 {
        margin-left: -5px;
        margin-right: -5px
    }
}

.row-df {
    display: flex
}

@media (max-width:767px) {
    .row-df {
        display: block
    }
}

.d-b {
    display: block
}

.d-b-i {
    display: block !important
}

.d-ib {
    display: inline-block
}

.d-ib-i {
    display: inline-block !important
}

.show-ipad-pro {
    display: none
}

.hidden-ipad-pro {
    display: block
}

@media (max-width:1024px) {
    .show-ipad-pro {
        display: block !important
    }

    .hidden-ipad-pro {
        display: none !important
    }
}

@media (max-width:1200px) {
    .navbar-header {
        float: none
    }

    .navbar-left,
    .navbar-right {
        float: none !important
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }

    .navbar-nav>li {
        float: none
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collapse.in {
        display: block !important
    }
}

@keyframes navbar-shrink {
    from {
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%)
    }

    to {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
}

.mobile-menu .navbar-collapse ul li {
    background: 0 0
}

.mobile-menu .navbar-collapse ul li+li {
    border-top: 1px dashed rgba(40, 40, 40, .5)
}

.mobile-menu .navbar-collapse ul li a {
    display: block;
    color: #282828
}

.d-il {
    display: inline
}

@media (max-width:767px) {
    .d-b-m {
        display: block
    }
}

.d-f {
    display: flex;
    justify-content: space-between
}

.d-f-box-all {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.d-f-box-c {
    display: flex;
    justify-content: center;
    align-items: center
}

.d-f-s {
    display: flex;
    justify-content: start
}

.d-f-box-s {
    display: flex;
    justify-content: start;
    align-items: center
}

.d-f-box-e {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.d-f-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (max-width:991px) {
    .p991-d-f-wrap {
        justify-content: center;
        flex-wrap: wrap
    }
}

.p991-d-f {
    flex-wrap: wrap
}

.d-f-c {
    display: flex;
    justify-content: center
}

@media (max-width:767px) {
    .sm-no-d-f {
        display: block
    }
}

@media (max-width:767px) {
    .xs-no-d-f {
        display: block
    }

    .xs-noall-d-f {
        display: block;
        justify-content: unset;
        align-items: unset
    }
}

.b-r-3 {
    border-radius: 3px
}

.b-r-5 {
    border-radius: 5px
}

.b-r-10 {
    border-radius: 10px
}

.b-r-20 {
    border-radius: 20px
}

.b-r-30 {
    border-radius: 30px
}

.b-r-50pt {
    border-radius: 50%
}

.group-list {
    list-style-type: none;
    padding-left: 0
}

.group-list li a {
    color: #29bedd;
    font-size: 16px;
    display: block;
    padding: 5px 10px;
    padding-left: 0
}

.group-list li span.line {
    display: block
}

.group-list-have-icon {
    padding-left: 0
}

.group-list-have-icon.type-2-col1 {
    padding-left: 0
}

.group-list-have-icon.type-2-col1 li+li {
    margin-top: initial
}

.group-list-have-icon.type-2-col1 li {
    min-height: 40px
}

.group-list-have-icon.type-2-col1 li:before {
    content: '';
    height: 18px;
    width: 18px;
    background: url(../img/tbds/icon-check-bg1.png) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.group-list-have-icon.type-2-col1 li a,
.group-list-have-icon.type-2-col1 li span {
    display: block;
    color: #282828
}

.group-list-have-icon li {
    position: relative;
    padding-left: 40px;
    display: flex;
    justify-content: start;
    align-items: center
}

.group-list-have-icon li:before {
    content: '';
    height: 26px;
    width: 26px;
    background: url(../img/ck/svg/check-w.svg) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #29bedd;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.group-list-have-icon li+li {
    margin-top: 10px
}

@media (max-width:767px) {
    .group-list-have-icon li+li {
        margin-top: 20px
    }
}

.group-list-have-icon li a,
.group-list-have-icon li span {
    display: block;
    font-size: 16px
}

.group-list-have-icon li a:hover,
.group-list-have-icon li span:hover {
    color: #29bedd !important
}

@media (max-width:767px) {

    .group-list-have-icon li a,
    .group-list-have-icon li span {
        font-size: 15px
    }
}

.group-list-have-img {
    padding-left: 0
}

.group-list-have-img li {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 50px
}

@media (min-width:1024px) {
    .group-list-have-img li {
        min-height: 50px
    }
}

.group-list-have-img li span.icon-img {
    width: 50px;
    text-align: left;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0
}

.group-list-have-img li span.icon-img img {
    vertical-align: middle
}

.group-list-have-img li.type-2:before {
    content: '';
    height: 40px;
    width: 40px;
    background: url(../img/tbds/pages/icon-check-blue.png) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.group-list-have-img li+li {
    margin-top: 20px
}

@media (max-width:767px) {
    .group-list-have-img li+li {
        margin-top: 10px
    }
}

.group-list-have-img li a,
.group-list-have-img li span {
    display: block;
    font-size: 16px
}

@media (max-width:767px) {

    .group-list-have-img li a,
    .group-list-have-img li span {
        font-size: 15px
    }
}

.box-img-rotate img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.box-img-rotate .img-df {
    transform: rotate3d(1, 1, 1, 0deg);
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
    -moz-transform: rotate3d(1, 1, 1, 0deg);
    -ms-transform: rotate3d(1, 1, 1, 0deg);
    -o-transform: rotate3d(1, 1, 1, 0deg);
    display: inline-block
}

.box-img-rotate .img-h {
    display: none;
    transform: rotate3d(1, 1, 1, -180deg);
    -webkit-transform: rotate3d(1, 1, 1, -180deg);
    -moz-transform: rotate3d(1, 1, 1, -180deg);
    -ms-transform: rotate3d(1, 1, 1, -180deg);
    -o-transform: rotate3d(1, 1, 1, -180deg)
}

.box-img-rotate:hover .img-df {
    transform: rotate3d(1, 1, 1, -180deg);
    -webkit-transform: rotate3d(1, 1, 1, -180deg);
    -moz-transform: rotate3d(1, 1, 1, -180deg);
    -ms-transform: rotate3d(1, 1, 1, -180deg);
    -o-transform: rotate3d(1, 1, 1, -180deg);
    display: none
}

.box-img-rotate:hover .img-h {
    display: inline-block;
    transform: rotate3d(1, 1, 1, 0deg);
    -webkit-transform: rotate3d(1, 1, 1, 0deg);
    -moz-transform: rotate3d(1, 1, 1, 0deg);
    -ms-transform: rotate3d(1, 1, 1, 0deg);
    -o-transform: rotate3d(1, 1, 1, 0deg)
}

.w-50 {
    width: 49%
}

.w-100 {
    width: 49%
}

@media (max-width:767px) {
    .m-w-100 {
        width: 100%
    }
}

.w-all-50 {
    width: calc(50% - 5px)
}

.heading-sect {
    color: #053350;
    font-size: 24px;
    font-weight: 700
}

@media (min-width:1199px) {
    .heading-sect {
        font-size: 26px
    }
}

.heading-sect strong {
    color: #053350;
    margin-left: 6px;
    margin-right: 6px
}

.heading-sect a {
    color: #053350;
    font-size: inherit
}

.heading-sect2 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700
}

.heading-sect2 strong {
    color: #29bedd;
    margin-left: 6px;
    margin-right: 6px
}

.heading-sect2 a {
    text-transform: uppercase;
    color: #053350;
    font-size: 22px
}

.heading-sect-des {
    color: #053350;
    font-size: 16px;
    font-style: italic;
    text-align: center
}

.heading-sect-des strong {
    color: #29bedd;
    text-transform: uppercase
}

.heading-footer {
    font-size: 16px;
    margin-top: 37px;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .9)
}

@media (max-width:991px) {
    .heading-footer {
        margin-top: 20px;
        margin-bottom: 10px
    }
}

address p span {
    display: inline-block
}

address p a {
    color: rgba(255, 255, 255, .9)
}

.line-heading-sect {
    width: 53px;
    height: 2px;
    background-color: #29bedd
}

.line-heading-sect-center {
    width: 53px;
    height: 2px;
    background-color: #29bedd;
    margin-left: auto;
    margin-right: auto
}

.full-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20
}

.full-box.bg-r-bot {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, transparent), color-stop(0, transparent), color-stop(65%, rgba(0, 0, 0, .2)), color-stop(100%, rgba(0, 0, 0, .8)));
    background-image: -moz-linear-gradient(top, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%);
    background-image: -webkit-linear-gradient(top, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%)
}

.full-box.bg-r-bot-4 {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, transparent), color-stop(0, transparent), color-stop(65%, rgba(0, 0, 0, .2)), color-stop(100%, rgba(0, 0, 0, .4)));
    background-image: -moz-linear-gradient(top, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .4) 100%);
    background-image: -webkit-linear-gradient(top, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .4) 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .4) 100%)
}

.full-box.rgba-7 {
    background-color: rgba(0, 0, 0, .7)
}

.full-box.h-o-4:hover {
    background-color: rgba(0, 0, 0, .4)
}

.full-box2 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 20
}

.full-box2.bg-r-bot {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, transparent), color-stop(0, transparent), color-stop(65%, rgba(0, 0, 0, .2)), color-stop(100%, rgba(0, 0, 0, .8)));
    background-image: -moz-linear-gradient(top, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%);
    background-image: -webkit-linear-gradient(top, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%);
    background-image: linear-gradient(to bottom, transparent 0, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .8) 100%)
}

.full-box2.bg-r-bot:hover {
    background-image: none
}

.full-box2.bg-r-top {
    background-image: linear-gradient(to bottom, #29bedd 0, rgba(41, 190, 221, .8) 40%, rgba(41, 190, 221, .2) 65%, rgba(255, 255, 255, .3) 100%)
}

.full-box2.rgba-7 {
    background-color: rgba(0, 0, 0, .7)
}

.full-box2.h-o-4:hover {
    background-color: rgba(0, 0, 0, .4)
}

.v-box-no {
    position: relative
}

.v-box-no .photo-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    background-size: cover
}

.v-box-no .photo-item img {
    width: 100%;
    opacity: 0
}

.v-box-no .content a:hover {
    color: #29bedd
}

.box-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #fff;
    padding: 13px 24px
}

@media (max-width:767px) {
    .box-date {
        transform: scale(.5);
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform-origin: top left;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        top: 5px;
        left: 5px
    }
}

.box-date span {
    display: block;
    color: #053350;
    font-size: 26px
}

.box-date span.line {
    width: 27px;
    height: 1px;
    background-color: #053350
}

.box-content-full {
    position: relative;
    overflow: hidden
}

.box-content-full .photo-item {
    position: relative;
    overflow: hidden
}

.box-content-full .content-full {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: rgba(41, 190, 221, .9);
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 20% 20px;
    opacity: 0;
    color: #fff
}

.box-content-full .content-full a.viewmore {
    padding: 5px 20px;
    background-color: #fff;
    border-radius: 5px;
    color: #29bedd
}

.box-content-full:hover .content-full {
    top: 0;
    opacity: 1
}

.v-box {
    margin-bottom: 30px;
    position: relative
}

@media (max-width:767px) {
    .v-box {
        margin-bottom: 20px
    }
}

.v-box .photo-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    background-size: cover;
    overflow: hidden
}

.v-box .photo-item img {
    width: 100%;
    opacity: 0
}

.v-box .photo-item.zoom-f img {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.v-box .photo-item.zoom-f:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    filter: grayscale(60%)
}

.v-box .content h4 {
    color: #053350;
    line-height: 1.3
}

.v-box .content h4 a {
    color: inherit;
    font-size: inherit
}

.v-box .content h4:hover a {
    color: #29bedd
}

.v-box .content .date {
    color: #616161
}

.v-box .content .short-des {
    color: #282828;
    font-size: 16px
}

.v-box .content .status {
    color: #282828;
    font-size: 17px
}

.v-box .content .status.no-complete {
    color: #29bedd
}

.v-box-col-2 .photo-item {
    display: inline-block;
    width: 40%
}

.v-box-col-2 .content {
    padding-right: 20px;
    vertical-align: top;
    display: inline-block;
    width: 58%;
    padding-left: 20px
}

@media (max-width:767px) {
    .box-respon {
        margin-bottom: 10px
    }
}

.v-btn-no {
    background: 0 0;
    border: none
}

.v-btn {
    padding: 7px 34px;
    background-color: #053350;
    color: #fff;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #053350;
    border-radius: 40px;
    font-size: 14px
}

@media (max-width:767px) {
    .v-btn {
        padding: 7px 20px
    }
}

.v-btn:hover {
    color: rgba(255, 255, 255, .9);
    border: 1px solid #29bedd
}

.v-btn:hover:before {
    left: 0
}

.v-btn:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #29bedd;
    z-index: -1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.v-btn i {
    margin-right: 8px
}

.v-btn-viewall {
    padding: 3px 60px;
    color: #053350;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #053350;
    border-radius: 50px;
    font-size: 24px
}

@media (max-width:767px) {
    .v-btn-viewall {
        padding: 1px 20px;
        width: 100%;
        display: block
    }
}

.v-btn-viewall:hover {
    color: rgba(255, 255, 255, .9);
    border: 1px solid #053350
}

.v-btn-viewall:hover:before {
    left: 0
}

.v-btn-viewall:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #053350;
    z-index: -1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.v-btn-viewall i {
    margin-right: 8px
}

.v-btn2 {
    padding: 10px 25px;
    color: #fff;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #29bedd;
    border-radius: 5px;
    background-color: #29bedd
}

@media (max-width:767px) {
    .v-btn2 {
        padding: 7px 20px
    }
}

.v-btn2:hover {
    color: #fff;
    border: 1px solid #053350;
    background-color: #053350
}

.v-btn2:hover:before {
    left: 0
}

.v-btn2:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #053350;
    z-index: -1;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.v-btn2 i {
    margin-right: 8px
}

a.viewall {
    padding: 10px 34px;
    background-color: transparent;
    color: #29bedd;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #29bedd;
    border-radius: 5px;
    font-size: 23px
}

@media (max-width:767px) {
    a.viewall {
        padding: 7px 20px
    }
}

a.viewall:hover {
    color: #fff;
    border: 1px solid #29bedd
}

a.viewall:hover:before {
    left: 0
}

a.viewall:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #29bedd;
    z-index: -1;
    transition: ease .3s;
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -ms-transition: ease .3s;
    -o-transition: ease .3s
}

a.viewall i {
    margin-right: 8px
}

.btn-close {
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 50;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.btn-close:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.btn-toogle-icon {
    border-radius: 50%;
    background: 0 0;
    border: 1px solid #29bedd;
    height: 30px;
    width: 30px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 0
}

.btn-toogle-icon.line-heading {
    float: right;
    margin-left: 20px;
    margin-top: 4px
}

.btn-toogle-icon:focus,
.btn-toogle-icon:hover {
    color: #fff;
    background: #29bedd
}

.v-btn-2 {
    padding: 7px 25px;
    background-color: transparent;
    color: #053350;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #053350
}

.v-btn-2:hover {
    color: #fff;
    border: 1px solid #29bedd
}

.v-btn-2:hover:before {
    left: 0
}

.v-btn-2:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #29bedd;
    z-index: -1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.v-btn-2 i {
    margin-right: 8px
}

.v-btn-star {
    height: 40px;
    line-height: 40px;
    color: #29bedd
}

.v-btn-star .number {
    color: #b3b3b3;
    font-size: 14px;
    margin-left: 3px
}

.button-sh-code {
    background-image: linear-gradient(to right top, #f3d149, #e6b540, #d69a3a, #c38035, #ae6830);
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px;
    border: 2px solid #efd156;
    border-radius: 30px;
    text-transform: uppercase;
    opacity: 1;
    display: inline-block;
    text-decoration: none !important;
    outline: 0
}

.button-sh-code:hover {
    opacity: .9;
    color: #fff !important
}

.v-btn-bg {
    background-image: linear-gradient(to right, #084d5f, #003b4b);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    padding: 10px 35px;
    border-radius: 30px;
    text-transform: uppercase;
    opacity: 1;
    display: inline-block;
    text-decoration: none !important;
    margin: auto 10px
}

.v-btn-bg:hover {
    opacity: .9;
    color: #fff !important
}

.v-tab {
    display: flex;
    justify-content: start;
    background-color: rgba(0, 0, 0, .5)
}

.v-tab a {
    display: inline-block;
    padding: 7px 20px;
    font-size: 14px;
    background-color: transparent;
    color: #fff
}

.v-tab a.active {
    background-color: #053350
}

.v-tab-group {
    display: flex;
    justify-content: center
}

.v-tab-group li {
    display: inline-block
}

.v-tab-group li+li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 8px;
    height: 13px;
    width: 1px;
    background-color: #dadada
}

.v-tab-group li a {
    color: #505050;
    text-transform: uppercase;
    font-size: 18px;
    padding: 5px 20px;
    position: relative
}

.v-tab-group li a:focus,
.v-tab-group li a:hover {
    background-color: transparent
}

.v-tab-group li a span {
    display: inline-block;
    padding-bottom: 5px
}

.v-tab-group li.active a {
    color: #053350
}

.v-tab-group li.active a span {
    border-bottom: 2px solid #053350
}

.hotline-top a {
    color: #053350
}

.hotline-top a:hover {
    color: #29bedd
}

.v-tuvan .hotline {
    font-weight: 400
}

.line-color-title {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9d9d9
}

@media (max-width:991px) {
    .about-max-height {
        height: auto !important
    }

    .news-max-height {
        height: auto !important
    }

    .thuong-hieu-max-height {
        height: auto !important
    }
}

.box-img {
    position: relative
}

.box-img:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(5, 51, 80, .6);
    z-index: 1;
    display: none
}

.box-img:after {
    content: '';
    background: url(../img/icon-mayanh.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 41px;
    height: 33px;
    left: 50%;
    top: 50%;
    z-index: 2;
    display: none;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.box-img:hover:after,
.box-img:hover:before {
    display: block
}

.box-video {
    position: relative
}

.box-video .photo-item {
    position: relative;
    overflow: hidden
}

.box-video .photo-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(5, 51, 80, .3);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .3s cubic-bezier(.25, .1, .25, 1);
    -webkit-transition: .3s cubic-bezier(.25, .1, .25, 1);
    -moz-transition: .3s cubic-bezier(.25, .1, .25, 1);
    -ms-transition: .3s cubic-bezier(.25, .1, .25, 1);
    -o-transition: .3s cubic-bezier(.25, .1, .25, 1)
}

.box-video .photo-item:after {
    content: '';
    background: url(../img/icon-play.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 41px;
    height: 33px;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.box-video .photo-item:hover:before {
    opacity: 1;
    background-color: rgba(5, 51, 80, .6);
    visibility: visible
}

.box-scroll-top {
    width: 176px;
    padding: 20px 15px;
    background-color: #0d4b5e;
    border-radius: 15px;
    position: fixed;
    z-index: 20;
    bottom: 40%;
    right: 10px;
    color: #fff;
    font-size: 12px;
    display: none
}

.box-scroll-top.active {
    display: block
}

.icon-top {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    position: fixed;
    right: 1%;
    bottom: -40px;
    z-index: 999;
    visibility: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    text-align: center;
    border-radius: 50%;
    background: #053350;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    cursor: pointer
}

.icon-top.active {
    bottom: 50px;
    opacity: .8;
    visibility: visible;
    border-radius: 5px;
    right: 35px
}

@media only screen and (max-width:576px) {
    .icon-top.active {
        right: 20px
    }
}

.redi-sect-register-home {
    background: url(../img/tbds/bg_lienhe.png) no-repeat center/cover
}

.redi-sect-register-home .line {
    margin-bottom: 18px
}

.redi-sect-register-home .line input {
    width: 100%;
    height: 40px;
    border: none;
    background-color: #e1e8ea;
    color: #282828;
    padding: 5px 20px
}

@media (max-width:767px) {
    .redi-sect-register-home .line input {
        height: 35px
    }
}

.redi-sect-register-home .line input.error {
    border: 1px solid red
}

.redi-sect-register-home .line input.placeholder {
    color: #282828
}

.redi-sect-register-home .line input:-moz-placeholder {
    color: #282828
}

.redi-sect-register-home .line input::-moz-placeholder {
    color: #282828
}

.redi-sect-register-home .line input:-ms-input-placeholder {
    color: #282828
}

.redi-sect-register-home .line input::-webkit-input-placeholder {
    color: #282828
}

.redi-sect-register-home .line input[type=email] {
    padding: 5px 20px;
    margin: 0
}

.redi-sect-register-home .line textarea {
    width: 100%;
    background-color: #e1e8ea;
    border: none;
    color: #282828;
    padding: 5px 20px
}

.redi-sect-register-home .line textarea.placeholder {
    color: #282828
}

.redi-sect-register-home .line textarea:-moz-placeholder {
    color: #282828
}

.redi-sect-register-home .line textarea::-moz-placeholder {
    color: #282828
}

.redi-sect-register-home .line textarea:-ms-input-placeholder {
    color: #282828
}

.redi-sect-register-home .line textarea::-webkit-input-placeholder {
    color: #282828
}

.redi-sect-register-home .hotline * {
    color: #fff
}

.redi-sect-register-home .hotline img {
    vertical-align: top
}

.redi-sect-register-home .error-rigister {
    color: red;
    text-align: center;
    margin-top: 20px;
    padding: 10px 20px;
    border: 1px dashed rgba(255, 255, 255, .5)
}

.redi-sect-register-home .completed-rigister {
    color: green;
    text-align: center;
    text-shadow: 2px 2px 2px #c-main;
    padding: 10px 20px;
    border: 1px dashed rgba(255, 255, 255, .5)
}

.email-register {
    font-family: Arimo-Regular;
    border: 1px solid #2d536b;
    padding: 3px;
    display: flex;
    justify-content: space-between
}

.email-register input {
    border: none;
    background-color: transparent;
    padding-left: 15px;
    width: 257px;
    outline: 0;
    height: 40px;
    color: #fff
}

.email-register input.placeholder {
    color: #fff;
    font-size: 13px
}

.email-register input:-moz-placeholder {
    color: #fff;
    font-size: 13px
}

.email-register input::-moz-placeholder {
    color: #fff;
    font-size: 13px
}

.email-register input:-ms-input-placeholder {
    color: #fff;
    font-size: 13px
}

.email-register input::-webkit-input-placeholder {
    color: #fff;
    font-size: 13px
}

.email-register .btn-submit {
    background-color: #094265;
    border: none;
    height: 40px;
    padding: 5px 10px;
    border-radius: 0;
    float: right;
    font-size: 13px;
    color: #fff;
    width: 105px
}

@media (max-width:767px) {
    .email-register .btn-submit {
        padding: 5px 10px
    }
}

.email-register2 {
    border: 1px solid #484848;
    padding: 3px;
    max-width: 360px
}

.email-register2 input {
    border: none;
    background-color: transparent;
    padding-left: 15px;
    width: 250px;
    outline: 0
}

.email-register2 .btn-submit {
    background-color: #323030;
    border: none;
    padding: 5px 20px
}

.option-input {
    outline: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 30px;
    width: 30px;
    transition: all .15s ease-out 0s;
    background: #f1f1f1;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: .5rem;
    outline: 0;
    position: relative;
    z-index: 1000
}

.option-input:checked {
    background: #d4b789
}

.option-input:checked:before {
    height: 30px;
    width: 30px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 30px
}

.option-input:checked:after {
    background: #d4b789;
    content: '';
    display: block;
    position: relative;
    z-index: 100
}

.list-menu-info-footer a,
.list-menu-info-footer i {
    color: #fff;
    font-size: 15px
}

@media (min-width:1400px) {
    .line-sect-p {
        padding-left: 50px;
        padding-right: 50px
    }
}

.social-line-type a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, .9);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 3px;
    margin-right: 3px
}

.social-line-type a:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.social-line-type a.s-facebook {
    background-color: #3b5998
}

.social-line-type a.s-tiwtter {
    background-color: #1da1f3
}

.social-line-type a.s-google {
    background-color: #da4835
}

.social-line-type a.s-youtube {
    background-color: #be0a0a
}

.social-line-type a.s-pinterest {
    background-color: #bd1e24
}

.social-line-syn1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, .9);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #3c6076;
    opacity: .7;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.social-line-syn1 a:focus,
.social-line-syn1 a:hover {
    opacity: 1;
    background-color: #29bedd;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.social-footer ul {
    display: inline-block
}

.social-footer li+li {
    margin-top: 13px
}

.social-footer li a {
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.social-footer li a i {
    height: 33px;
    width: 33px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color: #3c6076;
    color: #053350;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.social-footer li a span {
    color: #fff
}

.social-footer li:hover i {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px)
}

.social-footer li:hover a {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px)
}

.v-phone {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #053350;
    padding: 2px;
    z-index: 100
}

.v-phone .v-btn-phone {
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    background-color: #29bedd
}

.v-phone .v-btn-tuvan {
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    background-color: #29bedd
}

.tuvanngay-popup {
    position: fixed;
    top: 50%;
    right: 0;
    animation: slidetuvanngay 11s infinite;
    z-index: 100
}

.tuvanngay-popup .type1 {
    background-color: #29bedd;
    text-align: left;
    padding: 10px 15px 10px 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.tuvanngay-popup .type1 .img-item {
    height: 46px;
    width: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    position: relative
}

.tuvanngay-popup .type1 .img-item:before {
    content: '';
    position: absolute;
    top: 99%;
    left: 50%;
    z-index: 2;
    display: inline-block;
    font-size: 20px;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.tuvanngay-popup .type1 .img-item i {
    font-size: 30px;
    color: #29bedd
}

.tuvanngay-popup .type1 .content a {
    background-color: #053350;
    color: #29bedd;
    border: 2px solid #053350;
    margin-top: 5px;
    border-radius: 20px;
    padding: 1px 10px;
    display: block
}

.tuvanngay-popup .type1 .content a:hover {
    border: 2px solid rgba(255, 255, 255, .4);
    box-shadow: 2px 2px 2px rgba(255, 255, 255, .2)
}

.tuvanngay-popup .type1 .content img {
    margin-right: 5px
}

@keyframes slidetuvanngay {
    0% {
        right: -100%
    }

    25% {
        right: 0
    }

    50% {
        right: 0
    }

    75% {
        right: 0
    }

    100% {
        right: -100%
    }
}

@media (max-width:767px) {
    .social-footer {
        text-align: center
    }
}

.memu-footer {
    list-style: none;
    padding-left: 0
}

.memu-footer li+li {
    margin-top: 10px
}

.memu-footer li a {
    color: #fff;
    opacity: .9;
    font-size: 14px
}

.footer-top {
    background-color: #053350;
    padding: 20px 0
}

.footer-content {
    background-color: #053350;
    border-top: 1px solid #0d3a55;
    border-bottom: 1px solid #0d3a55;
    color: rgba(255, 255, 255, .9)
}

.footer-content .sp-label {
    color: #29bedd
}

.copy-right {
    padding: 15px 0;
    background-color: #053350;
    color: rgba(255, 255, 255, .9)
}

.copy-right a {
    color: #29bedd
}

.sl-overlay {
    background-color: rgba(0, 0, 0, .95)
}

@media (max-width:991px) {
    .about-max-height {
        height: auto !important
    }

    .box-news-max-height {
        height: auto !important
    }

    .experience-max-height {
        height: auto !important
    }

    .kh-about-max-height {
        height: auto !important
    }
}

@media (max-width:767px) {
    .about-max-height {
        height: auto !important
    }

    .box-news-max-height {
        height: auto !important
    }
}

#wpadminbar {
    position: fixed
}

.list-menu1 {
    -webkit-padding-start: 0;
    margin-bottom: -2px
}

.list-menu1 li {
    position: relative
}

.list-menu1 li ul {
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    list-style-type: none;
    padding-left: 0;
    width: 300px;
    z-index: 50;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 30px
}

.list-menu1 li ul li a {
    color: #474747;
    position: relative;
    padding: 10px 20px;
    display: block
}

.list-menu1 li ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    left: 20px;
    height: 1px;
    background-color: #f5f2f2
}

.list-menu1 li ul li a:hover {
    color: #053350
}

.list-menu1 li ul li:last-child a {
    border-bottom: none
}

.list-menu1 li ul li:last-child a:after {
    display: none
}

.list-menu1 li:hover>ul {
    opacity: 1;
    visibility: visible
}

.list-menu1>li {
    min-height: 40px
}

.list-menu1>li.current-menu-item>a,
.list-menu1>li:hover>a {
    color: rgba(255, 255, 255, .9);
    background-color: #053350
}

.list-menu1>li>ul {
    left: 0;
    top: 100%
}

.list-menu1>li>a {
    padding: 26px 10px;
    display: inline-block;
    text-transform: uppercase;
    background-color: transparent;
    color: #053350
}

@media (min-width:1480px) {
    .list-menu1>li>a {
        padding: 26px 15px
    }
}

@media (min-width:1280px) {
    .list-menu2 li a {
        padding: 20px 2px;
        font-size: 13px
    }
}

@media (min-width:1440px) {
    .list-menu2 li a {
        padding: 20px 5px;
        font-size: 13px
    }
}

@media (min-width:1680px) {
    .list-menu2 li a {
        padding: 20px 12px;
        font-size: 14px
    }
}

.menu_mobile {
    top: 60px
}

.menu_mobile li:first-child {
    display: none
}

.menu-button i.active,
.menu-button i:hover {
    color: #053350
}

.section-menu-home1 {
    padding: 5px 0;
    background-color: #29bedd
}

.section-menu-home1 .phone-header a i {
    color: #053350
}

@media (max-width:767px) {
    .section-menu-home1 {
        padding: 5px 0;
        background-color: #29bedd
    }

    .section-menu-home1 .phone-header a i {
        color: #053350
    }
}

.div-button-click-mb {
    left: 5px
}

.div-button-click-mb-right {
    right: 5px
}

@media (max-width:480px) {
    .div-button-click-mb-right img {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8)
    }
}

@media (max-width:1024px) {
    #menu-menu1-1 {
        width: 90%;
        margin: 0 auto;
        padding-left: 20px
    }
}

.account {
    padding: 0 15px
}

.account a {
    color: #fff;
    padding: 5px 12px;
    position: relative
}

.account a:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: 9px;
    width: 2px;
    background-color: #fff;
    z-index: 2;
    display: inline-block
}

.asigned {
    background-color: #053350
}

.asigned a {
    padding: 25px 28px;
    color: #053350;
    display: block
}

.header-menu-mobile {
    background-color: #fff
}

.header-menu-mobile .m-logo img {
    height: 60px;
    object-fit: contain
}

.header-menu-mobile .m-btn-toggle {
    padding: 10px;
    color: #053350;
    font-size: 20px
}

.header-menu-mobile .m-phone a {
    font-size: 20px;
    color: #053350;
    padding: 10px
}

.menu-mobile {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 60px;
    width: 100%;
    max-width: 320px;
    margin-left: -320px;
    height: 100vh;
    max-height: 600px;
    overflow-y: auto;
    background-color: #fff;
    list-style-type: none;
    padding: 20px 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.menu-mobile.active {
    margin-left: 0
}

.menu-mobile>li>a {
    border-bottom: 1px solid #dedede
}

.menu-mobile li {
    position: relative;
    overflow: hidden
}

.menu-mobile li i {
    position: absolute;
    right: 5px;
    top: 2px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #053350;
    color: rgba(255, 255, 255, .9);
    font-size: 15px;
    z-index: 20
}

.menu-mobile li+li {
    margin-top: 7px
}

.menu-mobile li a {
    display: block;
    padding: 7px 15px;
    color: #053350
}

.menu-mobile li ul {
    padding-left: 20px;
    list-style-type: none
}

.menu-mobile li ul.sub-menu {
    height: 0;
    visibility: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.menu-mobile li ul.active {
    height: auto;
    visibility: visible
}

.menu-mobile li ul a {
    position: relative
}

.menu-mobile li ul a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    height: 5px;
    width: 5px;
    background-color: #29bedd
}

.overlay-menu {
    height: 100%;
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 90;
    display: none
}

.overlay-menu.active {
    display: block
}

.navbar-shrink {
    position: fixed;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    padding: 0;
    border-bottom: 1px solid #ccc;
    animation: navbar-shrink 1s;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.navbar-shrink .logo {
    margin-top: 0
}

.navbar-shrink .logo img {
    height: 90px !important
}

.sc-header .logo img {
    height: 102px
}
.navbar-shrink .main-menu .list-menu1>li>a {
    padding: 18px 10px
}

@media (min-width:1480px) {
    .navbar-shrink .main-menu .list-menu1>li>a {
        padding: 18px 15px
    }
}

.navbar-shrink .header-top {
    display: none
}

.navbar-shrink .list-menu2>li:hover>ul:not(.ul-sub-search) {
    top: 79px
}

.owl-control.left-right>div {
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 3px;
    text-align: center;
    margin-right: 8px;
    font-size: 25px;
    color: #fff;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 20;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.owl-control.left-right>div:hover {
    cursor: pointer;
    opacity: .7
}

.owl-control.left-right>div.btn-right {
    background: url(../img/ck/svg/angle-left.svg) no-repeat center/contain;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg)
}

.owl-control.left-right>div.btn-left {
    background: url(../img/ck/svg/angle-left.svg) no-repeat center/contain;
    left: 0
}

.owl-control.left-right-fa>div {
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 3px;
    text-align: center;
    margin-right: 8px;
    font-size: 40px;
    color: #282828;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 20;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.owl-control.left-right-fa>div:hover {
    cursor: pointer;
    color: #053350
}

.owl-control.left-right-fa>div.btn-next {
    right: 0
}

.owl-control.left-right-fa>div.btn-prev {
    left: 0
}

.owl-control.gallery-syn>div:hover {
    cursor: pointer;
    opacity: .7
}

.owl-control.gallery-syn>div.btn-right {
    background: url(../img/ck/icon-galley-left.png) no-repeat center/contain;
    transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg)
}

.owl-control.gallery-syn>div.btn-left {
    background: url(../img/ck/icon-galley-left.png) no-repeat center/contain
}

.owl-control.owl-group>div {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    line-height: 30px;
    text-align: center;
    background-color: #d5d5d5;
    color: #515151;
    font-size: 22px;
    z-index: 20;
    opacity: .6
}

.owl-control.owl-group>div.active {
    background-color: #053350;
    color: #fff
}

.owl-control.owl-group>div:hover {
    opacity: 1;
    cursor: pointer;
    color: #fff
}

.owl-control.owl-group>div.btn-next {
    margin-left: 5px
}

#owl-banner.owl-theme .owl-dots {
    position: absolute;
    bottom: 33px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

@media (max-width:767px) {
    #owl-banner.owl-theme .owl-dots {
        bottom: 0
    }
}

#owl-banner.owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, .4);
    height: 12px;
    width: 12px
}

#owl-banner.owl-theme .owl-dots .owl-dot.active span {
    background: #d2b03b
}

#owl-customer .owl-item.center .photo-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(41, 190, 221, .4);
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease
}

#owl-about.owl-theme .owl-dots {
    margin-top: 35px
}

#owl-about.owl-theme .owl-dots .owl-dot span {
    background: #d0d0d4;
    height: 11px;
    width: 11px
}

#owl-about.owl-theme .owl-dots .owl-dot.active span {
    background: #70c9c3
}

.gallery_sync2 .owl-item {
    opacity: .7
}

.gallery_sync2 .owl-item.current {
    opacity: 1
}

.heading-siderbar {
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 700
}

.heading-siderbar:before {
    content: '';
    width: 61px;
    height: 1px;
    background-color: #29bedd;
    position: absolute;
    left: 0;
    bottom: 0
}

.baiviet-luutru span.heading {
    color: #29bedd;
    display: block;
    padding: 10px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center
}

.baiviet-luutru .group-list {
    max-height: 390px;
    height: auto;
    visibility: visible;
    overflow: hidden
}

.baiviet-luutru .group-list.active {
    max-height: 100%
}

.baiviet-luutru .btn-show-thongtin {
    display: block;
    width: 100%;
    outline: 0
}

.baiviet-luutru .btn-show-thongtin span {
    margin-left: 10px;
    font-size: 18px
}

.content-add-height {
    height: 0;
    visibility: hidden;
    transition: height .5s;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s
}

.content-add-height.active {
    visibility: visible;
    height: auto !important
}

.lg-outer .lg-thumb {
    margin: auto
}

.thuvien-gallery-modal {
    height: 100vh;
    max-height: 100%;
    background-color: #fff
}

.thuvien-gallery-modal .thuvien-gallery {
    max-height: 100%
}

.main-header {
    padding-left: 45px;
    padding-right: 45px
}

.main-header .col-right {
    justify-content: flex-end
}

.banner-item img {
    width: 100%
}

.wrap-container {
    padding: 0 4%
}

.main-heading-sect {
    position: relative;
    margin-bottom: 35px;
    text-align: center
}

.main-heading-sect:before {
    content: '';
    height: 2px;
    width: 100%;
    background-color: #053350;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: -1
}

.main-heading-sect h1,
.main-heading-sect h2 {
    background-color: #fff;
    font-size: 24px;
    display: inline-block;
    padding: 9px 50px;
    background-color: #fff
}

.main-heading-sect h1 a,
.main-heading-sect h1 span,
.main-heading-sect h2 a,
.main-heading-sect h2 span {
    background-color: #053350;
    color: rgba(255, 255, 255, .9);
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 11px 80px
}

.main-heading-sect h1 a:before,
.main-heading-sect h1 span:before,
.main-heading-sect h2 a:before,
.main-heading-sect h2 span:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    border-right: 19px solid #053350;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent
}

.main-heading-sect h1 a:after,
.main-heading-sect h1 span:after,
.main-heading-sect h2 a:after,
.main-heading-sect h2 span:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    border-left: 19px solid #053350;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent
}

@media (max-width:991px) {
    .main-heading-sect {
        margin-bottom: 20px
    }

    .main-heading-sect h1,
    .main-heading-sect h2 {
        padding: 0 5px;
        font-size: 22px
    }

    .main-heading-sect h1 a,
    .main-heading-sect h2 a {
        padding: 0 10px;
        color: #053350;
        background-color: transparent
    }

    .main-heading-sect h1 a:after,
    .main-heading-sect h1 a:before,
    .main-heading-sect h2 a:after,
    .main-heading-sect h2 a:before {
        display: none
    }
}

.box-item {
    padding: 16px;
    box-shadow: 0 0 10px #ccc
}

.box-item .content h4 {
    margin-top: 20px;
    font-size: 17px
}

.box-item .content h4 a:hover {
    color: #29bedd
}

.box-nha {
    padding: 16px;
    box-shadow: 0 0 10px #ccc
}

@media (max-width:767px) {
    .box-nha {
        padding: 0
    }

    .box-nha .content {
        padding: 0 10px 10px
    }
}

.line-color {
    border-top: 1px solid #ccc
}

.box-news .content h4 {
    margin-bottom: 18px;
    font-size: 17px
}

.box-news .content .date {
    font-size: 14px
}

@media (max-width:767px) {
    .box-news .content h4 {
        margin-bottom: 5px;
        margin-top: 10px;
        font-size: 14px
    }

    .box-news .content .date {
        font-size: 12px
    }
}

.redi-dichvu {
    background: url(../img/ka/bg-dichvu.jpg) #053350 no-repeat center/cover
}

.heading-dichvu img {
    vertical-align: top
}

@media (max-width:991px) {
    .heading-dichvu img {
        display: none
    }
}

.row-dichvu {
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width:991px) {
    .row-dichvu {
        flex-wrap: wrap
    }
}

.box-dichvu {
    margin-left: auto;
    margin-right: auto
}

.box-dichvu .photo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative
}

.box-dichvu .content h4 {
    color: rgba(255, 255, 255, .9);
    margin-top: 30px;
    font-size: 24px
}

.box-dichvu .content h4 a {
    color: inherit
}

@media (max-width:991px) {
    .box-dichvu {
        margin-bottom: 20px
    }

    .box-dichvu .content h4 {
        font-size: 20px;
        margin-top: 10px
    }
}

.wrap-about {
    background-color: #053350;
    padding: 19px
}

.wrap-about .wrap-about-content {
    border: 1px solid #29bedd;
    padding: 50px;
    padding-bottom: 30px
}

@media (max-width:991px) {
    .wrap-about .wrap-about-content {
        padding: 10px
    }
}

.box-about {
    font-size: 17px
}

.box-about .photo-item {
    height: 150px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 28px
}

.box-about .photo-item img {
    border-radius: 50%
}

.box-about .content {
    color: rgba(255, 255, 255, .9)
}

.box-about .content h4 {
    color: rgba(255, 255, 255, .9)
}

.box-about .content h4 a {
    color: inherit
}

.box-about .content .position {
    color: #c2c2c2
}

.box-about .content .des {
    margin-top: 20px
}

.box-video-about iframe {
    height: 100%;
    width: 100%;
    min-height: 250px;
    border: none
}

.tab-hotline a {
    font-size: 24px;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width:1024px) {
    .tab-hotline a {
        font-size: 20px
    }
}

@media (max-width:991px) {
    .tab-hotline a {
        margin-bottom: 10px;
        display: block;
        font-size: 18px
    }
}

.redi-contact-home {
    background-color: #f5f5f5
}

.company-about .btn-tuvan {
    color: rgba(255, 255, 255, .9);
    border: 1px solid;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.company-about .btn-tuvan:hover {
    color: #053350;
    border: 1px solid #fff
}

.company-about .btn-tuvan:hover:before {
    left: 0
}

.company-about .btn-tuvan:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: -1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.wrap-danhgia-home .box-danhgia {
    padding: 20px 30px 10px 30px
}

@media (max-width:991px) {
    .box-danhgia-max-height {
        height: auto !important
    }
}

.map-link {
    display: block
}

.map-link img {
    max-height: 250px;
    object-fit: cover;
    width: 100%
}

.breadcrumb-cate-list a {
    color: #053350;
    padding: 5px 20px;
    margin-left: 6px;
    margin-right: 6px;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 13px
}

@media (min-width:1024px) {
    .breadcrumb-cate-list a {
        display: inline-block
    }
}

@media (min-width:1280px) {
    .breadcrumb-cate-list a {
        font-size: 16px
    }
}

.breadcrumb-cate-list a.active {
    color: #29bedd
}

.breadcrumb-cate-list a+a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 1px;
    height: 15px;
    background-color: #053350;
    display: none
}

@media (min-width:1024px) {
    .breadcrumb-cate-list a+a:before {
        display: inline-block
    }
}

.wrap-content-group-mobile {
    list-style-type: none;
    padding-left: 0;
    margin-top: 30px;
    padding: 0 20px
}

.wrap-content-group-mobile .wrap-content-list {
    background-color: #f4f4f4;
    display: block;
    position: relative;
    margin-bottom: 20px
}

.wrap-content-group-mobile .wrap-content-list .label-item {
    position: absolute;
    height: 100%;
    width: 90px;
    left: 0;
    top: 0;
    bottom: 0;
    color: rgba(255, 255, 255, .9);
    font-size: 40px
}

.wrap-content-group-mobile .wrap-content-list .content {
    padding: 20px;
    padding-left: 100px
}

.redi-experience .content {
    padding: 55px 55px 40px
}

@media (max-width:767px) {
    .redi-experience .content {
        padding: 15px
    }
}

.redi-experience .web-span {
    letter-spacing: 7px;
    font-size: 18px
}

.wrap-box-founder {
    padding: 19px
}

.wrap-box-founder .wrap-box-founder-content {
    border: 1px solid #29bedd;
    padding: 50px 100px 50px
}

@media (max-width:991px) {
    .wrap-box-founder .wrap-box-founder-content {
        padding: 20px 10px
    }
}

.box-founder {
    color: rgba(255, 255, 255, .9);
    display: table
}

.box-founder .photo-item {
    display: table-cell;
    margin-right: 20px;
    width: 200px
}

.box-founder .photo-item img {
    border-radius: 50%
}

.box-founder span {
    display: block;
    margin-top: 20px
}

.box-founder .content {
    display: table-cell;
    margin-left: 50px;
    padding: 0 90px;
    font-style: italic
}

.box-founder .content .fa-quote-left {
    vertical-align: top;
    margin-right: 10px
}

.box-founder .content .fa-quote-right {
    vertical-align: bottom;
    margin-left: 10px
}

@media (max-width:991px) {
    .box-founder {
        display: block
    }

    .box-founder .photo-item {
        display: block;
        margin: 20px auto;
        margin-right: auto
    }

    .box-founder .content {
        padding: 5px
    }
}

.box-icon-col {
    display: table;
    color: rgba(255, 255, 255, .9)
}

.box-icon-col .photo-item {
    display: table-cell
}

.box-icon-col .photo-item .img-icon {
    height: 112px;
    width: 112px;
    border: 2px solid #fff;
    border-radius: 50%
}

.box-icon-col .content {
    display: table-cell;
    padding-left: 33px;
    vertical-align: top
}

.box-icon-col .content h4 {
    font-size: 67px;
    margin-top: -10px
}

.box-icon-col .content p {
    font-size: 20px;
    margin-top: -10px
}

@media (max-width:991px) {
    .box-icon-col {
        margin-bottom: 15px
    }

    .box-icon-col .photo-item .img-icon {
        height: 80px;
        width: 80px
    }

    .box-icon-col .content {
        padding-left: 20px
    }

    .box-icon-col .content h4 {
        font-size: 50px
    }

    .box-icon-col .content p {
        font-size: 18px
    }
}

.redi-statistical {
    background: url(../img/ka/bg-dichvu.png) rgba(5, 51, 80, .5) no-repeat center/cover
}

.box-kh-about {
    margin-bottom: 70px
}

.box-kh-about .photo-item {
    height: 100px;
    width: 100px
}

@media (min-width:1680px) {
    .box-kh-about .photo-item {
        width: 144px;
        height: 144px
    }
}

.box-kh-about .photo-item img {
    border-radius: 50%;
    height: 100%;
    object-fit: cover
}

@media (min-width:1680px) {
    .box-kh-about .content {
        margin-top: 30px
    }
}

@media (max-width:991px) {
    .box-kh-about {
        margin-bottom: 20px
    }

    .box-kh-about .photo-item {
        width: 100px;
        height: 100px
    }

    .box-kh-about .content {
        margin-top: 10px
    }
}

.breadcrumb_last {
    color: #053350
}

.banner-page img {
    max-height: 550px;
    object-fit: cover;
    width: 100%
}

.box-dichvu-page {
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width:991px) {
    .box-dichvu-page {
        float: left;
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:480px) {
    .box-dichvu-page {
        float: none;
        width: 100%
    }
}

.box-dichvu-page .content h4 {
    font-size: 22px;
    color: #053350;
    font-weight: 700
}

.box-dichvu-page .content h4:hover {
    color: #29bedd
}

.box-dichvu-page .content .des {
    margin-top: 20px
}

.redi-uudai .content {
    position: relative
}

.redi-uudai .content:before {
    content: '';
    height: 150px;
    width: 150px;
    position: absolute;
    top: -5px;
    right: -4px;
    background: url(../img/ka/hoavan-uudai.png) no-repeat;
    background-size: contain;
    z-index: 10
}

@media (max-width:767px) {
    .redi-uudai .content:before {
        display: none
    }
}

#siderbar-post {
    padding-left: 70px;
    border-left: 1px solid #ccc;
    margin-top: 30px
}

@media (max-width:991px) {
    #siderbar-post {
        padding-left: 0;
        border-left: none
    }
}

.sb-intro .content {
    padding: 5px;
    border-radius: 10px
}

.sb-btn-contact {
    background-color: #f36815;
    padding: 6px 20px;
    display: block;
    margin: 20px auto;
    font-size: 24px;
    color: rgba(255, 255, 255, .9);
    text-align: center;
    border-radius: 10px
}

.sb-heading {
    color: #053350;
    margin-top: 50px;
    margin-bottom: 30px;
    padding-bottom: 13px;
    border-bottom: 2px solid
}

@media (max-width:991px) {
    .sb-heading {
        margin-top: 30px
    }
}

.box-related {
    position: relative;
    overflow: hidden
}

.box-related .content h4 {
    font-size: 13px
}

.box-related .content .date {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px
}

.box-related .content .des {
    font-size: 14px
}

.box-danhgia {
    box-shadow: 0 0 10px #ccc;
    padding: 15px;
    margin-bottom: 30px
}

@media (min-width:1199px) {
    .box-danhgia {
        padding: 40px 30px 30px 60px
    }
}

.box-danhgia .box-kh-about {
    margin-bottom: 10px
}

.box-danhgia .box-kh-about .photo-item {
    overflow: hidden;
    position: relative;
    border-radius: 50%
}

.box-danhgia .box-kh-about .position {
    color: #949494
}

.box-danhgia .box-kh-about .content {
    margin-top: 0
}

.form-cauhoi {
    padding: 30px;
    box-shadow: 0 0 5px #ccc
}

@media (max-width:767px) {
    .form-cauhoi {
        padding: 10px
    }
}

.form-cauhoi input {
    margin-bottom: 15px;
    border-radius: 0;
    border-color: #dcdcdc;
    height: 45px
}

.form-cauhoi textarea {
    margin-bottom: 15px
}

@media (max-width:767px) {
    .form-cauhoi .hotline {
        display: block;
        text-align: center;
        border: 1px solid #ccc;
        padding: 6px;
        border-radius: 5px
    }
}

.form-cauhoi .hotline i {
    font-size: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.form-cauhoi button {
    min-width: 150px
}

@media (max-width:767px) {
    .form-cauhoi button {
        display: block;
        text-align: center;
        border: 1px solid #ccc;
        padding: 6px;
        border-radius: 5px;
        width: 100%
    }
}

.c-address {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width:767px) {
    .c-address {
        display: block
    }
}

.c-address a.facebook {
    text-align: center
}

@media (max-width:767px) {
    .c-address a.facebook {
        display: block;
        margin-top: 10px
    }
}

.c-address a.facebook i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: #053350;
    color: rgba(255, 255, 255, .9)
}

.c-address a.facebook span {
    display: block;
    color: #053350;
    margin-top: 10px
}

@media (max-width:767px) {
    .c-address a.facebook span {
        display: inline-block
    }
}

.c-map {
    height: 100%
}

.c-map iframe {
    height: 100%;
    width: 100%;
    min-height: 200px
}

.box-kh-contact {
    padding: 0 20px;
    margin-bottom: 50px
}

@media (max-width:767px) {
    .box-kh-contact {
        margin-bottom: 20px
    }
}

.box-kh-contact .photo-item {
    width: 203px;
    height: 203px;
    margin: auto;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.box-kh-contact .photo-item img {
    border-radius: 50%;
    height: 100%;
    max-height: 100%;
    object-fit: cover
}

.box-kh-contact .content h4 {
    margin-top: 18px;
    font-size: 18px
}

.box-kh-contact .content .position {
    font-size: 16px;
    color: #053350
}

.box-kh-contact .content .des {
    margin-top: 10px;
    font-size: 15px
}

.box-kh-about .content {
    width: calc(100% - 148px)
}

.gocphongthuy-menu-list {
    list-style-type: none;
    padding-left: 0
}

.gocphongthuy-menu-list li {
    width: 100%;
    display: block
}

@media (min-width:1024px) {
    .gocphongthuy-menu-list li {
        width: 33.333%;
        float: left
    }
}

.gocphongthuy-menu-list li a {
    display: block;
    padding: 8px 10px 8px 33px;
    position: relative
}

@media (min-width:1024px) {
    .gocphongthuy-menu-list li a {
        padding: 7px 20px 7px 33px
    }
}

.box-video {
    background-color: #f2f2f2
}

.box-video .content {
    padding: 20px;
    background-color: #f2f2f2
}

@media (max-width:767px) {
    .box-video .content {
        padding: 10px 15px
    }
}

.box-video .content h4 {
    color: #3f3f3f;
    font-size: 20px
}

.heading-related {
    color: #000;
    font-size: 18px;
    text-transform: uppercase
}

.news-sect-intro {
    background-color: #f2f2f2
}

.box-news-related {
    margin-bottom: 30px;
    clear: both
}

.box-news-related .content h4 {
    color: #212121
}

.box-news-related .content h4 a {
    color: inherit
}

@media (max-width:767px) {
    .box-news-related .content {
        width: calc(100% - 180px);
        vertical-align: top;
        display: inline-block
    }

    .box-news-related .content h4 {
        margin-top: 0
    }
}

@media (max-width:375px) {
    .box-news-related .content {
        width: 100%;
        vertical-align: top
    }

    .box-news-related .content h4 {
        margin-top: 10px
    }
}

.box-news-related .photo-item {
    position: relative
}

.box-news-related .photo-item a img {
    height: 200px;
    width: 100%;
    object-fit: cover
}

.box-news-related .photo-item .date {
    background-color: #000;
    padding: 6px 15px;
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 20px;
    top: 10px
}

.box-news-related .photo-item .date span {
    display: block;
    border-top: 1px solid #fff
}

@media (max-width:767px) {
    .box-news-related .photo-item {
        width: 180px;
        float: left
    }

    .box-news-related .photo-item a img {
        height: 180px
    }
}

@media (max-width:375px) {
    .box-news-related .photo-item {
        width: 100%;
        vertical-align: top;
        float: none
    }
}

.wrap-content-news {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 800px;
    margin: auto
}

h1.entry-title {
    color: #053350;
    font-size: 26px;
    text-transform: uppercase
}

@media (max-width:767px) {
    h1.entry-title {
        font-size: 20px
    }
}

.phongthuy_img {
    float: left
}

.phongthuy_img img {
    width: 100px;
    height: 50px
}

@media (max-width:992px) {
    .phongthuy_img img {
        width: 200px;
        height: 150px
    }
}

@media (max-width:576px) {
    .phongthuy_img img {
        width: 100px;
        height: 50px
    }
}

.phongthuy_title {
    float: left;
    width: 290px;
    margin-left: 10px
}

@media (max-width:1024px) {
    .phongthuy_title {
        width: 60%
    }
}

@media (max-width:992px) {
    .phongthuy_title {
        width: 70%
    }
}

@media (max-width:740px) {
    .phongthuy_title {
        width: 65%
    }
}

@media (max-width:320px) {
    .phongthuy_title {
        width: 60%
    }
}

@media (max-width:240px) {
    .phongthuy_title {
        width: 45%
    }
}

.banner_y_k {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px
}

.redi-contact-home {
    padding: 40px 0
}

.gocphongthuy-menu-list li {
    margin-bottom: 15px
}

.gocphongthuy-menu-list li a {
    padding: 0
}

.clr {
    clear: both
}

.list-fphone1 {
    margin-left: 0;
    padding-left: 0
}

@media (max-width:375px) {
    .list-fphone1 li:nth-child(1) {
        width: 40% !important
    }
}

.slider_gal {
    margin-bottom: 15px
}

.slider_gal .slider_item {
    margin-top: 15px;
    padding: 5px;
    border: 1px solid #ececec
}

.sl-wrapper .sl-close {
    color: #fff;
    font-size: 55px
}

.sl-wrapper .sl-navigation button {
    color: #fff
}

.sl-wrapper .sl-navigation button.sl-next {
    font-size: 55px
}

.sl-wrapper .sl-navigation button.sl-prev {
    font-size: 55px
}

.tag_menu {
    margin-top: 18px
}

.tag_menu ul {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center
}

.tag_menu ul li {
    margin-bottom: 10px;
    padding: 5px;
    display: inline-block
}

.tag_menu ul li a {
    padding: 7px;
    border: 1px solid #102b3f;
    border-radius: 5px
}

.form-tuvan {
    border: 2px dashed #102b3f;
    padding: 10px;
    margin-bottom: 15px
}

.form-tuvan form input[type=email],
.form-tuvan form input[type=tel],
.form-tuvan form input[type=text] {
    width: 100%;
    margin-bottom: 10px;
    height: 50px;
    border: 1px solid #dcdcdc
}

.form-tuvan form textarea {
    width: 100%;
    height: 110px;
    margin-bottom: 6px;
    border: 1px solid #dcdcdc
}

.form-tuvan form input[type=submit] {
    background: #102b3f;
    color: #fff;
    padding: 5px;
    width: 100%;
    height: 50px;
    border: 1px solid #102b3f
}

.taisaochon {
    padding: 10px;
    background: #102b3f;
    color: #fff;
    margin-top: 15px;
    border-radius: 7px;
    margin-bottom: 20px
}

.taisaochon .why-title {
    text-align: center;
    padding: 15px 0 0;
    margin-bottom: 0
}

.taisaochon .why-content {
    padding: 20px 10px;
    text-align: left !important
}

.taisaochon .why-content ul {
    list-style: none;
    padding: 5px
}

.taisaochon .why-content li {
    text-align: left !important
}

.taisaochon .why-content li:before {
    font-family: FontAwesome;
    content: "\f005";
    padding-right: 10px;
    color: #e7c569
}

.hotline_arrow {
    border: 2px dashed red;
    padding: 5px;
    width: 290px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 15px
}

.hotline_arrow a {
    color: red;
    font-size: 20px;
    font-weight: 700
}

.redi_toc_des {
    position: absolute;
    z-index: -1;
    left: 0;
    margin-top: -75px
}

.redi_toc_container {
    width: 100%;
    display: table;
    background: #f5f5f5;
    color: #2d2d2d;
    border: 1px solid #aaa;
    padding: 10px;
    margin-top: 1.5em;
    margin-bottom: 2em;
    font-size: 95%
}

.redi_toc_container a {
    text-decoration: none;
    text-shadow: none;
    color: #0645ad
}

.redi_toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0 !important;
    padding: 0
}

.redi_toc_list {
    margin-top: 10px
}

.redi-tag-menu {
    padding: 7px;
    border: 1px solid #102b3f;
    border-radius: 5px
}

.vt-category__toolbar {
    margin-top: 18px;
    display: none !important
}

@media (max-width:991px) {
    .tag_menu {
        display: none
    }

    .vt-category__toolbar {
        display: block !important
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.vt-category__toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width:576px) {
    .vt-category__toolbar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.vt-category__toolbar .swiper-button-next,
.vt-category__toolbar .swiper-button-prev {
    background-image: none;
    top: 28px;
    width: 16px
}

.vt-category__toolbar .swiper-button-next:hover img,
.vt-category__toolbar .swiper-button-prev:hover img {
    -webkit-filter: sepia(70%) hue-rotate(190deg) saturate(0);
    filter: sepia(70%) hue-rotate(190deg) saturate(0)
}

.vt-category__toolbar .swiper-button-next img,
.vt-category__toolbar .swiper-button-prev img {
    width: 100%
}

.vt-category__toolbar .swiper-button-prev {
    left: 0
}

.vt-category__toolbar .swiper-button-next {
    right: 0
}

@media only screen and (max-width:576px) {
    .vt-category__toolbar .swiper-button-next {
        right: 0
    }
}

.vt-category__item {
    width: auto
}

.vt-category__item a {
    background-color: #e9e9e9;
    border-radius: 3px;
    color: #6d6d6d;
    display: inline-block;
    padding: 10px 15px;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none
}

.vt-category__toolbar .swiper-container {
    margin: 0 30px 0 30px
}

@media only screen and (max-width:576px) {
    .vt-category__toolbar .swiper-container {
        margin: 0 30px 15px 30px
    }
}

.custom-panel {
    overflow: hidden;
    display: block;
    border: 2px solid #58a5d3;
    border-radius: 7px;
    background: linear-gradient(90deg, #053350, #053350)
}

.custom-panel .panel-header {
    background: #e67740;
    color: #fff;
    text-align: center;
    padding: 8px 25px
}

.custom-panel .panel-body {
    padding: 15px 20px;
    color: #ffff;
    border: 1px dashed #fff;
    border-radius: 7px;
    margin: 10px
}

.custom-panel .panel-body span {
    color: #fff
}

.custom-panel .panel-body .btn {
    transition: all .5s
}

.custom-panel .panel-body a {
    color: #fff
}

.btn.btn-read-more {
    border-radius: 80px;
    color: #fff;
    text-align: center;
    display: table;
    margin: 10px auto;
    padding: 10px 25px
}

.wp-link-shortcode {
    text-align: center;
    margin-top: 10px
}

.wp-link-shortcode a {
    margin: 3px 13px !important;
    display: inline-block !important
}

.btn-animate {
    position: relative
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.btn-animate .alo-ph-circle {
    width: 120%;
    border-radius: 40px;
    height: 150%;
    top: -24%;
    left: -10%
}

.alo-ph-circle {
    width: 125px;
    height: 125px;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, .4);
    opacity: .1;
    border-color: #e60000;
    opacity: .5
}

blockquote {
    box-shadow: 0 0 10px #a4a2a2;
    background: #f3fbff
}

.redi-wrap-table td {
    padding: 5px
}

.redi-desktop-banner {
    display: block !important
}

.redi-mobile-banner {
    display: none !important
}

@media only screen and (max-width:576px) {
    .redi-desktop-banner {
        display: none !important
    }

    .redi-mobile-banner {
        display: block !important
    }
}

.redi-phone {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999
}

.redi-phone__ring {
    background-color: transparent;
    cursor: pointer;
    height: 110px;
    width: 110px;
    left: 0;
    bottom: 0;
    position: relative;
    -webkit-transition: visibility .5s;
    transition: visibility .5s;
    visibility: visible;
    z-index: 11
}

.redi-phone__circle {
    -webkit-animation: effect-circle 1.2s infinite ease-in-out;
    animation: effect-circle 1.2s infinite ease-in-out;
    background-color: transparent;
    border: 2px solid rgba(255, 0, 0, .6);
    border-radius: 100%;
    height: 97px;
    width: 97px;
    top: 15px;
    left: 5px;
    opacity: .5;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.redi-phone__fill {
    -webkit-animation: effect-fill 2.3s infinite ease-in-out;
    animation: effect-fill 2.3s infinite ease-in-out;
    background-color: red;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 67px;
    width: 67px;
    left: 20px;
    top: 30px;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.redi-phone__icon {
    -webkit-animation: effect-icon 1s infinite ease-in-out;
    animation: effect-icon 1s infinite ease-in-out;
    background: rgba(255, 0, 0, 1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 70%;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    top: 38px;
    left: 30px;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

.redi-phone__icon a {
    position: absolute;
    opacity: 0;
    height: 50px;
    width: 50px
}

.redi-phone:hover {
    opacity: 1
}

.redi-phone:hover__circle {
    border-color: #7ac1b0;
    opacity: .5
}

.redi-phone__bar {
    background: rgb(255, 0, 0, .6);
    position: absolute;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: all .8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .1);
    border-radius: 50px !important;
    left: 30px;
    bottom: 22px;
    display: block
}

.redi-phone__bar a {
    font-weight: 700;
    text-indent: 55px;
    display: block;
    letter-spacing: 1px;
    line-height: 50px;
    font-family: Arial;
    color: #fff
}

@media only screen and (max-width:576px) {
    .redi-phone__ring {
        left: -15px
    }

    .redi-phone__bar {
        display: none
    }
}

@-webkit-keyframes effect-circle {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes effect-circle {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes effect-fill {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes effect-fill {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes effect-icon {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes effect-icon {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

.redi-zalo {
    bottom: 22px;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 50px;
    line-height: 0;
    right: 30px;
    position: fixed;
    width: 50px;
    z-index: 1000
}

.redi-zalo img {
    border-radius: 50%
}

@media only screen and (max-width:576px) {
    .redi-zalo {
        right: 15px
    }
}

.redi_more_villas {
    display: none
}

.redi_post_tag_title {
    font-size: 15px !important
}

.redi-menu__news {
    padding: 20px 4% 0
}

.show-post-single .entry-featured.entry-featured img {
    width: 100%;
    object-fit: cover;
    height: 400px
}

.show-post-single .entry-title {
    margin-top: 0;
    font-size: 35px;
    font-family: Roboto-Medium;
    color: #d3a532;
    text-transform: capitalize
}

.show-post-single .entry-title *,
.show-post-single .entry-title span {
    vertical-align: middle
}

.show-post-single .entry-title.entry-title-index {
    margin-top: 0
}

.show-post-single .entry-title.entry-title-index a {
    font-size: 25px;
    color: #000
}

.show-post-single .entry-title.entry-title-index a:hover {
    color: #d3a532
}

.show-post-single .entry-on {
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.show-post-single .entry-on a,
.show-post-single .entry-on span>span {
    color: #d3a532
}

.show-post-single .entry-on a:hover,
.show-post-single .entry-on span>span:hover {
    color: #f3c304
}

.show-post-single .entry-content {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 15px
}

.show-post-single .entry-content.entry-content-index {
    border-bottom: 0 solid rgba(0, 0, 0, .12);
    padding-bottom: 0;
    margin-bottom: 0
}

.show-post-single .entry-content.entry-content-index p {
    margin-bottom: 0;
    font-family: Roboto-Regular
}

.show-post-single .entry-content h1,
.show-post-single .entry-content h2,
.show-post-single .entry-content h3,
.show-post-single .entry-content h4,
.show-post-single .entry-content h5 {
    color: #0f3952
}

.show-post-single .entry-content p {
    font-size: 15px;
    margin-bottom: 20px;
    word-wrap: break-word;
    -webkit-word-wrap: break-word;
    -moz-word-wrap: break-word;
    -ms-word-wrap: break-word;
    -o-word-wrap: break-word;
    line-height: 1.5
}

.show-post-single .entry-content h2 {
    font-size: 25px
}

.show-post-single .entry-content h3 {
    font-size: 20px
}

.show-post-single .entry-content a {
    color: #0f3952
}

.show-post-single .entry-content a:hover {
    text-decoration: none;
    color: #29bedd
}

.show-post-single .entry-content span a {
    color: inherit
}

.show-post-single .entry-content blockquote {
    border-left: 5px solid #d3a532;
    margin-left: 15px
}

.show-post-single .entry-content blockquote p {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 0
}

.show-post-single .entry-content img {
    max-width: 100%;
    height: auto
}

.show-post-single .entry-content .wp-caption {
    max-width: 100%
}

.show-post-single .entry-content .wp-caption img {
    max-width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
    display: block
}

.show-post-single .entry-content .wp-caption-text {
    width: calc(100% - 10px);
    background: #fff9f9;
    padding: 10px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto
}

.show-post-single .entry-content table {
    border-spacing: 0;
    width: 100%;
    border-collapse: separate
}

.show-post-single .entry-content table td {
    padding: 5px;
    border-top: 1px solid #ddd
}

.show-post-single .entry-content table th {
    background: 0 0;
    border-top: 0;
    padding: 5px
}

.show-post-single .entry-content table td.product-quantity>div {
    height: 40px
}

.show-post-single .entry-content table td.product-name a {
    font-size: 20px;
    font-weight: 700;
    color: #d3a532
}

.show-post-single .entry-content table td.product-name a:hover {
    color: #c2962a
}

.show-post-single .entry-date {
    color: #959598;
    font-size: 13px;
    margin-bottom: 5px
}

.show-post-single .entry-tag a {
    display: inline-block;
    margin: 0 2px 6px 0;
    padding: 6px 12px;
    color: rgba(0, 0, 0, .87);
    border-radius: 2px;
    background: #e0e0e0;
    font-size: 13px !important
}

.show-post-single .entry-tag a:hover {
    background: #d3a532;
    color: #fff
}

.show-post-single .entry-next-link {
    margin-top: 20px
}

.show-post-single .entry-next-link .meta-nav {
    font-size: 13px;
    color: #9e9e9e
}

.show-post-single .entry-next-link a {
    color: #696666;
    font-size: 18px
}

.show-post-single .entry-next-link a:hover {
    color: #000
}

.show-post-single .entry-related {
    margin-top: 0;
    margin-bottom: 20px
}

.show-post-single .entry-related .entry-related-title {
    font-size: 25px;
    color: #000;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1.5
}

.show-post-single .entry-related .div-related {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.show-post-single .entry-related .div-related:first-child {
    padding-top: 0
}

.show-post-single .entry-related .div-related:last-child {
    border-bottom: 0 solid #ddd !important
}

.show-post-single .entry-related .related-img img {
    object-fit: cover;
    width: 100%
}

.show-post-single .entry-related .related-title {
    margin-top: 0;
    font-family: Roboto-Medium;
    color: #323232;
    line-height: 2
}

.show-post-single .entry-related .related-title a {
    color: #000;
    font-size: 20px;
    color: #d3a532;
    line-height: 1.5
}

.show-post-single .entry-related .related-title a:hover {
    color: #f3c304
}

.show-post-single .entry-related .related-on {
    margin-top: 0;
    color: #9e9e9e;
    font-size: 12px
}

.show-post-single .entry-author {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 10px
}

.show-post-single .entry-author-title {
    color: #000;
    font-size: 30px;
    margin-bottom: 20px
}

.show-post-single .entry-author-avatar {
    margin-bottom: 10px
}

.show-post-single .entry-author-avatar img {
    border-radius: 50%
}

.show-post-single .entry-author-name {
    font-size: 20px;
    text-transform: capitalize
}

.show-post-single .entry-author-name span {
    font-size: 14px;
    color: #9e9e9e
}

@media (max-width:767px) {
    .show-post-single .entry-featured.entry-featured img {
        height: 250px
    }

    .show-post-single .entry-title {
        margin-top: 0;
        font-size: 25px
    }

    .show-post-single .entry-title.entry-title-index {
        margin-top: 0
    }

    .show-post-single .entry-title.entry-title-index a {
        font-size: 25px
    }
}

@media (max-width:480px) {
    .show-post-single .entry-featured.entry-featured img {
        height: 200px
    }
}

.show-post-single .quantity .minus,
.show-post-single .quantity .plus,
.woocommerce div.product form.cart div.quantity .minus,
.woocommerce div.product form.cart div.quantity .plus {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    height: 100%;
    margin-right: -5px
}

.show-post-single .quantity .plus,
.woocommerce div.product form.cart div.quantity .plus {
    margin-right: 0;
    margin-left: -5px
}

.ldp_title {
    color: #053350;
    text-align: center;
    margin: 20px;
    text-transform: uppercase;
    font-weight: 700 !important
}

.ldp_section {
    margin-bottom: 50px
}

.ldp_section .ldp_box {
    overflow-x: auto;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 30px;
    display: flex;
    flex-flow: row wrap
}

.ldp_section .ldp_box .ldp_box_product {
    margin-bottom: 30px
}

.ldp_section .ldp_box .ldp_box_product .cont {
    padding: 10px;
    border: 1px solid
}

.ldp_section .ldp_box .ldp_box_product .cont h3 {
    padding: 10px 0;
    min-height: 98px;
    margin: 10px 0
}

.ldp_section .ldp_box__post {
    padding: 16px;
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 30px;
    position: relative
}

@media (max-width:767px) {
    .ldp_section .ldp_box__post {
        padding: 0;
        margin-bottom: 20px
    }

    .ldp_box__post .post_ttl {
        padding: 0 10px 10px
    }
}

.ldp_box__post .post_thumb {
    position: relative;
    display: block;
    overflow: hidden
}

.ldp_box__post .post_thumb::after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(5, 51, 80, .6);
    content: "";
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
    height: 100%;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    text-decoration: underline;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    width: 100%
}

.ldp_box__post .post_ttl {
    margin-top: 20px;
    font-size: 17px;
    -webkit-transition: color .5s;
    transition: color .5s
}

.ldp_box__post .post_url:hover>.post_ttl {
    color: #29bedd
}

.ldp_box__post .post_url:hover>.post_thumb::after {
    opacity: 1
}

.ldp_section .ldp__viewall_btn {
    padding: 3px 60px;
    color: #053350;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #053350;
    border-radius: 50px;
    font-size: 24px
}

@media (max-width:767px) {
    .ldp_section .ldp__viewall_btn {
        padding: 1px 20px;
        width: 100%;
        display: block
    }
}

.ldp_section .ldp__viewall_btn:hover {
    color: rgba(255, 255, 255, .9) !important;
    border: 1px solid #053350
}

.ldp_section .ldp__viewall_btn:hover:before {
    left: 0
}

.ldp_section .ldp__viewall_btn:before {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #053350;
    z-index: -1;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s
}

.ldp_section .ldp_pledges .ldp_pledge ol {
    padding-left: 20px
}

.ldp_section .ldp_pledges .ldp_pledge ul {
    padding-left: 2px
}

.ldp_section .ldp_cta {
    overflow: hidden;
    display: block;
    border: 2px solid #58a5d3;
    border-radius: 7px;
    background: linear-gradient(90deg, #053350, #053350)
}

.ldp_section .ldp_cta .cta_header {
    text-align: center;
    padding: 8px 25px;
    text-transform: uppercase
}

.ldp_section .ldp_cta .cta_header h2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 25px
}

.ldp_section .ldp_cta .cta_body {
    padding: 15px 20px;
    color: #ffff;
    border: 1px dashed #fff;
    border-radius: 7px;
    margin: 10px
}

.ldp_section .ldp_cta .cta_body span {
    color: #fff
}

.ldp_section .ldp_cta .cta_body .btn {
    transition: all .5s
}

.ldp_section .ldp_cta .cta_body a {
    color: #fff
}

.ldp_cta__button {
    border-radius: 80px;
    color: #fff;
    text-align: center;
    display: table;
    margin: 10px auto;
    padding: 10px 25px
}

.ldp_cta_btns {
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase
}

.ldp_cta_btns a {
    margin: 3px 13px !important;
    display: inline-block !important
}

.content-intro .heading-footer {
    color: #282828 !important;
    margin-top: 20px !important
}

.content-intro address p a {
    color: #282828 !important
}

@media only screen and (max-width:1200px) {
    .sc-menu-fixed1 {
        position: fixed;
        top: 0;
        background: #fff;
        width: 100%;
        z-index: 999
    }
}

.redi-mau-nha-dep .v-box .photo-item,
.redi-xd-tron-goi .v-box .photo-item {
    padding-top: calc(100% / (400 / 300))
}

.redi-popup__close i {
    background: #053350 !important
}

.redi-popup__wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1040;
    background: rgba(0, 0, 0, .7)
}

.redi-popup__wrap.active {
    display: block
}

.redi-popup__wrap.active .redi-popup__content {
    top: 50% !important;
    opacity: 1 !important
}

.redi-popup__wrap .redi-popup__content {
    overflow: hidden;
    z-index: 1041;
    position: absolute;
    top: 48%;
    left: 50%;
    max-width: 800px;
    width: calc(100% - 40px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: #fff;
    border: 0 solid #008c45;
    transition: top .3s ease, opacity 250ms ease;
    -webkit-transition: top .3s ease, opacity 250ms ease;
    -moz-transition: top .3s ease, opacity 250ms ease;
    -ms-transition: top .3s ease, opacity 250ms ease;
    -o-transition: top .3s ease, opacity 250ms ease;
    opacity: 0
}

.redi-popup__wrap .redi-popup__close {
    z-index: 1041;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.redi-popup__wrap .redi-popup__close i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #cbb37f;
    border-radius: 50%;
    font-size: 20px
}

.redi-popup__wrap .redi-popup__close i:hover,
.redi-popup__wrap .redi-popup__close img:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.redi-popup__wrap div.wpcf7-acceptance-missing,
.redi-popup__wrap div.wpcf7-validation-errors {
    border: 2px solid #ac0749
}

@media (max-width:991px) {
    .redi-popup__wrap .redi-popup__content {
        height: auto
    }
}

.hidden1 {
    display: none !important
}

.p767-visible1 {
    display: none !important
}

@media (max-width:767px) {
    .p767-hidden1 {
        display: none !important
    }

    .p767-visible1 {
        display: block !important
    }
}

.button-xemchitiet {
    padding: 7px 16px;
    background-color: #f9f9f9;
    color: #000 !important;
    font-family: Arial, sans-serif;
    font-size: 15px;
    -webkit-border-radius: 3px;
    border-radius: 15px;
    border: 1px solid #ccc;
    text-decoration: none !important
}

.button-xemchitiet:hover {
    border: 1px solid #1ebbf0
}

@media (max-width:767px) {
    .blog-content-fix {
        width: 70%;
        float: left;
        vertical-align: top;
        box-sizing: border-box
    }

    .blog-content-fix .entry-title {
        padding-top: 0 !important
    }

    .blog-content-fix a {
        font-size: 16px
    }

    .blog-media-fix {
        width: 29%;
        float: right;
        vertical-align: top;
        box-sizing: border-box;
        padding: 10px 10px 0 0 !important
    }
}

@media (max-width:480px) {
    .blog-content-fix {
        padding: 10px 10px !important
    }

    .blog-content-fix a {
        font-size: 13px;
        line-height: 1.5
    }
}

.p-clearfix {
    clear: both
}

.p-col-3 {
    float: left;
    width: 33%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box
}

@media (max-width:767px) {
    .p-col-3 {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:767px) {
    .ldp-excerpt {
        padding: 0 10px 10px
    }
}


/*style-mod.min.css*/

.p-h-xanh {
    color: #09b400
}

.lst-socials1 li {
    padding-right: 5px;
    padding-left: 0
}

.lst-socials1 li a i {
    width: 42px !important;
    height: 42px;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 42px
}

.icon-top.active {
    background: #0f3952;
    bottom: 15% !important
}

.icon-top.active:hover {
    background: #0f3952;
    opacity: .9
}

.div-pagination .page-numbers li a:hover,
.div-pagination .page-numbers li span,
.div-pagination .page-numbers li span:hover {
    background: #0f3952 !important
}

.sidebar .widget .lst-product-cat li ul li.active a {
    color: #f60
}

.sidebar .widget .lst-product-cat li ul li.active:before {
    background-position-x: -15px
}

.input-div-login {
    padding: 15px;
    border: 1px solid #d9d9d9;
    outline: 0;
    font-size: 14px
}

.input-div-login.placeholder {
    color: #878787
}

.input-div-login:-moz-placeholder {
    color: #878787
}

.input-div-login::-moz-placeholder {
    color: #878787
}

.input-div-login:-ms-input-placeholder {
    color: #878787
}

.input-div-login::-webkit-input-placeholder {
    color: #878787
}

.input-div-login:focus {
    border-color: #09b400
}

.p-pe-n {
    pointer-events: none
}

.input-login1-submit,
.p-button-xanh-form {
    display: inline-block;
    padding: 15px 75px;
    background: #09b400;
    border-radius: 3px;
    color: #fff !important;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    outline: 0;
    border: none;
    font-family: Montserrat-SemiBold
}

.input-login1-submit:hover,
.p-button-xanh-form:hover {
    opacity: .8;
    color: #fff
}

.col-form-login1 {
    border-right: 1px solid #f5f5f5
}

@media (max-width:991px) {
    .col-form-login1 {
        border-right: 0 solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5
    }
}

.fa-sn-lg {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    border-radius: 50%
}

.fa-sn-lg:hover {
    opacity: .8
}

.menu-user-logged {
    position: relative
}

.menu-user-logged .menu-user-logged-po {
    position: absolute;
    top: 100%;
    right: 0;
    background: #000;
    z-index: 9999
}

.menu-user-logged .menu-user-logged-po li a {
    padding: 10px;
    font-size: 13px;
    display: block
}

.menu-user-logged .menu-user-logged-po li a:hover {
    background: #60c4ed
}

.p-h-xanh1 {
    color: #09b400
}

.p-h-xanh1-i {
    color: #09b400 !important
}

.p-bg-xanh1 {
    background: #09b400
}

.p-bg-xanh1-i {
    background: #09b400 !important
}

.p-h-cam1 {
    color: #f60
}

.p-h-cam1-i {
    color: #f60 !important
}

.p-bg-cam1 {
    background: #f60
}

.p-bg-cam1-i {
    background: #f60 !important
}

.p-dl-i {
    display: inline
}

.p-dl-ib {
    display: inline-block
}

.p-dl-b {
    display: block
}

@media (max-width:991px) {
    .p991-dl-b {
        display: block
    }

    .p991-dl-ib {
        display: inline-block
    }

    .p991-dl-b {
        display: block
    }
}

@media (max-width:767px) {
    .p767-dl-b {
        display: block
    }

    .p767-dl-ib {
        display: inline-block
    }

    .p767-dl-b {
        display: block
    }
}

.col-thanhtoan1 {
    border-left: 1px solid #f4eded
}

@media (max-width:991px) {
    .col-thanhtoan1 {
        border-left: 0 solid #bab3b3
    }
}

.label-radio-tron1 {
    cursor: pointer
}

.label-radio-tron1.v .radio-tron1 {
    border-radius: 0
}

.label-radio-tron1.v .radio-tron1:before {
    border-radius: 0
}

.label-radio-tron1 .radio-tron1 {
    border-radius: 50%;
    border: #525252 1px solid;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    margin-right: 5px
}

.label-radio-tron1 .radio-tron1:before {
    position: absolute;
    background: #09b400;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    display: none
}

.label-radio-tron1 input:checked~.radio-tron1:before {
    display: block
}

.pttt-input-df {
    outline: 0;
    border: 1px solid #878787;
    color: #525252;
    padding: 8px;
    height: 43px
}

.pttt-input-df.placeholder {
    color: #878787;
    font-size: 15px
}

.pttt-input-df:-moz-placeholder {
    color: #878787;
    font-size: 15px
}

.pttt-input-df::-moz-placeholder {
    color: #878787;
    font-size: 15px
}

.pttt-input-df:-ms-input-placeholder {
    color: #878787;
    font-size: 15px
}

.pttt-input-df::-webkit-input-placeholder {
    color: #878787;
    font-size: 15px
}

.pttt-input-df:focus {
    border: 1px solid #09b400
}

.pttt-input-df.pttt-input-df-textarea {
    height: auto
}

.pttt-input-df[disabled] {
    background: #ddd;
    cursor: not-allowed
}

.pttt-input-df-demo[disabled] {
    cursor: not-allowed !important;
    color: transparent !important
}

.div1-shake {
    position: relative;
    -webkit-animation: shake .3s 1 linear;
    animation: shake .3s 1 linear
}

@keyframes shake {

    0%,
    to {
        transform: translateZ(0)
    }

    10%,
    70% {
        transform: translate3d(-10px, 0, 0)
    }

    50%,
    90% {
        transform: translate3d(10px, 0, 0)
    }
}

.div-hd-input {
    position: relative
}

.div-hd-input input {
    display: block;
    width: 100%;
    padding: 7px 27px;
    color: #828282;
    outline: 0;
    border: 1px solid #828282
}

.div-hd-input input:focus {
    border: 1px solid #09b400
}

.div-hd-input-i {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: #828282;
    font-size: 13px
}

.hd-con-left {
    display: inline-block;
    vertical-align: top;
    max-width: 70px;
    width: 100%
}

.hd-con-right {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 75px);
    width: 100%
}

.hd-con-detail-left {
    display: inline-block;
    vertical-align: top;
    max-width: 100px;
    width: 100%
}

.hd-con-detail-right {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 105px);
    width: 100%
}

@media (max-width:767px) {

    .hd-con-detail-left,
    .hd-con-detail-right {
        max-width: 100%
    }
}

.rate-st i {
    color: #d8d8d8;
    cursor: pointer
}

.rate-st i.active,
.rate-st i:hover {
    color: #e9ab00
}

.p-button-xanh1 {
    background: #09b400;
    color: #fff;
    outline: 0;
    border: none;
    border-radius: 5px;
    padding: 7px 40px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.p-button-xanh1:hover {
    opacity: .8
}

.span-rt {
    max-width: 120px;
    width: 100%;
    background: #e6e6e6;
    display: inline-block;
    height: 10px;
    position: relative
}

.span-rt span {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #e9ab00
}

.ul-menu-user1 li+li {
    margin-top: 10px
}

.ul-menu-user1 li a {
    position: relative;
    padding-left: 20px
}

.ul-menu-user1 li a:before {
    content: '';
    width: 5px;
    height: 5px;
    background: #09b400;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.ul-menu-user1 li a.active,
.ul-menu-user1 li a:hover {
    color: #09b400
}

.table-user-cart.table>tbody>tr>td,
.table-user-cart.table>tbody>tr>th,
.table-user-cart.table>tfoot>tr>td,
.table-user-cart.table>tfoot>tr>th,
.table-user-cart.table>thead>tr>td,
.table-user-cart.table>thead>tr>th {
    padding: 20px 5px;
    vertical-align: middle
}

.div-info-watch>div {
    margin-top: 10px
}

.sc-sess-cart {
    position: relative
}

.sc-sess-cart.sc-sess-cart2 {
    padding: 7px 0;
    z-index: 99;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    display: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.sc-sess-cart.sc-sess-cart2.fixed:not(.clear_fix) {
    display: block;
    opacity: 1
}

.p-xanh-123 {
    color: #09b400
}

.p-bg-xanh-123 {
    background: #09b400
}

.p-inp-full {
    width: 100%;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    outline: 0
}

.p-inp-full:focus,
.p-inp-full:hover {
    border-color: #09b400
}

input.p-inp-full {
    height: 42px
}

.p-inp-full-submit {
    width: 100%;
    background: #fff;
    padding: 10px;
    border: none;
    outline: 0;
    background: #0b7405;
    color: #fff
}

.p-inp-full-submit:hover {
    background: #000
}

.label-radio-tron1 {
    cursor: pointer
}

.label-radio-tron1.v .radio-tron1 {
    border-radius: 0
}

.label-radio-tron1.v .radio-tron1:before {
    border-radius: 0
}

.label-radio-tron1 .radio-tron1 {
    border-radius: 50%;
    border: #525252 1px solid;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    margin-right: 5px
}

.label-radio-tron1 .radio-tron1:before {
    position: absolute;
    background: #09b400;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    display: none
}

.label-radio-tron1 input:checked~.radio-tron1:before {
    display: block
}

.fa-close-mod {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #f73d3d;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer
}

.fa-close-mod:hover {
    background: #09b400
}

.note-cart-total-mod {
    background: #cbebd9;
    color: #0f743c;
    padding: 15px 30px;
    font-size: 18px
}

.p-button-inc2 {
    background: #0f3952;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.p-button-inc2:hover {
    color: #fff;
    opacity: .8
}

@media (max-width:991px) {
    .p-button-inc2 {
        display: block;
        margin-bottom: 10px
    }
}

.inc2-sp1-title {
    font-weight: 700;
    font-size: 20px
}

.inc2-sp1-title span {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: #0d9ddb;
    border-radius: 50%
}

@media screen and (max-width:767px) {
    .p-t-c a {
        display: block;
        font-size: 13px;
        margin-bottom: 10px
    }
}

.content-intro-mod .wp-caption {
    max-width: 100%
}

.content-intro-mod img {
    height: auto !important
}

.wp-caption {
    width: auto !important;
    max-width: 800px;
    text-align: center
}

@media only screen and (max-width:1199.98px) {
    body {
        padding-top: 60px
    }

    .sc-menu-fixed1 {
        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .25)
    }
}

@media only screen and (max-width:767.98px) {
    body {
        padding-top: 70px
    }
}


/*masterslider.main.css*/


/*! 
 * Master Slider WordPress Lite Main CSS File
 * @date Feb 2022
 */



/**
 *  Master Slider
 * 	Main css file
 */

.master-slider {
    position: relative;
    visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
}



.ms-ie img {
    border: none;
}

.ms-ie8 * {
    opacity: inherit;
    filter: inherit;
}

.ms-ie7 {
    zoom: 1;
}

.ms-moz .ms-slide-bgcont>img {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.master-slider a,
.master-slider a:hover {
    -webkit-transition: none;
    transition: none;
}

.wpb_row .master-slider-parent *,
.master-slider-parent * {
    box-sizing: content-box;
}

.master-slider-parent {
    margin-left: auto;
    margin-right: auto;
}

.ms-layout-partialview .ms-view {
    overflow: visible;
    background-color: transparent;
}

.ms-layout-partialview .ms-container {
    overflow: hidden;
}

.master-slider.before-init {}

.ms-loading-container {
    position: absolute;
    width: 100%;
    top: 0;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
    width: 36px;
    height: 36px;
    background: url(common/loading-2.gif) no-repeat center white;
    border-radius: 60px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px;
    opacity: 0.9;
}


/* grab cursor */
.ms-def-cursor {
    cursor: auto !important;
}

.ms-grab-cursor {
    cursor: url(common/grab.png), move;
}

.ms-grabbing-cursor {
    cursor: url(common/grabbing.png), move;
}

.ms-ie .ms-grab-cursor {
    cursor: move;
}

.ms-ie .ms-grabbing-cursor {
    cursor: move;
}

.ms-view {
    margin: 0px auto;
    overflow: hidden;

    position: relative;
    -webkit-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}

.ms-view .ms-slide-container {
    position: relative;
}

.ms-slide {
    position: absolute;
    height: 100%;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
}

.ms-wk .ms-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.ms-slide.selected {}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
    position: absolute;
    overflow: hidden;
    width: 100%;
}

.ms-slide .ms-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110;
}

.ms-ie .ms-slide-link {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}


.ms-slide .ms-slide-bgvideocont {
    z-index: 105;
    height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video {
    -webkit-transform: translateZ(0.3px);
    transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
    position: absolute;
    top: 0px;
}


.ms-inner-controls-cont,
.ms-container {
    position: relative;
    margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img,
.ms-container,
.ms-inner-controls-cont {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ms-slide .ms-slide-video {
    position: absolute;
    top: 0;
    z-index: 111;
    background: black;
    padding: 0;
    margin: 0;
    border: none;

}


.ms-slide .ms-pattern {
    background-attachment: scroll;
    width: 100%;
    height: 100%;
    z-index: 108;
    position: absolute;
    top: 0;
}

.ms-wk .ms-pattern {
    -webkit-transform: translateZ(0.4px);
    transform: translateZ(0.4px);
}

.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-video-btn {
    position: absolute;
    cursor: pointer;
    z-index: 110;
}

.ms-slide .ms-slide-vcbtn {
    position: absolute;
    cursor: pointer;
    z-index: 113;
}

.ms-slide-vcbtn-mobile {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: black;
    color: white;
    text-align: center;
    cursor: pointer;
    z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 0.75em;
    display: inline-block;
    background: url(common/video-close-btn.png) no-repeat 0px 3px;
    padding-left: 15px;
    height: 15px;
    color: #DBDBDB;
    margin-top: 7px;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
    -webkit-transform: translateZ(0.44px);
    transform: translateZ(0.44px);
}

.ms-video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ms-mask-frame {
    overflow: hidden;
    position: absolute;
    float: left;
}

/* controls */

.ms-thumb-list {
    overflow: hidden;
    position: absolute;
}

.ms-thumb-list.ms-dir-h {
    width: 100%;
}

.ms-thumb-list.ms-dir-v {
    height: 100%;
    top: 0;
}

.ms-thumbs-cont {
    position: relative;
}

.ms-thumb-frame img {
    width: 100%;
    height: auto;
}

.ms-thumb-frame {
    cursor: pointer;
    float: left;
    overflow: hidden;
    opacity: 0.5;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-thumb-frame-selected {
    opacity: 1;
}

.ms-tabs .ms-thumb-frame {
    background-color: #F6f6f6;
    text-shadow: 0 1px 1px white;
    color: #222;
    border: solid 1px white;
    border-width: 0 1px 1px 0;
    overflow: visible;
    position: relative;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-has-thumb .ms-tab-thumb {
    width: auto;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
    margin-left: 0px;
}

.ms-tabs.ms-dir-h.ms-align-top {
    z-index: 140;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
    margin-top: -12px;
}

.ms-tabs .ms-thumb {
    padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #EDEDED;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
    top: 0px;
    left: 50%;
    margin-left: -12px;
    border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    top: -12px;
    border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
    bottom: 0px;
    top: auto;
    border-bottom: 0px;
    border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    bottom: -12px;
    border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
    top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    left: -12px;
    border-right-color: #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    right: -12px;
    border-left-color: #EDEDED;
}

.ms-thumb-alt {
    text-align: center;
    margin: 5px;
    font-size: 14px;
    font-weight: 600;
}

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    content: close-quote;
    top: 43%;
    position: relative;
    border: solid rgba(0, 0, 0, 0);
    border-width: 5px 5px 5px 0px;
    display: block;
    border-right-color: #FFF;
    width: 6px;
    height: 1px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    border-width: 5px 0px 5px 5px;
    border-left-color: #FFF;
    left: 7px;
}

/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    bottom: 0;
    top: auto;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    content: close-quote;
    left: 43%;
    position: relative;
    border: solid rgba(0, 0, 0, 0);
    border-width: 0px 5px 5px 5px;
    display: block;
    border-bottom-color: #FFF;
    height: 1px;
    top: 5px;
    width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    border-width: 5px 5px 0px 5px;
    border-top-color: #FFF;
    top: 7px;
}

/* Thumb in tab styles */
.ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont {
    top: 0 !important;
}

.ms-tabs.ms-has-thumb .ms-thumb-frame {
    height: auto !important;
}

.ms-tabs.ms-has-thumb .ms-thumb {
    padding: 0;
}

.ms-tabs.ms-has-thumb .ms-tab-context {
    padding: 20px;
}

.ms-tabs.ms-align-left .ms-tab-thumb {
    float: left;
    margin-right: 20px;
}

.ms-tabs.ms-align-right .ms-tab-thumb {
    float: right;
    margin-left: 20px;
}

.ms-bullet {
    cursor: pointer;
    float: left;
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-bullets.ms-dir-v {
    position: absolute;
    top: 50%;
}

.ms-bullets.ms-dir-v .ms-bullet {
    float: none;
}

.ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-sbar {
    position: absolute;
}

.ms-sbar.ms-dir-h {
    left: 10px;
    right: 10px;
    top: 5px
}

.ms-sbar.ms-dir-v {
    top: 10px;
    bottom: 10px;
    right: 5px
}

.ms-sbar .ms-bar {
    height: 4px;
    background: #333;
    border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {
    width: 4px;
}

.ms-sbar .ms-bar {
    position: relative;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ms-timerbar {
    width: 100%;
    bottom: 0px;
    position: absolute;
}

.ms-ctimer {
    position: absolute;
    top: 30px;
    left: 30px;
    cursor: pointer;
}

.ms-ctimer-bullet {}

.ms-time-bar {
    -webkit-transition: width 120ms linear;
    transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
    height: 0px;
}

.ms-slide-info {
    position: absolute;
}

.ms-slide-info.ms-dir-v {
    top: 0;
}

.ms-slide-info.ms-dir-h {
    width: 100%;
}

.ms-pattern.ms-patt-1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-5 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-6 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-7 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-8 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-9 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-10 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-11 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-12 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-13 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-14 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-15 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=);
}

/* white patterns */
.ms-pattern.ms-patt-16 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-17 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-18 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-19 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-20 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-21 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-22 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-23 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-24 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-25 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-26 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-27 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=);
}

.ms-pattern.ms-patt-28 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC);
}

.ms-pattern.ms-patt-29 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==);
}

.ms-pattern.ms-patt-30 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC);
}



/**
 *  Master Slider
 *  Default Skin
 */

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
    width: 50px;
    height: 51px;
    background: url(skins/light-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(skins/light-skin-1.png) no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
    width: 30px;
    background: url(skins/light-skin-1.png);
    background-position: -89px -26px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.ms-skin-default .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -89px -103px;
}



.ms-skin-default .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(skins/light-skin-1.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
    background-position: -34px -84px;
}

.ms-skin-default .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-default .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-default .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-default .ms-tooltip {
    max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    margin-left: -1px;
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-default .ms-slide .ms-slide-vpbtn,
    .ms-skin-default .ms-video-btn,
    .ms-skin-default .ms-slide .ms-slide-vcbtn,
    .ms-skin-default .ms-nav-next,
    .ms-skin-default .ms-nav-prev,
    .ms-skin-default .ms-bullet {
        background-image: url(skins/light-skin-1-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Black 1
 */

.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/black-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/black-skin-1.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
    width: 53px;
    background: url(skins/black-skin-1.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110;
}

.ms-skin-black-1 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-black-1 .ms-bullet {
    width: 9px;
    height: 9px;
    background: white;
    margin: 4px;
    border: solid 1px rgb(58, 58, 58);
}

.ms-skin-black-1 .ms-bullet-selected {
    background-color: black;
}

.ms-skin-black-1 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: white;
    border-top-color: rgba(0, 0, 0, 0.8);
    bottom: -10px;
}

.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: white;
    border-bottom-color: rgba(0, 0, 0, 0.8);
    top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: white;
    border-right-color: rgba(0, 0, 0, 0.8);
    left: -10px;
}

.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: black;
    border-left-color: rgba(0, 0, 0, 0.8);
    right: -10px;
}

.ms-skin-black-1 .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #444444;
    background: black;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: white;
    background: rgba(255, 255, 255, 0.9);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-black-1 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-black-1 .ms-tooltip-cont {
    padding: 10px;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    text-shadow: 0 1px 0px black;
    color: white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-1 .ms-video-btn,
    .ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-1 .ms-nav-next,
    .ms-skin-black-1 .ms-nav-prev {
        background-image: url(skins/black-skin-1-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  minimal Skin
 */

.ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn {
    width: 55px;
    height: 55px;
    background: url(skins/minimal.svg) no-repeat 24px 18px white;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
    background-color: #f1f1f1;
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 31px;
    background: url(skins/minimal.svg) no-repeat -289px 6px white;
    border-radius: 50%;
    border: solid 1px #3d3d3d;
    top: 18px;
    right: 30px;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}

/* controls */

.ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
    background: url(skins/minimal.svg) no-repeat white;
    background-position: -178px 17px;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -27px;
    position: absolute;
    z-index: 110;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
}

.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover {
    background-color: #f1f1f1;
}

.ms-skin-minimal .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -75px 17px;
}

.ms-skin-minimal .ms-bullet {
    width: 8px;
    height: 8px;
    background: white;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-minimal .ms-bullet-selected {
    background: #3d3d3d;
}


.ms-skin-minimal .ms-time-bar {
    height: 3px;
    background: #FFFFFF;
    border-top: solid 1px rgba(0, 0, 0, 0.41);
}


.ms-skin-minimal .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-minimal .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-minimal .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-minimal .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-minimal .ms-tooltip {
    max-width: 200px;
}

.ms-skin-minimal .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    margin-left: -1px;
}



/**
 *  Master Slider
 *  Black 2 Skin
 */

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(skins/black-skin-2.png) black no-repeat -16px -103px;
    border: solid 3px rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.4);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
}

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover {
    background-color: #3D3D3D;
}

.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(skins/black-skin-2.png) black no-repeat -27px -36px;
    border: solid 2px white;
    border-color: rgba(255, 255, 255, 0.4);
    top: 15px;
    right: 15px;
}

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 50px;
}


/* controls */

.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(skins/black-skin-2.png) black;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, 0.4);
    top: 50%;
    left: 30px;
    margin-top: -22px;
}

.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn {
    border-radius: 90px;
}

.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover {
    background-color: #3d3d3d;
}

.ms-skin-black-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-black-2 .ms-bullet {
    width: 8px;
    height: 8px;
    background: white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    border: solid 3px white;
    border-color: rgba(0, 0, 0, 0.44);
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-black-2.round-skin .ms-bullet {
    border-radius: 15px;
}


.ms-skin-black-2 .ms-bullet-selected {
    background-color: black;
    border-color: white;
    border-color: rgba(255, 255, 255, 0.44);
}

.ms-skin-black-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-black-2 .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-black-2 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-black-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-2 .ms-video-btn,
    .ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-2 .ms-nav-next,
    .ms-skin-black-2 .ms-nav-prev {
        background-image: url(skins/black-skin-2-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Light 2
 */

.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/light-skin-2.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/light-skin-2.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
    width: 53px;
    background: url(skins/light-skin-2.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-light-2 .ms-bullet {
    width: 9px;
    height: 9px;
    background: black;
    margin: 4px;
    border: solid 1px rgb(58, 58, 58);
}

.ms-skin-light-2 .ms-bullet-selected {
    background-color: white;
}

.ms-skin-light-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-2 .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-light-2 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-2 .ms-video-btn,
    .ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-2 .ms-nav-next,
    .ms-skin-light-2 .ms-nav-prev {
        background-image: url(skins/light-skin-2-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Light 3
 */

.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn {
    width: 50px;
    height: 50px;
    background: url(skins/light-skin-3.png) no-repeat -15px -149px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 29px;
    background: url(skins/light-skin-3.png) no-repeat -26px -28px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
    width: 50px;
    background: url(skins/light-skin-3.png);
    background-position: -82px -22px;
    height: 50px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -25px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-3 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -99px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-light-3 .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/light-skin-3.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-light-3 .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-light-3 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-3 .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-light-3 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-3 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-3 .ms-video-btn,
    .ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-3 .ms-nav-next,
    .ms-skin-light-3 .ms-nav-prev,
    .ms-skin-light-3 .ms-bullet {
        background-image: url(skins/light-skin-3-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Light 4
 */

.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(skins/light-skin-4.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
}

.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(skins/light-skin-4.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
    width: 54px;
    background: url(skins/light-skin-4.png);
    background-position: -77px -5px;
    height: 68px;
    cursor: pointer;
    top: 50%;
    left: -27px;
    margin-top: -40px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-4 .ms-nav-next {
    right: -27px;
    left: auto;
    background-position: -79px -83px;
}

.ms-skin-light-4 .ms-thumb-frame-selected {
    opacity: 0.6;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
    bottom: -60px;
    width: 100%;
    height: 60px;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
    height: 100%;
    width: 60px;
    right: -60px;
    top: 0;
}

.ms-skin-light-4 .ms-thumb-frame {
    cursor: pointer;
    float: left;
    width: 60px;
    height: 60px;
    margin: 1px 0 0 1px;
    overflow: hidden;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-light-4 .ms-bullet {
    width: 9px;
    height: 9px;
    background: #b9b9b9;
    margin: 4px;
    border: solid 1px rgb(163, 163, 163);
}

.ms-skin-light-4 .ms-bullet-selected {
    background-color: white;
}

.ms-skin-light-4 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: white;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-4 .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #E0E0E0;
    background: #4b8aac;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: white;
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}


.ms-skin-light-4 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-4 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-4 .ms-video-btn,
    .ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-4 .ms-nav-next,
    .ms-skin-light-4 .ms-nav-prev {
        background-image: url(skins/light-skin-4-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Light 5
 */

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn {
    width: 32px;
    height: 32px;
    background: url(skins/light-skin-5.png) black no-repeat -24px -160px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px;
}

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover {
    background-color: #646464;
}

.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(skins/light-skin-5.png) white no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

/* controls */

.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
    width: 32px;
    background: url(skins/light-skin-5.png) white;
    background-position: -94px -32px;
    height: 32px;
    cursor: pointer;
    bottom: 40px;
    left: 40px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover {
    background-color: #E0E0E0;
}

.ms-skin-light-5 .ms-nav-next {
    left: 73px;
    background-position: -93px -110px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-light-5 .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(skins/light-skin-5.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-light-5 .ms-bullet-selected {
    background-position: -34px -84px;
}

.ms-skin-light-5 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-5 .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
}

.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-light-5 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-5 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-5 .ms-video-btn,
    .ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-5 .ms-nav-next,
    .ms-skin-light-5 .ms-nav-prev {
        background-image: url(skins/light-skin-5-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Light-6 Skin
 */

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(skins/light-skin-6.png) white no-repeat -16px -103px;
    border: solid 3px rgb(112, 112, 112);
    border-color: rgba(0, 0, 0, 0.27);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
}

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover {
    background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(skins/light-skin-6.png) white no-repeat -27px -36px;
    top: 15px;
    right: 15px;
}

.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 30px;
}


/* controls */

.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(skins/light-skin-6.png) white;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px rgb(112, 112, 112);
    border-color: rgba(0, 0, 0, 0.27);
    top: 50%;
    left: 30px;
    margin-top: -22px;
}

.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn {
    border-radius: 90px;
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover {
    background-color: #E0E0E0;
}

.ms-skin-light-6 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px;
}


.ms-skin-light-6 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-light-6 .ms-bullet {
    width: 8px;
    height: 8px;
    background: black;
    -webkit-background-clip: padding-box;
    border: solid 3px white;
    border-color: rgba(255, 255, 255, 0.44);
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-light-6.round-skin .ms-bullet {
    border-radius: 15px;
}

.ms-skin-light-6 .ms-bullet-selected {
    background-color: white;
    border-color: black;
    border-color: rgba(0, 0, 0, 0.44);
}

.ms-skin-light-6 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-light-6 .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
    display: none;
}

.ms-skin-light-6 .ms-tooltip {
    max-width: 200px;
}

.ms-skin-light-6 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-6 .ms-video-btn,
    .ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-6 .ms-nav-next,
    .ms-skin-light-6 .ms-nav-prev {
        background-image: url(skins/light-skin-6-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Metro Skin
 */

.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn {
    width: 47px;
    height: 46px;
    background: url(skins/metro-skin.png) no-repeat -16px -152px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -24px;
}

.ms-skin-metro .ms-slide .ms-slide-vcbtn {
    width: 47px;
    height: 47px;
    background: url(skins/metro-skin.png) no-repeat -16px -19px;
    top: 15px;
    right: 15px;
}

/* controls */

.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
    width: 47px;
    background: url(skins/metro-skin.png);
    background-position: -83px -23px;
    height: 47px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -24px;
    position: absolute;
    z-index: 110;
}

.ms-skin-metro .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-metro .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/metro-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-metro .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-metro .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240, 240, 240, 0.88);
    bottom: -10px;
}

.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240, 240, 240, 0.88);
    top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240, 240, 240, 0.88);
    left: -10px;
}

.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240, 240, 240, 0.88);
    right: -10px;
}

.ms-skin-metro .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-metro .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: white;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-metro .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: black;
    background: rgba(0, 0, 0, 0.36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-metro .ms-tooltip {
    max-width: 200px;
}

.ms-skin-metro .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240, 240, 240, 0.88);
    text-shadow: 0 1px 0px white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-metro .ms-slide .ms-slide-vpbtn,
    .ms-skin-metro .ms-video-btn,
    .ms-skin-metro .ms-slide .ms-slide-vcbtn,
    .ms-skin-metro .ms-nav-next,
    .ms-skin-metro .ms-nav-prev,
    .ms-skin-metro .ms-bullet {
        background-image: url(skins/metro-skin-retina.png);
        background-size: 152px 225px;
    }

}



/**
 *  Master Slider
 *  Contrast
 */

.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn {
    width: 60px;
    height: 60px;
    background: url(skins/contrast-skin.png) no-repeat -10px -144px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}

.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
    width: 24px;
    height: 24px;
    background: url(skins/contrast-skin.png) no-repeat -27px -30px;
    top: 30px;
    right: 30px;
}

/* controls */

.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
    width: 60px;
    background: url(skins/contrast-skin.png);
    background-position: -76px -17px;
    height: 60px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -30px;
    position: absolute;
    z-index: 110;
}

.ms-skin-contrast .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -77px -91px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px;
}

.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%;
}

.ms-skin-contrast .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(skins/contrast-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px;
}

.ms-skin-contrast .ms-bullet-selected {
    background-position: -31px -81px;
}

.ms-skin-contrast .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: #fc3116;
    border-top-color: rgba(252, 49, 22, 0.8);
    bottom: -10px;
}

.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: #fc3116;
    border-bottom-color: rgba(252, 49, 22, 0.8);
    top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: #fc3116;
    border-right-color: rgba(252, 49, 22, 0.8);
    left: -10px;
}

.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: #fc3116;
    border-left-color: rgba(252, 49, 22, 0.8);
    right: -10px;
}

.ms-skin-contrast .ms-tooltip-point {
    cursor: pointer;
}

.ms-skin-contrast .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #636363;
    background: black;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105;
}

.ms-skin-contrast .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: white;
    background: rgba(255, 255, 255, 0.99);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;

    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite;
}

.ms-skin-contrast .ms-tooltip {
    max-width: 200px;
}

.ms-skin-contrast .ms-tooltip-cont {
    padding: 10px;
    background: #fc3116;
    background: rgba(252, 49, 22, 0.8);
    text-shadow: 0 1px 0px rgba(0, 0, 0, 0.4);
    color: white;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
    .ms-skin-contrast .ms-video-btn,
    .ms-skin-contrast .ms-slide .ms-slide-vcbtn,
    .ms-skin-contrast .ms-nav-next,
    .ms-skin-contrast .ms-nav-prev,
    .ms-skin-contrast .ms-bullet {
        background-image: url(skins/contrast-skin-retina.png);
        background-size: 152px 225px;
    }

}


/*custom.css*/

/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.ms-parent-id-8>.master-slider {
    background: #000000;
}

.ms-parent-id-7>.master-slider {
    background: #000000;
}

.ms-parent-id-6>.master-slider {
    background: #000000;
}

.ms-parent-id-5>.master-slider {
    background: #000000;
}

.ms-parent-id-4>.master-slider {
    background: #000000;
}

.ms-parent-id-3>.master-slider {
    background: #000000;
}

.ms-parent-id-2>.master-slider {
    background: #000000;
}

.ms-parent-id-1>.master-slider {
    background: #000000;
}



	.wp-block-image .figcaption { text-align: center !important; }
		.wp-block-embed-youtube .figcaption { text-align: center !important; }
		.container-fluid h1 { font-size: 27px; line-height: 1.2; font-weight: 600 !important; }
		.icon-top.active { bottom: 20px !important; right: 35px !important; }
		a:focus, a:hover { color: #015C92; }
		width:1380px !important;
		.p-w-100pt img { width: 100px !important; }
		.video-container { overflow: hidden; position: relative; width: 100%; }
		.video-container::after { padding-top: 56.25%; display: block; content: ''; }
		.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.sect-gocphongthuy.p-pt-50.p991-pt-30 { display: none; }
		.hotline_arrow.text-center { display: none; }
		.redi-mau-nhadep .text-center { text-align: justify !important; }
		.menu-item-has-children ul.sub-menu { background-color: #053350; }
		.list-menu1 li ul li a { color: #fafafa; }
		.list-menu1 li ul li a:hover { color: #053350; background: #fafafa; }
		.menu-mobile { background-color: #053350; }
		.menu-mobile li a { color: #fff; }
		.redi-mau-nhadep .redi-contact-home .text-center { text-align: center !important; }



.entry-content caption { background: #0f3952; color: #fff; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 5px; }
		.entry-content td, .entry-content th { padding: 5px; }
		.entry-content img { height: auto !important; }
		@media (max-width:1100px) { .entry-content table { width: auto; min-width: 1100px; } .redi-wrap-table table { width: auto; min-width: 1100px; } }
		.entry-content .wrap-table { margin-bottom: 30px; overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; }
		.entry-content .wrap-table::-webkit-scrollbar { background-color: #e6e6e6; height: 10px; overflow: visible; width: 10px; }
		.entry-content .wrap-table::-webkit-scrollbar-button { height: 0; width: 0; }
		.entry-content .wrap-table::-webkit-scrollbar-track { background-clip: padding-box; -webkit-box-shadow: inset 1px 0 0 #e6e6e6; box-shadow: inset 1px 0 0 #e6e6e6; }
		.entry-content .wrap-table::-webkit-scrollbar-track:hover { background-color: #f3f3f3; -webkit-box-shadow: inset 1px 0 0 #e6e6e6; box-shadow: inset 1px 0 0 #e6e6e6; }
		.entry-content .wrap-table::-webkit-scrollbar-track:active { background-color: #f3f3f3; -webkit-box-shadow: inset 1px 0 0 #dcdcdc, inset -1px 0 0 #eeeeee; box-shadow: inset 1px 0 0 #dcdcdc, inset -1px 0 0 #eeeeee; }
		.entry-content .wrap-table::-webkit-scrollbar-thumb { border-radius: 16px; background-color: #a5a5a5; background-clip: padding-box; border: solid transparent; border-width: 1px 1px 1px 0px; min-height: 28px; padding: 100px 0 0; -webkit-box-shadow: inset 1px 1px 0 #e6e6e6, inset 0 -1px 0 #a5a5a5; box-shadow: inset 1px 1px 0 #e6e6e6, inset 0 -1px 0 #a5a5a5; }
		.entry-content .wrap-table::-webkit-scrollbar-thumb:hover { background-color: #a5a5a5; -webkit-box-shadow: inset 1px 1px 1px #a5a5a5; box-shadow: inset 1px 1px 1px #a5a5a5; }
		.entry-content .wrap-table::-webkit-scrollbar-thumb:active { background-color: #808080; -webkit-box-shadow: inset 1px 1px 3px #a6a6a6; box-shadow: inset 1px 1px 3px #a6a6a6; }
		@media only screen and (max-width: 991.98px) { .entry-content .wrap-table { -webkit-overflow-scrolling: auto; -webkit-appearance: none; } }