/*~~~~! carts_giohang!~~~~~*/

/*~~~~! all!~~~~~*/
@font-face {
    font-family: "magictoolbox-thin";
    font-weight: normal;
    font-style: normal;
    src: url("webfonts/magictoolbox-thin.eot");
    src: url("webfonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("webfonts/magictoolbox-thin.woff") format("woff"), url("webfonts/magictoolbox-thin.ttf") format("truetype"), url("webfonts/magictoolbox-thin.svg#magictoolbox-thin") format("svg")
}

.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage>figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0!important;
    font-size: 0!important;
    line-height: 100%!important;
    direction: ltr!important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.MagicZoom {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

figure.mz-figure {
    -webkit-perspective: 300px;
    perspective: 300px;
    margin: 0!important
}

.MagicZoom img,
.mz-figure img {
    border: 0!important;
    margin: 0!important;
    outline: 0!important;
    padding: 0!important
}

.MagicZoom>img,
.mz-figure>img {
    width: 100%;
    height: auto
}

.ie8-magic .MagicZoom>img,
.ie8-magic .mz-figure>img {
    width: 100%;
    max-width: none!important
}

.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
    cursor: default!important
}

.mz-figure.mz-active,
.mz-expand {
    -ms-touch-action: none;
    touch-action: none
}

.mz-lens,
.mz-zoom-window {
    position: absolute!important;
    overflow: hidden!important;
    pointer-events: none!important
}

.mz-lens img,
.mz-zoom-window img {
    position: absolute!important;
    max-width: none!important;
    max-height: none!important
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-mask-clip: content;
    cursor: none
}

.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647
}

.mz-zoom-window img {
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto!important;
    -ms-transform-origin: 50% 50%!important;
    -webkit-transform-origin: 50% 50%!important;
    transform-origin: 50% 50%!important
}

.mz-zoom-window.mz-preview img {
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    margin: 0!important;
    -webkit-transform: none!important;
    transform: none!important;
    width: 100%!important;
    height: auto!important
}

.lt-ie9-magic .mz-zoom-window img {
    margin: 0!important
}

.mz-expand-controls {
    z-index: 2147483647
}

.mz-fade {
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.mz-hidden {
    opacity: 0
}

.mz-visible {
    opacity: 1
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat!important;
    transform-style: flat!important
}

.mobile-magic .mz-expand .mz-image-stage>figure .mz-caption {
    display: none!important
}

.mobile-magic .mz-expand-controls.mz-fade {
    transition: none!important
}

.mobile-magic .mz-expand .mz-zoom-window {
    top: 0!important;
    left: 0!important
}

.mz-figure.mz-active {
    background: #fff
}

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none
}

.mz-figure.mz-active>img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'.6\'/></feComponentTransfer></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%)
}

.no-cssfilters-magic .mz-figure.mz-active>img {
    opacity: .6
}

.lt-ie10-magic .mz-figure.mz-active>img {
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=.6)
}

.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>img {
    opacity: 0
}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>.mz-zoom-window {
    opacity: 1
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img {
    filter: alpha(opacity=0)
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent
}

.mz-lens {
    border: 1px solid #aaa;
    border-color: rgba(170, 170, 170, .7);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    cursor: none;
    z-index: 10;
    opacity: 0
}

.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(.25, .5, .5, .9) .1s;
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9) .1s
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none
}

.mz-zoom-window {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.mz-zoom-window.mz-magnifier {
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, .3)
}

.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 100%;
    border: 1px solid rgba(170, 170, 170, .7);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    background: transparent;
    z-index: 1
}

.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5
}

.mz-zoom-window.mz-inner {
    border: none;
    box-shadow: none
}

.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: .8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal!important;
    text-align: center!important
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80)
}

.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0
}

.mz-zoom-window.mz-expanded>.mz-caption {
    display: none
}

.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    -webkit-transition: opacity .3s cubic-bezier(.25, .5, .5, .9), -webkit-transform .3s cubic-bezier(.25, .5, .5, .9);
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9), transform .3s cubic-bezier(.25, .5, .5, .9)
}

.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
    transition-duration: .25s, .25s, .25s
}

.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100
}

.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
}

.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0)
}

.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0)
}

.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0)
}

.mz-zoom-window>img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-zoom-window.mz-p-inner.mz-deactivating>img,
.mz-zoom-window.mz-p-inner.mz-activating>img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(.25, .5, .5, .9);
    transition: transform .22s cubic-bezier(.25, .5, .5, .9)
}

.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(.1);
    transform: scale(.1)
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
    -webkit-transition: opacity .3s cubic-bezier(.25, .5, .5, .9);
    transition: opacity .3s cubic-bezier(.25, .5, .5, .9)
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
    opacity: 0
}

.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49, 51, 61, .7);
    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity .25s ease, z-index .25s ease;
    transition: opacity .25s ease, z-index .25s ease
}

.mz-hint-message {
    display: inline-block;
    background: rgba(49, 51, 61, .7);
    border-radius: 2em;
    padding: .7em 1.1em
}

.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.mobile-magic .mz-hint-message:before {
    display: none
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mobile-magic .mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.mobile-magic .mz-expand .mz-hint-message {
    padding: 1.1em
}

.mobile-magic .mz-expand .mz-hint-message:before {
    display: none
}

.mobile-magic .mz-expand .mz-hint-hidden {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0
}

.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mz-loading:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: transparent;
    box-sizing: border-box
}

.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.mz-loading.shown:after {
    -webkit-animation: spin-loading .9s infinite linear;
    animation: spin-loading .9s infinite linear
}

@-webkit-keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.lt-ie10-magic .mz-loading {
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto
}

.lt-ie10-magic .mz-loading:after {
    content: 'Loading...';
    text-indent: 0;
    border: none;
    position: relative
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left: 0;
    width: 126px;
    margin: auto
}

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent!important;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D')
}

.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0)
}

.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg {
    width: auto!important;
    height: auto!important
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>svg {
    min-width: 100%!important;
    min-height: 100%!important
}

.mz-expand {
    background-color: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none
}

.mz-expand .mz-expand-bg {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    z-index: -100;
    max-width: none!important;
    max-height: none!important;
    -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(.01deg);
    -ms-transform: translate(0, 0) scale(10, 10) rotate(.01deg);
    transform: translate3d(0, 0, 0) scale(10) rotate(.01deg);
    -webkit-perspective: 600px;
    perspective: 600px;
    background-repeat: no-repeat;
    background-size: cover
}

.mz-expand .mz-expand-bg>img {
    margin: auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
    filter: blur(20px) brightness(60%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-expand .mz-expand-bg>svg {
    margin: auto;
    opacity: .6
}

.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none!important
}

.lt-ie9-magic .mz-expand {
    background: #1f1f1f
}

.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none!important
}

.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, .96)
}

.mz-expand.white-bg {
    background-color: #fff
}

.mz-expand .mz-expand-stage {
    z-index: 2100000000;
    padding: 0
}

.mz-expand .mz-expand-stage .mz-image-stage {
    z-index: 50;
    left: 120px;
    right: 120px;
    padding: 20px 0 40px 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 120px
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0!important;
    left: 0;
    right: 0
}

.mz-expand .mz-image-stage>figure:before,
.mz-expand .mz-image-stage:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0;
    line-height: 100%;
    width: 0
}

.mz-expand .mz-image-stage>figure {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 100%;
    position: relative
}

.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100%!important
}

.mz-expand .mz-figure>img {
    max-width: 100%;
    width: auto;
    height: auto
}

.mz-expand .mz-zoom-in .mz-image-stage>figure,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active {
    width: 100%;
    height: 100%
}

.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img {
    z-index: 1;
    position: absolute!important;
    top: -5000px!important;
    bottom: -5000px!important;
    left: -5000px!important;
    right: -5000px!important;
    margin: auto!important
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
    filter: alpha(opacity=100)
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100)
}

.mz-expand .mz-caption {
    color: #fff;
    text-shadow: 0 0 46px #000;
    padding: 10px 4px;
    font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0
}

.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
    opacity: 1
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer
}

.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0
}

.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
    left: 0;
    right: 0
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
    bottom: 0
}

.mobile-magic .mz-expand-stage .mz-image-stage {
    padding: 0
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 5px 0 60px
}

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding-top: 0
}

.mobile-magic .mz-expand .mz-expand-thumbnails {
    padding: 0;
    height: 60px
}

.mz-expand-controls,
button.mz-button {
    margin: 0!important;
    padding: 0!important;
    outline: 0!important
}

button.mz-button {
    color: #b4b4b4!important;
    font: 900 34px/1 'magictoolbox-thin'!important;
    cursor: pointer;
    z-index: 90!important;
    background-color: transparent!important;
    border: 1px solid rgba(180, 180, 180, 0)!important;
    border-radius: 100%!important;
    box-shadow: none!important;
    position: absolute!important;
    text-transform: none!important;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    width: 60px!important;
    height: 60px!important
}

button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
    margin: auto 10px!important;
    top: 0!important;
    bottom: 0!important;
    overflow: hidden!important
}

button.mz-button.mz-button-prev {
    left: 0!important
}

button.mz-button.mz-button-next {
    right: 0!important
}

button.mz-button.mz-button-close {
    font-size: 30px!important;
    margin: 10px!important;
    top: 0!important;
    right: 0!important;
    z-index: 95!important
}

:root:not(.mobile-magic) button.mz-button {
    color: rgba(180, 180, 180, .75)!important;
    -webkit-transform: scale(.85)!important;
    transform: scale(.85)!important;
    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s!important;
    transition: color .25s, border-color .25s, transform .25s!important
}

:root:not(.mobile-magic) button.mz-button:hover {
    color: rgba(180, 180, 180, 1)!important;
    border-color: rgba(180, 180, 180, .6)!important;
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important
}

.mobile-magic button.mz-button {
    -webkit-transition: -webkit-transform .1s!important;
    transition: transform .1s!important
}

.mobile-magic button.mz-button:active {
    border-color: rgba(180, 180, 180, .6)!important;
    -webkit-transform: scale(.95)!important;
    transform: scale(.95)!important
}

button.mz-button.mz-button-close:before {
    content: "\a001"
}

button.mz-button.mz-button-prev:before {
    content: "\a002"
}

button.mz-button.mz-button-next:before {
    content: "\a003"
}

@media screen and (max-device-width:767px) {
    button.mz-button-prev,
    button.mz-button-next {
        display: none!important
    }
    .mobile-magic .mz-expand button.mz-button {
        background: rgba(255, 255, 255, .12)!important;
        border-color: rgba(180, 180, 180, .3)!important
    }
}

.lt-ie9-magic button.mz-button {
    border: 0;
    filter: alpha(opacity=75)
}

.lt-ie9-magic button.mz-button:hover {
    filter: alpha(opacity=100)
}

.mz-thumb,
.mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none
}

.mz-thumb img {
    border: 0 solid #CCC;
    box-sizing: border-box
}

.mz-thumb:hover:not(.mz-thumb-selected) img {}

.mz-thumb-selected img {}

.mz-thumb-selected img {
    border: 0 solid #D90!important
}

.mz-thumb:hover:not(.mz-thumb-selected) img {
    border: 0 solid #D90!important
}

.no-cssfilters-magic .mz-thumb {
    background: #000
}

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70)
}

.no-cssfilters-magic .mz-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50)
}

.ie9-magic .mz-thumb img {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3)
}

.mz-expand-thumbnails {
    z-index: 50;
    position: absolute;
    bottom: 0;
    left: 65px;
    right: 65px;
    height: 80px;
    padding: 10px 0;
    box-sizing: border-box
}

.mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 10px 2px
}

.mz-expand-thumbnails .magic-thumb>img {
    cursor: pointer;
    height: 40px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3)
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover {
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.mz-expand-thumbnails .magic-thumb-selected img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
    opacity: 0
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70)
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50)
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.magic-thumbs.no-buttons {
    padding: 0!important
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap
}

.magic-thumbs.no-buttons ul {
    padding: 0!important;
    -webkit-transition: none!important;
    transition: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    left: 0!important
}

.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block
}

.magic-thumbs ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.magic-thumbs ul li>img {
    width: auto;
    height: auto;
    max-height: 100%;
    vertical-align: middle
}

.ie8-magic .magic-thumbs ul li>img {
    max-width: none!important;
    max-height: none!important
}

.magic-thumbs.magic-thumbs-vertical {
    height: 100%
}

.magic-thumbs-vertical {
    padding: 30px 0
}

.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal
}

.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto
}

.magic-thumbs-vertical ul li {
    margin: 4px 0
}

.magic-thumbs-vertical ul li>img {
    max-width: 100%;
    max-height: none
}

.ie8-magic .magic-thumbs-vertical ul li>img {
    width: 100%
}

.magic-thumbs .magic-thumbs-button {
    cursor: pointer;
    z-index: 90;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    position: absolute;
    font-family: "magictoolbox-thin";
    font-style: normal;
    font-weight: 200;
    font-variant: normal;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    text-align: center;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    width: 30px;
    height: 100%;
    top: 0;
    bottom: 0
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0
}

.magic-thumbs .magic-thumbs-button-prev:before {
    content: "\a002"
}

.magic-thumbs .magic-thumbs-button-next:before {
    content: "\a003"
}

.magic-thumbs-button:before {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: .6
}

.magic-thumbs .magic-thumbs-button:hover:before {
    opacity: 1
}

.magic-thumbs-vertical .magic-thumbs-button {
    width: 100%;
    height: 30px;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto
}

.magic-thumbs-vertical .magic-thumbs-button-prev {
    top: 0
}

.magic-thumbs-vertical .magic-thumbs-button-next {
    bottom: 0
}

.magic-thumbs-vertical .magic-thumbs-button-prev:before {
    content: "\a005"
}

.magic-thumbs-vertical .magic-thumbs-button-next:before {
    content: "\a004"
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none!important
}

.magic-thumbs-button-disabled {
    opacity: .2;
    filter: alpha(opacity=20)
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 35px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.white-popup {}

.mfp-zoom-in {}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(.8);
    opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-newspaper {}

.mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .5s;
    transform: scale(0) rotate(500deg)
}

.mfp-newspaper.mfp-bg {
    opacity: 0;
    transition: all .5s
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1) rotate(0deg)
}

.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity: 0
}

.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-move-horizontal {}

.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all .3s;
    transform: translateX(-50px)
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all .3s
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0)
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-move-from-top {}

.mfp-move-from-top .mfp-content {
    vertical-align: top
}

.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all .2s;
    transform: translateY(-100px)
}

.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all .2s
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0)
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-3d-unfold {}

.mfp-3d-unfold .mfp-content {
    perspective: 2000px
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all .5s
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg)
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-zoom-out {}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(1.3)
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1)
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }
    100% {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    animation-duration: 1s;
    animation-name: hinge
}

.mfp-with-fade .mfp-content,
.mfp-with-fade.mfp-bg {
    opacity: 0;
    transition: opacity .5s ease-out
}

.mfp-with-fade.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-with-fade.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-fade.mfp-removing.mfp-bg {
    opacity: 0
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translate3d(0, 0, 0)
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #E5E3DF
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-error {
    margin: 0;
    padding: 40px;
    width: 100%;
    max-width: 380px;
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: '×';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after {
    background: transparent;
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0 30px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8) 100%);
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, .4);
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: none
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none
}

.fancybox-infobar__body,
.fancybox-button {
    background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.fancybox-button::before,
.fancybox-button::after {
    content: '';
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
    opacity: .3
}

.fancybox-button--left::after,
.fancybox-button--right::after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor
}

.fancybox-button--left::after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right::after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close::before,
.fancybox-button--close::after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s
}

.fancybox-arrow::after {
    content: '';
    position: absolute;
    top: 35px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, .8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px
}

.fancybox-arrow--right {
    right: 0
}

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
    left: 0
}

.fancybox-show-nav .fancybox-arrow {
    opacity: .6
}

.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: .3
}

.fancybox-loading {
    border: 6px solid rgba(100, 100, 100, .4);
    border-top: 6px solid rgba(255, 255, 255, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-width:800px) {
    .fancybox-infobar {
        left: 0;
        margin-left: 0
    }
    .fancybox-button--left,
    .fancybox-button--right {
        display: none!important
    }
    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen::before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: none
}

.fancybox-button--play::before,
.fancybox-button--pause::before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: transparent
}

.fancybox-button--play::before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px
}

.fancybox-button--pause::before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px 0 2px
}

.fancybox-thumbs {
    display: none
}

.fancybox-button--thumbs {
    display: none
}

@media all and (min-width:800px) {
    .fancybox-button--thumbs {
        display: inline-block
    }
    .fancybox-button--thumbs span {
        font-size: 23px
    }
    .fancybox-button--thumbs::before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
    }
    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
        z-index: 99995
    }
    .fancybox-show-thumbs .fancybox-thumbs {
        display: block
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 220px
    }
    .fancybox-thumbs>ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }
    .fancybox-thumbs>ul>li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        margin: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: none;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box
    }
    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, .1)
    }
    .fancybox-thumbs>ul>li>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .fancybox-thumbs>ul>li:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        transition: all .2s cubic-bezier(.25, .46, .45, .94)
    }
    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
        opacity: 1
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

[dir='rtl'] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '→'
}

[dir='rtl'] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    background: rgba(255, 0, 0, .6);
    opacity: .25;
    color: black
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 35px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.jq-toast-wrap,
.jq-toast-wrap * {
    margin: 0;
    padding: 0
}

.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 320px;
    pointer-events: none !important;
    letter-spacing: normal;
    z-index: 9000 !important
}

.jq-toast-wrap.bottom-left {
    bottom: 20px;
    left: 20px
}

.jq-toast-wrap.bottom-right {
    bottom: 20px;
    right: 40px
}

.jq-toast-wrap.top-left {
    top: 20px;
    left: 20px
}

.jq-toast-wrap.top-right {
    top: 20px;
    right: 40px
}

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0 0 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: #444;
    color: #fff
}

.jq-toast-single h2 {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin: 0 0 7px;
    background: 0 0;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal
}

.jq-toast-single a {
    color: #eee;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    font-size: 12px
}

.jq-toast-single ul {
    margin: 0 0 0 15px;
    background: 0 0;
    padding: 0
}

.jq-toast-single ul li {
    list-style-type: disc !important;
    line-height: 17px;
    background: 0 0;
    margin: 0;
    padding: 0;
    letter-spacing: normal
}

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0;
    left: 0;
    border-radius: 5px;
    background: red
}

.jq-toast-loaded {
    width: 100%
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px
}

.jq-icon-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1
}

.jq-icon-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc
}

.jq-icon-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1
}

.jq-icon-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6
}

.jq-toast-wrap.top-center {
    left: -20px
}

.skitter {
    position: relative;
    max-width: 800px;
    height: 300px;
    background: black
}

.skitter.with-dots {
    margin-bottom: 60px
}

.skitter.with-thumbs {
    margin-bottom: 60px
}

.skitter>a img,
.skitter>img {
    max-width: none
}

.skitter ul {
    display: none
}

.skitter .container_skitter {
    overflow: hidden;
    position: relative
}

.skitter .container_skitter .image_main {
    width: 100%
}

.skitter .image {
    overflow: hidden
}

.skitter .image>a img,
.skitter .image>img {
    width: 100%;
    display: none
}

.skitter .box_clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: none;
    z-index: 20
}

.skitter .box_clone img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20
}

.skitter .prev_button {
    position: absolute;
    top: 50%;
    left: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    transition: all 0.2s
}

.skitter .next_button {
    position: absolute;
    top: 50%;
    right: 35px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    transition: all 0.2s
}

.skitter .prev_button:hover,
.skitter .next_button:hover {
    opacity: 0.5
}

.skitter .info_slide {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
    background-color: #000;
    color: #fff;
    font: bold 11px arial;
    padding: 5px 0 5px 5px;
    border-radius: 5px;
    opacity: 0.75
}

.skitter .info_slide .image_number {
    background-color: #333;
    float: left;
    padding: 2px 10px;
    margin: 0 5px 0 0;
    cursor: pointer;
    border-radius: 2px;
    transition: all 0.2s
}

.skitter .info_slide .image_number:hover {
    background-color: #000
}

.skitter .info_slide .image_number.image_number_select {
    background-color: #ccc;
    color: black
}

.skitter .container_thumbs {
    position: relative;
    overflow: hidden;
    height: 50px
}

.skitter .info_slide_thumb {
    height: 50px;
    border-radius: 0;
    overflow: hidden;
    top: auto;
    top: 0;
    left: 0;
    padding: 0;
    opacity: 1.0
}

.skitter .info_slide_thumb .image_number {
    overflow: hidden;
    width: 100px;
    height: 50px;
    position: relative;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-size: cover;
    background-position: center center
}

.skitter .info_slide_thumb .image_number.image_number_select {
    opacity: .4
}

.skitter .box_scroll_thumbs {
    padding: 0
}

.skitter .box_scroll_thumbs .scroll_thumbs {
    position: absolute;
    bottom: 60px;
    left: 50px;
    background-color: #ccc;
    width: 200px;
    height: 10px;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 101;
    cursor: pointer;
    border: 0px solid #333
}

.skitter .info_slide_dots {
    position: absolute;
    bottom: -40px;
    z-index: 151;
    padding: 5px 0 5px 5px;
    border-radius: 50px
}

.skitter .info_slide_dots .image_number {
    background-color: #999;
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    border-radius: 50px;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    overflow: hidden;
    transition: all 0.2s
}

.skitter .info_slide_dots .image_number:hover {
    background-color: #777
}

.skitter .info_slide_dots .image_number.image_number_select {
    background-color: #222
}

.loading {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10000;
    margin: -16px -16px;
    color: #fff;
    text-indent: -9999em;
    overflow: hidden;
    width: 32px;
    height: 32px
}

.label_skitter {
    z-index: 150;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: none;
    z-index: 150;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: none;
    background: linear-gradient(transparent, #000);
    width: 100%
}

.label_skitter p {
    color: #fff;
    padding: 10px;
    margin: 0;
    font-size: 14px
}

.progressbar {
    background-color: #000;
    position: absolute;
    top: 5px;
    left: 15px;
    height: 5px;
    width: 200px;
    z-index: 99;
    border-radius: 20px
}

.preview_slide {
    display: none;
    position: absolute;
    z-index: 152;
    bottom: 30px;
    left: -40px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: 1px solid #222;
    box-shadow: rgba(0, 0, 0, 0.7) 2px 2px 5px;
    overflow: hidden
}

.preview_slide ul {
    height: 100px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.preview_slide ul li {
    width: 100px;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    display: block
}

.preview_slide ul li img {
    position: absolute;
    top: 0;
    left: 0;
    height: 150px;
    width: auto
}

#overlay_skitter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    opacity: 1;
    background-color: #000
}

.skitter .focus_button {
    position: absolute;
    z-index: 100;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    opacity: 0;
    transition: all 0.2s
}

.skitter .play_pause_button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 151;
    width: 42px;
    height: 42px;
    overflow: hidden;
    text-indent: -9999em;
    opacity: 0;
    transition: all 0.2s
}

.skitter .play_pause_button:hover {
    opacity: 0.5
}

.skitter .focus_button:hover {
    opacity: 0.5
}

.skitter .focus_button,
.skitter .next_button,
.skitter .prev_button,
.skitter .play_pause_button {
    display: block;
    background: url("../images/sprite-default.png") no-repeat;
    background-size: 84px auto
}

.skitter .next_button {
    background-position: -0px -42px;
    width: 42px;
    height: 42px
}

.skitter .prev_button {
    background-position: -42px -42px;
    width: 42px;
    height: 42px
}

.skitter .play_pause_button {
    background-position: -0px -0px;
    width: 42px;
    height: 42px
}

.skitter .play_pause_button.play_button {
    background-position: -0px -84px;
    width: 42px;
    height: 42px
}

.skitter .focus_button {
    background-position: -42px -0px;
    width: 42px;
    height: 42px;
    top: 35px;
    left: 35px
}

.skitter-clean .prev_button,
.skitter-clean .next_button,
.skitter-clean .play_pause_button,
.skitter-clean .focus_button {
    display: block;
    background: url("../images/skitter/sprite-clean.png") no-repeat;
    background-size: 47px auto
}

.skitter-clean .prev_button {
    background-position: 0px 0px;
    width: 47px;
    height: 46px
}

.skitter-clean .next_button {
    background-position: 0px -46px;
    width: 47px;
    height: 46px
}

.skitter-clean .play_pause_button {
    background-position: -0px -133px;
    width: 41px;
    height: 41px
}

.skitter-clean .play_pause_button.play_button {
    background-position: -0px -92px;
    width: 41px;
    height: 41px
}

.skitter-clean .focus_button {
    background-position: -0px -174px;
    width: 41px;
    height: 41px
}

.skitter-clean .info_slide {
    background-color: transparent
}

.skitter-clean .info_slide .image_number {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal;
    color: #333
}

.skitter-clean .info_slide .image_number:hover {
    background-color: #ccc
}

.skitter-clean .info_slide .image_number.image_number_select {
    background-color: #111;
    color: #fff
}

.skitter-clean .info_slide_dots {
    background: rgba(0, 0, 0, 0.07);
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0
}

.skitter-clean .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    background-color: #999
}

.skitter-clean .info_slide_dots .image_number:hover {
    background-color: #333
}

.skitter-clean .info_slide_dots .image_number.image_number_select {
    background-color: #111
}

.skitter-clean .progressbar {
    top: 5px;
    left: 5px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0
}

.skitter-minimalist .prev_button,
.skitter-minimalist .next_button,
.skitter-minimalist .play_pause_button,
.skitter-minimalist .focus_button {
    display: block;
    background: url("../images/skitter/sprite-minimalist.png") no-repeat;
    background-size: 24px auto
}

.skitter-minimalist .prev_button {
    background-position: -0px -0px;
    width: 24px;
    height: 28px
}

.skitter-minimalist .next_button {
    background-position: -0px -28px;
    width: 24px;
    height: 28px
}

.skitter-minimalist .play_pause_button {
    background-position: -0px -74px;
    width: 18px;
    height: 18px;
    -webkit-transform: none;
    transform: none;
    top: 35px;
    left: 35px
}

.skitter-minimalist .play_pause_button.play_button {
    background-position: -0px -56px;
    width: 18px;
    height: 18px
}

.skitter-minimalist .focus_button {
    background-position: -0px -92px;
    width: 18px;
    height: 18px;
    -webkit-transform: none;
    transform: none;
    top: 35px;
    left: 95px
}

.skitter-minimalist .info_slide {
    background-color: transparent
}

.skitter-minimalist .info_slide .image_number {
    background-color: #000;
    box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal;
    background-color: #999
}

.skitter-minimalist .info_slide .image_number:hover {
    background-color: #111
}

.skitter-minimalist .info_slide .image_number.image_number_select {
    background-color: #ccc
}

.skitter-minimalist .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;
    background-color: #999
}

.skitter-minimalist .info_slide_dots .image_number:hover {
    background-color: #111
}

.skitter-minimalist .info_slide_dots .image_number.image_number_select {
    background-color: #ccc
}

.skitter-round .prev_button,
.skitter-round .next_button,
.skitter-round .play_pause_button,
.skitter-round .focus_button {
    display: block;
    background: url("../images/skitter/sprite-round.png") no-repeat;
    background-size: 47px auto
}

.skitter-round .prev_button {
    background-position: -0px -0px;
    width: 23px;
    height: 47px;
    left: -23px
}

.skitter-round .next_button {
    background-position: -23px -0px;
    width: 23px;
    height: 47px;
    right: -23px
}

.skitter-round .next_button:hover {
    opacity: 1
}

.skitter-round .prev_button:hover {
    opacity: 1
}

.skitter-round .play_pause_button {
    background-position: -0px -70px;
    width: 47px;
    height: 23px;
    top: 0;
    left: 24px;
    -webkit-transform: none;
    transform: none
}

.skitter-round .play_pause_button.play_button {
    background-position: -0px -47px;
    width: 47px;
    height: 23px
}

.skitter-round .focus_button {
    background-position: -0px -93px;
    width: 47px;
    height: 23px;
    top: 0;
    left: 82px;
    margin-top: 0
}

.skitter-round .info_slide {
    background-color: transparent
}

.skitter-round .info_slide .image_number {
    background-color: #777;
    box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal
}

.skitter-round .info_slide .image_number:hover {
    background-color: #333
}

.skitter-round .info_slide .image_number.image_number_select {
    background-color: #111;
    color: white
}

.skitter-round .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;
    background-color: #777
}

.skitter-round .info_slide_dots .image_number:hover {
    background-color: #333
}

.skitter-round .info_slide_dots .image_number.image_number_select {
    background-color: #111
}

.skitter-round .progressbar {
    top: -10px;
    left: 0px;
    background-color: #333;
    box-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0
}

.skitter-square .play_pause_button,
.skitter-square .next_button,
.skitter-square .focus_button,
.skitter-square .prev_button {
    display: block;
    background: url("../images/skitter/sprite-square.png") no-repeat;
    background-size: 110px auto
}

.skitter-square .play_pause_button {
    background-position: -55px -0px;
    width: 55px;
    height: 55px;
    top: 10px;
    left: 10px;
    bottom: auto;
    right: auto;
    margin-top: 0;
    -webkit-transform: none;
    transform: none
}

.skitter-square .play_pause_button.play_button {
    background-position: -0px -0px;
    width: 55px;
    height: 55px
}

.skitter-square .focus_button {
    background-position: -55px -55px;
    width: 55px;
    height: 55px;
    top: 10px;
    left: 65px;
    bottom: auto;
    right: auto;
    margin-top: 0;
    -webkit-transform: none;
    transform: none
}

.skitter-square .next_button {
    background-position: -0px -55px;
    width: 55px;
    height: 55px;
    top: 10px;
    left: auto;
    right: 10px;
    margin: 0;
    -webkit-transform: none;
    transform: none
}

.skitter-square .prev_button {
    background-position: -0px -110px;
    width: 55px;
    height: 55px;
    top: 10px;
    left: auto;
    right: 65px;
    margin: 0;
    -webkit-transform: none;
    transform: none
}

.skitter-square .info_slide {
    background-color: transparent
}

.skitter-square .info_slide .image_number {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0;
    font-size: 12px;
    font-weight: normal;
    color: #333
}

.skitter-square .info_slide .image_number:hover {
    background-color: #ccc
}

.skitter-square .info_slide .image_number.image_number_select {
    background-color: #111;
    color: #fff
}

.skitter-square .info_slide_dots .image_number {
    width: 14px;
    height: 14px;
    box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 0;
    background-color: #ccc
}

.skitter-square .info_slide_dots .image_number:hover {
    background-color: #999
}

.skitter-square .info_slide_dots .image_number.image_number_select {
    background-color: #555
}

.skitter-square .progressbar {
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 0;
    height: 2px
}

@media (max-width: 1024px) {
    .skitter .info_slide_dots,
    .skitter .info_slide {
        display: none
    }
}

.skitter-spinner {
    padding: 10px 12px;
    border-radius: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.skitter-spinner .icon-sending {
    display: inline-block;
    -webkit-animation: rotateMe 500ms linear infinite;
    animation: rotateMe 500ms linear infinite;
    border-radius: 100%;
    border: 2px solid white;
    border-bottom-color: transparent;
    width: 20px;
    height: 20px;
    vertical-align: top
}

@-webkit-keyframes rotateMe {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateMe {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


/* Normilizes box-sizing  */

#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#pbOverlay.show {
    opacity: 1;
    pointer-events: auto;
}

#pbOverlay {
    opacity: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    text-align: center;
    pointer-events: none;
    -moz-user-select: none;
    background: rgba(0, 0, 0, .90);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
    /* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
    -webkit-transform: translate3d(0);
    transition: opacity 300ms ease;
}

#pbOverlay.msie {
    background-color: rgba(0, 0, 0, .6);
}

.msie.pbLoading .pbWrapper {
    background: url('../images/loading.gif') no-repeat center center;
}

@keyframes pbLoaderFrames {
    50% {
        height: 5px;
    }
}

@-webkit-keyframes pbLoaderFrames {
    50% {
        height: 5px;
    }
}

.pbLoader {
    display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    border-radius: 100%;
    box-shadow: 15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;
    transition: .3s;
}

.thumbs .pbLoader {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.pbLoading:not(.msie):not(.error) .pbLoader {
    display: block;
}

.pbLoader b {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    width: 8px;
    height: 60px;
    border-radius: 5px;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    -webkit-animation: .9s pbLoaderFrames infinite linear;
    animation: .9s pbLoaderFrames infinite linear;
}

.pbLoader b:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.pbLoader b:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.mobile.pbLoading .pbLoader {
    transform: none;
    transition: 0s;
}

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
}


/* Animation when image was not loaded */

@keyframes deadImage {
    50% {
        text-shadow: 0 0 25px rgba(255, 255, 255, .5);
        transform: scale(.85);
    }
}

@-webkit-keyframes deadImage {
    50% {
        text-shadow: 0 0 25px rgba(255, 255, 255, .5);
        -webkit-transform: scale(.85);
    }
}

#pbOverlay button {
    outline: 0 !important;
    box-shadow: 0;
}

.pbWrapper {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transform: rotate(0deg);
    vertical-align: middle;
    height: 100%;
    perspective: 1200px;
    position: relative;
}

.video>.pbWrapper {
    z-index: 11;
    display: inline-block;
}


/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/

.pbLoading .pbWrapper {
    display: inline-block\9;
    width: 100%;
}


/* ie8+9 hack */

.pbWrapper:before {
    content: '\2716';
    color: transparent;
    text-shadow: 0 2px 35px rgba(255, 255, 255, 0);
    font-size: 0;
    vertical-align: middle;
    cursor: default;
    transition: text-shadow .7s ease-out;
}

.error .pbWrapper:before {
    font-size: 22em;
    text-shadow: 0 0 0 #FFF;
    -webkit-animation: 2s 1s deadImage infinite linear;
    animation: 2s 1s deadImage infinite linear;
}

.thumbs .pbWrapper {
    padding: 0;
    margin: 0;
}

.error .pbWrapperr img {
    width: 0;
}

.pbWrapper>div {
    display: none;
    width: 624px;
    height: 351px;
    vertical-align: middle;
    border-radius: 5px;
    background: rgba(0, 0, 0, .5);
}

.video>.pbWrapper>div {
    display: inline-block;
}

#pbOverlay iframe,
#pbOverlay embed,
#pbOverlay object {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: .5s;
}

.pbWrapper .pbHide iframe {
    opacity: 0;
}

.pbWrapper>div,
.pbWrapper>img {
    transition: .5s .5s cubic-bezier(.1, .87, .48, 1);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    box-shadow: 0 0 20px #000;
    opacity: 1;
}


/* FOR MOBILE */

.mobile.show .pbWrapper>div,
.mobile.show .pbWrapper>img {
    transition: 30ms;
}


/* Content effects */

.pbWrapper>*,
.pbHide .pbWrapper>.prepare {
    opacity: 0;
    vertical-align: middle;
    -webkit-transform: scale(.2) rotateX(80deg);
    -ms-transform: scale(.2) rotateX(80deg);
    transform: scale(.2) rotateX(80deg);
    border-radius: 6px;
    border: none;
    max-height: 95%;
    max-width: 100%;
}

.on .pbWrapper>* {
    transition-delay: 0s;
}

.pbWrapper .zoomable {
    -webkit-transition: 0s;
    transition: 0s;
    position: relative;
    z-index: 9;
}

.pbWrapper .rotating {
    -webkit-transition: .25s cubic-bezier(.4, .04, 0, 1);
    transition: .25s cubic-bezier(.4, .04, 0, 1);
}

.pbHide .pbWrapper>* {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transform: none\9;
    opacity: 0;
    transition: .4s ease-out;
}


/*-- close button --*/

#pbCloseBtn,
#pbAutoplayBtn {
    position: absolute;
    top: -50px;
    right: -50px;
    z-index: 999;
    display: block;
    padding: 0 0 20px 20px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    transition: .3s .3s ease-out;
}

.pbHide #pbCloseBtn {
    top: -50px;
    right: -50px;
}

.on #pbCloseBtn {
    top: -2px;
    right: -2px;
}

#pbCloseBtn:before {
    content: '\00D7';
    font: bold 1em/1 arial;
}

#pbCloseBtn:before,
#pbAutoplayBtn:before {
    display: inline-block;
    height: 35px;
    width: 35px;
    padding: 8px 8px 12px 12px;
    font-size: 2em;
    opacity: .8;
    vertical-align: middle;
    background: rgba(255, 255, 255, .2);
    border-radius: 0 0 0 70px;
    transition: .1s ease-out;
}

#pbCloseBtn:hover:before {
    padding: 15px 10px 24px 24px;
    background: rgba(255, 100, 100, .4);
}


/*-- autoplay controller --*/

#pbAutoplayBtn {
    display: none;
    right: auto;
    left: -50px;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 13px;
}

.hasAutoplay #pbAutoplayBtn {
    display: block;
}

#pbAutoplayBtn:hover {
    width: 60px;
    height: 60px;
}

.on #pbAutoplayBtn {
    top: 0px;
    left: 0px;
    transition: .1s ease-out;
}

#pbAutoplayBtn:before {
    content: '\2016';
    width: 100%;
    height: 100%;
    border-radius: 0 0 70px 0;
    font-weight: bold;
    padding: 0;
    text-indent: -6px;
    line-height: 1.6;
}

#pbAutoplayBtn:active:before {
    text-shadow: 0 0 3px #FFF, 0 0 6px #FFF;
}

#pbAutoplayBtn.play:before {
    content: '\25BA';
}

#pbAutoplayBtn .pbProgress {
    display: none\9;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    padding: 6px;
    top: 0;
    left: 0;
    opacity: .2;
    transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.mobile #pbAutoplayBtn .pbProgress {
    -webkit-transition: 0s;
    transition: 0s;
}

#pbAutoplayBtn.playing .pbProgress {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

#pbAutoplayBtn .pbProgress:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #FFF inset;
}

#pbCaption,
.pbHide #pbCaption {
    position: absolute;
    z-index: 999;
    margin-bottom: 5px;
    bottom: -120px;
    width: 100%;
    overflow: hidden;
    transform: translateZ(0px);
    transition: .4s;
}

.show.on #pbCaption {
    bottom: 0;
    transition-delay: .5s;
}

#pbOverlay.thumbs #pbCaption label {
    display: block;
}

#pbCaption label {
    display: none;
    position: relative;
    z-index: 1;
    top: 6px;
    float: right;
    width: 60px;
    margin-right: 10px;
    color: #FFF;
    opacity: .3;
    transition: .2s;
    cursor: pointer;
}

#pbCaption label:after {
    background: #FFF;
    box-shadow: 12px 0 #FFF, -12px 0 #FFF;
    content: "";
    display: inline-block;
    height: 0;
    padding: 10px 5px;
    text-align: right;
    vertical-align: top;
    width: 0;
}

#pbCaption label:hover {
    opacity: 1;
}

#pbCaption .title,
#pbCaption .counter {
    display: inline-block;
    color: #FFF;
    margin: 0 6px;
}

#pbCaption .counter {
    display: none;
    opacity: .55;
}

.hasCounter #pbCaption .counter {
    display: inline-block;
}

.pbCaptionText {
    display: inline-block;
    transition: .3s;
    opacity: .9;
    font-weight: bold;
    vertical-align: middle;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    padding-left: 60px;
}


/* padding-left from <label> */

.pbCaptionText.change {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    opacity: 0;
}

#pbCaption .rotateBtn {
    display: none;
    background: none;
    border: 0;
    font: 800 1.7em/0 Arial;
    vertical-align: middle;
    color: rgba(255, 255, 255, .5);
    width: 1.1em;
    height: 1.1em;
    padding: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: .15s ease-out;
}

#pbCaption .rotateBtn.show {
    display: block;
    float: right;
}

#pbCaption .rotateBtn:hover {
    color: rgba(255, 255, 255, .7);
}

#pbCaption .rotateBtn:active {
    color: white;
    background: rgba(0, 0, 0, .4);
}

.mobile #pbCaption label {
    display: none;
    z-index: -1;
    color: red;
}

.mobile .pbCaptionText {
    padding: 0;
}


/* hide thumbnails */

#pbThumbsToggler:checked~#pbCaption .pbThumbs {
    margin: 0;
}

#pbThumbsToggler:checked~.pbWrapper {
    margin-top: -50px;
    padding: 50px 0;
}

.pbThumbs {
    display: none;
    transition: .35s;
    -webkit-overflow-scrolling: touch;
}

.thumbs .pbThumbs {
    display: block;
    width: 100%;
    padding: 5px 0 2px;
    margin-bottom: -100px;
    overflow: hidden;
}

.mobile .pbThumbs {
    overflow: auto;
}

.pbThumbs:hover {
    clear: both;
}

.pbThumbs ul {
    display: inline-block;
    position: relative;
    list-style: none;
    height: 80px;
    padding: 0 5px;
    margin: 0;
    white-space: pre;
    transition: .2s;
}

.pbThumbs ul:after {
    vertical-align: bottom;
}

.pbThumbs li {
    display: inline-block;
    vertical-align: bottom;
    height: 70%;
    opacity: .6;
    text-align: center;
    position: relative;
    transition: .15s;
}

.pbThumbs li.active {
    height: 100%;
    opacity: 1;
}

.pbThumbs li:hover {
    height: 100%;
    opacity: 1;
}

.pbThumbs li.video::before {
    content: '\25BA';
    color: #FFF;
    font-size: 20px;
    height: 20px;
    width: 20px;
    line-height: .9;
    position: absolute;
    bottom: 4px;
    left: 7px;
    background: rgba(0, 0, 0, .4);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .4);
    border-radius: 0 3px 0 0;
    pointer-events: none;
}

.pbThumbs a {
    height: 100%;
    padding: 0 2px;
    display: block;
    -moz-user-select: none;
}

.pbThumbs li:hover a {}

.pbThumbs img {
    height: 96%;
    min-height: 95.9%;
    border: 2px solid #FFF;
    max-width: none;
    border-radius: 0;
    transition: .15s;
}

.pbThumbs li:hover img {
    min-height: 96%;
}


/* fix a bug in Chrome and Opera */

.pbThumbs li.fast a img {
    transition: none;
}

.pbThumbs li.active a img {
    border-color: #D8FF16;
    min-height: 96%;
}

#pbOverlay .prevNext {
    display: none;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 35%;
    padding: 80px 0;
    opacity: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    top: 0;
    transition: .2s ease-out;
    text-shadow: 0 0 12px #000, 0 0 10px #FFF;
    user-select: none;
    filter: alpha(opacity=0);
    cursor: pointer;
}

#pbOverlay.hasArrows .prevNext {
    display: block;
}

#pbOverlay .prevNext.pbHide {
    display: none;
}

#pbOverlay.on .prevNext:hover {
    opacity: .5;
    filter: alpha(opacity=50);
}

#pbOverlay.on .prevNext:hover:active {
    transition: 80ms;
    opacity: 1;
    filter: alpha(opacity=100);
    text-shadow: 0 0 16px #FFF, 0 0 10px #000;
}

.prevNext b {
    display: inline-block;
    vertical-align: middle;
    transition: .2s ease-in;
}

.prevNext:hover b {
    transition: .2s cubic-bezier(.095, .870, .485, .985);
}

#pbPrevBtn b {
    transform: scale(.4) translateX(350px);
    -webkit-transform: scale(.4) translateX(350px);
}

#pbNextBtn b {
    transform: scale(.4) translateX(-350px);
    -webkit-transform: scale(.4) translateX(-350px);
}


/* */

#pbPrevBtn b:before,
#pbNextBtn b:after {
    display: inline;
    line-height: .3;
    font-size: 18em;
    font-weight: normal;
    color: #FFF;
    font-family: Arial;
}

#pbPrevBtn b:before {
    content: '\2039';
}

#pbNextBtn b:after {
    content: '\203A';
}


/* */

.on #pbPrevBtn:hover b {
    transform: scale(1) translateX(20px);
    -webkit-transform: scale(1) translateX(20px);
}

.on #pbNextBtn:hover b {
    transform: scale(1) translateX(-20px);
    -webkit-transform: scale(1) translateX(-20px);
}

.show #pbPrevBtn,
#pbOverlay.show #pbNextBtn {}

.show #pbPrevBtn {
    left: 0;
    text-align: left;
}

.show #pbNextBtn {
    right: 0;
    text-align: right;
}


/*------- media queries (for small screens) -----------*/

@media all and (max-width:700px) {
    .pbWrapper img,
    .pbHide .pbWrapper img.prepare {
        max-height: 100%;
    }
    .thumbs .pbWrapper {
        padding: 0;
        margin: 0;
    }
    .pbThumbs {
        margin-bottom: -60px;
    }
    .pbThumbs.show {
        margin: 0;
    }
    .pbThumbs ul {
        height: 50px;
    }
    .pbThumbs li {
        height: 100%;
        opacity: 1;
    }
    .pbThumbs li img {
        min-height: 96.5%;
    }
}


/* fix for Chrome */

@media all and (max-width:710px) {
    .pbThumbs li.active a img {
        min-height: 96%;
    }
}


/*





   Magic Zoom Plus v5.0.2 

   Copyright 2015 Magic Toolbox

   Buy a license: https://www.magictoolbox.com/magiczoomplus/

   License agreement: https://www.magictoolbox.com/license/





*/


/**

 * Core styles

 */

@font-face {
    font-family: "magictoolbox-thin";
    font-weight: normal;
    font-style: normal;
    src: url("fonts/magictoolbox-thin.eot");
    src: url("fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("fonts/magictoolbox-thin.woff") format("woff"), url("fonts/magictoolbox-thin.ttf") format("truetype"), url("fonts/magictoolbox-thin.svg#magictoolbox-thin") format("svg");
}

.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage>figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.MagicZoom {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

figure.mz-figure {
    -webkit-perspective: 300px;
    perspective: 300px;
    margin: 0 !important;
}

.MagicZoom img,
.mz-figure img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
}

.MagicZoom>img,
.mz-figure>img {
    width: 100%;
    height: auto;
}

.ie8-magic .MagicZoom>img,
.ie8-magic .mz-figure>img {
    width: 100%;
    max-width: none !important;
}

.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important;
}

.mz-figure.mz-active,
.mz-expand {
    -ms-touch-action: none;
    touch-action: none;
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important;
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
    -webkit-mask-clip: content;
    cursor: none;
}

.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647;
}

.mz-zoom-window img {
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -ms-transform-origin: 50% 50% !important;
    -webkit-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important;
}

.mz-zoom-window.mz-preview img {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
}

.lt-ie9-magic .mz-zoom-window img {
    margin: 0 !important;
}

.mz-expand-controls {
    z-index: 2147483647;
}

.mz-fade {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.mz-hidden {
    opacity: 0;
}

.mz-visible {
    opacity: 1;
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat !important;
    transform-style: flat !important;
}

.mobile-magic .mz-expand .mz-image-stage>figure .mz-caption {
    display: none !important;
}

.mobile-magic .mz-expand-controls.mz-fade {
    transition: none !important;
}

.mobile-magic .mz-expand .mz-zoom-window {
    top: 0 !important;
    left: 0 !important;
}


/**

 * Main figure

 */

.mz-figure.mz-active {
    background: #fff;
}

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair;
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none;
}

.mz-figure.mz-active>img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/><feComponentTransfer><feFuncA type=\'linear\' slope=\'0.6\'/></feComponentTransfer></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%);
}

.no-cssfilters-magic .mz-figure.mz-active>img {
    opacity: 0.6;
}

.lt-ie10-magic .mz-figure.mz-active>img {
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6);
}

.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>img {
    opacity: 0;
}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>.mz-zoom-window {
    opacity: 1;
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img {
    filter: alpha(opacity=0);
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent;
}


/**

 * Zoom lens

 */

.mz-lens {
    border: 1px solid #aaa;
    border-color: rgba(170, 170, 170, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    cursor: none;
    z-index: 10;
    opacity: 0;
}

.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
    transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s;
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none;
}


/**

 * Zoom window

 */

.mz-zoom-window {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.mz-zoom-window.mz-magnifier {
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, .3);
}

.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 100%;
    border: 1px solid rgba(170, 170, 170, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    background: transparent;
    z-index: 1;
}

.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5;
}

.mz-zoom-window.mz-inner {
    border: none;
    box-shadow: none;
}


/* Caption in zoom window */

.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important;
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80);
}

.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0;
}

.mz-zoom-window.mz-expanded>.mz-caption {
    display: none;
}


/* Zoom window animations */

.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
    transition-duration: .25s, .25s, .25s;
}

.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100;
}

.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
}

.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
}

.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
}

.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
}


/* Inner mode animation */

.mz-zoom-window>img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mz-zoom-window.mz-p-inner.mz-deactivating>img,
.mz-zoom-window.mz-p-inner.mz-activating>img {
    -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}


/* Magnifier mode animation */

.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(.1);
    transform: scale(.1);
}


/* Preview mode animation */

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
    opacity: 0;
}


/**

 * Hint & Loading

 */

.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49, 51, 61, 0.7);
    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
    transition: opacity 0.25s ease, z-index 0.25s ease;
}

.mz-hint-message {
    display: inline-block;
    background: rgba(49, 51, 61, 0.7);
    border-radius: 2em;
    padding: .7em 1.1em;
}

.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.mobile-magic .mz-hint-message:before {
    display: none;
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}


/* Hint in the expanded view on mobile */

.mobile-magic .mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.mobile-magic .mz-expand .mz-hint-message {
    padding: 1.1em;
}

.mobile-magic .mz-expand .mz-hint-message:before {
    display: none;
}

.mobile-magic .mz-expand .mz-hint-hidden {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0;
}


/* Loading indicator */

.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mz-loading:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 1);
    border-top-color: transparent;
    box-sizing: border-box;
}

.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
}

.mz-loading.shown:after {
    -webkit-animation: spin-loading .9s infinite linear;
    animation: spin-loading .9s infinite linear;
}

@-webkit-keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.lt-ie10-magic .mz-loading {
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto;
}

.lt-ie10-magic .mz-loading:after {
    content: 'Loading...';
    text-indent: 0;
    border: none;
    position: relative;
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left: 0;
    width: 126px;
    margin: auto;
}

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D');
}

.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0);
}


/**

 * Expanded view

 */

.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg {
    width: auto !important;
    height: auto !important;
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>svg {
    min-width: 100% !important;
    min-height: 100% !important;
}

.mz-expand {
    background-color: rgba(0, 0, 0, 1);
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none;
}


/* Expanded view background */

.mz-expand .mz-expand-bg {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    z-index: -100;
    max-width: none !important;
    max-height: none !important;
    -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
    -ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg);
    transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
    -webkit-perspective: 600px;
    perspective: 600px;
    background-repeat: no-repeat;
    background-size: cover;
}

.mz-expand .mz-expand-bg>img {
    margin: auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'80\' in=\'SourceGraphic\'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
    filter: blur(20px) brightness(60%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mz-expand .mz-expand-bg>svg {
    margin: auto;
    opacity: .6;
}

.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important;
}

.lt-ie9-magic .mz-expand {
    background: #1f1f1f;
}


/** Plain backgrounds: dark-bg, white-bg **/

.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none !important;
}

.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, .96);
}

.mz-expand.white-bg {
    background-color: #fff;
}


/* Expanded view stage */

.mz-expand .mz-expand-stage {
    z-index: 2100000000;
    padding: 0;
}

.mz-expand .mz-expand-stage .mz-image-stage {
    z-index: 50;
    left: 120px;
    right: 120px;
    padding: 20px 0 40px 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 120px;
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0 !important;
    left: 0;
    right: 0;
}

.mz-expand .mz-image-stage>figure:before,
.mz-expand .mz-image-stage:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0;
    line-height: 100%;
    width: 0;
}

.mz-expand .mz-image-stage>figure {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 100%;
    position: relative;
}

.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100% !important;
}

.mz-expand .mz-figure>img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.mz-expand .mz-zoom-in .mz-image-stage>figure,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active {
    width: 100%;
    height: 100%;
}

.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out;
}


/* When inner zoom is always shown */

.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img {
    z-index: 1;
    position: absolute !important;
    top: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    margin: auto !important;
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
    filter: alpha(opacity=100);
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100);
}


/* Caption in expanded view */

.mz-expand .mz-caption {
    color: #fff;
    text-shadow: 0px 0px 46px #000;
    padding: 10px 4px;
    font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}

.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 1;
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer;
}

.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none;
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%;
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent;
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0;
}


/* Expanded view on mobile */

.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
    left: 0px;
    right: 0px;
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
    bottom: 0px;
}

.mobile-magic .mz-expand-stage .mz-image-stage {
    padding: 0;
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 5px 0 60px;
}

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding-top: 0;
}

.mobile-magic .mz-expand .mz-expand-thumbnails {
    padding: 0;
    height: 60px;
}


/**

 * Buttons & Arrows

 */

.mz-expand-controls,
button.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
}

button.mz-button {
    color: #b4b4b4 !important;
    font: 900 34px/1 'magictoolbox-thin' !important;
    cursor: pointer;
    z-index: 90 !important;
    background-color: transparent !important;
    border: 1px solid rgba(180, 180, 180, 0) !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    width: 60px !important;
    height: 60px !important;
}

button.mz-button.mz-button-prev,
button.mz-button.mz-button-next {
    margin: auto 10px !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
}

button.mz-button.mz-button-prev {
    left: 0 !important;
}

button.mz-button.mz-button-next {
    right: 0 !important;
}

button.mz-button.mz-button-close {
    font-size: 30px !important;
    margin: 10px !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important;
}

:root:not(.mobile-magic) button.mz-button {
    color: rgba(180, 180, 180, .75) !important;
    -webkit-transform: scale(.85) !important;
    transform: scale(.85) !important;
    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;
    transition: color .25s, border-color .25s, transform .25s !important;
}

:root:not(.mobile-magic) button.mz-button:hover {
    color: rgba(180, 180, 180, 1) !important;
    border-color: rgba(180, 180, 180, .6) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.mobile-magic button.mz-button {
    -webkit-transition: -webkit-transform .1s !important;
    transition: transform .1s !important;
}

.mobile-magic button.mz-button:active {
    border-color: rgba(180, 180, 180, .6) !important;
    -webkit-transform: scale(.95) !important;
    transform: scale(.95) !important;
}

button.mz-button.mz-button-close:before {
    content: "\a001";
}

button.mz-button.mz-button-prev:before {
    content: "\a002";
}

button.mz-button.mz-button-next:before {
    content: "\a003";
}

@media screen and (max-device-width: 767px) {
    button.mz-button-prev,
    button.mz-button-next {
        display: none !important;
    }
    .mobile-magic .mz-expand button.mz-button {
        background: rgba(255, 255, 255, .12) !important;
        border-color: rgba(180, 180, 180, .3) !important;
    }
}

.lt-ie9-magic button.mz-button {
    border: 0;
    filter: alpha(opacity=75);
}

.lt-ie9-magic button.mz-button:hover {
    filter: alpha(opacity=100);
}


/**

 * Thumbnails

 */


/* Thumbnails on the page */

.mz-thumb,
.mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none;
}

.mz-thumb img {
    box-sizing: border-box;
}

.mz-thumb:hover:not(.mz-thumb-selected) img {
    /*     -webkit-filter: brightness(70%);

            filter: brightness(70%); */
}

.mz-thumb-selected img {
    /* -webkit-filter: brightness(50%); */
    /* filter: brightness(50%); */
}

.mz-thumb-selected img {}

.mz-thumb:hover:not(.mz-thumb-selected) img {}

.no-cssfilters-magic .mz-thumb {
    background: #000;
}

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.no-cssfilters-magic .mz-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50);
}

.ie9-magic .mz-thumb img {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3);
}


/* Thumbnails in expanded view */

.mz-expand-thumbnails {
    z-index: 50;
    position: absolute;
    bottom: 0;
    left: 65px;
    right: 65px;
    height: 80px;
    padding: 10px 0;
    box-sizing: border-box;
}

.mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 10px 2px;
}

.mz-expand-thumbnails .magic-thumb>img {
    cursor: pointer;
    height: 40px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover {
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
}

.mz-expand-thumbnails .magic-thumb-selected img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none;
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
    opacity: 0;
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70);
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50);
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none;
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.magic-thumbs.no-buttons {
    padding: 0 !important;
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap;
}

.magic-thumbs.no-buttons ul {
    padding: 0 !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    left: 0 !important;
}

.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block;
}

.magic-thumbs ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.magic-thumbs ul li>img {
    width: auto;
    height: auto;
    max-height: 100%;
    vertical-align: middle;
}

.ie8-magic .magic-thumbs ul li>img {
    max-width: none !important;
    max-height: none !important;
}


/* vertical */

.magic-thumbs.magic-thumbs-vertical {
    height: 100%;
}

.magic-thumbs-vertical {
    padding: 30px 0;
}

.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal;
}

.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto;
}

.magic-thumbs-vertical ul li {
    margin: 4px 0;
}

.magic-thumbs-vertical ul li>img {
    max-width: 100%;
    max-height: none;
}

.ie8-magic .magic-thumbs-vertical ul li>img {
    width: 100%;
}


/**

 * Buttons

 */

.magic-thumbs .magic-thumbs-button {
    cursor: pointer;
    z-index: 90;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    position: absolute;
    font-family: "magictoolbox-thin";
    font-style: normal;
    font-weight: 200;
    font-variant: normal;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    text-align: center;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0;
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0;
}

.magic-thumbs .magic-thumbs-button-prev:before {
    content: "\a002";
}

.magic-thumbs .magic-thumbs-button-next:before {
    content: "\a003";
}

.magic-thumbs-button:before {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    opacity: .6;
}

.magic-thumbs .magic-thumbs-button:hover:before {
    opacity: 1;
}


/* Vertical buttons */

.magic-thumbs-vertical .magic-thumbs-button {
    width: 100%;
    height: 30px;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
}

.magic-thumbs-vertical .magic-thumbs-button-prev {
    top: 0;
}

.magic-thumbs-vertical .magic-thumbs-button-next {
    bottom: 0;
}

.magic-thumbs-vertical .magic-thumbs-button-prev:before {
    content: "\a005";
}

.magic-thumbs-vertical .magic-thumbs-button-next:before {
    content: "\a004";
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important;
}

.magic-thumbs-button-disabled {
    opacity: 0.2;
    filter: alpha(opacity=20);
}


/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
    position: relative;
}

.flickity-enabled:focus {
    outline: none;
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}


/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}


/* ---- flickity-button ---- */

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
}

.flickity-button:hover {
    background: white;
    cursor: pointer;
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
    opacity: 0.6;
}

.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    /* prevent disabled button from capturing pointer up event. #716 */
    pointer-events: none;
}

.flickity-button-icon {
    fill: currentColor;
}


/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    /* vertically center */
    transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
    left: 10px;
}

.flickity-prev-next-button.next {
    right: 10px;
}


/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}


/* ---- page dots ---- */

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1;
}
.flipster__button--next {
    background: url(../images/next5.png) center no-repeat !important;
    width: 44px !important;
    height: 44px !important;
    opacity: 1 !important;
    top: 50% !important;
}

.flipster__button--prev {
    background: url(../images/next5.png) center no-repeat !important;
    transform: rotate(180deg);
    width: 44px !important;
    height: 44px !important;
    opacity: 1 !important;
    top: 50% !important;
}

.flipster__button svg {
    display: none;
}

.flipster__item__content {
    box-sizing: border-box;
    background: #fff;
}

.flipster__item .mota {
    position: absolute;
    bottom: 2px;
    width: 99%;
    text-align: center;
    background: #0069ff;
    /* display: inline-block; */
    color: #fff;
    font-size: 15px;
    font-family: OSB;
    text-transform: uppercase;
    padding: 15px 0;
    box-sizing: border-box;
}

.flipster__item--current p.img {}

.flipster__item--current .mota {
    opacity: 1;
}

.flipster__item--current p {
    position: relative;
}

.flipster__item--current p a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    right: 0;
    bottom: 0;
    height: 100%;
}


/*! jQuery.Flipster, v1.1.2 (built 2017-07-28) */

.flipster {
    display: block;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    text-align: center;
    padding: 20px 0;
}

.flipster:focus {
    outline: none
}

.flipster__container,
.flipster__item {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative
}

.flipster__container {
    display: block;
    white-space: nowrap;
    word-spacing: -0.25em;
    transform-origin: 50% 50%;
    backface-visibility: hidden
}

.flipster__item {
    display: inline-block;
    white-space: normal;
    word-spacing: normal;
    vertical-align: bottom
}

.flipster--click .flipster__item--past,
.flipster--click .flipster__item--future {
    cursor: pointer
}

.flipster__item img {
    max-width: 100%;
    border: 1px solid #c4c4c4;
}

.flipster__button {
    position: absolute;
    top: 50%;
    display: block;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    z-index: 999;
    cursor: pointer;
    font-size: 15px;
    opacity: .5;
    transition: opacity 500ms ease;
    margin: -1em 2em;
}

.flipster__button svg {
    width: 2em;
    stroke: currentColor;
    fill: transparent;
    stroke-width: 3;
    stroke-linecap: round
}

.flipster__button:hover,
.flipster__button:focus {
    opacity: 1
}

.flipster__button--prev {
    left: 0
}

.flipster__button--next {
    right: 0
}

.flipster__nav,
.flipster__nav__item {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.flipster__nav {
    display: block;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    z-index: 999;
    bottom: 0px;
}

.flipster__nav__item {
    display: inline-block;
    margin: 0 .25em
}

.flipster__nav__link {
    display: block;
    color: inherit;
    padding: .5em 1em;
    position: relative;
    overflow: hidden;
    transition: all 250ms ease-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98);
    color: var(--html-bg-website);
}

.flipster__nav__link::after {
    content: '';
    display: block;
    background: var(--html-bg-website);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translateY(100%) translateY(-0.25em);
    transition: inherit;
}

.flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__link:hover,
.flipster__nav__link:focus {
    color: #fff;
    background: var(--html-bg-website);
}

.flipster__nav__item--current>.flipster__nav__link::after,
.flipster__nav__link:hover::after,
.flipster__nav__link:focus::after {
    transform: translateY(0)
}

.flipster__nav__child {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    padding: .5em;
    background: #4e4441;
    z-index: 1
}

.flipster__nav__child .flipster__nav__link {
    color: #fff
}

.flipster__nav__child .flipster__nav__link::after {
    background: #fff
}

.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,
.flipster__nav__child .flipster__nav__link:hover,
.flipster__nav__child .flipster__nav__link:focus {
    color: #232221
}

.flipster__nav__item--current .flipster__nav__child {
    display: block
}

.flipster--carousel .flipster__container,
.flipster--carousel .flipster__item,
.flipster--carousel .flipster__item__content {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--carousel .flipster__item {
    perspective: 800px
}

.flipster--carousel .flipster__item--past,
.flipster--carousel .flipster__item--future {
    opacity: 0;
    transition-delay: 115ms
}

.flipster--carousel .flipster__item--past-2,
.flipster--carousel .flipster__item--future-2 {
    opacity: .6;
    transition-delay: 90ms
}

.flipster--carousel .flipster__item--past-1,
.flipster--carousel .flipster__item--future-1 {
    opacity: .8;
    transition-delay: 60ms
}

.flipster--carousel .flipster__item--past .flipster__item__content {
    transform: translateX(100%) rotateY(-20deg) scale(.5)
}

.flipster--carousel .flipster__item--past-2 .flipster__item__content {
    transform: translateX(25%) rotateY(40deg) scale(.65)
}

.flipster--carousel .flipster__item--past-1 .flipster__item__content {
    transform: rotateY(45deg) scale(.8)
}

.flipster--carousel .flipster__item--future .flipster__item__content {
    transform: translateX(-100%) rotateY(20deg) scale(.5)
}

.flipster--carousel .flipster__item--future-2 .flipster__item__content {
    transform: translateX(-25%) rotateY(-40deg) scale(.65)
}

.flipster--carousel .flipster__item--future-1 .flipster__item__content {
    transform: rotateY(-45deg) scale(.8)
}

.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content {
    transform: translateX(175%) scale(.5)
}

.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content {
    transform: translateX(25%) scale(.65)
}

.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content {
    transform: translateX(0) scale(.8)
}

.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content {
    transform: translateX(-175%) scale(.5)
}

.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content {
    transform: translateX(-25%) scale(.65)
}

.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content {
    transform: translateX(0) scale(.8)
}

.flipster--carousel .flipster__item--current .flipster__item__content {
    transform: translateX(0) rotateY(0deg) scale(1);
    transition-delay: 60ms
}

.flipster--coverflow .flipster__container,
.flipster--coverflow .flipster__item,
.flipster--coverflow .flipster__item__content {
    transition: all 350ms ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--coverflow .flipster__item {
    perspective: 800px
}

.flipster--coverflow .flipster__container {
    padding-bottom: 5%
}

.flipster--coverflow .flipster__item__content {
    transform-origin: 50% 100%;
    box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255, 255, 255, 0.12)), color-stop(.2, transparent));
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255, 255, 255, 0.12)), color-stop(.2, transparent))
}

.flipster--coverflow .flipster__item__content img:only-child {
    display: block
}

.flipster--coverflow .flipster__item--past .flipster__item__content {
    transform-origin: 0 50%;
    transform: scale(.75) rotateY(55deg)
}

.flipster--coverflow .flipster__item--future .flipster__item__content {
    transform-origin: 100% 50%;
    transform: scale(.75) rotateY(-55deg)
}

.flipster--coverflow .flip-current .flipster__item__content {
    transform: rotateY(0deg)
}

.flipster--flat .flipster__container,
.flipster--flat .flipster__item,
.flipster--flat .flipster__item__content {
    transition: all 400ms ease-in-out
}

.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future {
    opacity: .5
}

.flipster--flat .flipster__item--past .flipster__item__content {
    transform: scale(.75)
}

.flipster--flat .flipster__item--future .flipster__item__content {
    transform: scale(.75)
}

.flipster--wheel {
    overflow: hidden
}

.flipster--wheel .flipster__container,
.flipster--wheel .flipster__item__content {
    transition: all 400ms ease-in-out;
    transition-timing-function: cubic-bezier(.56, .12, .12, .98)
}

.flipster--wheel .flipster__container {
    padding-bottom: 20%
}

.flipster--wheel .flipster__item__content {
    transform-origin: 50% 100%
}

.flipster--wheel .flipster__item--past .flipster__item__content {
    transform-origin: 100% 100%
}

.flipster--wheel .flipster__item--future .flipster__item__content {
    transform-origin: 0 100%
}

.flipster--wheel .flipster__item__content img:only-child {
    display: block
}

.flipster--wheel .flipster__item--past .flipster__item__content {
    opacity: 0;
    transform: rotateZ(-80deg) translate(-170%, 110%)
}

.flipster--wheel .flipster__item--future .flipster__item__content {
    opacity: 0;
    transform: rotateZ(80deg) translate(170%, 110%)
}

.flipster--wheel .flipster__item--past-3 .flipster__item__content {
    opacity: 1;
    transform: rotateZ(-60deg) translate(-70%, 75%)
}

.flipster--wheel .flipster__item--future-3 .flipster__item__content {
    opacity: 1;
    transform: rotateZ(60deg) translate(70%, 75%)
}

.flipster--wheel .flipster__item--past-2 .flipster__item__content {
    opacity: 1;
    transform: rotateZ(-40deg) translate(-17%, 30%)
}

.flipster--wheel .flipster__item--future-2 .flipster__item__content {
    opacity: 1;
    transform: rotateZ(40deg) translate(17%, 30%)
}

.flipster--wheel .flipster__item--past-1 .flipster__item__content {
    opacity: 1;
    transform: rotateZ(-20deg)
}

.flipster--wheel .flipster__item--future-1 .flipster__item__content {
    opacity: 1;
    transform: rotateZ(20deg)
}

.flipster--wheel .flip-current .flipster__item__content {
    transform: rotateX(0deg)
}
@CHARSET "utf-8";



.pagination ul li.active,

.pagination ul li.inactive:hover{

    

    cursor: pointer;

}

.pagination ul li.inactive{

    cursor: pointer;

}

.pagination ul li.actived{

    color:#fff;

    background:var(--html-bg-website);

}

/*.pagination ul li.actived a{

    color:#ffbf00;

}*/

.data ul li{

    list-style: none;

    font:normal 13px verdana;

}



.pagination{display: inline-block;margin:0 auto;/* margin-top:15px; */text-align: center;/* padding: 10px 0px; */box-sizing: border-box;width: 100%;float: left;margin-top: 0px;margin-bottom:15px;}

.pagination ul{

    display: inline-block;

    border-radius: 4px;

}

.pagination ul li{

    list-style: none;

    margin-left: -1px;

    display: inline-block;

    color: #333333;

    float: left;

    cursor: pointer;

    padding: 3px 4px;

    border: 1px solid #CCC;

    margin-right: 10px;



}

.pagination ul li a{

    color: #333333;

    text-decoration:none;

    padding: 5px 5px;

    cursor: pointer;

}

.pagination ul li:hover{

    cursor: pointer;

   /* color: #333;

    background: rgba(255,255,255,1);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(73%, rgba(240,240,240,1)), color-stop(100%, rgba(235,235,235,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );*/



}

/* paging 2 */

.pagination ul li.actived{

    cursor: pointer;

   /* background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(73%, rgba(240,240,240,1)), color-stop(100%, rgba(235,235,235,1)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 73%, rgba(235,235,235,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );

    color: #333;*/

}

.pagination ul li.actived a{

    color: #fff;

    font-weight: 700;

}

.pagination ul li.active{

    cursor: pointer;

}

.pagination ul li.active:hover a{

    color: #333;

}

#container_1 .pagination ul li.active,

#container_1 .pagination ul li.inactive:hover{

    

    cursor: pointer;

}

#container_1 .pagination ul li.inactive{

    border: 1px solid #eaeaea; cursor: pointer;

}

#container_1 .pagination ul li.actived{color:#DB2E66;background-color:#0FF;}

#container_1 .data ul li{

    list-style: none;

    font:normal 13px verdana;

}



#container_1 .pagination{  width: 300px; float:right; height: 25px; margin-top:15px;}

#container_1 .pagination ul li{

    list-style: none;

    float: left; margin: 0 3px;

    border: 1px solid #fff;

    border-radius:10px;

    padding: 2px 6px 2px 6px;

    font: bold 11px arial;

    color: #fff;

}

#container_1 .pagination ul li a{

    color:#fff;

    text-decoration:none;

}

#container_1 .pagination ul li:hover{

    background-color:#0FF;

    cursor: pointer; color: #fff;

}

/* paging 2 */

#container_2{

    width:1000px;

    float:left; 

}

#container_2 .pagination ul li.active,

#container_2 .pagination ul li.inactive:hover{

    

    cursor: pointer;

}

#container_2 .pagination ul li.inactive{

    border: 1px solid #eaeaea; cursor: pointer;

}

#container_2 .pagination ul li.actived{color:#fff;background-color:#007cc3;}

#container_2 .data ul li{

    list-style: none;

    font:normal 13px verdana;

}



#container_2 .pagination{  width: 300px; float:right; height: 25px; margin-top:15px;}

#container_2 .pagination ul li{

    list-style: none;

    float: left; margin: 0 3px;

    border: 1px solid #fff;

    border-radius:10px;

    padding: 2px 6px 2px 6px;

    font: bold 11px arial;

    color: #fff;

}

#container_2 .pagination ul li a{

    color:#fff;

    text-decoration:none;

}

#container_2 .pagination ul li:hover{

    background-color:#0FF;

    cursor: pointer; color: #fff;

}



.go_button{

    background-color:#DB2E66;

    border:1px solid #fff;

    color:#cc0000;padding:2px 6px;

    cursor:pointer;position:absolute;margin-top:-1px;

}

.total{ float:right;font-family:arial;color:#999; display:none !important;}




/*~~~~! reset!~~~~~*/
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align:middle;
    font: inherit
}

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

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

a {
    background-color: transparent;
    color: #000
}

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

.h4,
h4 {
    font-size: 1.5rem;
}

b,
strong {
    font-weight: 700
}

p {
    margin-bottom: 10px
}

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

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
}

img {
    border-style: none;
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[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
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button,
[type="search"] {
    -webkit-appearance: none;
    outline-offset: -2px
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 0
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.SocialMediaShareButton:focus,
svg:focus,
rect:focus {
    outline: 0
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

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

progress {
    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-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.h-auto {
    height: auto!important
}

.o-hidden {
    overflow: hidden
}

.bg-bray {
    background-color: #f1f1f1
}

.ds-block {
    display: block
}

.border {
    border: 1px solid #ccc
}

.border-top {
    border-top: 1px solid #ccc
}

.border-bottom {
    border-bottom: 1px solid #ccc
}

.border-right {
    border-right: 1px solid #ccc
}

.border-left {
    border-left: 1px solid #ccc
}

.row {
    margin: 0px -15px;
}

.item {
    padding: 0px 15px;
}

.row5 {
    margin: 0px -5px;
}

.item5 {
    padding: 0px 5px;
}

.row10 {
    margin: 0px -10px;
}

.item5 {
    padding: 0px 5px;
}

.item10 {
    padding: 0px 10px;
}

.row20 {
    margin: 0px -20px;
}

.item20 {
    padding: 0px 20px;
}

.item30 {
    padding: 0px 30px;
}

.item90 {
    padding: 0px 90px;
}

.row70 {
    margin: 0px -70px;
}

.item70 {
    padding: 0px 70px;
}

.col-img {
    width: 100%;
}

.col-1 {
    width: calc(100% / 12 * 1);
}

.col-2 {
    width: calc(100% / 12 * 2);
}

.col-3 {
    width: calc(100% / 12 * 3);
}

.col-4 {
    width: calc(100% / 12 * 4);
}

.col-5 {
    width: calc(100% / 12 * 5);
}

.col-6 {
    width: calc(100% / 12 * 6);
}

.col-7 {
    width: calc(100% / 12 * 7);
}

.col-8 {
    width: calc(100% / 12 * 8);
}

.col-9 {
    width: calc(100% / 12 * 9);
}

.col-10 {
    width: calc(100% / 12 * 10);
}

.col-11 {
    width: calc(100% / 12 * 11);
}

.col-12 {
    width: calc(100% / 12 * 12);
}

.col--1 {
    width: calc(100% / 1);
}

.col--2 {
    width: calc(100% / 2);
}

.col--3 {
    width: calc(100% / 3);
}

.col--4 {
    width: calc(100% / 4);
}

.col--5 {
    width: calc(100% / 5);
}

.col--6 {
    width: calc(100% / 6);
}

.col--7 {
    width: calc(100% / 7);
}

.col--8 {
    width: calc(100% / 8);
}

.col--9 {
    width: calc(100% / 9);
}

.col--10 {
    width: calc(100% / 10);
}

.col--11 {
    width: calc(100% / 11);
}

.col--12 {
    width: calc(100% / 12);
}
.col-20 {
    width: 20%;
}

.pd40-0 {
    padding: 40px 0;
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.w-100 {
    width: 100%;
}

.w-100-i {
    width: 100% !important;
}

.max-width {
    max-width: 100%!important;
}

.h-100 {
    height: 100%!important;
}

.h-100px {
    height: 100px
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.f-none {
    float: none;
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.text-align-justify {
    text-align: justify
}

.text-uppercase {
    text-transform: uppercase
}

.p-relative {
    position: relative;
}

.cs-pointer {
    cursor: pointer;
}

.cl-white {
    color: #fff
}

.bg-white {
    background-color: var(--white)
}

.ml-auto,
.mx-auto {
    margin-left: auto!important;
}

.mr-auto,
.mx-auto {
    margin-right: auto!important;
}

.mg-auto {
    margin: auto!important
}

.mg0 {
    margin: 0!important
}

.mg10 {
    margin: 10px!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important;
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}

.mr80 {
    margin-right: 80px
}

.mr90 {
    margin-right: 90px
}

.mr100 {
    margin-right: 100px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml90 {
    margin-left: 90px
}

.ml100 {
    margin-left: 100px
}

.pd0 {
    padding: 0
}

.pd5 {
    padding: 5px
}

.pd10 {
    padding: 10px
}

.pd20 {
    padding: 20px
}

.pd30 {
    padding: 30px
}

.pd40 {
    padding: 40px
}

.pd50 {
    padding: 50px
}

.pd60 {
    padding: 60px
}

.pd70 {
    padding: 70px
}

.pd80 {
    padding: 80px
}

.pd90 {
    padding: 90px
}

.pd100 {
    padding: 100px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pt100 {
    padding-top: 100px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb90 {
    padding-bottom: 90px
}

.pb100 {
    padding-bottom: 100px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pl80 {
    padding-left: 80px
}

.pl90 {
    padding-left: 90px
}

.pl100 {
    padding-left: 100px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.pr70 {
    padding-right: 70px
}

.pr80 {
    padding-right: 80px
}

.pr90 {
    padding-right: 90px
}

.pr100 {
    padding-right: 100px
}
/*~~~~! fonts!~~~~~*/
@font-face {
    font-family: 'UTMHelvetIns';
    src: url('../images/UTMHelvetIns.eot');
    src: url('../images/UTMHelvetIns.eot?#iefix') format('embedded-opentype'), url('../images/UTMHelvetIns.woff') format('woff'), url('../images/UTMHelvetIns.ttf') format('truetype'), url('../images/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../images/fontawesome-webfont.eot?v=4.6.3');
    src: url('../images/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../images/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../images/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../images/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../images/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVNLobster';
    src: url('../images/SVNLobster.eot');
    src: url('../images/SVNLobster.eot?#iefix') format('embedded-opentype'), url('../images/SVNLobster.woff') format('woff'), url('../images/SVNLobster.ttf') format('truetype'), url('../images/SVNLobster.svg#SVNLobster') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../images/OpenSansBold.eot');
    src: url('../images/OpenSansBold.eot?#iefix') format('embedded-opentype'), url('../images/OpenSansBold.woff') format('woff'), url('../images/OpenSansBold.ttf') format('truetype'), url('../images/OpenSansBold.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../images/fonts/RobotoRegular.eot');
    src: url('../images/fonts/RobotoRegular.eot') format('embedded-opentype'), url('../images/fonts/RobotoRegular.woff2') format('woff2'), url('../images/fonts/RobotoRegular.woff') format('woff'), url('../images/fonts/RobotoRegular.ttf') format('truetype'), url('../images/fonts/RobotoRegular.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../images/fonts/RobotoBold.eot');
    src: url('../images/fonts/RobotoBold.eot') format('embedded-opentype'), url('../images/fonts/RobotoBold.woff2') format('woff2'), url('../images/fonts/RobotoBold.woff') format('woff'), url('../images/fonts/RobotoBold.ttf') format('truetype'), url('../images/fonts/RobotoBold.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../images/fonts/Roboto-Medium.ttf') format('truetype'), url('../images/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UVNK';
    src: url('../images/fonts/UVNKeChuyen3.TTF') format('truetype'), url('../images/fonts/UVNKeChuyen3.svg#UVNKeChuyen3') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'iCielPantonBlack';
    src: url('../images/iCielPantonBlack.eot');
    src: url('../images/iCielPantonBlack.eot') format('embedded-opentype'), url('../images/iCielPantonBlack.woff2') format('woff2'), url('../images/iCielPantonBlack.woff') format('woff'), url('../images/iCielPantonBlack.ttf') format('truetype'), url('../images/iCielPantonBlack.svg#iCielPantonBlack') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VLAgileScriptCalligraphy';
    src: url('../images/VLAgileScriptCalligraphy.eot');
    src: url('../images/VLAgileScriptCalligraphy.eot?#iefix') format('embedded-opentype'), url('../images/VLAgileScriptCalligraphy.woff2') format('woff2'), url('../images/VLAgileScriptCalligraphy.woff') format('woff'), url('../images/VLAgileScriptCalligraphy.ttf') format('truetype'), url('../images/VLAgileScriptCalligraphy.svg#VLAgileScriptCalligraphy') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*~~~~! animate!~~~~~*/
/*
 * Animate Css
 * https://daneden.me/animate
 * Version - 3.5.1
 */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/*~~~~! use.awesome!~~~~~*/
/*!
 *  Font Awesome 4.6.3 by @davegandy - https://fontawesome.io - @fontawesome
 *  License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
 @font-face {
	font-family: 'FontAwesome';
	src: url('../themes/css/fonts/fontawesome-webfont.eot?v=4.6.3');
	src: url('../themes/css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../themes/css/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../themes/css/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../themes/css/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../themes/css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  .fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  /* makes the font 33% larger relative to the icon container */
  .fa-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
  }
  .fa-2x {
	font-size: 2em;
  }
  .fa-3x {
	font-size: 3em;
  }
  .fa-4x {
	font-size: 4em;
  }
  .fa-5x {
	font-size: 5em;
  }
  .fa-fw {
	width: 1.28571429em;
	text-align: center;
  }
  .fa-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
  }
  .fa-ul > li {
	position: relative;
  }
  .fa-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: 0.14285714em;
	text-align: center;
  }
  .fa-li.fa-lg {
	left: -1.85714286em;
  }
  .fa-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eee;
	border-radius: .1em;
  }
  .fa-pull-left {
	float: left;
  }
  .fa-pull-right {
	float: right;
  }
  .fa.fa-pull-left {
	margin-right: .3em;
  }
  .fa.fa-pull-right {
	margin-left: .3em;
  }
  /* Deprecated as of 4.4.0 */
  .pull-right {
	float: right;
  }
  .pull-left {
	float: left;
  }
  .fa.pull-left {
	margin-right: .3em;
  }
  .fa.pull-right {
	margin-left: .3em;
  }
  .fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
  }
  .fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
  }
  @-webkit-keyframes fa-spin {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(359deg);
	  transform: rotate(359deg);
	}
  }
  @keyframes fa-spin {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(359deg);
	  transform: rotate(359deg);
	}
  }
  .fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
  }
  .fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
  }
  .fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
  }
  .fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
  }
  .fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
  }
  :root .fa-rotate-90,
  :root .fa-rotate-180,
  :root .fa-rotate-270,
  :root .fa-flip-horizontal,
  :root .fa-flip-vertical {
	filter: none;
  }
  .fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
  }
  .fa-stack-1x,
  .fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
  }
  .fa-stack-1x {
	line-height: inherit;
  }
  .fa-stack-2x {
	font-size: 2em;
  }
  .fa-inverse {
	color: #fff;
  }
  /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
	 readers do not read off random characters that represent icons */
  .fa-glass:before {
	content: "\f000";
  }
  .fa-music:before {
	content: "\f001";
  }
  .fa-search:before {
	content: "\f002";
  }
  .fa-envelope-o:before {
	content: "\f003";
  }
  .fa-heart:before {
	content: "\f004";
  }
  .fa-star:before {
	content: "\f005";
  }
  .fa-star-o:before {
	content: "\f006";
  }
  .fa-user:before {
	content: "\f007";
  }
  .fa-film:before {
	content: "\f008";
  }
  .fa-th-large:before {
	content: "\f009";
  }
  .fa-th:before {
	content: "\f00a";
  }
  .fa-th-list:before {
	content: "\f00b";
  }
  .fa-check:before {
	content: "\f00c";
  }
  .fa-remove:before,
  .fa-close:before,
  .fa-times:before {
	content: "\f00d";
  }
  .fa-search-plus:before {
	content: "\f00e";
  }
  .fa-search-minus:before {
	content: "\f010";
  }
  .fa-power-off:before {
	content: "\f011";
  }
  .fa-signal:before {
	content: "\f012";
  }
  .fa-gear:before,
  .fa-cog:before {
	content: "\f013";
  }
  .fa-trash-o:before {
	content: "\f014";
  }
  .fa-home:before {
	content: "\f015";
  }
  .fa-file-o:before {
	content: "\f016";
  }
  .fa-clock-o:before {
	content: "\f017";
  }
  .fa-road:before {
	content: "\f018";
  }
  .fa-download:before {
	content: "\f019";
  }
  .fa-arrow-circle-o-down:before {
	content: "\f01a";
  }
  .fa-arrow-circle-o-up:before {
	content: "\f01b";
  }
  .fa-inbox:before {
	content: "\f01c";
  }
  .fa-play-circle-o:before {
	content: "\f01d";
  }
  .fa-rotate-right:before,
  .fa-repeat:before {
	content: "\f01e";
  }
  .fa-refresh:before {
	content: "\f021";
  }
  .fa-list-alt:before {
	content: "\f022";
  }
  .fa-lock:before {
	content: "\f023";
  }
  .fa-flag:before {
	content: "\f024";
  }
  .fa-headphones:before {
	content: "\f025";
  }
  .fa-volume-off:before {
	content: "\f026";
  }
  .fa-volume-down:before {
	content: "\f027";
  }
  .fa-volume-up:before {
	content: "\f028";
  }
  .fa-qrcode:before {
	content: "\f029";
  }
  .fa-barcode:before {
	content: "\f02a";
  }
  .fa-tag:before {
	content: "\f02b";
  }
  .fa-tags:before {
	content: "\f02c";
  }
  .fa-book:before {
	content: "\f02d";
  }
  .fa-bookmark:before {
	content: "\f02e";
  }
  .fa-print:before {
	content: "\f02f";
  }
  .fa-camera:before {
	content: "\f030";
  }
  .fa-font:before {
	content: "\f031";
  }
  .fa-bold:before {
	content: "\f032";
  }
  .fa-italic:before {
	content: "\f033";
  }
  .fa-text-height:before {
	content: "\f034";
  }
  .fa-text-width:before {
	content: "\f035";
  }
  .fa-align-left:before {
	content: "\f036";
  }
  .fa-align-center:before {
	content: "\f037";
  }
  .fa-align-right:before {
	content: "\f038";
  }
  .fa-align-justify:before {
	content: "\f039";
  }
  .fa-list:before {
	content: "\f03a";
  }
  .fa-dedent:before,
  .fa-outdent:before {
	content: "\f03b";
  }
  .fa-indent:before {
	content: "\f03c";
  }
  .fa-video-camera:before {
	content: "\f03d";
  }
  .fa-photo:before,
  .fa-image:before,
  .fa-picture-o:before {
	content: "\f03e";
  }
  .fa-pencil:before {
	content: "\f040";
  }
  .fa-map-marker:before {
	content: "\f041";
  }
  .fa-adjust:before {
	content: "\f042";
  }
  .fa-tint:before {
	content: "\f043";
  }
  .fa-edit:before,
  .fa-pencil-square-o:before {
	content: "\f044";
  }
  .fa-share-square-o:before {
	content: "\f045";
  }
  .fa-check-square-o:before {
	content: "\f046";
  }
  .fa-arrows:before {
	content: "\f047";
  }
  .fa-step-backward:before {
	content: "\f048";
  }
  .fa-fast-backward:before {
	content: "\f049";
  }
  .fa-backward:before {
	content: "\f04a";
  }
  .fa-play:before {
	content: "\f04b";
  }
  .fa-pause:before {
	content: "\f04c";
  }
  .fa-stop:before {
	content: "\f04d";
  }
  .fa-forward:before {
	content: "\f04e";
  }
  .fa-fast-forward:before {
	content: "\f050";
  }
  .fa-step-forward:before {
	content: "\f051";
  }
  .fa-eject:before {
	content: "\f052";
  }
  .fa-chevron-left:before {
	content: "\f053";
  }
  .fa-chevron-right:before {
	content: "\f054";
  }
  .fa-plus-circle:before {
	content: "\f055";
  }
  .fa-minus-circle:before {
	content: "\f056";
  }
  .fa-times-circle:before {
	content: "\f057";
  }
  .fa-check-circle:before {
	content: "\f058";
  }
  .fa-question-circle:before {
	content: "\f059";
  }
  .fa-info-circle:before {
	content: "\f05a";
  }
  .fa-crosshairs:before {
	content: "\f05b";
  }
  .fa-times-circle-o:before {
	content: "\f05c";
  }
  .fa-check-circle-o:before {
	content: "\f05d";
  }
  .fa-ban:before {
	content: "\f05e";
  }
  .fa-arrow-left:before {
	content: "\f060";
  }
  .fa-arrow-right:before {
	content: "\f061";
  }
  .fa-arrow-up:before {
	content: "\f062";
  }
  .fa-arrow-down:before {
	content: "\f063";
  }
  .fa-mail-forward:before,
  .fa-share:before {
	content: "\f064";
  }
  .fa-expand:before {
	content: "\f065";
  }
  .fa-compress:before {
	content: "\f066";
  }
  .fa-plus:before {
	content: "\f067";
  }
  .fa-minus:before {
	content: "\f068";
  }
  .fa-asterisk:before {
	content: "\f069";
  }
  .fa-exclamation-circle:before {
	content: "\f06a";
  }
  .fa-gift:before {
	content: "\f06b";
  }
  .fa-leaf:before {
	content: "\f06c";
  }
  .fa-fire:before {
	content: "\f06d";
  }
  .fa-eye:before {
	content: "\f06e";
  }
  .fa-eye-slash:before {
	content: "\f070";
  }
  .fa-warning:before,
  .fa-exclamation-triangle:before {
	content: "\f071";
  }
  .fa-plane:before {
	content: "\f072";
  }
  .fa-calendar:before {
	content: "\f073";
  }
  .fa-random:before {
	content: "\f074";
  }
  .fa-comment:before {
	content: "\f075";
  }
  .fa-magnet:before {
	content: "\f076";
  }
  .fa-chevron-up:before {
	content: "\f077";
  }
  .fa-chevron-down:before {
	content: "\f078";
  }
  .fa-retweet:before {
	content: "\f079";
  }
  .fa-shopping-cart:before {
	content: "\f07a";
  }
  .fa-folder:before {
	content: "\f07b";
  }
  .fa-folder-open:before {
	content: "\f07c";
  }
  .fa-arrows-v:before {
	content: "\f07d";
  }
  .fa-arrows-h:before {
	content: "\f07e";
  }
  .fa-bar-chart-o:before,
  .fa-bar-chart:before {
	content: "\f080";
  }
  .fa-twitter-square:before {
	content: "\f081";
  }
  .fa-facebook-square:before {
	content: "\f082";
  }
  .fa-camera-retro:before {
	content: "\f083";
  }
  .fa-key:before {
	content: "\f084";
  }
  .fa-gears:before,
  .fa-cogs:before {
	content: "\f085";
  }
  .fa-comments:before {
	content: "\f086";
  }
  .fa-thumbs-o-up:before {
	content: "\f087";
  }
  .fa-thumbs-o-down:before {
	content: "\f088";
  }
  .fa-star-half:before {
	content: "\f089";
  }
  .fa-heart-o:before {
	content: "\f08a";
  }
  .fa-sign-out:before {
	content: "\f08b";
  }
  .fa-linkedin-square:before {
	content: "\f08c";
  }
  .fa-thumb-tack:before {
	content: "\f08d";
  }
  .fa-external-link:before {
	content: "\f08e";
  }
  .fa-sign-in:before {
	content: "\f090";
  }
  .fa-trophy:before {
	content: "\f091";
  }
  .fa-github-square:before {
	content: "\f092";
  }
  .fa-upload:before {
	content: "\f093";
  }
  .fa-lemon-o:before {
	content: "\f094";
  }
  .fa-phone:before {
	content: "\f095";
  }
  .fa-square-o:before {
	content: "\f096";
  }
  .fa-bookmark-o:before {
	content: "\f097";
  }
  .fa-phone-square:before {
	content: "\f098";
  }
  .fa-twitter:before {
	content: "\f099";
  }
  .fa-facebook-f:before,
  .fa-facebook:before {
	content: "\f09a";
  }
  .fa-github:before {
	content: "\f09b";
  }
  .fa-unlock:before {
	content: "\f09c";
  }
  .fa-credit-card:before {
	content: "\f09d";
  }
  .fa-feed:before,
  .fa-rss:before {
	content: "\f09e";
  }
  .fa-hdd-o:before {
	content: "\f0a0";
  }
  .fa-bullhorn:before {
	content: "\f0a1";
  }
  .fa-bell:before {
	content: "\f0f3";
  }
  .fa-certificate:before {
	content: "\f0a3";
  }
  .fa-hand-o-right:before {
	content: "\f0a4";
  }
  .fa-hand-o-left:before {
	content: "\f0a5";
  }
  .fa-hand-o-up:before {
	content: "\f0a6";
  }
  .fa-hand-o-down:before {
	content: "\f0a7";
  }
  .fa-arrow-circle-left:before {
	content: "\f0a8";
  }
  .fa-arrow-circle-right:before {
	content: "\f0a9";
  }
  .fa-arrow-circle-up:before {
	content: "\f0aa";
  }
  .fa-arrow-circle-down:before {
	content: "\f0ab";
  }
  .fa-globe:before {
	content: "\f0ac";
  }
  .fa-wrench:before {
	content: "\f0ad";
  }
  .fa-tasks:before {
	content: "\f0ae";
  }
  .fa-filter:before {
	content: "\f0b0";
  }
  .fa-briefcase:before {
	content: "\f0b1";
  }
  .fa-arrows-alt:before {
	content: "\f0b2";
  }
  .fa-group:before,
  .fa-users:before {
	content: "\f0c0";
  }
  .fa-chain:before,
  .fa-link:before {
	content: "\f0c1";
  }
  .fa-cloud:before {
	content: "\f0c2";
  }
  .fa-flask:before {
	content: "\f0c3";
  }
  .fa-cut:before,
  .fa-scissors:before {
	content: "\f0c4";
  }
  .fa-copy:before,
  .fa-files-o:before {
	content: "\f0c5";
  }
  .fa-paperclip:before {
	content: "\f0c6";
  }
  .fa-save:before,
  .fa-floppy-o:before {
	content: "\f0c7";
  }
  .fa-square:before {
	content: "\f0c8";
  }
  .fa-navicon:before,
  .fa-reorder:before,
  .fa-bars:before {
	content: "\f0c9";
  }
  .fa-list-ul:before {
	content: "\f0ca";
  }
  .fa-list-ol:before {
	content: "\f0cb";
  }
  .fa-strikethrough:before {
	content: "\f0cc";
  }
  .fa-underline:before {
	content: "\f0cd";
  }
  .fa-table:before {
	content: "\f0ce";
  }
  .fa-magic:before {
	content: "\f0d0";
  }
  .fa-truck:before {
	content: "\f0d1";
  }
  .fa-pinterest:before {
	content: "\f0d2";
  }
  .fa-pinterest-square:before {
	content: "\f0d3";
  }
  .fa-google-plus-square:before {
	content: "\f0d4";
  }
  .fa-google-plus:before {
	content: "\f0d5";
  }
  .fa-money:before {
	content: "\f0d6";
  }
  .fa-caret-down:before {
	content: "\f0d7";
  }
  .fa-caret-up:before {
	content: "\f0d8";
  }
  .fa-caret-left:before {
	content: "\f0d9";
  }
  .fa-caret-right:before {
	content: "\f0da";
  }
  .fa-columns:before {
	content: "\f0db";
  }
  .fa-unsorted:before,
  .fa-sort:before {
	content: "\f0dc";
  }
  .fa-sort-down:before,
  .fa-sort-desc:before {
	content: "\f0dd";
  }
  .fa-sort-up:before,
  .fa-sort-asc:before {
	content: "\f0de";
  }
  .fa-envelope:before {
	content: "\f0e0";
  }
  .fa-linkedin:before {
	content: "\f0e1";
  }
  .fa-rotate-left:before,
  .fa-undo:before {
	content: "\f0e2";
  }
  .fa-legal:before,
  .fa-gavel:before {
	content: "\f0e3";
  }
  .fa-dashboard:before,
  .fa-tachometer:before {
	content: "\f0e4";
  }
  .fa-comment-o:before {
	content: "\f0e5";
  }
  .fa-comments-o:before {
	content: "\f0e6";
  }
  .fa-flash:before,
  .fa-bolt:before {
	content: "\f0e7";
  }
  .fa-sitemap:before {
	content: "\f0e8";
  }
  .fa-umbrella:before {
	content: "\f0e9";
  }
  .fa-paste:before,
  .fa-clipboard:before {
	content: "\f0ea";
  }
  .fa-lightbulb-o:before {
	content: "\f0eb";
  }
  .fa-exchange:before {
	content: "\f0ec";
  }
  .fa-cloud-download:before {
	content: "\f0ed";
  }
  .fa-cloud-upload:before {
	content: "\f0ee";
  }
  .fa-user-md:before {
	content: "\f0f0";
  }
  .fa-stethoscope:before {
	content: "\f0f1";
  }
  .fa-suitcase:before {
	content: "\f0f2";
  }
  .fa-bell-o:before {
	content: "\f0a2";
  }
  .fa-coffee:before {
	content: "\f0f4";
  }
  .fa-cutlery:before {
	content: "\f0f5";
  }
  .fa-file-text-o:before {
	content: "\f0f6";
  }
  .fa-building-o:before {
	content: "\f0f7";
  }
  .fa-hospital-o:before {
	content: "\f0f8";
  }
  .fa-ambulance:before {
	content: "\f0f9";
  }
  .fa-medkit:before {
	content: "\f0fa";
  }
  .fa-fighter-jet:before {
	content: "\f0fb";
  }
  .fa-beer:before {
	content: "\f0fc";
  }
  .fa-h-square:before {
	content: "\f0fd";
  }
  .fa-plus-square:before {
	content: "\f0fe";
  }
  .fa-angle-double-left:before {
	content: "\f100";
  }
  .fa-angle-double-right:before {
	content: "\f101";
  }
  .fa-angle-double-up:before {
	content: "\f102";
  }
  .fa-angle-double-down:before {
	content: "\f103";
  }
  .fa-angle-left:before {
	content: "\f104";
  }
  .fa-angle-right:before {
	content: "\f105";
  }
  .fa-angle-up:before {
	content: "\f106";
  }
  .fa-angle-down:before {
	content: "\f107";
  }
  .fa-desktop:before {
	content: "\f108";
  }
  .fa-laptop:before {
	content: "\f109";
  }
  .fa-tablet:before {
	content: "\f10a";
  }
  .fa-mobile-phone:before,
  .fa-mobile:before {
	content: "\f10b";
  }
  .fa-circle-o:before {
	content: "\f10c";
  }
  .fa-quote-left:before {
	content: "\f10d";
  }
  .fa-quote-right:before {
	content: "\f10e";
  }
  .fa-spinner:before {
	content: "\f110";
  }
  .fa-circle:before {
	content: "\f111";
  }
  .fa-mail-reply:before,
  .fa-reply:before {
	content: "\f112";
  }
  .fa-github-alt:before {
	content: "\f113";
  }
  .fa-folder-o:before {
	content: "\f114";
  }
  .fa-folder-open-o:before {
	content: "\f115";
  }
  .fa-smile-o:before {
	content: "\f118";
  }
  .fa-frown-o:before {
	content: "\f119";
  }
  .fa-meh-o:before {
	content: "\f11a";
  }
  .fa-gamepad:before {
	content: "\f11b";
  }
  .fa-keyboard-o:before {
	content: "\f11c";
  }
  .fa-flag-o:before {
	content: "\f11d";
  }
  .fa-flag-checkered:before {
	content: "\f11e";
  }
  .fa-terminal:before {
	content: "\f120";
  }
  .fa-code:before {
	content: "\f121";
  }
  .fa-mail-reply-all:before,
  .fa-reply-all:before {
	content: "\f122";
  }
  .fa-star-half-empty:before,
  .fa-star-half-full:before,
  .fa-star-half-o:before {
	content: "\f123";
  }
  .fa-location-arrow:before {
	content: "\f124";
  }
  .fa-crop:before {
	content: "\f125";
  }
  .fa-code-fork:before {
	content: "\f126";
  }
  .fa-unlink:before,
  .fa-chain-broken:before {
	content: "\f127";
  }
  .fa-question:before {
	content: "\f128";
  }
  .fa-info:before {
	content: "\f129";
  }
  .fa-exclamation:before {
	content: "\f12a";
  }
  .fa-superscript:before {
	content: "\f12b";
  }
  .fa-subscript:before {
	content: "\f12c";
  }
  .fa-eraser:before {
	content: "\f12d";
  }
  .fa-puzzle-piece:before {
	content: "\f12e";
  }
  .fa-microphone:before {
	content: "\f130";
  }
  .fa-microphone-slash:before {
	content: "\f131";
  }
  .fa-shield:before {
	content: "\f132";
  }
  .fa-calendar-o:before {
	content: "\f133";
  }
  .fa-fire-extinguisher:before {
	content: "\f134";
  }
  .fa-rocket:before {
	content: "\f135";
  }
  .fa-maxcdn:before {
	content: "\f136";
  }
  .fa-chevron-circle-left:before {
	content: "\f137";
  }
  .fa-chevron-circle-right:before {
	content: "\f138";
  }
  .fa-chevron-circle-up:before {
	content: "\f139";
  }
  .fa-chevron-circle-down:before {
	content: "\f13a";
  }
  .fa-html5:before {
	content: "\f13b";
  }
  .fa-css3:before {
	content: "\f13c";
  }
  .fa-anchor:before {
	content: "\f13d";
  }
  .fa-unlock-alt:before {
	content: "\f13e";
  }
  .fa-bullseye:before {
	content: "\f140";
  }
  .fa-ellipsis-h:before {
	content: "\f141";
  }
  .fa-ellipsis-v:before {
	content: "\f142";
  }
  .fa-rss-square:before {
	content: "\f143";
  }
  .fa-play-circle:before {
	content: "\f144";
  }
  .fa-ticket:before {
	content: "\f145";
  }
  .fa-minus-square:before {
	content: "\f146";
  }
  .fa-minus-square-o:before {
	content: "\f147";
  }
  .fa-level-up:before {
	content: "\f148";
  }
  .fa-level-down:before {
	content: "\f149";
  }
  .fa-check-square:before {
	content: "\f14a";
  }
  .fa-pencil-square:before {
	content: "\f14b";
  }
  .fa-external-link-square:before {
	content: "\f14c";
  }
  .fa-share-square:before {
	content: "\f14d";
  }
  .fa-compass:before {
	content: "\f14e";
  }
  .fa-toggle-down:before,
  .fa-caret-square-o-down:before {
	content: "\f150";
  }
  .fa-toggle-up:before,
  .fa-caret-square-o-up:before {
	content: "\f151";
  }
  .fa-toggle-right:before,
  .fa-caret-square-o-right:before {
	content: "\f152";
  }
  .fa-euro:before,
  .fa-eur:before {
	content: "\f153";
  }
  .fa-gbp:before {
	content: "\f154";
  }
  .fa-dollar:before,
  .fa-usd:before {
	content: "\f155";
  }
  .fa-rupee:before,
  .fa-inr:before {
	content: "\f156";
  }
  .fa-cny:before,
  .fa-rmb:before,
  .fa-yen:before,
  .fa-jpy:before {
	content: "\f157";
  }
  .fa-ruble:before,
  .fa-rouble:before,
  .fa-rub:before {
	content: "\f158";
  }
  .fa-won:before,
  .fa-krw:before {
	content: "\f159";
  }
  .fa-bitcoin:before,
  .fa-btc:before {
	content: "\f15a";
  }
  .fa-file:before {
	content: "\f15b";
  }
  .fa-file-text:before {
	content: "\f15c";
  }
  .fa-sort-alpha-asc:before {
	content: "\f15d";
  }
  .fa-sort-alpha-desc:before {
	content: "\f15e";
  }
  .fa-sort-amount-asc:before {
	content: "\f160";
  }
  .fa-sort-amount-desc:before {
	content: "\f161";
  }
  .fa-sort-numeric-asc:before {
	content: "\f162";
  }
  .fa-sort-numeric-desc:before {
	content: "\f163";
  }
  .fa-thumbs-up:before {
	content: "\f164";
  }
  .fa-thumbs-down:before {
	content: "\f165";
  }
  .fa-youtube-square:before {
	content: "\f166";
  }
  .fa-youtube:before {
	content: "\f167";
  }
  .fa-xing:before {
	content: "\f168";
  }
  .fa-xing-square:before {
	content: "\f169";
  }
  .fa-youtube-play:before {
	content: "\f16a";
  }
  .fa-dropbox:before {
	content: "\f16b";
  }
  .fa-stack-overflow:before {
	content: "\f16c";
  }
  .fa-instagram:before {
	content: "\f16d";
  }
  .fa-flickr:before {
	content: "\f16e";
  }
  .fa-adn:before {
	content: "\f170";
  }
  .fa-bitbucket:before {
	content: "\f171";
  }
  .fa-bitbucket-square:before {
	content: "\f172";
  }
  .fa-tumblr:before {
	content: "\f173";
  }
  .fa-tumblr-square:before {
	content: "\f174";
  }
  .fa-long-arrow-down:before {
	content: "\f175";
  }
  .fa-long-arrow-up:before {
	content: "\f176";
  }
  .fa-long-arrow-left:before {
	content: "\f177";
  }
  .fa-long-arrow-right:before {
	content: "\f178";
  }
  .fa-apple:before {
	content: "\f179";
  }
  .fa-windows:before {
	content: "\f17a";
  }
  .fa-android:before {
	content: "\f17b";
  }
  .fa-linux:before {
	content: "\f17c";
  }
  .fa-dribbble:before {
	content: "\f17d";
  }
  .fa-skype:before {
	content: "\f17e";
  }
  .fa-foursquare:before {
	content: "\f180";
  }
  .fa-trello:before {
	content: "\f181";
  }
  .fa-female:before {
	content: "\f182";
  }
  .fa-male:before {
	content: "\f183";
  }
  .fa-gittip:before,
  .fa-gratipay:before {
	content: "\f184";
  }
  .fa-sun-o:before {
	content: "\f185";
  }
  .fa-moon-o:before {
	content: "\f186";
  }
  .fa-archive:before {
	content: "\f187";
  }
  .fa-bug:before {
	content: "\f188";
  }
  .fa-vk:before {
	content: "\f189";
  }
  .fa-weibo:before {
	content: "\f18a";
  }
  .fa-renren:before {
	content: "\f18b";
  }
  .fa-pagelines:before {
	content: "\f18c";
  }
  .fa-stack-exchange:before {
	content: "\f18d";
  }
  .fa-arrow-circle-o-right:before {
	content: "\f18e";
  }
  .fa-arrow-circle-o-left:before {
	content: "\f190";
  }
  .fa-toggle-left:before,
  .fa-caret-square-o-left:before {
	content: "\f191";
  }
  .fa-dot-circle-o:before {
	content: "\f192";
  }
  .fa-wheelchair:before {
	content: "\f193";
  }
  .fa-vimeo-square:before {
	content: "\f194";
  }
  .fa-turkish-lira:before,
  .fa-try:before {
	content: "\f195";
  }
  .fa-plus-square-o:before {
	content: "\f196";
  }
  .fa-space-shuttle:before {
	content: "\f197";
  }
  .fa-slack:before {
	content: "\f198";
  }
  .fa-envelope-square:before {
	content: "\f199";
  }
  .fa-wordpress:before {
	content: "\f19a";
  }
  .fa-openid:before {
	content: "\f19b";
  }
  .fa-institution:before,
  .fa-bank:before,
  .fa-university:before {
	content: "\f19c";
  }
  .fa-mortar-board:before,
  .fa-graduation-cap:before {
	content: "\f19d";
  }
  .fa-yahoo:before {
	content: "\f19e";
  }
  .fa-google:before {
	content: "\f1a0";
  }
  .fa-reddit:before {
	content: "\f1a1";
  }
  .fa-reddit-square:before {
	content: "\f1a2";
  }
  .fa-stumbleupon-circle:before {
	content: "\f1a3";
  }
  .fa-stumbleupon:before {
	content: "\f1a4";
  }
  .fa-delicious:before {
	content: "\f1a5";
  }
  .fa-digg:before {
	content: "\f1a6";
  }
  .fa-pied-piper-pp:before {
	content: "\f1a7";
  }
  .fa-pied-piper-alt:before {
	content: "\f1a8";
  }
  .fa-drupal:before {
	content: "\f1a9";
  }
  .fa-joomla:before {
	content: "\f1aa";
  }
  .fa-language:before {
	content: "\f1ab";
  }
  .fa-fax:before {
	content: "\f1ac";
  }
  .fa-building:before {
	content: "\f1ad";
  }
  .fa-child:before {
	content: "\f1ae";
  }
  .fa-paw:before {
	content: "\f1b0";
  }
  .fa-spoon:before {
	content: "\f1b1";
  }
  .fa-cube:before {
	content: "\f1b2";
  }
  .fa-cubes:before {
	content: "\f1b3";
  }
  .fa-behance:before {
	content: "\f1b4";
  }
  .fa-behance-square:before {
	content: "\f1b5";
  }
  .fa-steam:before {
	content: "\f1b6";
  }
  .fa-steam-square:before {
	content: "\f1b7";
  }
  .fa-recycle:before {
	content: "\f1b8";
  }
  .fa-automobile:before,
  .fa-car:before {
	content: "\f1b9";
  }
  .fa-cab:before,
  .fa-taxi:before {
	content: "\f1ba";
  }
  .fa-tree:before {
	content: "\f1bb";
  }
  .fa-spotify:before {
	content: "\f1bc";
  }
  .fa-deviantart:before {
	content: "\f1bd";
  }
  .fa-soundcloud:before {
	content: "\f1be";
  }
  .fa-database:before {
	content: "\f1c0";
  }
  .fa-file-pdf-o:before {
	content: "\f1c1";
  }
  .fa-file-word-o:before {
	content: "\f1c2";
  }
  .fa-file-excel-o:before {
	content: "\f1c3";
  }
  .fa-file-powerpoint-o:before {
	content: "\f1c4";
  }
  .fa-file-photo-o:before,
  .fa-file-picture-o:before,
  .fa-file-image-o:before {
	content: "\f1c5";
  }
  .fa-file-zip-o:before,
  .fa-file-archive-o:before {
	content: "\f1c6";
  }
  .fa-file-sound-o:before,
  .fa-file-audio-o:before {
	content: "\f1c7";
  }
  .fa-file-movie-o:before,
  .fa-file-video-o:before {
	content: "\f1c8";
  }
  .fa-file-code-o:before {
	content: "\f1c9";
  }
  .fa-vine:before {
	content: "\f1ca";
  }
  .fa-codepen:before {
	content: "\f1cb";
  }
  .fa-jsfiddle:before {
	content: "\f1cc";
  }
  .fa-life-bouy:before,
  .fa-life-buoy:before,
  .fa-life-saver:before,
  .fa-support:before,
  .fa-life-ring:before {
	content: "\f1cd";
  }
  .fa-circle-o-notch:before {
	content: "\f1ce";
  }
  .fa-ra:before,
  .fa-resistance:before,
  .fa-rebel:before {
	content: "\f1d0";
  }
  .fa-ge:before,
  .fa-empire:before {
	content: "\f1d1";
  }
  .fa-git-square:before {
	content: "\f1d2";
  }
  .fa-git:before {
	content: "\f1d3";
  }
  .fa-y-combinator-square:before,
  .fa-yc-square:before,
  .fa-hacker-news:before {
	content: "\f1d4";
  }
  .fa-tencent-weibo:before {
	content: "\f1d5";
  }
  .fa-qq:before {
	content: "\f1d6";
  }
  .fa-wechat:before,
  .fa-weixin:before {
	content: "\f1d7";
  }
  .fa-send:before,
  .fa-paper-plane:before {
	content: "\f1d8";
  }
  .fa-send-o:before,
  .fa-paper-plane-o:before {
	content: "\f1d9";
  }
  .fa-history:before {
	content: "\f1da";
  }
  .fa-circle-thin:before {
	content: "\f1db";
  }
  .fa-header:before {
	content: "\f1dc";
  }
  .fa-paragraph:before {
	content: "\f1dd";
  }
  .fa-sliders:before {
	content: "\f1de";
  }
  .fa-share-alt:before {
	content: "\f1e0";
  }
  .fa-share-alt-square:before {
	content: "\f1e1";
  }
  .fa-bomb:before {
	content: "\f1e2";
  }
  .fa-soccer-ball-o:before,
  .fa-futbol-o:before {
	content: "\f1e3";
  }
  .fa-tty:before {
	content: "\f1e4";
  }
  .fa-binoculars:before {
	content: "\f1e5";
  }
  .fa-plug:before {
	content: "\f1e6";
  }
  .fa-slideshare:before {
	content: "\f1e7";
  }
  .fa-twitch:before {
	content: "\f1e8";
  }
  .fa-yelp:before {
	content: "\f1e9";
  }
  .fa-newspaper-o:before {
	content: "\f1ea";
  }
  .fa-wifi:before {
	content: "\f1eb";
  }
  .fa-calculator:before {
	content: "\f1ec";
  }
  .fa-paypal:before {
	content: "\f1ed";
  }
  .fa-google-wallet:before {
	content: "\f1ee";
  }
  .fa-cc-visa:before {
	content: "\f1f0";
  }
  .fa-cc-mastercard:before {
	content: "\f1f1";
  }
  .fa-cc-discover:before {
	content: "\f1f2";
  }
  .fa-cc-amex:before {
	content: "\f1f3";
  }
  .fa-cc-paypal:before {
	content: "\f1f4";
  }
  .fa-cc-stripe:before {
	content: "\f1f5";
  }
  .fa-bell-slash:before {
	content: "\f1f6";
  }
  .fa-bell-slash-o:before {
	content: "\f1f7";
  }
  .fa-trash:before {
	content: "\f1f8";
  }
  .fa-copyright:before {
	content: "\f1f9";
  }
  .fa-at:before {
	content: "\f1fa";
  }
  .fa-eyedropper:before {
	content: "\f1fb";
  }
  .fa-paint-brush:before {
	content: "\f1fc";
  }
  .fa-birthday-cake:before {
	content: "\f1fd";
  }
  .fa-area-chart:before {
	content: "\f1fe";
  }
  .fa-pie-chart:before {
	content: "\f200";
  }
  .fa-line-chart:before {
	content: "\f201";
  }
  .fa-lastfm:before {
	content: "\f202";
  }
  .fa-lastfm-square:before {
	content: "\f203";
  }
  .fa-toggle-off:before {
	content: "\f204";
  }
  .fa-toggle-on:before {
	content: "\f205";
  }
  .fa-bicycle:before {
	content: "\f206";
  }
  .fa-bus:before {
	content: "\f207";
  }
  .fa-ioxhost:before {
	content: "\f208";
  }
  .fa-angellist:before {
	content: "\f209";
  }
  .fa-cc:before {
	content: "\f20a";
  }
  .fa-shekel:before,
  .fa-sheqel:before,
  .fa-ils:before {
	content: "\f20b";
  }
  .fa-meanpath:before {
	content: "\f20c";
  }
  .fa-buysellads:before {
	content: "\f20d";
  }
  .fa-connectdevelop:before {
	content: "\f20e";
  }
  .fa-dashcube:before {
	content: "\f210";
  }
  .fa-forumbee:before {
	content: "\f211";
  }
  .fa-leanpub:before {
	content: "\f212";
  }
  .fa-sellsy:before {
	content: "\f213";
  }
  .fa-shirtsinbulk:before {
	content: "\f214";
  }
  .fa-simplybuilt:before {
	content: "\f215";
  }
  .fa-skyatlas:before {
	content: "\f216";
  }
  .fa-cart-plus:before {
	content: "\f217";
  }
  .fa-cart-arrow-down:before {
	content: "\f218";
  }
  .fa-diamond:before {
	content: "\f219";
  }
  .fa-ship:before {
	content: "\f21a";
  }
  .fa-user-secret:before {
	content: "\f21b";
  }
  .fa-motorcycle:before {
	content: "\f21c";
  }
  .fa-street-view:before {
	content: "\f21d";
  }
  .fa-heartbeat:before {
	content: "\f21e";
  }
  .fa-venus:before {
	content: "\f221";
  }
  .fa-mars:before {
	content: "\f222";
  }
  .fa-mercury:before {
	content: "\f223";
  }
  .fa-intersex:before,
  .fa-transgender:before {
	content: "\f224";
  }
  .fa-transgender-alt:before {
	content: "\f225";
  }
  .fa-venus-double:before {
	content: "\f226";
  }
  .fa-mars-double:before {
	content: "\f227";
  }
  .fa-venus-mars:before {
	content: "\f228";
  }
  .fa-mars-stroke:before {
	content: "\f229";
  }
  .fa-mars-stroke-v:before {
	content: "\f22a";
  }
  .fa-mars-stroke-h:before {
	content: "\f22b";
  }
  .fa-neuter:before {
	content: "\f22c";
  }
  .fa-genderless:before {
	content: "\f22d";
  }
  .fa-facebook-official:before {
	content: "\f230";
  }
  .fa-pinterest-p:before {
	content: "\f231";
  }
  .fa-whatsapp:before {
	content: "\f232";
  }
  .fa-server:before {
	content: "\f233";
  }
  .fa-user-plus:before {
	content: "\f234";
  }
  .fa-user-times:before {
	content: "\f235";
  }
  .fa-hotel:before,
  .fa-bed:before {
	content: "\f236";
  }
  .fa-viacoin:before {
	content: "\f237";
  }
  .fa-train:before {
	content: "\f238";
  }
  .fa-subway:before {
	content: "\f239";
  }
  .fa-medium:before {
	content: "\f23a";
  }
  .fa-yc:before,
  .fa-y-combinator:before {
	content: "\f23b";
  }
  .fa-optin-monster:before {
	content: "\f23c";
  }
  .fa-opencart:before {
	content: "\f23d";
  }
  .fa-expeditedssl:before {
	content: "\f23e";
  }
  .fa-battery-4:before,
  .fa-battery-full:before {
	content: "\f240";
  }
  .fa-battery-3:before,
  .fa-battery-three-quarters:before {
	content: "\f241";
  }
  .fa-battery-2:before,
  .fa-battery-half:before {
	content: "\f242";
  }
  .fa-battery-1:before,
  .fa-battery-quarter:before {
	content: "\f243";
  }
  .fa-battery-0:before,
  .fa-battery-empty:before {
	content: "\f244";
  }
  .fa-mouse-pointer:before {
	content: "\f245";
  }
  .fa-i-cursor:before {
	content: "\f246";
  }
  .fa-object-group:before {
	content: "\f247";
  }
  .fa-object-ungroup:before {
	content: "\f248";
  }
  .fa-sticky-note:before {
	content: "\f249";
  }
  .fa-sticky-note-o:before {
	content: "\f24a";
  }
  .fa-cc-jcb:before {
	content: "\f24b";
  }
  .fa-cc-diners-club:before {
	content: "\f24c";
  }
  .fa-clone:before {
	content: "\f24d";
  }
  .fa-balance-scale:before {
	content: "\f24e";
  }
  .fa-hourglass-o:before {
	content: "\f250";
  }
  .fa-hourglass-1:before,
  .fa-hourglass-start:before {
	content: "\f251";
  }
  .fa-hourglass-2:before,
  .fa-hourglass-half:before {
	content: "\f252";
  }
  .fa-hourglass-3:before,
  .fa-hourglass-end:before {
	content: "\f253";
  }
  .fa-hourglass:before {
	content: "\f254";
  }
  .fa-hand-grab-o:before,
  .fa-hand-rock-o:before {
	content: "\f255";
  }
  .fa-hand-stop-o:before,
  .fa-hand-paper-o:before {
	content: "\f256";
  }
  .fa-hand-scissors-o:before {
	content: "\f257";
  }
  .fa-hand-lizard-o:before {
	content: "\f258";
  }
  .fa-hand-spock-o:before {
	content: "\f259";
  }
  .fa-hand-pointer-o:before {
	content: "\f25a";
  }
  .fa-hand-peace-o:before {
	content: "\f25b";
  }
  .fa-trademark:before {
	content: "\f25c";
  }
  .fa-registered:before {
	content: "\f25d";
  }
  .fa-creative-commons:before {
	content: "\f25e";
  }
  .fa-gg:before {
	content: "\f260";
  }
  .fa-gg-circle:before {
	content: "\f261";
  }
  .fa-tripadvisor:before {
	content: "\f262";
  }
  .fa-odnoklassniki:before {
	content: "\f263";
  }
  .fa-odnoklassniki-square:before {
	content: "\f264";
  }
  .fa-get-pocket:before {
	content: "\f265";
  }
  .fa-wikipedia-w:before {
	content: "\f266";
  }
  .fa-safari:before {
	content: "\f267";
  }
  .fa-chrome:before {
	content: "\f268";
  }
  .fa-firefox:before {
	content: "\f269";
  }
  .fa-opera:before {
	content: "\f26a";
  }
  .fa-internet-explorer:before {
	content: "\f26b";
  }
  .fa-tv:before,
  .fa-television:before {
	content: "\f26c";
  }
  .fa-contao:before {
	content: "\f26d";
  }
  .fa-500px:before {
	content: "\f26e";
  }
  .fa-amazon:before {
	content: "\f270";
  }
  .fa-calendar-plus-o:before {
	content: "\f271";
  }
  .fa-calendar-minus-o:before {
	content: "\f272";
  }
  .fa-calendar-times-o:before {
	content: "\f273";
  }
  .fa-calendar-check-o:before {
	content: "\f274";
  }
  .fa-industry:before {
	content: "\f275";
  }
  .fa-map-pin:before {
	content: "\f276";
  }
  .fa-map-signs:before {
	content: "\f277";
  }
  .fa-map-o:before {
	content: "\f278";
  }
  .fa-map:before {
	content: "\f279";
  }
  .fa-commenting:before {
	content: "\f27a";
  }
  .fa-commenting-o:before {
	content: "\f27b";
  }
  .fa-houzz:before {
	content: "\f27c";
  }
  .fa-vimeo:before {
	content: "\f27d";
  }
  .fa-black-tie:before {
	content: "\f27e";
  }
  .fa-fonticons:before {
	content: "\f280";
  }
  .fa-reddit-alien:before {
	content: "\f281";
  }
  .fa-edge:before {
	content: "\f282";
  }
  .fa-credit-card-alt:before {
	content: "\f283";
  }
  .fa-codiepie:before {
	content: "\f284";
  }
  .fa-modx:before {
	content: "\f285";
  }
  .fa-fort-awesome:before {
	content: "\f286";
  }
  .fa-usb:before {
	content: "\f287";
  }
  .fa-product-hunt:before {
	content: "\f288";
  }
  .fa-mixcloud:before {
	content: "\f289";
  }
  .fa-scribd:before {
	content: "\f28a";
  }
  .fa-pause-circle:before {
	content: "\f28b";
  }
  .fa-pause-circle-o:before {
	content: "\f28c";
  }
  .fa-stop-circle:before {
	content: "\f28d";
  }
  .fa-stop-circle-o:before {
	content: "\f28e";
  }
  .fa-shopping-bag:before {
	content: "\f290";
  }
  .fa-shopping-basket:before {
	content: "\f291";
  }
  .fa-hashtag:before {
	content: "\f292";
  }
  .fa-bluetooth:before {
	content: "\f293";
  }
  .fa-bluetooth-b:before {
	content: "\f294";
  }
  .fa-percent:before {
	content: "\f295";
  }
  .fa-gitlab:before {
	content: "\f296";
  }
  .fa-wpbeginner:before {
	content: "\f297";
  }
  .fa-wpforms:before {
	content: "\f298";
  }
  .fa-envira:before {
	content: "\f299";
  }
  .fa-universal-access:before {
	content: "\f29a";
  }
  .fa-wheelchair-alt:before {
	content: "\f29b";
  }
  .fa-question-circle-o:before {
	content: "\f29c";
  }
  .fa-blind:before {
	content: "\f29d";
  }
  .fa-audio-description:before {
	content: "\f29e";
  }
  .fa-volume-control-phone:before {
	content: "\f2a0";
  }
  .fa-braille:before {
	content: "\f2a1";
  }
  .fa-assistive-listening-systems:before {
	content: "\f2a2";
  }
  .fa-asl-interpreting:before,
  .fa-american-sign-language-interpreting:before {
	content: "\f2a3";
  }
  .fa-deafness:before,
  .fa-hard-of-hearing:before,
  .fa-deaf:before {
	content: "\f2a4";
  }
  .fa-glide:before {
	content: "\f2a5";
  }
  .fa-glide-g:before {
	content: "\f2a6";
  }
  .fa-signing:before,
  .fa-sign-language:before {
	content: "\f2a7";
  }
  .fa-low-vision:before {
	content: "\f2a8";
  }
  .fa-viadeo:before {
	content: "\f2a9";
  }
  .fa-viadeo-square:before {
	content: "\f2aa";
  }
  .fa-snapchat:before {
	content: "\f2ab";
  }
  .fa-snapchat-ghost:before {
	content: "\f2ac";
  }
  .fa-snapchat-square:before {
	content: "\f2ad";
  }
  .fa-pied-piper:before {
	content: "\f2ae";
  }
  .fa-first-order:before {
	content: "\f2b0";
  }
  .fa-yoast:before {
	content: "\f2b1";
  }
  .fa-themeisle:before {
	content: "\f2b2";
  }
  .fa-google-plus-circle:before,
  .fa-google-plus-official:before {
	content: "\f2b3";
  }
  .fa-fa:before,
  .fa-font-awesome:before {
	content: "\f2b4";
  }
  .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
  }
  
/*~~~~! styleAll!~~~~~*/
::-webkit-scrollbar {
    width: 3px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    box-shadow: inset 3px 3px 3px #ccc;
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --font-size: 14px;
    --color-key-pale: #56B901;
    --color-key-dark: #27831E;
    --color-key-dark-1: #045B33;
    --color-key: #36cfba;
    --color-title-product: #dc3545;
    --color-price-product: #c71c1c;
    --bg-gradient: linear-gradient(90deg, rgba(88, 187, 0, 1) 0%, rgba(2, 89, 52, 1) 100%);
    --bg-gradient-end: linear-gradient(90deg, rgba(2, 89, 52, 1) 0%, rgba(88, 187, 0, 1) 100%);
    --bg-gradient-center: linear-gradient(90deg, rgba(14, 113, 0, 1) 0%, rgba(92, 196, 0, 1) 50%, rgba(14, 113, 0, 1) 100%);
    --bg-gradient-btn-center: linear-gradient(90deg, rgba(51, 177, 94, 1) 0%, rgba(179, 209, 51, 1) 100%);
}

body {
    font-family: 'Arial';
    font-weight: 400;
    background: #f6f6f6;
    overflow-x: hidden;
    font-size: var(--font-size);
    margin: 0;
}

.owl-nav {
    margin-top: 0px;
}

button,
input,
select,
textarea,
a {
    outline: none;
}

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

a:hover {
    color: var(--color-key);
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

strong,
b {
    ;
}

h1.hidden-h1 {
    font-size: 0px;
    visibility: hidden;
    overflow: hidden;
    text-indent: -9999999999px;
}

.hidden-micro {
    font-size: 0px;
    visibility: hidden;
    overflow: hidden;
    text-indent: -9999999999px;
    width: 0px;
    height: 0px;
    opacity: 0;
    margin: 0px;
    padding: 0px;
    top: 100000000px;
    position: fixed;
}

.container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0px 10px;
}

.img-block {
    max-width: 100%;
    display: block;
}

.img-block-full {
    width: 100%;
    display: block;
}

.img-block-auto {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.img-100 {
    width: 100%;
}

.img-radius {
    border-radius: 50%
}

.section {
    background: #FFF;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

.ul-list-none {
    list-style: none;
}

.pd-inline-40 ul,
.pd-inline-40 ol {
    padding-inline-start: 40px;
}


/* title */

.sectionqt .title.title-default:before {
    content: '';
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 2px;
    width: 60px;
    background-color: #fff
}


/* .title.title-default:after {
    content: '';
    position: absolute;
    bottom: 17px;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 3px;
    width: 35px;
    background-color: var(--html-bg-website);
} */


/* .thumb-product img,
.thumb-service img,
.thumb-about img,
.thumb-news img {
    filter: grey;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.thumb-product:hover img,
.thumb-service:hover img,
.thumb-about:hover img,
.thumb-news:hover img {
    filter: grey;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
} */

.title.title-default a {
    font-size: 24px;
    color: #000;
    font-family: 'Encode Sans Expanded', sans-serif;
    text-transform: uppercase;
    font-weight: 600
}

.sectionqt .title.title-default a {
    font-size: 24px;
    color: #fff;
    font-family: 'Encode Sans Expanded', sans-serif;
    text-transform: uppercase;
    font-weight: 600
}

.hover-box-shadow:hover {
    box-shadow: 0 4px 8px var(--html-bg-website), 0 4px 12px rgb(0 0 0 / 8%);
}

.box-shadow {
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 8%);
}

.title.title-white a {
    color: #fff
}

.title.title-white:before {
    background-color: #ffffff;
    left: 0;
    top: auto;
    bottom: -15px;
    transform: translate(0)
}

.title-inpage h1 {
    font-size: 21px;
    text-transform: uppercase;
    ;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.title-info {
    border-bottom: 1px solid #834040
}

.title-info>div {
    display: inline-block;
    padding: 10px;
    background-color: var(--html-bg-website);
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.title-other {
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #834040
}


/* owl-carousel */

.owl-carousel .arrowleft svg,
.owl-carousel .arrowright svg {
    width: 35px !important;
    height: 35px !important;
}

.owl-carousel .arrowleft,
.owl-carousel .arrowright {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.owl-carousel .a {
    fill: none;
    stroke: #000;
    stroke-width: 560;
    stroke-miterlimit: 10;
}

.owl-carousel .arrowright {
    right: 0;
}


/* top */

label[for="inputsearch"] {
    border: 1px solid #848c92;
    cursor: pointer;
    font-size: 16px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.elementor-top {
    background: var(--html-bg-website)
}

.top-phone li a {
    color: #fff;
    font-size: 14px
}

.top-phone li {
    list-style: none;
    padding: 0 20px
}

#slider .skitter,
.skitter-large {
    width: 100%;
    max-width: 100%;
}

.container_skitter {
    max-height: 100%;
}

#slider .skitter.with-dots {
    margin: 0;
}

#slider .skitter img {
    max-width: initial !important;
}

#slider .skitter .btn-warning {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #000;
}


/* header */

.backgound-menu {
    background: var(--html-bg-website);
}

.header-phone,
.copyright {
    font-size: 12px;
}

.sticky {
    position: sticky!important;
    top: 0;
}

.background-header {
    background: var(--html-bg-website);
}

header.elementor-header {
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 7px #ccc;
    z-index: 123;
    padding: 5px 0
}

header.header-position {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: rgb(255 255 255 / 85%);
}

.elementor-header .socical {
    justify-content: center;
}


/* .fixed header.elementor-header {
    position: fixed;
    top: 0;
    left: 0;
} */

.item.elementor-left {
    width: 530px;
}

.item.elementor-right {
    /* width: 225px; */
    position: relative;
}

ul.main-nav>li>h2>a,
ul.main-nav>li>a {
    padding: 0px 20px;
    display: inline-block;
    color: #fff;
}

ul.main-nav>li+li {
    border-left: 1px solid #fff;
}

ul.main-nav>li>h2>a.home:before,
ul.main-nav>li>a.home:before {
    content: "\f015";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
}

ul.main-nav>li.active>h2>a,
ul.main-nav>li.active>a,
ul.main-nav>li:hover>h2>a,
ul.main-nav>li:hover>a {
    color: #fff;
    font-family: var(--font-roboto-bold);
    border-radius: 30px;
    background: var(--html-bg-website);
}

.box-search-input input {
    padding: 8px 23px;
    border-radius: 25px;
    border: 1px solid #ccc;
    width: 300px;
    background: #f7f7f7
}

button.btn-search {
    position: absolute;
    top: 0;
    right: 0;
}

.box-bg-contact {
    background-color: #834040
}

section.section-contact-main {
    position: relative;
    z-index: 12;
}

.box-col-parner {
    justify-content: center;
}


/* .box-form-search {
    position: absolute;
    right: 85px;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: #eaeaea;
    display: flex;
    align-items: center;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transform: perspective(200px) rotate3d(1, 0, 0, -90deg) translateY(100%);
    -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -90deg) translateY(100%);
    -moz-transform: perspective(200px) rotate3d(1, 0, 0, -90deg) translateY(100%);
    -ms-transform: perspective(200px) rotate3d(1, 0, 0, -90deg) translateY(100%);
    -o-transform: perspective(200px) rotate3d(1, 0, 0, -90deg) translateY(100%);
}

.elementor-right:hover .box-form-search {
    transform: perspective(200px) rotate3d(1, 0, 0, 0deg) translateY(0);
    -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 0deg) translateY(0);
    -moz-transform: perspective(200px) rotate3d(1, 0, 0, 0deg) translateY(0);
    -ms-transform: perspective(200px) rotate3d(1, 0, 0, 0deg) translateY(0);
    -o-transform: perspective(200px) rotate3d(1, 0, 0, 0deg) translateY(0);
} */


/*PRODUCT*/

.thumb-hover-product {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    -moz-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

.thumb-product:hover .thumb-hover-product {
    opacity: 1;
}

.background.box-shadow {
    margin: 7px;
}

.view-list a {
    text-decoration: revert;
}

.cart.btn-submit-cart {
    position: absolute;
    bottom: 100%;
    right: 0;
    padding: 10px;
    background: var(--html-bg-website);
    opacity: 0;
}

.product-index {
    padding: 10px 7px;
    background: #fff;
    border-radius: 20px;
}

.thumb-product:hover .cart {
    bottom: 0;
    opacity: 1;
    transition: all 0.2s;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    top: 0;
    width: 40px;
    height: 40px;
}

.product-percent {
    padding: 7px 7px;
    background: url(../images/new.png)no-repeat;
    color: #fff;
    font-size: 12px;
    height: 30px;
    width: 30px;
}

.product-pos {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product-hots {
    position: absolute;
    top: 10px;
    left: 10px;
}

.product-hot {
    padding: 7px 7px;
    background: url(../images/hot.png)no-repeat;
    color: #fff;
    font-size: 12px;
    height: 30px;
    width: 30px;
}

.background .mask-name .box-desc {
    font-size: 14px;
    font-family: 'RobotoRegular';
    text-transform: initial;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.mask-name .mask-h {
    font-size: 14px;
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px
}

.mask-name {
    padding: 5px
}

.view {
    color: #000
}

.star {
    font-size: 11px;
    color: #ffbb02
}

.nonstar {
    color: #e0e0e0;
}

.price-all .price-new {
    color: var(--html-bg-website);
    padding-bottom: 10px;
    color: #a83d2c;
}

.price-all .price-old {
    color: var(--html-bg-website);
    padding-bottom: 10px;
    color: #9c9c9c;
    text-decoration: line-through;
}

.mask-name .box-desc {
    transform: translate(0, 90px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    display: none
}


/* newsletter */

.title.title-white:before {
    content: '';
    background: #000;
    position: absolute;
    height: 47px;
    width: 240px;
    z-index: -1;
    top: -12px;
    left: 0
}

.title.title-white:after {
    content: '';
    background: #000;
    position: absolute;
    height: 47px;
    width: 240px;
    z-index: -1;
    transform: skewX(20deg);
    top: -12px;
    left: 15px
}

.box-scroll-news {
    overflow: hidden;
    overflow-y: scroll;
    height: 355px;
}

.box-input-newsletter {
    box-sizing: border-box;
}

section.elementor-newsletter {
    background: var(--html-bg-website)
}

.title-newsletter {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    font-family: var(--font-roboto-bold)
}

input.ic,
textarea.ic {
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #fff;
    width: 97%;
    border-radius: 3px;
}

input.ic::placeholder,
textarea.ic::placeholder {
    color: #000;
}

input.submit-mail {
    padding: 10px 5px;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    background: #1e346d;
    border-radius: 3px;
    border: 1px solid #1e346d;
}

.box-input-newsletter .form input,
.box-input-newsletter .form textarea {
    width: 100%;
    padding: 10px;
    /* margin-bottom: 15px; */
    background-color: #fff;
    border: 1px solid #ccc;
    color: #fff;
    border-radius: 5px
}

.box-input-newsletter .form input::placeholder,
.box-input-newsletter .form textarea::placeholder {
    color: #000;
    font-style: italic;
}

button[data-submit-form] {
    padding: 11px;
    width: 100%;
    border: none;
    background-color: #1e346d;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px
}

.box-bg-contact .desc p:nth-child(1) {
    font-size: 16px;
    font-family: 'RobotoBold';
}

.name-mail {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.elementor-footer {
    width: 1440px;
    margin: auto;
}

.desc-support {
    padding-top: 15px;
}

.title-mail {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--font-roboto-bold)
}

.box-desc-about .title-desc a {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--font-roboto-bold)
}

.title-desc:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0%;
    /* transform: translate(-50%, 0%); */
    height: 2px;
    width: 80px;
    background-color: #fff
}

.title-nonebefore:before {
    display: none
}


/* menu */

.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background-color: var(--html-bg-website);
    border-radius: 4px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 20px;
    z-index: 999999;
}

.box-menu>ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li:hover>.pos-menu-c2,
.box-menu>ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li>.pos-menu-c2>.box-mega-menu>ul.c2>li:hover>.pos-menu-c3 {
    top: 0
}

.box-menu>ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li>.pos-menu-c2,
.box-menu>ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li>.pos-menu-c2>.box-mega-menu>ul.c2>li>.pos-menu-c3 {
    left: 100%
}

.box-menu>ul.main-nav>li:hover>.pos-menu-c1,
.box-menu>ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li:hover>.pos-menu-c2,
.box-menu>ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li>.pos-menu-c2>.box-mega-menu>ul.c2>li:hover>.pos-menu-c3 {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
ul.main-nav>li:hover>.pos-menu-c1,
ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li:hover>.pos-menu-c2,
ul.main-nav>li>.pos-menu-c1>.box-mega-menu>ul.c1>li>.pos-menu-c2>.box-mega-menu>ul.c2>li:hover>.pos-menu-c3 {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.mega-menu>.box-mega-menu>ul>li>a,
.mega-menu>.box-mega-menu>ul>li>h3>a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-align: left
}

.mega-menu>.box-mega-menu>ul>li:hover>a,
.mega-menu>.box-mega-menu>ul>li:hover>h3>a {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    padding-left: 25px
}

.mega-menu>.box-mega-menu>ul>li+li {
    border-top: 1px solid #fff
}


/* footer */

.tabcontent.active {
    display: block;
}

.tabcontent {
    display: none
}

.thumb-atm {
    margin: 0 3px;
}

.map-footer iframe {
    width: 100%;
    height: 420px;
}

footer.elementor-footer {
    background: var(--bg-footer);
    padding-top: 30px;
}

.item-footer {
    width: 300px;
}

.item-footer:nth-child(1) {
    width: 390px;
}

.item-footer:nth-child(2) {
    width: 310px;
}

.item-footer:nth-child(4) {
    width: 315px;
}

.title-footer {
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}

.title-footer:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 2px;
    width: 70px;
    background-color: #fff;
}

.desc-footer {
    line-height: 25px;
}

.desc-footer>ul>li>a {
    color: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.desc-footer>ul>li>a:hover {
    padding-left: 10px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: #f01
}

.chart-counter .text-counter {
    margin-left: 10px;
    font-family: 'RobotoRegular';
}

.chart-counter {
    width: 225px;
    background-color: #f5f5f5;
    padding: 10px;
}


/* copy */

section.elementor-copy {
    /* background-color: var(--html-bg-website); */
    padding: 10px 0px;
    border-top: 1px solid #fff
}

.copy-text {
    color: #fff
}


/* Quy trình */

.section-quytrinh {
    background-color: var(--html-bg-primary);
}

.line_total {
    border-bottom: 1px dashed #fff;
    margin-bottom: 80px;
    margin-top: 100px;
}

.line_item {
    position: relative;
}

.line_item::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #fff;
}

.line_item:last-child:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: -3px;
    right: 0px;
    border-radius: 100%;
    background-color: #fff;
}

.line_item .title {
    position: absolute;
    top: -25px;
    left: 0px;
    width: 100%;
}

.line_item .title span {
    display: block;
    text-align: center;
    color: #fff;
}

.line_item .img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 30px;
    display: flex;
    justify-content: center;
}

.line_item .inside {
    position: relative;
}

.line_item .inside::before {
    content: "";
    border-left: 1px dashed #fff;
    position: absolute;
    top: -30px;
    width: 1px;
    left: 50%;
    height: 25px;
    transform: translate(-50%, 0px);
}

.line_item.reverse .title {
    top: 10px;
}

.line_item.reverse .img {
    top: -70px;
}

.line_item.reverse .img .inside::before {
    top: 46px;
}


/* breadcumbs */

ol#breadcrumb {
    height: 34px;
    overflow: hidden;
    max-width: 100%;
    margin-top: 15px
}

ol#breadcrumb li {
    float: left;
    height: 34px;
    line-height: 34px;
    padding-left: 20px;
    position: relative;
}

ol#breadcrumb li+li:after {
    content: '';
    width: 4px;
    height: 4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 5px;
    top: 15px;
}

ol#breadcrumb li:nth-child(1) {
    padding-left: 0px;
    width: 15px;
}

ol#breadcrumb li a {
    color: #333;
    font-size: 12px;
}

ol#breadcrumb li:nth-child(1) a span {
    font-size: 16px;
}

.filter-brightness img:hover {
    filter: brightness(1.5);
}

.input-group-text {
    height: 39px;
}


/*flickity*/

.dot.is-selected {
    background-color: #dcaf26!important;
}

.flickity-page-dots {
    bottom: 10px;
}

.flickity-page-dots .dot {
    border-color: #fff!important;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border: 3px solid #111;
    border-radius: 50%;
    opacity: 0.4;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}


/* modal */

input:focus {
    border: 1px solid red
}

.form-group {
    margin-bottom: 1rem;
}

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 2px 10px;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.rounded {
    border-radius: .25rem!important;
}

.border-radius-right-4 {
    border-radius: 0px 4px 4px 0px
}

.btn-link {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
    border: 0;
    padding: 0;
    border-radius: 4px
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group .login-input-group-append .input-group-text {
    border: 1px solid #ced4da!important;
    border-right: 0px!important;
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important;
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.input-group-text {
    background-color: #f4f4f5;
    border: 1px solid #e4e5e7;
}

.input-group .input-group-text {
    background-color: transparent;
    border-bottom-right-radius: .25rem;
    border-left: 0;
    border-top-right-radius: .25rem;
    color: #777;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .login-input-group-append .input-group-text {
    border: 1px solid #ced4da!important;
    border-right: 0px!important;
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important;
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.text-info {
    color: #17a2b8!important;
}

.text-primary {
    color: #3a94b9!important;
}

a.text-info:focus,
a.text-info:hover {
    color: #0f6674!important;
}

.fade {
    transition: opacity .15s linear;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-login {
    max-width: 400px;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

.modal-backdrop.show {
    opacity: .5;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: "";
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.close {
    float: right;
    font-size: 1.5rem;
    ;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}


/* PAGING */

.paging {
    text-align: center;
    margin: 0 auto;
}

ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.pagination>li>a,
.pagination>li>span {
    padding: 7px 12px;
    line-height: 23px;
    margin: 0px 3px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    color: #000;
    border-color: #a7a7a7;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg, #f8f8f8, #e9e9e9);
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>li>a.current {
    z-index: 2;
    color: #834040;
    border-color: #000;
    font-weight: 600;
}


/* ============toc list ==================*/

.toc-wrapper {
    background: #f9f9f9;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    display: table;
    max-width: 40%;
    margin-bottom: 1em;
    padding: 10px;
    position: relative;
}

.toc-title-container {
    display: table;
    width: 100%;
}

span.toc-switch {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.toc-switch a#toc {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-left: 10px;
    text-shadow: 0 1px 0 #fff;
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    color: #444;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.toc-switch a#toc:focus,
.toc-switch a#toc:hover {
    background-color: #e0e0e0;
    background-position: 0 -15px;
}

.toc-list ol li {
    list-style: none;
}

.toc-list ol li a {
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    z-index: 0;
    overflow-x: hidden;
    display: inline-block;
    padding: 5px 0px;
}

.toc-list a:hover {
    text-decoration: underline;
}

.toc-list a:visited {
    color: #9f9f9f;
}

.toc-list ol {
    counter-reset: item;
}

.toc-list>ol>li ol {
    margin-left: 1.5em
}

.toc-list ol li a::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}


/* login */

.popover-page {
    will-change: transform;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    width: 170px;
    border-radius: 4px;
}

.popover-page>ul>li>a {
    padding: 10px;
    display: block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.popover-page>ul>li:hover>a {
    background-color: #f8f8f8;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 4px;
}

.popover-page:before {
    content: '';
    position: absolute;
    top: -7px;
    right: 7px;
    border-bottom: 7px solid rgb(255, 255, 255);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.box-user-header:hover .popover-page {
    z-index: 3;
    -webkit-animation: popover-enter-animation .2s cubic-bezier(.4, 0, .6, 1);
    animation: popover-enter-animation .2s cubic-bezier(.4, 0, .6, 1);
    visibility: visible;
    opacity: 1;
}


/* end */


/*MANG XÃ HỘI */

.socical li {
    list-style: none;
    padding-left: 10px
}

.desc-call .text {
    font-size: 14px;
    color: #000;
}

.desc-call .phone {
    font-size: 18px;
    color: #f01;
    text-transform: uppercase;
}

.desc-call .address {
    font-size: 12px;
    color: #fff;
}

.title-left {
    font-size: 21px;
    text-transform: uppercase;
    font-family: 'RobotoBold';
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.desc-support .text {
    padding: 7px 20px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid var(--html-bg-website);
    cursor: pointer;
    display: inline-block;
    border-radius: 30px;
    background: var(--html-bg-website);
}


/* chat core */

.call-now {
    left: 0;
    z-index: 99999;
    bottom: 5px;
    line-height: 25px;
    height: 50px;
    min-width: 200px;
    position: fixed;
    background-color: var(--html-bg-website);
    border-radius: 0 25px 25px 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

.call-now .btn-call-now i {
    position: absolute;
    color: #fff;
    background-color: var(--html-bg-website);
    font-size: 35px;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
}

.call-now .btn-call-now strong {
    display: block;
    font-size: 18px;
    line-height: 25px
}

.call-now .btn-call-now p {
    color: #fff;
    font-size: 14px;
    min-width: 150px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.addThis_listSharing {
    position: fixed;
    bottom: 35%;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.addThis_listSharing.right {
    right: 24px;
}

.addThis_listSharing.right.animate {
    right: -24px;
    opacity: 0;
    visibility: hidden;
}

.addThis_listSharing.left {
    left: 24px;
}

.addThis_listSharing.left.animate {
    left: -24px;
    opacity: 0;
    visibility: hidden;
}

.addThis_listSharing.right.animate.is-show {
    right: 5px;
    opacity: 1;
    visibility: visible;
    width: 40px;
}

.addThis_listSharing.left.animate.is-show {
    left: 5px;
    opacity: 1;
    visibility: visible;
}

.addThis_listing .addThis_item {
    margin-bottom: 5px;
}

.addThis_listing .addThis_item .addThis_item--icon {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
    position: absolute;
    top: 4px;
    z-index: 9;
    height: 32px;
    line-height: 26px;
    padding: 3px 10px;
    width: auto;
    border-radius: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background-color: black;
    visibility: hidden;
    opacity: 0;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.addThis_listSharing.right .addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
    right: 55px;
}

.addThis_listSharing.left .addThis_listing .addThis_item .addThis_item--icon .tooltip-text {
    left: 55px;
}

.addThis_listSharing.none-mobile.right.animate.is-show {
    max-width: 50px;
}

.addThis_listing .addThis_item .addThis_item--icon .tooltip-text:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -ms-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.addThis_listSharing.right .addThis_item .addThis_item--icon .tooltip-text:after {
    border-color: transparent transparent transparent black;
    left: 100%;
}

.addThis_listSharing.left .addThis_item .addThis_item--icon .tooltip-text:after {
    border-color: transparent black transparent transparent;
    right: 100%;
}

.addThis_listing .addThis_item .addThis_item--icon:hover {
    text-decoration: none;
    opacity: .9;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13);
}

.addThis_listing .addThis_item .addThis_item--icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.fab-wrapper {
    position: fixed;
    bottom: 5%;
    left: 0;
    z-index: 9999999;
}

input[type=checkbox] {
    background: url(images/bg_checkbox.png) no-repeat 0 0;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    margin: 0 3px 0 0;
    height: 20px;
    width: 20px;
    vertical-align: top;
    -webkit-appearance: none;
}

.fab-checkbox {
    display: none;
}

.fab {
    width: 60px;
    max-width: unset;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 50%;
    background: #ee4d2d;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    position: absolute;
    left: 10px;
    bottom: -25px;
    z-index: 1000;
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transition: all .15s cubic-bezier(.15, .87, .45, 1.23);
    transition: all .15s cubic-bezier(.15, .87, .45, 1.23);
}

[class*=icon-cps-] {
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icons_menubar-16.svg) !important;
    background-repeat: no-repeat;
    background-size: 500px;
}

.icon-cps-fab-menu {
    width: 50px;
    height: 50px;
    margin: 0 5px 5px 0;
    background-size: 850px;
    background-position: -794px -374px;
}

.fab-checkbox:checked~.fab .icon-cps-fab-menu {
    width: 30px;
    height: 30px;
    margin: 0;
    background-size: 600px;
    background-position: -337.5px -316.5px;
}

.fab-wheel {
    width: 300px;
    height: 220px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    transform: scale(0);
    transform-origin: bottom left;
    transition: all .3s ease;
}

.fab-checkbox:checked~.fab-wheel {
    transform: scale(1);
}

.fab-wheel .fab-action {
    display: flex;
    align-items: center;
    font-size: 14px;
    ;
    color: #fff;
    position: absolute;
    text-decoration: none;
}

.fab-wheel .fab-action-1 {
    top: 15px;
    left: 5px;
}

.fab-wheel .fab-action-2 {
    top: 75px;
    left: 50px;
}

.fab-wheel .fab-action-3 {
    left: 95px;
    bottom: 35px;
}

.fab-wheel .fab-action-4 {
    left: 115px;
    bottom: -35px;
}

.fab-title {
    float: left;
    margin: 0 0 0 5px;
    opacity: 0;
    font-family: 'Arial';
}

.fab-checkbox:checked~.fab-wheel .fab-title {
    opacity: 1;
}

.fab-button {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 4px;
    border-radius: 50%;
    background: #0f1941;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    font-size: 24px;
    color: White;
    transition: all 1s ease;
    overflow: hidden;
}

.fab-wheel .fab-button-4 {
    background: #dd5145;
}

.fab-wheel .fab-button-3 {
    background: #fb0;
}

.fab-wheel .fab-button-2 {
    background: #0f9d58;
}

.fab-wheel .fab-button-1 {
    background: #2f82fc;
}

.icon-cps-local {
    width: 28px;
    height: 28px;
    background-position: -92.5px -262px;
}

.icon-cps-phone {
    width: 28px;
    height: 28px;
    background-position: -139px -262px;
}

.icon-cps-chat {
    width: 30px;
    height: 30px;
    background-size: 600px;
    background-position: -506px -265px;
}

.icon-cps-chat-zalo {
    width: 30px;
    height: 30px;
    background-size: 600px;
    background-position: -450px -265px;
}

.mask-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 30;
    opacity: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mask-overlay.is-active {
    visibility: visible;
    opacity: 1;
}


/* end */

.loading {
    opacity: 1 !important;
    position: relative;
    color: rgba(255, 255, 255, 0)!important;
    pointer-events: none !important;
}

.loading:after {
    animation: spin 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px;
}


/*NEWS TPL*/

.title--news-inpage a {
    font-size: 15px
}

.box-desc-static {
    font-size: 14px;
    line-height: 22px;
}

.xemthem-tpl a {
    color: var(--html-bg-website)
}

.background-tpl {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 7px;
    height: 505px
}

.title-news-tpl h2 {
    font-size: 20px;
    text-transform: uppercase
}

.box-tpl {
    overflow: hidden;
    overflow-y: scroll;
    height: 450px;
}

.ul-news li a {
    color: #000;
}

ul#mCustom {
    height: 350px;
    overflow: hidden;
}

ul.ul-news li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0px;
    background: url(../images/arrow.png)no-repeat;
    padding: 10px;
}

.Scrollbar {
    overflow: hidden;
    overflow-y: scroll;
    height: 350px;
}


/*DỰ ÁN*/

.service-t {
    font-family: var(--font-roboto-bold);
    color: #fff
}

.child-name-content {
    color: #fff
}


/*FILE*/

.background-hoso {
    padding: 70px 0
}

.link-hoso a {
    color: #fff;
    border: 1px solid;
    padding: 7px 25px;
}

.desc-hoso {
    width: 70%;
    margin: auto;
}


/*VIDEO*/

.item-video {
    width: 75%;
}

.name-video {
    font-size: 24px;
    color: #fff;
    ;
    line-height: 30px;
}

.name-video-child {
    color: #fff;
    line-height: 22px;
    padding-top: 25px;
}

.link-video span {
    color: #fff;
}

.animation-video {
    display: inline-block;
    justify-content: center;
    align-items: center;
    background: #ccc;
    border-radius: 50%;
}

.animation-video p {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    color: #fff;
    top: 13px;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    visibility: hidden;
}

.animation-video:hover p {
    visibility: visible;
    transition: all 0.2s;
    left: 95px;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out
}

.video-popup:after,
.video-popup:before {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    content: "";
    left: 0;
}

.video-popup:after {
    box-shadow: 0 0 10px #00aff2, 0 0 10px #00aff2;
    top: 0;
    animation: shadow 1.2s .5s infinite;
    -webkit-animation: shadow 1.2s .5s infinite;
    -moz-animation: shadow 1.2s .5s infinite;
    -o-animation: shadow 1.2s .5s infinite
}

.video-popup span {
    display: block;
    width: 28px;
    height: 28px;
    margin: 15px;
    background-size: 20px;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out
}

.video-popup-bg {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 30
}

.menutopmobile {
    display: none
}

.video-popup.video span {
    background: url(../images/ic-youtube.png) no-repeat;
    background-size: 68px;
    width: 68px;
    height: 68px;
    margin: 4px;
}

.name-hotline {
    font-size: 22px;
    font-weight: 600;
    color: var(--html-bg-website)
}

.content-hotline ul {
    padding-inline-start: 35px;
}

p.hotline-right a {
    font-size: 17px;
    line-height: 22px;
    ;
    color: #f01
}


/*slider*/

.bannerMain {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: calc(100vh/2 * 2);
}

.bannerMain .owl-carousel {
    display: block
}

.banner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.banner .desc {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1
}

.banner .caption {
    position: absolute;
    top: 50%;
    left: 10%;
    padding: 20px;
    z-index: 2
}

.banner .caption * {
    color: #fff
}

.banner .caption:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.5)
}

.banner .caption:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    background: rgba(255, 255, 255, 0.5)
}

.banner .line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none
}

.banner .line:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.5)
}

.banner .line:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    bottom: 3px;
    width: 3px;
    background: rgba(255, 255, 255, 0.5)
}

.banner .kind {
    font-family: "Montserrat", "Helvetica Neue", sans-serif;
    font-weight: 400;
    text-decoration: none;
    display: table;
    margin-bottom: 10px
}

.banner .tit {
    font-size: 30px;
    font-family: var(--font-roboto-bold);
    text-decoration: none;
    display: block;
    margin: 0 0 10px 0;
    /* max-width: 350px; */
    line-height: 1.2;
    transform-origin: 50% 100%;
    overflow: hidden
}

.banner .tit * {
    font-size: inherit;
    color: inherit;
    font-family: inherit
}

.banner .tit span {
    display: block;
    position: relative
}

.banner .arrow {
    color: #fff;
    font-size: 29px;
    line-height: 29px;
    display: table;
    margin-left: 5px;
    text-decoration: none
}

.banner .sub {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 0;
    letter-spacing: 0
}

.banner .sub p {
    display: inline-block;
    vertical-align: top
}

.banner .sub img {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-height: calc(100vh/3.2 * 2);
    max-width: inherit
}

.banner .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 30px
}

.banner .owl-dot {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    position: relative
}

.banner .owl-dot.active:after {
    background: #fff
}

.banner .owl-dot:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 7px;
    border: solid 2px #fff
}

.banner .item {
    display: block;
    width: 100%;
    padding-bottom: calc(100vh/2 * 2);
    float: left;
    position: relative
}

.banner .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url("../images/pattern.png") repeat center center rgba(0, 0, 0, 0.2)
}

.banner .item .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.banner .active .item .bg {
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: banner_style;
    animation-name: banner_style
}

.banner .active .item .caption:before,
.banner .active .item .caption:after,
.banner .active .item .line:before,
.banner .active .item .line:after,
.banner .active .item .kind,
.banner .active .item .arrow {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.banner .active .item .caption:before {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: top_left;
    animation-name: top_left
}

.banner .active .item .caption:after {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-name: top_bottom;
    animation-name: top_bottom
}

.banner .active .item .line:before {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-name: bottom_left;
    animation-name: bottom_left
}

.banner .active .item .line:after {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-name: bottom_top;
    animation-name: bottom_top
}

.banner .active .item .kind {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.banner .active .item .arrow {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -ms-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.banner .active .item .tit span,
.banner .active .item .sub {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.banner .active .item .tit span {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-name: trf_left;
    animation-name: trf_left
}

.banner .active .item .sub {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: banner_sub;
    animation-name: banner_sub
}

@keyframes top_left {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes top_bottom {
    from {
        height: 0
    }
    to {
        height: 100%
    }
}

@keyframes bottom_left {
    from {
        left: 100%
    }
    to {
        left: 0
    }
}

@keyframes bottom_top {
    from {
        top: 100%
    }
    to {
        top: 3px
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes banner_sub {
    from {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes trf_left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes banner_style {
    from {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes banner_style {
    from {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}


/*hotlinezalo*/

.hotline-popup {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    background: #00aff2;
    bottom: 20px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    display: block;
    z-index: 999
}

.hotline-popup:after,
.hotline-popup:before {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    content: "";
    left: 0
}

.hotline-popup:after {
    box-shadow: 0 0 10px #00aff2, 0 0 10px #00aff2;
    top: 0;
    animation: shadow 1.2s .5s infinite;
    -webkit-animation: shadow 1.2s .5s infinite;
    -moz-animation: shadow 1.2s .5s infinite;
    -o-animation: shadow 1.2s .5s infinite
}

.hotline-popup span {
    display: block;
    background: url(../images/call-answer.svg) no-repeat;
    width: 28px;
    height: 28px;
    margin: 15px;
    background-size: 20px;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out
}

.hotline-popup-bg {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 30
}

.menutopmobile {
    display: none
}

.hotline-popup.zalol {
    bottom: 90px
}

.hotline-popup.zalol span {
    background: url(../images/zalo.png) no-repeat;
    background-size: 42px;
    width: 42px;
    height: 42px;
    margin: 4px
}

.ccart {
    position: fixed;
    bottom: 170px;
    left: 20px;
    z-index: 999
}

.ccart a {
    color: #039bd0;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #039bd0;
    background: url(../images/icon_cart.svg) 12px 22px no-repeat #FFF;
    background-size: 22px 22px;
    position: relative
}

.ccart span {
    font-size: 16px;
    position: absolute;
    top: 6px;
    left: 22px
}

.hotline-bot {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999
}

#view-header {
    color: #f01;
    font-family: var(--font-roboto-bold)
}


/* block copy */

.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.tf-hover img {
    transition: all 1s ease 0s;
}

.tf-hover img:hover {
    transform: scale(1.1);
}

.hover-fade {
    position: relative;
    overflow: hidden;
}

.hover-fade:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    z-index: 10;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
}

.hover-fade:hover:before {
    webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
    transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
}

.blinker {
    webkit-animation-name: blinker;
    -webkit-animation-duration: 1200ms;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1200ms;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1200ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes play_btn {
    0% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.35), 0 0 0 10px rgba(255, 255, 255, 0.65);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.35), 0 0 0 10px rgba(255, 255, 255, 0.65);
    }
    50% {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.35), 0 0 0 10px rgba(255, 255, 255, 0.65);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.35), 0 0 0 10px rgba(255, 255, 255, 0.65);
    }
}

@-webkit-keyframes popover-enter-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes popover-enter-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes popover-hide-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@keyframes popover-hide-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    100%,
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes quick-alo-circle-img-anim {
    0%,
    100%,
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes quick-alo-circle-img-anim {
    0%,
    100%,
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@keyframes quick-alo-circle-img-anim {
    0%,
    100%,
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%,
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%,
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-webkit-keyframes shadow {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        opacity: 0
    }
}

@-moz-keyframes shadow {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        opacity: 0
    }
}

@-o-keyframes shadow {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        opacity: 0
    }
}

@media (max-width: 1024px) {
    ul.main-nav>li>h2>a,
    ul.main-nav>li>a {
        padding: 10px
    }
    .box-gallery.margin {
        margin-top: 0
    }
}

@media (max-width: 992px) {
    iframe {
        height: 100%;
    }
    .d-block-m {
        display: block!important
    }
    .d-none-m {
        display: none!important
    }
    .w-100-m {
        width: 100%!important;
    }
    .box-gallery.margin {
        margin-top: 0
    }
    section.section-about {
        margin-top: 0;
    }
    .owl-carousel.gallery-services {
        padding: 10px 0px
    }
    section.section-about {
        padding-top: 20px
    }
    section.section-video {
        height: 250px
    }
    .name-feedbacks {
        margin-top: 10px
    }
    .box-input-newsletter {
        margin-top: 15px
    }
    .box-col-parner {
        justify-content: flex-start;
        margin-bottom: 15px
    }
    section.elementor-main {
        padding-bottom: 5px
    }
    .item.col-7.pd0 {
        padding-right: 10px
    }
    .footer-pt {
        padding-top: 10px
    }
    .modal-dialog.modal-dialog-centered {
        max-width: 100%!important;
    }
    .box-news {
        padding: 0
    }
    .desc-pd-m {
        padding: 20px 0px 0px 0px
    }
    .mt20i {
        margin-top: 20px
    }
    .pt20i {
        padding-top: 20px
    }
    .mt0i {
        margin-top: 0!important
    }
    .mg0i {
        margin: 0!important
    }
    .img-auto {
        margin: auto;
        display: flex
    }
    footer.elementor-footer {
        background-size: cover;
    }
    .item-width {
        width: calc(100% / 2)
    }
    .box-products {
        padding: 0
    }
    section.section-top {
        width: 100%;
        background-color: #fff;
        box-shadow: 2px 2px 7px #ccc;
        z-index: 123;
    }
    ul.ul-list-product li {
        width: calc(100% / 2);
        text-align: center
    }
    ul.ul-list-product.flex-wrap li {
        margin-bottom: 10px;
    }
    .col-xs {
        width: 100%!important
    }
    .col-xs-6 {
        width: 50%!important
    }
    .item0 {
        padding: 0 0!important
    }
    .mg30-m {
        margin: 30px 0!important
    }
    /* .item10-m {
        padding: 10px!important
    } */
    button.flickity-button {
        display: none;
    }
    .elementor-ykien {
        padding: 20px 0
    }
    section.elementor-footer {
        width: 100%
    }
    .item30,
    .item0-m {
        padding: 0 0
    }
    .item10-m {
        padding: 0 10px
    }
    .background-hoso {
        padding: 30px 10px;
    }
    .pb30-m {
        padding-bottom: 30px
    }
    .box-input-newsletter {
        width: 100%;
    }
    .ov {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .box-search-input input {
        width: 100%;
    }
    .cart-mobile {
        background: var(--html-bg-website);
        padding: 10px;
        border-radius: 50%;
        position: relative;
    }
    #view-header {
        position: absolute;
        top: 0;
        top: -3px;
        left: 40px;
        background: #f01;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff
    }
    .cart-item__cell-overview {
        width: 40%!important
    }
    .cart-item__cell-actions {
        width: 30%!important
    }
    .maunha-name {
        bottom: 0px!important;
    }
    .box-search-desktop input:focus {
    outline: none;
    border: none
    }

    .box-search-desktop button {
        position: absolute;
        right: 0px;
        top: 0px;
        background-color: transparent;
        border: none;
        padding: 8px;
    }

    .box-search-desktop button:hover {
        cursor: pointer;
    }

    .box-search-mobile input {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        border: 0px;
        padding: 0px 10px;
    }

    .box-search-mobile {
        position: relative;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        margin-top: 8px
    }

    .box-search-mobile button {
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(0px, -50%);
        background-color: transparent;
        border: 0px;
        padding: 10px 10px;
    }

    .section-top.sticky .stick-search {
        display: block;
    }

    .sticky .thumb {
        display: none
    }

    .sticky .box-search-mobile {
        position: absolute;
        top: 0px;
        width: 65%;
        right: 75px;
    }
}

@media (max-width:768px) {
    .d-block-sm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .w-50-sm {
        width: 50%!important;
    }
    ul.ul-list-product li+li {
        margin: 0
    }
    .box-right-album {
        width: calc(100% / 2);
        padding: 1px;
    }
    .item-quytrinh:before {
        display: none
    }
}

@media (max-width:576px) {}

@media (max-width:414px) {
    .d-block-sm {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .w-100-m {
        width: 100%!important;
    }
    section.section-video {
        height: 250px
    }
}

@media (max-width:375px) {
    .d-block-sm {
        display: block !important;
    }
}

@media (max-width:360px) {
    .d-block-sm {
        display: block !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 450px;
        margin: 1.75rem auto;
    }
}