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

.MagicZoom,.mz-button,.mz-expand .mz-expand-stage,.mz-expand .mz-expand-stage .mz-image-stage,.mz-expand .mz-image-stage>figure .mz-caption,.mz-expand-controls,.mz-expand-thumbnails,.mz-figure,.mz-hint,.mz-lens,.mz-loading,.mz-thumb img,.mz-zoom-window {
    -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-expand .mz-figure.mz-no-zoom,.mz-figure.mz-no-zoom.mz-no-expand {
    cursor: default!important
}

.mz-expand,.mz-figure.mz-active {
    -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,#fff,#000);
    -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-active,.mz-figure.mz-click-zoom,.mz-figure.mz-no-zoom {
    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
}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>img,.mz-figure.mz-active.mz-inner-zoom {
    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
}

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

.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: 0 0;
    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
}

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

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

.mz-zoom-window.mz-activating,.mz-zoom-window.mz-deactivating {
    -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-bottom,.mz-zoom-window.mz-p-left,.mz-zoom-window.mz-p-right,.mz-zoom-window.mz-p-top {
    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-activating>img,.mz-zoom-window.mz-p-inner.mz-deactivating>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-custom.mz-activating,.mz-zoom-window.mz-custom.mz-deactivating,.mz-zoom-window.mz-preview.mz-activating,.mz-zoom-window.mz-preview.mz-deactivating {
    -webkit-transition: opacity .3s cubic-bezier(.25,.5,.5,.9);
    transition: opacity .3s cubic-bezier(.25,.5,.5,.9)
}

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

.mz-zoom-window.mz-p-custom,.mz-zoom-window.mz-p-preview {
    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(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    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 {
    right: 0;
    left: 0;
    width: 126px;
    margin: auto
}

.lt-ie9-magic .mz-hint-message,.lt-ie9-magic .mz-loading.shown {
    background: 0 0!important
}

.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.dark-bg .mz-expand-bg,.mz-expand.plain-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:before,.mz-expand .mz-image-stage>figure: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-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden
}

.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: 0 0
}

.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-next,button.mz-button.mz-button-prev {
    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-next,button.mz-button-prev {
        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
}

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

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

.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
}

.no-cssfilters-magic .mz-thumb-selected img {
    opacity: .5
}

.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
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: .5
}

.magic-thumbs,.magic-thumbs .magic-thumbs-button,.magic-thumbs .magic-thumbs-wrapper,.magic-thumbs li,.magic-thumbs li img,.magic-thumbs li:after,.magic-thumbs li:before,.magic-thumbs ul {
    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
}

.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: 0!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-ajax-holder .mfp-content,.mfp-inline-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-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -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-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    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: 28px;
    font-family: Arial,Baskerville,monospace
}

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

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

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

.mfp-iframe-holder .mfp-close,.mfp-image-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:focus,.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,.mfp-arrow:before {
    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
    }
}

.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-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(0)
}

.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-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-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-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(0)
}

.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-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-item img {
    display: block
}

.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(assets/css/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-]: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-active {
    height: auto
}

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

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

.fancybox-container * {
    box-sizing: border-box
}

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

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

.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: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

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

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

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

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

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

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

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

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

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

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

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

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

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

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding: max(0)) {
    .fancybox-caption {
        padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

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

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

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

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

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

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

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    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 {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

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

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

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

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

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

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

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

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

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

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding: max(0)) {
        .fancybox-caption {
            padding-left:max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.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: 0
}

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

.slick-slider .slick-list,.slick-slider .slick-track {
    -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:after,.slick-track:before {
    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-next,.slick-prev {
    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: 0;
    background: 0 0
}

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

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

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

.slick-next:before,.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -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: 0;
    background: 0 0
}

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

.slick-dots li button:focus:before,.slick-dots li button:hover: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: #000
}

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

.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(0);
        transform: rotate(0)
    }
}

@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(0);
        transform: rotate(0)
    }
}

.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
}

.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: 10001!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 @charset "UTF-8";.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:99993;-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-bg,.fancybox-inner,.fancybox-outer,.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-caption-wrap,.fancybox-infobar,.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s,visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar {
    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: translateZ(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--current,.fancybox-slide--next,.fancybox-slide--previous {
    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;
    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;
    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: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    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;
    padding: 0;
    border: 0;
    height: 100%
}

.fancybox-error,.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}

.fancybox-error {
    padding: 40px;
    max-width: 380px;
    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;
    background: linear-gradient(180deg,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));
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0,0%,100%,.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-button,.fancybox-infobar__body {
    background: rgba(30,30,30,.6)
}

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

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

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

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

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

.fancybox-button--right:after {
    right: 20px;
    -webkit-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:after,.fancybox-button--close:before {
    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);
    transform: rotate(45deg)
}

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

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 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: 28px;
    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: 50%;
    background-size: 24px 24px
}

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

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

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

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

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

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

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -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: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    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: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-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: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(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: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (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--pause:before,.fancybox-button--play: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
}

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

@media (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,inset 0 0 0 32px,-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
    }
}

@charset "UTF-8";.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%,20%,50%,80%,100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1;
    }

    25%,75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-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);
    }

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

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

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

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%,20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

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

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

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

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-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;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-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;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-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;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        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% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) 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 center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        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;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-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;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -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;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        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;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -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;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        -ms-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        -ms-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@font-face {
    font-family: 'montserratRegular';
    src: url(assets/css/../../../images/fonts/Montserrat-Regular.eot);
    src: url(assets/css/../../../images/fonts/Montserrat-Regular.eot) format('embedded-opentype'), url(assets/css/../../../images/fonts/Montserrat-Regular.ttf) format('truetype'), url(assets/css/../../../images/fonts/Montserrat-Regular.svg#Montserrat-Regular) format('svg');
}

@font-face {
    font-family: 'montserratBold';
    src: url(assets/css/../../../images/fonts/Montserrat-Bold.eot);
    src: url(assets/css/../../../images/fonts/Montserrat-Bold.eot) format('embedded-opentype'), url(assets/css/../../../images/fonts/Montserrat-Bold.ttf) format('truetype'), url(assets/css/../../../images/fonts/Montserrat-Bold.svg#Montserrat-Bold) format('svg');
}

@font-face {
    font-family: 'Impact';
    src: url(assets/css/../../../images/fonts/impact.ttf);
}

@font-face {
    font-family: 'UTMA';
    src: url(assets/css/../../../images/fonts/UTM Ambrose.ttf) format('truetype');
}

@font-face {
    font-family: 'muli';
    src: url(assets/css/../../../images/fonts/Mulish-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'muli-bold';
    src: url(assets/css/../../../images/fonts/muli/Muli-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'UTMBC';
    src: url(assets/css/../../../images/fonts/UTM Beautiful Caps.ttf);
}

@font-face {
    font-family: 'RobotoRegular';
    src: url(assets/css/../../../images/fonts/RobotoRegular.eot);
    src: url(assets/css/../../../images/fonts/RobotoRegular.eot) format('embedded-opentype'), url(assets/css/../../../images/fonts/RobotoRegular.woff2) format('woff2'), url(assets/css/../../../images/fonts/RobotoRegular.woff) format('woff'), url(assets/css/../../../images/fonts/RobotoRegular.ttf) format('truetype'), url(assets/css/../../../images/fonts/RobotoRegular.svg#RobotoRegular) format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url(assets/css/../../../images/fonts/RobotoBold.eot);
    src: url(assets/css/../../../images/fonts/RobotoBold.eot) format('embedded-opentype'), url(assets/css/../../../images/fonts/RobotoBold.woff2) format('woff2'), url(assets/css/../../../images/fonts/RobotoBold.woff) format('woff'), url(assets/css/../../../images/fonts/RobotoBold.ttf) format('truetype'), url(assets/css/../../../images/fonts/RobotoBold.svg#RobotoBold) format('svg');
}

@font-face {
    font-family: 'SVN-Shintia';
    src: url(assets/css/../../../images/fonts/SVN-ShintiaScript.eot);
    src: url(assets/css/../../../images/fonts/SVN-ShintiaScript.eot?#iefix) format('embedded-opentype'), url(assets/css/../../../images/fonts/SVN-ShintiaScript.woff) format('woff'), url(assets/css/../../../images/fonts/SVN-ShintiaScript.ttf) format('truetype'), url(assets/css/../../../images/fonts/SVN-ShintiaScript.svg#SVN-ShintiaScript) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fira-medium';
    src: url(assets/css/../../../images/fonts/fira/FiraSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'fira-regular';
    src: url(assets/css/../../../images/fonts/fira/FiraSans-Regular.ttf) format('truetype');
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

a {
    background-color: transparent
}

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

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;
    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
}

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

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
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
}

.daterangepicker:before,.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 9px;
}

.daterangepicker.opensleft:after {
    right: 10px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 9px;
}

.daterangepicker.opensright:after {
    left: 10px;
}

.daterangepicker.drop-up {
    margin-top: -7px;
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar {
    float: none;
}

.daterangepicker.single .drp-selected {
    display: none;
}

.daterangepicker.show-calendar .drp-calendar {
    display: block;
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
    padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th,.daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.daterangepicker td.available:hover,.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.week,.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active,.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker td.disabled,.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect,.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.daterangepicker .ranges li:hover {
    background-color: #eee;
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
}

@media (min-width: 564px) {
    .daterangepicker {
        width:auto;
    }

    .daterangepicker .ranges ul {
        width: 140px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none;
    }

    .daterangepicker.single .ranges,.daterangepicker.single .drp-calendar {
        float: left;
    }

    .daterangepicker {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0;
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }

    .daterangepicker .ranges,.daterangepicker .drp-calendar {
        float: left;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width:auto;
    }

    .daterangepicker .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.jssorl-oval img {
    animation-name: jssorl-oval;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-oval {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.jssorb051 .i {
    position: absolute;
    cursor: pointer;
}

.jssorb051 .i .b {
    fill: #fff;
    fill-opacity: 0.5;
    stroke: #000;
    stroke-width: 400;
    stroke-miterlimit: 10;
    stroke-opacity: 0.5;
}

.jssorb051 .i:hover .b {
    fill-opacity: .7;
}

.jssorb051 .iav .b {
    fill-opacity: 1;
}

.jssorb051 .i.idn {
    opacity: .3;
}

.jssora051 {
    display: block;
    position: absolute;
    cursor: pointer;
}

.jssora051 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 360;
    stroke-miterlimit: 10;
}

.jssora051:hover {
    opacity: .8;
}

.jssora051.jssora051dn {
    opacity: .5;
}

.jssora051.jssora051ds {
    opacity: .3;
    pointer-events: none;
}

div.caption_title {
    background: url(assets/css/../images/bg_slidercontent.png) no-repeat top left;
    width: 381px;
    height: 185px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    padding: 30px 62px;
    box-sizing: border-box;
}

@charset "utf-8";:root {
    --root-blue: #0d6efd;
    --root-indigo: #6610f2;
    --root-purple: #6f42c1;
    --root-pink: #d63384;
    --root-red: #dc3545;
    --root-orange: #fd7e14;
    --root-yellow: #ffc107;
    --root-green: #198754;
    --root-teal: #20c997;
    --root-cyan: #0dcaf0;
    --root-white: #fff;
    --root-gray: #6c757d;
    --root-gray-dark: #343a40;
    --root-primary: #0d6efd;
    --root-secondary: #6c757d;
    --root-success: #198754;
    --root-info: #0dcaf0;
    --root-warning: #ffc107;
    --root-danger: #dc3545;
    --root-light: #f8f9fa;
    --root-dark: #212529;
    --root-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --root-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --root-gradient: linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0))
}

* {
    margin: 0px;
    padding: 0px;
    outline: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: var(--inter-rg),Arial, Helvetica, sans-serif !important;
    overflow-x: hidden;
    font-size: 14px;
    background-color: #fff;
    top: 0 !important;
}

a {
    color: #000;
    text-decoration: none
}

ol,ul {
    list-style: none
}

p {
    margin-bottom: 10px
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.container {
    max-width: 1220px!important;
    padding: 0px 10px;
    box-sizing: border-box;
    margin: 0 auto;
}

.container-s {
    max-width: 1330px!important;
    padding: 0px 15px;
    box-sizing: border-box;
    margin: 0 auto;
}

.clearfix {
    zoom:1 }

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

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    line-height: 1.1;
    margin-top: 7px!important;
    margin-bottom: 7px!important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-control::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    font-size: 14px;
}

.input-control::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-size: 14px;
}

.input-control:-ms-input-placeholder {
    color: #000;
    opacity: 1;
    font-size: 14px;
}

.input-control::-ms-input-placeholder {
    color: #000;
    opacity: 1;
    font-size: 14px;
}

.input-control::placeholder {
    color: #000;
    opacity: 1;
    font-size: 14px;
}

.txt-input {
    width: 100%;
    height: 40px;
    background: #FFF;
    border: 1px solid #DDD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 10px;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
    outline: none;
}

.txt-input:focus {
    color: #000;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.txt-input::-webkit-input-placeholder {
    color: #000;
    font-family: var(--root-font-sans-serif);
    font-weight: 400;
    font-size: 14px;
}

.txt-input:-moz-placeholder {
    color: #000;
    font-family: var(--root-font-sans-serif);
    font-weight: 400;
    font-size: 14px;
}

.txt-input::-moz-placeholder {
    color: #000;
    font-family: var(--root-font-sans-serif);
    font-weight: 400;
    font-size: 14px;
}

.txt-input:-ms-input-placeholder {
    color: #000;
    font-family: var(--root-font-sans-serif);
    font-weight: 400;
    font-size: 14px;
}

.border {
    border: 1px solid #ccc
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-radius {
    border-radius: 50%
}

.h--2 {
    height: 35px;
}

.row0 {
    margin: 0px
}

.row5 {
    margin: 0px -5px;
}

.row10 {
    margin: 0px -10px;
}

.row {
    margin: 0px -10px;
}

.row20 {
    margin: 0px -20px;
}

.item0 {
    padding: 0px 0px;
}

.item0-2 {
    padding: 0px 1.5rem;
}

.item5 {
    padding: 0px 5px;
}

.item {
    padding: 0px 10px
}

.item10 {
    padding: 0px 10px;
}

.item20 {
    padding: 0px 20px;
}

.col--3 {
    width: 3%
}

.col--10 {
    width: 10%
}

.col-15 {
    width: 15%
}

.col-20 {
    width: 20%
}

.col-22 {
    width: 22%
}

.col-25 {
    width: 25%
}

.col-30 {
    width: 30%
}

.col-35 {
    width: 35%
}

.col-40 {
    width: 40%
}

.col-50 {
    width: 50%
}

.col-55 {
    width: 55%
}

.col-60 {
    width: 60%
}

.col-70 {
    width: 70%
}

.col-75 {
    width: 75%
}

.col-78 {
    width: 78%
}

.col-80 {
    width: 80%
}

.col-90 {
    width: 90%
}

.col-94 {
    width: 94%
}

.col-100 {
    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);
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 1;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 5;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 6;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-7 {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 7;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-8 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 8;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-9 {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 9;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.line-10 {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    -moz-line-clamp: 10;
    -moz-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.mg0 {
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.mg5 {
    margin: 5px;
}

.mg10 {
    margin: 10px;
}

.mg15 {
    margin: 15px;
}

.mg20 {
    margin: 20px;
}

.mg25 {
    margin: 25px;
}

.mg30 {
    margin: 30px;
}

.mg35 {
    margin: 35px;
}

.mg40 {
    margin: 40px;
}

.mg45 {
    margin: 45px;
}

.mg50 {
    margin: 50px;
}

.mg55 {
    margin: 55px;
}

.mg60 {
    margin: 60px;
}

.mg65 {
    margin: 65px;
}

.mg70 {
    margin: 70px;
}

.mg75 {
    margin: 75px;
}

.mg80 {
    margin: 80px;
}

.mg85 {
    margin: 85px;
}

.mg90 {
    margin: 90px;
}

.mg95 {
    margin: 95px;
}

.mg100 {
    margin: 100px;
}

.mt5 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px !important;
}

.mt75 {
    margin-top: 75px;
}

.mt80 {
    margin-top: 80px;
}

.mt85 {
    margin-top: 85px;
}

.mt90 {
    margin-top: 90px;
}

.mt95 {
    margin-top: 95px;
}

.mt100 {
    margin-top: 100px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb65 {
    margin-bottom: 65px;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb75 {
    margin-bottom: 75px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb85 {
    margin-bottom: 85px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb95 {
    margin-bottom: 95px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb110 {
    margin-bottom: 110px;
}

.mb120 {
    margin-bottom: 120px;
}

.ml0 {
    margin-left: 0px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}

.ml55 {
    margin-left: 55px;
}

.ml60 {
    margin-left: 60px;
}

.ml65 {
    margin-left: 65px;
}

.ml70 {
    margin-left: 70px;
}

.ml75 {
    margin-left: 75px;
}

.ml80 {
    margin-left: 80px;
}

.ml85 {
    margin-left: 85px;
}

.ml90 {
    margin-left: 90px;
}

.ml95 {
    margin-left: 95px;
}

.ml100 {
    margin-left: 100px;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.mr50 {
    margin-right: 50px;
}

.mr55 {
    margin-right: 55px;
}

.mr60 {
    margin-right: 60px;
}

.mr65 {
    margin-right: 65px;
}

.mr70 {
    margin-right: 70px;
}

.mr75 {
    margin-right: 75px;
}

.mr80 {
    margin-right: 80px;
}

.mr85 {
    margin-right: 85px;
}

.mr90 {
    margin-right: 90px;
}

.mr95 {
    margin-right: 95px;
}

.mr100 {
    margin-right: 100px;
}

.pd0 {
    padding: 0px !important;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.pd25 {
    padding: 25px;
}

.pd30 {
    padding: 30px;
}

.pd35 {
    padding: 35px;
}

.pd40 {
    padding: 40px;
}

.pd45 {
    padding: 45px;
}

.pd50 {
    padding: 50px;
}

.pd55 {
    padding: 55px;
}

.pd60 {
    padding: 60px;
}

.pd65 {
    padding: 65px;
}

.pd70 {
    padding: 70px;
}

.pd75 {
    padding: 75px;
}

.pd80 {
    padding: 80px;
}

.pd85 {
    padding: 85px;
}

.pd90 {
    padding: 90px;
}

.pd95 {
    padding: 95px;
}

.pd100 {
    padding: 100px;
}

.pt0 {
    padding-top: 0px!important
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

.pt50 {
    padding-top: 50px;
}

.pt55 {
    padding-top: 55px;
}

.pt60 {
    padding-top: 60px;
}

.pt65 {
    padding-top: 65px;
}

.pt70 {
    padding-top: 70px;
}

.pt75 {
    padding-top: 75px;
}

.pt80 {
    padding-top: 80px;
}

.pt85 {
    padding-top: 85px;
}

.pt90 {
    padding-top: 90px;
}

.pt95 {
    padding-top: 95px;
}

.pt100 {
    padding-top: 100px;
}

.pb0 {
    padding-bottom: 0px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px!important
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb45 {
    padding-bottom: 45px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb55 {
    padding-bottom: 55px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb65 {
    padding-bottom: 65px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb75 {
    padding-bottom: 75px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb85 {
    padding-bottom: 85px;
}

.pb90 {
    padding-bottom: 90px;
}

.pb95 {
    padding-bottom: 95px;
}

.pb100 {
    padding-bottom: 100px;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important;
}

.pl30 {
    padding-left: 30px!important
}

.pl35 {
    padding-left: 35px!important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px;
}

.pl50 {
    padding-left: 50px !important;
}

.pl55 {
    padding-left: 55px;
}

.pl60 {
    padding-left: 60px !important;
}

.pl65 {
    padding-left: 65px;
}

.pl70 {
    padding-left: 70px;
}

.pl75 {
    padding-left: 75px;
}

.pl80 {
    padding-left: 80px !important;
}

.pl85 {
    padding-left: 85px;
}

.pl90 {
    padding-left: 90px;
}

.pl95 {
    padding-left: 95px;
}

.pl100 {
    padding-left: 100px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr55 {
    padding-right: 55px;
}

.pr60 {
    padding-right: 60px !important;
}

.pr65 {
    padding-right: 65px;
}

.pr70 {
    padding-right: 70px;
}

.pr75 {
    padding-right: 75px;
}

.pr80 {
    padding-right: 80px;
}

.pr85 {
    padding-right: 85px;
}

.pr90 {
    padding-right: 90px;
}

.pr95 {
    padding-right: 95px;
}

.pr100 {
    padding-right: 100px;
}

.cl-white {
    color: white!important
}

.cl-black {
    color: black
}

.cl-red {
    color: #f00
}

.cl-website {
    color: var(--html-bg-website)
}

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

.bg-white {
    background-color: white !important
}

.bg-bray {
    background-color: #f1f1f1f1
}

.img-block {
    display: block
}

.img-middle {
    vertical-align: middle
}

.mx {
    margin: 0 auto
}

.font-2x {
    font-size: 1.4em
}
.btn-header.p-relative{z-index: 1;}
.p-relative {
    position: relative;
    /* z-index: 1; */
}

.p-absolute {
    position: absolute;
}

.p-sticky {
    position: sticky;
}

.p-static {
    position: static;
}

.cs-pointer {
    cursor: pointer;
}

.t-center {
    text-align: center
}

.t-end {
    text-align: end
}

.t-uppercase {
    text-transform: uppercase
}

.j-text {
    text-align: justify
}

.txt-input-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

textarea::placeholder {
    font-size: 14px;
    font-family: 'Arial';
}

.hidden {
    display: none
}

.o-hidden {
    overflow: hidden
}

.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
}

.justify-content-evenly {
    -ms-flex-pack: distribute !important;
    justify-content: space-evenly !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-center {
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

@media (max-width: 992px) {
}

@media (max-width: 767px) {
    .d-none-m {
        display:none!important
    }

    .d-block-m {
        display: block!important
    }

    .flex-start-m {
        justify-content: flex-start!important
    }

    .d-flex-m {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .flex-wrap-m {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-nowrap-m {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .max-width {
        max-width: 100%!important
    }

    .font-13 {
        font-size: 13px!important
    }

    .w-5-m {
        width: 5%
    }

    .w-10-m {
        width: 10%
    }

    .w-15-m {
        width: 15%
    }

    .w-20-m {
        width: 20%
    }

    .w-25-m {
        width: 25%
    }

    .w-30-m {
        width: 30%!important
    }

    .w-35-m {
        width: 35%
    }

    .w-40-m {
        width: 40%
    }

    .w-45-m {
        width: 45%
    }

    .w-50-m {
        width: 50%
    }

    .w-55-m {
        width: 55%
    }

    .w-60-m {
        width: 60%
    }

    .w-65-m {
        width: 65%
    }

    .w-70-m {
        width: 70%
    }

    .w-75-m {
        width: 75%
    }

    .w-80-m {
        width: 80%
    }

    .w-85-m {
        width: 85%
    }

    .w-90-m {
        width: 90%
    }

    .w-95-m {
        width: 95%
    }

    .w-100-m {
        width: 100%!important
    }

    .line-1i {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-2i {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-3i {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-6i {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .mg0i {
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .mg5i {
        margin: 5px;
    }

    .mg10i {
        margin: 10px;
    }

    .mg15i {
        margin: 15px;
    }

    .mg20i {
        margin: 20px;
    }

    .mg25i {
        margin: 25px;
    }

    .mg30i {
        margin: 30px;
    }

    .mg35i {
        margin: 35px;
    }

    .mg40i {
        margin: 40px;
    }

    .mg45i {
        margin: 45px;
    }

    .mg50i {
        margin: 50px;
    }

    .mg55i {
        margin: 55px;
    }

    .mg60i {
        margin: 60px;
    }

    .mg65i {
        margin: 65px;
    }

    .mg70i {
        margin: 70px;
    }

    .mg75i {
        margin: 75px;
    }

    .mg80i {
        margin: 80px;
    }

    .mg85i {
        margin: 85px;
    }

    .mg90i {
        margin: 90px;
    }

    .mg95i {
        margin: 95px;
    }

    .mg100i {
        margin: 100px;
    }

    .mt5i {
        margin-top: 0px;
    }

    .mt5i {
        margin-top: 5px;
    }

    .mt10i {
        margin-top: 10px;
    }

    .mt15i {
        margin-top: 15px;
    }

    .mt20i {
        margin-top: 20px;
    }

    .mt25i {
        margin-top: 25px;
    }

    .mt30i {
        margin-top: 30px;
    }

    .mt35i {
        margin-top: 35px;
    }

    .mt40i {
        margin-top: 40px;
    }

    .mt45i {
        margin-top: 45px;
    }

    .mt50i {
        margin-top: 50px;
    }

    .mt55i {
        margin-top: 55px;
    }

    .mt60i {
        margin-top: 60px;
    }

    .mt65i {
        margin-top: 65px;
    }

    .mt70i {
        margin-top: 70px;
    }

    .mt75i {
        margin-top: 75px;
    }

    .mt80i {
        margin-top: 80px;
    }

    .mt85i {
        margin-top: 85px;
    }

    .mt90i {
        margin-top: 90px;
    }

    .mt95i {
        margin-top: 95px;
    }

    .mt100i {
        margin-top: 100px;
    }

    .mb0i {
        margin-bottom: 0px;
    }

    .mb5i {
        margin-bottom: 5px;
    }

    .mb10i {
        margin-bottom: 10px;
    }

    .mb15i {
        margin-bottom: 15px;
    }

    .mb20i {
        margin-bottom: 20px;
    }

    .mb25i {
        margin-bottom: 25px;
    }

    .mb30i {
        margin-bottom: 30px;
    }

    .mb35i {
        margin-bottom: 35px;
    }

    .mb40i {
        margin-bottom: 40px;
    }

    .mb45i {
        margin-bottom: 45px;
    }

    .mb50i {
        margin-bottom: 50px;
    }

    .mb55i {
        margin-bottom: 55px;
    }

    .mb60i {
        margin-bottom: 60px;
    }

    .mb65i {
        margin-bottom: 65px;
    }

    .mb70i {
        margin-bottom: 70px;
    }

    .mb75i {
        margin-bottom: 75px;
    }

    .mb80i {
        margin-bottom: 80px;
    }

    .mb85i {
        margin-bottom: 85px;
    }

    .mb90i {
        margin-bottom: 90px;
    }

    .mb95i {
        margin-bottom: 95px;
    }

    .mb100i {
        margin-bottom: 100px;
    }

    .ml0i {
        margin-left: 0px;
    }

    .ml5i {
        margin-left: 5px;
    }

    .ml10i {
        margin-left: 10px;
    }

    .ml15i {
        margin-left: 15px;
    }

    .ml20i {
        margin-left: 20px;
    }

    .ml25i {
        margin-left: 25px;
    }

    .ml30i {
        margin-left: 30px;
    }

    .ml35i {
        margin-left: 35px;
    }

    .ml40i {
        margin-left: 40px;
    }

    .ml45i {
        margin-left: 45px;
    }

    .ml50i {
        margin-left: 50px;
    }

    .ml55i {
        margin-left: 55px;
    }

    .ml60i {
        margin-left: 60px;
    }

    .ml65i {
        margin-left: 65px;
    }

    .ml70i {
        margin-left: 70px;
    }

    .ml75i {
        margin-left: 75px;
    }

    .ml80i {
        margin-left: 80px;
    }

    .ml85i {
        margin-left: 85px;
    }

    .ml90i {
        margin-left: 90px;
    }

    .ml95i {
        margin-left: 95px;
    }

    .ml100i {
        margin-left: 100px;
    }

    .mr0i {
        margin-right: 0px;
    }

    .mr5i {
        margin-right: 5px;
    }

    .mr10i {
        margin-right: 10px;
    }

    .mr15i {
        margin-right: 15px;
    }

    .mr20i {
        margin-right: 20px;
    }

    .mr25i {
        margin-right: 25px;
    }

    .mr30i {
        margin-right: 30px;
    }

    .mr35i {
        margin-right: 35px;
    }

    .mr40i {
        margin-right: 40px;
    }

    .mr45i {
        margin-right: 45px;
    }

    .mr50i {
        margin-right: 50px;
    }

    .mr55i {
        margin-right: 55px;
    }

    .mr60i {
        margin-right: 60px;
    }

    .mr65i {
        margin-right: 65px;
    }

    .mr70i {
        margin-right: 70px;
    }

    .mr75i {
        margin-right: 75px;
    }

    .mr80i {
        margin-right: 80px;
    }

    .mr85i {
        margin-right: 85px;
    }

    .mr90i {
        margin-right: 90px;
    }

    .mr95i {
        margin-right: 95px;
    }

    .mr100i {
        margin-right: 100px;
    }

    .pd0i {
        padding: 0px;
    }

    .pd5i {
        padding: 5px;
    }

    .pd10i {
        padding: 10px;
    }

    .pd15i {
        padding: 15px;
    }

    .pd20i {
        padding: 20px;
    }

    .pd25i {
        padding: 25px;
    }

    .pd30i {
        padding: 30px;
    }

    .pd35i {
        padding: 35px;
    }

    .pd40i {
        padding: 40px;
    }

    .pd45i {
        padding: 45px;
    }

    .pd50i {
        padding: 50px;
    }

    .pd55i {
        padding: 55px;
    }

    .pd60i {
        padding: 60px;
    }

    .pd65i {
        padding: 65px;
    }

    .pd70i {
        padding: 70px;
    }

    .pd75i {
        padding: 75px;
    }

    .pd80i {
        padding: 80px;
    }

    .pd85i {
        padding: 85px;
    }

    .pd90i {
        padding: 90px;
    }

    .pd95i {
        padding: 95px;
    }

    .pd100i {
        padding: 100px;
    }

    .pt0i {
        padding-top: 0px!important
    }

    .pt5i {
        padding-top: 5px;
    }

    .pt10i {
        padding-top: 10px;
    }

    .pt15i {
        padding-top: 15px;
    }

    .pt20i {
        padding-top: 20px;
    }

    .pt25i {
        padding-top: 25px;
    }

    .pt30i {
        padding-top: 30px;
    }

    .pt35i {
        padding-top: 35px;
    }

    .pt40i {
        padding-top: 40px;
    }

    .pt45i {
        padding-top: 45px;
    }

    .pt50i {
        padding-top: 50px;
    }

    .pt55i {
        padding-top: 55px;
    }

    .pt60i {
        padding-top: 60px;
    }

    .pt65i {
        padding-top: 65px;
    }

    .pt70i {
        padding-top: 70px;
    }

    .pt75i {
        padding-top: 75px;
    }

    .pt80i {
        padding-top: 80px;
    }

    .pt85i {
        padding-top: 85px;
    }

    .pt90i {
        padding-top: 90px;
    }

    .pt95i {
        padding-top: 95px;
    }

    .pt100i {
        padding-top: 100px;
    }

    .pb0i {
        padding-bottom: 0px!important
    }

    .pb5i {
        padding-bottom: 5px;
    }

    .pb10i {
        padding-bottom: 10px;
    }

    .pb15i {
        padding-bottom: 15px;
    }

    .pb20i {
        padding-bottom: 20px;
    }

    .pb25i {
        padding-bottom: 25px;
    }

    .pb30i {
        padding-bottom: 30px;
    }

    .pb35i {
        padding-bottom: 35px;
    }

    .pb40i {
        padding-bottom: 40px;
    }

    .pb45i {
        padding-bottom: 45px;
    }

    .pb50i {
        padding-bottom: 50px;
    }

    .pb55i {
        padding-bottom: 55px;
    }

    .pb60i {
        padding-bottom: 60px;
    }

    .pb65i {
        padding-bottom: 65px;
    }

    .pb70i {
        padding-bottom: 70px;
    }

    .pb75i {
        padding-bottom: 75px;
    }

    .pb80i {
        padding-bottom: 80px;
    }

    .pb85i {
        padding-bottom: 85px;
    }

    .pb90i {
        padding-bottom: 90px;
    }

    .pb95i {
        padding-bottom: 95px;
    }

    .pb100i {
        padding-bottom: 100px;
    }

    .pl0i {
        padding-left: 0px;
    }

    .pl5i {
        padding-left: 5px;
    }

    .pl10i {
        padding-left: 10px!important
    }

    .pl15i {
        padding-left: 15px;
    }

    .pl20i {
        padding-left: 20px;
    }

    .pl25i {
        padding-left: 25px;
    }

    .pl30i {
        padding-left: 30px;
    }

    .pl35i {
        padding-left: 35px;
    }

    .pl40i {
        padding-left: 40px;
    }

    .pl45i {
        padding-left: 45px;
    }

    .pl50i {
        padding-left: 50px;
    }

    .pl55i {
        padding-left: 55px;
    }

    .pl60i {
        padding-left: 60px;
    }

    .pl65i {
        padding-left: 65px;
    }

    .pl70i {
        padding-left: 70px;
    }

    .pl75i {
        padding-left: 75px;
    }

    .pl80i {
        padding-left: 80px;
    }

    .pl85i {
        padding-left: 85px;
    }

    .pl90i {
        padding-left: 90px;
    }

    .pl95i {
        padding-left: 95px;
    }

    .pl100i {
        padding-left: 100px;
    }

    .pr0i {
        padding-right: 0px;
    }

    .pr5i {
        padding-right: 5px;
    }

    .pr10i {
        padding-right: 10px;
    }

    .pr15i {
        padding-right: 15px;
    }

    .pr20i {
        padding-right: 20px;
    }

    .pr25i {
        padding-right: 25px;
    }

    .pr30i {
        padding-right: 30px;
    }

    .pr35i {
        padding-right: 35px;
    }

    .pr40i {
        padding-right: 40px;
    }

    .pr45i {
        padding-right: 45px;
    }

    .pr50i {
        padding-right: 50px;
    }

    .pr55i {
        padding-right: 55px;
    }

    .pr60i {
        padding-right: 60px;
    }

    .pr65i {
        padding-right: 65px;
    }

    .pr70i {
        padding-right: 70px;
    }

    .pr75i {
        padding-right: 75px;
    }

    .pr80i {
        padding-right: 80px;
    }

    .pr85i {
        padding-right: 85px;
    }

    .pr90i {
        padding-right: 90px;
    }

    .pr95i {
        padding-right: 95px;
    }

    .pr100i {
        padding-right: 100px;
    }
}

@media (max-width: 414px) {
}

@media (max-width: 375px) {
}

@media (max-width: 360px) {
}

@media (max-width: 320px) {
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,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-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,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-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__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
    }
}

.animate__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)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-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)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    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 shakeX {
    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)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-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)
    }
}

.animate__headShake {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-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)
    }
}

.animate__swing {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

@-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)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    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: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    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: translateZ(0);
        transform: translateZ(0)
    }

    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)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

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

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-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)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -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) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@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) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@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) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@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) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    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) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__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
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animate__animated.animate__flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -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% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg)
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg)
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0)
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-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: translateZ(0);
        transform: translateZ(0)
    }
}

@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: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__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)
    }
}

.animate__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
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-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)
    }
}

@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)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-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)
    }
}

@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)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__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)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

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

@keyframes move {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bounceAlphaY {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(10px) scale(0.9);
        transform: translateY(10px) scale(0.9);
    }

    26% {
        opacity: 0;
        -webkit-transform: translateY(-10px) scale(0.9);
        transform: translateY(-10px) scale(0.9);
    }

    55% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

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

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

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

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

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

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

@-moz-keyframes spinimg {
    100% {
        -moz-transform: rotateY(360deg);
    }
}

@-webkit-keyframes spinimg {
    100% {
        -webkit-transform: rotateY(360deg);
    }
}

@keyframes spinimg {
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes rolate {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    25% {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
    }

    50% {
        -webkit-transform: rotate3d(0, 0, 1, 180deg);
        transform: rotate3d(0, 0, 1, 180deg);
    }

    75% {
        -webkit-transform: rotate3d(0, 0, 1, 270deg);
        transform: rotate3d(0, 0, 1, 270deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

@keyframes animate-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--html-bg-website), 0 0 0 0 0;
    }

    40% {
        box-shadow: 0 0 0 50px rgb(255 109 74 / 0%), 0 0 0 0 var(--html-bg-website);
    }

    80% {
        box-shadow: 0 0 0 50px rgb(255 109 74 / 0%), 0 0 0 30px rgb(255 109 74 / 0%);
    }

    100% {
        box-shadow: 0 0 0 0 rgb(255 109 74 / 0%), 0 0 0 30px rgb(255 109 74 / 0%);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.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 #ccc;
    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;
}

.hover-line__boder {
    position: relative;
}

.hover-line__boder:hover::after, .hover-line__boder:hover::before {
    width: 100%;
}

.hover-line__boder::before {
    bottom: 0px;
    left: 0;
}

.hover-line__boder::after, .hover-line__boder::before {
    content: " ";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 1;
}

.hover-line__boder::after {
    top: 0px;
    right: 0;
}

.hover-line__boder:hover .hover-line__boder-outline::after, .hover-line__boder:hover .hover-line__boder-outline::before {
    height: 100%;
}

.hover-line__boder .hover-line__boder-outline::before {
    right: 0px;
    bottom: 0;
}

.hover-line__boder .hover-line__boder-outline::after, .hover-line__boder .hover-line__boder-outline::before {
    content: " ";
    position: absolute;
    height: 0;
    width: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 1;
}

.hover-line__boder .hover-line__boder-outline::after {
    left: 0px;
    top: 0;
}

.hover-left {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.hover-left:hover::before {
    animation: shine 1s;
}

.hover-left::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

@-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
    }
}

@-webkit-keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@keyframes shadow {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1
    }

    20% {
        transform: rotate(0deg) scale(1.2) skew(1deg);
        opacity: .2
    }

    40% {
        transform: rotate(0deg) scale(1.3) skew(1deg);
        opacity: .4
    }

    60% {
        transform: rotate(0deg) scale(1.4) skew(1deg);
        opacity: .6
    }

    80% {
        transform: rotate(0deg) scale(1.5) skew(1deg);
        opacity: .4
    }

    100% {
        transform: rotate(0deg) scale(1.6) skew(1deg);
        opacity: .1
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }

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

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

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

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

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

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

@-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)
    }
}

@keyframes shine {
    from {
        left: -75%;
    }

    to {
        left : 125%
    }
}

@keyframes fadeOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes light-right {
    0% {
        right: -5%;
        opacity: 0
    }

    50% {
        right: 50%;
        opacity: 1
    }

    to {
        right: 105%;
        opacity: 0
    }
}

@keyframes light-left {
    0% {
        left: -5%;
        opacity: 0
    }

    50% {
        left: 50%;
        opacity: 1
    }

    to {
        left: 105%;
        opacity: 0
    }
}

@keyframes moverBox {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.box-shadown__tpl {
    box-shadow: 2px 2px 7px #ccc;
}

.a-one {
    width: 100px;
    height: 100px;
    background-color: #3D9CFF;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 150px;
    animation: MoveUpDown 5s linear infinite;
}

.a-two {
    width: 150px;
    height: 150px;
    background-color: #3D9CFF;
    opacity: 0.7;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    left: 200px;
    animation: MoveUpDownTwo 9s linear infinite;
}

.a-three {
    width: 120px;
    height: 120px;
    background-color: red;
    opacity: 0.2;
    border-radius: 50%;
    position: absolute;
    bottom: 120px;
    left: 300px;
    animation: MoveUpDownThree 5s linear infinite;
}

.a-four {
    width: 80px;
    height: 80px;
    background-color: red;
    opacity: 0.4;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    animation: MoveUpDownFour 15s linear infinite;
}

.a-five {
    width: 50px;
    height: 50px;
    background-color: var(--html-cl-website);
    opacity: 0.9;
    border-radius: 50%;
    position: absolute;
    bottom: 200px;
    right: 0;
    animation: MoveUpDownFive 8s linear infinite;
}

.a-six {
    width: 140px;
    height: 140px;
    background-color: var(--html-cl-website);
    opacity: 0.6;
    border-radius: 50%;
    position: absolute;
    bottom: 250px;
    right: 200px;
    animation: MoveUpDownSix 7s linear infinite;
}

.a-seven {
    width: 200px;
    height: 200px;
    background-color: var(--html-cl-website);
    opacity: 0.3;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 350px;
    right: 0;
    animation: MoveUpDownSeven 6s linear infinite;
}

.a-eight {
    width: 75px;
    height: 75px;
    background-color: var(--html-cl-website);
    opacity: 0.4;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 350px;
    animation: MoveUpDownEight 11s linear infinite;
}

.a-nine {
    width: 45px;
    height: 45px;
    background-color: var(--html-cl-website);
    opacity: 0.7;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    left: 450px;
    animation: MoveUpDownNine 12s linear infinite;
}

.a-ten {
    width: 120px;
    height: 120px;
    background-color: #aebf41;
    opacity: 0.6;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    animation: MoveUpDownTen 14s linear infinite;
}

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 300px;
    }
}

@keyframes MoveUpDownTwo {
    0%, 100% {
        left: 0;
    }

    50% {
        bottom: 500px;
    }
}

@keyframes MoveUpDownThree {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 400px;
    }
}

@keyframes MoveUpDownFour {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 350px;
    }
}

@keyframes MoveUpDownFive {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 250px;
    }
}

@keyframes MoveUpDownSix {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 500px;
    }
}

@keyframes MoveUpDownSeven {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 375px;
    }
}

@keyframes MoveUpDownEight {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 370px;
    }
}

@keyframes MoveUpDownNine {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 475px;
    }
}

@keyframes MoveUpDownTen {
    0%, 100% {
        bottom: 0;
    }

    50% {
        bottom: 500px;
    }
}

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }

    25% {
        opacity: 0;
        -webkit-transform: translateX(10px) scale(0.9);
        transform: translateX(10px) scale(0.9);
    }

    26% {
        opacity: 0;
        -webkit-transform: translateX(-10px) scale(0.9);
        transform: translateX(-10px) scale(0.9);
    }

    55% {
        opacity: 1;
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
    }
}

@keyframes fireworks {
    0% {
        -webkit-mask-position: 0%;
    }

    50%, 100% {
        -webkit-mask-position: 100% 100%;
    }
}

@keyframes random {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(200%, 50%) scale(0.8);
    }

    50% {
        transform: translate(80%, 80%) scale(1.2);
    }

    75% {
        transform: translate(20%, 60%) scale(0.65);
    }
}

@keyframes random_color {
    0% {
        background-color: #FFEFAD;
    }

    25% {
        background-color: #ffadad;
    }

    50% {
        background-color: #aeadff;
    }

    75% {
        background-color: #adffd9;
    }
}

.fireworks {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #FFEFAD;
    -webkit-mask: url(assets/css/../../../images/phaohoa.png) right top no-repeat;
    -webkit-mask-size: auto 100px;
    animation: fireworks 2s steps(24) infinite, random 8s steps(1) infinite, random_color 1s infinite;
}

.star-box {
    width: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.star-animate {
    z-index: 124 !important;
    width: 100%;
    height: 100%;
    animation: star linear 1.55s infinite;
    -moz-animation: star linear 1.55s infinite;
    -webkit-animation: star linear 1.55s infinite;
    -o-animation: star linear 1.55s infinite;
}

@keyframes star {
    0% {
        transform: rotate(0) scale(0);
    }

    50% {
        transform: rotate(180deg) scale(1.5);
    }

    100% {
        transform: rotate(360deg) scale(0);
    }
}

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: none;
    background-color: rgba(0, 0, 0, .6);
}

#loader.active {
    display: block;
    z-index: 200;
}

.loader {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
}

.loader .inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

.loader .inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #EFEFFA;
}

.loader .inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #EFEFFA;
}

.loader .inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #EFEFFA;
}
.nav-menu{margin-left: 45px;/* margin-right:50px; */}
ul.nav-menu>li.active:not(.items-lastchild)::after,ul.nav-menu>li:hover:not(.items-lastchild)::after {
    visibility: visible;
    opacity: 1;
}

ul.nav-menu>li {
    padding: 0rem;
    position: relative;
    text-align: center;
}

ul.nav-menu>li>h2,ul.nav-menu>li>h3 {
    margin-bottom: 0!important;
    margin-top: 0!important;
    line-height: initial;
    font-size: 1.4rem;
}

ul.nav-menu>li>a,ul.nav-menu>li>div>a,ul.nav-menu>li>h2>a,ul.nav-menu>li>h3>a {
    color: #ffffff;
    /* font: bold 15px/normal var(--inter-bold); */
    font-weight: bold;
    position: relative;
    z-index: 2;
    white-space: nowrap;
    transition: all .4s;
    font-size: 15px;
    padding: 10px 14px;
    min-height: 36.5px;
    display: inline-block;
    border-radius: 7px;
}

ul.nav-menu>li.active:hover>h2>a,ul.nav-menu>li:hover>h2>a,ul.nav-menu>li.active:hover>h3>a,ul.nav-menu>li:hover>h3>a,ul.nav-menu>li:hover>a,ul.nav-menu>li.active>h2>a,ul.nav-menu>li.active>h3>a,ul.nav-menu>li.active>a {
    background: var(--html-cl-website);
}

.nav-menu>li>h2>a::before,.nav-menu>li>a::before {
    content: "";
    background: var(--html-bg-website);
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    height: 0.2rem;
    width: 0;
    position: absolute;
    visibility: hidden;
    transition: all 0.4s;
}

ul.nav-menu>li>ul,ul.nav-menu>li>ul>li>ul,ul.nav-menu>li>ul>li>ul>li>ul {
    position: absolute;
    top: 30px;
    left: 0px;
    background: #fff;
    margin-top: 20px;
    min-width: 200px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 2px 2px 7px #ccc;
    z-index: 124;
}

ul.nav-menu>li:hover>ul,ul.nav-menu>li>ul>li:hover>ul,ul.nav-menu>li>ul>li>ul>li:hover>ul {
    margin-top: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

ul.nav-menu>li>ul>li:hover>ul,ul.nav-menu>li>ul>li>ul>li:hover>ul {
    box-shadow: unset;
}

ul.nav-menu>li>ul>li h3,ul.nav-menu>li>ul>li h4,ul.nav-menu>li>ul>li h5 {
    margin: 0px !important;
}

ul.nav-menu>li:not(.dropdown-table)>ul>li a {
    padding: 10px 16px;
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #d1d1d1;
}

ul.nav-menu>li:not(.dropdown-table)>ul>li:last-child>a,ul.nav-menu>li:not(.dropdown-table)>ul>li:last-child>h2>a,ul.nav-menu>li:not(.dropdown-table)>ul>li:last-child>h3>a {
    border-bottom: 0;
}

ul.nav-menu>li>ul>li>ul,ul.nav-menu>li>ul>li>ul>li>ul {
    left: 100%;
    top: 0px;
}

ul.nav-menu>li:not(.dropdown-table)>ul>li>ul>li>ul>li:last-child a {
    border-bottom: 0;
}

ul.nav-menu>li:not(.dropdown-table)>ul>li a:hover {
    color: #fff;
    background-color: var(--html-bg-website);
}

ul.nav-menu>li:not(.dropdown-table)>ul>li>ul>li:last-child a {
    border-bottom: 0;
}

ul.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

ul.pagination>li>a {
    display: inline-block;
    padding: 7px 12px;
    margin: 0px 5px 5px 0px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    color: #000;
    background: transparent;
    border: 1px solid var(--html-bg-website);
    font-family: var(--monts-medium), Arial, Helvetica, sans-serif;
}

ul.pagination>li>a.current,ul.pagination>li>a:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-50%);
}

.owl-dot.active span {
    background-color: var(--html-bg-website) !important;
    border: 1px solid #fff;
}

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

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

.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-prev,.owl-carousel .owl-next {
    opacity: 0;
    transition: .2s;
}

.owl-nav .owl-prev {
    box-shadow: 6px 0 4px rgb(0 0 0 / 5%), 4px 0 4px rgb(0 0 0 / 9%);
    border-radius: 0 4px 4px 0;
    left: 0px;
}

.owl-nav>div {
    background: rgba(255, 255, 255, .9) !important;
    height: 60px;
    width: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.owl-nav>div {
    background: rgba(255, 255, 255, .9) !important;
}

.owl-carousel.in-home .arrowleft,.owl-carousel.in-home .arrowright {
    top: 30%;
}

.owl-carousel.in-home .arrowleft,.owl-carousel.in-home .arrowright {
    top: 35%;
}

.owl-carousel .arrowleft {
    left: -5px;
}

.owl-carousel .arrowleft,.owl-carousel .arrowright {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 18px;
}

.owl-carousel .arrowleft svg,.owl-carousel .arrowright svg {
    width: 25px !important;
    height: 25px !important;
}

.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next {
    opacity: 1;
}

.owl-carousel .a {
    fill: none;
    stroke: #000;
    stroke-width: 560;
    stroke-miterlimit: 10;
}

.owl-carousel.in-home .arrowleft,.owl-carousel.in-home .arrowright {
    top: 30%;
}

.owl-carousel.in-home .arrowleft,.owl-carousel.in-home .arrowright {
    top: 35%;
}

.owl-carousel .arrowright {
    right: -5px;
}

.owl-carousel .arrowleft,.owl-carousel .arrowright {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 18px;
}

.owl-carousel .arrowleft svg,.owl-carousel .arrowright svg {
    width: 30px !important;
    height: 30px !important;
}

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

.owl-nav .owl-next {
    box-shadow: -6px 0 4px rgb(0 0 0 / 5%), -4px 0 4px rgb(0 0 0 / 9%);
    border-radius: 4px 0 0 4px;
    right: 0px;
}

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

.slider-flexbox .owl-stage {
    display: flex !important;
    flex-wrap: wrap;
}

.slider-flexbox .owl-item {
    display: flex !important;
    flex-direction: column;
}

#back-to-top .top.animate_top {
    bottom: 100px;
    opacity: 1 !important;
    display: block !important;
    cursor: pointer;
}

#back-to-top .top.animate_top {
    bottom: 100px;
    opacity: 1 !important;
    display: block !important;
    cursor: pointer;
}

#back-to-top .top {
    position: fixed;
    bottom: -50px;
    z-index: 9;
    top: auto;
    right: 15px;
    width: 35px;
    height: 35px;
    opacity: 0;
    line-height: 35px;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    background: #FFF;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0 !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 0px 0px 20px #ccc;
    transition: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.6s;
}

#back-to-top .top .fa {
    font-size: 22px;
    color: var(--html-bg-website);
    font-weight: bold;
}

.tool-pc {
    position: fixed;
    right: 13px;
    border-radius: 5px;
    width: auto;
    z-index: 10000;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 0;
}

.tool-pc ul>li {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 4px;
    box-shadow: 2px 2px 7px #ccc;
    transition: all 0.4s;
}

.tool-pc ul>li a {
    border: none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}

.wrapper-top__right-cart-aside-qty {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid #fff;
    background: #ff4848;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.tool-pc ul>li:hover {
    transform: scale(1.1);
    transition: all 0.4s;
}

.tool-pc ul>li a i.tool-cart {
    background: url(assets/css/../../../images/icons8-basket-80.png) no-repeat center center/cover;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
}

.tool-pc ul>li a i.tool-zalo {
    background: url(assets/css/../../../images/icons8-zalo.svg) no-repeat center center/cover;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.tool-pc ul>li a i.tool-messenger {
    background: url(assets/css/../../../images/icons8-facebook-messenger.svg) no-repeat center center/cover;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}

.tool-pc ul>li a i.tool-phone {
    background: url(assets/css/../../../images/icons8-phone.svg) no-repeat center center/cover;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
}

.tool-pc ul>li a i.tool-address {
    background: url(assets/css/../../../images/icons8-google-maps.svg) no-repeat center center/cover;
}

[class^="icons-"] {
    background-size: contain!important;
    width: 36px;
    height: 36px;
    display: block;
}

.hotline-right {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 10px;
    background: var(--html-bg-website);
    top: 40%;
    border-radius: 100%;
    text-align: Center;
    color: #ffffff;
    padding-top: 10px;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.hotline-right::before {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px 20px var(--html-bg-website);
    content: "";
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: shadow 1s infinite ease;
    -webkit-animation: shadow 1s infinite ease;
    -moz-animation: shadow 1s infinite ease;
    -o-animation: shadow 1s infinite ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.hotline-right::after {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px 20px var(--html-bg-website);
    content: "";
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: shadow 1.4s 1000ms infinite;
    -webkit-animation: shadow 1.4s 1000ms infinite;
    -moz-animation: shadow 1.4s 1000ms infinite;
    -o-animation: shadow 1.4s 1000ms infinite;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hotline-right i.fab-hothotline1 {
    background-color: transparent;
}

.hotline-right i.fab-hothotline1 {
    font-size: 21px;
    line-height: 17px;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.support-content {
    width: 250px;
    position: absolute;
    background: #fff;
    top: 0;
    right: calc(100% + 20px);
    padding: 18px;
    color: #000;
    text-align: left;
    font-size: 17px;
    line-height: 25px;
    border: solid 2px var(--html-bg-website);
    border-radius: 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -mos-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -mos-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
}

.support-content::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--html-bg-website);
    position: absolute;
    left: 101%;
}

.jssora093 {
    display: block;
    position: absolute;
    cursor: pointer;
}

.jssora093 .c {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
}

.jssora093 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
}

.jssora093:hover {
    opacity: .8;
}

.jssora093.jssora093dn {
    opacity: .6;
}

.jssora093.jssora093ds {
    opacity: .3;
    pointer-events: none;
}

.jssorb057 .i {
    position: absolute;
    cursor: pointer;
}

.jssorb057 .i .b {
    fill: none;
    stroke: #fff;
    stroke-width: 2000;
    stroke-miterlimit: 10;
    stroke-opacity: 0.4;
}

.jssorb057 .i:hover .b {
    stroke-opacity: .7;
}

.jssorb057 .iav .b {
    stroke-opacity: 1;
}

.jssorb057 .i.idn {
    opacity: .3;
}

.support-content p {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.support-content .line a {
    display: block;
    padding-left: 30px;
    position: relative;
    color: var(--html-bg-website);
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.support-content .line a:before {
    content: "\f130";
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 28px;
    line-height: 28px;
    border-radius: 0.5rem;
}

.support-content.active {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -mos-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}

.wrapper-register__boxleft {
    padding: 4rem;
    border-radius: 0.4rem;
}

.wrapper-register__boxleft {
    position: relative;
}

.wrapper-register__boxleft-form-row input {
    width: 100%;
    height: 4.6rem;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.4rem;
    padding-left: 1.8rem;
    line-height: 3.9rem;
    color: #000;
    font-size: 1.5rem;
    user-select: none;
}

.wrapper-register__boxleft-form-row {
    margin-bottom: 1.8rem;
}

.wrapper-register__boxleft-form-row textarea {
    width: 100%;
    height: 17rem;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.4rem;
    padding-left: 1.8rem;
    line-height: 3.9rem;
    color: #000;
    font-size: 1.6rem;
    font-family: var(--inter-main), Arial, Helvetica, sans-serif;
}

.wrapper-register__boxleft-form-row textarea::placeholder {
    font-size: 1.6rem;
    font-family: var(--inter-main), Arial, Helvetica, sans-serif;
}

.wrapper-register__boxleft-form-row-captcha {
    background-color: #fff;
    justify-content: space-between;
    padding: 1rem 1.6rem;
    height: 4.6rem;
    line-height: 4.6rem;
    border-radius: 0.2rem;
    user-select: none;
}

.wrapper-register__boxleft-captcha {
    font-size: 1.5rem;
    color: #48484A;
}

.wrapper-register__boxleft-reload {
    border: 0;
    background: transparent;
    outline: none;
    user-select: none;
    font-size: 1.8rem;
    cursor: pointer;
    padding-left: 1.6rem;
    border-left: 1px solid #D1D1D6;
}

.wrapper-register__boxleft-form-row>button {
    width: 100%;
    height: 4.5rem;
    border: 1px solid var(--html-cl-website);
    line-height: 4rem;
    background: var(--html-cl-website);
    font-size: 1.6rem;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    color: #000;
    outline: none;
    border-radius: 0.4rem;
    transition: all 0.2s;
    cursor: pointer;
}

.wrapper-register__boxleft-form-row>button:hover {
    background: var(--html-cl-website);
    border: 1px solid var(--html-cl-website);
    color: #fff;
}

.wrapper-register__boxleft-reload>i {
    transition: all 0.4s;
}

.wrapper-register__boxleft-reload:hover>i {
    transform: rotate(360deg);
}

.wrapper-register__boxleft-form-row select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.wrapper-register__boxleft-form-row select {
    width: 100%;
    border: none;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    padding: 11px 15px;
    font-size: 1.6rem;
    line-height: 1.4;
    border-radius: 0.4rem;
    padding-right: 3rem;
}

.fake-arrow {
    position: relative;
}

.fake-arrow::after {
    content: "";
    position: absolute;
    border-top: 5px solid var(--html-bg-website);
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: translateY(-50%);
    right: 15px;
    top: 50%;
}

.wrapper-customer__box {
    padding: 2rem;
    background: #fff;
    transition: all 0.2s;
    box-shadow: 2px 2px 7px #ccc;
}

.wrapper-customer__scroll {
    max-height: 470px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 1rem;
    padding-top: 1rem;
}

.wrapper-customer__aside {
    position: relative;
    padding-right: 9rem;
}

.wrapper-customer__box-info {
    margin-top: 40px;
}

.starceiling-title__allpage--customers {
    text-align: left;
}

.wrapper-customer__box-img {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
}

.wrapper-customer__box-img>span {
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
}

.wrapper-customer__box-img>span>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.wrapper-customer__box-info-star {
    margin-bottom: 2rem;
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.wrapper-customer__box-info-star>i.on-star {
    color: #FF9500;
}

.wrapper-customer__box-info-star>i {
    font-size: 1.8rem;
}

.wrapper-customer__box-info-title-job {
    margin-bottom: 2rem;
    text-align: center;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.wrapper-customer__box-info-title-job>span {
    font-size: 1.5rem;
    color: #7088FF;
}

.wrapper-customer__box-info-des {
    font-size: 1.4rem;
    color: #8E8E93;
    line-height: 1.5;
    height: calc(14px * 4.5);
    text-align: center;
}

.wrapper-customer__box-info-title {
    text-align: center;
    line-height: 1.5;
}

.wrapper-customer__box-info-title>span {
    color: #2C2C2E;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
}

.wrapper-register__bgfake-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: var(--html-sc-website);
}

.wrapper-register-titlefake {
    clip-path: polygon(8% 0, 92% 0, 100% 100%, 0% 100%);
    background: var(--html-sc-website);
    padding: 1rem 2rem;
    width: 500px;
    text-align: center;
    position: absolute;
    top: calc(50% - 20px);
    right: calc(50% - 252px);
    transform: rotate(270deg) translateY(-50%);
}

.wrapper-register-titlefake>span {
    font-size: 3.2rem;
    color: #fff;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.wrapper-customer__scroll::-webkit-scrollbar {
    width: 4px;
}

.wrapper-customer__scroll::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
}

.wrapper-customer__scroll::-webkit-scrollbar-track {
    background: none;
}

.wrapper-customer__scroll:hover::-webkit-scrollbar-thumb {
    background: var(--html-bg-website);
}

.wrapper-customer__scroll:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.wrapper-customer__box:hover {
    box-shadow: 2px 2px 7px var(--html-bg-website);
    transform: translateY(-0.5rem);
}

.pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination ul li {
    margin-right: 10px;
}

.pagination ul li a {
    display: block;
    cursor: pointer;
    font-size: 1.4rem;
    color: #000;
    background: #fff;
    min-width: 3.2rem;
    height: 3.2rem;
    text-align: center;
    display: flex;
    border-radius: 0.4rem;
    align-items: center;
    justify-content: center;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    border: 1px solid transparent;
    transition: all 0.2s;
    border: 2px solid #ccc;
}

.pagination ul li a i {
    font-size: 1.4rem;
    color: #000;
    transition: all 0.2s;
}

.pagination ul li.actived a {
    color: #fff;
    cursor: pointer;
    background: var(--html-bg-website);
    border: 2px solid #FFECAE;
}

.pagination ul li a:hover {
    background: var(--html-bg-website);
    color: #fff;
    border-color: #FFECAE;
}

.modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99999;
    display: block !important;
    animation: move 1s ease-in-out;
}

.modal-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 7px #ccc;
}

.modal-header {
    position: relative;
    padding: 1rem;
    border-bottom: 1px solid #ccc;
}

.modal-header .title {
    text-align: center;
    font-size: 20px;
    color: var(--html-bg-website);
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

span.close-modal {
    position: absolute;
    right: -20px;
    top: -5px;
    color: #fff;
    background-color: #b90000;
    padding: 5px 8px;
    cursor: pointer;
    border-bottom-left-radius: 10px;
}

.modal-content::after {
    width: 100%;
    left: 0px;
    top: 0px;
    content: '';
    position: absolute;
    height: 5px;
    background-image: linear-gradient(-60deg, var(--html-bg-website) 0%, #86f306 50%, #ec656b 100%);
}

.wrap-modal__two-layer {
    border: 1px solid var(--html-bg-website);
}

.modal-body__label {
    display: block;
    padding: 1rem;
}

.flex-100 {
    flex: 1;
}

.modal-body__label {
    display: block;
    padding: 1rem;
    background: #ddd;
}

.modal-body__content {
    display: block;
    color: #000;
    font-size: 1.4rem;
    padding: 1rem;
}

.modal-body__content {
    border-left: 1px solid var(--html-bg-website);
}

.modal-body__content-price {
    color: red;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0.7rem;
}

.modal-checkout__payship {
    font-size: 1.4rem;
    color: var(--html-bg-website);
}

.modal-checkout__payship>span,.modal-checkout__payment>span {
    color: red;
}

.modal-checkout__payment {
    font-size: 1.4rem;
    color: var(--html-bg-website);
}

a.btn-taovandon {
    background: var(--html-bg-website);
    color: var(--white-color);
    width: 100%;
    border: none;
    height: 40px;
    line-height: 40px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    display: block;
    text-align: center;
    border-radius: 0.5rem;
}

a.btn-taovandon:hover {
    background: red;
    color: #fff;
}

.nav-menu__formsearchheader {
    border-radius: 0.5rem;
    overflow: hidden;
    transition: all 0.1s;
    box-sizing: border-box;
    position: absolute;
    top: 150%;
    right: 0;
    transition: ease-in-out 0.2s;
    visibility: hidden;
    opacity: 0;
    z-index: 123;
}

.nav-menu__formsearchheader.activeS {
    visibility: visible;
    opacity: 1;
    box-shadow: 2px 2px 7px #ccc;
}

.nav-menu__formsearchheader>input {
    border: none;
    outline: none;
    background: #f9f9f9;
    height: 3.5rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    color: #000;
    user-select: none;
}

.nav-menu__formsearchheader-button {
    height: 3.5rem;
    border: none;
    outline: none;
    padding: 1rem;
    display: flex;
    align-items: center;
    background: var(--html-bg-website);
    cursor: pointer;
    color: #fff;
    user-select: none;
}

.cursor {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid var(--html-bg-website);
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    z-index: 9999999999;
}

.cursor2 {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: var(--html-bg-website);
    opacity: .3;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width .3s, height .3s, opacity .3s;
    z-index: 999999999;
}

.section-top.fixed {
    background: #fff;
}

.wrapper-menu__header-mobile-list {
    display: flex;
    align-items: center;
    width: 90%;
    overflow-y: hidden;
    overflow-x: auto;
}

.wrapper-menu__header-mobile-list::-webkit-scrollbar {
    display: none;
}

.wrapper-menu__header-mobile-items {
    padding-right: 2rem;
    line-height: 1.3;
}

.wrapper-menu__header-mobile-links {
    font-size: 1.4rem;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.wrapper-menu__header-mobile-next-menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #000;
    cursor: pointer;
}

.wrapper-menu__header-mobile-items.activeMenuMobile>a {
    color: var(--html-bg-website);
}

.section-top.fixed .logo__left {
}

@media (max-width: 739px) {
    .box__menu__mobile {
        display:flex;
        align-items: center;
        justify-content: space-between;
    }

    .logo__left>a {
        width: 84px;
        text-align: center;
        transition: all .4s;
    }

    .section-topmobile.fixed .logo__left>a {
        width: 50px;
    }

    .logo__left>a>img {
        object-fit: scale-down;
    }

    .logo__left img {
        margin-left: 0;
    }

    .search-Click>i {
        font-size: 1.4rem;
    }

    .video-slider__index {
        width: 100%;
        object-fit: cover;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -ms-object-fit: cover;
        -o-object-fit: cover;
        aspect-ratio: 16 / 9;
        height: auto;
    }
}

.box-footer__top-company-wrap-layout-socical>li>a>img {
    width: 40px;
    height: 40px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.wrap-top__aside-socical>.socical>li>a>img {
    width: 24px;
    height: 24px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

#hamburger {
    display: block;
    width: 35px;
    height: 22px;
    position: relative;
}

#hamburger:before {
    top: 2px;
}

#hamburger:before,#hamburger:after,#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

#hamburger:before,#hamburger:after,#hamburger span {
    background: var(--html-bg-website);
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    position: absolute;
    left: 0px;
    border-radius: 1rem;
}

#hamburger:before,#hamburger:after,#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

#hamburger span {
    top: 10px;
}

#hamburger:before,#hamburger:after,#hamburger span {
    background: var(--html-bg-website);
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
    border-radius: 1rem;
}

#hamburger:after {
    top: 18px;
}

.box-modal-menu::-webkit-scrollbar {
    width: 0px;
}

.box-modal-menu {
    position: fixed;
    padding: 0;
    margin: 0;
    top: 0px;
    left: 0;
    background-color: #f2f4f9;
    z-index: 130;
    height: 100vh;
    width: 100%;
    transition: all 0.3s ease-in-out;
    transform: translateX(-100%);
    overflow-y: scroll;
    z-index: 99999;
}

ul.social_list>li>div:nth-child(1) {
    background: #fff;
    padding: 15px 0;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all .5s ease-in-out;
}

.ic-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease-in-out;
}

#nav__menu>ul>li>h2 {
    margin: 0 !important;
}

#nav__menu>ul>li ul {
    display: none !important;
}

.count-product__menumobile {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #9da7bc;
    padding-left: 5px;
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
}

.ic-arrow span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.ic-arrow span::before {
    width: 9.5px;
    height: 1px;
    content: "";
    position: absolute;
    background-color: #000;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
}

.ic-arrow span::after {
    width: 9.5px;
    height: 1px;
    content: "";
    position: absolute;
    background-color: #000;
    top: 50%;
    right: 0px;
    transform: translateY(-50%) rotate(-45deg);
}

ul.social_list>li>div:nth-child(2) {
    background: #f9f9f9;
    padding: 20px;
    display: none;
}

ul.lienhe_list li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.lienhe_list li i {
    width: 50px;
    display: block;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    position: relative;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

ul.lienhe_list li a i.tool-messenger::before {
    background-image: url(assets/css/../../../images/icons8-facebook-messenger.svg);
}

ul.lienhe_list li a i.tool-zalo::before {
    background-image: url(assets/css/../../../images/icons8-zalo.svg);
}

ul.lienhe_list li a i.tool-phone::before {
    background-image: url(assets/css/../../../images/icons8-phone.svg);
}

ul.lienhe_list li a i.tool-map::before {
    background-image: url(assets/css/../../../images/icons8-google-maps.svg);
}

ul.lienhe_list li a i.tienich::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background-position: center center;
    background-size: 100%;
}

.box-modal-menu.active {
    transform: translateX(0);
}

.box-modal-menu ul.menu_list {
    background-color: #f2f4f9;
}

ul.menu_list li {
    transition: all 0.5s ease-in-out;
}

.box-modal-menu ul.menu_list li a:not(.toggle-btn, .no-menu-css) {
    font-size: 14px;
    width: calc(100% - 5px);
    color: #222b45;
    padding: 15px 20px;
    display: block;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    margin-right: 50px;
}

ul.menu_list>li:nth-child(n+2) {
    border-top: 1px solid #e4e9f2;
}

.box-modal-menu ul>li>ul {
    display: none;
}

ul.menu_list>li ul {
    padding-inline-start:20px;}

.ic-arrow.active {
    transform: translateY(-50%) rotate(180deg);
}

.box-modal-menu__header-box {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.box-modal-menu__header-box-close>span,.box-modal-menu__header-box-home>span,.box-modal-menu__header-box-home-login,.box-modal-menu__header-box-home-login>span,.box-modal-menu__header-box-home-regis,.box-modal-menu__header-box-home-regis>span {
    display: block;
    font-size: 1.2rem;
}

.box-modal-menu__header {
    background: linear-gradient(180deg, var(--html-bg-website) 26.54%, var(--html-bg-website) 100%);
    padding: 8px;
}

.box-modal-menu__header-box-close,.box-modal-menu__header-box-home,.box-modal-menu__header-box-home-login,.box-modal-menu__header-box-home-regis {
    min-width: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem 0;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 0.5rem;
}

.box-modal-menu__header-box-home-account {
    flex: 2;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0.5rem;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 0.5rem;
}

.box-modal-menu__header-box-home-account-title {
    width: calc(100% - 45px);
}

.ic-arrowp-product {
    position: relative;
}

.ic-arrowp-product::before {
    border-top: 1px solid #222b45;
    border-left: 1px solid #222b45;
    content: '';
    width: 9.5px;
    height: 9.5px;
    top: 20px;
    transform: rotate(135deg);
    position: absolute;
    right: 22px;
}

.wrapper-cat__product-box {
    border-radius: 0.6rem;
    background: #fff;
    padding: 8px;
}

.wrapper-cat__product-box-title {
    font-size: 1.4rem;
    line-height: 1.5;
    max-height: calc(14px * 3);
    text-align: center;
}

.wrapper-cat__product-box-title>a {
    font-size: 1.4rem;
    color: #000;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.box-modal-menu__header-box-home-account-avatar {
    width: 35px;
    height: 35px;
}

.box-modal-menu__header-box-home-account-avatar>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -o-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    border-radius: 50%;
}

.box-modal-menu__header-box-search {
    display: flex;
    background: #fff;
    align-items: center;
    height: 4.3rem;
    line-height: 4.3rem;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    gap: 0.5rem;
}

.box-modal-menu__header-box-search>input {
    width: 100%;
    height: 100%;
    background: transparent;
    user-select: none;
    border: 0;
    color: #000;
    outline: none;
}

.box-modal-menu__header-box-search>button {
    cursor: pointer;
    user-select: none;
    background: transparent;
    border: 0;
}

.box-modal-menu__header-box-search>button>i {
    font-size: 1.6rem;
}

.wrapper-nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    gap: 10px;
    visibility: hidden;
    opacity: 0;
}

.wrapper-nav__menu.wrappers__list-menu-box-loaded {
    visibility: visible;
    opacity: 1;
}

.wrapper__nav-prev-menu {
    left: 0;
    top: calc(50% - 5px);
    cursor: pointer;
    transform: translateY(-50%);
}

.wrapper__nav-prev-menu,.wrapper__nav-next-menu {
    width: auto;
    display: block;
    height: auto;
    position: absolute;
}

.wrapper__nav-next-menu {
    right: 0px;
    top: calc(50% - 5px);
    cursor: pointer;
    transform: translateY(-50%);
}

.wrapper-nav__menu-ofstage {
    width: 100%;
    overflow: auto;
    padding: 0px 2px 0px 2px;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 10px;
}

.wrapper-nav__menu-list {
    display: flex;
    flex-wrap: unset;
    padding-left: 0;
    margin-bottom: 0;
    margin: 0 auto;
}

.wrapper-nav__menu-item>a {
    user-select: none;
    position: relative;
    font-size: 1.5rem;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: left;
}

.wrapper-listservice__aside {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.wrapper-listservice__aside-left {
    width: 80%;
    padding-right: 20px;
}

.wrapper-nav__menu-item {
    text-align: center;
}

.box__menu__mobile-left {
    width: 100%;
    display: flex;
    justify-content: center;
}

.wrapper-listservice__aside-right {
    width: 20%;
}

.wrapper__nav-prev-menu>span::before {
    content: "\f0d9";
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    font-size: 24px;
    color: #000;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
    font-weight: 100;
}

.wrapper__nav-next-menu>span::before {
    content: "\f0da";
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    font-size: 24px;
    color: #000;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-75%, -50%);
    transform: translate(-75%, -50%);
    font-weight: 100;
}

.wrapper-nav__menu-ofstage::-webkit-scrollbar {
    display: none;
}

.wrapper-nav__menu-item>a.activeM {
    color: var(--html-cl-website);
}

.wrapper-nav__menu-item>a.activeM::before {
    width: 100%;
}

.wrapper-nav__menu-item>a:hover {
    color: var(--html-cl-website);
}

.wrapper-nav__menu-item>a:hover::before {
    width: 100%;
}

.wrapper-formregis__title-small>span {
    font-size: 1.6rem;
    color: #fff;
    display: block;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.wrapper-formregis__title-big>span {
    font-size: 5rem;
    color: #fff;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    display: block;
}

.wrapper-formregis__title-big>span>strong {
    color: var(--html-bg-website);
}

.wrapper-nav__menu-item--right>a {
    text-align: left;
}

.service-slide .owl-item {
    padding-right: 1.5rem;
    border-right: 1px solid #fff;
}

.wrapper-listservice__aside-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapper-nav__menu-nextprev {
    display: flex;
    gap: 1.5rem;
}

.wrapper-nav__menu-nextprev>span {
    cursor: pointer;
    font-size: 1.8rem;
    color: #fff;
    transition: all 0.2s;
}

.wrapper-nav__menu-nextprev>span:hover {
    color: var(--html-cl-website);
}

.service-slide .owl-item:nth-child(4) {
    border-right: 0;
}

.wrapper-listservice__aside-right {
    position: relative;
}

.wrapper-listservice__aside-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    width: 1px;
    height: 17.25px;
    background: #fff;
}

@media (max-width: 992px) {
    div#wrapper {
        overflow:hidden;
    }
}

.t-uppercase {
    text-transform: uppercase;
}

.bg-white {
    background-color: white;
}

.t-center {
    text-align: center;
}

.t-right {
    text-align: right;
}

.t-left {
    text-align: left;
}

.o-hidden {
    overflow: hidden;
}

ol#breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 0px;
    padding-left: 10px;
    margin: 5px 0px;
    margin-top: 0.5rem;
    background: #f1f1f1;
    border-left: 3px solid var(--html-bg-website);
}

.breadcumb--detail {
    background: var(--html-bg-website);
    border-left: 3px solid var(--html-cl-website);
}

ol#breadcrumb li {
    padding: 0px 10px;
    position: relative;
}

ol#breadcrumb li:first-child {
    padding-left: 0;
}

.breadcumb--detail li {
    padding: 0px 10px;
    position: relative;
}

ol#breadcrumb>li>a>span {
    color: #000;
}

ol#breadcrumb li:last-child>a>span {
    color: #000;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.breadcumb--detail li:first-child {
    padding-left: 10px !important;
}

.hidden {
    visibility: hidden;
}

.hidden {
    display: none;
}

ol#breadcrumb li+li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    left: -5px;
    top: 50%;
    -webkit-transform: translate(0%, -50%) rotate(45deg);
    transform: translate(0%, -50%) rotate(45deg);
}

.title-container h1>span,.title-default h1>span {
    position: relative;
    display: inline-block;
    color: var(--html-bg-website);
    font-size: 2.6rem;
    font-weight: normal;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}

.title-default--detail h1>span {
    font-size: 2.2rem;
    margin-bottom: 0;
}

.title-default--detail h1>span::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: url(assets/css/../../../images/icon/line-title_178_32.svg) no-repeat center center/contain;
    width: 178px;
    height: 32px;
    display: none;
}

.fixed {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 131 !important;
    animation: fadeOpacity 0.5s ease-in-out;
}

.toc-wrapper {
    background: #eeeeee;
    border: 1px solid #dedede;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    display: table;
    max-width: 40%;
    margin-bottom: 1em;
    padding: 10px;
    position: relative;
}

.toc-title-container {
    display: table;
    width: 100%;
}

.toc-title-container>div {
    margin: 7px 0;
    font-size: 14px;
    font-weight: normal;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

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 rgb(0 0 0 / 20%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);
}

.toc-list {
    display: none;
}

.toc-list ol {
    counter-reset: item;
}

.toc-list ol li {
    display: table;
    counter-increment: item;
    list-style: none;
    line-height: 20px;
}

.toc-list ol li a {
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    position: relative;
    z-index: 0;
    overflow-x: hidden;
}

.toc-list>ol>li ol {
    margin-left: 10px;
}

.toc-list ol {
    counter-reset: item;
}

.toc-list a:hover {
    text-decoration: underline;
}

.append__subject {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #e03232;
    height: 66px;
    width: 100%;
    line-height: 90px;
    content: "";
    background: #ffffffba;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff', GradientType=0);
}

.append__subject a {
    cursor: pointer;
    color: var(--html-bg-website);
    font-size: 1.6rem;
    padding: 0.5rem;
    border: 1px solid var(--html-bg-website);
    border-radius: 0.5rem;
}

.append__subject.activeSubject {
    background: transparent;
}

.starceiling-service__box {
    background-color: #fff;
    border-radius: 0.8rem;
    border: 1px solid #E5E5EA;
    transition: all 0.2s;
    padding: 1.6rem;
}

.starceiling-service__box-img>a {
    border-radius: 0.8rem;
}

.starceiling-service__box-img>a>img {
    border-radius: 0.8rem;
}

.starceiling-service__box-detail {
    padding-top: 1.6rem;
}

.starceiling-service__box-detail-line {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--html-sc-website);
}

.starceiling-service__box-detail-title {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: normal;
    max-height: calc(20px * 2.8);
}

.starceiling-service__box-detail-title>a {
    font-size: 2rem;
    color: #000;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    transition: all 0.2s;
}

.starceiling-service__box-detail-des {
    font-size: 1.6rem;
    color: #8E8E93;
    line-height: 1.4;
    height: calc(16px * 2.8);
}

.post-img:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background: rgba(0, 0, 0, .7);
    content: "";
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    opacity: 0;
    z-index: 112;
}

.box-post {
    padding-right: 50px;
}

.post-img {
    display: block;
    padding: 5px;
    background: #fff;
    box-shadow: 5px 5px 0px 0px #bebebe;
    overflow: hidden;
    position: relative;
    border: thin solid #bebebe;
    margin-bottom: 20px;
}

.post-img span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #fff;
    color: #fff;
    height: 30px;
    width: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    font-weight: 100;
    margin-top: -15px;
    margin-left: -15px;
    opacity: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transform: scale(0.2, 0.2);
    -webkit-transform: scale(0.2, 0.2);
    -moz-transform: scale(0.2, 0.2);
    -o-transform: scale(0.2, 0.2);
    -ms-transform: scale(0.2, 0.2);
    z-index: 112;
}

h3.post-name {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}

h3.post-name a {
    color: #333;
    font-weight: normal;
    transition: 0.2s all ease;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.post-date {
    border-top: thin solid #dedede;
    line-height: 30px;
    font-family: var(--monts-light), Arial, Helvetica, sans-serif;
}

.clearfix {
    zoom:1;}

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

.post-desc {
    line-height: 2rem;
    max-height: 4rem;
}

.j-text {
    text-align: justify;
}

.wrapper-sidebar__right-detail__box-content-time>span {
    font-size: 1.1rem;
    color: #7d7a7a;
}

.wrapper-featured__news {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

.sidebar__head {
    background-color: #f1f1f1;
    padding: 7px 5px 7px 20px;
    position: relative;
    margin-bottom: 10px;
}

.sidebar__head:before {
    content: "";
    border-color: #fff #eaeaea #fff #fff;
    border-style: solid;
    border-width: 20px 20px 0 0;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}

.sidebar__head span {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    color: var(--html-bg-website);
}

.wrapper-featured__news-list {
    max-height: 710px;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper-featured__news-link {
    display: flex;
    gap: 1.5rem;
}

.wrapper-featured__news-img {
    width: 12rem;
}

.wrapper-featured__news-img>span>img {
    width: 100%;
    height: 8.4rem;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
}

.wrapper-featured__news-info {
    flex: 1;
}

.wrapper-featured__news-info-title {
    line-height: 1.3;
    font-size: 1.3rem;
    max-height: calc(3.9 * 13px);
}

.wrapper-featured__news-info-title>span {
    font-size: 1.3rem;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    color: #000;
}

.wrapper-featured__news-info-date {
    margin-top: 5px;
}

.wrapper-featured__news-info-date>span {
    font-size: 1.2rem;
}

.pucblisher {
    color: #000;
    font-style: italic;
}

figure figcaption {
    background-color: #f1f1f1;
    padding: 10px;
    font-style: italic;
    font-size: 12px;
    margin: 7px 0px;
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote {
    display: block;
    margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;margin-inline-end:40px;}

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 0px;
    padding: 1em 10px 1rem 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote p {
    display: inline;
}

.contact-phone {
    width: 100%;
    margin: 5px 0;
    overflow: hidden;
}

.contact-phone ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.contact-phone ul li {
    width: 49%;
    float: left;
    margin-right: 2%;
    background-color: #288AD6;
    color: #fff;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
}

.contact-phone ul li a {
    color: #fff;
    display: block;
    width: 100%;
    text-decoration: none;
}

.contact-phone ul li p:last-of-type {
    font-size: 12px;
    margin: 0;
}

.contact-phone ul li:last-of-type {
    margin-right: 0;
    background: rgba(58, 85, 159, 1);
}

.wrap-list__related {
    padding: 10px;
    background: rgb(199 199 199 / 15%);
    border-radius: 5px;
}

.wrap-list__related-title {
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
}

.wrap-list__related-nav {
    max-height: 175px;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrap-list__related-links {
    font-size: 14px;
    padding: 5px 0;
    color: #000;
    transition: all 0.2s;
    display: block;
    text-transform: capitalize;
}

.wrap-list__related-links:hover {
    color: var(--html-bg-website);
    transform: translateX(5px);
}

.wrapper-news__detail {
    padding-bottom: 2rem;
}

.wrap-aside__socical {
    padding: 10px;
    border-radius: 5px;
    background: rgb(199 199 199 / 15%);
}

.wrap-title__socialdetail {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.wrappers-news-detail-author__aside {
    padding: 2rem;
    background: rgb(199 199 199 / 15%);
    border-radius: 1rem;
}

.wrappers-news-detail__author {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.wrappers-news-detail__author-img {
    width: 12rem;
}

.wrappers-news-detail__author-img>a {
    border-radius: 50%;
    background: #fff;
    padding: 1rem;
}

.wrappers-news-detail__author-img>a>img {
    width: 100%;
    height: auto;
    object-fit: scale-down;
    -ms-object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -o-object-fit: scale-down;
    -moz-object-fit: scale-down;
    aspect-ratio: 120 / 120;
    border-radius: 50%;
}

.wrappers-news-detail__author-content {
    flex: 1;
    padding-left: 2rem;
}

.wrappers-news-detail__author-content-title>a {
    font-size: 2rem;
    color: var(--html-bg-website);
    font-family: var(--inter-black), Arial, Helvetica, sans-serif;
}

.wrappers-news-detail__author-content-socical-list {
    gap: 1rem;
}

.wrappers-news-detail__author-content-socical-list>li>a {
    width: 3.2rem;
}

.wrappers-news-detail__author-content-socical-list>li>a>img {
    width: 3.2rem;
    height: 3.2rem;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    aspect-ratio: 32 / 32;
}

.box-comment__detail {
    padding: 1rem;
    background: rgb(199 199 199 / 15%);
    border-radius: 0.5rem;
}

.wrappers-news-detail__author-view-btn>a {
    padding: 1rem;
    border-radius: 0.4rem;
    border: 1px solid var(--html-bg-website);
    user-select: none;
    transition: all 0.2s;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    display: inline-block;
    color: var(--html-bg-website);
}

.wrappers-news-detail__author-view-btn>a:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.wrappers-news-detail__author-view-btn>a>i {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.wrappers-author__top {
    display: flex;
    gap: 2rem;
}

.wrappers-author__top-img {
    width: 120px;
}

.wrappers-author__top-img>span {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background: #fff;
    padding: 1rem;
    box-shadow: 2px 2px 7px #ccc;
}

.wrappers-author__top-img>span>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-tab-size: scale-down;
}

.wrappers-author__top-img-detail {
    flex: 1;
}

.wrappers-author__top-img-detail-title {
    line-height: 1.4;
}

.wrappers-author__top-img-detail-job {
    line-height: 1.4;
}

.wrappers-author__top-img-detail-job>span {
    font-size: 1.6rem;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    color: #8E8E93;
}

.wrappers-author__top-img-detail-title>span {
    font-size: 2.4rem;
    font-family: var(--inter-black), Arial, Helvetica, sans-serif;
    color: var(--html-bg-website);
}

.wrapper-featured__author .wrapper-featured__news-img {
    width: 8.4rem;
}

.wrapper-featured__news-info-job {
    margin-top: 5px;
}

.wrapper-featured__news-info-job>span {
    font-size: 1.2rem;
    color: #8E8E93;
}

.wrapper-featured__author .wrapper-featured__news-img>span {
    width: 8.4rem;
    height: 8.4rem;
    border-radius: 50%;
}

.wrapper-featured__author .wrapper-featured__news-img>span>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.wrapper-author__post-message {
    margin-top: 20px;
    text-align: center;
}

.wrapper-author__post-message>button {
    background: var(--html-bg-website);
    border-radius: 0.4rem;
    border: 1px solid var(--html-bg-website);
    cursor: pointer;
    transition: all 0.2s;
    outline: none;
    padding: 1rem;
    color: #fff;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.wrapper-author__post {
    padding: 20px;
    border-radius: 5px;
    background: rgb(199 199 199 / 15%);
}

.wrapper-author__post-title {
    line-height: 1.4;
}

.wrapper-author__post-title>a {
    font-size: 2rem;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.wrapper-author__post-des {
    font-size: 1.8rem;
    line-height: 1.4;
}

.wrapper-author__post-view>span {
    font-size: 1.6rem;
    color: #8E8E93;
}

.title-content {
    background: #f8f8f8;
    color: #5A5A5A;
    font-size: 16px;
    padding: 1rem;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.box-detail-content {
    margin: 20px 10px 10px;
}

.bg-article {
    background: linear-gradient(to bottom, rgba(255 255 255/0), rgba(255 255 255/62.5), rgba(255 255 255/1));
    bottom: 0;
    height: 105px;
    left: 0;
    position: absolute;
    width: 100%;
    transition: all 0.2s;
}

.bg-article.nobackground {
    display: none;
}

.box-detail-content-btnview {
    text-align: center;
}

.box-detail-content-btnview>button {
    color: #2f80ed;
    border: 0;
    position: relative;
    background: transparent;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all 0.2s;
}

.box-detail-content-btnview>button:hover {
    color: red;
}

.box-detail>h1 {
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    line-height: 1.5;
    font-weight: normal;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

span.desc-span {
    color: #333;
    padding: 10px 0;
    font-weight: normal;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.price-new-product {
    color: #f00;
    font-size: 20px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.box-detail>ul>li {
    line-height: 22px;
    padding: 5px 0px;
    font-size: 13px;
    border-bottom: thin solid #99999945;
}

.box-detail>ul>li:last-child {
    border-bottom: thin solid transparent;
}

.bg-cart-fix {
    background-color: #FFE6AD;
    padding: 10px;
    border-radius: 4px;
}

.wrap_qty {
    position: relative;
    display: flex;
    align-items: center;
}

.wrap_qty span.up,.wrap_qty span.down {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    font-family: 'Arial';
    color: #000;
    user-select: none;
}

.wrap_qty input {
    background: #fff;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    border-radius: 2px;
    padding: 0px 0px 0px 0px;
    width: 40px;
    color: #000;
}

.input-text.qty {
    height: 28px;
    text-align: center;
    margin-left: -1px;
    margin-right: -1px;
}

.wrap_qty span.up {
    font-size: 2rem;
}

.btn-cart-css {
    background: var(--html-bg-website);
    padding: 0 12px;
    font-size: 14px;
    height: 43px;
    margin-right: 10px;
    border: 0;
    color: #fff;
    border-radius: 4px;
}

#detail-product {
    width: 100%;
    background: #F5F5F5;
}

#detail-product .img-top img {
    max-width: 100%;
    display: block;
}

#detail-product .img-bottom {
    padding-top: 10px;
    margin-top: 10px;
    position: relative;
    width: 100%;
    margin: auto;
}

#detail-product .img-bottom .img img {
    border: 1px solid #e5e5e5;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 88 / 88;
    display: block;
    height: auto;
}

#detail-product .img-bottom .img .mz-thumb-selected img {
    border: 1px solid var(--html-bg-website) !important;
}

#detail-product .img-bottom .img .mz-thumb:hover img {
    border: 1px solid var(--html-bg-website) !important;
}

#detail-product .img-bottom .owl-prev,#detail-product .img-bottom .owl-next {
    position: absolute;
    font-size: 30px;
    top: 50%;
    margin-top: -20px;
    display: none;
}

#detail-product .img-bottom .owl-prev {
    left: -20px;
}

#detail-product .img-bottom .owl-next {
    right: -20px;
}

.wrapper-contact__aside-top {
    padding: 2rem;
    background-color: #f1f1f1;
}

h3.contact-page-title {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    margin-bottom: 20px;
    position: relative;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

h3.contact-page-title:before {
    content: '';
    position: absolute;
    background: var(--html-bg-website);
    width: 100px;
    bottom: -1px;
    height: 2px;
    left: 0;
}

#google-map {
    height: 340px;
    border: 10px solid #f1f1f1;
    overflow: hidden;
}

#google-map iframe {
    width: 100%;
}

.contact-form .form-group {
    margin-bottom: 19.5px;
}

.cs-pointer {
    cursor: pointer;
}

.form-group>input {
    padding: 1rem;
    background: #f4f4f4;
    color: #000;
    font-size: 1.6rem;
    border: 1px solid #f4f4f4;
}

.contact-form input {
    background-color: #ffffff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    outline: none;
    border: 1px solid #e0e0e0;
    padding-left: 15px;
    font-family: var(--monts-light), Arial, Helvetica, sans-serif;
}

.contact-form .li-btn-3 {
    line-height: 12px;
    display: inline-block;
    padding: 13px 30px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    background-color: var(--html-bg-website);
    border: 1px solid var(--html-bg-website);
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    width: 100%;
    cursor: pointer;
}

.contact-form .li-btn-3:hover {
    opacity: 1;
}

.contact-form textarea {
    background-color: #ffffff;
    width: 100%;
    outline: none;
    border: 1px solid #e0e0e0;
    padding-left: 15px;
    line-height: 50px;
    height: 215px;
    font-family: Arial, Helvetica, sans-serif;
}

.form-group>textarea {
    padding: 1rem;
    background: #f4f4f4;
    color: #000;
    font-size: 1.6rem;
    border: 1px solid #f4f4f4;
    font-family: var(--be-regular), Arial, Helvetica, sans-serif;
}

.form-group>textarea::placeholder {
    color: #a5a5a5;
    font-size: 1.6rem;
    font-family: var(--be-regular), Arial, Helvetica, sans-serif;
}

.box__price .priceold {
    text-decoration: line-through;
    color: #9c9696;
}

.box__sidebar {
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
}

.sidebar__body {
    max-height: 345px;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidebar__body::-webkit-scrollbar {
    width: 4px;
}

.sidebar__body::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
}

.sidebar__body::-webkit-scrollbar-track {
    background: none;
}

.sidebar__body:hover::-webkit-scrollbar-thumb {
    background: var(--html-bg-website);
}

.sidebar-news-item .newsname>div {
    font-size: 14px;
    line-height: 16px;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 1rem;
}

.header-sidebar--titlesmall {
    font-size: 1.6rem;
    color: #828282;
}

.header-sidebar {
    background: transparent;
    color: var(--html-bg-website);
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    text-align: center;
}

.aside_sidebar-detail {
    padding: 2rem 1.5rem;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
}

.header-sidebar>span {
    font-size: 1.8rem;
    color: var(--html-bg-website);
    display: block;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.body-sidebar {
    overflow: hidden;
    background: transparent;
}

.box-under {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
}

.letter-form {
    display: flex;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap;
}

input.input-txt {
    width: 100%;
    padding: 10px;
    height: 41px;
    border: 0.5px solid #898989;
    background-color: #fff;
    margin-right: 5px;
    user-select: none;
    color: #000;
    outline: none;
    border-radius: 4px;
    font-size: 1.3rem;
    font-family: var(--inter-main), Arial, Helvetica, sans-serif
}

input.input-txt::placeholder {
    color: #B7B6B6;
}

button.btn-newsletter {
    padding: 0 10px;
    width: 100%;
    height: 41px;
    line-height: 41px;
    border: none;
    color: #fff;
    border: 1px solid var(--html-bg-website);
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    transition: all .3s ease-in-out;
    cursor: pointer;
    background: var(--html-bg-website);
    border-radius: 4px;
    font-size: 1.5rem;
}

button.btn-newsletter:hover {
    background: #fff;
    color: var(--html-bg-website);
}

.title-other .title {
    color: #5A5A5A;
    z-index: 1;
    font-size: 2rem;
    position: relative;
    padding: 8px 8px 8px 15px;
    display: block;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    display: flex;
    justify-content: space-between;
}

.title-other .title>a {
    font-size: 1.6rem;
    color: #5A5A5A;
}

.page-product__content-left {
    padding: 2rem;
    border: 0;
}

.title--titleproduct {
    display: flex !important;
    align-items: center;
}

.wrapper-related-detail {
    padding: 3rem 0;
    background: #f5f5f5;
}

.wrapper-related-detail__bg {
    background: #fff;
    padding: 20px;
}

.sidebar-detail {
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
}

.wrapper-footer__box-detail-socical-link {
    font-size: 1.2rem;
    color: #fff;
    margin-top: 4px;
}

.box-mg {
    position: relative;
}

.starceiling-product {
    padding-top: 0;
    padding-bottom: 8rem;
}

.starceiling-product {
    padding: 4rem 0;
}

@media (max-width: 739px) {
    h3.post-name {
        font-size:1.4rem;
    }

    .box-post {
        padding-right: 0;
    }

    .box-post {
        border-bottom: 1px solid #ccc;
    }

    .wrapper-featured__news {
        margin-top: 2rem;
    }

    .append__subject a {
        font-size: 1.4rem;
    }

    .box-detail>h1 {
        font-size: 1.6rem;
        line-height: 1.5;
    }

    #breadcrumb {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }

    #breadcrumb::-webkit-scrollbar {
        display: none;
    }

    ol#breadcrumb>li>a>span {
        white-space: nowrap;
    }

    ol#breadcrumb>li>a>span {
        font-size: 1.3rem;
    }

    .toc-title-container>div {
        font-size: 1.3rem;
    }

    .toc-switch a#toc {
        font-size: 1rem;
    }

    .title-default h1>span {
        font-size: 2.2rem;
    }

    .title-default--detail h1>span {
        font-size: 1.8rem;
    }

    .content table {
        width: 100% !important;
    }

    .wrappers-news-detail__author-img {
        width: 12rem;
    }

    .wrappers-news-detail__author-img>a {
        width: 120px;
        height: 120px;
    }

    .wrappers-news-detail__author-content-title {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .wrappers-news-detail__author-content-title>a {
        font-size: 1.6rem;
    }

    .wrappers-news-detail__author-content-job>span {
        font-size: 1.3rem;
    }

    .wrappers-news-detail__author-content {
        padding-left: 1.5rem;
    }

    .wrappers-news-detail__author-content-socical-list {
        justify-content: start;
    }

    .wrappers-news-detail__author-view-btn {
        text-align: right;
    }

    .wrappers-author__top-img {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }

    .wrappers-author__top {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .wrappers-author__top-img-detail-title {
        text-align: center;
    }

    .wrappers-author__top-img-detail-job {
        text-align: center;
    }

    .wrapper-author__post-title>a {
        font-size: 1.6rem;
    }

    .wrapper-author__post-des {
        font-size: 1.4rem;
        margin-top: 10px;
    }

    .wrapper-author__post-view {
        margin-top: 10px;
    }

    .wrapper-author__post-view>span {
        font-size: 1.3rem;
    }

    .wrapper-contact__aside-top {
        padding: 1rem;
    }

    .box-contact {
        padding: 0;
    }
}

.modalmap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

.modalmap-container {
    background-color: #fff;
    width: 90vw;
    max-width: 1000px;
    padding: 15px;
    position: relative;
    overflow: hidden;
}

.modalmap-container .inside .close-modal {
    position: absolute;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    color: #fff;
    font-size: 24px;
    top: 0px;
    right: 0px;
}

span.close-modal {
    position: absolute;
    right: -20px;
    top: -5px;
    color: #fff;
    background-color: #b90000;
    padding: 5px 8px;
    cursor: pointer;
    border-bottom-left-radius: 10px;
}

.modalmap-container .inside iframe {
    width: 100%;
}

.starceiling-banner__allpage {
    min-height: 444px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.starceiling-title__tpl>h1 {
    line-height: 1.5;
}

.starceiling-title__tpl>h1>span {
    position: relative;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 3.6rem;
    font-weight: normal;
    text-transform: capitalize;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.starceiling-title__tpl {
    max-width: 800px;
    margin: 0 auto;
}

.starceiling-banner__breadcumb {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
}

.starceiling-intro__right-img-playvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
}

.starceiling-intro__right-img-playvideo::before {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px 20px #fff;
    content: "";
    left: 0;
    top: 0;
    border-radius: 50%;
    animation: shadow 1.4s 1000ms infinite;
    -webkit-animation: shadow 1.4s 1000ms infinite;
    -moz-animation: shadow 1.4s 1000ms infinite;
    -o-animation: shadow 1.4s 1000ms infinite;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.starceiling-intro__right-img-playvideo>i {
    color: var(--html-bg-website);
    font-size: 2rem;
    transition: all 0.2s;
}

.starceiling-intro__right-img-playvideo:hover {
    background: #e03232;
}

.starceiling-intro__right-img-playvideo:hover>i {
    color: #fff;
}

.starceiling-video__box-detail {
    padding: 1rem 0;
}

.starceiling-video__box-detail-title {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: normal;
    max-height: calc(16px * 1.3);
}

.starceiling-video__box-detail-title>span {
    font-size: 1.6rem;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.regis-index-services {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.regis-index-services {
    width: 100%;
    border: none;
    border-radius: 0;
    background-color: #fff;
    color: #8E8E93;
    padding: 11px 15px;
    font-size: 1.6rem;
    line-height: 1.4;
    border-radius: 0.2rem;
    padding-right: 3rem;
}

.regis-index-services>option {
    color: #000;
}

.fake-arrow::after {
    content: "";
    position: absolute;
    border-top: 5px solid var(--html-bg-website);
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: translateY(-50%);
    right: 15px;
    top: 50%;
}

ul.list {
    list-style-type: none;
    padding-inline-start:0;margin-bottom: 0;
}

ul.faq-list li {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
    padding-right: 10px;
}

ul.faq-list li:last-child {
    border-bottom: 0;
}

ul.faq-list li div[data-tab="faq"] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 2;
    color: #fff;
    gap: 1rem;
}

ul.faq-list li div[data-tab-box="faq"] {
    display: none;
    padding-left: 20px;
    border-left: 10px solid var(--html-cl-website);
    margin-top: 20px;
}

.wrapper-form-right {
    padding-right: 70px;
}

.wrapper-question__box-scroll {
    max-height: 422px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
}

.scroll-format__allpage::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-cl-website);
    border-radius: 0.5rem;
}

.scroll-format__allpage::-webkit-scrollbar-thumb {
    background-color: var(--html-cl-website);
    border-radius: 0.5rem;
}

.scroll-format__allpage::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.breadcumb--detail--product {
    background: transparent;
    border-left: 0;
}

.breadcumb--detail--product ol#breadcrumb li:first-child {
    padding-left: 0 !important;
}

.breadcumb--detail--product ol#breadcrumb>li>a>span {
    color: #6B6B6B;
}

.breadcumb--detail--product ol#breadcrumb li+li:before {
    border-color: #6B6B6B;
}

.breadcumb--detail--product ol#breadcrumb li:last-child>a>span {
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    color: #000;
}

.letter-form-chat {
    display: flex;
    justify-content: space-between;
}

.letter-form-chat>a {
    display: inline-block;
    font-size: 1.5rem;
}

.letter-form-chat-message {
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    color: var(--html-bg-website);
    position: relative;
}

.box-detail>ul>li.wrapper-productitem__price {
    padding: 1rem 0rem;
}

.product-detail-label-left {
    font-size: 1.4rem;
    color: #5F5F5F;
    margin-right: 15px;
}

.product-detail-status {
    padding: 0.8rem 1rem;
    border-radius: 0.4rem;
    color: #fff;
    display: inline-block;
    font-family: var(--inter-semibold);
    margin-right: 1.6rem;
}

.product-detail-view {
    padding: 0.8rem 1rem;
    background: transparent;
    border: 1px solid var(--html-bg-website);
    border-radius: 0.4rem;
    color: var(--html-bg-website);
    display: inline-block;
    font-family: var(--inter-semibold);
    margin-right: 1.6rem;
}

.product-detail-status.detail-status--success {
    background: #27C500;
}

.product-detail-status.detail-status--outofstock {
    background: red;
}

.price-old-product {
    font-size: 1.6rem;
    text-decoration: line-through;
    color: #aba8a8;
}

.wrapper-product-detail__promotion {
    padding: 0.1rem;
    position: relative;
    border-radius: 0px 8px 8px 8px;
    background: linear-gradient(to bottom, #1CE224, #F86D18)
}

.wrapper-product-detail__promotion-box {
    background-color: #fff;
    border-radius: 8px;
    padding: 1.5rem;
    border-radius: 0px 8px 8px 8px;
}

.wrapper-product-detail__promotion::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 156px;
    height: 7px;
    background: url(assets/css/../../../images/line-title-detail.png) no-repeat center center/contain;
}

.attribute-left {
    width: 110px;
}

.attribute ul.color {
    display: flex;
    flex-wrap: wrap;
    max-height: 132px;
    margin: 0 -10px;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% - 110px);
}

.attribute ul.color li {
    width: 25%;
    padding: 0px 5px;
    margin-bottom: 10px;
}

.attribute .mz-thumb,.mz-thumb:focus {
    line-height: unset !important;
}

.attribute ul.color li a {
    overflow: visible;
    cursor: pointer;
    min-height: 3.4rem;
    box-sizing: border-box;
    padding: 0.4rem 1.2rem;
    color: rgba(0, 0, 0, .8);
    text-align: left;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .09);
    position: relative;
    background: #fff;
    outline: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

ul.color li a.activeAttr {
    border-color: var(--html-bg-website);
}

.product-attribute__tick {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    right: 0;
    bottom: 0;
}

.product-attribute__tick::before {
    border: 1.5rem solid transparent;
    border-bottom: 1.5rem solid var(--html-bg-website);
    content: "";
    position: absolute;
    right: -1.5rem;
    bottom: 0;
}

ul.color li a.activeAttr .product-attribute__tick {
    visibility: visible;
}

ul.color li a:hover .product-attribute__tick {
    visibility: visible;
}

.product-attribute__tick>.icon-attribute-tick-bold {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 8px;
}

.attribute ul.color li a:hover,.attribute ul.color li a.active,.attribute ul.size li a:hover,.attribute ul.size li a.active {
    border-color: var(--html-bg-website);
}

.paint-tick-svg {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    position: relative;
}

.attribute ul.color::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}

.attribute ul.color::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}

.attribute ul.color::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.post-img:hover:before {
    opacity: 1;
}

.post-img:hover span {
    opacity: 1;
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
}

.wrapper-catagory {
    position: sticky;
    top: 90px;
    position: -webkit-sticky;
}

.wrapper-catagory__box {
    background: #FAFAFA;
    box-shadow: 2px 2px 7px #ccc;
    border-radius: 5px;
}

.wrapper-catagory__title>span {
    display: block;
    padding: 10px 20px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    font-size: 18px;
    border-bottom: 1px solid #000;
}

.wrapper-catagory__list>li>div>a {
    padding: 10px 20px;
    display: block;
    font-size: 16px;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.wrapper-catagory__list>li>div>i {
    padding: 10px 20px;
    display: block;
    font-size: 16px;
    color: var(--html-bg-website);
    cursor: pointer;
}

.wrapper-catagory__list>li>ul.ul-c2 {
    padding: 10px 20px;
}

.wrapper-catagory__list>li>ul.ul-c2 a.list-c2 {
    padding: 5px 0px;
    font-size: 15px;
    display: block;
}

.wrapper-catagory__list>li>ul.ul-c2>li>div>span {
    padding: 5px 0px;
    display: block;
    font-size: 15px;
    color: var(--html-bg-website);
    cursor: pointer;
}

.wrapper-catagory__list>li>ul .ul-c3 {
    padding: 10px;
}

.wrapper-catagory__list>li>ul .list-c3 {
    display: block;
    padding: 5px 0;
}

.wrapper-catagory__list>li>ul .list-c3:hover {
    color: var(--html-bg-website);
}

.wrapper-catagory__list>li>ul.ul-c2 a.list-c2:hover {
    color: var(--html-bg-website);
}

.wrapper-catagory__list>li>div:hover {
    background-color: var(--html-bg-website);
}

.wrapper-catagory__list>li>div:hover>a {
    color: #fff;
}

.wrapper-catagory__list>li>div:hover>a>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.wrapper-catagory__list>li>div:hover>i {
    color: #fff;
}

.wrapper-catagory__list>li .ul-c2 {
    display: none;
}

.wrapper-catagory__list>li .ul-c3 {
    display: none;
}

.wrapper-catagory__list {
    max-height: 315px;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper-catagory__list::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}

.wrapper-catagory__list::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}

.wrapper-catagory__list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.price-new-product {
    color: #f00;
    font-size: 20px;
    font-weight: bold;
}

.price-new-product>del {
    font-size: 1.6rem;
    color: #ccc;
    font-family: var(--inter-rg), Arial, Helvetica, sans-serif;
    font-weight: normal;
}

span.pro-sale {
    display: inline-block;
    padding: 5px;
    margin-left: 20px;
    background: red;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

span.pro-sale:before {
    position: absolute;
    content: '';
    border-top: 16px solid transparent;
    border-right: 13px solid red;
    border-bottom: 16px solid transparent;
    right: 100%;
    top: 50%;
    height: 0;
    width: 0;
    transform: translateY(-50%);
}

.text-album {
    color: #000000af;
    background: #fff;
    font: normal normal 600 16px/150% var(--inter-);
    padding: 10px;
    display: block;
}

.layouts-album {
    overflow: hidden;
    border: 1px solid #E4DDDD;
}

.button-layouts {
    transition: all 0.5s;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    grid-gap: 5px;
    font: normal normal 700 12px/normal var(--inter-);
    text-transform: uppercase;
}

.button-layouts:hover {
    color: #fff !important;
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
    background: var(--html-sc-website) !important;
}

@media (max-width: 739.5px) {
    .button-layouts {
        padding:0 10px;
        font-size: 10px;
    }
}

.layouts-input input,.layouts-input input::placeholder,.layouts-textarea textarea,.layouts-textarea textarea::placeholder,.layouts-select>select {
    width: 100%;
    color: #797979;
    padding: 10px 15px;
    resize: none;
    min-width: 190px;
    font: normal normal 400 13px/normal var(--inter-);
    border: none;
    border-radius: 8px;
    background: #F1F1F1;
    height: 48px;
}

.layouts-textarea textarea {
    height: unset;
}

.layouts-input input::placeholder,.layouts-textarea textarea::placeholder {
    padding: 0px;
    border-radius: unset;
}

.layouts-input-submit input,.layouts-btn-submit button {
    color: #fff;
    font: normal normal 700 15px/normal var(--montserrat-);
    transition: all 0.5s;
    padding: 0px 40px;
    cursor: pointer;
    border: none;
    height: 55px;
    background: var(--html-bg-website);
    border-radius: 8px;
}

.layouts-input-submit input:hover,.layouts-btn-submit button:hover {
    background: #000 !important;
}

.templateV-one {
    padding: 10px 20px 20px;
    background: #F4F4F4;
}

.img-templateV-one {
    height: 70px;
    width: 70px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden;
}

.title-templateV-one {
    transition: all 0.5s;
    color: #323232;
    font: normal normal 700 14px/normal var(--montserrat-);
}

.title-small-templateV-one {
    color: #7088FF;
    font: normal normal 500 11px/200% var(--inter-);
}

.comments-templateV-one {
    color: #656565;
    font: normal normal 400 12px/210% var(--montserrat-);
    height: calc(12px * 3 * 2.1);
}

.templateV-one:hover .title-templateV-one {
    color: var(--html-bg-website);
}

.templateV-one:hover {
    border-color: var(--html-bg-website);
}
.templateN-five{border-radius:10px;overflow:hidden;}
.text-templateN-five {
    top: 50%;
    left: 50%;
    width: 92%;
    height: 91%;
    background: rgba(17, 17, 17, 0.81);
    transform: translate(-50%, -50%) scale(0);
    padding: 27px 17px;
    transition: all 1s;
    border-radius:10px;
}

.icons_templateN-five * {
    color: #D7D7D7;
    white-space: nowrap;
    text-transform: capitalize;
    font-size: 14px;
}

.icons_templateN-five span {
    font: normal normal 400 14px/160% var(--roboto-);
}

.title-templateN-five {
    color: var(--html-bg-website);
    font: normal normal 600 15px/150% var(--roboto-);
}

.comments-templateN-five {
    color: #FFF;
    font: normal normal 400 13px/200% var(--roboto-);
}

.btn-one-templateN-five {
    padding: 9px 25px;
    color: #FFF;
    font: normal normal 700 13px/150% var(--roboto-);
    border-radius: 4px;
    background: var(--html-bg-website);
}

.templateN-five:hover .text-templateN-five,.text-templateN-five:hover {
    transform: translate(-50%, -50%) scale(1);
}
.templateN-five img{width:100%;}
.btn-one-templateN-five:hover {
    background: var(--html-sc-website);
}

.templateN-three {
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #E4DDDD;
}

.title-templateN-three {
    color: #464646;
    font: normal normal 700 16px/160% var(--roboto-);
    text-transform: capitalize;
    height: calc(16px * 2 * 1.6);
    transition: all 0.5s;
}

.comments-templateN-three {
    color: #a0a0a0;
    font: normal normal 400 13px/220% var(--roboto-);
    height: calc(13px * 2 * 2.2);
}

.boder-templateN-three {
    background: #656565;
    height: 1px;
    width: 100%;
    border-radius: 20px;
    margin: 10px 0;
    transition: all 0.5s;
}

.icons_templateN-three * {
    color: #444444;
    white-space: nowrap;
    text-transform: capitalize;
    font-size: 14px;
}

.icons_templateN-three span {
    font: normal normal 400 14px/160% var(--roboto-);
}

.templateN-three:hover .title-templateN-three {
    color: var(--html-bg-website);
}

.templateN-three:hover .boder-templateN-three {
    background: var(--html-bg-website);
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Outfit:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Dancing+Script:wght@400;500;600;700&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap");:root {
    --inter-: "Inter", sans-serif;
    --barlow-: "Barlow Condensed", sans-serif;
    --montserrat-: "Montserrat", sans-serif;
    --nunito-: "Nunito", sans-serif;
    --roboto-: "Roboto", sans-serif;
    --open-san-: "Open Sans", sans-serif;
    --outfit-: "Outfit", sans-serif;
    --dancing-script-: "Dancing Script", cursive;
    --poppins-: "Poppins", sans-serif;
    --josefin-: 'Josefin Sans', sans-serif;
    --bg-none: #00000000;
    --bg-all: #F1F3F8;
}

.form-btn-rental-list {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 auto;
}

.form-servide {
    overflow-x: hidden;
    overflow-y: auto;
}

.form-servide::-webkit-scrollbar-thumb,.form-btn-rental-list::-webkit-scrollbar-thumb {
    background: var(--html-bg-website);
    border-radius: 50px;
}

.form-servide::-webkit-scrollbar {
    width: 3px;
}

.form-btn-rental-list::-webkit-scrollbar {
    height: 3px;
}

.form-servide::-webkit-scrollbar-track,.form-btn-rental-list::-webkit-scrollbar-track {
    background-color: #323232;
    border-radius: 6px;
}

.form-btn-rental-list::-webkit-scrollbar-track {
    background-color: #89898975;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}

.owl-nav div {
    opacity: 1 !important;
    height: 40px;
    width: 40px;
    border-radius: 50% !important;
    background: #fff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    box-shadow: 2px 2px 5px 2px #0000001c !important;
    font-size: 20px;
}

.owl-nav .owl-next {
    transform: translateX(50%);
}

.owl-nav .owl-prev {
    transform: translateX(-50%);
}

.owl-nav div:hover {
    background: var(--html-bg-website) !important;
    color: #fff;
}

.owl-nav div.disabled {
    background: #33333370 !important;
    color: #1b1b1b !important;
}

.f1 {
    flex: 1;
}

p {
    margin: 0;
}

.f0 {
    flex: 0 0 auto;
}

.d-f {
    display: flex;
}

.transition {
    transition: all 0.5s;
}

.opacity {
    animation: opacity 1s ease-in-out;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.zoomunsetimg {
    transform: scale(1) !important;
}

.white {
    color: white;
}

.bg-all {
    background: var(--bg-all);
}

.gridx.wide {
    width: 1440px !important;
    margin: 0 auto !important;
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.title-small-all {
    color: #393939;
    font: normal normal 500 14px/146% var(--inter-);
    text-transform: uppercase;
}

.title-all {
    color: #484848;
    font: normal normal 700 24px/146% var(--roboto-);
}

.title-all>span {
}

.comments-all {
    color: #f2f2f2;
    font-family: var(--roboto-);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 220%;
}

.comments-all-read-more {
    color: #5a5a5a;
    font: normal normal 500 16px / normal var(--montserrat-);
}

body {
}

.icons-left-all,.icons-right-all {
    width: 33px;
    height: 10px;
}

.icons-right-all::before,.icons-left-all::before,.icons-left-all::after,.icons-right-all::after {
    position: absolute;
    content: '';
    height: 3px;
    background: var(--html-bg-website);
}

.icons-right-all::before,.icons-left-all::before {
    top: 0;
    width: 100%;
}

.icons-right-all::after,.icons-left-all::after {
    width: 70%;
    bottom: 0;
}

.icons-right-all::before,.icons-right-all::after {
    left: 0;
    clip-path: polygon( 100% 0%, 0% 0%, 0% 100%, calc(100% - 3px) 100%);
}

.icons-left-all::before,.icons-left-all::after {
    right: 0;
    clip-path: polygon( 100% 0%, 100% 100%, 3px 100%, 0% 0%);
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100;
    }
}

@keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes achievements {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#menu {
    display: none;
}

#hamburger {
    display: block;
    width: 30px;
    height: 23px;
    position: relative;
}

#hamburger:before,#hamburger:after,#hamburger span {
    background: #1c1c1c;
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px;
    -webkit-transition: none 0.2s ease 0.2s;
    transition: none 0.2s ease 0.2s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    -webkit-transition-property: top, bottom, left, opacity, -webkit-transform;
    transition-property: top, bottom, left, opacity, -webkit-transform;
    transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity, -webkit-transform;
}

#hamburger:before {
    top: 0px;
}

#hamburger span {
    top: 10px;
}

#hamburger:after {
    top: 20px;
}

.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after {
    top: 10px;
}

.mm-wrapper_opening #hamburger span {
    left: -50px;
    opacity: 0;
}

.mm-wrapper_opening #hamburger:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-wrapper_opening #hamburger:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-menu_opened {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.scale-img img {
    transition: 0.3s ease-out;
    transform: scale(1, 1);
}

.scale-img:hover>img {
    transition: 0.3s ease-out;
    transform: scale(1.1, 1.1);
}

.hover-glass {
    overflow: hidden;
    display: block;
    position: relative;
}

.hover-glass::before {
    content: "";
    position: absolute;
    top: 0;
    left: -83%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}

.hover-glass:hover:before {
    animation: shine 0.75s;
}

.section-topmobile.fixed .section-topmobile__ggtranslate {
    display: none;
}

.scale-down {
    object-fit: scale-down !important;
}

.contact-page-message ul,.contact-page-message ol {
    list-style: initial;
}

.color-star:before {
    content: '★★★★★';
    -webkit-text-fill-color: transparent;
    background: linear-gradient( 90deg, var(--color-star) var(--rating), #d7d7d7 0);
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 20px;
}

.color-rating>i {
    color: #e7e8ea;
    letter-spacing: 5px;
}

.color-rating>i.on-star {
    color: var(--color-star);
}

.bounceAlpha {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.quick-slide__customer.owl-theme .owl-dots .owl-dot span {
    width: 70px;
    height: 3px;
    background: #d9d9d9;
    border-radius: 0;
    border: 1px solid #d9d9d9;
}

.quick-slide__customer .owl-dot.active span {
    background-color: var(--html-bg-website) !important;
    border: 1px solid var(--html-bg-website) !important;
}

.quick-slide__customer-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick-slide__customer-nav>span {
    width: 36px;
    height: 36px;
    border-radius: 50px;
    background-color: var(--html-bg-website);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.4s;
    margin: 0 8px;
    box-shadow: 2px 2px 7px #ccc;
}

.quick-slide__customer-nav>span:hover {
    background-color: var(--html-cl-website);
    cursor: pointer;
}

.spin {
    -webkit-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

span.scrolldown {
    position: absolute;
    top: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border-left: 2px solid rgba(255, 255, 255, 0.8);
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: scrolldown 2s infinite;
    animation: scrolldown 2s infinite;
    opacity: 0;
}

span.scrolldown:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

span.scrolldown:nth-of-type(2) {
    top: 1px;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
    border-left-width: 2.5px;
    border-bottom-width: 2.5px;
    width: 18px;
    height: 18px;
    margin-left: -9px;
}

span.scrolldown:nth-of-type(3) {
    top: 3px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    border-left-width: 3px;
    border-bottom-width: 3px;
    width: 24px;
    height: 24px;
    margin-left: -12px;
}

@keyframes scrolldown {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.owl-nav .owl-next span::before {
    transform: rotate(45deg);
    right: 8px;
}

.owl-nav span:not(.button-slider__btn)::before {
    content: "";
    border-top: 3px solid #666;
    border-right: 3px solid #666;
    height: 15px;
    position: absolute;
    top: 23px;
    width: 15px;
}

.owl-nav .owl-prev span::before {
    left: 10px;
    transform: rotate(-135deg);
}

.slider-left1 {
    width: 100%;
    background: transparent;
    display: flex;
    overflow: hidden;
}

.slider-common {
    left: -1100px;
    position: absolute;
}

.video-slider__index {
    width: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    aspect-ratio: 16 / 9;
    height: 549px;
}

.chaychu>div:first-child {
    color: #3d3d3d;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.chaychu>div:last-child {
    color: var(--html-cl-website);
    font-size: 20px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.desc-footer__social {
    gap: 2rem;
}

.desc-footer__social>li>a>img {
    object-fit: cover;
    aspect-ratio: 25/25;
    width: 100%;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.desc-footer__social-link {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 2px 2px 7px #ccc;
    bottom: -70px;
    left: 30px;
    line-height: 35px;
    padding: 5px 15px;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.desc-footer__social>li::before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 200%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-bottom: 20px solid #fff;
    border-right: 10px solid transparent;
    z-index: 1;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.desc-footer__social>li:hover .desc-footer__social-link {
    opacity: 1;
    left: -15px;
}

.desc-footer__social-link>a::before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-bottom: 20px solid #fff;
    border-right: 10px solid transparent;
    z-index: 1;
}

.desc-footer__social>li:hover::before {
    left: 50%;
    opacity: 1;
}

.desc-footer__social>li:hover>a>img {
    filter: unset;
    -webkit-filter: unset;
}

.footer-socical>li>a {
    display: flex;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    padding: 3px 5px;
    transition: all 0.4s;
    overflow: hidden;
    width: 100%;
    margin-bottom: 12px;
}

.footer-socical>li>a>div:first-child {
    min-width: 35px;
    margin-right: 5px;
}

.footer-socical>li>a>div:first-child>img {
    width: 3.5rem;
    object-fit: scale-down;
    aspect-ratio: 35 / 35;
    height: auto;
}

.footer-socical>li>a:hover {
    background-color: var(--html-bg-website);
}

.footer-socical>li>a>div:last-child>span:first-child {
    margin-bottom: 3px;
    display: block;
    text-transform: capitalize;
    font-size: 12px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.footer-socical>li>a>div:last-child>span:last-child {
    display: block;
    font-size: 10px;
}

.desc-footer-fanpage .fb-page {
    width: 270px !important;
    height: 170px !important;
    border-radius: 12px !important;
}

.footer {
    padding: 40px 0;
    padding-bottom: 0;
    position: relative;
}

.box-footer__logo>a {
    max-width: 17rem;
    margin: auto;
}

.box-footer__desc {
    margin-top: 30px;
    margin-bottom: 20px;
}

.desc-footer {
    color: #ffffff;
}

.title-footer {
    text-transform: capitalize;
    font-size: 1.6rem;
    color: #ffffff;
    position: relative;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.desc-footer>ul>li {
    padding-bottom: 1rem;
}

.desc-footer a:not(.no-hover,.wrapper-footer__box-detail-socical-box) {
    color: #ffffff;
    font: normal normal 400 13px/188% var(--open-san-);
    transition: all 0.2s linear;
    display: block;
    display: flex;
    align-items: center;
}

.desc-footer>ul>li>a>i {
    font-size: 1.6rem;
    margin-right: 1rem;
}

.desc-footer a:not(.no-hover,.wrapper-footer__box-detail-socical-box):hover {
    color: var(--html-bg-website);
    transform: translateX(10px);
}

.bottom-contact ul li i {
    font-size: 22px;
    margin-bottom: 3px;
    margin-top: 0.6rem;
    color: #fff;
}

.desc-footer>ul {
    max-height: 215px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
}

.desc-footer>ul::-webkit-scrollbar {
    width: 2px;
}

.desc-footer>ul::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
}

.desc-footer>ul::-webkit-scrollbar-track {
    background-color: #d9d9d9;
}

.icons_footer {
    height: 6px;
    width: 6px;
    background: var(--html-bg-website);
    border-radius: 50%;
}

.title-tmp-footer {
    color: #FFF;
    font: normal normal 400 13px/188% var(--open-san-);
}

.items-mxh-footer {
    border-radius: 8px;
    background: #FFF;
    color: #4F4F4F;
    font: normal normal 600 13px/normal var(--inter-);
    padding: 12px;
}

.items-mxh-footer:hover {
    background: var(--html-bg-website);
    color: #ffffff;
}

.section-copy {
    margin-top: 30px;
    position: relative;
}

.copy-border {
    border-top: 1px solid #d4d4d4;
}

.content-copy {
    font-size: 1.6rem;
}

.copy-text {
    color: #ffffff;
    font-size: 1.4rem;
}

.copy-text--company {
    font-weight: normal;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.packaging-service__box {
    background-color: #fff;
    border-radius: 0.8rem;
    border: 1px solid #e5e5ea;
    transition: all 0.2s;
    padding: 1.6rem;
}

.packaging-service__box-img>a {
    border-radius: 0.8rem;
}

.packaging-service__box-img>a>img {
    border-radius: 0.8rem;
}

.packaging-service__box-detail {
    padding-top: 1.6rem;
}

.packaging-service__box-detail-line {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--html-bg-website);
}

.packaging-service__box-detail-title {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: normal;
    max-height: calc(20px * 2.8);
}

.packaging-service__box-detail-title>a {
    font-size: 2rem;
    color: #000;
    font-family: var(--Nunito-semibold), Arial, Helvetica, sans-serif;
    transition: all 0.2s;
}

.packaging-service__box-detail-des {
    font-size: 1.6rem;
    color: #8e8e93;
    line-height: 1.4;
    height: calc(16px * 4.2);
}

.packaging-service__box-detail-btn>a {
    color: #fff;
    margin-top: 15px;
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--html-bg-website);
    font-family: var(--Nunito-semibold), Arial, Helvetica, sans-serif;
    border-radius: 0.8rem;
    font-size: 16px;
    border: 1px solid var(--html-bg-website);
}

.packaging-service__box-detail-btn>a:hover {
    border: 1px solid var(--html-bg-website);
    background-color: #fff;
    color: var(--html-bg-website);
}

.page-project__box-content>.title a {
    font-size: 18px;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.page-project__box-content>.title h3 {
    line-height: 1.5;
    height: calc(18px * 3);
    text-align: center;
    font-weight: normal;
}

.page-project__box-content>.detail {
    font-size: 16px;
    line-height: 1.5;
    height: calc(16px * 4.5);
}

.page-project__box-content>.line {
    display: block;
    max-width: 220px;
    width: 100%;
    height: 1px;
    background-color: var(--html-bg-website);
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.page-project__box-content>.title a:hover {
    color: var(--html-bg-website);
}

.wrapper-project__aside-title {
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

.original-project {
    padding: 15px;
    background-color: #f2f2f2;
    position: sticky;
    position: -webkit-sticky;
    top: 140px;
    box-shadow: 2px 2px 7px #ccc;
}

.box-title {
    background: var(--html-bg-website);
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.box-box {
    border: 1px solid var(--html-bg-website);
    border-top: 0px;
    padding: 10px;
}

.box__services {
    background-color: #fff;
    box-shadow: 2px 2px 7px #ccc;
    transition: all 0.3s ease-in-out;
}

.box__services-detail {
    padding: 15px;
}

.box__services-detail>.title a {
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.box__services-detail>.title a:hover {
    color: var(--html-bg-website);
}

.box__services-detail>.title h3 {
    font-weight: normal;
    line-height: 1.5;
    height: calc(18px * 3);
}

.box__services-detail>.time {
    color: #888;
    margin-bottom: 10px;
}

.box__services-detail>.content {
    line-height: 1.5;
    color: #797979;
    font-style: italic;
    height: calc(14px * 1.5 * 3);
    margin-bottom: 12px;
}

.box__services-detail>.btn>a {
    border: 2px solid #e0e0e0;
    color: #858080;
    text-transform: uppercase;
    display: block;
    width: fit-content;
    padding: 8px 30px;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
}

.box__services-detail>.btn>a::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    background-color: var(--html-bg-website);
    transition: all 0.3s ease-in-out;
    z-index: -1;
}

.box__services-detail>.btn>a:hover::after {
    width: 100%;
}

.box__services-detail>.btn>a:hover {
    color: #fff;
    border-color: var(--html-bg-website);
}

@keyframes rainbow-animation {
    100% {
        background-position: 4500vh;
    }
}

.boxslider_details {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 564px;
    z-index: 2;
}

.boxslider_details-bg {
    padding: 25px 30px 35px;
}

.boxslider_details-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(97, 97, 97, 0.77);
    backdrop-filter: blur(7.5px);
    top: 0;
    left: 0;
}

.boxslider_details-slogan {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.boxslider_details-title {
    border-left: 5px solid #fff;
    font-size: 2.4rem;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
    padding: 8px 0 8px 15px;
    position: relative;
}

.boxslider_details-des {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 30px;
}

.boxslider_details-btn {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.boxslider_details-btn>a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 43px;
    border-radius: 4px;
    padding: 15px;
    color: #fff;
    font-size: 13px;
    border: 1px solid #fff;
    transition: all 0.4s linear;
    background-color: transparent;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.boxslider_details-btn>a:hover {
    background-color: var(--html-bg-website);
    color: #fff;
}

.boxslider_details-btn>a:last-child {
    border-color: transparent;
    background-color: var(--html-bg-website);
    color: #fff;
}

.boxslider_details-btn>a:last-child:hover {
    background-color: var(--html-cl-website);
}

.bounceAlphaY {
    -webkit-animation-name: bounceAlphaY;
    animation-name: bounceAlphaY;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.bg-slider {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.title-slider {
    color: #FFF;
    font: normal normal 700 14px/150% var(--inter-);
}

.comments-slider {
    color: #fff;
    margin-top: 12px;
    font: normal normal 900 26px/150% var(--roboto-);
}

.comments-slider span {
    color: var(--html-bg-website);
}

.form-slider {
    padding-top: 14%;
}

.img-slider {
    margin-top: 11%;
}

@keyframes bounceAlphaY {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }

    25% {
        opacity: 0;
        -webkit-transform: translateY(10px) scale(0.9);
        transform: translateY(10px) scale(0.9);
    }

    26% {
        opacity: 0;
        -webkit-transform: translateY(-10px) scale(0.9);
        transform: translateY(-10px) scale(0.9);
    }

    55% {
        opacity: 1;
        -webkit-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
    }
}

.btn-player {
    position: relative;
    display: inline-block;
    animation: zoomplay 1.4s linear infinite;
}

@keyframes zoomplay {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.btn-player:after {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px 20px #fff;
    content: "";
    left: 0;
    top: 0;
    border-radius: 50%;
    animation: shadow 1.4s 1000ms infinite;
    -webkit-animation: shadow 1.4s 1000ms infinite;
    -moz-animation: shadow 1.4s 1000ms infinite;
    -o-animation: shadow 1.4s 1000ms infinite;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.thm-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.thm-btn:before {
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: 0;
    background-color: var(--html-bg-website);
}

.thm-btn:hover:before {
    top: -40%;
}

.thm-btn:hover {
    color: #fff;
}

.wrapper-featured__news-search {
    border: 1px solid #ccc;
    padding: 10px 0 10px 10px;
}

.wrapper-featured__news-search>input {
    border: none;
    flex: 1;
    background-color: transparent;
}

.wrapper-featured__news-search>button {
    border: none;
    width: 50px;
    background-color: transparent;
    cursor: pointer;
    color: var(--html-bg-website);
    border-left: 1px solid #ccc;
}

.wrapper-catagory__bg {
    margin-top: 30px;
}

.sidebar__head-page:before {
    border-color: #f5f5f5 #eaeaea #f5f5f5 #f5f5f5;
}

.energy-news__box-detail-title {
    line-height: 1.4;
    font-size: 1.8rem;
    color: #000;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    height: calc(2.8 * 18px);
}

.energy-news__box-detail-title>a {
    font-size: 1.8rem;
    color: #000;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.energy-news__box-detail--news {
    line-height: 2rem;
    height: 6rem;
    max-height: 6rem;
}

.energy-news__box-detail {
    padding: 2.2rem;
}

.energy-news__box {
    border: 1px solid #ccc;
    transition: all 0.2s;
    border-radius: 1rem;
}

.energy-news__box:hover {
    box-shadow: 2px 2px 7px #ccc;
    transform: translateY(-0.5rem);
}

.pl1 {
    padding-left: 1px;
}

.pr1 {
    padding-right: 1px;
}

.energy-news__box-detail-aside-title {
    position: relative;
}

.energy-news__box-detail-aside-title::before {
    content: "";
    position: absolute;
    top: 120%;
    left: 0;
    background: var(--html-bg-website);
    width: 4.5rem;
    height: 0.1rem;
}

.energy-news__box-detail-btn>a {
    width: 10.7rem;
    border: 1px solid var(--html-bg-website);
    background: var(--html-bg-website);
    height: 3.4rem;
    line-height: 3.2rem;
    text-align: center;
    display: inline-block;
    font-size: 1.2rem;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    border-radius: 1rem;
    transition: all 0.2s;
    color: #fff;
}

.energy-news__box-detail-btn>a:hover {
    background: #fff;
    color: var(--html-bg-website);
}

.energy-news__box-img>a>img {
    width: 100%;
    height: auto;
    object-fit: cover;
    -ms-object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    aspect-ratio: 383 / 374;
    transition: all 0.3s cubic-bezier(0.2, 0.3, 0.8, 0.7);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.energy-news__box-img:hover>a {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.energy-news__box-img:hover>a>img {
    transform: scale(1.1);
}

.energy-news__box {
    overflow: hidden;
}

.itemgaley-des {
    margin-top: 20px;
}

.unset--pabsolute {
    position: unset;
}

.sc-usermanual__box-img-time {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid #eaeaea;
    padding: 0.7rem 1.5rem;
    background: var(--html-bg-website);
}

.sc-usermanual__box-img-time>span {
    display: block;
    font-size: 1.5rem;
    color: #fff;
}

.sc-usermanual__box-img-time-date {
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #fff;
}

.sc-usermanual__box-img-time>span {
    display: block;
    font-size: 1.4rem;
    color: #fff;
}

.wrapper-projects__box {
    border: 1px solid #ccc;
    padding: 10px;
}

.wrapper-projects__box-images>a {
    border-radius: 1rem;
    box-shadow: 2px 2px 7px #ccc;
}

.wrapper-projects__box-title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.wrapper-projects__box-title>.slogan {
    flex: 1;
}

.wrapper-projects__box-title>.slogan a {
    line-height: 24px;
    color: var(--html-bg-website);
    text-transform: uppercase;
    font-size: 18px;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.wrapper-projects__box-title>.link {
    width: 155px;
}

.wrapper-projects__box-title>.link>a {
    background-color: #000;
    color: var(--html-bg-website);
    font-size: 16px;
    display: flex;
    justify-content: end;
    align-items: center;
    border-radius: 50px;
}

.wrapper-projects__box-title>.link>a>i {
    margin-left: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

.wrapper-projects__box-title>.link>a:hover,.wrapper-projects__box-title>.link>a:hover i {
    color: #fff;
}

.search-autocomplete {
    position: absolute;
    top: 120%;
    width: 100%;
    z-index: 99;
    left: 0;
}

.search-autocomplete__box {
    min-height: 0;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 2px 2px 7px #ccc;
}

.search-autocomplete__noResults {
    padding: 8px;
    font-size: 1.5rem;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.search-autocomplete__list:hover {
    background-color: #f4f4f4;
    border-radius: 4px;
    margin-right: 8px;
}

.search-autocomplete__list-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 8px;
}

.search-autocomplete__list-images>img {
    width: 100%;
    height: 90px;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    border-radius: 0.5rem;
}

.search-autocomplete__list-images {
    width: 90px;
}

.search-autocomplete__list-detail {
    flex: 1;
}

.search-autocomplete__list-title {
    font-size: 1.5rem;
    line-height: 1.3;
    max-height: calc(15px * 2.6);
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.search-autocomplete__list-price {
    margin-top: 1rem;
}

.search-autocomplete__list-price>span {
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    color: var(--html-bg-website);
    margin-right: 0.5rem;
    font-size: 14px;
}

.search-autocomplete__list-price>del {
    color: #8e8e93;
    font-size: 12px;
}

.search-autocomplete__scroll {
    max-height: 425px;
    overflow-x: hidden;
    overflow-y: auto;
}

.search-autocomplete__scroll::-webkit-scrollbar {
    width: 6px;
}

.search-autocomplete__scroll::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}

.search-autocomplete__scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.search-autocomplete__list-content>span {
    font-size: 13px;
    color: #8e8e93;
    line-height: 20px;
}

.section-product__box-btn>a {
    padding: 1rem 1.6rem;
    border-radius: 0.2rem;
    border: 1px solid var(--html-bg-website);
    font-size: 1.6rem;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    transition: all 0.2s;
    display: inline-block;
    background: transparent;
    color: var(--html-bg-website);
    cursor: pointer;
    border-radius: 50px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
}

.section-product__box-btn>a:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.wrapper-news2__box {
    display: flex;
    gap: 2rem;
    box-shadow: 2px 2px 7px #ccc;
    transition: all 0.4s;
}

.wrapper-news2__box-images {
    width: 40%;
}

.wrapper-news2__box-desc {
    flex: 1;
    padding: 20px 0;
}

.wrapper-news2__box-desc>.title a {
    line-height: 24px;
    font-size: 18px;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.wrapper-news2__box-desc>.content>span {
    line-height: 2;
}

.wrapper-news2__box:hover {
    transform: translateY(-0.5rem);
}

.wrapper-news2__box:hover .wrapper-news2__box-desc>.title a {
    color: var(--html-bg-website);
}

.wrapper-footer__box-hotline>a {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 10px 20px;
    margin-bottom: 20px;
    background-color: var(--color);
    border-radius: 4px;
}

.wrapper-footer__box-hotline-icon img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    aspect-ratio: 32/32;
}

.wrapper-footer__box-hotline-info-title>span {
    color: #fff;
    font-size: 13px;
}

.wrapper-footer__box-hotline-info-phone>span {
    color: #fff;
    font-size: 18px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.socical>li>a>img {
    width: 2.2rem;
    object-fit: scale-down;
    aspect-ratio: 22 / 22;
    height: auto;
}

.section-copy__socical li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eeeeee;
    transition: all 0.4s;
    border-radius: 50%;
}

.section-copy__socical li:hover {
    background-color: var(--html-bg-website);
}

.section-copy__socical li:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.wrapper-right__list-box .wrapper-featured__news-img>span {
    border-radius: 10px;
}

.wrapper-right__list-box .wrapper-featured__news-img {
    width: 10rem;
}

.wrapper-right__list-box .wrapper-featured__news-img>span>img {
    height: 7.5rem;
}

.wrapper-right__list-box .wrapper-featured__news-info-title {
    max-height: calc(2.6 * 13px);
}

.wrapper-right__list-box .wrapper-featured__news-info-title>span {
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.wrapper-right__list-box+.wrapper-right__list-box {
    border-top: 1px #d3d3d3 dotted;
}

.wrapper-right__title>span {
    font-size: 20px;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: block;
}

.wrapper-right__title>span::before {
    position: absolute;
    content: "";
    width: 15px;
    border-bottom: 3px solid var(--html-bg-website);
    bottom: 0;
    left: 0;
}

.wrapper-right__title>span::after {
    position: absolute;
    content: "";
    width: 30px;
    border-bottom: 3px solid var(--html-bg-website);
    bottom: 0;
    left: 22px;
}

.wrapper-right__one,.wrapper-right__two,.wrapper-right__three {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.05);
}

.wrapper-right__category>li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper-right__category>li>a:hover {
    color: var(--html-bg-website);
}

.wrapper-right__category-item {
    line-height: 30px;
}

.wrapper-right__socical-item>a {
    width: 35px;
    height: 35px;
    border: 1px solid var(--html-bg-website);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}

.wrapper-right__socical-item>a>img {
    width: 2.2rem;
    object-fit: scale-down;
    aspect-ratio: 22 / 22;
    height: auto;
}

.wrapper-right__socical {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wrapper-right__socical-item>a:hover {
    background-color: var(--html-bg-website);
}

.wrapper-right__socical-item>a:hover>img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.wrapper-featured__news-price>span {
    color: #ea0000;
    font-size: 16px;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.wrapper-priceList__box-images {
    border: 1px solid #ccc;
    padding: 5px;
}

.wrapper-priceList__box-desc>.title a {
    color: #333;
    font-size: 14px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.wrapper-priceList__box-desc>.title h3 {
    font-weight: normal;
    line-height: 1.3;
    height: calc(16px * 2.6);
}

.wrapper-priceList__box-desc>.content {
    line-height: 18px;
    text-align: justify;
    color: #666;
    font-size: 13px;
}

.wrapper-collection-title h1>span {
    position: relative;
    display: inline-block;
    color: var(--html-bg-website);
    text-align: center;
    font-size: 2.2rem;
    box-shadow: 0 1px #ccc;
    font-weight: normal;
    text-transform: uppercase;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
}

.wrapper-collection__list>ul>li>a {
    display: block;
    padding: 15px 5px;
    color: #939393;
    font-size: 1.6rem;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    transition: all 0.4s linear;
}

.wrapper-collection__list>ul>li {
    border-bottom: 1px solid #ecebe7;
}

.wrapper-collection__list>ul>li>a:hover,.wrapper-collection__list>ul>li.active>a {
    background-color: var(--html-bg-website);
    color: #fff;
}

.wrap-top {
    background-color: var(--html-cl-website);
}

.wrap-top__slogan {
    text-transform: capitalize;
    color: #ffffff;
    font-size: 13px;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.wrap-top__title {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.wrap-top__email,.wrap-top__hotline {
    border-right: 1px solid #fff;
    padding-right: 22px;
    margin-right: 22px;
}

.wrap-top__search {
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: #fff;
    padding: 3px;
    border-radius: 50px;
    width: 100%;
    margin: auto;
    margin-right: 0;
}

.wrap-top__search>input {
    border: none;
    color: #868686;
    font-size: 12px;
    flex: 1;
    padding-left: 10px;
    height: 30px;
    border-radius: 50px;
}

.wrap-top__search>button {
    width: 30px;
    height: 30px;
    background-color: var(--html-cl-website);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    border: 1px solid var(--html-cl-website);
    transition: all 0.4s;
}

.wrap-top__search>button:hover {
    cursor: pointer;
    background-color: #fff;
    color: var(--html-cl-website);
}

.icon-hotline {
    color: var(--html-bg-website);
    font-size: 28px;
}

.title-hotline {
    color: #676767;
    font: normal normal 600 10px var(--inter-);
}

.comments-hotline {
    color: var(--html-bg-website);
    font: normal normal 700 21px / normal var(--inter-);
    white-space: nowrap;
}

.input-top input {
    border: none;
    width: 100%;
}

.input-top button {
    border-radius: 50%;
    margin: 2px;
    filter: brightness(1.2);
    -webkit-filter: brightness(1.2);
}

.input-top {
    border-radius: 100px;
    border: 1px solid var(--html-bg-website);
    padding-left: 20px;
    margin: auto 20px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.11);
    background: #fff;
}

.section-header {
    background: #525252;
    /* position: absolute; */
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 15px 0;
}

.section-header .form-header {
}

.home-icons {
    transform: rotate(0) !important;
    font-size: 15px;
}

.section-header.fixed {
    box-shadow: 2px 2px 7px #ccc;
}

.section-header__logo>a {
    max-width: 11.6rem;
    height: auto;
    transition: all 0.4s;
}

.search-Click {
    cursor: pointer;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    color: #fff;
    margin-right: 10px;
}

.search-Click:hover {
    background-color: var(--html-bg-website);
    color: #fff;
}

ul.nav-menu>li>a i,ul.nav-menu>li>h2>a i {
    transform: rotate(90deg);
    transition: all 0.4s;
    /* padding: 10px; */
}

ul.nav-menu>li:hover>a i,ul.nav-menu>li:hover>h2>a i {
    transform: rotate(270deg);
    transition: all 0.4s;
}

.btn-header a {
    padding: 5px 30px;
    color: #fff !important;
}

.btn-header::before,.btn-header::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    transform: skew(-25deg);
    width: 100%;
    height: 100%;
    background: red;
    z-index: -1;
    transition: all 0.5s;
}

.btn-header::after {
    transform: skew(-25deg) translate(-5px, 5px);
    background: linear-gradient(92deg, #FFB800 2.01%, #FF5C00 51.92%);
    z-index: -2;
}

.btn-header:hover::before {
    background: #FBD841;
}

.text-btn-menu {
    animation: btn-menu 1.2s ease-in-out;
}

@keyframes btn-menu {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0%);
        opacity: 1;
    }
}

.section-news__box-detail {
    padding: 10px 20px;
    background-color: #fff;
}

.section-news__box-detail>.title a {
    text-transform: uppercase;
    color: #565656;
    font-size: 13px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.section-news__box-detail>.title h3 {
    font-weight: normal;
    line-height: 1.5;
    height: calc(3 * 16px);
}

.section-news__box-detail>.title {
    border-bottom: 1px solid var(--html-bg-website);
    margin-bottom: 15px;
}

.section-news__box-detail>.content {
    color: #565656;
    margin-bottom: 20px;
    line-height: 2;
    height: calc(4 * 14px);
}

.section-news__box-detail>.link>a {
    color: #121212;
    font-size: 15px;
    font-family: var(--inter-medium), Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #121212;
    transition: all 0.4s;
}

.section-news__box-detail>.link>a>i {
    transition: all 0.4s;
}

.section-news__box-detail>.link>a:hover>i {
    transform: translateX(0.5rem);
}

.section-news__box-detail>.link>a:hover {
    color: var(--html-bg-website);
    border-color: var(--html-bg-website);
}

.section-news__box-detail>.link>a:hover>i {
    transform: translateX(0.5rem);
    color: var(--html-bg-website);
}

.section-news__box:hover .title a {
    color: var(--html-bg-website);
}

.section-news__box {
    transition: all 0.4s;
    box-shadow: 2px 2px 7px #ccc;
}

.section-news__box:hover {
    transform: translateY(-0.5rem);
}

.section-news__box:hover .title a {
    color: var(--html-bg-website);
}

.section-news__box-time {
    top: 18px;
    left: 18px;
    background-color: #fff;
    padding: 7px 4px;
    text-align: center;
}

.section-news__box-time>span {
    display: block;
    font-size: 13px;
    color: #121212;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 5px 10px;
}

.section-news__box-time>span:first-child {
    background-color: var(--html-bg-website);
    color: #fff;
    font-size: 18px;
}

.product_mega-roll {
    max-height: 366px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 2px 2px 7px #ccc;
}

.product_mega-roll::-webkit-scrollbar {
    width: 3px;
}

.product_mega-roll::-webkit-scrollbar-thumb {
    background-color: var(--html-bg-website);
    border-radius: 0.5rem;
}

.product_mega-roll::-webkit-scrollbar-track {
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.section-news5__box-detail>.title a {
    text-transform: capitalize;
    color: #2b2b2b;
    font-size: 16px;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    transition: all 0.4s;
}

.section-news5__box:hover .title a {
    color: var(--html-bg-website);
}

.section-news5__box-detail>.title h3 {
    font-weight: normal;
    line-height: 1.5;
    height: calc(3 * 16px);
}

.section-news5__box-detail>.content {
    color: #787878;
    font-size: 12px;
    line-height: 2;
    height: calc(4 * 12px);
    margin-top: 10px;
    margin-bottom: 20px;
}

.section-news5__box-detail>.desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f8f8f8;
}

.section-news5__box-detail>.desc>span {
    flex: 1;
    padding-left: 10px;
}

.section-news5__box-detail>.desc>span>span {
    padding-left: 10px;
    color: #8b8b8b;
    font-size: 13px;
}

.section-news5__box-detail>.desc>a {
    color: #fff;
    font-size: 12px;
    padding: 14px 0;
    width: 150px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    background-color: var(--html-bg-website);
    display: block;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
    text-align: end;
}

.section-news5__box {
    box-shadow: 2px 2px 7px #ccc;
    background-color: #fff;
    transition: 0.4s;
}

.section-news5__box-detail {
    padding: 10px 15px 25px;
}

.section-news5__box:hover {
    transform: translateY(-0.5rem);
}

.section-news5__box:hover .section-news__box-detail>.title a {
    color: var(--html-bg-website);
}

.tool {
    position: fixed;
    right: 13px;
    border-radius: 5px;
    width: auto;
    z-index: 10000;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 0;
}

.tool ul>li {
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 4px;
    box-shadow: 2px 2px 7px #ccc;
    transition: all 0.4s;
    width: 44px;
    height: 44px;
    padding: 4px;
    transition: all 0.4s;
}

.tool ul>li:hover {
    transform: scale(1.1);
    transition: all 0.4s;
}

.header-sidebar-bottom>span {
    font-size: 18px;
    font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
}

.header-sidebar-bottom {
    padding: 20px 10px 15px;
}

.sidebar-detail {
    box-shadow: 2px 2px 7px #ccc;
}

.body-sidebar-bottom>ul>li>a {
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 15px 10px;
    font-size: 14px;
    font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
}

.body-sidebar-bottom>ul>li+li {
    border-top: 1px solid #ccc;
}

.body-sidebar-bottom>ul>li>a:hover {
    color: var(--html-bg-website);
}

.body-sidebar-bottom-sercive>ul>li>a {
    text-transform: capitalize;
    font-size: 14px;
}

.body-sidebar-bottom-sercive>ul>li>a:hover {
    text-decoration: underline;
}

.box-footer__logo {
    width: 116px;
    margin: auto;
}

.box-footer__desc {
    width: 330px;
    margin: auto;
    margin-top: 20px;
}

.company_info-border {
    border-top: 1px solid #d4d4d4;
    padding-top: 20px;
    margin-top: 20px;
}

.invalid {
    display: none;
    width: 100%;
    margin-top: 5px;
    font-size: 80%;
    color: #dc3545;
}

.was-validated :invalid~.invalid {
    display: block;
}

.was-validated .form--control:not(.not-validate):invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form--control:not(.not-validate):valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated select.form--control:not(.not-validate):invalid {
    background-position: right calc(2em + 0.1875rem) center !important;
}

.was-validated select.form--control:not(.not-validate):valid {
    background-position: right calc(2em + 0.1875rem) center !important;
}

.form--control input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form--control::placeholder {
    color: #7e7e7e;
    font: 400 normal 13px/27px var(--inter-medium);
}

.padding-abouts {
    padding: 28px 0px 50px;
}

.title-small-abouts {
    color: #4E4E4E;
    font: normal normal 400 14px/146% var(--roboto-);
}

.title-abouts {
    color: #484848;
    font: normal normal 800 26px/146% var(--roboto-);
}

.title-abouts span {
    color: var(--html-bg-website);
}

.comments-abouts {
    color: #535353;
    font: normal normal 400 15px/216% var(--roboto-);
}
.form-img-abouts a{border-radius:10px;overflow:hidden;}
.items-introduct {
    transition: all 0.5s;
    background: #FFF;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 2.683px 4.471px 11.624px 0px rgba(0, 0, 0, 0.06), 9.836px 17.884px 20.566px 0px rgba(0, 0, 0, 0.05), 22.355px 41.133px 27.72px 0px rgba(0, 0, 0, 0.03), 40.238px 72.429px 33.085px 0px rgba(0, 0, 0, 0.01), 62.593px 113.562px 36.662px 0px rgba(0, 0, 0, 0.00);
    border-radius: 10px;
}

.items-introduct:hover {
    box-shadow: 3px 3px 10px 3px var(--html-bg-website);
}

.form-right-introduct {
    margin-top: 16px;
}

.img-items-introduct {
    display: inline-block;
    padding: 9px;
    z-index: 1;
}

.img-items-introduct::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    background: #F9F9F9;
}

.img-items-introduct::after {
    position: absolute;
    content: '';
    height: calc(100% - 12px);
    width: calc(100% - 12px);
    bottom: -4px;
    right: -4px;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
    z-index: -1;
    background: var(--html-bg-website);
    pointer-events: none;
}

.title-items-introduct {
    color: #4E4E4E;
    font: normal normal 600 14px/146% var(--roboto-);
    margin-top: 14px;
}

.comments-items-introduct {
    color: #787878;
    font: normal normal 400 13px/196% var(--inter-);
    height: calc((13px * 4 * 1.96) + 5px);
}

.form-logo_in {
    top: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding: 28px 93px;
}

.form-logo_in>div::after,.form-logo_in::after,.form-logo_in::before {
    position: absolute;
    content: '';
    background: #fff;
}

.form-logo_in>div::after {
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 50%;
    left: 0;
    transform: translateY(-50%) skew(-25deg);
    fill: #FFF;
    filter: drop-shadow(4px 8px 8.6px rgba(0, 0, 0, 0.11));
}

.form-logo_in::after,.form-logo_in::before {
    z-index: 2;
    height: 56px;
    width: 105px;
    background: var(--html-bg-website);
}

.form-logo_in::after {
    top: 5px;
    left: 5px;
    clip-path: polygon(26px 0%, 0% 100%, 32px 13px, 100% 0%);
}

.form-logo_in::before {
    bottom: 5px;
    right: 5px;
    clip-path: polygon(100% 0%, calc(100% - 32px) calc(100% - 13px), 0% 100%, calc(100% - 26px) 100%);
}

.btn-items-rental-list {
    display: inline-block;
    padding: 10px 44px;
    color: #626262;
    font: normal normal 600 14px/146% var(--inter-);
    z-index: 1;
    white-space: nowrap;
}

.btn-items-rental-list::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) skew(-21deg);
    background: #F3F3F3;
    z-index: -1;
    transition: all 0.5s;
    box-shadow: 0px 0px 0px 0px transparent;
}

.btn-items-rental-list:hover,.btn-items-rental-list.on {
    color: #ffffff;
}

.btn-items-rental-list:hover::before,.btn-items-rental-list.on::before {
    background: var(--html-bg-website);
    filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.25));
}

.title-rental-list {
    color: var(--html-bg-website);
    font: normal normal 600 26px/146% var(--roboto-);
}

.comments-rental-list {
    color: #787878;
    font: normal normal 400 15px/170% var(--inter-);
}

.fomr-rental-list .owl-item {
    transition: all 0.5s;
    opacity: 0.2;
}

.fomr-rental-list .owl-item .title-rental-list,.fomr-rental-list .owl-item .comments-rental-list {
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}

.fomr-rental-list .owl-item.center {
    transform: scale(1.1);
    opacity: 1;
}

@media (max-width: 739.5px) {
    .fomr-rental-list .owl-item .title-rental-list,.fomr-rental-list .owl-item .comments-rental-list {
        transition:all 0.5s;
        opacity: 0;
        visibility: hidden;
    }

    .fomr-rental-list .owl-item.center {
        transform: scale(1);
        opacity: 1;
    }
}

.fomr-rental-list .owl-item.center .title-rental-list,.fomr-rental-list .owl-item.center .comments-rental-list {
    opacity: 1;
    visibility: unset;
}

.form-servide {
    max-height: calc((170px * 3) + 20px);
}

.item-servide {
    background: rgba(0, 0, 0, 0.27);
    backdrop-filter: blur(7.5px);
    box-shadow: 0px 0px 0px 0px transparent;
    border-radius: 10px;
}

.number-servide {
    top: 2px;
    left: 11px;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    font: normal normal 700 35px/146% var(--roboto-);
}

.img-servide img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    transition: all 0.5s;
}

.title-servide {
    color: #FFF;
    font: normal normal 700 16px/146% var(--roboto-);
    height: calc(16px * 2 * 1.46);
}

.item-servide:hover,.item-servide.on {
}

.item-servide:hover .img-servide img,.item-servide.on .img-servide img {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
}

.item-servide:hover .title-servide,.item-servide.on .title-servide {
    color: var(--html-bg-website);
}

.item-servide:hover .number-servide,.item-servide.on .number-servide {
    -webkit-text-stroke: 1px var(--html-bg-website);
}

.item-service-right {
    animation: opacity 1s ease-in-out;
}

.item-service-right .scale-img.hover-glass{border-radius: 15px;}
.title-service-right {
    color: #FBD841;
    font: normal normal 700 20px/146% var(--roboto-);
}

.comments-service-right {
    color: #FFF;
    font: normal normal 400 15px/216% var(--roboto-);
    height: calc(15px * 4 * 2.16);
}

.img-partner div {
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    border: 2px solid var(--html-bg-website);
}

.img-client {
    overflow: hidden;
    border-radius: 13px;
}

.form-client {
    border-radius: 13px;
    background: #FFF;
    padding: 30px;
}

.title-client {
    color: #4A4A4A;
    font: normal normal 700 20px/146% var(--inter-);
}

.dates-input {
    pointer-events: none;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.items-questions {
    box-shadow: 2px 2px 10px 2px #3636362c;
    border-radius: 8px;
    background: #fff;
}

.title-questions {
    border-radius: 8px;
    color: #484848;
    background: #fff;
    padding: 10px 15px;
    font: normal normal 700 16px/120% var(--inter-);
}

.title-questions.on {
    color: #ffffff;
    background: linear-gradient(92deg, #FFB800 2.01%, #FF5C00 51.92%);
}

.data-questions {
    padding: 10px 15px;
    font: normal normal 500 14px/120% var(--inter-);
}

.wrapper-modal,.wrapper-modal-popup {
    position: fixed;
    top: 50%;
    left: 0%;
    transform: translate(-100%, -50%);
    width: 100%;
    height: 100%;
    background-color: #000000b2;
    opacity: 0;
    visibility: hidden;
    z-index: 3000;
    animation: modal_left 1s ease-in-out forwards;
}

.wrapper-modal-popup {
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    animation: modal_zoom 1s ease-in-out forwards;
}

@keyframes modal_left {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translate(-100%, -50%);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: translate(0%, -50%);
    }
}

@keyframes modal_zoom {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translate(-50%, -50%) scale(0);
    }

    100% {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, -50%) scale(1);
    }
}

.form-client-modal {
    border-radius: 13px;
    background: #fff;
    padding: 36px 33px;
}

.title-client-modal {
    text-transform: uppercase;
    color: #4A4A4A;
    font: normal normal 700 21px/146% var(--montserrat-);
}

.mm-menu_theme-white {
    --mm-color-border: rgba(0,0,0,0.1);
    --mm-color-button: rgba(0,0,0,0.3);
    --mm-color-text: rgba(0,0,0,0.7);
    --mm-color-text-dimmed: rgba(0,0,0,0.3);
    --mm-color-background: #fff;
    --mm-color-background-highlight: rgba(0,0,0,0.06);
    --mm-color-background-emphasis: rgba(0,0,0,0.03);
    --mm-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.mm-menu_theme-dark {
    --mm-color-border: rgba(0,0,0,0.3);
    --mm-color-button: rgba(255,255,255,0.4);
    --mm-color-text: rgba(255,255,255,0.85);
    --mm-color-text-dimmed: rgba(255,255,255,0.4);
    --mm-color-background: #333;
    --mm-color-background-highlight: rgba(255,255,255,0.08);
    --mm-color-background-emphasis: rgba(0,0,0,0.1);
    --mm-shadow: 0 0 20px rgba(0,0,0,0.5)
}

.mm-menu_theme-black {
    --mm-color-border: rgba(255,255,255,0.25);
    --mm-color-button: rgba(255,255,255,0.4);
    --mm-color-text: rgba(255,255,255,0.75);
    --mm-color-text-dimmed: rgba(255,255,255,0.4);
    --mm-color-background: #000;
    --mm-color-background-highlight: rgba(255,255,255,0.2);
    --mm-color-background-emphasis: rgba(255,255,255,0.15);
    --mm-shadow: none
}

:root {
    --mm-line-height: 20px;
    --mm-listitem-size: 44px;
    --mm-navbar-size: 44px;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-color-border: rgba(0,0,0,0.1);
    --mm-color-button: rgba(0,0,0,0.3);
    --mm-color-text: rgba(0,0,0,0.75);
    --mm-color-text-dimmed: rgba(0,0,0,0.3);
    --mm-color-background: #f3f3f3;
    --mm-color-background-highlight: rgba(0,0,0,0.05);
    --mm-color-background-emphasis: rgba(255,255,255,0.4);
    --mm-shadow: 0 0 10px rgba(0,0,0,0.3)
}

.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: var(--mm-offset-top);
    right: var(--mm-offset-right);
    bottom: var(--mm-offset-bottom);
    left: var(--mm-offset-left);
    z-index: 0;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    line-height: var(--mm-line-height);
    -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited {
    text-decoration: none;
    color: inherit
}

[dir=rtl] .mm-menu {
    direction: rtl
}

.mm-panel {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    z-index: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text);
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.mm-panel:after {
    height: 44px
}

.mm-panel:not(.mm-hidden) {
    display: block
}

.mm-panel:after {
    content: '';
    display: block;
    height: var(--mm-listitem-size)
}

.mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.mm-panel_highest {
    z-index: 2
}

.mm-panel_noanimation {
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-panels>.mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel__content {
    padding: 20px 20px 0
}

.mm-panels {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    position: relative;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background: var(--mm-color-background);
    border-color: var(--mm-color-border);
    color: var(--mm-color-text)
}

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

[dir=rtl] .mm-panel.mm-panel_opened-parent {
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0)
}

.mm-listitem_vertical>.mm-panel {
    display: none;
    width: 100%;
    padding: 10px 0 10px 10px;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before {
    content: none;
    display: none
}

.mm-listitem_opened>.mm-panel {
    display: block
}

.mm-listitem_vertical>.mm-listitem__btn {
    height: 44px;
    height: var(--mm-listitem-size);
    bottom: auto
}

.mm-listitem_vertical .mm-listitem:last-child:after {
    border-color: transparent
}

.mm-listitem_opened>.mm-listitem__btn:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.mm-btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    padding: 0
}

.mm-btn:after,.mm-btn:before {
    border: 2px solid rgba(0,0,0,.3);
    border: 2px solid var(--mm-color-button)
}

.mm-btn_next:after,.mm-btn_prev:before {
    content: '';
    border-bottom: none;
    border-right: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0
}

.mm-btn_prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.mm-btn_next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.mm-btn_close:after,.mm-btn_close:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-btn_close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.mm-btn_close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

[dir=rtl] .mm-btn_next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

[dir=rtl] .mm-btn_prev:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before {
    right: auto
}

[dir=rtl] .mm-btn_close:before {
    left: 25px
}

[dir=rtl] .mm-btn_close:after {
    left: 18px
}

.mm-navbar {
    min-height: 44px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background: #f3f3f3;
    color: rgba(0,0,0,.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: var(--mm-navbar-size);
    border-bottom: 1px solid var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-navbar>* {
    min-height: 44px
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .mm-navbar_sticky {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1
    }
}

.mm-navbar>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-navbar__btn {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.mm-navbar__title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px
}

.mm-navbar__title:not(:last-child) {
    padding-right: 0
}

.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title {
    padding-left: 0
}

.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child {
    padding-right: 50px
}

[dir=rtl] .mm-navbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listitem {
    color: rgba(0,0,0,.75);
    border-color: rgba(0,0,0,.1);
    color: var(--mm-color-text);
    border-color: var(--mm-color-border);
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mm-listitem:after {
    content: '';
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0
}

.mm-listitem a,.mm-listitem a:hover {
    text-decoration: none
}

.mm-listitem__btn,.mm-listitem__text {
    padding: 12px;
    display: block;
    padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
    padding-left: 0;
    padding-right: 0;
    color: inherit
}

.mm-listitem__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}

.mm-listitem__btn {
    background: rgba(3,2,1,0);
    border-color: inherit;
    width: auto;
    padding-right: 50px;
    position: relative
}

.mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-listitem_selected>.mm-listitem__text {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel {
    background: rgba(0,0,0,.05);
    background: var(--mm-color-background-highlight)
}

[dir=rtl] .mm-listitem:after {
    left: 0;
    right: 20px
}

[dir=rtl] .mm-listitem__text {
    padding-left: 10px;
    padding-right: 20px
}

[dir=rtl] .mm-listitem__btn {
    padding-left: 50px;
    border-left-width: 0;
    border-left-style: none
}

[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
    padding-right: 0;
    border-right-width: 1px;
    border-right-style: solid
}

.mm-page {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1
}

.mm-wrapper_opened {
    overflow-x: hidden;
    position: relative
}

.mm-wrapper_opened .mm-page {
    min-height: 100vh
}

.mm-wrapper_background .mm-page {
    background: inherit
}

.mm-menu_offcanvas {
    position: fixed;
    right: auto;
    z-index: 0
}

.mm-menu_offcanvas:not(.mm-menu_opened) {
    display: none
}

.mm-menu_offcanvas {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform:translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
        -webkit-transform:translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-wrapper__blocker {
    background: rgba(3,2,1,0);
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.mm-wrapper_blocking {
    overflow: hidden
}

.mm-wrapper_blocking body {
    overflow: hidden
}

.mm-wrapper_blocking .mm-wrapper__blocker {
    display: block
}

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

.mm-menu_autoheight:not(.mm-menu_offcanvas) {
    position: relative
}

.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top {
    max-height: 80%
}

.mm-menu_autoheight-measuring .mm-panel {
    display: block!important
}

.mm-menu_autoheight-measuring .mm-panels>.mm-panel {
    bottom: auto!important;
    height: auto!important
}

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
    display: none!important
}

[class*=mm-menu_columns-] {
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel {
    right: auto;
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    -o-transition-property: width,transform;
    transition-property: width,transform;
    transition-property: width,transform,-webkit-transform
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent {
    display: block!important
}

[class*=mm-panel_columns-] {
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3 {
    border-right: none
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_columns-0 .mm-panels>.mm-panel {
    z-index: 0
}

.mm-menu_columns-0 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu_columns-0 {
    width: 80%;
    min-width: 240px;
    max-width: 0
}

.mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
        -webkit-transform:translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width: 0px) {
    .mm-wrapper_opening .mm-menu_columns-0~.mm-slideout {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width: 0px) {
    .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1 {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu_columns-1 .mm-panels>.mm-panel {
    z-index: 1;
    width: 100%
}

.mm-menu_columns-1 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.mm-menu_columns-1 {
    width: 80%;
    min-width: 240px;
    max-width: 440px
}

.mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
        -webkit-transform:translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_columns-1~.mm-slideout {
        -webkit-transform:translate3d(440px,0,0);
        transform: translate3d(440px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2 {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0)
}

.mm-menu_columns-2 .mm-panels>.mm-panel {
    z-index: 2;
    width: 50%
}

.mm-menu_columns-2 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0)
}

.mm-menu_columns-2 {
    width: 80%;
    min-width: 240px;
    max-width: 880px
}

.mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
        -webkit-transform:translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width: 1100px) {
    .mm-wrapper_opening .mm-menu_columns-2~.mm-slideout {
        -webkit-transform:translate3d(880px,0,0);
        transform: translate3d(880px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width: 1100px) {
    .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-880px,0,0);
        transform: translate3d(-880px,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3 {
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0)
}

.mm-menu_columns-3 .mm-panels>.mm-panel {
    z-index: 3;
    width: 33.34%
}

.mm-menu_columns-3 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0)
}

.mm-menu_columns-3 {
    width: 80%;
    min-width: 240px;
    max-width: 1320px
}

.mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
        -webkit-transform:translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width: 1650px) {
    .mm-wrapper_opening .mm-menu_columns-3~.mm-slideout {
        -webkit-transform:translate3d(1320px,0,0);
        transform: translate3d(1320px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width: 1650px) {
    .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-1320px,0,0);
        transform: translate3d(-1320px,0,0)
    }
}

[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4 {
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0)
}

.mm-menu_columns-4 .mm-panels>.mm-panel {
    z-index: 4;
    width: 25%
}

.mm-menu_columns-4 .mm-panels>.mm-panel else {
    width: 100%
}

.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
    -webkit-transform: translate3d(500%,0,0);
    transform: translate3d(500%,0,0)
}

.mm-menu_columns-4 {
    width: 80%;
    min-width: 240px;
    max-width: 1760px
}

.mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
    -webkit-transform: translate3d(80vw,0,0);
    transform: translate3d(80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
        -webkit-transform:translate3d(240px,0,0);
        transform: translate3d(240px,0,0)
    }
}

@media all and (min-width: 2200px) {
    .mm-wrapper_opening .mm-menu_columns-4~.mm-slideout {
        -webkit-transform:translate3d(1760px,0,0);
        transform: translate3d(1760px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width: 2200px) {
    .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-1760px,0,0);
        transform: translate3d(-1760px,0,0)
    }
}

[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
    -webkit-transition-property: width,min-width,max-width,-webkit-transform;
    transition-property: width,min-width,max-width,-webkit-transform;
    -o-transition-property: width,min-width,max-width,transform;
    transition-property: width,min-width,max-width,transform;
    transition-property: width,min-width,max-width,transform,-webkit-transform
}

.mm-counter {
    color: rgba(0,0,0,.3);
    display: block;
    padding-left: 20px;
    float: right;
    text-align: right;
    color: var(--mm-color-text-dimmed)
}

.mm-listitem_nosubitems>.mm-counter {
    display: none
}

[dir=rtl] .mm-counter {
    text-align: left;
    float: left;
    padding-left: 0;
    padding-right: 20px
}

.mm-divider {
    position: relative;
    min-height: 20px;
    padding: 4.3px;
    background: #f3f3f3;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    min-height: var(--mm-line-height);
    padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);
    padding-right: 10px;
    padding-left: 20px;
    font-size: 75%;
    text-transform: uppercase;
    background: var(--mm-color-background);
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-divider:before {
    background: rgba(0,0,0,.05)
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .mm-divider {
        position:-webkit-sticky;
        position: sticky;
        z-index: 2;
        top: 0
    }

    .mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider {
        top: var(--mm-navbar-size)
    }
}

.mm-divider:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--mm-color-background-highlight)
}

.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout {
    -webkit-transition-duration: 0s!important;
    -o-transition-duration: 0s!important;
    transition-duration: 0s!important;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.mm-wrapper_dragging .mm-menu {
    pointer-events: none!important
}

.mm-wrapper_dragging .mm-wrapper__blocker {
    display: none!important
}

.mm-menu_dropdown {
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%
}

.mm-wrapper_dropdown .mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-wrapper_dropdown .mm-wrapper__blocker {
    -webkit-transition-delay: 0s!important;
    -o-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

.mm-wrapper_dropdown .mm-menu_dropdown {
    z-index: 2
}

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
    display: none
}

.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before {
    content: '';
    background: inherit;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-menu_tip-left:before {
    left: 22px
}

.mm-menu_tip-right:before {
    right: 22px
}

.mm-menu_tip-top:before {
    top: -8px
}

.mm-menu_tip-bottom:before {
    bottom: -8px
}

:root {
    --mm-iconbar-size: 50px
}

.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels {
    margin-left: 50px;
    margin-left: var(--mm-iconbar-size)
}

.mm-menu_iconbar-left .mm-iconbar {
    border-right-width: 1px;
    display: block;
    left: 0
}

.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels {
    margin-right: 50px;
    margin-right: var(--mm-iconbar-size)
}

.mm-menu_iconbar-right .mm-iconbar {
    border-left-width: 1px;
    display: block;
    right: 0
}

.mm-iconbar {
    width: 50px;
    border-color: rgba(0,0,0,.1);
    background: #f3f3f3;
    color: rgba(0,0,0,.3);
    display: none;
    width: var(--mm-iconbar-size);
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    border: 0 solid;
    border-color: var(--mm-color-border);
    background: var(--mm-color-background);
    color: var(--mm-color-text-dimmed);
    text-align: center
}

.mm-iconbar__bottom,.mm-iconbar__top {
    width: inherit;
    position: absolute
}

.mm-iconbar__bottom>*,.mm-iconbar__top>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 12.5px 0
}

.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover {
    text-decoration: none
}

.mm-iconbar__top {
    top: 0
}

.mm-iconbar__bottom {
    bottom: 0
}

.mm-iconbar__tab_selected {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-iconpanel-size: 50px
}

.mm-panel_iconpanel-1 {
    width: calc(100% - 50px);
    width: calc(100% - (var(--mm-iconpanel-size) * 1))
}

.mm-panel_iconpanel-2 {
    width: calc(100% - 100px);
    width: calc(100% - (var(--mm-iconpanel-size) * 2))
}

.mm-panel_iconpanel-3 {
    width: calc(100% - 150px);
    width: calc(100% - (var(--mm-iconpanel-size) * 3))
}

.mm-panel_iconpanel-first~.mm-panel {
    width: calc(100% - 50px);
    width: calc(100% - var(--mm-iconpanel-size))
}

.mm-menu_iconpanel .mm-panels>.mm-panel {
    left: auto;
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    -o-transition-property: transform,width;
    transition-property: transform,width;
    transition-property: transform,width,-webkit-transform
}

.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent {
    display: block!important
}

.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent {
    overflow-y: hidden;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset
}

.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left-width: 1px;
    border-left-style: solid
}

.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
    opacity: 0
}

.mm-panel__blocker {
    background: inherit;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.mm-panel_opened-parent .mm-panel__blocker {
    opacity: .6;
    bottom: -100000px
}

[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel {
    left: 0;
    right: auto;
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    -o-transition-property: transform,width;
    transition-property: transform,width;
    transition-property: transform,width,-webkit-transform
}

[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left: none;
    border-right: 1px solid;
    border-color: inherit
}

.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis);
    outline: 0
}

.mm-wrapper__blocker .mm-tabstart {
    cursor: default;
    display: block;
    width: 100%;
    height: 100%
}

.mm-wrapper__blocker .mm-tabend {
    opacity: 0;
    position: absolute;
    bottom: 0
}

.mm-navbars_top {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mm-navbars_top .mm-navbar:not(:last-child) {
    border-bottom: none
}

.mm-navbars_bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mm-navbars_bottom .mm-navbar {
    border-bottom: none
}

.mm-navbars_bottom .mm-navbar:first-child {
    border-top: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid var(--mm-color-border)
}

.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input {
    padding-left: 0
}

.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input {
    padding-right: 0
}

.mm-navbar__breadcrumbs {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mm-navbar__breadcrumbs>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 6px
}

.mm-navbar__breadcrumbs>a {
    text-decoration: underline
}

.mm-navbar__breadcrumbs:not(:last-child) {
    padding-right: 0
}

.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs {
    padding-left: 0
}

.mm-navbar_tabs>* {
    padding: 0 10px;
    border: 1px solid transparent
}

.mm-navbar__tab_selected {
    background: #f3f3f3;
    color: rgba(0,0,0,.75);
    background: var(--mm-color-background);
    color: var(--mm-color-text)
}

.mm-navbar__tab_selected:not(:first-child) {
    border-left-color: rgba(0,0,0,.1)
}

.mm-navbar__tab_selected:not(:last-child) {
    border-right-color: rgba(0,0,0,.1)
}

.mm-navbar__tab_selected:not(:first-child) {
    border-left-color: var(--mm-color-border)
}

.mm-navbar__tab_selected:not(:last-child) {
    border-right-color: var(--mm-color-border)
}

.mm-navbars_top .mm-navbar_tabs {
    border-bottom: none
}

.mm-navbars_top .mm-navbar_tabs>* {
    border-bottom-color: rgba(0,0,0,.1);
    border-bottom-color: var(--mm-color-border)
}

.mm-navbars_top .mm-navbar__tab_selected {
    border-top-color: rgba(0,0,0,.1);
    border-top-color: var(--mm-color-border);
    border-bottom-color: transparent
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar {
    background: #f3f3f3;
    background: var(--mm-color-background)
}

.mm-navbars_bottom .mm-navbar_tabs:first-child {
    border-top: none
}

.mm-navbars_bottom .mm-navbar_tabs>* {
    border-top-color: rgba(0,0,0,.1);
    border-top-color: var(--mm-color-border)
}

.mm-navbars_bottom .mm-navbar__tab_selected {
    border-bottom-color: rgba(0,0,0,.1);
    border-bottom-color: var(--mm-color-border);
    border-top-color: transparent
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
    background: #f3f3f3;
    background: var(--mm-color-background)
}

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-searchfield {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: var(--mm-navbar-size);
    padding: 0;
    overflow: hidden
}

.mm-searchfield input {
    height: 30.8px;
    line-height: 30.8px
}

.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.75)
}

.mm-searchfield input {
    display: block;
    width: 100%;
    max-width: 100%;
    height: calc(var(--mm-navbar-size) * .7);
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none!important;
    border-radius: 4px;
    line-height: calc(var(--mm-navbar-size) * .7);
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    outline: 0!important;
    font: inherit;
    font-size: inherit
}

.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover {
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text)
}

.mm-searchfield input::-ms-clear {
    display: none
}

.mm-searchfield__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mm-panel__noresultsmsg {
    color: rgba(0,0,0,.3);
    padding: 50px 0;
    color: var(--mm-color-text-dimmed);
    text-align: center;
    font-size: 150%
}

.mm-searchfield__btn {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mm-panel_search {
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    border-left: none!important
}

.mm-searchfield__cancel {
    line-height: 44px;
    display: block;
    padding-right: 10px;
    margin-right: -100px;
    line-height: var(--mm-navbar-size);
    text-decoration: none;
    -webkit-transition: margin .4s ease;
    -o-transition: margin .4s ease;
    transition: margin .4s ease
}

.mm-searchfield__cancel-active {
    margin-right: 0
}

.mm-listitem_nosubitems>.mm-listitem__btn {
    display: none
}

.mm-listitem_nosubitems>.mm-listitem__text {
    padding-right: 10px
}

.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn) {
    z-index: -1;
    pointer-events: none
}

.mm-sectionindexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 5;
    -webkit-transition: right .4s ease;
    -o-transition: right .4s ease;
    transition: right .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.mm-sectionindexer a {
    color: rgba(0,0,0,.3);
    color: var(--mm-color-text-dimmed);
    line-height: 1;
    text-decoration: none;
    display: block
}

.mm-sectionindexer~.mm-panel {
    padding-right: 0
}

.mm-sectionindexer_active {
    right: 0
}

.mm-sectionindexer_active~.mm-panel {
    padding-right: 20px
}

.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text {
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected>.mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text {
    background: 0 0
}

.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text {
    background: rgba(255,255,255,.4);
    background: var(--mm-color-background-emphasis)
}

:root {
    --mm-sidebar-collapsed-size: 50px;
    --mm-sidebar-expanded-size: 440px
}

.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body {
    position: relative
}

.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transition-property: width,-webkit-transform;
    transition-property: width,-webkit-transform;
    -o-transition-property: width,transform;
    transition-property: width,transform;
    transition-property: width,transform,-webkit-transform
}

.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page {
    background: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100vh
}

.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    top: 0!important;
    right: auto!important;
    bottom: 0!important;
    left: 0!important
}

.mm-wrapper_sidebar-collapsed .mm-slideout {
    width: calc(100% - 50px);
    -webkit-transform: translate3d(50px,0,0);
    transform: translate3d(50px,0,0);
    width: calc(100% - var(--mm-sidebar-collapsed-size));
    -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size),0,0);
    transform: translate3d(var(--mm-sidebar-collapsed-size),0,0)
}

.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
    opacity: 0
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
    width: 440px;
    width: var(--mm-sidebar-expanded-size);
    min-width: 0!important;
    max-width: 100000px!important;
    border-right-width: 1px;
    border-right-style: solid
}

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
    content: none;
    display: none
}

.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
    overflow: visible
}

.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
    display: none!important
}

.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout {
    width: calc(100% - 440px);
    -webkit-transform: translate3d(440px,0,0);
    transform: translate3d(440px,0,0);
    width: calc(100% - var(--mm-sidebar-expanded-size));
    -webkit-transform: translate3d(var(--mm-sidebar-expanded-size),0,0);
    transform: translate3d(var(--mm-sidebar-expanded-size),0,0)
}

.mm-menu__blocker {
    background: rgba(3,2,1,0);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3
}

.mm-menu_opened .mm-menu__blocker {
    display: none
}

[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

input.mm-toggle {
    margin-top: 5px;
    background: rgba(0,0,0,.1);
    display: inline-block;
    min-width: 58px;
    width: 58px;
    height: 34px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 34px)/ 2);
    border: none!important;
    background: var(--mm-color-border);
    border-radius: 34px;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease
}

input.mm-toggle:before {
    background: #f3f3f3
}

input.mm-toggle:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    margin: 1px;
    border-radius: 34px;
    background: var(--mm-color-background);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

input.mm-toggle:checked {
    background: #4bd963
}

input.mm-toggle:checked:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px)
}

input.mm-check {
    margin-top: 2px;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border: none!important;
    background: 0 0!important;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    margin-top: calc((var(--mm-listitem-size) - 40px)/ 2)
}

input.mm-check:before {
    content: '';
    display: block;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: var(--mm-color-text);
    opacity: .3;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

input.mm-check:checked:before {
    opacity: 1
}

[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before {
    float: left
}

.mm-menu_border-none .mm-listitem:after {
    content: none
}

.mm-menu_border-full .mm-listitem:after {
    left: 0!important
}

.mm-menu_fx-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.mm-wrapper_opened .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0)
}

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none {
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.mm-menu_fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

.mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
    -webkit-transform: translate3d(100vw,0,0);
    transform: translate3d(100vw,0,0)
}

@media all and (max-width: 140px) {
    .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
        -webkit-transform:translate3d(140px,0,0);
        transform: translate3d(140px,0,0)
    }
}

@media all and (min-width: 10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen~.mm-slideout {
        -webkit-transform:translate3d(10000px,0,0);
        transform: translate3d(10000px,0,0)
    }
}

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-100vw,0,0);
    transform: translate3d(-100vw,0,0)
}

@media all and (max-width: 140px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0)
    }
}

@media all and (min-width: 10000px) {
    .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-10000px,0,0);
        transform: translate3d(-10000px,0,0)
    }
}

.mm-menu_fullscreen.mm-menu_position-top {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_fullscreen.mm-menu_position-bottom {
    height: 100vh;
    min-height: 140px;
    max-height: 10000px
}

.mm-menu_listview-justify .mm-panels>.mm-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mm-menu_listview-justify .mm-panels>.mm-panel:after {
    content: none;
    display: none
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 50px
}

.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mm-listview_inset {
    list-style: inside disc;
    width: 100%;
    padding: 0 30px 15px 30px;
    margin: 0
}

.mm-listview_inset .mm-listitem {
    padding: 5px 0
}

.mm-menu_multiline .mm-listitem__text {
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: normal
}

[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
    opacity: 0
}

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker {
    opacity: .3;
    -webkit-transition: opacity .4s ease .4s;
    -o-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s
}

.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker {
    background: inherit
}

.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker {
    background: #000
}

.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker {
    background: #fff
}

.mm-menu_popup {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    z-index: 2;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.mm-menu_popup.mm-menu_opened~.mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker {
    -webkit-transition-delay: 0s!important;
    -o-transition-delay: 0s!important;
    transition-delay: 0s!important;
    z-index: 1
}

.mm-wrapper_opening .mm-menu_popup {
    opacity: 1
}

.mm-menu_position-right {
    left: auto;
    right: 0
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
    -webkit-transform: translate3d(-80vw,0,0);
    transform: translate3d(-80vw,0,0)
}

@media all and (max-width: 300px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-240px,0,0);
        transform: translate3d(-240px,0,0)
    }
}

@media all and (min-width: 550px) {
    .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout {
        -webkit-transform:translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0)
    }
}

.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened {
    z-index: 2
}

.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    z-index: 0
}

.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker {
    z-index: 1
}

.mm-menu_position-front {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.mm-menu_position-front.mm-menu_position-right {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu_position-bottom,.mm-menu_position-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu_position-top {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.mm-menu_position-top {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-menu_position-bottom {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    top: auto
}

.mm-menu_position-bottom {
    height: 80vh;
    min-height: 140px;
    max-height: 880px
}

.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu_shadow-page:after {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    content: '';
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 100;
    -webkit-clip-path: polygon(-20px 0,0 0,0 100%,-20px 100%);
    clip-path: polygon(-20px 0,0 0,0 100%,-20px 100%);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_shadow-page.mm-menu_position-right:after {
    left: auto;
    right: 100%;
    -webkit-clip-path: polygon(20px 0,40px 0,40px 100%,20px 100%);
    clip-path: polygon(20px 0,40px 0,40px 100%,20px 100%)
}

.mm-menu_shadow-page.mm-menu_position-front:after {
    content: none;
    display: none
}

.mm-menu_shadow-menu {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_shadow-panels .mm-panels>.mm-panel {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: var(--mm-shadow);
    box-shadow: var(--mm-shadow)
}

.mm-menu_tileview .mm-listview,.mm-panel_tileview .mm-listview {
    margin: 0!important
}

.mm-menu_tileview .mm-listview:after,.mm-panel_tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both
}

.mm-menu_tileview .mm-listitem,.mm-panel_tileview .mm-listitem {
    padding: 0;
    float: left;
    position: relative;
    width: 50%;
    height: 0;
    padding-top: 50%
}

.mm-menu_tileview .mm-listitem:after,.mm-panel_tileview .mm-listitem:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1
}

.mm-menu_tileview .mm-listitem.mm-tile-xs,.mm-panel_tileview .mm-listitem.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%
}

.mm-menu_tileview .mm-listitem.mm-tile-s,.mm-panel_tileview .mm-listitem.mm-tile-s {
    width: 25%;
    padding-top: 25%
}

.mm-menu_tileview .mm-listitem.mm-tile-l,.mm-panel_tileview .mm-listitem.mm-tile-l {
    width: 75%;
    padding-top: 75%
}

.mm-menu_tileview .mm-listitem.mm-tile-xl,.mm-panel_tileview .mm-listitem.mm-tile-xl {
    width: 100%;
    padding-top: 100%
}

.mm-menu_tileview .mm-listitem__text,.mm-panel_tileview .mm-listitem__text {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0 10px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0
}

.mm-menu_tileview .mm-listitem__btn,.mm-panel_tileview .mm-listitem__btn {
    width: auto
}

.mm-menu_tileview .mm-listitem__btn:after,.mm-menu_tileview .mm-listitem__btn:before,.mm-panel_tileview .mm-listitem__btn:after,.mm-panel_tileview .mm-listitem__btn:before {
    content: none;
    display: none
}

.mm-menu_tileview .mm-divider,.mm-panel_tileview .mm-divider {
    display: none
}

.mm-menu_tileview .mm-panel,.mm-panel_tileview {
    padding-left: 0;
    padding-right: 0
}

.mm-menu_tileview .mm-panel:after,.mm-menu_tileview .mm-panel:before,.mm-panel_tileview:after,.mm-panel_tileview:before {
    content: none;
    display: none
}

body.modal-open .mm-slideout {
    z-index: unset
}

html {
    font-size: 62.5%;
}

.grid {
    width: 100%;
    display: block;
    padding: 0;
}

.grid.wide {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 1rem;
}

.grid-s.wide-s {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 1rem;
}

.res--grid14--template {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
}

.res--grid--template {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.res--grid10--template {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}

.gap5 {
    gap: 5px
}

.gap10 {
    gap: 10px
}

.gap15 {
    gap: 15px
}

.gap20 {
    gap: 20px
}

.gap25 {
    gap: 25px
}

.gap30 {
    gap: 30px
}

.gap35 {
    gap: 35px
}

.gap40 {
    gap: 40px
}

.gap45 {
    gap: 45px
}

.gap50 {
    gap: 50px
}

.res--span--1 {
    grid-column: span 1;
}

.res--span--2 {
    grid-column: span 2;
}

.res--span--3 {
    grid-column: span 3;
}

.res--span--4 {
    grid-column: span 4;
}

.res--span--5 {
    grid-column: span 5;
}

.res--span--6 {
    grid-column: span 6;
}

.res--span--7 {
    grid-column: span 7;
}

.res--span--8 {
    grid-column: span 8;
}

.res--span--9 {
    grid-column: span 9;
}

.res--span--10 {
    grid-column: span 10;
}

.res--span--11 {
    grid-column: span 11;
}

.res--span--12 {
    grid-column: span 12;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
}

.row.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.col0 {
    padding-left: 0px;
    padding-right: 0px;
}

.col {
    padding-left: 4px;
    padding-right: 4px;
}

.row.no-gutters .col {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.c-0 {
    display: none;
}

.c-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.c-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.c-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.c-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.c-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.c-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.c-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.c-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.c-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.c-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.c-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.c-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.c-o-0 {
    margin-left: 0;
}

.c-o-1 {
    margin-left: 8.33333%;
}

.c-o-2 {
    margin-left: 16.66667%;
}

.c-o-3 {
    margin-left: 25%;
}

.c-o-4 {
    margin-left: 33.33333%;
}

.c-o-5 {
    margin-left: 41.66667%;
}

.c-o-6 {
    margin-left: 50%;
}

.c-o-7 {
    margin-left: 58.33333%;
}

.c-o-8 {
    margin-left: 66.66667%;
}

.c-o-9 {
    margin-left: 75%;
}

.c-o-10 {
    margin-left: 83.33333%;
}

.c-o-11 {
    margin-left: 91.66667%;
}

@media (min-width: 740px) {
    .row {
        margin-left:-8px;
        margin-right: -8px;
    }

    .col {
        padding-left: 8px;
        padding-right: 8px;
    }

    .row12 {
        display: flex;
        flex-wrap: wrap;
        margin-left: -8px;
        margin-right: -8px;
    }

    .col12 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .m-0 {
        display: none;
    }

    .m-1,.m-2,.m-2-4,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12 {
        display: block;
    }

    .m-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .m-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .m-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .m-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .m-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .m-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .m-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .m-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .m-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .m-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .m-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .m-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .m-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .m-o-1 {
        margin-left: 8.33333%;
    }

    .m-o-2 {
        margin-left: 16.66667%;
    }

    .m-o-3 {
        margin-left: 25%;
    }

    .m-o-4 {
        margin-left: 33.33333%;
    }

    .m-o-5 {
        margin-left: 41.66667%;
    }

    .m-o-6 {
        margin-left: 50%;
    }

    .m-o-7 {
        margin-left: 58.33333%;
    }

    .m-o-8 {
        margin-left: 66.66667%;
    }

    .m-o-9 {
        margin-left: 75%;
    }

    .m-o-10 {
        margin-left: 83.33333%;
    }

    .m-o-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1113px) {
    .row {
        margin-left:-10px;
        margin-right: -10px;
    }

    .row5 {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }

    .row12 {
        display: flex;
        flex-wrap: wrap;
    }

    .col12 {
        padding-left: 0;
        padding-right: 0;
    }

    .row.sm-gutter {
        margin-left: -5px;
        margin-right: -5px;
    }

    .col {
        padding-left: 10px;
        padding-right: 10px;
    }

    .col5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row.sm-gutter .col {
        padding-left: 5px;
        padding-right: 5px;
    }

    .l-0 {
        display: none;
    }

    .l-1,.l-12,.l-2,.l-2-4,.l-1-2,.l-7-1,.l-8-8,.l-1-7,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-5-5,.l-21,.l-58,.l-6-3,.l-6-8,.l-345,.l-144,.l-237,.l-176,.l-367,.l-305,.l-270,.l-150,.l-290,.l-250,.l-285,.l-187,.l-1-4,.l-2-2,.l-1-9,.l-336,.l-1-1,.l-fullwidth,.l-290,.l-12 {
        display: block;
    }

    .l-345 {
        flex: 0 0 345px;
        max-width: 345px;
    }

    .l-144 {
        flex: 0 0 144px;
        max-width: 144px;
    }

    .l-237 {
        flex: 0 0 237px;
        max-width: 237px;
    }

    .l-176 {
        flex: 0 0 176px;
        max-width: 176px;
    }

    .l-1-7 {
        flex: 0 0 14.2857142857%;
        max-width: 14.2857142857%;
    }

    .l-1-1 {
        flex: 0 0 11%;
        max-width: 11%;
    }

    .l-1-2 {
        flex: 0 0 12%;
        max-width: 12%;
    }

    .l-1-3 {
        flex: 0 0 13%;
        max-width: 13%;
    }

    .l-2-2 {
        flex: 0 0 22.33333%;
        max-width: 22.33333%;
    }

    .l-2-7 {
        flex: 0 0 27.66667%;
        max-width: 27.66667%;
    }

    .l-1-4 {
        flex: 0 0 14%;
        max-width: 14%;
    }

    .l-1-8 {
        flex: 0 0 18%;
        max-width: 18%;
    }

    .l-1-9 {
        flex: 0 0 19.33333%;
        max-width: 19.33333%;
    }

    .l-7-1 {
        flex: 0 0 71.33333%;
        max-width: 71.33333%;
    }

    .l-8-8 {
        flex: 0 0 88%;
        max-width: 88%;
    }

    .l-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .l-367 {
        flex: 0 0 367px;
        max-width: 367px;
    }

    .l-285 {
        flex: 0 0 285px;
        max-width: 285px;
    }

    .l-187 {
        flex: 0 0 187px;
        max-width: 187px;
    }

    .l-336 {
        flex: 0 0 336px;
        max-width: 336px;
    }

    .l-305 {
        flex: 0 0 305px;
        max-width: 305px;
    }

    .l-270 {
        flex: 0 0 270px;
        max-width: 270px;
    }

    .l-150 {
        flex: 0 0 150px;
        max-width: 150px;
    }

    .l-290 {
        flex: 0 0 290px;
        max-width: 290px;
    }

    .l-250 {
        flex: 0 0 250px;
        max-width: 250px;
    }

    .l-fullwidth {
        flex: 0 0 680px;
        max-width: 680px;
    }

    .l-5-5 {
        flex: 0 0 55.66667%;
        max-width: 55.66667%;
    }

    .l-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .l-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .l-21 {
        flex: 0 0 21%;
        max-width: 21%;
    }

    .l-58 {
        flex: 0 0 58%;
        max-width: 58%;
    }

    .l-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .l-34 {
        flex: 0 0 34.66667%;
        max-width: 34.66667%;
    }

    .l-35 {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .l-36 {
        flex: 0 0 36%;
        max-width: 36%;
    }

    .l-37 {
        flex: 0 0 37%;
        max-width: 37%;
    }

    .l-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .l-40 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .l-46 {
        flex: 0 0 46.66667%;
        max-width: 46.66667%;
    }

    .l-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .l-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .l-60 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .l-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .l-6-3 {
        flex: 0 0 63.33333%;
        max-width: 63.33333%;
    }

    .l-64 {
        flex: 0 0 64%;
        max-width: 64%;
    }

    .l-6-8 {
        flex: 0 0 68%;
        max-width: 68%;
    }

    .l-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .l-80 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .l-89 {
        flex: 0 0 89%;
        max-width: 89%;
    }

    .l-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .l-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .l-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .l-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .l-o-0 {
        margin-left: 0;
    }

    .l-o-1 {
        margin-left: 8.33333%;
    }

    .l-o-2 {
        margin-left: 16.66667%;
    }

    .l-o-3 {
        margin-left: 25%;
    }

    .l-o-4 {
        margin-left: 33.33333%;
    }

    .l-o-5 {
        margin-left: 41.66667%;
    }

    .l-o-6 {
        margin-left: 50%;
    }

    .l-o-7 {
        margin-left: 58.33333%;
    }

    .l-o-8 {
        margin-left: 66.66667%;
    }

    .l-o-9 {
        margin-left: 75%;
    }

    .l-o-10 {
        margin-left: 83.33333%;
    }

    .l-o-11 {
        margin-left: 91.66667%;
    }

    .l-30 {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .l-70 {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .l-20 {
        flex: 0 0 20.83333%;
        max-width: 20.83333%;
    }
}

@media (min-width: 740px) and (max-width:1023px) {
    .wide {
        width:100%;
    }
}

@media (min-width: 1024px) and (max-width:1239px) {
    .wide {
        width:100%;
    }

    .wide .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .wide .row.sm-gutter {
        margin-left: -5px;
        margin-right: -5px;
    }

    .wide .col {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wide .row.sm-gutter .col {
        padding-left: 5px;
        padding-right: 5px;
    }

    .wide .l-0 {
        display: none;
    }

    .wide .l-1,.wide .l-2,.wide .l-2-4,.wide .l-3,.wide .l-4,.wide .l-5,.wide .l-6,.wide .l-7,.wide .l-8,.wide .l-9,.wide .l-10,.wide .l-11,.wide .l-12 {
        display: block;
    }

    .wide .l-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .wide .l-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .wide .l-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .wide .l-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .wide .l-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .wide .l-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .wide .l-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .wide .l-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .wide .l-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .wide .l-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .wide .l-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .wide .l-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .wide .l-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wide .l-o-1 {
        margin-left: 8.33333%;
    }

    .wide .l-o-2 {
        margin-left: 16.66667%;
    }

    .wide .l-o-3 {
        margin-left: 25%;
    }

    .wide .l-o-4 {
        margin-left: 33.33333%;
    }

    .wide .l-o-5 {
        margin-left: 41.66667%;
    }

    .wide .l-o-6 {
        margin-left: 50%;
    }

    .wide .l-o-7 {
        margin-left: 58.33333%;
    }

    .wide .l-o-8 {
        margin-left: 66.66667%;
    }

    .wide .l-o-9 {
        margin-left: 75%;
    }

    .wide .l-o-10 {
        margin-left: 83.33333%;
    }

    .wide .l-o-11 {
        margin-left: 91.66667%;
    }
}

.d-grid {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: grid !important;
}

.g-l-1 {
    grid-template-columns: repeat(1, 1fr);
}

.g-l-2 {
    grid-template-columns: repeat(2, 1fr);
}

.g-l-3 {
    grid-template-columns: repeat(3, 1fr);
}

.g-l-4 {
    grid-template-columns: repeat(4, 1fr);
}

.g-l-5 {
    grid-template-columns: repeat(5, 1fr);
}

.g-l-6 {
    grid-template-columns: repeat(6, 1fr);
}

.g-l-7 {
    grid-template-columns: repeat(7, 1fr);
}

.g-l-8 {
    grid-template-columns: repeat(8, 1fr);
}

.g-l-9 {
    grid-template-columns: repeat(9, 1fr);
}

.g-l-10 {
    grid-template-columns: repeat(10, 1fr);
}

@media (max-width: 1023.5px) {
    .g-m-1 {
        grid-template-columns:repeat(1, 1fr);
    }

    .g-m-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .g-m-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .g-m-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .g-m-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .g-m-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .g-m-7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .g-m-8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .g-m-9 {
        grid-template-columns: repeat(9, 1fr);
    }

    .g-m-10 {
        grid-template-columns: repeat(10, 1fr);
    }
}

@media (max-width: 739.5px) {
    .g-c-1 {
        grid-template-columns:repeat(1, 1fr);
    }

    .g-c-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .g-c-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .g-c-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .g-c-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .g-c-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .g-c-7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .g-c-8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .g-c-9 {
        grid-template-columns: repeat(9, 1fr);
    }

    .g-c-10 {
        grid-template-columns: repeat(10, 1fr);
    }
}

.g5-l {
    grid-gap: 5px;
}

.g10-l {
    grid-gap: 10px;
}

.g15-l {
    grid-gap: 15px;
}

.g20-l {
    grid-gap: 20px;
}

.g25-l {
    grid-gap: 25px;
}

.g30-l {
    grid-gap: 30px;
}

.g35-l {
    grid-gap: 35px;
}

.g40-l {
    grid-gap: 40px;
}

.g45-l {
    grid-gap: 45px;
}

.g50-l {
    grid-gap: 50px;
}

.g55-l {
    grid-gap: 55px;
}

.g60-l {
    grid-gap: 60px;
}

.g65-l {
    grid-gap: 65px;
}

.g70-l {
    grid-gap: 70px;
}

.g75-l {
    grid-gap: 75px;
}

.g80-l {
    grid-gap: 80px;
}

.g85-l {
    grid-gap: 85px;
}

.g90-l {
    grid-gap: 90px;
}

.g95-l {
    grid-gap: 95px;
}

.g100-l {
    grid-gap: 100px;
}

@media (max-width: 1023.5px) {
    .g5-m {
        grid-gap:5px;
    }

    .g10-m {
        grid-gap: 10px;
    }

    .g15-m {
        grid-gap: 15px;
    }

    .g20-m {
        grid-gap: 20px;
    }

    .g25-m {
        grid-gap: 25px;
    }

    .g30-m {
        grid-gap: 30px;
    }

    .g35-m {
        grid-gap: 35px;
    }

    .g40-m {
        grid-gap: 40px;
    }

    .g45-m {
        grid-gap: 45px;
    }

    .g50-m {
        grid-gap: 50px;
    }

    .g55-m {
        grid-gap: 55px;
    }

    .g60-m {
        grid-gap: 60px;
    }

    .g65-m {
        grid-gap: 65px;
    }

    .g70-m {
        grid-gap: 70px;
    }

    .g75-m {
        grid-gap: 75px;
    }

    .g80-m {
        grid-gap: 80px;
    }

    .g85-m {
        grid-gap: 85px;
    }

    .g90-m {
        grid-gap: 90px;
    }

    .g95-m {
        grid-gap: 95px;
    }

    .g100-m {
        grid-gap: 100px;
    }
}

@media (max-width: 739.5px) {
    .g5-c {
        grid-gap:5px;
    }

    .g10-c {
        grid-gap: 10px;
    }

    .g15-c {
        grid-gap: 15px;
    }

    .g20-c {
        grid-gap: 20px;
    }

    .g25-c {
        grid-gap: 25px;
    }

    .g30-c {
        grid-gap: 30px;
    }

    .g35-c {
        grid-gap: 35px;
    }

    .g40-c {
        grid-gap: 40px;
    }

    .g45-c {
        grid-gap: 45px;
    }

    .g50-c {
        grid-gap: 50px;
    }

    .g55-c {
        grid-gap: 55px;
    }

    .g60-c {
        grid-gap: 60px;
    }

    .g65-c {
        grid-gap: 65px;
    }

    .g70-c {
        grid-gap: 70px;
    }

    .g75-c {
        grid-gap: 75px;
    }

    .g80-c {
        grid-gap: 80px;
    }

    .g85-c {
        grid-gap: 85px;
    }

    .g90-c {
        grid-gap: 90px;
    }

    .g95-c {
        grid-gap: 95px;
    }

    .g100-c {
        grid-gap: 100px;
    }
}

.d-none {
    display: none !important;
}

.ratio-img__default {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-logo-default {
    position: relative;
}

.ratio-logo-default::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: calc((66 / 116) * 100%);
}

.flex-cl-1 {
    flex: 1;
}

.ratio-img {
    position: relative;
}

.ratio-img::after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: var(--data-ratio);
}

.ratio-img__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-video {
    position: relative;
}

.ratio-video::after {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: var(--data-ratio-video);
}

.ratio-video__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ratio-cover>video {
    object-fit: fill;
    -webkit-object-fit: fill;
    -moz-object-fit: fill;
    -ms-object-fit: fill;
    -o-object-fit: fill;
}

.ratio-cover>img {
    width: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
}

.ratio-scale>img {
    width: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.cubic-img>img {
    transition: all .5s cubic-bezier(0.2, 0.3, 0.8, 0.7);
}

.cubic-img:hover>img {
    transform: scale(1.1);
}

.wrap-top__address>span {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #fff;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.wrap-top__address>span>i {
    font-size: 1.8rem;
}

.wrap-top__address>span>strong {
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.wrapper-top-right__twolayout {
    gap: 1.5rem;
}

.wrap-top__address--right>.socical>li>a>img {
    width: 16px;
    height: 16px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -o-object-fit: scale-down;
    -ms-object-fit: scale-down;
}

.wrap-top__address--right {
    padding: 0 1.5rem;
    border-right: 1px solid #52963B;
}

.wrap-top__address--right:first-child {
    padding-left: 0;
}

.wrap-top__address--right:last-child {
    padding-right: 0;
    border-right: 0;
}

.wrap-top__address>a {
    font-size: 1.2rem;
    line-height: 1.3;
    color: #fff;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    word-break: break-word;
}

.wrap-top__address>a>img {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.wrapper-header__topr-search {
    display: flex;
    align-items: center;
    flex: 1;
}

.wrapper-header__topr-search>input {
    flex: 1;
    width: 100%;
    height: 4rem;
    line-height: 4rem;
    padding-left: 1.5rem;
    outline: none;
    user-select: none;
    border: 0;
    border-radius: 4px 0px 0px 4px;
    font-size: 1.6rem;
    color: #000;
    border: 1px solid #C9C9CF;
    background: #FAFAFA;
    border-radius: 0.4rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.wrapper-header__topr-search>input::placeholder {
    color: #8E8E93;
}

.wrapper-header__topright-search-btn {
    width: 8.8rem;
    outline: none;
    cursor: pointer;
    user-select: none;
    height: 4rem;
    background: var(--html-bg-website);
    transition: all 0.2s;
    border: 0;
    display: block;
    border-radius: 0px 4px 4px 0px;
    color: #fff;
    transition: all 0.2s;
}

.wrapper-header__topright-search-btn>i {
    font-size: 2rem;
    color: #fff;
}

.cart-top__header {
    font-size: 1.6rem;
    color: var(--html-sc-website);
}

.cart-top__header>span {
    font-size: 1.4rem;
    color: var(--html-bg-website);
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.wrapper-categorylist__slider>a {
    display: block;
    font-size: 1.8rem;
    color: #fff;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    padding: 1.4rem 2rem;
    background: var(--html-bg-website);
    border-radius: 0.5rem;
}

.aside-wrapper__category:hover .wrapper-categorylist__slider>a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.wrapper-categorylist__slider>a>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper-categorylist__slider>a>span>span>i {
    margin-right: 1rem;
    color: #fff;
}

.wrapper-sidebar__stickyall--slider .body-sidebar__nav-list {
    max-height: 480px;
    overflow-x: hidden;
    overflow-y: auto;
}

.wrapper-sidebar__stickyall--slider .body-sidebar__nav-list::-webkit-scrollbar {
    width: 4px;
}

.wrapper-sidebar__stickyall--slider .body-sidebar__nav-list::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
}

.wrapper-sidebar__stickyall--slider .body-sidebar__nav-list::-webkit-scrollbar-track {
    background: none;
}

.wrapper-sidebar__stickyall--slider .body-sidebar__nav-list:hover::-webkit-scrollbar-thumb {
    background: var(--html-bg-website);
}

.wrapper-sidebar__stickyall-title>span>i {
    margin-right: 1rem;
}

.wrapper-sidebar__stickyall-title>span {
    padding: 1rem 2rem;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 2.2rem;
    background: #FAFAFA;
    display: block;
    color: #000;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    overflow: hidden;
    border-bottom: 1px solid #000;
}

.wrapper-sidebar__stickyall {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    overflow: hidden;
    background: #FAFAFA;
}

.wrapper-sidebar__stickyall {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.wrapper-sidebar__stickyall--tpl .wrapper-sidebar__stickyall-title>span {
    font-size: 1.6rem;
}

.wrapper-sidebar__stickyall--tpl .body-sidebar__nav {
    margin-top: 1rem;
}

.wrapper-sidebar__stickyall--tpl .body-sidebar__nav-list>li>a {
    font-size: 1.6rem;
}

.wrapper-sidebar__stickyall--tpl .body-sidebar__nav-child>li>a {
    font-size: 1.5rem;
}

.wrapper-sidebar__stickyall--unsetp {
    position: unset;
}

.body-sidebar__nav-list>li:last-child {
    border-bottom: 0;
}

.body-sidebar__nav-list-dropdown {
    position: absolute;
    top: 0rem;
    right: 0rem;
    cursor: pointer;
    color: #000;
    padding: 1.5rem;
}

.body-sidebar__nav-child {
    display: none;
}

.body-sidebar__nav-child {
    background: #FAFAFA;
}

.body-sidebar__nav-child>li>a {
    padding: 1.5rem 2rem 1.5rem 2rem;
    display: block;
    font-size: 1.6rem;
    color: #000;
}

.body-sidebar__nav-child>li>a:hover {
    color: var(--html-bg-website);
}

.body-sidebar__nav-child>li:last-child>a {
    border-bottom: 0;
}

.body-sidebar__nav-list-dropdown-child {
    background: transparent;
}

.body-sidebar__nav-list>li>a {
    font-size: 1.8rem;
    color: #000;
    padding: 1.25rem 2rem 1.25rem 2rem;
    display: block;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.body-sidebar__nav-list>li {
    background: #FAFAFA;
    transition: all 0.2s;
}

.body-sidebar__nav-list>li>a:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.body-sidebar__nav-list>li>a:hover>span>img {
    filter: brightness(0) invert(1);
}

.body-sidebar__nav-list>li>a:hover + span {
    color: #fff;
}

.starceiling-product__box {
    transition: all 0.2s;
    border: 1px solid #E5E5EA;
    border-radius: 0.4rem;
    background: #fff;
    padding: 1rem;
    animation: fadeOpacity 0.5s ease-in-out;
    box-shadow: 2px 2px 7px #ccc;
}

.starceiling-product__box-img>a {
    border-radius: 0.4rem;
}

.starceiling-product__box-detail {
    padding-top: 1rem;
    background: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    padding-bottom: 0;
}

.starceiling-product__box-detail-title {
    line-height: 1.4;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: center;
    max-height: calc(2.8 * 16px);
}

.starceiling-product__box-detail-title>a {
    font-size: 1.6rem;
    color: #000;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.starceiling-product__box-detail-slogan {
    margin: 0.8rem 0;
    font-size: 1.6rem;
    line-height: 1.3;
    height: calc(1.3 * 16px);
    text-align: center;
}

.starceiling-product__box-detail-slogan>span {
    font-size: 1.6rem;
    color: #48484A;
}

.starceiling-product__box-detail-des {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
    text-align: center;
    font-size: 1.3rem;
    color: #8A8A8A;
    max-height: calc(13px * 3);
    line-height: 1.5;
}

.starceiling-product__box-detail-price {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.starceiling-product__box-detail-price>span {
    display: inline-block;
}

.starceiling-product__box-detail-price-new {
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    color: #000;
}

.starceiling-product__box:hover {
    transform: translateY(-0.5rem);
    box-shadow: 2px 2px 7px var(--html-bg-website);
    border-color: #DEDEDE;
}

.starceiling-product__box-detail-pricenew {
    color: #EA1B25;
    display: inline-block;
    font-size: 2rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.starceiling-product__box-detail-cart {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.starceiling-product__box-detail-cart>a {
    font-size: 1.6rem;
    display: block;
    border-radius: 0.2rem;
    transition: all 0.2s;
}

.starceiling-product__box-detail-cart-add {
    background: #EEEEEE;
    padding: 1.25rem 1.5rem;
    color: #8E8E93;
    flex: 1;
    text-align: center;
}

.starceiling-product__box-detail-cart-add:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.starceiling-product__box-detail-cart-buy {
    background: var(--html-bg-website);
    color: #fff;
    padding: 1.25rem 2rem;
    border: 1px solid var(--html-bg-website);
    text-align: center;
}

.starceiling-product__box-detail-cart-buy:hover {
    background: transparent;
    color: var(--html-bg-website);
}

.starceiling-product__box-detail-priceold {
    font-size: 1.6rem;
    color: #AEAEB2;
}

.starceiling-introduce__boxright-titlesmall>span {
    font-size: 1.8rem;
    display: inline-block;
    color: var(--html-sc-website);
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    position: relative;
}

.starceiling-introduce__boxright-titlesmall>span::before {
    content: "";
    position: absolute;
    top: 110%;
    left: 50%;
    background: url(assets/css/../../../images/line-title.png) no-repeat center center/contain;
    width: 9.9rem;
    height: 1rem;
    transform: translateX(-50%);
}

.starceiling-introduce__boxright-titlemain-detail>a {
    color: #575757;
    font-size: 2.4rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    display: inline-block;
    position: relative;
}

.wrapper-introductory-criteria__box {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
}

.wrapper-introductory-criteria__box-img {
    width: 3.6rem;
}

.wrapper-introductory-criteria__box-img>span>img {
    width: 100%;
    height: 3.6rem;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    -webkit-animation: spinimg 4s linear infinite;
    -moz-animation: spinimg 4s linear infinite;
    animation: spinimg 4s linear infinite;
}

.wrapper-introductory-criteria__box-detail {
    flex: 1;
}

.wrapper-introductory-criteria__box-detail-title {
    line-height: 1.3;
    font-size: 1.8rem;
    max-height: calc(18px * 2.6);
}

.wrapper-introductory-criteria__box-detail-title>span {
    font-size: 1.8rem;
    color: var(--html-bg-website);
    transition: all 0.2s;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.wrapper-header.fixed {
    min-height: auto;
}

.google-translate {
    max-height: 22px;
    overflow: hidden;
}

.wrapper-header__logo>a {
    width: 100%;
    height: auto;
    display: block;
}

.wrapper-header.fixed .wrapper-header__logo>a {
    width: 16rem;
}

.wrapper-header.fixed {
    background: #fff;
    padding: 1rem 0;
}

.starceiling-introduce {
    padding: 5rem 0;
}

.starceiling-introduce__boxright-titlesmall>span {
    font-size: 1.8rem;
    display: inline-block;
    color: var(--html-sc-website);
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    position: relative;
}

.starceiling-introduce__boxright-titlemain {
    margin-bottom: 2rem;
    text-align: center;
}

.starceiling-introduce__boxright-btn {
    display: flex;
    align-items: center;
    gap: 2.8rem;
}

.starceiling-introduce__boxright-btn>a:not(.starceiling-introduce__boxright-btn-contact) {
    padding: 1rem;
    border-radius: 0.4rem;
    background: var(--html-bg-website);
    border: 1px solid var(--html-bg-website);
    transition: all 0.2s;
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    user-select: none;
    color: #fff;
    display: inline-block;
}

.starceiling-introduce__boxright-btn>a:not(.starceiling-introduce__boxright-btn-contact):hover {
    background: var(--html-cl-website);
    border-color: var(--html-cl-website);
    color: #fff;
}

.starceiling-introduce__boxright-btn-contact-img {
    width: 7.5rem;
}

.starceiling-introduce__boxright-btn-contact-info {
    flex: 1;
}

.starceiling-introduce__boxright-btn-contact-info>span {
    display: block;
}

.starceiling-introduce__boxright-btn-contact-info-title {
    font-size: 2rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    color: #000;
}

.starceiling-introduce__boxright-btn-contact-info-phone {
    font-size: 1.6rem;
    color: #8E8E93;
    margin-top: 5px;
}

.starceiling-introduce__boxright-btn-contact-img>span>img {
    width: 100%;
    height: 5.6rem;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.starceiling-introduce__boxright-btn-contact {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.starceiling-introduce__boxleft {
    overflow: hidden;
}

.starceiling-introduce__boxright {
    padding-left: 1.5rem;
}

.starceiling-introduce__boxleft>a {
    overflow: hidden;
}

.aside-starceiling-product {
    padding-top: 0rem;
}

.starceiling-product__title-aside>a>span {
    display: inline-block;
    padding: 1rem 1.6rem;
    font-size: 2.4rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    position: relative;
    background: var(--html-sc-website);
    color: #fff;
    border-left: 6px solid var(--html-cl-website);
}

.starceiling-product__wrapper-btn {
    text-align: right;
}

.starceiling-product__wrapper-btn>a {
    font-size: 1.6rem;
    transition: all 0.2s;
    color: var(--html-bg-website);
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.starceiling-product__wrapper-btn>a>i {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.starceiling-product__title-aside>a>span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 107px;
    height: 48px;
    background: url(assets/css/../../../images/line-title-bg.svg) no-repeat center center/contain;
}

.starceiling-product__linetitle {
    position: relative;
}

.starceiling-product__linetitle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background: var(--html-cl-website);
}

.price-title__line {
    color: #8E8E93;
}

.price-title__phone {
    color: red;
    font-weight: normal;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.starceiling-procedure {
    padding: 14.2rem 0;
}

.starceiling-procedure__boxwrap-img>span {
    width: 76.4rem;
    height: 378px;
}

.starceiling-procedure__boxwrap-desc {
    position: absolute;
    top: 20px;
    bottom: 20px;
    width: 339px;
    height: 339px;
    padding-top: 10.5rem;
    padding-left: 3.6rem;
    padding-right: 3.6rem;
    border-radius: 50%;
    background: linear-gradient(180deg, #FFFFFF -1.92%, #FFFFFF 12.35%, #FFFFFF 81.65%, #DEDEDE 100%);
    box-shadow: 0px 24px 9px rgb(0 0 0 / 1%), 0px 13px 8px rgb(0 0 0 / 5%), 0px 6px 6px rgb(0 0 0 / 9%), 0px 1px 3px rgb(0 0 0 / 10%), 0px 0px 0px rgb(0 0 0 / 10%);
    right: 40px;
    transition: all 0.2s;
}

.starceiling-procedure__boxwrap-desc.activeProcedure {
    box-shadow: 0px 59px 24px rgb(246 191 25 / 4%), 0px 33px 20px rgb(246 191 25 / 12%), 0px 15px 15px rgb(246 191 25 / 20%), 0px 4px 8px rgb(246 191 25 / 24%), 0px 0px 0px rgb(246 191 25 / 24%);
}

.starceiling-procedure__boxwrap-desc-title {
    margin-bottom: 8px;
}

.starceiling-procedure__boxwrap-desc-title {
    text-align: center;
    line-height: 1.4;
    font-size: 2.4rem;
}

.starceiling-procedure__boxwrap-desc-title>span {
    font-size: 2.4rem;
    color: #000;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.starceiling-procedure__boxwrap-desc-detail {
    line-height: 2rem;
    height: 10rem;
}

.starceiling-process__framework {
    position: absolute;
    top: -95px;
    right: -170px;
    width: 349px;
    height: 565px;
    background: url(assets/css/../../../images/nhanhquytrinh.png) no-repeat center center/contain;
    z-index: 3;
}

.starceiling-procedure__boxwrap-info-detail.starceiling-procedure__boxwrap-info-detail1 {
    position: absolute;
    top: -79px;
    right: -382px;
    width: 360px;
}

.starceiling-procedure__boxwrap-info-detail-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    width: 40px;
    z-index: 5;
}

.starceiling-procedure__boxwrap-info-detail-img>span {
    width: 40px;
    height: 40px;
}

.starceiling-procedure__boxwrap-info-detail-img>span>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    -webkit-animation: spinimg 4s linear infinite;
    -moz-animation: spinimg 4s linear infinite;
    animation: spinimg 4s linear infinite;
}

.starceiling-procedure__boxwrap-info-detail-content {
    background: linear-gradient(275.35deg, #37851F 7.45%, #2F9D33 36.14%, #5CC23D 93.85%);
    padding: 1.1rem 3rem;
    border-radius: 10rem;
}

.starceiling-procedure__boxwrap-info-detail.starceiling-procedure__boxwrap-info-detail2 {
    position: absolute;
    top: 35px;
    right: -474px;
    width: 360px;
}

.starceiling-procedure__boxwrap-info-detail.starceiling-procedure__boxwrap-info-detail3 {
    position: absolute;
    top: 147px;
    right: -493px;
    width: 360px;
}

.starceiling-procedure__boxwrap-info-detail.starceiling-procedure__boxwrap-info-detail4 {
    position: absolute;
    top: 260px;
    right: -474px;
    width: 360px;
}

.starceiling-procedure__boxwrap-info-detail.starceiling-procedure__boxwrap-info-detail5 {
    position: absolute;
    top: 368px;
    right: -373px;
    width: 360px;
}

.starceiling-procedure__boxwrap-info-detail-content {
    transition: all 0.2s;
}

.starceiling-procedure__boxwrap-info-detail-content-title {
    font-size: 1.8rem;
    line-height: 1.4;
    max-height: calc(18px * 1.4);
}

.starceiling-procedure__boxwrap-info-detail-content-des {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #E4E4E4;
    height: calc(14px * 2.8);
}

.starceiling-procedure__boxwrap-info-detail-content-title>span {
    font-size: 1.8rem;
    color: #fff;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    transition: all 0.2s;
}

.starceiling-procedure__boxwrap-info-detail-content:hover,.starceiling-procedure__boxwrap-info-detail-content.activeProcedure {
    box-shadow: 0px 59px 24px rgb(246 191 25 / 4%), 0px 33px 20px rgb(246 191 25 / 12%), 0px 15px 15px rgb(246 191 25 / 20%), 0px 4px 8px rgb(246 191 25 / 24%), 0px 0px 0px rgb(246 191 25 / 24%);
}

.starceiling-procedure__boxwrap-info-detail-content:hover .starceiling-procedure__boxwrap-info-detail-content-title>span,.starceiling-procedure__boxwrap-info-detail-content.activeProcedure .starceiling-procedure__boxwrap-info-detail-content-title>span {
    color: var(--html-cl-website);
}

.starceiling-title__allpage {
    text-align: center;
}

.starceiling-title__allpage>a>span {
    color: var(--html-sc-website);
    font-size: 3.2rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    display: inline-block;
    position: relative;
}

.starceiling-service {
    padding: 6rem 0;
}

.starceiling-des__allpage {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 2rem;
}

.starceiling-service__box:hover {
    box-shadow: 0px 59px 24px rgb(246 191 25 / 4%), 0px 33px 20px rgb(246 191 25 / 12%), 0px 15px 15px rgb(246 191 25 / 20%), 0px 4px 8px rgb(246 191 25 / 24%), 0px 0px 0px rgb(246 191 25 / 24%);
    transform: translateY(-0.5rem);
}

.starceiling-service__btn>a {
    padding: 1rem;
    border-radius: 0.4rem;
    background: var(--html-cl-website);
    border: 1px solid var(--html-cl-website);
    transition: all 0.2s;
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    user-select: none;
    color: var(--html-bg-website);
    display: inline-block;
}

.starceiling-service__btn>a:hover {
    border-color: var(--html-bg-website);
    background: var(--html-bg-website);
    color: #fff;
}

.wrapper-register__bgfake-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.wrapper-register {
    overflow: hidden;
    padding: 7rem 0;
}

.starceiling-news {
    padding: 8rem 0;
    padding-bottom: 6rem;
}

.starceiling-news__box {
    transition: all 0.2s;
    padding: 1rem;
    background: #fff;
    box-shadow: 2px 2px 7px #ccc;
    border-radius: 0.4rem;
    border: 1px solid #fff;
}

.starceiling-news__box-time {
    background: var(--html-bg-website);
    border: 2px solid var(--html-cl-website);
    padding: 10px 15px 10px 25px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0px 0px 0px 100px;
}

.starceiling-news__box-img>a {
    border-radius: 0.3rem;
}

.starceiling-news__box-time>span {
    color: #fff;
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.starceiling-news__box-detail {
    padding-top: 2rem;
}

.starceiling-news__box-detail-title {
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: normal;
    max-height: calc(3 * 16px);
}

.starceiling-news__box-detail-title>a {
    font-size: 1.6rem;
    color: #000;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    transition: all 0.2s;
}

.starceiling-news__box:hover {
    transform: translateY(-0.5rem);
    border: 1px solid var(--html-bg-website);
    box-shadow: 2px 2px 7px var(--html-bg-website);
}

.starceiling-news__box-detail-des {
    font-size: 1.4rem;
    line-height: 1.5;
    height: calc(3 * 15px);
    color: #9E9E9E;
}

.starceiling-news__box:hover .starceiling-news__box-detail-title>a {
    color: var(--html-bg-website);
}

.starceiling-partner__box {
    transition: all 0.2s;
}

.starceiling-partner__box>a {
    background: #fff;
    padding: 2rem 1rem;
    border-radius: 0.4rem;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 7px #ccc;
}

.starceiling-partner__box>a>img {
    width: 100%;
    height: 5.6rem;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.starceiling-partner {
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
}

.starceiling-partner__box:hover {
    transform: translateY(-0.5rem);
}

.mb14 {
    margin-bottom: 1.4rem;
}

.wrapper-header__right {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 2.4rem;
}

.wrapper-header__right-hotline {
    font-size: 1.6rem;
    color: var(--html-sc-website);
}

.wrapper-header__right-hotline>span {
    font-size: 1.8rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    color: var(--html-bg-website)
}

.wrap-top__aside-socical {
    padding-right: 1.5rem;
    border-right: 1px solid #52963B;
}

.wrapper-btn-outline__fullpage {
    padding: 1rem 2.4rem;
    border-radius: 0.4rem;
    background: var(--html-bg-website);
    font-size: 1.6rem;
    color: #fff;
    border: 1px solid var(--html-bg-website);
    transition: all 0.2s;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    display: inline-block;
    text-align: center;
    margin-right: 2rem;
}

.wrapper-btn-outline__fullpage:hover {
    background: var(--html-sc-website);
    color: #fff;
    border-color: var(--html-sc-website);
}

.starceiling-introduce__boxright-btn-contact {
    display: flex;
    gap: 1rem;
}

.starceiling-introduce__boxright-btn-contact-img {
    width: 4.5rem;
}

.starceiling-introduce__boxright-btn-contact-img>span>img {
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.starceiling-introduce__boxright-btn-contact-info {
    flex: 1;
}

.starceiling-introduce__boxright-btn-contact-info>span {
    display: block;
    color: #000;
}

.starceiling-introduce__boxright-btn-contact-info-phone {
    font-size: 2rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.boxslider-details__btn {
    display: flex;
    align-items: center;
}

.wrapper-introduces__boxbottom {
    padding: 0 2rem;
}

.wrapper-introduces__boxbottom-img {
    display: flex;
    justify-content: center;
}

.wrapper-introduces__boxbottom-img>span {
    width: 7rem;
    height: 7rem;
    padding: 1rem;
    border-radius: 50%;
    border: 1px solid var(--html-bg-website);
}

.wrapper-introduces__boxbottom-img>span>img {
    width: 100%;
    height: 50px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    -webkit-animation: spinimg 4s linear infinite;
    -moz-animation: spinimg 4s linear infinite;
    animation: spinimg 4s linear infinite;
}

.wrapper-introduces__boxbottom-detail-numb {
    text-align: center;
    font-size: 4.2rem;
    color: var(--html-bg-website);
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.wrapper-introduces__boxbottom-detail-title {
    text-align: center;
    font-size: 2.2rem;
    line-height: 1.5;
    max-height: calc(3 * 22px);
}

.wrapper-introduces__boxbottom-detail {
    padding-top: 0.8rem;
}

.wrapper-introduces__boxbottom-detail-title>span {
    font-size: 2.2rem;
    color: var(--html-sc-website);
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.starceiling-product {
    padding: 5rem 0;
}

.starceiling-service__box-left-img {
    padding: 1rem;
    background: var(--html-cl-website);
    border-radius: 50%;
    position: relative;
}

.starceiling-service__box-left {
    padding: 1.5rem;
    position: relative;
}

.starceiling-service__box-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    right: 0;
    background: url(assets/css/../../../images/icon/circle-vector.svg) no-repeat center center/contain;
    animation: spin 15s linear infinite;
}

.starceiling-service__box-left-img>a {
    border-radius: 50%;
    border: 3px solid #fff;
}

.starceiling-service__box-right-detail-title {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: normal;
    max-height: calc(2.6 * 20px);
}

.starceiling-service__box-right-detail-title>a {
    font-size: 2rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    color: #fff;
}

.starceiling-service__box-right-title>a>span {
    font-size: 3.2rem;
    display: inline-block;
    position: relative;
    color: #fff;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.starceiling-service__box-right-title>a>span::before {
    content: "";
    position: absolute;
    height: 0.3rem;
    top: 120%;
    left: 0;
    width: 100%;
    background: var(--html-cl-website);
}

.starceiling-service__box-right-detail-view>a {
    font-size: 1.6rem;
    color: #fff;
}

.starceiling-service__box-right {
    padding-left: 40px;
}

.starceiling-customers {
    padding: 8rem 0;
}

.starceiling-customers__btn {
    display: block;
    width: 4rem;
    height: 4rem;
    border: 2px solid #D1D1D6;
    background: #fff;
    transition: all 0.2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.starceiling-list--next {
    right: -60px;
}

.starceiling-list--prev {
    left: -60px;
}

.starceiling-customers__btn:hover {
    background: var(--html-cl-website);
    color: #fff;
}

.starceiling-customers__box-avatar {
    margin-bottom: 2.4rem;
}

.starceiling-customers__box-detail-vote {
    margin-top: 0.4rem;
}

.starceiling-customers__box-avatar {
    display: flex;
    justify-content: center;
}

.starceiling-customers__box-detail {
    text-align: center;
}

.starceiling-customers__box-detail-vote {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.starceiling-customers__box {
    padding: 4rem;
    background: #fff;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    border-radius: 1rem;
    transition: all 0.2s;
}

.starceiling-customers__box:hover {
    transform: translateY(-0.5rem);
    box-shadow: 2px 2px 7px var(--html-bg-website);
}

.starceiling-customers__box-review {
    line-height: 1.5;
    font-size: 1.6rem;
    color: #9497A1;
    text-align: center;
    max-height: calc(6 * 16px);
}

.starceiling-customers__box-detail-name {
    font-size: 1.8rem;
    color: #000;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.starceiling-customers__box-detail-vote>i.on-star {
    color: #FF9500;
}

.starceiling-customers__box-avatar>span {
    width: 8.1rem;
    height: 8.1rem;
    border-radius: 50%;
    padding: 0.3rem;
    position: relative;
    background: var(--html-cl-website);
}

.starceiling-customers__box-avatar>span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 110%;
    width: 60px;
    height: 3px;
    background: var(--html-cl-website);
    border-radius: 100px;
}

.starceiling-customers__box-avatar>span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 110%;
    width: 60px;
    height: 3px;
    background: var(--html-cl-website);
    border-radius: 100px;
}

.starceiling-customers__box-avatar>span>img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.starceiling-album {
    padding: 8rem 0;
}

.starceiling-album__box-img>a {
    border-radius: 0.4rem;
}

.starceiling-album__box-img>a>img {
    border-radius: 0.4rem;
}

.starceiling-album__img-overplay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(180deg, rgba(0, 113, 25, 0.2) 0%, var(--html-bg-website) 100%);
    border-radius: 6px;
    transition: ease-in-out 0.5s;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.starceiling-album__box:hover .starceiling-album__img-overplay {
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.starceiling-album__img-overplay-title {
    font-size: 2.4rem;
    line-height: 1.3;
    max-height: calc(24px * 2.6) ;
    font-weight: normal;
    text-align: center;
}

.starceiling-album__img-overplay-title>span {
    color: #fff;
    font-size: 2.4rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.starceiling-album__img-overplay-slogan {
    text-align: center;
    font-size: 1.6rem;
    max-height: calc(16px * 2.6);
    margin-top: 0.4rem;
}

.starceiling-album__img-overplay-slogan>span {
    font-size: 1.6rem;
    color: #fff;
}

.starceiling-video {
    padding: 8rem 0;
}

.starceiling-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8rem;
    height: 8rem;
    transform: translate(-50% , -50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    transition: all 0.2s;
}

.starceiling-video__play>i {
    font-size: 2rem;
    color: var(--html-cl-website);
    transition: all 0.2s;
}

.starceiling-video__play:hover {
    background: red;
}

.starceiling-video__play:hover>i {
    color: #fff;
}

.starceiling-video__boxleft {
    padding-right: 90px;
}

.starceiling-video__title>a>span {
    color: #fff;
    font-size: 3.2rem;
    display: inline-block;
    position: relative;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.starceiling-video__title>a>span::before {
    content: "";
    top: 110%;
    position: absolute;
    left: 0;
    height: 0.3rem;
    width: 100%;
    background: var(--html-cl-website);
}

.starceiling-video__btn>a {
    display: inline-block;
    border-radius: 0.2rem;
    background: #fff;
    padding: 1rem 2.4rem;
    transition: all 0.2s;
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.starceiling-video__btn>a>i {
    font-size: 2rem;
    color: var(--html-bg-website);
}

.starceiling-video__btn>a:hover {
    background: var(--html-sc-website);
    color: #fff;
}

.starceiling-video__btn>a:hover>i {
    color: #fff;
}

.starceiling-video__play--small {
    background: transparent;
}

.starceiling-video__play--small:hover {
    background: transparent;
}

.starceiling-video__play--small>i {
    color: #fff;
}

.starceiling-video__play::before {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0px 0px 20px #fff;
    content: "";
    left: 0;
    top: 0;
    border-radius: 50%;
    animation: shadow 1.4s 1000ms infinite;
    -webkit-animation: shadow 1.4s 1000ms infinite;
    -moz-animation: shadow 1.4s 1000ms infinite;
    -o-animation: shadow 1.4s 1000ms infinite;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.starceiling-video__play--small::before {
    display: none;
}

.starceiling-product__box-detail-cart-add>i {
    -webkit-animation-name: bounceAlpha;
    animation-name: bounceAlpha;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.starceiling-news__box-detail-time>span {
    display: inline-block;
    font-size: 1.6rem;
    color: #8E8E93;
}

.starceiling-news__box-detail-time>span>i {
    color: var(--html-bg-website);
}

.starceiling-news__box-time-detail {
    margin-right: 1.6rem;
}

.wrapper-formregis__group>input {
    padding: 1.4rem 1.6rem;
    width: 100%;
    border-radius: 0.2rem;
    background: #ffff;
    border: 1px solid #E7E5EA;
    color: #000;
    user-select: none;
    font-size: 1.6rem;
    transition: all 0.2s;
}

.wrapper-formregis__group>input::placeholder {
    color: #8E8E93;
}

.wrapper-formregis__group>input:focus {
    border-color: var(--html-cl-website);
}

.wrapper-formregis__group>textarea {
    width: 100%;
    height: 113px;
    padding: 1.2rem 1.6rem;
    color: #000;
    border-radius: 0.2rem;
    user-select: none;
    -webkit-user-select: none;
    background: #fff;
    border: 1px solid #E7E5EA;
    transition: all 0.2s;
}

.wrapper-formregis__group>textarea::placeholder {
    color: #8E8E93;
}

.wrapper-formregis__group>textarea:focus {
    border-color: var(--html-cl-website);
}

.wrapper-formregis {
    padding: 5rem 0;
}

.wrapper-formregis__title {
    margin-bottom: 3.2rem;
}

.wrapper-formregis__title>span {
    display: inline-block;
    font-size: 3.2rem;
    color: #fff;
    position: relative;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.wrapper-formregis__title>span::before {
    content: "";
    position: absolute;
    top: 110%;
    left: 0;
    width: 240px;
    height: 0.3rem;
    background: var(--html-cl-website);
}

.wrapper-formregis__group>button {
    border: 1px solid var(--html-bg-website);
    border-radius: 0.2rem;
    cursor: pointer;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    transition: all 0.2s;
    background: var(--html-bg-website);
    color: #fff;
    transition: all 0.2s;
}

.wrapper-formregis__group>button:hover {
    background: #fff;
    color: var(--html-bg-website);
}

.wrapper-map__footer>iframe {
    width: 320px;
    height: 222px;
    border-radius: 0.4rem;
    overflow: hidden;
    box-shadow: 2px 2px 7px #ccc;
}

.wrapper-button__map>button {
    border: 1px solid #A5E72B;
    user-select: none;
    cursor: pointer;
    border-radius: 100px;
    text-align: center;
    min-width: 320px;
    padding: 0.8rem 1.6rem;
    background: #A5E72B;
    transition: all 0.2s;
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.wrapper-button__map>button:hover {
    background: #fff;
    color: #A5E72B;
}

.desc-footer>.fb-page {
    border-radius: 0.3rem;
    overflow: hidden;
    box-shadow: 2px 2px 7px #ccc;
}

.wrapper-header.fixed .wrapper-header__logo>a {
    width: 8rem;
}

.starceiling-template__customers>span>img {
    width: 100%;
    height: 134px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.starceiling-template__customers-overplay {
    opacity: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}

.starceiling-template__customers-overplay-title {
    font-size: 1.6rem;
    line-height: 1.4;
    max-height: calc(16px * 2.8);
    text-align: center;
}

.starceiling-template__customers-overplay-title>span {
    color: var(--html-sc-website);
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.starceiling-template__customers:hover .starceiling-template__customers-overplay {
    opacity: 1;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -khtml-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}

.wrapper-album-detail__box:hover .starceiling-template__customers-overplay {
    opacity: 1;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -khtml-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    -ms-transition: all 0.7s ease-in-out 0s;
    -o-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}

.starceiling-template__customers-img>span::before {
    position: absolute;
    opacity: 0;
    content: "";
    background: rgba(255,255,255,0.9) none repeat scroll 0% 0%;
    top: 60px;
    left: 60px;
    bottom: 60px;
    right: 60px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.starceiling-template__customers-img>span>img {
    width: 100%;
    height: 134px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.wrapper-album-detail__box>a::before {
    position: absolute;
    opacity: 0;
    content: "";
    background: rgba(255,255,255,0.9) none repeat scroll 0% 0%;
    top: 60px;
    left: 60px;
    bottom: 60px;
    right: 60px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -khtml-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
}

.starceiling-template__customers-overplay-glass>i {
    font-size: 2rem;
    color: var(--html-sc-website);
}

.wrapper-album-detail__box:hover>a::before {
    opacity: 1;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.starceiling-template__customers:hover .starceiling-template__customers-img>span::before {
    opacity: 1;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
}

.starceiling-video__box-img>a {
    border-radius: 0.8rem;
}

.wrappers-title__culture {
    text-align: center;
    line-height: 1.5;
}

.wrappers-title__culture>span {
    font-size: 2.4rem;
    color: var(--html-bg-website);
    display: inline-block;
    position: relative;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.wrappers-title__culture>span::before {
    content: "";
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    background: url(assets/css/../../../images/icon/line-title-small.svg) no-repeat center center/contain;
    width: 15.7rem;
    height: 1.2rem;
}

.wrapper-starceiling__menuright-item>a {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 5px;
    color: #333;
    transition: all 0.2s;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
}

.wrapper-starceiling__menuright-item>a:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.carts {
    padding-top: 20px;
}

.popup-element {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 12345;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.popup-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .5;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.popup-body {
    background-color: #f1f1f1;
    padding: 20px;
}

.tbody.body-h {
    height: 300px;
    overflow: auto;
}

h4.popup-title {
    font-size: 20px
}

a.close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 4px 7px;
    color: #000;
}

.checker input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

.checker .checkbox-fake {
    width: 16px;
    height: 16px;
    border: 1px solid rgb(196, 196, 207);
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
    position: relative;
    z-index: 1;
    color: rgb(196, 196, 207);
    background: transparent;
    cursor: pointer;
}

.checker .checkbox-fake::before {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 3px;
    width: 10px;
    height: 5px;
    border-left: 2px solid rgb(255, 255, 255);
    border-bottom: 2px solid rgb(255, 255, 255);
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    -webkit-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}

.checker input[type="checkbox"]:checked + .checkbox-fake::before {
    -webkit-transform: scale(1) rotate(-45deg);
    transform: scale(1) rotate(-45deg);
}

.checker input[type="checkbox"]:checked + .checkbox-fake {
    border-color: rgb(11, 116, 229);
    background-color: rgb(11, 116, 229);
}

.bordered {
    border-radius: 4px
}

.cart-img {
    width: 100px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ccc;
    padding: 2px;
}

.name--cart {
    flex: 1;
}

.name--cart>span {
    font-size: 1.2rem;
    padding-left: 0.5rem;
    display: inline-block;
}

.cart-img>img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 60/60;
    height: auto;
}

select.select-attribute__cart {
    width: 100%;
    border: 1px solid #ccc;
    font-size: 1rem;
    height: 2.1rem;
    background-color: #fff;
    color: #000;
}

.box-quality .input-quality {
    border: 1px solid #ccc;
    height: 25px;
    width: 30px;
    border-left: 0;
    border-right: 0;
    text-align: center;
    border-radius: unset;
}

.box-quality .btn {
    padding: 4px 10px;
    background-color: transparent;
    border: 1px solid #ccc;
    cursor: pointer;
    height: 25px;
    border-radius: 0;
}

a.btn-link-cart {
    color: #fff;
    background-color: #2ecc71;
    padding: 7px 10px;
    display: inline-block;
    border-radius: 4px;
}

.sticky-cart {
    border-radius: 0;
    -webkit-transition: background .1s cubic-bezier(.4, 0, .6, 1);
    transition: background .1s cubic-bezier(.4, 0, .6, 1);
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    z-index: 2;
}

.shadown--cart {
    background: rgb(255, 255, 255);
    box-shadow: 2px 2px 7px #ccc;
}

.box-total-cart-price .prices__items, .pd-checkout {
    list-style: none;
    padding: 17px 20px;
    border-bottom: 1px solid rgb(244, 244, 244);
}

.box-total-cart-price .prices__item {
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.box-total-cart-price .prices__text {
    font-weight: 300;
    color: rgb(51, 51, 51);
    display: inline-block;
    font-family: var(--monts-light),Arial, Helvetica, sans-serif;
}

.box-total-cart-price .prices__total {
    padding: 17px 20px;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0px;
}

.box-total-cart-price .prices__value--final {
    color: rgb(254, 56, 52);
    font-size: 22px;
    font-weight: 400;
    text-align: right;
}

.box-total-cart-price .prices__value--final i {
    font-weight: 300;
    font-style: normal;
    display: block;
    font-size: 12px;
    color: rgb(51, 51, 51);
    margin-top: 3px;
}

.box-total-cart-price .cs--btn-cart {
    background-color: var(--html-bg-website);
    color: rgb(255, 255, 255);
    padding: 13px 10px;
    text-align: center;
    border-radius: 4px;
    border: none;
    width: 100%;
    display: block;
    margin: 15px 0px;
    cursor: pointer;
    font-family: var(--monts-light),Arial, Helvetica, sans-serif;
}

#form-checkout .row-input .wrap-input {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

#form-checkout .row-input .wrap-input label.error {
    color: #FF0000;
    margin-top: 10px;
    display: block;
    font-weight: 500;
}

#form-checkout .row-input .wrap-input .input {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    display: block;
    height: 40px;
    width: 100%;
    color: #30373b;
    font-size: 13px;
    line-height: normal;
    background-color: transparent;
    box-sizing: border-box;
    padding: 15px;
    border-radius: 5px;
    word-break: normal;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    z-index: 2;
    background: #FFF;
}

#form-checkout .row-input .wrap-input .input.h {
    height: 100px;
}

#form-checkout .row-input .wrap-input .input:focus + .label,#form-checkout .row-input .wrap-input .input:not(:placeholder-shown) + .label {
    color: #36cfba;
    top: 3px;
    font-size: 13px;
}

#form-checkout .row-input .wrap-input .input::placeholder {
    color: #999;
}

#form-checkout .row-input .wrap-input .input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#form-checkout .row-input .wrap-input .input.error,#form-checkout .row-input .wrap-input .select.error {
    border-color: #e43835;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(228, 56, 53, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(228, 56, 53, 0.6);
}

#form-checkout .row-input .wrap-input .select {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    display: block;
    height: 40px;
    width: 100%;
    color: #000;
    font-size: 13px;
    line-height: normal;
    padding: 0px 15px;
    background-color: transparent;
    box-sizing: border-box;
    word-break: normal;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    z-index: 2;
    outline: none;
    background: #FFF;
    font-family: var(--monts-light),Arial, Helvetica, sans-serif;
}

#form-checkout .row-input .wrap-input .select:focus + .label {
    color: #36cfba;
    top: 3px;
    font-size: 14px;
}

#form-checkout .row-input .wrap-input .select:focus {
    border: 1px solid #36cfba;
}

#form-checkout .row-input .wrap-input .select::placeholder {
    color: #999;
}

#form-checkout .row-input .wrap-input .label {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    left: 15px;
    top: 12px;
    line-height: 21px;
    color: #999;
    text-transform: none;
    z-index: 11;
    cursor: text;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

#form-checkout .row-input .wrap-input .label.label-select {
    top: 3px;
}

.line-gradient {
    height: 3px;
    width: 100%;
    background-position-x: -10px;
    background-size: 120px 3px;
    background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
}

.shadown--cart {
    background: rgb(255, 255, 255);
    box-shadow: 2px 2px 7px #ccc;
    border-radius: 4px;
}

.pd-checkout {
    list-style: none;
    margin: 0px;
    padding: 17px 20px;
    border-bottom: 1px solid rgb(244, 244, 244);
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.radio-item {
    position: relative;
    cursor: pointer;
    font-size: 14px;
    margin-top: 5px;
}

.radio-item .rd-text {
    display: inline-block;
    position: relative;
    font-weight: 400;
    font-family: var(--monts-light),Arial, Helvetica, sans-serif;
}

.tooltip-checkout .show-hover-box {
    background: rgb(255,255,255);
    border: 1px solid rgba(0,0,0,.09);
    color: #000;
    display: block;
    min-width: 100%;
    height: fit-content;
    padding: 10px;
    pointer-events: none;
    margin-bottom: 10px;
    z-index: 300;
    display: none;
}

.jas-sale-pop {
    background: #fff;
    bottom: -100%;
    left: 20px;
    top: auto !important;
    right: auto;
    padding: 10px 30px 10px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    transition: all 2s;
    z-index: 100;
    position: fixed;
}

@media (max-width: 480px) {
    .jas-sale-pop {
        left:10px;
        right: 10px;
        max-width: 300px;
    }

    .jas-sale-pop .jas-sale-pop-content {
        max-width: 180px;
    }
}

.jas-sale-pop .jas-sale-pop-img {
    margin-right: 10px;
    width: 70px;
    float: left;
}

.jas-sale-pop .jas-sale-pop-img img {
    max-height: 70px !important;
}

.jas-sale-pop .jas-sale-pop-content {
    width: calc(100% - 80px);
    float: left;
    display: block;
}

.jas-sale-pop h4 {
    color: #333;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 5px;
}

.jas-sale-pop h3 {
    margin: 0;
    font-size: 1em;
    max-width: 255px;
    font-weight: 700;
}

.jas-sale-pop h3 a {
    color: #333;
    margin: 0;
    font-size: 1em;
}

.jas-sale-pop h3:hover a {
    color: #80bb35;
}

.jas-sale-pop .jas-sale-pop-timeago {
    color: #878787;
    font-size: 0.85714em;
}

.jas-sale-pop .pe-7s-close {
    right: 5px;
    top: 0px;
    cursor: pointer;
    position: absolute;
    font-family: FontAwesome;
}

.jas-sale-pop .pe-7s-close:before {
    content: "\f00d";
}

.jas-sale-pop.slideUp {
    opacity: 1;
    visibility: visible;
}

.jas-sale-pop.slideUp {
    bottom: 20px;
}

.jas-sale-pop.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.jas-sale-pop.flex {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.info-stiket h3 {
    font-size: 15px;
    margin-bottom: 5px;
}

.info-stiket p {
    margin-bottom: 5px;
}

.info-stiket p a {
    display: inline-block;
    padding: 3px 10px;
    background: #009900;
    color: #FFF;
    margin-right: 5px;
    display: inline-block;
}

.info-stiket p a:nth-child(2) {
    background: #36cfba;
}

.info-stiket p:last-child {
    margin-bottom: 0px;
}

.info-stiket span {
    font-weight: 700;
    color: #d90000;
}

@media (max-width: 600px) {
    .jas-sale-pop.slideUp {
        bottom:50px;
        left: 10px;
    }
}

.jc-bs3-container.container {
    display: flex;
    justify-content: center;
}

.wrap__paymentstep-links {
    padding: 1rem;
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-family: var(--aptima-regular),Arial, Helvetica, sans-serif;
}

.bg-step__active {
    background: var(--html-bg-website);
}

.wrap__paymentstep {
    border-top: 2px solid var(--html-cl-website);
}

.wrap__paymentstep {
    border-radius: 0.5rem;
}

.wrap__paymentstep {
    background: #fff;
    box-shadow: 2px 2px 7px #ccc;
}

.wrap__paymentstep {
    overflow: hidden;
}

li.attribute {
    padding: 10px 0 !important;
}

.attribute ul.color {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.label__productdetails {
    font-size: 1.4rem;
    color: #757575;
}

.tooltip::after {
    background: rgba(69,77,93,.9);
    border-radius: 0.1rem;
    bottom: 100%;
    color: #fff;
    content: attr(data-tooltip);
    display: block;
    font-size: 1rem;
    left: 50%;
    max-width: 320px;
    opacity: 0;
    overflow: hidden;
    padding: 1rem 1rem;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    transform: translate(-50%,0.4rem);
    transition: all .2s ease;
    white-space: pre;
    z-index: 300;
}

.tooltip:focus::after, .tooltip:hover::after {
    opacity: 1;
    transform: translate(-50%,-0.2rem);
}

.size__aside {
    border: 1px solid #ccc;
    border-radius: 0.4rem;
    overflow: hidden;
    display: block;
    padding: 0.5rem;
}

.size__wrapper-twolayout-info {
    flex: 1;
}

.size__aside-header {
    background: transparent;
    width: 100%;
    height: auto;
    line-height: 1.5;
}

.size__aside-header>span {
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.2rem;
}

.size__aside-body {
    line-height: 1.3;
}

.size__aside-body>span {
    color: red;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    display: block;
    font-size: 1.2rem;
}

.size__aside.activeSize {
    border-color: var(--html-bg-website);
}

.size__aside-checked {
    display: flex;
    justify-content: center;
    padding: 0.5rem 0;
    line-height: 2rem;
}

.size__aside.activeSize .size__aside-checked {
    display: flex;
}

.size__aside-checked>span {
    display: inline-block;
}

.size__aside-checked>span>i {
    font-size: 1.8rem;
}

.size__aside.activeSize .size__aside-checked>span>i {
    color: var(--html-bg-website);
}

.size__wrapper-twolayout-img {
    width: 42px;
}

.size__wrapper-twolayout-img>span>img {
    width: 100%;
    height: 42px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.size__wrapper-twolayout {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.wrapper-size {
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 10px;
}

.cs-giaohang {
    display: flex;
}

.cs-giaohang .content {
    width: calc(100% - 50px);
    padding-left: 10px;
}

.cs-giaohang p.label {
    color: var(--html-bg-website);
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

ul.giaohang li:first-child {
    margin-top: 0;
}

ul.giaohang li {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #fff;
    margin-top: -1px;
}

.empty-cart {
    margin: 0 auto;
    text-align: center;
    padding: 30px 0px;
}

.empty__note {
    margin-top: 10px;
}

.empty__btn {
    background: var(--html-bg-website);
    color: #fff;
    font-weight: 500;
    padding: 10px 55px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid var(--html-bg-website);
    transition: all 0.2s;
}

.empty__btn:hover {
    background: #fff;
    color: var(--html-bg-website);
}

.body-cart .td,.thead-cart .td {
    text-align: center;
}

.body-cart .box-quality {
    justify-content: center;
}

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.wrapper-checkout-complete__boxright-alert>span {
    display: block;
    padding: 1rem;
    font-size: 2rem;
    border: 2px solid var(--html-bg-website);
    text-align: center;
    color: var(--html-bg-website);
}

.wrapper-checkout-complete__boxright-top>span,.wrapper-checkout-complete__boxright-mid>span {
    display: block;
    margin-bottom: 10px;
    line-height: 1.5;
}

.wrapper-checkout-complete__boxright-bottom-btn {
    font-size: 1.4rem;
    padding: 1rem;
    color: #fff;
    background: var(--html-bg-website);
    display: inline-block;
    transition: all 0.2s;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.wrapper-checkout-complete {
    padding: 30px 0;
}

@media (max-width: 739px) {
    .body-cart .td, .thead-cart .td {
        text-align:unset;
    }

    .cartDelcart {
        text-align: center !important;
    }
}

@-webkit-keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes jconfirm-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

body[class*=jconfirm-no-scroll-] {
    overflow: hidden !important;
}

.jconfirm {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    font-family: inherit;
    overflow: hidden;
}

.jconfirm .jconfirm-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.jconfirm .jconfirm-bg.jconfirm-bg-h {
    opacity: 0 !important;
}

.jconfirm .jconfirm-scrollpane {
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-perspective-origin: center;
    perspective-origin: center;
    display: table;
    width: 100%;
    height: 100%;
}

.jconfirm .jconfirm-row {
    display: table-row;
    width: 100%;
}

.jconfirm .jconfirm-cell {
    display: table-cell;
    vertical-align: middle;
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0;
}

.jconfirm .jconfirm-box-container {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

.jconfirm .jconfirm-box {
    background: white;
    border-radius: 4px;
    position: relative;
    outline: none;
    padding: 15px 15px 0;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes type-blue {
    1%,100% {
        border-color: #3498db;
    }

    50% {
        border-color: #5faee3;
    }
}

@keyframes type-blue {
    1%,100% {
        border-color: #3498db;
    }

    50% {
        border-color: #5faee3;
    }
}

@-webkit-keyframes type-green {
    1%,100% {
        border-color: #2ecc71;
    }

    50% {
        border-color: #54d98c;
    }
}

@keyframes type-green {
    1%,100% {
        border-color: #2ecc71;
    }

    50% {
        border-color: #54d98c;
    }
}

@-webkit-keyframes type-red {
    1%,100% {
        border-color: #e74c3c;
    }

    50% {
        border-color: #ed7669;
    }
}

@keyframes type-red {
    1%,100% {
        border-color: #e74c3c;
    }

    50% {
        border-color: #ed7669;
    }
}

@-webkit-keyframes type-orange {
    1%,100% {
        border-color: #f1c40f;
    }

    50% {
        border-color: #f4d03f;
    }
}

@keyframes type-orange {
    1%,100% {
        border-color: #f1c40f;
    }

    50% {
        border-color: #f4d03f;
    }
}

@-webkit-keyframes type-purple {
    1%,100% {
        border-color: #9b59b6;
    }

    50% {
        border-color: #b07cc6;
    }
}

@keyframes type-purple {
    1%,100% {
        border-color: #9b59b6;
    }

    50% {
        border-color: #b07cc6;
    }
}

@-webkit-keyframes type-dark {
    1%,100% {
        border-color: #34495e;
    }

    50% {
        border-color: #46627f;
    }
}

@keyframes type-dark {
    1%,100% {
        border-color: #34495e;
    }

    50% {
        border-color: #46627f;
    }
}

.jconfirm .jconfirm-box.jconfirm-type-animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top: solid 7px #3498db;
    -webkit-animation-name: type-blue;
    animation-name: type-blue;
}

.jconfirm .jconfirm-box.jconfirm-type-green {
    border-top: solid 7px #2ecc71;
    -webkit-animation-name: type-green;
    animation-name: type-green;
}

.jconfirm .jconfirm-box.jconfirm-type-red {
    border-top: solid 7px #e74c3c;
    -webkit-animation-name: type-red;
    animation-name: type-red;
}

.jconfirm .jconfirm-box.jconfirm-type-orange {
    border-top: solid 7px #f1c40f;
    -webkit-animation-name: type-orange;
    animation-name: type-orange;
}

.jconfirm .jconfirm-box.jconfirm-type-purple {
    border-top: solid 7px #9b59b6;
    -webkit-animation-name: type-purple;
    animation-name: type-purple;
}

.jconfirm .jconfirm-box.jconfirm-type-dark {
    border-top: solid 7px #34495e;
    -webkit-animation-name: type-dark;
    animation-name: type-dark;
}

.jconfirm .jconfirm-box.loading {
    height: 120px;
}

.jconfirm .jconfirm-box.loading:before {
    content: '';
    position: absolute;
    left: 0;
    background: white;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    z-index: 1;
}

.jconfirm .jconfirm-box.loading:after {
    opacity: 0.6;
    content: '';
    height: 30px;
    width: 30px;
    border: solid 3px transparent;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    border-radius: 50%;
    -webkit-animation: jconfirm-spin 1s infinite linear;
    animation: jconfirm-spin 1s infinite linear;
    border-bottom-color: dodgerblue;
    top: 50%;
    margin-top: -15px;
    z-index: 2;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    opacity: .6;
    text-align: center;
    font-size: 27px !important;
    line-height: 14px !important;
    display: none;
    z-index: 1;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
    font-size: 16px;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
    opacity: 1;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    display: block;
    font-size: 22px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
    cursor: move;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
    display: none;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 15px;
    height: auto;
    -webkit-transition: height 0.4s ease-in;
    transition: height 0.4s ease-in;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
    overflow-y: hidden;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
    width: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 3px;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
    max-width: 100%;
    height: auto;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
    display: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
    padding-bottom: 11px;
}

.jconfirm .jconfirm-box .jconfirm-buttons > button {
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    min-height: 1em;
    -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
    transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
    -webkit-tap-highlight-color: transparent;
    border: none;
    background-image: none;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
    background-color: #3498db;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
    background-color: #2980b9;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
    background-color: #2ecc71;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
    background-color: #27ae60;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
    background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
    background-color: #c0392b;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
    background-color: #f1c40f;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
    background-color: #f39c12;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #ecf0f1;
    color: #000;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background-color: #bdc3c7;
    color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
    background-color: #9b59b6;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
    background-color: #8e44ad;
    color: #FFF;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
    background-color: #34495e;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
    background-color: #2c3e50;
    color: #FFF;
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
    color: #e74c3c !important;
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
    color: #3498db !important;
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
    color: #2ecc71 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
    color: #9b59b6 !important;
}

.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
    color: #f1c40f !important;
}

.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
    color: #34495e !important;
}

.jconfirm .jconfirm-clear {
    clear: both;
}

.jconfirm.jconfirm-rtl {
    direction: rtl;
}

.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
    left: 5px;
    right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: #444;
    opacity: .2;
}

.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #ddd;
}

.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg {
    background-color: darkslategray;
    opacity: .4;
}

.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    background: #444;
    border-radius: 5px;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
    border: none;
    background-image: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    -webkit-transition: background .1s;
    transition: background .1s;
    color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: none;
}

.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #666;
}

.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
    -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
    -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }

    20%,80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }

    40%,60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@keyframes shake {
    10%,90% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0);
    }

    20%,80% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }

    30%,50%,70% {
        -webkit-transform: translate3d(-8px, 0, 0);
        transform: translate3d(-8px, 0, 0);
    }

    40%,60% {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
    }
}

@-webkit-keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

@keyframes glow {
    0%,100% {
        -webkit-box-shadow: 0 0 0px red;
        box-shadow: 0 0 0px red;
    }

    50% {
        -webkit-box-shadow: 0 0 30px red;
        box-shadow: 0 0 30px red;
    }
}

.jconfirm {
    -webkit-perspective: 400px;
    perspective: 400px;
}

.jconfirm .jconfirm-box {
    opacity: 1;
    -webkit-transition-property: all;
    transition-property: all;
}

.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    opacity: 0;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotate {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scaley {
    -webkit-transform: scaley(1.5);
    transform: scaley(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-scalex {
    -webkit-transform: scalex(1.5);
    transform: scalex(1.5);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.jconfirm .jconfirm-box.jconfirm-animation-top {
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-left {
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-right {
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.jconfirm-animation-bottom {
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.jconfirm-animation-zoom {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.jconfirm .jconfirm-box.jconfirm-animation-scale {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.jconfirm .jconfirm-box.jconfirm-animation-none {
    visibility: hidden;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
    background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
    background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
    border: none;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
    padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
    margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
    text-align: center;
    color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
    font-size: 16px;
    border-radius: 2px;
    background: #303f53;
    text-shadow: none;
    border: none;
    color: white;
    padding: 10px;
    min-width: 100px;
}

.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-material .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
    text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
    text-transform: uppercase;
    font-weight: 500;
}

.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
    background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
    border: solid 1px rgba(0, 0, 0, 0.4);
    padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    margin-right: 8px;
    margin-left: 0px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 22px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
    text-align: right;
    padding: 10px;
    margin: -5px 0 0px;
    border-top: solid 1px #ddd;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
    font-weight: 500;
}

.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
    margin-left: 8px;
    margin-right: 0px;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
    background-color: slategray;
    opacity: .6;
}

.jconfirm.jconfirm-modern .jconfirm-box {
    background-color: white;
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
    padding: 30px 30px 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
    color: rgba(0, 0, 0, 0.87);
    top: 15px;
    right: 15px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
    color: rgba(0, 0, 0, 0.87);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    font-size: 69px;
    color: #aaa;
}

.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
    text-align: center;
    font-size: 15px;
    color: #777;
    margin-bottom: 25px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
    text-align: center;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: background .1s;
    transition: background .1s;
    padding: 10px 20px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
    margin-left: 4px;
}

.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.btn-view-index {
    padding: 1rem 1.6rem;
    border-radius: 0.2rem;
    border: 1px solid var(--html-bg-website);
    font-size: 1.6rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    transition: all 0.2s;
    display: inline-block;
    background: transparent;
    color: var(--html-bg-website);
    cursor: pointer;
}

.btn-view-index:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.starceiling-introduce__boxright-btn-contact {
    display: flex;
    gap: 1rem;
}

.starceiling-introduce__boxright-btn-contact-img {
    width: 4.5rem;
}

.starceiling-introduce__boxright-btn-contact-img>span>img {
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.starceiling-introduce__boxright-btn-contact-info {
    flex: 1;
}

.starceiling-introduce__boxright-btn-contact-info>span {
    display: block;
}

.starceiling-introduce__boxright-btn-contact-info-title {
    font-size: 1.6rem;
    color: #000;
}

.starceiling-introduce__boxright-btn-contact-info-title {
    font-size: 1.6rem;
    color: #000;
    font-family: var(--inter-main),Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.starceiling-introduce__boxright-btn-contact-info-phone {
    font-size: 2rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.starceiling-introduce__boxright-titlemain-detail>a {
    display: inline-block;
    position: relative;
}

.starceiling-introduce__boxright-titlemain-detail>a>strong {
    color: var(--html-cl-website);
}

.wrapper-introduces__boxbottom {
    padding: 0 1.5rem;
    position: relative;
}

.wrapper-introduces__boxbottom::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -15px;
    width: 2px;
    height: 100px;
    background: var(--html-cl-website);
    transform: translateY(calc(-50% + 20px));
}

.col-check-criteria:last-child .wrapper-introduces__boxbottom::before {
    display: none;
}

.starceiling-criteria {
    padding: 3rem 0;
}

.wrapper-introduces__boxbottom-detail {
    padding-top: 10px;
}

.wrapper-introduces__boxbottom-detail-des {
    font-size: 1.6rem;
    color: #8E8E93;
    line-height: 1.5;
    height: calc(16px * 3);
    text-align: center;
}

.starceiling-customers__box-detail-job {
    margin-bottom: 16px;
    margin-top: 5px;
    text-align: center;
}

.starceiling-customers__box-detail-job>span {
    font-size: 1.4rem;
    color: #9497A1;
}

.starceiling-customers__box-review {
    margin-top: 16px;
}

.starceiling-video__videosmall-box-img {
    width: 147px;
}

.starceiling-video__videosmall-box {
    gap: 0.8rem;
}

.starceiling-video__videosmall-box-detail {
    flex: 1;
}

.starceiling-video__videosmall-box-title {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: normal;
    max-height: calc(16px * 4.5);
}

.starceiling-video__videosmall-box-title>a {
    font-size: 1.6rem;
    color: var(--html-sc-website);
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    transition: all 0.2s;
}

.starceiling-video__videosmall-box:hover .starceiling-video__videosmall-box-title>a {
    color: var(--html-cl-website);
}

.starceiling-video__videosmall-box-playvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.starceiling-video__videosmall-box-playvideo>i {
    color: #fff;
    transition: all 0.2s;
    font-size: 2.5rem;
}

.starceiling-video__videosmall-box:hover .starceiling-video__videosmall-box-playvideo>i {
    color: red;
}

.starceiling-video__box-detail-title {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.5;
    max-height: calc(20px * 3);
}

.starceiling-video__box-detail-title>a {
    font-size: 2rem;
    color: var(--html-sc-website);
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    transition: all 0.2s;
}

.starceiling-video__box:hover .starceiling-video__box-detail-title>a {
    color: var(--html-cl-website);
}

.starceiling-video__box-detail-des {
    line-height: 24px;
    max-height: 120px;
    margin-top: 0.8rem;
}

.starceiling-video__box-detail {
    padding-top: 1.6rem;
}

.starceiling-video__mid-aside .starceiling-video__box-detail-title {
    font-size: 1.6rem;
    max-height: calc(16px * 3);
}

.starceiling-video__mid-aside .starceiling-video__box-detail-title>a {
    font-size: 1.6rem;
}

.starceiling-video__videosmall-box {
    margin-bottom: 25px;
}

.starceiling-video__mid-aside .starceiling-video__play {
    width: 5rem;
    height: 5rem;
}

.starceiling-video__mid-aside .starceiling-video__play>i {
    font-size: 1.6rem;
}

.starceiling-video__videosmall-aside {
    max-height: 558px;
    overflow-x: hidden;
    overflow-y: auto;
}

.starceiling-video__videosmall-box:last-child {
    margin-bottom: 0;
}

.starceiling-video__videosmall-aside {
    padding-right: 5px;
}

.starceiling-video__videosmall-aside::-webkit-scrollbar {
    width: 6px;
    background-color: var(--html-cl-website);
    border-radius: 0.5rem;
}

.starceiling-video__videosmall-aside::-webkit-scrollbar-thumb {
    background-color: var(--html-cl-website);
    border-radius: 0.5rem;
}

.starceiling-video__videosmall-aside::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f4f4f4;
    border-radius: 0.5rem;
}

.box-footer__top-formfooter-send {
    display: flex;
    align-items: center;
}

.box-footer__top-formfooter-send>input {
    flex: 1;
    background: #fff;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    font-size: 1.6rem;
    padding: 0 1rem;
    color: rgba(142, 142, 147, 0.7);
    border: 1px solid var(--html-bg-website);
    height: 4.5rem;
    line-height: 4.5rem;
}

.box-footer__top-formfooter-send>button {
    min-width: 105px;
    height: 4.5rem;
    line-height: 4.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    outline: none;
    background: var(--html-bg-website);
    color: #fff;
    border: 1px solid var(--html-bg-website);
    user-select: none;
    cursor: pointer;
    font-size: 1.6rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    transition: all 0.2s;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.box-footer__top-formfooter-send>button:hover {
    background: #fff;
    color: var(--html-bg-website);
}

.box-footer__top-formfooter-title>span {
    font-size: 2.2rem;
    color: #fff;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.box-footer__top-formfooter-title {
    margin-bottom: 1.5rem;
}

.box-footer__top-asidelayout {
    position: relative;
    margin-bottom: 3rem;
}

.box-footer__top-asidelayout::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.715339) 50.05%, rgba(255, 255, 255, 0) 100%);
    background-blend-mode: lighten;
}

.wrapper-footer__box-detail-socical {
    max-width: 224px;
}

.wrapper-footer__box-detail-socical-box {
    border: 1px solid #fff;
    border-radius: 0.4rem;
    padding: 0.6rem 0.8rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
    margin-bottom: 12px;
}

.wrapper-footer__box-detail-socical-img {
    width: 3.4rem;
}

.wrapper-footer__box-detail-socical-img>span {
    width: 3.4rem;
}

.wrapper-footer__box-detail-socical-img>span>img {
    height: 3.4rem;
}

.wrapper-footer__box-detail-socical-info {
    width: calc(100% - 50px);
}

.box-detail-socical-info__title {
    font-size: 1.4rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    color: #fff;
}

.wrapper-footer__box-detail-socical-box:hover {
    border: 1px solid var(--html-sc-website);
}

.wrapper-footer__box-detail-socical-box:hover .box-detail-socical-info__title>span {
    color: #fff;
}

.starceiling-video__videosmall-box-img>a {
    border-radius: 0.8rem;
}

.wrapper-header.fixed .wrapper-header-aside__top {
    display: none;
}

.wrapper-sidebar__aside-index {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
    z-index: 123;
}

.aside-wrapper__category:hover .wrapper-sidebar__aside-index {
    opacity: 1;
    visibility: visible;
}

.wrapper-header.fixed .scroll-col {
    margin-bottom: 0;
}

.starceiling-outstanding {
    padding: 8rem 0;
    padding-bottom: 4rem;
}

.btn-view-index>i {
    -webkit-animation-name: bounceAlphaY;
    animation-name: bounceAlphaY;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.wrapper-productdetail__left-des {
    display: block;
    overflow: hidden;
    background: #f6f8fa;
    margin-top: 10px;
    padding: 10px;
}

.aside_sidebar-detail {
    position: -webkit-sticky;
    position: sticky;
    top: 130px;
}

.starceiling-video__box-detail-title--left {
    text-align: left;
}

.header-right__contact-title {
    text-align: center;
    margin-bottom: 5px;
    font-size: 1.2rem;
    color: #737373;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.footer-name-company {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.header-right__contact-phone {
    display: block;
    position: relative;
    padding: 0.8rem 2rem;
    font-size: 2rem;
    color: var(--html-bg-website);
    border: 1px solid var(--html-bg-website);
    border-radius: 21.5px 25px 25px 21.5px;
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.header-right__contact-phone-overlay {
    position: absolute;
    top: -9px;
    left: -26px;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 50%;
    background: #fff;
}

.header-right__contact-phone-overlay>img {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.header-wrapper__mid-scrolltextone {
    text-align: center;
    font-size: 2.7rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    color: var(--html-bg-website);
}

.header-wrapper__mid-scrolltextwo {
    text-align: center;
    font-size: 1.5rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    color: #737373;
    margin-top: 1rem;
}

.starceiling-des__all {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 20px;
}

.starceiling-title__all {
    text-align: center;
    line-height: 1.5;
}

.starceiling-title__all>a>span {
    font-size: 2.4rem;
    color: #5F5F5F;
    position: relative;
    display: inline-block;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.starceiling-product__box-detail-pricecontact {
    padding: 7px 15px;
    border: 1px solid var(--html-bg-website);
    border-radius: 5px;
    color: var(--html-bg-website);
    transition: all 0.2s;
    display: inline-block;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
}

.starceiling-product__box-detail-pricecontact:hover {
    background: var(--html-bg-website);
    color: #fff;
}

.packaging-partner__box>a>img {
    width: 100%;
    height: 86px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.starceiling-line__bg-fake {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 426px;
    z-index: 0;
}

.starceiling-line {
    min-height: 426px;
    padding: 5rem 0;
}

.starceiling-title__all--line>a>span {
    color: #fff;
}

.starceiling-line__box {
    padding: 1rem;
    border-radius: 4px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.11);
    background: #fff;
}

.starceiling-line__box-img>a {
    border-radius: 0.4rem;
}

.starceiling-certificate {
    padding: 5rem 0;
    padding-top: 3rem;
}

.starceiling-certificate__box {
    border: 1px solid var(--html-bg-website);
    border-radius: 0.4rem;
    overflow: hidden;
    transition: all 0.2s;
}

.starceiling-certificate__box:hover {
    box-shadow: 2px 2px 7px var(--html-bg-website);
    transform: translateY(-0.5rem);
}

.starceiling-certificate__box-detail {
    padding: 1.6rem 0;
    background: var(--html-bg-website);
}

.starceiling-certificate__box-detail-title {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.5;
    max-height: calc(3 * 18px);
    text-align: center;
}

.starceiling-certificate__box-detail-title>a {
    font-size: 1.8rem;
    color: #fff;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.wrapper-formregis__description {
    padding-left: 1.7rem;
    border-left: 10px solid #fff;
}

.wrapper-form-right__title {
    font-size: 2.4rem;
    color: #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
}

.wrapper-form-right__title>span {
    display: block;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    position: relative;
}

.wrapper-form-right__title>span::before {
    content: "";
    position: absolute;
    bottom: -21px;
    left: 0;
    background: var(--html-bg-website);
    width: 195px;
    height: 8px;
    z-index: 1;
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
}

.wrapper-news__bo-overlay-info {
    margin: 6px 0;
}

.wrapper-news__bo-overlay-info>span {
    display: inline-block;
    font-size: 1.3rem;
    color: #fff;
}

.wrapper-news__bo-overlay-description {
    margin-top: 5px;
    font-size: 1.5rem;
    line-height: 1.5;
    max-height: calc(15px * 4.5);
}

.wrapper-news__bo-overlay-description>p {
    margin-bottom: 0;
    color: #fff;
}

.wrapper-news__bo-overlay-title {
    font-size: 1.8rem;
    line-height: 1.5;
    height: calc(18px * 3);
    font-weight: normal;
}

.wrapper-news__bo-overlay-title>span {
    font-size: 1.8rem;
    color: #fff;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.wrapper-news__box-overlay {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.63) 23.75%, rgba(0, 0, 0, 0) 100%);
    padding: 20px;
    border-left: 5px solid var(--html-bg-website);
}

.wrapper-news {
    padding: 5rem 0;
}

.wrapper-news__box-overlay--small {
    padding: 10px;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: unset;
    background: transparent;
    padding-top: 0;
    padding-bottom: 0;
}

.wrapper-news__box-overlay--small .wrapper-news__bo-overlay-info {
    margin-bottom: 0;
}

.wrapper-news__box-overlay--small .wrapper-news__bo-overlay-info>span {
    font-size: 1.1rem;
}

.wrapper-news-nth:nth-last-child(1) {
    margin-bottom: 0;
}

.wrapper-news-nth:nth-last-child(2) {
    margin-bottom: 0;
}

.footer-socical__contact {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.footer-socical__contact-box {
    display: flex;
    gap: 1rem;
    overflow: hidden;
    align-items: center;
}

.footer-socical__contact-box-img {
    width: 5rem;
}

.footer-socical__contact-box-img>span {
    width: 5rem;
}

.footer-socical__contact-box-img>span>img {
    height: 5rem;
    width: 100%;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    -webkit-animation: spinimg 4s linear infinite;
    -moz-animation: spinimg 4s linear infinite;
    animation: spinimg 4s linear infinite;
}

.footer-socical__contact-box-detail-name {
    font-size: 1.3rem;
    line-height: 1.3;
    max-height: calc(13px * 2.6);
    margin-bottom: 5px;
}

.footer-socical__contact-box-detail-name>span {
    color: #fff;
}

.footer-socical__contact-box-detail-info {
    font-size: 2rem;
    line-height: 1.3;
    max-height: calc(20px * 1.3);
    color: #fff;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.footer-socical__contact-box-detail {
    width: calc(100% - 60px);
}

.slider-top__criteria {
    position: absolute;
    left: 79px;
    bottom: 62px;
    width: 562px;
    padding: 1.7rem;
    background: linear-gradient(95.05deg, rgba(26, 26, 26, 0.56) 0%, #003154 100%);
}

.slider-top__criteria-box-detail {
    padding-top: 2rem;
}

.slider-top__criteria-box-detail-title {
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.slider-top__criteria-box-img {
    display: flex;
    justify-content: center;
}

.slider-top__criteria-box-img>span {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: #fff;
    padding: 1.3rem;
}

.slider-top__criteria-box-img>span>img {
    width: 100%;
    height: auto;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    -webkit-animation: spinimg 4s linear infinite;
    -moz-animation: spinimg 4s linear infinite;
    animation: spinimg 4s linear infinite;
}

.wrapper-form-right__title--product {
    border-color: #ccc;
    color: #000;
}

.wrapper-aside__productdetail-left {
    background: #fff;
    padding: 20px;
}

.starceiling-line__box-detail {
    padding-top: 1rem;
}

.starceiling-line__box-detail-title {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: normal;
    max-height: calc(15px * 3);
}

.starceiling-line__box-detail-title>a {
    font-size: 1.5rem;
    color: #000;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.form-search__deskstop {
    display: flex;
    align-items: center;
    height: 4rem;
    line-height: 4rem;
    background: transparent;
    border-bottom: 1px solid var(--html-bg-website);
    min-width: 250px;
}

.form-search__deskstop>input {
    outline: none;
    font-size: 1.2rem;
    color: #fff;
    background: transparent;
    border: 0;
    width: 100%;
    user-select: none;
    position: relative;
}

.form-search__deskstop>input::placeholder {
    color: #fff;
}

.form-search__deskstop>button {
    background: transparent;
    border: 0;
    cursor: pointer;
    user-select: none;
    color: #fff;
    font-size: 18px;
}

.wrapper-news-scroll {
    max-height: 485px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 1rem;
}

.footer-socical__contact-box-detail-info>span {
    word-break: break-word;
}

.wrapper-footer__box-detail-socical-link>span {
    word-break: break-word;
}

.box-description ul,.content ul {
    list-style: inherit;
    padding-inline-start:30px;margin-bottom: 10px;
}

.box-description ol,.content ol {
    list-style: inherit;
    padding-inline-start:30px;margin-top: 7px!important;
    margin-bottom: 7px!important;
}

.box-description ol li, .content ol li, .box-description ul li, .content ul li {
    list-style: initial!important;
}

.wrapper-header__logo {
    width: 166px;
    height: 95px;
    padding: 7px 15px 15px 15px;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    top: -42px;
    position: absolute;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-question {
    padding: 5rem 0;
}

.wrapper-listservice__aside {
    max-width: 873px;
    margin: 0 auto;
    padding: 1.5rem 2.2rem;
    border-radius: 100px;
    background: var(--html-bg-website);
}

.wrapper-header.fixed .wrapper-header__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -32px;
    height: 70px;
}

.wrapper-regis-form__wrapper {
    padding: 2.9rem 4.2rem;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 13px;
    transform: translateY(-60px);
}

.wrapper-regis-form {
    min-height: 96px;
}

.wrapper-regis-form-group>input {
    padding: 0rem 1.1rem;
    width: 100%;
    background: #EDEDED;
    border-radius: 4px;
    border: 1px solid transparent;
    outline: none;
    user-select: none;
    color: #000;
    font-size: 1.4rem;
    height: 40px;
    line-height: 40px;
}

.wrapper-regis-form-group>input:focus {
    border-color: var(--html-cl-website);
}

.wrapper-regis-form-group-scrollselect>select {
    padding: 0rem 1.1rem;
    width: 100%;
    background: #EDEDED;
    border-radius: 4px;
    border: 1px solid transparent;
    outline: none;
    user-select: none;
    color: #000;
    font-size: 1.4rem;
    line-height: 40px;
    height: 40px;
}

.wrapper-regis-form-group-scrollselect>select:focus {
    border-color: var(--html-cl-website);
}

.wrapper-regis-form__title>span {
    color: var(--html-bg-website);
    font-size: 2.4rem;
    display: inline-block;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
}

.wrapper-regis-form-group>button {
    width: 145px;
    height: 40px;
    line-height: 40px;
    border: 0;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 1.5rem;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    background: var(--html-bg-website);
    transition: all 0.2s;
    border-radius: 0.4rem;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

.wrapper-regis-form-group>button:hover {
    background: var(--html-cl-website);
    color: #000;
}

.starceiling-introduce__criteria-box {
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

.starceiling-introduce__criteria-box-img {
    width: 52px;
}

.starceiling-introduce__criteria-box-img>a>img {
    width: 52px;
    height: 52px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    -webkit-animation: spinimg 4s linear infinite;
    -moz-animation: spinimg 4s linear infinite;
    animation: spinimg 4s linear infinite;
}

.starceiling-introduce__criteria-box-detail {
    width: calc(100% - 70px);
}

.starceiling-introduce__criteria-box-detail-title {
    line-height: 1.5;
    max-height: calc(14px * 3);
}

.starceiling-introduce__criteria-box-detail-title>span {
    font-size: 1.4rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    color: #303030;
}

.starceiling-introduce__criteria-box-detail-des {
    color: #969696;
    line-height: 1.5;
    font-size: 1.3rem;
    max-height: calc(3 * 13px);
}

.starceiling-introduce__criteria-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #D9D9D9;
}

.starceiling-introduce__criteria-box:hover {
    border-color: var(--html-cl-website);
}

.starceiling-introduce__contact-box {
    display: flex;
    align-items: center;
    gap: 1.8rem;
}

.starceiling-introduce__contact-box-img>span>img {
    width: 52px;
    height: 51px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
}

.starceiling-introduce__contact-box-detail-slogan>span {
    font-size: 1.2rem;
    color: #4F4F4F;
}

.starceiling-introduce__contact-box-detail-info>span {
    color: var(--html-bg-website);
    font-size: 2.2rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.starceiling-introduce__contact-box-detail {
    width: calc(100% - 70px);
}

.starceiling-introduce__view>a {
    padding: 1.2rem 3.8rem;
    border-radius: 4px;
    background: var(--html-bg-website);
    display: inline-block;
    cursor: pointer;
    font-size: 1.4rem;
    color: #fff;
    transition: all 0.2s;
}

.starceiling-introduce__view>a:hover {
    background: var(--html-cl-website);
    color: #000;
}

.starceiling-why__box-img {
    width: 91px;
    height: 91px;
    border-radius: 50%;
    padding: 0.1rem;
    background: linear-gradient(to bottom,#FFF420,#06F0F0);
}

.starceiling-why__box-img>span {
    background: var(--html-bg-website);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 89px;
    height: 89px;
    padding: 2rem;
    border-radius: 50%;
}

.starceiling-why__box-img>span>img {
    width: 49px;
    height: 49px;
    object-fit: scale-down;
    -webkit-object-fit: scale-down;
    -moz-object-fit: scale-down;
    -ms-object-fit: scale-down;
    -o-object-fit: scale-down;
    -webkit-animation: spinimg 4s linear infinite;
    -moz-animation: spinimg 4s linear infinite;
    animation: spinimg 4s linear infinite;
}

.starceiling-why__box {
    display: flex;
    align-items: center;
    gap: 1.9rem;
}

.starceiling-why__box-detail {
    width: calc(100% - 110px);
}

.starceiling-why__box {
    padding: 0 2.7rem;
}

.starceiling-why__box {
    border-right: 1px solid #fff;
}

.why__box--child:first-child .starceiling-why__box {
    padding-left: 0;
}

.why__box--child:last-child .starceiling-why__box {
    border-right: 0;
}

.starceiling-why {
    padding: 5rem 0;
}

.starceiling-why__box-detail-title {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #fff;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    max-height: calc(3 * 16px);
}

.wrapper-customer {
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.wrapper-customer__title-small {
    text-align: center;
}

.wrapper-customer__title {
    text-align: center;
}

.wrapper-customer__title-small>span {
    font-size: 1.5rem;
    color: #898989;
    font-family: var(--inter-medium),Arial, Helvetica, sans-serif;
    display: inline-block;
}

.wrapper-customer__title>span {
    font-size: 2.4rem;
    color: #000;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    display: inline-block;
}

.wrap-top__address--noborder {
    padding-left: 0;
}

.starceiling-product__box--category .starceiling-product__box-detail-title {
    line-height: 1.4;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    max-height: calc(2.8 * 14px);
}

.starceiling-product__box--category .starceiling-product__box-detail-title>a {
    font-size: 1.4rem;
}

.wrapper-aside__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 123;
}

.wrapper-header {
    background: rgba(0, 0, 0, 0.25);
}

.wrapper-header.fixed ul.nav-menu>li>a, .wrapper-header.fixed ul.nav-menu>li>div>a, .wrapper-header.fixed ul.nav-menu>li>h2>a, .wrapper-header.fixed ul.nav-menu>li>h3>a {
    color: #000;
}

.wrapper-header.fixed .form-search__deskstop {
    box-shadow: 2px 2px 7px #ccc;
}

.starceiling-introduce__boxright {
    max-width: 518px;
    margin: 0 auto;
}

.starceiling-introduce__boxright-view {
    text-align: center;
}

.btn-allpage {
    padding: 1.2rem 2.8rem;
    color: #fff;
    font-size: 1.4rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
    border-radius: 0.4rem;
    background: var(--html-bg-website);
    transition: all 0.2s;
    border: 1px solid var(--html-bg-website);
}

.thm-btn--colorall::before {
    background-color: #fff;
}

.thm-btn--colorall:hover {
    box-shadow: 2px 2px 7px #ccc;
}

.thm-btn--colorall:hover>span {
    color: var(--html-bg-website);
    position: relative;
    z-index: 1;
}

.hover-line__boder {
    position: relative;
}

.hover-line__boder::after, .hover-line__boder::before {
    content: " ";
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 2;
}

.hover-line__boder::before {
    bottom: 0px;
    left: 0;
}

.hover-line__boder::after {
    top: 0px;
    right: 0;
}

.hover-line__boder .hover-line__boder-outline::after, .hover-line__boder .hover-line__boder-outline::before {
    content: " ";
    position: absolute;
    height: 0;
    width: 2px;
    background-color: var(--html-bg-website);
    transition: all .5s ease-in-out;
    z-index: 2;
}

.hover-line__boder .hover-line__boder-outline::before {
    right: 0px;
    bottom: 0;
}

.hover-line__boder .hover-line__boder-outline::after {
    left: 0px;
    top: 0;
}

.hover-line__boder:hover::after, .hover-line__boder:hover::before {
    width: 100%;
}

.hover-line__boder:hover .hover-line__boder-outline::after, .hover-line__boder:hover .hover-line__boder-outline::before {
    height: 100%;
}

.starceiling-category {
    padding: 5rem 0;
}

.starceiling-category__left .starceiling-introduce__boxright-titlemain-detail,.starceiling-category__left .starceiling-introduce__boxright-view {
    text-align: left;
}

.starceiling-category__left .starceiling-introduce__boxright-titlemain-detail>a {
    color: #fff;
}

.starceiling-category__left {
    padding-right: 40px;
}

.starceiling-pricelist {
    padding: 5rem 0;
}

.starceiling-pricelist .starceiling-title__all>a>span {
    color: #fff;
}

.starceiling-news__box-times>span {
    color: #858585;
}

.packaging-register {
    padding: 5rem 0;
}

.packaging-register__box {
    padding-left: 30px;
}

.packaging-register__box-title {
    line-height: 1.5;
}

.packaging-register__box-title>span {
    font-size: 2.4rem;
    font-family: var(--inter-bold),Arial, Helvetica, sans-serif;
    color: var(--html-bg-website);
}

.packaging-register__box-group>input {
    width: 100%;
    user-select: none;
    outline: none;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
    font-size: 1.6rem;
    color: #000;
}

.packaging-register__box-group>input::placeholder {
    color: #808080;
}

.packaging-register__box-group>textarea {
    width: 100%;
    user-select: none;
    outline: none;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
    font-size: 1.6rem;
    color: #000;
}

.packaging-register__box-group>textarea::placeholder {
    color: #808080;
    font-size: 1.6rem;
}

.packaging-register__box-group>button {
    text-align: center;
    width: 100%;
    padding: 0 1rem;
    height: 50px;
    line-height: 50px;
    border: 1px solid var(--html-bg-website);
    background: transparent;
    font-size: 1.6rem;
    color: #fff;
    background: var(--html-bg-website);
    outline: none;
    transition: all 0.2s;
    border-radius: 0.4rem;
    font-family: var(--inter-semibold),Arial, Helvetica, sans-serif;
}

.wrapper-news__box {
    transition: all 0.2s;
}

.wrapper-news__box:hover {
    transform: translateY(-0.5rem);
    box-shadow: 2px 2px 7px #ccc;
}

.boxslider_details-btn__contact>span {
    position: relative;
    z-index: 1;
}

.wrapper-aside__header--unset {
    position: unset;
}

.starceiling-product__box-detail-price {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.wrapper-aside__header--unset .wrapper-header {
    background: #fff;
}

.wrapper-aside__header--unset ul.nav-menu>li>a,.wrapper-aside__header--unset ul.nav-menu>li>div>a,.wrapper-aside__header--unset ul.nav-menu>li>h2>a, ul.nav-menu>li>h3>a {
    color: #000;
}

.wrapper-aside__header--unset .form-search__deskstop {
    box-shadow: 2px 2px 7px #ccc;
}

.wapper-default {
    background-color: #f1f1f1;
    border-radius: 8px;
}

.wrap-user {
    width: min(100%,430px);
}

.wrap-register {
    width: min(100%,650px);
}

.title-user {
    padding: 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.form-user {
    padding: 20px;
}

.input-user label {
    margin-bottom: 10px;
}

.input-user input.form-control {
    height: 40px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
}

.button-user {
    padding: 10px 20px;
    border: 0;
    cursor: pointer;
    border-radius: 30px;
    background-color: var(--html-bg-website);
    color: #FFF;
    transition: 0.3s
}

.button-user:hover {
    transition: 0.3s;
    transform: scale(0.9)
}

.custom-control input[type="checkbox"] {
    position: absolute;
    left: -99999px
}

.custom-checkbox .custom-control-label {
    padding-left: 20px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
}

.custom-checkbox .custom-control-label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 12px;
    width: 12px;
    border: 1px solid var(--html-bg-website);
}

.custom-checkbox .custom-control-label:after {
    position: absolute;
    content: "";
    display: block;
    height: 5px;
    width: 9px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    visibility: hidden;
    left: 1px;
    top: 2px;
}

.custom-control-input:checked ~ label:before {
    background-color: var(--html-bg-website)
}

.custom-control-input:checked ~ label:after {
    visibility: visible;
}

#navbar-user {
    box-shadow: 2px 2px 7px #ccc;
    min-height: 450px;
    background-color: #fff;
    position: sticky;
    top: 80px;
}

.wrapper--box--right {
    background-color: #fff;
}

.wrapper--head--sidebar {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.form-bg {
    background-color: #f1f1f1
}

.wrapper--body--sidebar>ul>li+li {
    border-top: 1px solid #f1f1f1
}

.wrapper--body--sidebar>ul>li>a {
    padding: 15px 10px;
    display: flex;
    align-items: center;
    gap: 5px
}

.wrapper--body--sidebar>ul>li>a.active,.wrapper--body--sidebar>ul>li>a:hover {
    background-color: #f1f1f1
}

.res--thumb--user {
    width: 50px;
    height: 50px;
    padding: 2px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.res--fullname--user {
    width: calc(100% - 50px);
    font-size: 16px;
    font-weight: bold;
}

.res--thumb--user img {
    border-radius: 100%;
}

.link-res {
    color: #f00;
}

.link-res:hover {
    text-decoration: underline;
}

.link-primary {
    color: #007bff
}

.link-for {
    color: var(--html-bg-website)
}

.link-for:hover {
    text-decoration: underline;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

@media (max-width: 767px) {
    .wrap-user {
        min-width:100%;
    }

    .res--box--auth {
        max-width: 130px;
    }

    .wrapper--box--right {
        margin-top: 20px
    }
}

@media (min-width: 1401px) and (max-width:1501px) {
}

@media (min-width: 1199px) and (max-width:1269px) {
    ul.nav-menu>li>a,ul.nav-menu>li>div>a,ul.nav-menu>li>h2>a,ul.nav-menu>li>h3>a {
        font-size:1.3rem;
    }
}

@media (min-width: 1199px) and (max-width:1401px) {
}

@media (min-width: 1048px) and (max-width:1389px) {
}

@media (min-width: 1199px) and (max-width:1249px) {
}

@media (min-width: 1024px) and (max-width:1199px) {
    .d-none-tl {
        display:none;
    }

    .d-block-tablet {
        display: block !important;
    }

    .d-block-m {
        display: block !important;
    }

    .box__menu__mobile {
        display: flex;
        align-items: center;
        margin-top: 5px;
    }

    .logo__left>a {
        width: 170px;
        height: auto;
    }

    .logo__left img {
        object-fit: scale-down;
        -webkit-object-fit: scale-down;
        -moz-object-fit: scale-down;
        -ms-object-fit: scale-down;
        -o-object-fit: scale-down;
    }

    .logo__left {
        display: flex;
        margin-right: 0;
    }

    .d-none-tablet {
        display: none !important;
    }
}

@media (min-width: 1023px) and (max-width:1181px) {
}

@media (min-width: 820px) and (max-width:1180px) {
    .w-100-t {
        width:100%;
    }

    .mb-t-20 {
        margin-bottom: 20px;
    }
}

@media (min-width: 740px) and (max-width:1023px) {
    .res--box--search {
        width:calc(100% - 170px);
    }

    .box-modal-menu__header-box-search {
        flex: 3;
    }

    .res--box--right {
        justify-content: space-between !important;
    }

    .wrapper-regis-form__wrapper {
        transform: translateY(-85px);
    }

    .wrapper-formregis__title-big>span {
        font-size: 4rem;
    }

    .packaging-register__box {
        padding-left: 0;
    }

    .wrapper-news__box-overlay--small {
        padding: 10px;
        left: 10px;
        right: 10px;
        top: 10px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper-news__box-overlay--small .wrapper-news__bo-overlay-info {
        display: none;
    }

    .starceiling-title__allpage>a>span {
        font-size: 2.6rem;
    }

    .starceiling-video__videosmall-box-title {
        text-align: right;
    }

    .wrapper-introduces__boxbottom::before {
        display: none;
    }

    .starceiling-title__tpl>h1>span {
        font-size: 2.6rem;
    }

    .starceiling-introduce__boxleft>a {
        width: 100%;
    }

    .starceiling-video__title {
        margin-bottom: 4rem;
    }

    .starceiling-video__boxleft {
        padding-right: 0;
    }

    .menu-bottom {
        display: flex;
    }

    .mt-t-40 {
        margin-top: 4rem;
    }

    .mb-t-16 {
        margin-bottom: 1.6rem;
    }

    .row12 {
        gap: 0 !important;
    }

    .content-copy__socical {
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .d-none-tablet {
        display: none !important;
    }

    .box__menu__mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .starceiling-why__box {
        padding: 0;
        border-right: 0;
    }

    .content table {
        width: 100% !important;
    }

    .wrapper-form-right {
        padding-right: 20px;
    }

    .logo__left {
        display: flex;
        justify-content: center;
    }

    .detail table {
        width: 100% !important;
    }

    .box__menu__mobile {
        margin-top: 10px;
    }

    .logo__left {
        width: 100%;
        text-align: center;
    }

    .wrapper-header__left {
        margin-top: 5px;
    }

    .starceiling-product__title-aside>a>span {
        font-size: 2rem;
    }

    .starceiling-product__wrapper-btn>a {
        font-size: 1.4rem;
    }

    .btn-view-index {
        font-size: 1.4rem;
    }

    .logo__left>a {
        width: 170px;
    }

    .logo__left>a>img {
        object-fit: scale-down;
    }

    .col-8-tablet {
        width: calc(100% / 12 * 8);
    }

    .col-4-tablet {
        width: calc(100% / 12 * 4);
    }

    .content-copy__socical>.socical {
        justify-content: center !important;
    }

    .mb-t-18 {
        margin-bottom: 1.8rem;
    }

    .mb-t-20 {
        margin-bottom: 20px;
    }

    .wrapper-product__detail-counselling {
        margin: 0 auto;
    }

    .mb-135 {
        margin-bottom: 6rem;
    }

    .d-block-tablet {
        display: block !important;
    }

    .d-block-m {
        display: block !important;
    }

    .box-footer__top-company-logo {
        width: 27rem;
    }

    .icon-mmmenu__mobile>img {
        margin-right: 0.5rem;
        width: 25px;
    }

    .technology-product__box-detail {
        padding: 1.5rem;
    }

    .wrapper-sidebar__stickyall-title>span {
        font-size: 1.5rem;
    }

    .wrapper-sidebar__stickyall-title>span>i {
        margin-right: 0.5rem;
    }

    .grid.wide {
        max-width: 95%;
    }

    .container {
        max-width: 95% !important;
    }

    .section-copy {
    }

    .grid-s.wide-s {
        max-width: 90%;
    }

    .btn-cart-css {
        padding: 0 10px;
        font-size: 1.4rem;
    }

    .title-default h1>span {
        font-size: 2.4rem;
    }

    .title-default--detail h1>span {
        font-size: 2rem;
    }

    .wrapper-featured__news-img {
        width: 9rem;
    }

    .wrapper-featured__news-img>span>img {
        height: 6.4rem;
    }

    .body-sidebar__nav-list>li>a {
        font-size: 1.6rem;
    }

    .body-sidebar__nav-child>li>a {
        font-size: 1.4rem;
    }

    .body-sidebar__nav-child2>li>a {
        font-size: 1.3rem;
    }

    .wrapper-formregis__title>span {
        font-size: 2.6rem;
    }

    .wrapper-formregis__group>input {
        font-size: 1.4rem;
    }

    .wrapper-formregis__group>button {
        font-size: 1.4rem;
    }

    .w-50-t {
        width: 50%;
    }

    .starceiling-product__box-detail-cart>a {
        font-size: 1.4rem;
    }

    .mt-t-0 {
        margin-top: 0 !important;
    }

    .section-topmobile__box-left,.section-topmobile__box-right {
        width: 60px;
    }

    .section-topmobile__box-center>a {
        max-width: 116px;
        transition: all 0.4s;
    }

    .section-topmobile.fixed .section-topmobile__box-center>a {
        max-width: 80px;
    }

    .search-Click {
        cursor: pointer;
        color: var(--html-bg-website);
        margin: auto;
        margin-right: 0;
        background-color: #fff !important;
    }

    .search-Click:hover {
        background-color: #fff;
        color: var(--html-bg-website);
    }

    .section-abouts__images {
        margin-bottom: 20px;
    }

    .section__desc {
        width: 100%;
    }

    .pt-tl-8 {
        padding-top: 8px !important;
    }

    .pb-tl-8 {
        padding-bottom: 8px !important;
    }
}

@media (min-width: 739px) and (max-width:768px) {
}

@media (max-width: 739px) {
    .line-1-m {
        display:-webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 1;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-2-m {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-3-m {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 3;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-4-m {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 4;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-5-m {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 5;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-6-m {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 6;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-7-m {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 7;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-8-m {
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 8;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-9-m {
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 9;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .line-10-m {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        -moz-line-clamp: 10;
        -moz-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
    }

    .grid.wide {
        max-width: 100% !important;
    }

    .container {
        max-width: 100% !important;
    }

    .d-none-m {
        display: none !important;
    }

    .d-block-m {
        display: block !important;
    }

    .res--sm--grid12 {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }

    .res--sm--grid10 {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
    }

    .res--sm--2 {
        grid-column: span 2;
    }

    .res--sm--3 {
        grid-column: span 3;
    }

    .res--sm--4 {
        grid-column: span 4;
    }

    .res--sm--5 {
        grid-column: span 5;
    }

    .res--sm--6 {
        grid-column: span 6;
    }

    .res--sm--7 {
        grid-column: span 7;
    }

    .res--sm--8 {
        grid-column: span 8;
    }

    .res--sm--9 {
        grid-column: span 9;
    }

    .res--sm--10 {
        grid-column: span 10;
    }

    .res--sm--11 {
        grid-column: span 11;
    }

    .res--sm--12 {
        grid-column: span 12;
    }

    .gap-m-5 {
        gap: 5px;
    }

    .gap-m-10 {
        gap: 10px;
    }

    .gap-m-15 {
        gap: 15px;
    }

    .gap-m-20 {
        gap: 20px;
    }

    .gap-m-25 {
        gap: 25px;
    }

    .gap-m-30 {
        gap: 30px;
    }

    .mt-m-0 {
        margin-top: 0 !important;
    }

    .mb-m-0 {
        margin-bottom: 0 !important;
    }

    .mt-m-10 {
        margin-top: 1rem !important;
    }

    .mb-m-10 {
        margin-bottom: 1rem !important;
    }

    .mt-m-20 {
        margin-top: 2rem !important;
    }

    .mb-m-20 {
        margin-bottom: 2rem !important;
    }

    .mb-m-25 {
        margin-bottom: 2.5rem !important;
    }

    .mb-m-40 {
        margin-bottom: 4rem !important;
    }

    .mb-m-8 {
        margin-bottom: 0.8rem !important;
    }

    .mt-m-8 {
        margin-top: 0.8rem !important;
    }

    .pb-m-0 {
        padding-bottom: 0 !important;
    }

    .pb-m-40 {
        padding-bottom: 40px !important;
    }

    .pb-m-10 {
        padding-bottom: 10px !important;
    }

    .pt-m-10 {
        padding-top: 10px !important;
    }

    .intro--fix>div:last-child {
        grid-column: span 10;
    }

    .res--desc--service .res--name--services a {
        font-size: 16px;
    }

    .section-procedure__box {
        margin-bottom: 30px;
    }

    .section-defaults__slogan>a {
        font-size: 18px;
    }

    .pucblisher {
        font-size: 12px;
    }

    .footer {
        padding: 3rem 0;
        padding-bottom: 0;
    }

    .box-footer__top-company-logo {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .box-footer__top-company-logo>a {
        width: 130px;
    }

    .title-footer {
        font-size: 1.6rem;
    }

    .title-footer:before {
        height: 2px;
    }

    .desc-footer a:not(.no-hover) {
        font-size: 1.4rem;
    }

    .copy-text {
        text-align: center;
    }

    .item {
        padding: 0 0.4rem;
    }

    .starceiling-introduce {
        padding: 3rem 0;
    }

    .starceiling-title__allpage>a>span {
        font-size: 2.2rem;
    }

    .starceiling-title__allpage--info>a>span::before {
        width: 19.9rem;
        height: 1.2rem;
    }

    .wrapper-introduces__boxbottom-detail-numb {
        font-size: 2.4rem;
    }

    .wrapper-introduces__boxbottom-detail-title>span {
        font-size: 1.4rem;
    }

    .starceiling-product {
        padding: 3rem 0;
    }

    .starceiling-product__box-detail-pricenew {
        font-size: 1.4rem;
        margin-right: 0;
        display: block !important;
        text-align: center;
        margin-bottom: 0.5rem;
    }

    .starceiling-product__box-detail-priceold {
        font-size: 1.4rem;
        display: block;
        text-align: center;
    }

    .starceiling-product__box-detail-cart {
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: space-between;
    }

    .starceiling-product__box-detail-cart>a {
        padding: 0.7rem;
        font-size: 1.4rem;
        flex: 1;
    }

    .starceiling-product__box-detail-cart-buy {
        width: 50% !important;
    }

    .starceiling-product__box-detail-title {
        line-height: 1.4;
        font-size: 1.4rem;
        font-weight: normal;
        max-height: calc(2.8 * 14px);
    }

    .starceiling-product__box-detail-title>a {
        font-size: 1.4rem;
    }

    .starceiling-service {
        padding: 3rem 0;
    }

    .starceiling-service__box-right {
        padding: 0;
    }

    .starceiling-service__box-right-title>a>span {
        font-size: 2.2rem;
    }

    .starceiling-service__box-right-detail-title {
        font-size: 1.7rem;
        line-height: 1.3;
        font-weight: normal;
        max-height: calc(2.6 * 17px);
    }

    .starceiling-service__box-right-detail-title>a {
        font-size: 1.7rem;
    }

    .starceiling-service__box-right-detail-view>a {
        font-size: 1.4rem;
    }

    .starceiling-customers {
        padding: 4rem 0;
    }

    .starceiling-album {
        padding: 4rem 0;
    }

    .starceiling-video {
        padding: 4rem 0;
    }

    .starceiling-video__title>a>span {
        font-size: 2.2rem;
    }

    .starceiling-video__title {
        margin-bottom: 20px;
    }

    .starceiling-video__boxleft {
        padding-right: 0;
    }

    .starceiling-video__des {
        margin-bottom: 20px;
    }

    .starceiling-video__play {
        width: 5rem;
        height: 5rem;
    }

    .starceiling-video__play>i {
        font-size: 1.6rem;
    }

    .starceiling-news {
        padding: 4rem 0;
    }

    .starceiling-news__box-detail-title {
        line-height: 1.3;
        font-size: 1.4rem;
        font-weight: normal;
        max-height: calc(2.6 * 14px);
    }

    .starceiling-news__box-detail-title>a {
        font-size: 1.4rem;
    }

    .starceiling-news__box-detail {
        padding: 1rem 0;
    }

    .starceiling-news__box-detail-des {
        font-size: 1.3rem;
        line-height: 1.4;
        height: calc(4.2 * 13px);
        color: #9e9e9e;
    }

    .starceiling-news__box-detail-time>span {
        font-size: 1.4rem;
    }

    .starceiling-video__btn>a {
        font-size: 1.4rem;
    }

    .starceiling-video__btn>a>i {
        font-size: 1.6rem;
    }

    .wrapper-formregis__title>span {
        font-size: 2.2rem;
    }

    .wrapper-formregis {
        padding: 4rem 0;
    }

    .wrapper-formregis__group>input {
        padding: 1.2rem 1.6rem;
        font-size: 1.4rem;
    }

    .wrapper-formregis__group>button {
        height: 45px;
        line-height: 45px;
        font-size: 1.4rem;
    }

    .mm-listitem__text {
        font-family: var(--inter-semibold), Arial, Helvetica, sans-serif;
    }

    .starceiling-banner__allpage {
        min-height: 200px;
    }

    .starceiling-title__tpl>h1>span {
        font-size: 2rem;
    }

    .starceiling-title__tpl {
        margin-bottom: 3.6rem;
    }

    .starceiling-banner__breadcumb {
        height: auto;
    }

    ol#breadcrumb {
        padding: 0.5rem 0;
    }

    .breadcumb--detail ol#breadcrumb {
        padding: 10px 0;
    }

    .wrapper-qtycart {
        width: 100%;
        justify-content: start !important;
    }

    .btn-cart-css {
        margin-right: 0;
        font-size: 1.4rem;
        padding: 0 1.5rem;
        width: calc(50% - 10px);
        height: 38px;
    }

    .bg-cart-fix {
        flex-wrap: wrap;
        justify-content: space-between !important;
    }

    .wrappers-title__culture>span {
        font-size: 2rem;
    }

    .wrappers-title__culture>span::before {
        width: 12.7rem;
    }

    .starceiling-service__box {
        padding: 1rem;
    }

    .starceiling-service__box-detail {
        padding-top: 1rem;
    }

    .starceiling-service__box-detail-title>a {
        font-size: 1.4rem;
    }

    .starceiling-service__box-detail-line {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 2px solid var(--html-sc-website);
    }

    .starceiling-service__box-detail-des {
        font-size: 1.3rem;
        color: #8e8e93;
        line-height: 1.4;
        height: calc(13px * 2.8);
    }

    .section-top.fixed .logo__left>a {
        width: 70px;
    }

    ul.h-lang {
        gap: 1rem !important;
        padding: 0 !important;
    }

    .h-lang>li>a>img {
        width: 40px;
    }

    .starceiling-intro__right-img-playvideo>i {
        font-size: 1.6rem;
    }

    .starceiling-intro__right-img-playvideo {
        width: 6rem;
        height: 6rem;
    }

    .starceiling-title__allpage {
        line-height: 1.5;
    }

    .starceiling-title__allpage--small>a>span::before {
        width: 9.7rem;
    }

    .order-col2-m {
        order: 2;
    }

    .order-col1-m {
        order: 1;
    }

    .starceiling-customers__box {
        padding: 2rem;
    }

    .starceiling-title__tpl {
        max-width: 90%;
    }

    .modal-content {
        width: 95%;
    }

    ul.menu_list li.menu-list-strong {
        background: var(--html-bg-website);
    }

    .menu-list-strong .ic-arrowp-product::before {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    ul.menu_list>li.menu-list-strong>div>a:not(.toggle-btn, .no-menu-css) {
        color: #fff;
    }

    .starceiling-product__title-aside>a>span::before {
        display: none;
    }

    .starceiling-product__title-aside>a>span {
        font-size: 1.6rem;
    }

    .btn-view-index {
        font-size: 1.3rem;
    }

    .starceiling-introduce__boxleft>a {
        width: 100%;
    }

    .starceiling-introduce__boxright-titlemain-detail>a {
        font-size: 2rem;
    }

    .starceiling-introduce__boxright-titlemain-detail>a::before {
        width: 220px;
        height: 3px;
    }

    .starceiling-introduce__boxright-btn>a:not(.starceiling-introduce__boxright-btn-contact) {
        font-size: 1.4rem;
    }

    .starceiling-introduce__boxright-btn-contact-img>span>img {
        width: 40px;
    }

    .starceiling-introduce__boxright-btn-contact-info-phone {
        font-size: 1.4rem;
    }

    .starceiling-introduce__boxright-btn-contact-info-title {
        font-size: 1.3rem;
    }

    .wrapper-introduces__boxbottom::before {
        display: none;
    }

    .wrapper-introduces__boxbottom {
        padding: 0;
    }

    .wrapper-introduces__boxbottom-detail-title {
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.5;
        max-height: calc(3 * 14px);
    }

    .wrapper-introduces__boxbottom-detail-des {
        font-size: 1.3rem;
        color: #8e8e93;
        line-height: 1.5;
        height: calc(13px * 3);
        text-align: center;
    }

    .starceiling-news__box-time>span {
        font-size: 1.2rem;
    }

    .starceiling-news__box-time {
        padding: 3px 5px 3px 15px;
    }

    .starceiling-video__box-detail {
        padding-top: 1rem;
    }

    .starceiling-video__box-detail-title {
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 1.5;
        max-height: calc(16px * 3);
    }

    .starceiling-video__box-detail-title>a {
        font-size: 1.6rem;
    }

    .starceiling-video__mid-aside .starceiling-video__play {
        width: 4rem;
        height: 4rem;
    }

    .starceiling-video__mid-aside .starceiling-video__play>i {
        font-size: 1.2rem;
    }

    .starceiling-video__mid-aside .starceiling-video__box-detail-title {
        font-size: 1.4rem;
        max-height: calc(14px * 3);
    }

    .starceiling-video__mid-aside .starceiling-video__box-detail-title>a {
        font-size: 1.4rem;
    }

    .starceiling-video__videosmall-box-title {
        font-size: 1.4rem;
        line-height: 1.5;
        font-weight: normal;
        max-height: calc(14px * 4.5);
    }

    .starceiling-video__videosmall-box-title>a {
        font-size: 1.4rem;
    }

    .mb-m-30 {
        margin-bottom: 3rem !important;
    }

    .box-footer__top-formfooter-title {
        text-align: center;
    }

    .box-footer__top-formfooter-send>input {
        font-size: 1.4rem;
    }

    .box-footer__top-formfooter-send>button {
        font-size: 1.4rem;
    }

    .box-footer__top-formfooter-title>span {
        font-size: 1.8rem;
    }

    .box-detail-socical-info__title {
        font-size: 1.4rem;
    }

    .starceiling-outstanding {
        padding: 3rem 0;
    }

    ul.pagination>li>a {
        font-size: 1.2rem;
    }

    select.select-attribute__cart {
        height: 3rem;
        border-radius: 0;
    }

    .box-modal-menu__header-box-search {
        flex: 1;
    }

    .starceiling-customers__box-review {
        line-height: 1.5;
        font-size: 1.4rem;
        color: #9497a1;
        text-align: center;
        max-height: calc(6 * 14px);
    }

    .starceiling-introduce__boxright {
        padding-left: 0;
    }

    .starceiling-title__all>a>span {
        font-size: 2rem;
    }

    #product-view .pagination {
        margin-top: 20px;
    }

    .starceiling-line {
        padding: 3rem 0;
    }

    .starceiling-line__bg-fake {
        height: 390px;
    }

    .starceiling-line {
        min-height: 390px;
    }

    .starceiling-certificate {
        padding: 3rem 0;
    }

    .wrapper-formregis__title-big>span {
        font-size: 2.4rem;
    }

    .wrapper-register__boxleft-form-row-captcha {
        margin-bottom: 20px;
    }

    .wrapper-form-right__title {
        font-size: 2rem;
    }

    .wrapper-form-right {
        padding-left: 0;
    }

    ul.faq-list li div[data-tab="faq"] {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .wrapper-news {
        padding: 3rem 0;
    }

    .mt-m-30 {
        margin-top: 3rem !important;
    }

    .starceiling-certificate__box-detail-title {
        font-size: 1.4rem;
        max-height: calc(3 * 14px);
    }

    .starceiling-certificate__box-detail-title>a {
        font-size: 1.4rem;
    }

    .wrapper-news__box-overlay--small {
        padding: 10px;
        left: 10px;
        right: 10px;
        top: 10px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .wrapper-news__box-overlay--small>.wrapper-news__bo-overlay-title {
        font-size: 1.3rem;
        line-height: 1.5;
        max-height: calc(13px * 3);
        font-weight: normal;
    }

    .wrapper-news__box-overlay--small>.wrapper-news__bo-overlay-title>span {
        font-size: 1.3rem;
    }

    .wrapper-news__box-overlay--small .wrapper-news__bo-overlay-info {
        display: none;
    }

    .wrapper-news__bo-overlay-description {
        font-size: 1.3rem;
        line-height: 1.5;
        max-height: calc(13px * 4.5);
    }

    .footer-socical__contact-box-img {
        font-size: 4rem;
    }

    .footer-socical__contact-box-img>span {
        width: 4rem;
    }

    .footer-socical__contact-box-detail {
        width: calc(100% - 50px);
    }

    .footer-socical__contact-box-detail-info {
        margin-top: 10px;
    }

    .footer-socical__contact-box-detail-info {
        font-size: 1.6rem;
        line-height: 1.3;
        max-height: calc(16px * 1.3);
        color: #fff;
        font-family: var(--inter-bold), Arial, Helvetica, sans-serif;
    }

    .starceiling-certificate__box-detail {
        padding: 1rem 0;
    }

    .starceiling-product__box-detail-pricecontact {
        font-size: 1.3rem;
    }

    .starceiling-product__box-detail-price {
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .wrapper-nav__menu-item>a {
        font-size: 1.3rem;
        font-family: var(--inter-main), Arial, Helvetica, sans-serif;
    }

    .starceiling-line__box-detail-title {
        font-size: 1.4rem;
        max-height: calc(14px * 3);
    }

    .starceiling-line__box-detail-title>a {
        font-size: 1.4rem;
    }

    .starceiling-news__box-times>span {
        font-size: 1.1rem;
    }

    .wrapper-form-right__title--product {
        margin-top: 30px;
    }

    .wrapper-news-scroll {
        max-height: auto;
        overflow: unset;
        padding-right: 0;
    }

    .attribute-left {
        width: 100%;
        margin-bottom: 10px;
    }

    li.attribute {
        flex-wrap: wrap;
    }

    .attribute ul.color {
        width: 100%;
    }

    .product-detail-status {
        font-size: 1.4rem;
    }

    .product-detail-view {
        font-size: 1.4rem;
    }

    .wrapper-aside__productdetail-left {
        background: transparent;
        padding: 0;
    }

    .page-product__content-left {
        padding: 0;
    }

    .wrapper-related-detail__bg {
        padding: 0;
        background: transparent;
    }

    #detail-product {
        background: #fff;
    }

    .title-other .title {
        padding: 8px 0 8px 0;
        font-size: 1.6rem;
    }

    .title-other .title>a {
        font-size: 1.4rem;
    }

    .section-copy {
        margin-bottom: 50px;
    }

    #pagingPage .pagination {
        margin-top: 20px;
    }

    .regis-index-services {
        font-size: 1.4rem;
    }

    .nav-menu__formsearchheader>input {
        border-radius: 0;
    }

    .scroll__table {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .scroll__table::-webkit-scrollbar {
        width: 10px;
    }

    .scroll__table::-webkit-scrollbar:horizontal {
        height: 10px;
    }

    .scroll__table::-webkit-scrollbar-track {
        background-color: transparentize(#ccc, 0.7);
    }

    .scroll__table::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: transparentize(#ccc, 0.5);
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }

    .wrapper-regis-form__wrapper {
        padding: 2rem;
    }

    .wrapper-regis-form-group>button {
        width: 100%;
    }

    .wrapper-regis-form__wrapper {
        transform: unset;
    }

    .wrapper-regis-form {
        padding: 3rem 0;
    }

    .wrapper-regis-form__title>span {
        font-size: 2rem;
    }

    .wrapper-regis-form-group>input {
        font-size: 1.3rem;
    }

    .wrapper-regis-form-group-scrollselect>select {
        font-size: 1.3rem;
    }

    .wrapper-regis-form-group>button {
        font-size: 1.3rem;
    }

    .starceiling-introduce__contact-box-img>span>img {
        width: 32px;
        height: 31px;
    }

    .starceiling-introduce__contact-box-detail-info>span {
        font-size: 1.4rem;
    }

    .starceiling-introduce__view>a {
        font-size: 1.4rem;
        padding: 1rem 3.8rem;
    }

    .starceiling-introduce__contact-box-detail {
        width: calc(100% - 50px);
    }

    .starceiling-introduce__view {
        text-align: right;
    }

    .starceiling-why__box {
        border: 0;
        padding: 0;
    }

    .starceiling-why__box-img {
        width: 81px;
        height: 81px;
    }

    .starceiling-why__box-img>span {
        width: 79px;
        height: 79px;
    }

    .starceiling-why {
        padding: 3rem 0;
    }

    .starceiling-why__box-detail-title {
        font-size: 1.4rem;
        max-height: calc(3 * 14px);
    }

    .wrapper-listservice__aside {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .wrapper-listservice__aside-left {
        width: 65%;
        padding-right: 1.5rem;
    }

    .wrapper-listservice__aside-right {
        width: calc(35% - 15px);
    }

    .nav-services__mobile-list {
        display: flex;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .nav-services__mobile-list::-webkit-scrollbar {
        display: none;
    }

    .nav-services__mobile-link {
        white-space: nowrap;
        word-break: break-word;
        font-size: 1.3rem;
        color: #fff;
    }

    .nav-services__mobile-item {
        padding: 0 1rem;
    }

    .wrapper-listservice__aside-right::before {
        left: -13px;
        top: 2px;
    }

    .wrapper-nav__menu-nextprev--mobile {
        display: flex;
        gap: 1.5rem;
    }

    .wrapper-nav__menu-nextprev--mobile>span {
        cursor: pointer;
        font-size: 1.6rem;
        color: #fff;
        transition: all 0.2s;
    }

    .wrapper-listservice__aside {
        padding: 1.5rem;
    }

    .nav-services__mobile-item:first-child {
        padding-left: 0;
    }

    .nav-services__mobile-link.activeM {
        color: var(--html-cl-website);
    }

    .starceiling-title__all>a>span::before {
        width: 220px;
    }

    .wrapper-form-right {
        padding-right: 0;
    }

    .wrapper-customer__title>span {
        font-size: 2rem;
    }

    .wrapper-customer {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    .wrapper-news__box-overlay {
        padding: 1rem;
    }

    .wrapper-news__bo-overlay-title {
        font-size: 1.4rem;
        max-height: calc(14px * 3);
    }

    .wrapper-news__bo-overlay-title>span {
        font-size: 1.4rem;
    }

    .wrapper-news__bo-overlay-info>span {
        font-size: 1.2rem;
    }

    .wrapper-news__box-overlay--small {
        padding: 0 1rem;
    }

    .wrapper-footer__box-detail-socical-img {
        width: 3rem;
    }

    .wrapper-footer__box-detail-socical-img>span {
        width: 3rem;
    }

    .wrapper-footer__box-detail-socical-img>span>img {
        height: 3rem;
    }

    .wrapper-footer__box-detail-socical-info {
        width: calc(100% - 40px);
    }

    .content-copy {
        gap: 1rem;
        justify-content: center !important;
    }

    .nav-menu__formsearchheader {
        top: 150%;
    }

    .post-desc {
        max-height: 8rem;
    }

    .wrapper-news__aside-right {
        padding-left: 5px;
    }

    .btn-allpage {
        padding: 1.2rem;
        font-size: 1.3rem;
    }

    .packaging-register__box {
        padding-left: 0;
    }

    .footer-socical__contact-box-detail-info>span {
        font-size: 1.4rem;
    }

    .packaging-register__box-title>span {
        font-size: 2rem;
    }

    .packaging-register__box-group>input {
        font-size: 1.4rem;
    }

    .packaging-register__box-group>textarea {
        font-size: 1.4rem;
    }

    .packaging-register__box-group>textarea::placeholder {
        font-size: 1.4rem;
    }

    .packaging-register__box-group>button {
        height: 45px;
        line-height: 45px;
        font-size: 1.4rem;
    }

    .wrapper-customer__box-info-title>span {
        font-size: 1.6rem;
    }

    .wrapper-customer__box-info-star>i {
        font-size: 1.6rem;
    }

    .content table {
        width: 100% !important;
    }

    .starceiling-news__box-times>span>i {
        margin-left: 0;
    }

    .search-Click {
        cursor: pointer;
        color: #353535;
        margin: auto;
        margin-right: 0;
        background-color: var(--html-bg-website) !important;
    }

    .energy-news__box-detail {
        padding: 10px;
    }

    .section-topmobile__box-left,.section-topmobile__box-right {
        width: 60px;
    }

    .section-topmobile__box-center>a {
        max-width: 116px;
        transition: all 0.4s;
    }

    .section-topmobile.fixed .section-topmobile__box-center>a {
        max-width: 80px;
    }

    .switcher .option {
        right: 0;
    }

    .search-Click:hover {
        background-color: #fff;
        color: var(--html-bg-website);
    }

    .tool ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 5px;
    }

    .tool {
        position: fixed;
        left: 0;
        border-radius: 0;
        width: 100%;
        z-index: 1000;
        top: initial;
        bottom: 0;
        transform: none;
        padding: 0 3px;
        background-color: var(--html-bg-website);
    }

    .tool ul>li {
        width: 46px;
        height: 46px;
        background-color: transparent;
        border-radius: 0;
        box-shadow: unset;
    }

    .section-abouts__images {
        margin-bottom: 20px;
    }

    .section-abouts__slogan>a {
        font-size: 18px;
    }

    .section-abouts__desc {
        font-size: 12px;
    }

    .section__title>a {
        font-size: 20px;
    }

    .section__desc {
        width: 100%;
        font-size: 12px;
    }

    .section-product__box-desc {
        padding: 5px 5px 10px;
    }

    .section-product__box-desc>.title a {
        font-size: 12px;
    }

    .section-product__box-desc>.title h4,.section-product__box-desc>.title h3,.section-product__box-desc>.title div {
        font-size: 12px;
        line-height: 1.5;
        height: calc(12px * 3);
    }

    .pt-m-4 {
        padding-top: 4px !important;
    }

    .pb-m-4 {
        padding-bottom: 4px !important;
    }
}

@media (max-width: 1600px) {
    .gridx.wide {
        width:100% !important;
    }
}

@media (max-width: 1480.5px) {
    .form-slider {
        padding-top:13%;
    }

    .img-slider {
        margin-top: 9%;
    }
}

@media (max-width: 1320.5px) {
    .form-slider {
        padding-top:9%;
    }

    .img-slider {
        margin-top: 5%;
    }
}

@media (max-width: 1023.5px) {
}

@media (max-width: 739.5px) {
    .title-small-all {
        font-size:12px;
    }

    .form-logo_in {
        padding: 15px 50px;
        width: 80%;
    }

    .title-small-abouts {
        font-size: 11px;
    }

    .title-abouts {
        font-size: 18px;
    }

    .title-all {
        font-size: 16px;
        line-height: 150%;
    }

    .comments-all {
    }

    .form-slider {
        padding-top: 6%;
    }

    .img-slider {
        margin-top: 5%;
    }

    .title-slider {
        font: normal normal 700 10px/150% var(--inter-);
    }

    .comments-slider {
        margin-top: 5px;
        font: normal normal 900 12px/150% var(--roboto-);
    }

    .form-client {
        padding: 15px;
    }
}


.call-now-button p.call-text a:link {color: #ffffff;}
.quick-call-button {display: none}
.call-now-button {/* display:none; */z-index: 9999;clear: both;margin: 0 auto;position: fixed;border-radius: 50px;bottom: 50px;background: #d60001;left: 25px;color: #fff;}
.call-now-button div {display: flex}
.call-now-button div p {color: #fff;display: table;padding: 10px;border-radius: 21px;height: 34px;line-height: 14px;font-size: 14px;margin: 8px 5px 8px 50px;text-transform: uppercase;font-weight: normal;text-align: center;box-sizing: content-box;text-decoration: none!important;box-sizing: border-box;font-weight: bold;}
.quick-alo-ph-circle {width: 100px;height: 100px;top: -25px;left: -25px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 5px solid rgba(30,30,30,.4);opacity: 1;-webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;animation: quick-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%}
.quick-alo-ph-circle-fill {width: 80px;height: 80px;top: -15px;left: -15px;position: absolute;background-color: #000;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: 1;-webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.quick-alo-ph-btn-icon {width: 50px;height: 50px;top: -2px;left: -2px;position: absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: 1;-webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;animation: quick-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.quick-alo-ph-btn-icon i {color: #fff;font-size: 30px;background: #d60001;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }

    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }

    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}

@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }

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

@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }

    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }

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

@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

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

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

@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }

    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes quick-alo-circle-img-anim {
    10% {
        transform: rotate(0) scale(1) skew(1deg)
    }

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

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

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

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

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

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

@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

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

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

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

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

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

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

@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

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

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

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

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

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

    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
.section-customer .owl-item{border-radius:10px;overflow:hidden}