@charset "UTF-8";
.glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0 }
.glightbox-container.inactive { display: none }
.glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden }
.glightbox-container .gslider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.glightbox-container .gslide { width: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 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; opacity: 0 }
.glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative }
.glightbox-container .gslide.prev { opacity: 1; z-index: 9999 }
.glightbox-container .gslide-inner-content { width: 100% }
.glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh }
.glightbox-container .ginner-container.gvideo-container { width: 100% }
.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important }
.gslide iframe, .gslide video { outline: 0 !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto }
.gslide:not(.current) { pointer-events: none }
.gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: 0; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px }
.desc-bottom .gslide-image img, .desc-top .gslide-image img { width: auto }
.desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100% }
.gslide-image img.zoomable { position: relative }
.gslide-image img.dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none }
.gslide-video { position: relative; max-width: 100vh; width: 100% !important }
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster { display: none }
.gslide-video .gvideo-wrapper { width: 100%; margin: auto }
.gslide-video::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(255,0,0,.34); display: none }
.gslide-video.playing::before { display: none }
.gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh }
.gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important }
.gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%; margin: auto }
.gslide-inline .ginlined-content { padding: 20px; width: 100% }
.gslide-inline .dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; -webkit-transition: none; transition: none }
.ginlined-content { overflow: auto; display: block !important; opacity: 1 }
.gslide-external { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100% }
.gslide-media { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto }
.zoomed .gslide-media { -webkit-box-shadow: none !important; box-shadow: none !important }
.desc-bottom .gslide-media, .desc-top .gslide-media { margin: 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.gslide-description { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100% }
.gslide-description.description-left, .gslide-description.description-right { max-width: 100% }
.gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100% }
.gslide-description p { margin-bottom: 12px }
.gslide-description p:last-child { margin-bottom: 0 }
.zoomed .gslide-description { display: none }
.glightbox-button-hidden { display: none }
.glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; position: absolute; bottom: 0; padding: 19px 11px; max-width: 100vw !important; -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75))); background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear; padding-bottom: 50px }
.glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em }
.glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1 }
.glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: 700 }
.glightbox-mobile .glightbox-container .gslide-desc * { color: inherit }
.glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4 }
.gdesc-open .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: .4 }
.gdesc-open .gdesc-inner { padding-bottom: 30px }
.gdesc-closed .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1 }
.greset { -webkit-transition: all .3s ease; transition: all .3s ease }
.gabsolute { position: absolute }
.grelative { position: relative }
.glightbox-desc { display: none !important }
.glightbox-open { overflow: hidden }
.gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47% }
.goverlay { width: 100%; height: calc(100vh + 1px); position: fixed; top: -1px; left: 0; background: #000; will-change: opacity }
.glightbox-mobile .goverlay { background: #000 }
.gclose, .gnext, .gprev { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.gclose svg, .gnext svg, .gprev svg { display: block; width: 25px; height: auto; margin: 0; padding: 0 }
.gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: .1 }
.gclose .garrow, .gnext .garrow, .gprev .garrow { stroke: #fff }
.gbtn.focused { outline: 2px solid #0f3d81 }
iframe.wait-autoplay { opacity: 0 }
.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0 !important }
.glightbox-clean .gslide-description { background: #fff }
.glightbox-clean .gdesc-inner { padding: 22px 20px }
.glightbox-clean .gslide-title { font-size: 1em; font-weight: 400; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em }
.glightbox-clean .gslide-desc { font-size: .86em; margin-bottom: 0; font-family: arial; line-height: 1.4em }
.glightbox-clean .gslide-video { background: #000 }
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0,0,0,.75); border-radius: 4px }
.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path { fill: #fff }
.glightbox-clean .gprev { position: absolute; top: -100%; left: 30px; width: 40px; height: 50px }
.glightbox-clean .gnext { position: absolute; top: -100%; right: 30px; width: 40px; height: 50px }
.glightbox-clean .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute }
.glightbox-clean .gclose svg { width: 18px; height: auto }
.glightbox-clean .gclose:hover { opacity: 1 }
.gfadeIn { -webkit-animation: gfadeIn .5s ease; animation: gfadeIn .5s ease }
.gfadeOut { -webkit-animation: gfadeOut .5s ease; animation: gfadeOut .5s ease }
.gslideOutLeft { -webkit-animation: gslideOutLeft .3s ease; animation: gslideOutLeft .3s ease }
.gslideInLeft { -webkit-animation: gslideInLeft .3s ease; animation: gslideInLeft .3s ease }
.gslideOutRight { -webkit-animation: gslideOutRight .3s ease; animation: gslideOutRight .3s ease }
.gslideInRight { -webkit-animation: gslideInRight .3s ease; animation: gslideInRight .3s ease }
.gzoomIn { -webkit-animation: gzoomIn .5s ease; animation: gzoomIn .5s ease }
.gzoomOut { -webkit-animation: gzoomOut .5s ease; animation: gzoomOut .5s ease }

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

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

@-webkit-keyframes gfadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes gfadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}

@-webkit-keyframes gfadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes gfadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}

@-webkit-keyframes gslideInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-60%,0,0); transform: translate3d(-60%,0,0) }
    to { visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes gslideInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-60%,0,0); transform: translate3d(-60%,0,0) }
    to { visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@-webkit-keyframes gslideOutLeft {
    from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { -webkit-transform: translate3d(-60%,0,0); transform: translate3d(-60%,0,0); opacity: 0; visibility: hidden }
}

@keyframes gslideOutLeft {
    from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { -webkit-transform: translate3d(-60%,0,0); transform: translate3d(-60%,0,0); opacity: 0; visibility: hidden }
}

@-webkit-keyframes gslideInRight {
    from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%,0,0); transform: translate3d(60%,0,0) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes gslideInRight {
    from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%,0,0); transform: translate3d(60%,0,0) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@-webkit-keyframes gslideOutRight {
    from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { -webkit-transform: translate3d(60%,0,0); transform: translate3d(60%,0,0); opacity: 0 }
}

@keyframes gslideOutRight {
    from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { -webkit-transform: translate3d(60%,0,0); transform: translate3d(60%,0,0); opacity: 0 }
}

@-webkit-keyframes gzoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    to { opacity: 1 }
}

@keyframes gzoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    to { opacity: 1 }
}

@-webkit-keyframes gzoomOut {
    from { opacity: 1 }
    50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    to { opacity: 0 }
}

@keyframes gzoomOut {
    from { opacity: 1 }
    50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    to { opacity: 0 }
}

@media (min-width:769px) {
    .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
    .glightbox-container .ginner-container.desc-top .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
    .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
    .glightbox-container .ginner-container.desc-left .gslide-description { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
    .glightbox-container .ginner-container.desc-left .gslide-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
    .gslide-image img { max-height: 97vh; max-width: 100% }
    .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in }
    .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab }
    .gslide-inline { max-height: 95vh }
    .gslide-external { max-height: 100vh }
    .gslide-description.description-left, .gslide-description.description-right { max-width: 275px }
    .glightbox-open { height: auto }
    .goverlay { background: rgba(0,0,0,.92) }
    .glightbox-clean .gslide-media { -webkit-box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65); box-shadow: 1px 2px 9px 0 rgba(0,0,0,.65) }
    .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto }
    .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0,0,0,.32) }
    .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover { background-color: rgba(0,0,0,.7) }
    .glightbox-clean .gprev { top: 45% }
    .glightbox-clean .gnext { top: 45% }
}

@media (min-width:992px) {
    .glightbox-clean .gclose { opacity: .7; right: 20px }
}

@media screen and (max-height:420px) {
    .goverlay { background: #000 }
}
/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
: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: calc(1 * 2); animation-iteration-count: calc(1 * 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: calc(1 * 3); animation-iteration-count: calc(1 * 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: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2) }
.animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3) }
.animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4) }
.animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5) }
.animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration)/ 2); animation-duration: calc(var(--animate-duration)/ 2) }
.animate__animated.animate__fast { -webkit-animation-duration: calc(1s * .8); animation-duration: calc(1s * .8); -webkit-animation-duration: calc(var(--animate-duration) * .8); animation-duration: calc(var(--animate-duration) * .8) }
.animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2) }
.animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3) }

@media print,(prefers-reduced-motion:reduce) {
    .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important }
    .animate__animated[class*=Out] { opacity: 0 }
}

@-webkit-keyframes bounce {
    20%,53%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0) scaleY(.95); transform: translate3d(0,0,0) scaleY(.95) }
    90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) }
}

@keyframes bounce {
    20%,53%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0) scaleY(.95); transform: translate3d(0,0,0) scaleY(.95) }
    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 {
    50%,from,to { opacity: 1 }
    25%,75% { opacity: 0 }
}

@keyframes flash {
    50%,from,to { opacity: 1 }
    25%,75% { opacity: 0 }
}

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

@-webkit-keyframes pulse {
    from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
    50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) }
    to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

@keyframes pulse {
    from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
    50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) }
    to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,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 {
    from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,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: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

@keyframes rubberBand {
    from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,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: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

.animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }

@-webkit-keyframes shakeX {
    from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake }

@-webkit-keyframes swing {
    20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) }
    40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) }
    60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) }
    80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) }
    to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) }
}

@keyframes swing {
    20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) }
    40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) }
    60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) }
    80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) }
    to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) }
}

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

@-webkit-keyframes tada {
    from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) }
    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) }
    to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

@keyframes tada {
    from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) }
    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) }
    to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

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

@-webkit-keyframes wobble {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) }
    30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) }
    45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) }
    60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) }
    75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes wobble {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) }
    30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) }
    45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) }
    60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) }
    75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes jello {
    11.1%,from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    11.1%,from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: calc(1s * 1.3); animation-duration: calc(1s * 1.3); -webkit-animation-duration: calc(var(--animate-duration) * 1.3); animation-duration: calc(var(--animate-duration) * 1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }

@-webkit-keyframes backInDown {
    0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

@keyframes backInDown {
    0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

.animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown }

@-webkit-keyframes backInLeft {
    0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

@keyframes backInLeft {
    0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

.animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft }

@-webkit-keyframes backInRight {
    0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

@keyframes backInRight {
    0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

.animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight }

@-webkit-keyframes backInUp {
    0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

@keyframes backInUp {
    0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 }
    80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
}

.animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp }

@-webkit-keyframes backOutDown {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 }
}

@keyframes backOutDown {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 }
}

.animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown }

@-webkit-keyframes backOutLeft {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 }
}

@keyframes backOutLeft {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 }
}

.animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft }

@-webkit-keyframes backOutRight {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 }
}

@keyframes backOutRight {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 }
}

.animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight }

@-webkit-keyframes backOutUp {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 }
}

@keyframes backOutUp {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
    20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 }
    100% { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 }
}

.animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp }

@-webkit-keyframes bounceIn {
    20%,40%,60%,80%,from,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: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

@keyframes bounceIn {
    20%,40%,60%,80%,from,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: scale3d(1,1,1); transform: scale3d(1,1,1) }
}

.animate__bounceIn { -webkit-animation-duration: calc(1s * .75); animation-duration: calc(1s * .75); -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 {
    60%,75%,90%,from,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: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes bounceInDown {
    60%,75%,90%,from,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: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes bounceInLeft {
    60%,75%,90%,from,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: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes bounceInLeft {
    60%,75%,90%,from,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: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes bounceInRight {
    60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) }
    from { 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: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes bounceInRight {
    60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) }
    from { 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: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes bounceInUp {
    60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) }
    from { 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: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes bounceInUp {
    60%,75%,90%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) }
    from { 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: translate3d(0,0,0); transform: translate3d(0,0,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: calc(1s * .75); animation-duration: calc(1s * .75); -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 {
    from { opacity: 0 }
    to { opacity: 1 }
}

@keyframes fadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}

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

@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInDownBig {
    from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInDownBig {
    from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInLeftBig {
    from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInLeftBig {
    from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInRightBig {
    from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInRightBig {
    from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInUpBig {
    from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInUpBig {
    from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes fadeInTopLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInTopLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft }

@-webkit-keyframes fadeInTopRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInTopRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight }

@-webkit-keyframes fadeInBottomLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInBottomLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft }

@-webkit-keyframes fadeInBottomRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes fadeInBottomRight {
    from { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight }

@-webkit-keyframes fadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}

@keyframes fadeOut {
    from { opacity: 1 }
    to { opacity: 0 }
}

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

@-webkit-keyframes fadeOutDown {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
}

@keyframes fadeOutDown {
    from { 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 {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) }
}

@keyframes fadeOutDownBig {
    from { 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 {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }
}

@keyframes fadeOutLeft {
    from { 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 {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) }
}

@keyframes fadeOutLeftBig {
    from { 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 {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
}

@keyframes fadeOutRight {
    from { 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 {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) }
}

@keyframes fadeOutRightBig {
    from { 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 {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) }
}

@keyframes fadeOutUp {
    from { 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 {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) }
}

@keyframes fadeOutUpBig {
    from { 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 {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) }
}

@keyframes fadeOutTopLeft {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) }
}

@keyframes fadeOutTopRight {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) }
}

@keyframes fadeOutBottomRight {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) }
}

@keyframes fadeOutBottomLeft {
    from { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,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 {
    from { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    to { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip {
    from { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    to { -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

.animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip }

@-webkit-keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 }
    80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) }
    to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}

@keyframes flipInX {
    from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 }
    80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) }
    to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}

.animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX }

@-webkit-keyframes flipInY {
    from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 }
    80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) }
    to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}

@keyframes flipInY {
    from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 }
    40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 }
    80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) }
    to { -webkit-transform: perspective(400px); transform: perspective(400px) }
}

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

@-webkit-keyframes flipOutX {
    from { -webkit-transform: perspective(400px); transform: perspective(400px) }
    30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1 }
    to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0 }
}

@keyframes flipOutX {
    from { -webkit-transform: perspective(400px); transform: perspective(400px) }
    30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1 }
    to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0 }
}

.animate__flipOutX { -webkit-animation-duration: calc(1s * .75); animation-duration: calc(1s * .75); -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 {
    from { -webkit-transform: perspective(400px); transform: perspective(400px) }
    30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1 }
    to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0 }
}

@keyframes flipOutY {
    from { -webkit-transform: perspective(400px); transform: perspective(400px) }
    30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1 }
    to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0 }
}

.animate__flipOutY { -webkit-animation-duration: calc(1s * .75); animation-duration: calc(1s * .75); -webkit-animation-duration: calc(var(--animate-duration) * .75); animation-duration: calc(var(--animate-duration) * .75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY }

@-webkit-keyframes lightSpeedInRight {
    from { -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); opacity: 1 }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes lightSpeedInRight {
    from { -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); opacity: 1 }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }

@-webkit-keyframes lightSpeedInLeft {
    from { -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); opacity: 1 }
    80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes lightSpeedInLeft {
    from { -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); opacity: 1 }
    80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }

@-webkit-keyframes lightSpeedOutRight {
    from { opacity: 1 }
    to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 }
}

@keyframes lightSpeedOutRight {
    from { opacity: 1 }
    to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 }
}

.animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }

@-webkit-keyframes lightSpeedOutLeft {
    from { opacity: 1 }
    to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 }
}

@keyframes lightSpeedOutLeft {
    from { opacity: 1 }
    to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 }
}

.animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }

@-webkit-keyframes rotateIn {
    from { -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes rotateIn {
    from { -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

.animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center }

@-webkit-keyframes rotateInDownLeft {
    from { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes rotateInDownLeft {
    from { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

.animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom }

@-webkit-keyframes rotateInDownRight {
    from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes rotateInDownRight {
    from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

.animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom }

@-webkit-keyframes rotateInUpLeft {
    from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes rotateInUpLeft {
    from { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

.animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom }

@-webkit-keyframes rotateInUpRight {
    from { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

@keyframes rotateInUpRight {
    from { -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0 }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1 }
}

.animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom }

@-webkit-keyframes rotateOut {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0 }
}

@keyframes rotateOut {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0 }
}

.animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center }

@-webkit-keyframes rotateOutDownLeft {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 }
}

@keyframes rotateOutDownLeft {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 }
}

.animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom }

@-webkit-keyframes rotateOutDownRight {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 }
}

@keyframes rotateOutDownRight {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 }
}

.animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom }

@-webkit-keyframes rotateOutUpLeft {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 }
}

@keyframes rotateOutUpLeft {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 }
}

.animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom }

@-webkit-keyframes rotateOutUpRight {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0 }
}

@keyframes rotateOutUpRight {
    from { opacity: 1 }
    to { -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0 }
}

.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-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -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-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out }
    40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -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 }
}

.animate__hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -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 {
    from { 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 {
    from { 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 {
    from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes rollIn {
    from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes rollOut {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg) }
}

@keyframes rollOut {
    from { opacity: 1 }
    to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg) }
}

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

@-webkit-keyframes zoomIn {
    from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    50% { opacity: 1 }
}

@keyframes zoomIn {
    from { 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 {
    from { 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 {
    from { 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) }
}

.animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }

@-webkit-keyframes zoomInLeft {
    from { 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 {
    from { 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) }
}

.animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }

@-webkit-keyframes zoomInRight {
    from { 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 {
    from { 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) }
}

.animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }

@-webkit-keyframes zoomInUp {
    from { 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 {
    from { 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) }
}

.animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }

@-webkit-keyframes zoomOut {
    from { opacity: 1 }
    50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    to { opacity: 0 }
}

@keyframes zoomOut {
    from { 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% { 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-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-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) }
}

.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% { 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-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-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) }
}

.animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom }

@-webkit-keyframes slideInDown {
    from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes slideInDown {
    from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes slideInRight {
    from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes slideInRight {
    from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

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

@-webkit-keyframes slideInUp {
    from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

@keyframes slideInUp {
    from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
}

.animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp }

@-webkit-keyframes slideOutDown {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
}

@keyframes slideOutDown {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) }
}

.animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown }

@-webkit-keyframes slideOutLeft {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }
}

@keyframes slideOutLeft {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) }
}

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

@-webkit-keyframes slideOutRight {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
}

@keyframes slideOutRight {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
}

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

@-webkit-keyframes slideOutUp {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) }
}

@keyframes slideOutUp {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
    to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) }
}

.animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
@font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight: 400; font-style: normal }
:root { --swiper-theme-color: #007aff }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-vertical > .swiper-wrapper { flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0,0,0) }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap }
.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto }
.swiper-container-pointer-events { touch-action: pan-y }
.swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height }
.swiper-container-3d { perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) }
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none }
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none }
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start }
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory }
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory }
/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #C1D7CB; --teal: #20c997; --cyan: #17a2b8; --white: #FFF; --gray: #666666; --gray-dark: #343a40; --primary: #31987f; --secondary: #666666; --success: #48AC2C; --info: #DDD; --warning: #ffc107; --danger: #dc3545; --light: #F5F7F9; --dark: #363636; --white: #ffffff; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace }
*, ::after, ::before { box-sizing: border-box }
html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block }
body { margin: 0; font-family: CerebriSans,Arial,sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff }
[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important }
hr { box-sizing: content-box; height: 0; overflow: visible }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem }
p { margin-top: 0; margin-bottom: 1rem }
abbr[data-original-title], abbr[title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit }
dl, ol, ul { margin-top: 0; margin-bottom: 1rem }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 }
dt { font-weight: 700 }
dd { margin-bottom: .5rem; margin-left: 0 }
blockquote { margin: 0 0 1rem }
b, strong { font-weight: bolder }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sub { bottom: -.25em }
sup { top: -.5em }
a { color: #31987f; text-decoration: none; background-color: transparent }
a:hover { color: #a5242f; text-decoration: underline }
a:not([href]):not([class]) { color: inherit; text-decoration: none }
a:not([href]):not([class]):hover { color: inherit; text-decoration: none }
code, kbd, pre, samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em }
pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar }
figure { margin: 0 0 1rem }
img { vertical-align: middle; border-style: none }
svg { overflow: hidden; vertical-align: middle }
table { border-collapse: collapse }
caption { padding-top: .75rem; padding-bottom: .75rem; color: #666; text-align: left; caption-side: bottom }
th { text-align: inherit; text-align: -webkit-match-parent }
label { display: inline-block; margin-bottom: .5rem }
button { border-radius: 0 }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color }
button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
button, input { overflow: visible }
button, select { text-transform: none }
[role=button] { cursor: pointer }
select { word-wrap: normal }
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button }
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 }
textarea { overflow: auto; resize: vertical }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0 }
legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal }

@media (max-width:1200px) {
    legend { font-size: calc(1.275rem + .3vw) }
}

progress { vertical-align: baseline }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }
[type=search] { outline-offset: -2px; -webkit-appearance: none }
[type=search]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }
output { display: inline-block }
summary { display: list-item; cursor: pointer }
template { display: none }
[hidden] { display: none !important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 }
.h1, h1 { font-size: 2.5rem }

@media (max-width:1200px) {
    .h1, h1 { font-size: calc(1.375rem + 1.5vw) }
}

.h2, h2 { font-size: 2rem }

@media (max-width:1200px) {
    .h2, h2 { font-size: calc(1.325rem + .9vw) }
}

.h3, h3 { font-size: 1.75rem }

@media (max-width:1200px) {
    .h3, h3 { font-size: calc(1.3rem + .6vw) }
}

.h4, h4 { font-size: 1.5rem }

@media (max-width:1200px) {
    .h4, h4 { font-size: calc(1.275rem + .3vw) }
}

.h5, h5 { font-size: 1.25rem }
.h6, h6 { font-size: 1rem }
.lead { font-size: 1.25rem; font-weight: 300 }
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2 }

@media (max-width:1200px) {
    .display-1 { font-size: calc(1.725rem + 5.7vw) }
}

.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2 }

@media (max-width:1200px) {
    .display-2 { font-size: calc(1.675rem + 5.1vw) }
}

.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2 }

@media (max-width:1200px) {
    .display-3 { font-size: calc(1.575rem + 3.9vw) }
}

.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 }

@media (max-width:1200px) {
    .display-4 { font-size: calc(1.475rem + 2.7vw) }
}

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1) }
.small, small { font-size: 80%; font-weight: 400 }
.mark, mark { padding: .2em; background-color: #fcf8e3 }
.list-unstyled { padding-left: 0; list-style: none }
.list-inline { padding-left: 0; list-style: none }
.list-inline-item { display: inline-block }
.list-inline-item:not(:last-child) { margin-right: .5rem }
.initialism { font-size: 90%; text-transform: uppercase }
.blockquote { margin-bottom: 1rem; font-size: 1.25rem }
.blockquote-footer { display: block; font-size: 80%; color: #666 }
.blockquote-footer::before { content: "\2014\A0" }
.img-fluid { max-width: 100%; height: auto }
.img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #999; border-radius: .25rem; max-width: 100%; height: auto }
.figure { display: inline-block }
.figure-img { margin-bottom: .5rem; line-height: 1 }
.figure-caption { font-size: 90%; color: #666 }
code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word }
a > code { color: inherit }
kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem }
kbd kbd { padding: 0; font-size: 100%; font-weight: 700 }
pre { display: block; font-size: 87.5%; color: #212529 }
pre code { font-size: inherit; color: inherit; word-break: normal }
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }

@media (min-width:576px) {
    .container, .container-sm { max-width: 540px }
}

@media (min-width:768px) {
    .container, .container-md, .container-sm { max-width: 720px }
}

@media (min-width:992px) {
    .container, .container-lg, .container-md, .container-sm { max-width: 960px }
}

@media (min-width:1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px }
}

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }
.no-gutters { margin-right: 0; margin-left: 0 }
.no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px }
.col { flex-basis: 0; flex-grow: 1; max-width: 100% }
.row-cols-1 > * { flex: 0 0 100%; max-width: 100% }
.row-cols-2 > * { flex: 0 0 50%; max-width: 50% }
.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
.row-cols-4 > * { flex: 0 0 25%; max-width: 25% }
.row-cols-5 > * { flex: 0 0 20%; max-width: 20% }
.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100% }
.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }
.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
.col-3 { flex: 0 0 25%; max-width: 25% }
.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }
.col-6 { flex: 0 0 50%; max-width: 50% }
.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }
.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }
.col-9 { flex: 0 0 75%; max-width: 75% }
.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }
.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }
.col-12 { flex: 0 0 100%; max-width: 100% }
.order-first { order: -1 }
.order-last { order: 13 }
.order-0 { order: 0 }
.order-1 { order: 1 }
.order-2 { order: 2 }
.order-3 { order: 3 }
.order-4 { order: 4 }
.order-5 { order: 5 }
.order-6 { order: 6 }
.order-7 { order: 7 }
.order-8 { order: 8 }
.order-9 { order: 9 }
.order-10 { order: 10 }
.order-11 { order: 11 }
.order-12 { order: 12 }
.offset-1 { margin-left: 8.3333333333% }
.offset-2 { margin-left: 16.6666666667% }
.offset-3 { margin-left: 25% }
.offset-4 { margin-left: 33.3333333333% }
.offset-5 { margin-left: 41.6666666667% }
.offset-6 { margin-left: 50% }
.offset-7 { margin-left: 58.3333333333% }
.offset-8 { margin-left: 66.6666666667% }
.offset-9 { margin-left: 75% }
.offset-10 { margin-left: 83.3333333333% }
.offset-11 { margin-left: 91.6666666667% }

@media (min-width:576px) {
    .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% }
    .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100% }
    .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50% }
    .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25% }
    .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20% }
    .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% }
    .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }
    .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-sm-3 { flex: 0 0 25%; max-width: 25% }
    .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }
    .col-sm-6 { flex: 0 0 50%; max-width: 50% }
    .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }
    .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }
    .col-sm-9 { flex: 0 0 75%; max-width: 75% }
    .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }
    .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }
    .col-sm-12 { flex: 0 0 100%; max-width: 100% }
    .order-sm-first { order: -1 }
    .order-sm-last { order: 13 }
    .order-sm-0 { order: 0 }
    .order-sm-1 { order: 1 }
    .order-sm-2 { order: 2 }
    .order-sm-3 { order: 3 }
    .order-sm-4 { order: 4 }
    .order-sm-5 { order: 5 }
    .order-sm-6 { order: 6 }
    .order-sm-7 { order: 7 }
    .order-sm-8 { order: 8 }
    .order-sm-9 { order: 9 }
    .order-sm-10 { order: 10 }
    .order-sm-11 { order: 11 }
    .order-sm-12 { order: 12 }
    .offset-sm-0 { margin-left: 0 }
    .offset-sm-1 { margin-left: 8.3333333333% }
    .offset-sm-2 { margin-left: 16.6666666667% }
    .offset-sm-3 { margin-left: 25% }
    .offset-sm-4 { margin-left: 33.3333333333% }
    .offset-sm-5 { margin-left: 41.6666666667% }
    .offset-sm-6 { margin-left: 50% }
    .offset-sm-7 { margin-left: 58.3333333333% }
    .offset-sm-8 { margin-left: 66.6666666667% }
    .offset-sm-9 { margin-left: 75% }
    .offset-sm-10 { margin-left: 83.3333333333% }
    .offset-sm-11 { margin-left: 91.6666666667% }
}

@media (min-width:768px) {
    .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% }
    .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100% }
    .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50% }
    .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25% }
    .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20% }
    .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% }
    .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }
    .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-md-3 { flex: 0 0 25%; max-width: 25% }
    .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }
    .col-md-6 { flex: 0 0 50%; max-width: 50% }
    .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }
    .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }
    .col-md-9 { flex: 0 0 75%; max-width: 75% }
    .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }
    .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }
    .col-md-12 { flex: 0 0 100%; max-width: 100% }
    .order-md-first { order: -1 }
    .order-md-last { order: 13 }
    .order-md-0 { order: 0 }
    .order-md-1 { order: 1 }
    .order-md-2 { order: 2 }
    .order-md-3 { order: 3 }
    .order-md-4 { order: 4 }
    .order-md-5 { order: 5 }
    .order-md-6 { order: 6 }
    .order-md-7 { order: 7 }
    .order-md-8 { order: 8 }
    .order-md-9 { order: 9 }
    .order-md-10 { order: 10 }
    .order-md-11 { order: 11 }
    .order-md-12 { order: 12 }
    .offset-md-0 { margin-left: 0 }
    .offset-md-1 { margin-left: 8.3333333333% }
    .offset-md-2 { margin-left: 16.6666666667% }
    .offset-md-3 { margin-left: 25% }
    .offset-md-4 { margin-left: 33.3333333333% }
    .offset-md-5 { margin-left: 41.6666666667% }
    .offset-md-6 { margin-left: 50% }
    .offset-md-7 { margin-left: 58.3333333333% }
    .offset-md-8 { margin-left: 66.6666666667% }
    .offset-md-9 { margin-left: 75% }
    .offset-md-10 { margin-left: 83.3333333333% }
    .offset-md-11 { margin-left: 91.6666666667% }
}

@media (min-width:992px) {
    .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% }
    .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100% }
    .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50% }
    .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25% }
    .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20% }
    .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% }
    .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }
    .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-lg-3 { flex: 0 0 25%; max-width: 25% }
    .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }
    .col-lg-6 { flex: 0 0 50%; max-width: 50% }
    .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }
    .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }
    .col-lg-9 { flex: 0 0 75%; max-width: 75% }
    .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }
    .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }
    .col-lg-12 { flex: 0 0 100%; max-width: 100% }
    .order-lg-first { order: -1 }
    .order-lg-last { order: 13 }
    .order-lg-0 { order: 0 }
    .order-lg-1 { order: 1 }
    .order-lg-2 { order: 2 }
    .order-lg-3 { order: 3 }
    .order-lg-4 { order: 4 }
    .order-lg-5 { order: 5 }
    .order-lg-6 { order: 6 }
    .order-lg-7 { order: 7 }
    .order-lg-8 { order: 8 }
    .order-lg-9 { order: 9 }
    .order-lg-10 { order: 10 }
    .order-lg-11 { order: 11 }
    .order-lg-12 { order: 12 }
    .offset-lg-0 { margin-left: 0 }
    .offset-lg-1 { margin-left: 8.3333333333% }
    .offset-lg-2 { margin-left: 16.6666666667% }
    .offset-lg-3 { margin-left: 25% }
    .offset-lg-4 { margin-left: 33.3333333333% }
    .offset-lg-5 { margin-left: 41.6666666667% }
    .offset-lg-6 { margin-left: 50% }
    .offset-lg-7 { margin-left: 58.3333333333% }
    .offset-lg-8 { margin-left: 66.6666666667% }
    .offset-lg-9 { margin-left: 75% }
    .offset-lg-10 { margin-left: 83.3333333333% }
    .offset-lg-11 { margin-left: 91.6666666667% }
}

@media (min-width:1200px) {
    .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% }
    .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100% }
    .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50% }
    .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25% }
    .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20% }
    .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% }
    .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% }
    .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% }
    .col-xl-3 { flex: 0 0 25%; max-width: 25% }
    .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% }
    .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% }
    .col-xl-6 { flex: 0 0 50%; max-width: 50% }
    .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% }
    .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% }
    .col-xl-9 { flex: 0 0 75%; max-width: 75% }
    .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% }
    .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% }
    .col-xl-12 { flex: 0 0 100%; max-width: 100% }
    .order-xl-first { order: -1 }
    .order-xl-last { order: 13 }
    .order-xl-0 { order: 0 }
    .order-xl-1 { order: 1 }
    .order-xl-2 { order: 2 }
    .order-xl-3 { order: 3 }
    .order-xl-4 { order: 4 }
    .order-xl-5 { order: 5 }
    .order-xl-6 { order: 6 }
    .order-xl-7 { order: 7 }
    .order-xl-8 { order: 8 }
    .order-xl-9 { order: 9 }
    .order-xl-10 { order: 10 }
    .order-xl-11 { order: 11 }
    .order-xl-12 { order: 12 }
    .offset-xl-0 { margin-left: 0 }
    .offset-xl-1 { margin-left: 8.3333333333% }
    .offset-xl-2 { margin-left: 16.6666666667% }
    .offset-xl-3 { margin-left: 25% }
    .offset-xl-4 { margin-left: 33.3333333333% }
    .offset-xl-5 { margin-left: 41.6666666667% }
    .offset-xl-6 { margin-left: 50% }
    .offset-xl-7 { margin-left: 58.3333333333% }
    .offset-xl-8 { margin-left: 66.6666666667% }
    .offset-xl-9 { margin-left: 75% }
    .offset-xl-10 { margin-left: 83.3333333333% }
    .offset-xl-11 { margin-left: 91.6666666667% }
}

.table { width: 100%; margin-bottom: 1rem; color: #212529 }
.table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #999 }
.table thead th { vertical-align: bottom; border-bottom: 2px solid #999 }
.table tbody + tbody { border-top: 2px solid #999 }
.table-sm td, .table-sm th { padding: .3rem }
.table-bordered { border: 1px solid #999 }
.table-bordered td, .table-bordered th { border: 1px solid #999 }
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px }
.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05) }
.table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.075) }
.table-primary, .table-primary > td, .table-primary > th { background-color: #f3cacd }
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #e99ca2 }
.table-hover .table-primary:hover { background-color: #eeb5b9 }
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #eeb5b9 }
.table-secondary, .table-secondary > td, .table-secondary > th { background-color: #d4d4d4 }
.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #afafaf }
.table-hover .table-secondary:hover { background-color: #c7c7c7 }
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c7c7c7 }
.table-success, .table-success > td, .table-success > th { background-color: #cce8c4 }
.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th { border-color: #a0d491 }
.table-hover .table-success:hover { background-color: #bce1b2 }
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #bce1b2 }
.table-info, .table-info > td, .table-info > th { background-color: #f5f5f5 }
.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th { border-color: #ededed }
.table-hover .table-info:hover { background-color: #e8e8e8 }
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #e8e8e8 }
.table-warning, .table-warning > td, .table-warning > th { background-color: #ffeeba }
.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #ffdf7e }
.table-hover .table-warning:hover { background-color: #ffe8a1 }
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1 }
.table-danger, .table-danger > td, .table-danger > th { background-color: #f5c6cb }
.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ed969e }
.table-hover .table-danger:hover { background-color: #f1b0b7 }
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7 }
.table-light, .table-light > td, .table-light > th { background-color: #fcfdfd }
.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th { border-color: #fafbfc }
.table-hover .table-light:hover { background-color: #edf3f3 }
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #edf3f3 }
.table-dark, .table-dark > td, .table-dark > th { background-color: #c7c7c7 }
.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #969696 }
.table-hover .table-dark:hover { background-color: #bababa }
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #bababa }
.table-white, .table-white > td, .table-white > th { background-color: #fff }
.table-white tbody + tbody, .table-white td, .table-white th, .table-white thead th { border-color: #fff }
.table-hover .table-white:hover { background-color: #f2f2f2 }
.table-hover .table-white:hover > td, .table-hover .table-white:hover > th { background-color: #f2f2f2 }
.table-active, .table-active > td, .table-active > th { background-color: rgba(0,0,0,.075) }
.table-hover .table-active:hover { background-color: rgba(0,0,0,.075) }
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0,0,0,.075) }
.table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55 }
.table .thead-light th { color: #495057; background-color: #ddd; border-color: #999 }
.table-dark { color: #fff; background-color: #343a40 }
.table-dark td, .table-dark th, .table-dark thead th { border-color: #454d55 }
.table-dark.table-bordered { border: 0 }
.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.05) }
.table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,.075) }

@media (max-width:575.98px) {
    .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
    .table-responsive-sm > .table-bordered { border: 0 }
}

@media (max-width:767.98px) {
    .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
    .table-responsive-md > .table-bordered { border: 0 }
}

@media (max-width:991.98px) {
    .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
    .table-responsive-lg > .table-bordered { border: 0 }
}

@media (max-width:1199.98px) {
    .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
    .table-responsive-xl > .table-bordered { border: 0 }
}

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
.table-responsive > .table-bordered { border: 0 }
.form-control { display: block; width: 100%; height: calc(2em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 2; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .form-control { transition: none }
}

.form-control::-ms-expand { background-color: transparent; border: 0 }
.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 }
.form-control:focus { color: #495057; background-color: #fff; border-color: #eca9af; outline: 0; box-shadow: 0 0 0 .2rem rgba(213,65,77,.25) }
.form-control::placeholder { color: #666; opacity: 1 }
.form-control:disabled, .form-control[readonly] { background-color: #ddd; opacity: 1 }
input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { appearance: none }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff }
.form-control-file, .form-control-range { display: block; width: 100% }
.col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 2 }
.col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 2 }
.col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 }
.form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 2; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 }
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 }
.form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.form-control-lg { height: calc(2em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 2; border-radius: .3rem }
select.form-control[multiple], select.form-control[size] { height: auto }
textarea.form-control { height: auto }
.form-group { margin-bottom: 1rem }
.form-text { display: block; margin-top: .25rem }
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px }
.form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px }
.form-check { position: relative; display: block; padding-left: 1.25rem }
.form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem }
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { color: #666 }
.form-check-label { margin-bottom: 0 }
.form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: .75rem }
.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 }
.valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #48ac2c }
.valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(72,172,44,.9); border-radius: .25rem }
.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block }
.form-control.is-valid, .was-validated .form-control:valid { border-color: #48ac2c; padding-right: calc(2em + .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='%2348AC2C' 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"); background-repeat: no-repeat; background-position: right calc(.5em + .1875rem) center; background-size: calc(1em + .375rem) calc(1em + .375rem) }
.form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #48ac2c; box-shadow: 0 0 0 .2rem rgba(72,172,44,.25) }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(2em + .75rem); background-position: top calc(.5em + .1875rem) right calc(.5em + .1875rem) }
.custom-select.is-valid, .was-validated .custom-select:valid { border-color: #48ac2c; padding-right: calc(.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,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='%2348AC2C' 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") #fff no-repeat center right 1.75rem/calc(1em + .375rem) calc(1em + .375rem) }
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #48ac2c; box-shadow: 0 0 0 .2rem rgba(72,172,44,.25) }
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #48ac2c }
.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block }
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #48ac2c }
.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: #48ac2c }
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: #5dce3e; background-color: #5dce3e }
.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(72,172,44,.25) }
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #48ac2c }
.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #48ac2c }
.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { border-color: #48ac2c; box-shadow: 0 0 0 .2rem rgba(72,172,44,.25) }
.invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 }
.invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem }
.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block }
.form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(2em + .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"); background-repeat: no-repeat; background-position: right calc(.5em + .1875rem) center; background-size: calc(1em + .375rem) calc(1em + .375rem) }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(2em + .75rem); background-position: top calc(.5em + .1875rem) right calc(.5em + .1875rem) }
.custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc(.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,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") #fff no-repeat center right 1.75rem/calc(1em + .375rem) calc(1em + .375rem) }
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) }
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 }
.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block }
.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545 }
.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { border-color: #dc3545 }
.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d }
.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) }
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545 }
.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545 }
.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) }
.form-inline { display: flex; flex-flow: row wrap; align-items: center }
.form-inline .form-check { width: 100% }

@media (min-width:576px) {
    .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0 }
    .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0 }
    .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle }
    .form-inline .form-control-plaintext { display: inline-block }
    .form-inline .custom-select, .form-inline .input-group { width: auto }
    .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0 }
    .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 }
    .form-inline .custom-control { align-items: center; justify-content: center }
    .form-inline .custom-control-label { margin-bottom: 0 }
}

.btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .5rem 2.5rem; font-size: 1rem; line-height: 2; border-radius: 0; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .btn { transition: none }
}

.btn:hover { color: #212529; text-decoration: none }
.btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(213,65,77,.25) }
.btn.disabled, .btn:disabled { opacity: .65 }
.btn:not(:disabled):not(.disabled) { cursor: pointer }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none }
.btn-primary { color: #fff; background-color: #31987f; border-color: #31987f }
.btn-primary:hover { color: #fff; background-color: #c42b38; border-color: #ba2935 }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #c42b38; border-color: #ba2935; box-shadow: 0 0 0 .2rem rgba(219,94,104,.5) }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #31987f; border-color: #31987f }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #ba2935; border-color: #af2732 }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(219,94,104,.5) }
.btn-secondary { color: #fff; background-color: #666; border-color: #666 }
.btn-secondary:hover { color: #fff; background-color: #535353; border-color: #4d4d4d }
.btn-secondary.focus, .btn-secondary:focus { color: #fff; background-color: #535353; border-color: #4d4d4d; box-shadow: 0 0 0 .2rem rgba(125,125,125,.5) }
.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #666; border-color: #666 }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #464646 }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(125,125,125,.5) }
.btn-success { color: #fff; background-color: #48ac2c; border-color: #48ac2c }
.btn-success:hover { color: #fff; background-color: #3b8e24; border-color: #378322 }
.btn-success.focus, .btn-success:focus { color: #fff; background-color: #3b8e24; border-color: #378322; box-shadow: 0 0 0 .2rem rgba(99,184,76,.5) }
.btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #48ac2c; border-color: #48ac2c }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #378322; border-color: #33791f }
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(99,184,76,.5) }
.btn-info { color: #212529; background-color: #ddd; border-color: #ddd }
.btn-info:hover { color: #212529; background-color: #cacaca; border-color: #c4c4c4 }
.btn-info.focus, .btn-info:focus { color: #212529; background-color: #cacaca; border-color: #c4c4c4; box-shadow: 0 0 0 .2rem rgba(193,193,194,.5) }
.btn-info.disabled, .btn-info:disabled { color: #212529; background-color: #ddd; border-color: #ddd }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: #212529; background-color: #c4c4c4; border-color: #bdbdbd }
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(193,193,194,.5) }
.btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 }
.btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 }
.btn-warning.focus, .btn-warning:focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 .2rem rgba(222,170,12,.5) }
.btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107 }
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 }
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222,170,12,.5) }
.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 }
.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 }
.btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) }
.btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 }
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d }
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) }
.btn-light { color: #212529; background-color: #f5f7f9; border-color: #f5f7f9 }
.btn-light:hover { color: #212529; background-color: #dde4eb; border-color: #d5dee6 }
.btn-light.focus, .btn-light:focus { color: #212529; background-color: #dde4eb; border-color: #d5dee6; box-shadow: 0 0 0 .2rem rgba(213,216,218,.5) }
.btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f5f7f9; border-color: #f5f7f9 }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d5dee6; border-color: #cdd7e1 }
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(213,216,218,.5) }
.btn-dark { color: #fff; background-color: #363636; border-color: #363636 }
.btn-dark:hover { color: #fff; background-color: #232323; border-color: #1d1d1d }
.btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #232323; border-color: #1d1d1d; box-shadow: 0 0 0 .2rem rgba(84,84,84,.5) }
.btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #363636; border-color: #363636 }
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d1d1d; border-color: #161616 }
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(84,84,84,.5) }
.btn-white { color: #212529; background-color: #fff; border-color: #fff }
.btn-white:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6 }
.btn-white.focus, .btn-white:focus { color: #212529; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 .2rem rgba(222,222,223,.5) }
.btn-white.disabled, .btn-white:disabled { color: #212529; background-color: #fff; border-color: #fff }
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show > .btn-white.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf }
.btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222,222,223,.5) }
.btn-outline-primary { color: #31987f; border-color: #31987f }
.btn-outline-primary:hover { color: #fff; background-color: #31987f; border-color: #31987f }
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(213,65,77,.5) }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #31987f; background-color: transparent }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #31987f; border-color: #31987f }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(213,65,77,.5) }
.btn-outline-secondary { color: #666; border-color: #666 }
.btn-outline-secondary:hover { color: #fff; background-color: #666; border-color: #666 }
.btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(102,102,102,.5) }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #666; background-color: transparent }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #666; border-color: #666 }
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(102,102,102,.5) }
.btn-outline-success { color: #48ac2c; border-color: #48ac2c }
.btn-outline-success:hover { color: #fff; background-color: #48ac2c; border-color: #48ac2c }
.btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(72,172,44,.5) }
.btn-outline-success.disabled, .btn-outline-success:disabled { color: #48ac2c; background-color: transparent }
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #48ac2c; border-color: #48ac2c }
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(72,172,44,.5) }
.btn-outline-info { color: #ddd; border-color: #ddd }
.btn-outline-info:hover { color: #212529; background-color: #ddd; border-color: #ddd }
.btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(221,221,221,.5) }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: #ddd; background-color: transparent }
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: #212529; background-color: #ddd; border-color: #ddd }
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(221,221,221,.5) }
.btn-outline-warning { color: #ffc107; border-color: #ffc107 }
.btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 }
.btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent }
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 }
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
.btn-outline-danger { color: #dc3545; border-color: #dc3545 }
.btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 }
.btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent }
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 }
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
.btn-outline-light { color: #f5f7f9; border-color: #f5f7f9 }
.btn-outline-light:hover { color: #212529; background-color: #f5f7f9; border-color: #f5f7f9 }
.btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(245,247,249,.5) }
.btn-outline-light.disabled, .btn-outline-light:disabled { color: #f5f7f9; background-color: transparent }
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f5f7f9; border-color: #f5f7f9 }
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(245,247,249,.5) }
.btn-outline-dark { color: #363636; border-color: #363636 }
.btn-outline-dark:hover { color: #fff; background-color: #363636; border-color: #363636 }
.btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(54,54,54,.5) }
.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #363636; background-color: transparent }
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #363636; border-color: #363636 }
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(54,54,54,.5) }
.btn-outline-white { color: #fff; border-color: #fff }
.btn-outline-white:hover { color: #212529; background-color: #fff; border-color: #fff }
.btn-outline-white.focus, .btn-outline-white:focus { box-shadow: 0 0 0 .2rem rgba(255,255,255,.5) }
.btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent }
.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show > .btn-outline-white.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff }
.btn-outline-white:not(:disabled):not(.disabled).active:focus, .btn-outline-white:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,255,255,.5) }
.btn-link { font-weight: 400; color: #31987f; text-decoration: none }
.btn-link:hover { color: #a5242f; text-decoration: underline }
.btn-link.focus, .btn-link:focus { text-decoration: underline }
.btn-link.disabled, .btn-link:disabled { color: #666; pointer-events: none }
.btn-group-lg > .btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 2; border-radius: .3rem }
.btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.btn-block { display: block; width: 100% }
.btn-block + .btn-block { margin-top: .5rem }
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% }
.fade { transition: opacity .15s linear }

@media (prefers-reduced-motion:reduce) {
    .fade { transition: none }
}

.fade:not(.show) { opacity: 0 }
.collapse:not(.show) { display: none }
.collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease }

@media (prefers-reduced-motion:reduce) {
    .collapsing { transition: none }
}

.dropdown, .dropleft, .dropright, .dropup { position: relative }
.dropdown-toggle { white-space: nowrap }
.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }
.dropdown-toggle:empty::after { margin-left: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem }
.dropdown-menu-left { right: auto; left: 0 }
.dropdown-menu-right { right: 0; left: auto }

@media (min-width:576px) {
    .dropdown-menu-sm-left { right: auto; left: 0 }
    .dropdown-menu-sm-right { right: 0; left: auto }
}

@media (min-width:768px) {
    .dropdown-menu-md-left { right: auto; left: 0 }
    .dropdown-menu-md-right { right: 0; left: auto }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left { right: auto; left: 0 }
    .dropdown-menu-lg-right { right: 0; left: auto }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left { right: auto; left: 0 }
    .dropdown-menu-xl-right { right: 0; left: auto }
}

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent }
.dropup .dropdown-toggle:empty::after { margin-left: 0 }
.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem }
.dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid }
.dropright .dropdown-toggle:empty::after { margin-left: 0 }
.dropright .dropdown-toggle::after { vertical-align: 0 }
.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem }
.dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" }
.dropleft .dropdown-toggle::after { display: none }
.dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent }
.dropleft .dropdown-toggle:empty::after { margin-left: 0 }
.dropleft .dropdown-toggle::before { vertical-align: 0 }
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto }
.dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #ddd }
.dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }
.dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f5f7f9 }
.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #31987f }
.dropdown-item.disabled, .dropdown-item:disabled { color: #666; pointer-events: none; background-color: transparent }
.dropdown-menu.show { display: block }
.dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #666; white-space: nowrap }
.dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 }
.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle }
.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto }
.btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1 }
.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1 }
.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start }
.btn-toolbar .input-group { width: auto }
.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px }
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.dropdown-toggle-split { padding-right: 1.875rem; padding-left: 1.875rem }
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 }
.dropleft .dropdown-toggle-split::before { margin-right: 0 }
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem }
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem }
.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100% }
.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px }
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 }
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0 }
.btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none }
.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100% }
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0 }
.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control { margin-left: -1px }
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus { z-index: 3 }
.input-group > .custom-file .custom-file-input:focus { z-index: 4 }
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.input-group > .custom-file { display: flex; align-items: center }
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.input-group-append, .input-group-prepend { display: flex }
.input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 }
.input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3 }
.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text { margin-left: -1px }
.input-group-prepend { margin-right: -1px }
.input-group-append { margin-left: -1px }
.input-group-text { display: flex; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 2; color: #495057; text-align: center; white-space: nowrap; background-color: #ddd; border: 1px solid #ced4da; border-radius: 0 }
.input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 }
.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) { height: calc(2em + 1rem + 2px) }
.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 2; border-radius: .3rem }
.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) }
.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem }
.input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem }
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 }
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 }
.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; color-adjust: exact }
.custom-control-inline { display: inline-flex; margin-right: 1rem }
.custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0 }
.custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #31987f; background-color: #31987f }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(213,65,77,.25) }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #eca9af }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #f5d3d6; border-color: #f5d3d6 }
.custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label { color: #666 }
.custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before { background-color: #ddd }
.custom-control-label { position: relative; margin-bottom: 0; vertical-align: top }
.custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px }
.custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50% }
.custom-checkbox .custom-control-label::before { border-radius: .25rem }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { 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='%23FFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #31987f; background-color: #31987f }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFF' d='M0 2h4'/%3e%3c/svg%3e") }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(213,65,77,.5) }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(213,65,77,.5) }
.custom-radio .custom-control-label::before { border-radius: 50% }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFF'/%3e%3c/svg%3e") }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(213,65,77,.5) }
.custom-switch { padding-left: 2.25rem }
.custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem }
.custom-switch .custom-control-label::after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .custom-switch .custom-control-label::after { transition: none }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(.75rem) }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(213,65,77,.5) }
.custom-select { display: inline-block; width: 100%; height: calc(2em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 2; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; border: 1px solid #ced4da; border-radius: .25rem; appearance: none }
.custom-select:focus { border-color: #eca9af; outline: 0; box-shadow: 0 0 0 .2rem rgba(213,65,77,.25) }
.custom-select:focus::-ms-value { color: #495057; background-color: #fff }
.custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none }
.custom-select:disabled { color: #666; background-color: #ddd }
.custom-select::-ms-expand { display: none }
.custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057 }
.custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem }
.custom-select-lg { height: calc(2em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem }
.custom-file { position: relative; display: inline-block; width: 100%; height: calc(2em + .75rem + 2px); margin-bottom: 0 }
.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2em + .75rem + 2px); margin: 0; opacity: 0 }
.custom-file-input:focus ~ .custom-file-label { border-color: #eca9af; box-shadow: 0 0 0 .2rem rgba(213,65,77,.25) }
.custom-file-input:disabled ~ .custom-file-label, .custom-file-input[disabled] ~ .custom-file-label { background-color: #ddd }
.custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse" }
.custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse) }
.custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2em + .75rem + 2px); padding: .375rem .75rem; font-weight: 400; line-height: 2; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0 }
.custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(2em + .75rem); padding: .375rem .75rem; line-height: 2; color: #495057; content: "Browse"; background-color: #ddd; border-left: inherit; border-radius: 0 }
.custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none }
.custom-range:focus { outline: 0 }
.custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(213,65,77,.25) }
.custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(213,65,77,.25) }
.custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(213,65,77,.25) }
.custom-range::-moz-focus-outer { border: 0 }
.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #31987f; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-webkit-slider-thumb { transition: none }
}

.custom-range::-webkit-slider-thumb:active { background-color: #f5d3d6 }
.custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #999; border-color: transparent; border-radius: 1rem }
.custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #31987f; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-moz-range-thumb { transition: none }
}

.custom-range::-moz-range-thumb:active { background-color: #f5d3d6 }
.custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #999; border-color: transparent; border-radius: 1rem }
.custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #31987f; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none }

@media (prefers-reduced-motion:reduce) {
    .custom-range::-ms-thumb { transition: none }
}

.custom-range::-ms-thumb:active { background-color: #f5d3d6 }
.custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem }
.custom-range::-ms-fill-lower { background-color: #999; border-radius: 1rem }
.custom-range::-ms-fill-upper { margin-right: 15px; background-color: #999; border-radius: 1rem }
.custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd }
.custom-range:disabled::-webkit-slider-runnable-track { cursor: default }
.custom-range:disabled::-moz-range-thumb { background-color: #adb5bd }
.custom-range:disabled::-moz-range-track { cursor: default }
.custom-range:disabled::-ms-thumb { background-color: #adb5bd }
.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select { transition: none }
}

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none }
.nav-link { display: block; padding: .5rem 1rem }
.nav-link:focus, .nav-link:hover { text-decoration: none }
.nav-link.disabled { color: #666; pointer-events: none; cursor: default }
.nav-tabs { border-bottom: 1px solid #999 }
.nav-tabs .nav-item { margin-bottom: -1px }
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #ddd #ddd #999 }
.nav-tabs .nav-link.disabled { color: #666; background-color: transparent; border-color: transparent }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #999 #999 #fff }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 }
.nav-pills .nav-link { border-radius: .25rem }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #31987f }
.nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center }
.nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center }
.tab-content > .tab-pane { display: none }
.tab-content > .active { display: block }
.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .5rem 1rem }
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between }
.navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap }
.navbar-brand:focus, .navbar-brand:hover { text-decoration: none }
.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none }
.navbar-nav .nav-link { padding-right: 0; padding-left: 0 }
.navbar-nav .dropdown-menu { position: static; float: none }
.navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center }
.navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0 }
.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% }

@media (max-width:575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:576px) {
    .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start }
    .navbar-expand-sm .navbar-nav { flex-direction: row }
    .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute }
    .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-xl { flex-wrap: nowrap }
    .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto }
    .navbar-expand-sm .navbar-toggler { display: none }
}

@media (max-width:767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:768px) {
    .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start }
    .navbar-expand-md .navbar-nav { flex-direction: row }
    .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute }
    .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-md, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-xl { flex-wrap: nowrap }
    .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto }
    .navbar-expand-md .navbar-toggler { display: none }
}

@media (max-width:991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:992px) {
    .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start }
    .navbar-expand-lg .navbar-nav { flex-direction: row }
    .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute }
    .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-xl { flex-wrap: nowrap }
    .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto }
    .navbar-expand-lg .navbar-toggler { display: none }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0 }
}

@media (min-width:1200px) {
    .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start }
    .navbar-expand-xl .navbar-nav { flex-direction: row }
    .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute }
    .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-xl { flex-wrap: nowrap }
    .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto }
    .navbar-expand-xl .navbar-toggler { display: none }
}

.navbar-expand { flex-flow: row nowrap; justify-content: flex-start }
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0 }
.navbar-expand .navbar-nav { flex-direction: row }
.navbar-expand .navbar-nav .dropdown-menu { position: absolute }
.navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem }
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-lg, .navbar-expand > .container-md, .navbar-expand > .container-sm, .navbar-expand > .container-xl { flex-wrap: nowrap }
.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto }
.navbar-expand .navbar-toggler { display: none }
.navbar-light .navbar-brand { color: rgba(0,0,0,.9) }
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0,0,0,.9) }
.navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5) }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) }
.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.9) }
.navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
.navbar-light .navbar-text { color: rgba(0,0,0,.5) }
.navbar-light .navbar-text a { color: rgba(0,0,0,.9) }
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) }
.navbar-dark .navbar-brand { color: #fff }
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.5) }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) }
.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #fff }
.navbar-dark .navbar-toggler { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1) }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
.navbar-dark .navbar-text { color: rgba(255,255,255,.5) }
.navbar-dark .navbar-text a { color: #fff }
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff }
.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem }
.card > hr { margin-right: 0; margin-left: 0 }
.card > .list-group { border-top: inherit; border-bottom: inherit }
.card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) }
.card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) }
.card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0 }
.card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem }
.card-title { margin-bottom: .75rem }
.card-subtitle { margin-top: -.375rem; margin-bottom: 0 }
.card-text:last-child { margin-bottom: 0 }
.card-link:hover { text-decoration: none }
.card-link + .card-link { margin-left: 1.25rem }
.card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125) }
.card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 }
.card-footer { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125) }
.card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) }
.card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 }
.card-header-pills { margin-right: -.625rem; margin-left: -.625rem }
.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(.25rem - 1px) }
.card-img, .card-img-bottom, .card-img-top { flex-shrink: 0; width: 100% }
.card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) }
.card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) }
.card-deck .card { margin-bottom: 15px }

@media (min-width:576px) {
    .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px }
    .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px }
}

.card-group > .card { margin-bottom: 15px }

@media (min-width:576px) {
    .card-group { display: flex; flex-flow: row wrap }
    .card-group > .card { flex: 1 0 0%; margin-bottom: 0 }
    .card-group > .card + .card { margin-left: 0; border-left: 0 }
    .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 }
    .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0 }
    .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 }
    .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 }
    .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0 }
    .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 }
}

.card-columns .card { margin-bottom: .75rem }

@media (min-width:576px) {
    .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1 }
    .card-columns .card { display: inline-block; width: 100% }
}

.accordion { overflow-anchor: none }
.accordion > .card { overflow: hidden }
.accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0 }
.accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px }
.breadcrumb { display: flex; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #ddd; border-radius: .25rem }
.breadcrumb-item { display: flex }
.breadcrumb-item + .breadcrumb-item { padding-left: .5rem }
.breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #666; content: "/" }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none }
.breadcrumb-item.active { color: #666 }
.pagination { display: flex; padding-left: 0; list-style: none; border-radius: .25rem }
.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #31987f; background-color: #fff; border: 1px solid #999 }
.page-link:hover { z-index: 2; color: #a5242f; text-decoration: none; background-color: #ddd; border-color: #999 }
.page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 .2rem rgba(213,65,77,.25) }
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem }
.page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem }
.page-item.active .page-link { z-index: 3; color: #fff; background-color: #31987f; border-color: #31987f }
.page-item.disabled .page-link { color: #666; pointer-events: none; cursor: auto; background-color: #fff; border-color: #999 }
.pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 2 }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem }
.pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem }
.badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .badge { transition: none }
}

a.badge:focus, a.badge:hover { text-decoration: none }
.badge:empty { display: none }
.btn .badge { position: relative; top: -1px }
.badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem }
.badge-primary { color: #fff; background-color: #31987f }
a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #ba2935 }
a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(213,65,77,.5) }
.badge-secondary { color: #fff; background-color: #666 }
a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #4d4d4d }
a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(102,102,102,.5) }
.badge-success { color: #fff; background-color: #48ac2c }
a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #378322 }
a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(72,172,44,.5) }
.badge-info { color: #212529; background-color: #ddd }
a.badge-info:focus, a.badge-info:hover { color: #212529; background-color: #c4c4c4 }
a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(221,221,221,.5) }
.badge-warning { color: #212529; background-color: #ffc107 }
a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #d39e00 }
a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) }
.badge-danger { color: #fff; background-color: #dc3545 }
a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 }
a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) }
.badge-light { color: #212529; background-color: #f5f7f9 }
a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #d5dee6 }
a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(245,247,249,.5) }
.badge-dark { color: #fff; background-color: #363636 }
a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d1d1d }
a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(54,54,54,.5) }
.badge-white { color: #212529; background-color: #fff }
a.badge-white:focus, a.badge-white:hover { color: #212529; background-color: #e6e6e6 }
a.badge-white.focus, a.badge-white:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,255,255,.5) }
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #ddd; border-radius: .3rem }

@media (min-width:576px) {
    .jumbotron { padding: 4rem 2rem }
}

.jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 }
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem }
.alert-heading { color: inherit }
.alert-link { font-weight: 700 }
.alert-dismissible { padding-right: 4rem }
.alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: .75rem 1.25rem; color: inherit }
.alert-primary { color: #6f2228; background-color: #f7d9db; border-color: #f3cacd }
.alert-primary hr { border-top-color: #eeb5b9 }
.alert-primary .alert-link { color: #48161a }
.alert-secondary { color: #353535; background-color: #e0e0e0; border-color: #d4d4d4 }
.alert-secondary hr { border-top-color: #c7c7c7 }
.alert-secondary .alert-link { color: #1c1c1c }
.alert-success { color: #255917; background-color: #daeed5; border-color: #cce8c4 }
.alert-success hr { border-top-color: #bce1b2 }
.alert-success .alert-link { color: #14300d }
.alert-info { color: #737373; background-color: #f8f8f8; border-color: #f5f5f5 }
.alert-info hr { border-top-color: #e8e8e8 }
.alert-info .alert-link { color: #5a5a5a }
.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba }
.alert-warning hr { border-top-color: #ffe8a1 }
.alert-warning .alert-link { color: #533f03 }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb }
.alert-danger hr { border-top-color: #f1b0b7 }
.alert-danger .alert-link { color: #491217 }
.alert-light { color: #7f8081; background-color: #fdfdfe; border-color: #fcfdfd }
.alert-light hr { border-top-color: #edf3f3 }
.alert-light .alert-link { color: #666767 }
.alert-dark { color: #1c1c1c; background-color: #d7d7d7; border-color: #c7c7c7 }
.alert-dark hr { border-top-color: #bababa }
.alert-dark .alert-link { color: #030303 }
.alert-white { color: #858585; background-color: #fff; border-color: #fff }
.alert-white hr { border-top-color: #f2f2f2 }
.alert-white .alert-link { color: #6c6c6c }

@keyframes progress-bar-stripes {
    from { background-position: 1rem 0 }
    to { background-position: 0 0 }
}

.progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: .75rem; background-color: #ddd; border-radius: .25rem }
.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #31987f; transition: width .6s ease }

@media (prefers-reduced-motion:reduce) {
    .progress-bar { transition: none }
}

.progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem }
.progress-bar-animated { animation: progress-bar-stripes 1s linear infinite }

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated { animation: none }
}

.media { display: flex; align-items: flex-start }
.media-body { flex: 1 }
.list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem }
.list-group-item-action { width: 100%; color: #495057; text-align: inherit }
.list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f5f7f9 }
.list-group-item-action:active { color: #212529; background-color: #ddd }
.list-group-item { position: relative; display: block; padding: .75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0,0,0,.125) }
.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit }
.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit }
.list-group-item.disabled, .list-group-item:disabled { color: #666; pointer-events: none; background-color: #fff }
.list-group-item.active { z-index: 2; color: #fff; background-color: #31987f; border-color: #31987f }
.list-group-item + .list-group-item { border-top-width: 0 }
.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px }
.list-group-horizontal { flex-direction: row }
.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }
.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }
.list-group-horizontal > .list-group-item.active { margin-top: 0 }
.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }
.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }

@media (min-width:576px) {
    .list-group-horizontal-sm { flex-direction: row }
    .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }
    .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }
    .list-group-horizontal-sm > .list-group-item.active { margin-top: 0 }
    .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }
    .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

@media (min-width:768px) {
    .list-group-horizontal-md { flex-direction: row }
    .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }
    .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }
    .list-group-horizontal-md > .list-group-item.active { margin-top: 0 }
    .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }
    .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

@media (min-width:992px) {
    .list-group-horizontal-lg { flex-direction: row }
    .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }
    .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }
    .list-group-horizontal-lg > .list-group-item.active { margin-top: 0 }
    .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }
    .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl { flex-direction: row }
    .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0 }
    .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0 }
    .list-group-horizontal-xl > .list-group-item.active { margin-top: 0 }
    .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0 }
    .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px }
}

.list-group-flush { border-radius: 0 }
.list-group-flush > .list-group-item { border-width: 0 0 1px }
.list-group-flush > .list-group-item:last-child { border-bottom-width: 0 }
.list-group-item-primary { color: #6f2228; background-color: #f3cacd }
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #6f2228; background-color: #eeb5b9 }
.list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #6f2228; border-color: #6f2228 }
.list-group-item-secondary { color: #353535; background-color: #d4d4d4 }
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #353535; background-color: #c7c7c7 }
.list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #353535; border-color: #353535 }
.list-group-item-success { color: #255917; background-color: #cce8c4 }
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #255917; background-color: #bce1b2 }
.list-group-item-success.list-group-item-action.active { color: #fff; background-color: #255917; border-color: #255917 }
.list-group-item-info { color: #737373; background-color: #f5f5f5 }
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #737373; background-color: #e8e8e8 }
.list-group-item-info.list-group-item-action.active { color: #fff; background-color: #737373; border-color: #737373 }
.list-group-item-warning { color: #856404; background-color: #ffeeba }
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 }
.list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 }
.list-group-item-danger { color: #721c24; background-color: #f5c6cb }
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 }
.list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 }
.list-group-item-light { color: #7f8081; background-color: #fcfdfd }
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #7f8081; background-color: #edf3f3 }
.list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7f8081; border-color: #7f8081 }
.list-group-item-dark { color: #1c1c1c; background-color: #c7c7c7 }
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1c1c1c; background-color: #bababa }
.list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1c1c1c; border-color: #1c1c1c }
.list-group-item-white { color: #858585; background-color: #fff }
.list-group-item-white.list-group-item-action:focus, .list-group-item-white.list-group-item-action:hover { color: #858585; background-color: #f2f2f2 }
.list-group-item-white.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585 }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 }

@media (max-width:1200px) {
    .close { font-size: calc(1.275rem + .3vw) }
}

.close:hover { color: #000; text-decoration: none }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 }
button.close { padding: 0; background-color: transparent; border: 0 }
a.close.disabled { pointer-events: none }
.toast { flex-basis: 350px; max-width: 350px; font-size: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); opacity: 0; border-radius: .25rem }
.toast:not(:last-child) { margin-bottom: .75rem }
.toast.showing { opacity: 1 }
.toast.show { display: block; opacity: 1 }
.toast.hide { display: none }
.toast-header { display: flex; align-items: center; padding: .25rem .75rem; color: #666; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) }
.toast-body { padding: .75rem }
.modal-open { overflow: hidden }
.modal-open .modal { overflow-x: hidden; overflow-y: auto }
.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 }
.modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none }
.modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0,-50px) }

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog { transition: none }
}

.modal.show .modal-dialog { transform: none }
.modal.modal-static .modal-dialog { transform: scale(1.02) }
.modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem) }
.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden }
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { flex-shrink: 0 }
.modal-dialog-scrollable .modal-body { overflow-y: auto }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem) }
.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: "" }
.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100% }
.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none }
.modal-dialog-centered.modal-dialog-scrollable::before { content: none }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 }
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop.show { opacity: .5 }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #999; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) }
.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto }
.modal-title { margin-bottom: 0; line-height: 1.5 }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem }
.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #999; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px) }
.modal-footer > * { margin: .25rem }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll }

@media (min-width:576px) {
    .modal-dialog { max-width: 500px; margin: 1.75rem auto }
    .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) }
    .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) }
    .modal-dialog-centered { min-height: calc(100% - 3.5rem) }
    .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content }
    .modal-sm { max-width: 300px }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl { max-width: 800px }
}

@media (min-width:1200px) {
    .modal-xl { max-width: 1140px }
}

.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: CerebriSans,Arial,sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 }
.tooltip.show { opacity: .9 }
.tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem }
.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid }
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 }
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 }
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 }
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem }
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem }
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 }
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 }
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 }
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 }
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem }
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem }
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 }
.tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: CerebriSans,Arial,sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem }
.popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem }
.popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid }
.bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem }
.bs-popover-auto[x-placement^=top] > .arrow, .bs-popover-top > .arrow { bottom: calc(-.5rem - 1px) }
.bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) }
.bs-popover-auto[x-placement^=top] > .arrow::after, .bs-popover-top > .arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff }
.bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem }
.bs-popover-auto[x-placement^=right] > .arrow, .bs-popover-right > .arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 }
.bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) }
.bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff }
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem }
.bs-popover-auto[x-placement^=bottom] > .arrow, .bs-popover-bottom > .arrow { top: calc(-.5rem - 1px) }
.bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) }
.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff }
.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 }
.bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem }
.bs-popover-auto[x-placement^=left] > .arrow, .bs-popover-left > .arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0 }
.bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) }
.bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff }
.popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) }
.popover-header:empty { display: none }
.popover-body { padding: .5rem .75rem; color: #212529 }
.carousel { position: relative }
.carousel.pointer-event { touch-action: pan-y }
.carousel-inner { position: relative; width: 100%; overflow: hidden }
.carousel-inner::after { display: block; clear: both; content: "" }
.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform .6s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    .carousel-item { transition: none }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block }
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { transform: translateX(100%) }
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { transform: translateX(-100%) }
.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none }
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s .6s }

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none }
}

.carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease }

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next, .carousel-control-prev { transition: none }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 }
.carousel-control-prev { left: 0 }
.carousel-control-next { right: 0 }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100% }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") }
.carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none }
.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease }

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators li { transition: none }
}

.carousel-indicators .active { opacity: 1 }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center }

@keyframes spinner-border {
    to { transform: rotate(360deg) }
}

.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em }

@keyframes spinner-grow {
    0% { transform: scale(0) }
    50% { opacity: 1; transform: none }
}

.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite }
.spinner-grow-sm { width: 1rem; height: 1rem }
.align-baseline { vertical-align: baseline !important }
.align-top { vertical-align: top !important }
.align-middle { vertical-align: middle !important }
.align-bottom { vertical-align: bottom !important }
.align-text-bottom { vertical-align: text-bottom !important }
.align-text-top { vertical-align: text-top !important }
.bg-primary { background-color: #31987f !important }
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #ba2935 !important }
.bg-secondary { background-color: #666 !important }
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #4d4d4d !important }
.bg-success { background-color: #48ac2c !important }
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #378322 !important }
.bg-info { background-color: #ddd !important }
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #c4c4c4 !important }
.bg-warning { background-color: #ffc107 !important }
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 !important }
.bg-danger { background-color: #dc3545 !important }
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important }
.bg-light { background-color: #f5f7f9 !important }
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #d5dee6 !important }
.bg-dark { background-color: #363636 !important }
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d1d1d !important }
.bg-white { background-color: #fff !important }
a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover { background-color: #e6e6e6 !important }
.bg-white { background-color: #fff !important }
.bg-transparent { background-color: transparent !important }
.border { border: 1px solid #999 !important }
.border-top { border-top: 1px solid #999 !important }
.border-right { border-right: 1px solid #999 !important }
.border-bottom { border-bottom: 1px solid #999 !important }
.border-left { border-left: 1px solid #999 !important }
.border-0 { border: 0 !important }
.border-top-0 { border-top: 0 !important }
.border-right-0 { border-right: 0 !important }
.border-bottom-0 { border-bottom: 0 !important }
.border-left-0 { border-left: 0 !important }
.border-primary { border-color: #31987f !important }
.border-secondary { border-color: #666 !important }
.border-success { border-color: #48ac2c !important }
.border-info { border-color: #ddd !important }
.border-warning { border-color: #ffc107 !important }
.border-danger { border-color: #dc3545 !important }
.border-light { border-color: #f5f7f9 !important }
.border-dark { border-color: #363636 !important }
.border-white { border-color: #fff !important }
.border-white { border-color: #fff !important }
.rounded-sm { border-radius: .2rem !important }
.rounded { border-radius: .25rem !important }
.rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important }
.rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important }
.rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important }
.rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important }
.rounded-lg { border-radius: .3rem !important }
.rounded-circle { border-radius: 50% !important }
.rounded-pill { border-radius: 50rem !important }
.rounded-0 { border-radius: 0 !important }
.clearfix::after { display: block; clear: both; content: "" }
.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: flex !important }
.d-inline-flex { display: inline-flex !important }

@media (min-width:576px) {
    .d-sm-none { display: none !important }
    .d-sm-inline { display: inline !important }
    .d-sm-inline-block { display: inline-block !important }
    .d-sm-block { display: block !important }
    .d-sm-table { display: table !important }
    .d-sm-table-row { display: table-row !important }
    .d-sm-table-cell { display: table-cell !important }
    .d-sm-flex { display: flex !important }
    .d-sm-inline-flex { display: inline-flex !important }
}

@media (min-width:768px) {
    .d-md-none { display: none !important }
    .d-md-inline { display: inline !important }
    .d-md-inline-block { display: inline-block !important }
    .d-md-block { display: block !important }
    .d-md-table { display: table !important }
    .d-md-table-row { display: table-row !important }
    .d-md-table-cell { display: table-cell !important }
    .d-md-flex { display: flex !important }
    .d-md-inline-flex { display: inline-flex !important }
}

@media (min-width:992px) {
    .d-lg-none { display: none !important }
    .d-lg-inline { display: inline !important }
    .d-lg-inline-block { display: inline-block !important }
    .d-lg-block { display: block !important }
    .d-lg-table { display: table !important }
    .d-lg-table-row { display: table-row !important }
    .d-lg-table-cell { display: table-cell !important }
    .d-lg-flex { display: flex !important }
    .d-lg-inline-flex { display: inline-flex !important }
}

@media (min-width:1200px) {
    .d-xl-none { display: none !important }
    .d-xl-inline { display: inline !important }
    .d-xl-inline-block { display: inline-block !important }
    .d-xl-block { display: block !important }
    .d-xl-table { display: table !important }
    .d-xl-table-row { display: table-row !important }
    .d-xl-table-cell { display: table-cell !important }
    .d-xl-flex { display: flex !important }
    .d-xl-inline-flex { display: inline-flex !important }
}

@media print {
    .d-print-none { display: none !important }
    .d-print-inline { display: inline !important }
    .d-print-inline-block { display: inline-block !important }
    .d-print-block { display: block !important }
    .d-print-table { display: table !important }
    .d-print-table-row { display: table-row !important }
    .d-print-table-cell { display: table-cell !important }
    .d-print-flex { display: flex !important }
    .d-print-inline-flex { display: inline-flex !important }
}

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden }
.embed-responsive::before { display: block; content: "" }
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 }
.embed-responsive-21by9::before { padding-top: 42.8571428571% }
.embed-responsive-16by9::before { padding-top: 56.25% }
.embed-responsive-4by3::before { padding-top: 75% }
.embed-responsive-1by1::before { padding-top: 100% }
.flex-row { flex-direction: row !important }
.flex-column { flex-direction: column !important }
.flex-row-reverse { flex-direction: row-reverse !important }
.flex-column-reverse { flex-direction: column-reverse !important }
.flex-wrap { flex-wrap: wrap !important }
.flex-nowrap { flex-wrap: nowrap !important }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important }
.flex-fill { flex: 1 1 auto !important }
.flex-grow-0 { flex-grow: 0 !important }
.flex-grow-1 { flex-grow: 1 !important }
.flex-shrink-0 { flex-shrink: 0 !important }
.flex-shrink-1 { flex-shrink: 1 !important }
.justify-content-start { justify-content: flex-start !important }
.justify-content-end { justify-content: flex-end !important }
.justify-content-center { justify-content: center !important }
.justify-content-between { justify-content: space-between !important }
.justify-content-around { justify-content: space-around !important }
.align-items-start { align-items: flex-start !important }
.align-items-end { align-items: flex-end !important }
.align-items-center { align-items: center !important }
.align-items-baseline { align-items: baseline !important }
.align-items-stretch { align-items: stretch !important }
.align-content-start { align-content: flex-start !important }
.align-content-end { align-content: flex-end !important }
.align-content-center { align-content: center !important }
.align-content-between { align-content: space-between !important }
.align-content-around { align-content: space-around !important }
.align-content-stretch { align-content: stretch !important }
.align-self-auto { align-self: auto !important }
.align-self-start { align-self: flex-start !important }
.align-self-end { align-self: flex-end !important }
.align-self-center { align-self: center !important }
.align-self-baseline { align-self: baseline !important }
.align-self-stretch { align-self: stretch !important }

@media (min-width:576px) {
    .flex-sm-row { flex-direction: row !important }
    .flex-sm-column { flex-direction: column !important }
    .flex-sm-row-reverse { flex-direction: row-reverse !important }
    .flex-sm-column-reverse { flex-direction: column-reverse !important }
    .flex-sm-wrap { flex-wrap: wrap !important }
    .flex-sm-nowrap { flex-wrap: nowrap !important }
    .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important }
    .flex-sm-fill { flex: 1 1 auto !important }
    .flex-sm-grow-0 { flex-grow: 0 !important }
    .flex-sm-grow-1 { flex-grow: 1 !important }
    .flex-sm-shrink-0 { flex-shrink: 0 !important }
    .flex-sm-shrink-1 { flex-shrink: 1 !important }
    .justify-content-sm-start { justify-content: flex-start !important }
    .justify-content-sm-end { justify-content: flex-end !important }
    .justify-content-sm-center { justify-content: center !important }
    .justify-content-sm-between { justify-content: space-between !important }
    .justify-content-sm-around { justify-content: space-around !important }
    .align-items-sm-start { align-items: flex-start !important }
    .align-items-sm-end { align-items: flex-end !important }
    .align-items-sm-center { align-items: center !important }
    .align-items-sm-baseline { align-items: baseline !important }
    .align-items-sm-stretch { align-items: stretch !important }
    .align-content-sm-start { align-content: flex-start !important }
    .align-content-sm-end { align-content: flex-end !important }
    .align-content-sm-center { align-content: center !important }
    .align-content-sm-between { align-content: space-between !important }
    .align-content-sm-around { align-content: space-around !important }
    .align-content-sm-stretch { align-content: stretch !important }
    .align-self-sm-auto { align-self: auto !important }
    .align-self-sm-start { align-self: flex-start !important }
    .align-self-sm-end { align-self: flex-end !important }
    .align-self-sm-center { align-self: center !important }
    .align-self-sm-baseline { align-self: baseline !important }
    .align-self-sm-stretch { align-self: stretch !important }
}

@media (min-width:768px) {
    .flex-md-row { flex-direction: row !important }
    .flex-md-column { flex-direction: column !important }
    .flex-md-row-reverse { flex-direction: row-reverse !important }
    .flex-md-column-reverse { flex-direction: column-reverse !important }
    .flex-md-wrap { flex-wrap: wrap !important }
    .flex-md-nowrap { flex-wrap: nowrap !important }
    .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important }
    .flex-md-fill { flex: 1 1 auto !important }
    .flex-md-grow-0 { flex-grow: 0 !important }
    .flex-md-grow-1 { flex-grow: 1 !important }
    .flex-md-shrink-0 { flex-shrink: 0 !important }
    .flex-md-shrink-1 { flex-shrink: 1 !important }
    .justify-content-md-start { justify-content: flex-start !important }
    .justify-content-md-end { justify-content: flex-end !important }
    .justify-content-md-center { justify-content: center !important }
    .justify-content-md-between { justify-content: space-between !important }
    .justify-content-md-around { justify-content: space-around !important }
    .align-items-md-start { align-items: flex-start !important }
    .align-items-md-end { align-items: flex-end !important }
    .align-items-md-center { align-items: center !important }
    .align-items-md-baseline { align-items: baseline !important }
    .align-items-md-stretch { align-items: stretch !important }
    .align-content-md-start { align-content: flex-start !important }
    .align-content-md-end { align-content: flex-end !important }
    .align-content-md-center { align-content: center !important }
    .align-content-md-between { align-content: space-between !important }
    .align-content-md-around { align-content: space-around !important }
    .align-content-md-stretch { align-content: stretch !important }
    .align-self-md-auto { align-self: auto !important }
    .align-self-md-start { align-self: flex-start !important }
    .align-self-md-end { align-self: flex-end !important }
    .align-self-md-center { align-self: center !important }
    .align-self-md-baseline { align-self: baseline !important }
    .align-self-md-stretch { align-self: stretch !important }
}

@media (min-width:992px) {
    .flex-lg-row { flex-direction: row !important }
    .flex-lg-column { flex-direction: column !important }
    .flex-lg-row-reverse { flex-direction: row-reverse !important }
    .flex-lg-column-reverse { flex-direction: column-reverse !important }
    .flex-lg-wrap { flex-wrap: wrap !important }
    .flex-lg-nowrap { flex-wrap: nowrap !important }
    .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important }
    .flex-lg-fill { flex: 1 1 auto !important }
    .flex-lg-grow-0 { flex-grow: 0 !important }
    .flex-lg-grow-1 { flex-grow: 1 !important }
    .flex-lg-shrink-0 { flex-shrink: 0 !important }
    .flex-lg-shrink-1 { flex-shrink: 1 !important }
    .justify-content-lg-start { justify-content: flex-start !important }
    .justify-content-lg-end { justify-content: flex-end !important }
    .justify-content-lg-center { justify-content: center !important }
    .justify-content-lg-between { justify-content: space-between !important }
    .justify-content-lg-around { justify-content: space-around !important }
    .align-items-lg-start { align-items: flex-start !important }
    .align-items-lg-end { align-items: flex-end !important }
    .align-items-lg-center { align-items: center !important }
    .align-items-lg-baseline { align-items: baseline !important }
    .align-items-lg-stretch { align-items: stretch !important }
    .align-content-lg-start { align-content: flex-start !important }
    .align-content-lg-end { align-content: flex-end !important }
    .align-content-lg-center { align-content: center !important }
    .align-content-lg-between { align-content: space-between !important }
    .align-content-lg-around { align-content: space-around !important }
    .align-content-lg-stretch { align-content: stretch !important }
    .align-self-lg-auto { align-self: auto !important }
    .align-self-lg-start { align-self: flex-start !important }
    .align-self-lg-end { align-self: flex-end !important }
    .align-self-lg-center { align-self: center !important }
    .align-self-lg-baseline { align-self: baseline !important }
    .align-self-lg-stretch { align-self: stretch !important }
}

@media (min-width:1200px) {
    .flex-xl-row { flex-direction: row !important }
    .flex-xl-column { flex-direction: column !important }
    .flex-xl-row-reverse { flex-direction: row-reverse !important }
    .flex-xl-column-reverse { flex-direction: column-reverse !important }
    .flex-xl-wrap { flex-wrap: wrap !important }
    .flex-xl-nowrap { flex-wrap: nowrap !important }
    .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important }
    .flex-xl-fill { flex: 1 1 auto !important }
    .flex-xl-grow-0 { flex-grow: 0 !important }
    .flex-xl-grow-1 { flex-grow: 1 !important }
    .flex-xl-shrink-0 { flex-shrink: 0 !important }
    .flex-xl-shrink-1 { flex-shrink: 1 !important }
    .justify-content-xl-start { justify-content: flex-start !important }
    .justify-content-xl-end { justify-content: flex-end !important }
    .justify-content-xl-center { justify-content: center !important }
    .justify-content-xl-between { justify-content: space-between !important }
    .justify-content-xl-around { justify-content: space-around !important }
    .align-items-xl-start { align-items: flex-start !important }
    .align-items-xl-end { align-items: flex-end !important }
    .align-items-xl-center { align-items: center !important }
    .align-items-xl-baseline { align-items: baseline !important }
    .align-items-xl-stretch { align-items: stretch !important }
    .align-content-xl-start { align-content: flex-start !important }
    .align-content-xl-end { align-content: flex-end !important }
    .align-content-xl-center { align-content: center !important }
    .align-content-xl-between { align-content: space-between !important }
    .align-content-xl-around { align-content: space-around !important }
    .align-content-xl-stretch { align-content: stretch !important }
    .align-self-xl-auto { align-self: auto !important }
    .align-self-xl-start { align-self: flex-start !important }
    .align-self-xl-end { align-self: flex-end !important }
    .align-self-xl-center { align-self: center !important }
    .align-self-xl-baseline { align-self: baseline !important }
    .align-self-xl-stretch { align-self: stretch !important }
}

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

@media (min-width:576px) {
    .float-sm-left { float: left !important }
    .float-sm-right { float: right !important }
    .float-sm-none { float: none !important }
}

@media (min-width:768px) {
    .float-md-left { float: left !important }
    .float-md-right { float: right !important }
    .float-md-none { float: none !important }
}

@media (min-width:992px) {
    .float-lg-left { float: left !important }
    .float-lg-right { float: right !important }
    .float-lg-none { float: none !important }
}

@media (min-width:1200px) {
    .float-xl-left { float: left !important }
    .float-xl-right { float: right !important }
    .float-xl-none { float: none !important }
}

.user-select-all { user-select: all !important }
.user-select-auto { user-select: auto !important }
.user-select-none { user-select: none !important }
.overflow-auto { overflow: auto !important }
.overflow-hidden { overflow: hidden !important }
.position-static { position: static !important }
.position-relative { position: relative !important }
.position-absolute { position: absolute !important }
.position-fixed { position: fixed !important }
.position-sticky { position: sticky !important }
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 }
.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 }
@supports (position:sticky) {
    .sticky-top { position: sticky; top: 0; z-index: 1020 }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal }
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important }
.shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important }
.shadow-none { box-shadow: none !important }
.w-25 { width: 25% !important }
.w-50 { width: 50% !important }
.w-75 { width: 75% !important }
.w-100 { width: 100% !important }
.w-auto { width: auto !important }
.h-25 { height: 25% !important }
.h-50 { height: 50% !important }
.h-75 { height: 75% !important }
.h-100 { height: 100% !important }
.h-auto { height: auto !important }
.mw-100 { max-width: 100% !important }
.mh-100 { max-height: 100% !important }
.min-vw-100 { min-width: 100vw !important }
.min-vh-100 { min-height: 100vh !important }
.vw-100 { width: 100vw !important }
.vh-100 { height: 100vh !important }
.m-0 { margin: 0 !important }
.mt-0, .my-0 { margin-top: 0 !important }
.mr-0, .mx-0 { margin-right: 0 !important }
.mb-0, .my-0 { margin-bottom: 0 !important }
.ml-0, .mx-0 { margin-left: 0 !important }
.m-1 { margin: .25rem !important }
.mt-1, .my-1 { margin-top: .25rem !important }
.mr-1, .mx-1 { margin-right: .25rem !important }
.mb-1, .my-1 { margin-bottom: .25rem !important }
.ml-1, .mx-1 { margin-left: .25rem !important }
.m-2 { margin: .5rem !important }
.mt-2, .my-2 { margin-top: .5rem !important }
.mr-2, .mx-2 { margin-right: .5rem !important }
.mb-2, .my-2 { margin-bottom: .5rem !important }
.ml-2, .mx-2 { margin-left: .5rem !important }
.m-3 { margin: 1rem !important }
.mt-3, .my-3 { margin-top: 1rem !important }
.mr-3, .mx-3 { margin-right: 1rem !important }
.mb-3, .my-3 { margin-bottom: 1rem !important }
.ml-3, .mx-3 { margin-left: 1rem !important }
.m-4 { margin: 1.5rem !important }
.mt-4, .my-4 { margin-top: 1.5rem !important }
.mr-4, .mx-4 { margin-right: 1.5rem !important }
.mb-4, .my-4 { margin-bottom: 1.5rem !important }
.ml-4, .mx-4 { margin-left: 1.5rem !important }
.m-5 { margin: 3rem !important }
.mt-5, .my-5 { margin-top: 3rem !important }
.mr-5, .mx-5 { margin-right: 3rem !important }
.mb-5, .my-5 { margin-bottom: 3rem !important }
.ml-5, .mx-5 { margin-left: 3rem !important }
.p-0 { padding: 0 !important }
.pt-0, .py-0 { padding-top: 0 !important }
.pr-0, .px-0 { padding-right: 0 !important }
.pb-0, .py-0 { padding-bottom: 0 !important }
.pl-0, .px-0 { padding-left: 0 !important }
.p-1 { padding: .25rem !important }
.pt-1, .py-1 { padding-top: .25rem !important }
.pr-1, .px-1 { padding-right: .25rem !important }
.pb-1, .py-1 { padding-bottom: .25rem !important }
.pl-1, .px-1 { padding-left: .25rem !important }
.p-2 { padding: .5rem !important }
.pt-2, .py-2 { padding-top: .5rem !important }
.pr-2, .px-2 { padding-right: .5rem !important }
.pb-2, .py-2 { padding-bottom: .5rem !important }
.pl-2, .px-2 { padding-left: .5rem !important }
.p-3 { padding: 1rem !important }
.pt-3, .py-3 { padding-top: 1rem !important }
.pr-3, .px-3 { padding-right: 1rem !important }
.pb-3, .py-3 { padding-bottom: 1rem !important }
.pl-3, .px-3 { padding-left: 1rem !important }
.p-4 { padding: 1.5rem !important }
.pt-4, .py-4 { padding-top: 1.5rem !important }
.pr-4, .px-4 { padding-right: 1.5rem !important }
.pb-4, .py-4 { padding-bottom: 1.5rem !important }
.pl-4, .px-4 { padding-left: 1.5rem !important }
.p-5 { padding: 3rem !important }
.pt-5, .py-5 { padding-top: 3rem !important }
.pr-5, .px-5 { padding-right: 3rem !important }
.pb-5, .py-5 { padding-bottom: 3rem !important }
.pl-5, .px-5 { padding-left: 3rem !important }
.m-n1 { margin: -.25rem !important }
.mt-n1, .my-n1 { margin-top: -.25rem !important }
.mr-n1, .mx-n1 { margin-right: -.25rem !important }
.mb-n1, .my-n1 { margin-bottom: -.25rem !important }
.ml-n1, .mx-n1 { margin-left: -.25rem !important }
.m-n2 { margin: -.5rem !important }
.mt-n2, .my-n2 { margin-top: -.5rem !important }
.mr-n2, .mx-n2 { margin-right: -.5rem !important }
.mb-n2, .my-n2 { margin-bottom: -.5rem !important }
.ml-n2, .mx-n2 { margin-left: -.5rem !important }
.m-n3 { margin: -1rem !important }
.mt-n3, .my-n3 { margin-top: -1rem !important }
.mr-n3, .mx-n3 { margin-right: -1rem !important }
.mb-n3, .my-n3 { margin-bottom: -1rem !important }
.ml-n3, .mx-n3 { margin-left: -1rem !important }
.m-n4 { margin: -1.5rem !important }
.mt-n4, .my-n4 { margin-top: -1.5rem !important }
.mr-n4, .mx-n4 { margin-right: -1.5rem !important }
.mb-n4, .my-n4 { margin-bottom: -1.5rem !important }
.ml-n4, .mx-n4 { margin-left: -1.5rem !important }
.m-n5 { margin: -3rem !important }
.mt-n5, .my-n5 { margin-top: -3rem !important }
.mr-n5, .mx-n5 { margin-right: -3rem !important }
.mb-n5, .my-n5 { margin-bottom: -3rem !important }
.ml-n5, .mx-n5 { margin-left: -3rem !important }
.m-auto { margin: auto !important }
.mt-auto, .my-auto { margin-top: auto !important }
.mr-auto, .mx-auto { margin-right: auto !important }
.mb-auto, .my-auto { margin-bottom: auto !important }
.ml-auto, .mx-auto { margin-left: auto !important }

@media (min-width:576px) {
    .m-sm-0 { margin: 0 !important }
    .mt-sm-0, .my-sm-0 { margin-top: 0 !important }
    .mr-sm-0, .mx-sm-0 { margin-right: 0 !important }
    .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important }
    .ml-sm-0, .mx-sm-0 { margin-left: 0 !important }
    .m-sm-1 { margin: .25rem !important }
    .mt-sm-1, .my-sm-1 { margin-top: .25rem !important }
    .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important }
    .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important }
    .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important }
    .m-sm-2 { margin: .5rem !important }
    .mt-sm-2, .my-sm-2 { margin-top: .5rem !important }
    .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important }
    .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important }
    .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important }
    .m-sm-3 { margin: 1rem !important }
    .mt-sm-3, .my-sm-3 { margin-top: 1rem !important }
    .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important }
    .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important }
    .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important }
    .m-sm-4 { margin: 1.5rem !important }
    .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important }
    .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important }
    .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important }
    .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important }
    .m-sm-5 { margin: 3rem !important }
    .mt-sm-5, .my-sm-5 { margin-top: 3rem !important }
    .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important }
    .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important }
    .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important }
    .p-sm-0 { padding: 0 !important }
    .pt-sm-0, .py-sm-0 { padding-top: 0 !important }
    .pr-sm-0, .px-sm-0 { padding-right: 0 !important }
    .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important }
    .pl-sm-0, .px-sm-0 { padding-left: 0 !important }
    .p-sm-1 { padding: .25rem !important }
    .pt-sm-1, .py-sm-1 { padding-top: .25rem !important }
    .pr-sm-1, .px-sm-1 { padding-right: .25rem !important }
    .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important }
    .pl-sm-1, .px-sm-1 { padding-left: .25rem !important }
    .p-sm-2 { padding: .5rem !important }
    .pt-sm-2, .py-sm-2 { padding-top: .5rem !important }
    .pr-sm-2, .px-sm-2 { padding-right: .5rem !important }
    .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important }
    .pl-sm-2, .px-sm-2 { padding-left: .5rem !important }
    .p-sm-3 { padding: 1rem !important }
    .pt-sm-3, .py-sm-3 { padding-top: 1rem !important }
    .pr-sm-3, .px-sm-3 { padding-right: 1rem !important }
    .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important }
    .pl-sm-3, .px-sm-3 { padding-left: 1rem !important }
    .p-sm-4 { padding: 1.5rem !important }
    .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important }
    .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important }
    .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important }
    .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important }
    .p-sm-5 { padding: 3rem !important }
    .pt-sm-5, .py-sm-5 { padding-top: 3rem !important }
    .pr-sm-5, .px-sm-5 { padding-right: 3rem !important }
    .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important }
    .pl-sm-5, .px-sm-5 { padding-left: 3rem !important }
    .m-sm-n1 { margin: -.25rem !important }
    .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important }
    .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important }
    .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important }
    .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important }
    .m-sm-n2 { margin: -.5rem !important }
    .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important }
    .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important }
    .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important }
    .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important }
    .m-sm-n3 { margin: -1rem !important }
    .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important }
    .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important }
    .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important }
    .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important }
    .m-sm-n4 { margin: -1.5rem !important }
    .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important }
    .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important }
    .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important }
    .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important }
    .m-sm-n5 { margin: -3rem !important }
    .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important }
    .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important }
    .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important }
    .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important }
    .m-sm-auto { margin: auto !important }
    .mt-sm-auto, .my-sm-auto { margin-top: auto !important }
    .mr-sm-auto, .mx-sm-auto { margin-right: auto !important }
    .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important }
    .ml-sm-auto, .mx-sm-auto { margin-left: auto !important }
}

@media (min-width:768px) {
    .m-md-0 { margin: 0 !important }
    .mt-md-0, .my-md-0 { margin-top: 0 !important }
    .mr-md-0, .mx-md-0 { margin-right: 0 !important }
    .mb-md-0, .my-md-0 { margin-bottom: 0 !important }
    .ml-md-0, .mx-md-0 { margin-left: 0 !important }
    .m-md-1 { margin: .25rem !important }
    .mt-md-1, .my-md-1 { margin-top: .25rem !important }
    .mr-md-1, .mx-md-1 { margin-right: .25rem !important }
    .mb-md-1, .my-md-1 { margin-bottom: .25rem !important }
    .ml-md-1, .mx-md-1 { margin-left: .25rem !important }
    .m-md-2 { margin: .5rem !important }
    .mt-md-2, .my-md-2 { margin-top: .5rem !important }
    .mr-md-2, .mx-md-2 { margin-right: .5rem !important }
    .mb-md-2, .my-md-2 { margin-bottom: .5rem !important }
    .ml-md-2, .mx-md-2 { margin-left: .5rem !important }
    .m-md-3 { margin: 1rem !important }
    .mt-md-3, .my-md-3 { margin-top: 1rem !important }
    .mr-md-3, .mx-md-3 { margin-right: 1rem !important }
    .mb-md-3, .my-md-3 { margin-bottom: 1rem !important }
    .ml-md-3, .mx-md-3 { margin-left: 1rem !important }
    .m-md-4 { margin: 1.5rem !important }
    .mt-md-4, .my-md-4 { margin-top: 1.5rem !important }
    .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important }
    .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important }
    .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important }
    .m-md-5 { margin: 3rem !important }
    .mt-md-5, .my-md-5 { margin-top: 3rem !important }
    .mr-md-5, .mx-md-5 { margin-right: 3rem !important }
    .mb-md-5, .my-md-5 { margin-bottom: 3rem !important }
    .ml-md-5, .mx-md-5 { margin-left: 3rem !important }
    .p-md-0 { padding: 0 !important }
    .pt-md-0, .py-md-0 { padding-top: 0 !important }
    .pr-md-0, .px-md-0 { padding-right: 0 !important }
    .pb-md-0, .py-md-0 { padding-bottom: 0 !important }
    .pl-md-0, .px-md-0 { padding-left: 0 !important }
    .p-md-1 { padding: .25rem !important }
    .pt-md-1, .py-md-1 { padding-top: .25rem !important }
    .pr-md-1, .px-md-1 { padding-right: .25rem !important }
    .pb-md-1, .py-md-1 { padding-bottom: .25rem !important }
    .pl-md-1, .px-md-1 { padding-left: .25rem !important }
    .p-md-2 { padding: .5rem !important }
    .pt-md-2, .py-md-2 { padding-top: .5rem !important }
    .pr-md-2, .px-md-2 { padding-right: .5rem !important }
    .pb-md-2, .py-md-2 { padding-bottom: .5rem !important }
    .pl-md-2, .px-md-2 { padding-left: .5rem !important }
    .p-md-3 { padding: 1rem !important }
    .pt-md-3, .py-md-3 { padding-top: 1rem !important }
    .pr-md-3, .px-md-3 { padding-right: 1rem !important }
    .pb-md-3, .py-md-3 { padding-bottom: 1rem !important }
    .pl-md-3, .px-md-3 { padding-left: 1rem !important }
    .p-md-4 { padding: 1.5rem !important }
    .pt-md-4, .py-md-4 { padding-top: 1.5rem !important }
    .pr-md-4, .px-md-4 { padding-right: 1.5rem !important }
    .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important }
    .pl-md-4, .px-md-4 { padding-left: 1.5rem !important }
    .p-md-5 { padding: 3rem !important }
    .pt-md-5, .py-md-5 { padding-top: 3rem !important }
    .pr-md-5, .px-md-5 { padding-right: 3rem !important }
    .pb-md-5, .py-md-5 { padding-bottom: 3rem !important }
    .pl-md-5, .px-md-5 { padding-left: 3rem !important }
    .m-md-n1 { margin: -.25rem !important }
    .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important }
    .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important }
    .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important }
    .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important }
    .m-md-n2 { margin: -.5rem !important }
    .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important }
    .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important }
    .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important }
    .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important }
    .m-md-n3 { margin: -1rem !important }
    .mt-md-n3, .my-md-n3 { margin-top: -1rem !important }
    .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important }
    .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important }
    .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important }
    .m-md-n4 { margin: -1.5rem !important }
    .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important }
    .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important }
    .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important }
    .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important }
    .m-md-n5 { margin: -3rem !important }
    .mt-md-n5, .my-md-n5 { margin-top: -3rem !important }
    .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important }
    .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important }
    .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important }
    .m-md-auto { margin: auto !important }
    .mt-md-auto, .my-md-auto { margin-top: auto !important }
    .mr-md-auto, .mx-md-auto { margin-right: auto !important }
    .mb-md-auto, .my-md-auto { margin-bottom: auto !important }
    .ml-md-auto, .mx-md-auto { margin-left: auto !important }
}

@media (min-width:992px) {
    .m-lg-0 { margin: 0 !important }
    .mt-lg-0, .my-lg-0 { margin-top: 0 !important }
    .mr-lg-0, .mx-lg-0 { margin-right: 0 !important }
    .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important }
    .ml-lg-0, .mx-lg-0 { margin-left: 0 !important }
    .m-lg-1 { margin: .25rem !important }
    .mt-lg-1, .my-lg-1 { margin-top: .25rem !important }
    .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important }
    .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important }
    .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important }
    .m-lg-2 { margin: .5rem !important }
    .mt-lg-2, .my-lg-2 { margin-top: .5rem !important }
    .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important }
    .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important }
    .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important }
    .m-lg-3 { margin: 1rem !important }
    .mt-lg-3, .my-lg-3 { margin-top: 1rem !important }
    .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important }
    .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important }
    .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important }
    .m-lg-4 { margin: 1.5rem !important }
    .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important }
    .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important }
    .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important }
    .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important }
    .m-lg-5 { margin: 3rem !important }
    .mt-lg-5, .my-lg-5 { margin-top: 3rem !important }
    .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important }
    .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important }
    .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important }
    .p-lg-0 { padding: 0 !important }
    .pt-lg-0, .py-lg-0 { padding-top: 0 !important }
    .pr-lg-0, .px-lg-0 { padding-right: 0 !important }
    .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important }
    .pl-lg-0, .px-lg-0 { padding-left: 0 !important }
    .p-lg-1 { padding: .25rem !important }
    .pt-lg-1, .py-lg-1 { padding-top: .25rem !important }
    .pr-lg-1, .px-lg-1 { padding-right: .25rem !important }
    .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important }
    .pl-lg-1, .px-lg-1 { padding-left: .25rem !important }
    .p-lg-2 { padding: .5rem !important }
    .pt-lg-2, .py-lg-2 { padding-top: .5rem !important }
    .pr-lg-2, .px-lg-2 { padding-right: .5rem !important }
    .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important }
    .pl-lg-2, .px-lg-2 { padding-left: .5rem !important }
    .p-lg-3 { padding: 1rem !important }
    .pt-lg-3, .py-lg-3 { padding-top: 1rem !important }
    .pr-lg-3, .px-lg-3 { padding-right: 1rem !important }
    .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important }
    .pl-lg-3, .px-lg-3 { padding-left: 1rem !important }
    .p-lg-4 { padding: 1.5rem !important }
    .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important }
    .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important }
    .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important }
    .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important }
    .p-lg-5 { padding: 3rem !important }
    .pt-lg-5, .py-lg-5 { padding-top: 3rem !important }
    .pr-lg-5, .px-lg-5 { padding-right: 3rem !important }
    .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important }
    .pl-lg-5, .px-lg-5 { padding-left: 3rem !important }
    .m-lg-n1 { margin: -.25rem !important }
    .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important }
    .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important }
    .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important }
    .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important }
    .m-lg-n2 { margin: -.5rem !important }
    .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important }
    .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important }
    .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important }
    .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important }
    .m-lg-n3 { margin: -1rem !important }
    .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important }
    .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important }
    .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important }
    .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important }
    .m-lg-n4 { margin: -1.5rem !important }
    .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important }
    .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important }
    .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important }
    .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important }
    .m-lg-n5 { margin: -3rem !important }
    .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important }
    .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important }
    .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important }
    .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important }
    .m-lg-auto { margin: auto !important }
    .mt-lg-auto, .my-lg-auto { margin-top: auto !important }
    .mr-lg-auto, .mx-lg-auto { margin-right: auto !important }
    .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important }
    .ml-lg-auto, .mx-lg-auto { margin-left: auto !important }
}

@media (min-width:1200px) {
    .m-xl-0 { margin: 0 !important }
    .mt-xl-0, .my-xl-0 { margin-top: 0 !important }
    .mr-xl-0, .mx-xl-0 { margin-right: 0 !important }
    .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important }
    .ml-xl-0, .mx-xl-0 { margin-left: 0 !important }
    .m-xl-1 { margin: .25rem !important }
    .mt-xl-1, .my-xl-1 { margin-top: .25rem !important }
    .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important }
    .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important }
    .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important }
    .m-xl-2 { margin: .5rem !important }
    .mt-xl-2, .my-xl-2 { margin-top: .5rem !important }
    .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important }
    .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important }
    .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important }
    .m-xl-3 { margin: 1rem !important }
    .mt-xl-3, .my-xl-3 { margin-top: 1rem !important }
    .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important }
    .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important }
    .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important }
    .m-xl-4 { margin: 1.5rem !important }
    .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important }
    .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important }
    .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important }
    .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important }
    .m-xl-5 { margin: 3rem !important }
    .mt-xl-5, .my-xl-5 { margin-top: 3rem !important }
    .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important }
    .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important }
    .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important }
    .p-xl-0 { padding: 0 !important }
    .pt-xl-0, .py-xl-0 { padding-top: 0 !important }
    .pr-xl-0, .px-xl-0 { padding-right: 0 !important }
    .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important }
    .pl-xl-0, .px-xl-0 { padding-left: 0 !important }
    .p-xl-1 { padding: .25rem !important }
    .pt-xl-1, .py-xl-1 { padding-top: .25rem !important }
    .pr-xl-1, .px-xl-1 { padding-right: .25rem !important }
    .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important }
    .pl-xl-1, .px-xl-1 { padding-left: .25rem !important }
    .p-xl-2 { padding: .5rem !important }
    .pt-xl-2, .py-xl-2 { padding-top: .5rem !important }
    .pr-xl-2, .px-xl-2 { padding-right: .5rem !important }
    .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important }
    .pl-xl-2, .px-xl-2 { padding-left: .5rem !important }
    .p-xl-3 { padding: 1rem !important }
    .pt-xl-3, .py-xl-3 { padding-top: 1rem !important }
    .pr-xl-3, .px-xl-3 { padding-right: 1rem !important }
    .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important }
    .pl-xl-3, .px-xl-3 { padding-left: 1rem !important }
    .p-xl-4 { padding: 1.5rem !important }
    .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important }
    .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important }
    .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important }
    .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important }
    .p-xl-5 { padding: 3rem !important }
    .pt-xl-5, .py-xl-5 { padding-top: 3rem !important }
    .pr-xl-5, .px-xl-5 { padding-right: 3rem !important }
    .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important }
    .pl-xl-5, .px-xl-5 { padding-left: 3rem !important }
    .m-xl-n1 { margin: -.25rem !important }
    .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important }
    .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important }
    .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important }
    .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important }
    .m-xl-n2 { margin: -.5rem !important }
    .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important }
    .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important }
    .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important }
    .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important }
    .m-xl-n3 { margin: -1rem !important }
    .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important }
    .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important }
    .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important }
    .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important }
    .m-xl-n4 { margin: -1.5rem !important }
    .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important }
    .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important }
    .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important }
    .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important }
    .m-xl-n5 { margin: -3rem !important }
    .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important }
    .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important }
    .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important }
    .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important }
    .m-xl-auto { margin: auto !important }
    .mt-xl-auto, .my-xl-auto { margin-top: auto !important }
    .mr-xl-auto, .mx-xl-auto { margin-right: auto !important }
    .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important }
    .ml-xl-auto, .mx-xl-auto { margin-left: auto !important }
}

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0) }
.text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important }
.text-justify { text-align: justify !important }
.text-wrap { white-space: normal !important }
.text-nowrap { white-space: nowrap !important }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.text-left { text-align: left !important }
.text-right { text-align: right !important }
.text-center { text-align: center !important }

@media (min-width:576px) {
    .text-sm-left { text-align: left !important }
    .text-sm-right { text-align: right !important }
    .text-sm-center { text-align: center !important }
}

@media (min-width:768px) {
    .text-md-left { text-align: left !important }
    .text-md-right { text-align: right !important }
    .text-md-center { text-align: center !important }
}

@media (min-width:992px) {
    .text-lg-left { text-align: left !important }
    .text-lg-right { text-align: right !important }
    .text-lg-center { text-align: center !important }
}

@media (min-width:1200px) {
    .text-xl-left { text-align: left !important }
    .text-xl-right { text-align: right !important }
    .text-xl-center { text-align: center !important }
}

.text-lowercase { text-transform: lowercase !important }
.text-uppercase { text-transform: uppercase !important }
.text-capitalize { text-transform: capitalize !important }
.font-weight-light { font-weight: 300 !important }
.font-weight-lighter { font-weight: lighter !important }
.font-weight-normal { font-weight: 400 !important }
.font-weight-bold { font-weight: 700 !important }
.font-weight-bolder { font-weight: bolder !important }
.font-italic { font-style: italic !important }
.text-white { color: #fff !important }
.text-primary { color: #31987f !important }
a.text-primary:focus, a.text-primary:hover { color: #a5242f !important }
.text-secondary { color: #666 !important }
a.text-secondary:focus, a.text-secondary:hover { color: #404040 !important }
.text-success { color: #48ac2c !important }
a.text-success:focus, a.text-success:hover { color: #2f6f1c !important }
.text-info { color: #ddd !important }
a.text-info:focus, a.text-info:hover { color: #b7b7b7 !important }
.text-warning { color: #ffc107 !important }
a.text-warning:focus, a.text-warning:hover { color: #ba8b00 !important }
.text-danger { color: #dc3545 !important }
a.text-danger:focus, a.text-danger:hover { color: #a71d2a !important }
.text-light { color: #f5f7f9 !important }
a.text-light:focus, a.text-light:hover { color: #c5d1dc !important }
.text-dark { color: #363636 !important }
a.text-dark:focus, a.text-dark:hover { color: #101010 !important }
.text-white { color: #fff !important }
a.text-white:focus, a.text-white:hover { color: #d9d9d9 !important }
.text-body { color: #212529 !important }
.text-muted { color: #666 !important }
.text-black-50 { color: rgba(0,0,0,.5) !important }
.text-white-50 { color: rgba(255,255,255,.5) !important }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 }
.text-decoration-none { text-decoration: none !important }
.text-break { word-break: break-word !important; word-wrap: break-word !important }
.text-reset { color: inherit !important }
.visible { visibility: visible !important }
.invisible { visibility: hidden !important }

@media print {
    *, ::after, ::before { text-shadow: none !important; box-shadow: none !important }
    a:not(.btn) { text-decoration: underline }
    abbr[title]::after { content: " (" attr(title) ")" }
    pre { white-space: pre-wrap !important }
    blockquote, pre { border: 1px solid #adb5bd; page-break-inside: avoid }
    thead { display: table-header-group }
    img, tr { page-break-inside: avoid }
    h2, h3, p { orphans: 3; widows: 3 }
    h2, h3 { page-break-after: avoid }
    @page { size: a3 }
    body { min-width: 992px !important }
    .container { min-width: 992px !important }
    .navbar { display: none }
    .badge { border: 1px solid #000 }
    .table { border-collapse: collapse !important }
    .table td, .table th { background-color: #fff !important }
    .table-bordered td, .table-bordered th { border: 1px solid #999 !important }
    .table-dark { color: inherit }
    .table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #999 }
    .table .thead-dark th { color: inherit; border-color: #999 }
}

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; 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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto }
.slick-track:after, .slick-track:before { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
[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 url(~slick-carousel/slick/ajax-loader.gif) center center no-repeat }
@font-face { font-family: slick; src: url(~slick-carousel/slick/fonts/slick.eot); src: url(~slick-carousel/slick/fonts/slick.eot?#iefix) format("embedded-opentype"),url(~slick-carousel/slick/fonts/slick.woff) format("woff"),url(~slick-carousel/slick/fonts/slick.ttf) format("truetype"),url(~slick-carousel/slick/fonts/slick.svg#slick) format("svg"); font-weight: 400; font-style: normal }
.slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: 0 0; color: transparent; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); padding: 0; border: none; outline: 0 }
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: 0; background: 0 0; color: transparent }
.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; color: #000; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-prev { left: -25px }
[dir=rtl] .slick-prev { left: auto; right: -25px }
.slick-prev:before { content: "\2190" }
[dir=rtl] .slick-prev:before { content: "\2192" }
.slick-next { right: -25px }
[dir=rtl] .slick-next { left: -25px; right: auto }
.slick-next:before { content: "\2192" }
[dir=rtl] .slick-next:before { content: "\2190" }
.slick-dotted.slick-slider { margin-bottom: 30px }
.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer }
.slick-dots li button { border: 0; background: 0 0; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer }
.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 { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: slick; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.slick-dots li.slick-active button:before { color: #000; opacity: .75 }
#powerTip { cursor: default; background-color: #333; background-color: rgba(0,0,0,.8); border-radius: 6px; color: #31987f; display: none; padding: 10px; position: absolute; white-space: nowrap; z-index: 2147483647 }
#powerTip:before { content: ""; position: absolute }
#powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px }
#powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50% }
#powerTip.n:before { border-top: 10px solid #333; border-top: 10px solid rgba(0,0,0,.8); bottom: -10px }
#powerTip.e:before { border-right: 10px solid #333; border-right: 10px solid rgba(0,0,0,.8); left: -10px }
#powerTip.s:before { border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0,0,0,.8); top: -10px }
#powerTip.w:before { border-left: 10px solid #333; border-left: 10px solid rgba(0,0,0,.8); right: -10px }
#powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px }
#powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0; right: 10px }
#powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid #333; border-top: 10px solid rgba(0,0,0,.8); bottom: -10px }
#powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0,0,0,.8); top: -10px }
#powerTip.ne-alt:before, #powerTip.nw-alt:before, #powerTip.se-alt:before, #powerTip.sw-alt:before { border-top: 10px solid #333; border-top: 10px solid rgba(0,0,0,.8); bottom: -10px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px }
#powerTip.ne-alt:before, #powerTip.se-alt:before { left: auto; right: 10px }
#powerTip.se-alt:before, #powerTip.sw-alt:before { border-top: none; border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0,0,0,.8); bottom: auto; top: -10px }
body { position: inherit !important }

@-moz-keyframes Ani {
    0% { box-shadow: 0 0 0 rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0); -webkit-transform: scale(0); transform: scale(0) }
    70% { box-shadow: 0 0 50px #fff; border: 1px solid #fff; -webkit-transform: scale(1); transform: scale(1) }
    100% { box-shadow: 0 0 60px rgba(255,255,255,0); border: 0 solid rgba(255,255,255,0); -webkit-transform: scale(1.5); transform: scale(1.5) }
}

@-webkit-keyframes Ani {
    0% { box-shadow: 0 0 0 rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0); -webkit-transform: scale(0); transform: scale(0) }
    70% { box-shadow: 0 0 50px #fff; border: 1px solid #fff; -webkit-transform: scale(1); transform: scale(1) }
    100% { box-shadow: 0 0 60px rgba(255,255,255,0); border: 0 solid rgba(255,255,255,0); -webkit-transform: scale(1.5); transform: scale(1.5) }
}

@keyframes Ani {
    0% { box-shadow: 0 0 0 rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0); -webkit-transform: scale(0); transform: scale(0) }
    70% { box-shadow: 0 0 50px #fff; border: 1px solid #fff; -webkit-transform: scale(1); transform: scale(1) }
    100% { box-shadow: 0 0 60px rgba(255,255,255,0); border: 0 solid rgba(255,255,255,0); -webkit-transform: scale(1.5); transform: scale(1.5) }
}

#powerTip { background-color: #000 }
#powerTip.n:before { border-top: 10px solid #000 }
#powerTip.s:before { border-bottom: 10px solid #000 }
#powerTip.e:before { border-right: 10px solid #000 }
#powerTip.w:before { border-left: 10px solid #000; right: -10px }
#powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid #000; border-top: 10px solid #000 }
#powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid #000; border-bottom: 10px solid #000 }
#powerTip.ne-alt:before, #powerTip.nw-alt:before, #powerTip.se-alt:before, #powerTip.sw-alt:before { border-top: 10px solid #000; border-top: 10px solid #000 }
#powerTip.se-alt:before, #powerTip.sw-alt:before { border-bottom: 10px solid #000; border-bottom: 10px solid #000 }
.wrap_svl { position: relative; margin: 0 auto; max-width: 100% }
.wrap_svl:after { content: ""; display: table; clear: both }
.images_wrap img { width: 100%; height: auto; display: block }
.drag_element { position: absolute; top: 0; left: 0; min-width: 1px; min-height: 1px }
.point_style { position: relative; z-index: 10; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; box-sizing: border-box; text-align: center }
.point_style img { position: absolute; top: 0; left: 0; width: 32px; max-width: inherit }
body .wrap_svl .point_style.has-hover:hover img.pins_image, body .wrap_svl img.pins_image_hover { display: none !important }
body .wrap_svl .point_style.has-hover:hover img.pins_image_hover { display: block !important }
.tolltip_points { text-align: center }
.tolltip_points img { width: 130px; height: 130px; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% }
.tolltip_points .points_name { display: block; font-size: 16px }
.tolltip_points .points_desc { display: block; font-size: 14px }
.mobile_points_wrap { display: none }
.mobile_points_box { width: 50%; float: left; padding: 0 5px 15px; text-align: center }
.img_points_box { display: inline-block; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; border: 1px solid #fff }
.img_points_box img { width: 100%; height: 100% }
.mobile_points_box:nth-child(2n+1) { clear: both }
ul.list_content_point { list-style: none; margin: 0 0 10px; padding: 0 }
ul.list_content_point li { position: relative; padding: 3px 0 0 20px; margin: 0 0 5px }
ul.list_content_point li:before { content: ""; font-family: FontAwesome; position: absolute; top: 0; left: 0; font-size: 20px }
ul.list_content_point li.address_point:before { content: "\F041" }
ul.list_content_point li.person_point:before { content: "\F183" }
ul.list_content_point li.tel_point:before { content: "\F095" }
ul.list_content_point li.fax_point:before { content: "\F1AC"; font-size: 15px; top: 4px }
ul.list_content_point li.mail_point:before { content: "\F0E0"; font-size: 15px; top: 4px }
.box_view_html { color: #fff; font-weight: 300; max-width: 530px; white-space: normal; overflow: hidden; position: relative }
.thumb_point { float: left; width: 30% }
.has-thumb .content_point { width: 70%; float: left; padding: 0 0 0 15px }
.has-thumb .content_point h3 { font-size: 19px }
.linkto_point { text-align: right; margin: 20px 0 0 }
.wrap_svl_center { text-align: center }
.wrap_svl_center_box { display: block }
body .point_style a img, body .point_style img { max-width: inherit !important; vertical-align: inherit; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important }
.pins_animation { border: 3px solid rgba(255,255,255,.5); width: 30px; height: 30px; position: absolute; left: 0; top: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0 0 20px rgba(255,255,255,.5); pointer-events: none }
.pins_animation.ihotspot_pulse { -moz-animation: Ani 2s infinite; -webkit-animation: Ani 2s infinite; animation: Ani 2s infinite }
span.close_ihp { display: none }
body .point_style a:hover img { background: 0 0 !important }

@media (max-width:500px) {
    div#powerTip { position: fixed; top: 0 !important; left: 0 !important; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto }
    span.close_ihp { display: block; float: right; width: 25px; height: 25px }
    span.close_ihp svg { fill: #fff }
}

@font-face { font-family: SamsungOne; src: url(../fonts/Roboto-Thin.woff2) format("woff2"),url(../fonts/Roboto-Thin.woff) format("woff"),url(../fonts/Roboto-Thin.ttf) format("truetype"),url(../fonts/Roboto-Thin.eot) format("embedded-opentype"),url(../fonts/Roboto-Thin.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: Roboto-Regular; src: url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff"),url(../fonts/Roboto-Regular.ttf) format("truetype"),url(../fonts/Roboto-Regular.eot) format("embedded-opentype"),url(../fonts/Roboto-Regular.svg) format("svg") }
@font-face { font-family: SamsungSharpSans; src: url(../fonts/Roboto-Medium.woff2) format("woff2"),url(../fonts/Roboto-Medium.woff) format("woff"),url(../fonts/Roboto-Medium.ttf) format("truetype"),url(../fonts/Roboto-Medium.eot) format("embedded-opentype"),url(../fonts/Roboto-Medium.svg) format("svg"); font-weight: 700; font-style: normal }
@font-face { font-family: iconfont; src: url(//at.alicdn.com/t/font_2164488_gzo60xbgp1.eot); src: url(//at.alicdn.com/t/font_2164488_gzo60xbgp1.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_2164488_gzo60xbgp1.woff2) format("woff2"),url(//at.alicdn.com/t/font_2164488_gzo60xbgp1.woff) format("woff"),url(//at.alicdn.com/t/font_2164488_gzo60xbgp1.ttf) format("truetype"),url(//at.alicdn.com/t/font_2164488_gzo60xbgp1.svg#iconfont) format("svg") }
.fontthin { font-family: SamsungOne; font-weight: 100 !important }
.fontMedium { font-family: SamsungSharpSans }
.icon { font-family: iconfont !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.iconok:before { content: "\E646" }
.icontouzizheguanxi:before { content: "\E620" }
.iconcolorPage:before { content: "\E60E" }
.icontechnicalWhitePaper:before { content: "\E631" }
.iconvideo:before { content: "\E60B" }
.iconfaq:before { content: "\E632" }
.iconOrder-Tracking:before { content: "\E609" }
.icontechnical-support:before { content: "\E6C9" }
.icononline-consultation:before { content: "\E7B4" }
.iconmotivate:before { content: "\E622" }
.iconcorporate-status:before { content: "\E668" }
.iconcorporate-philosophy:before { content: "\E62C" }
.iconlogin:before { content: "\E608" }
.icontelecom:before { content: "\E61F" }
.iconups:before { content: "\E61C" }
.iconcompany-profile:before { content: "\E691" }
.icon-honor:before { content: "\E607" }
.iconmessage:before { content: "\E61B" }
.iconcase:before { content: "\E626" }
.iconmail:before { content: "\E60D" }
.iconphone:before { content: "\E605" }
.icondown:before { content: "\E619" }
.iconup:before { content: "\E603" }
.iconPDF:before { content: "\E630" }
.icon-battery:before { content: "\E6DF" }
.icon-cell:before { content: "\E618" }
.icon-lithium:before { content: "\E63E" }
.icon-twitter:before { content: "\E600" }
.icon-google:before { content: "\EE4F" }
.iconSystem:before { content: "\E612" }
.iconRacklevel:before { content: "\E611" }
.iconmodule:before { content: "\E610" }
.iconCelllevel:before { content: "\E60F" }
.icongongsi:before { content: "\E601" }
.iconyuangong:before { content: "\E617" }
.iconpinzhijianzheng:before { content: "\E602" }
.iconquanqiu:before { content: "\E6E7" }
.icondianchi:before { content: "\E63E" }
.icon-arrow-right:before { content: "\E614" }
.icon-arrow-left:before { content: "\E615" }
.icon-top:before { content: "\E613" }
.icontime:before { content: "\E61A" }
.iconuser:before { content: "\E604" }
.iconmore:before { content: "\E616" }
.iconleft:before { content: "\E606" }
.icon-youtube:before { content: "\E61D" }
.icon-linkedin:before { content: "\E696" }
.icon-weixin:before { content: "\F262" }
.iconbtn_search:before { content: "\E60C" }
.icon-instagram:before { content: "\E6FD" }
.iconxia:before { content: "\E619" }
.icon-facebook:before { content: "\E66A" }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-Regular.eot); src: url(../fonts/cerebrisans/CerebriSans-Regular.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-Regular.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-Regular.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-Regular.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-Italic.eot); src: url(../fonts/cerebrisans/CerebriSans-Italic.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-Italic.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-Italic.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-Italic.svg) format("svg"); font-weight: 400; font-style: italic }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-Light.eot); src: url(../fonts/cerebrisans/CerebriSans-Light.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-Light.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-Light.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-Light.svg) format("svg"); font-weight: 100; font-style: normal }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-Medium.eot); src: url(../fonts/cerebrisans/CerebriSans-Medium.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-Medium.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-Medium.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-Medium.svg) format("svg"); font-weight: 500; font-style: normal }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-SemiBold.eot); src: url(../fonts/cerebrisans/CerebriSans-SemiBold.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-SemiBold.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-SemiBold.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-SemiBold.svg) format("svg"); font-weight: 600; font-style: normal }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-Bold.eot); src: url(../fonts/cerebrisans/CerebriSans-Bold.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-Bold.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-Bold.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-Bold.svg) format("svg"); font-weight: 700; font-style: normal }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-ExtraBold.eot); src: url(../fonts/cerebrisans/CerebriSans-ExtraBold.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-ExtraBold.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-ExtraBold.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-ExtraBold.svg) format("svg"); font-weight: 800; font-style: normal }
@font-face { font-family: CerebriSans; src: url(../fonts/cerebrisans/CerebriSans-Heavy.eot); src: url(../fonts/cerebrisans/CerebriSans-Heavy.eot#iefix) format("embedded-opentype"),url(../fonts/cerebrisans/CerebriSans-Heavy.ttf) format("truetype"),url(../fonts/cerebrisans/CerebriSans-Heavy.woff) format("woff"),url(../fonts/cerebrisans/CerebriSans-Heavy.svg) format("svg"); font-weight: 900; font-style: normal }
.section-space--ptb_120 { padding-top: 120px; padding-bottom: 120px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--ptb_120 { padding-top: 80px; padding-bottom: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--ptb_120 { padding-top: 60px; padding-bottom: 60px }
}

.section-space--pt_120 { padding-top: 120px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pt_120 { padding-top: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--pt_120 { padding-top: 60px }
}

.section-space--pb_120 { padding-bottom: 120px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pb_120 { padding-bottom: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--pb_120 { padding-bottom: 60px }
}

.section-space--ptb_100 { padding-top: 100px; padding-bottom: 100px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--ptb_100 { padding-top: 80px; padding-bottom: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--ptb_100 { padding-top: 60px; padding-bottom: 60px }
}

.section-space--pt_100 { padding-top: 100px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pt_100 { padding-top: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--pt_100 { padding-top: 60px }
}

.section-space--pb_100 { padding-bottom: 100px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pb_100 { padding-bottom: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--pb_100 { padding-bottom: 60px }
}

.section-space--ptb_90 { padding-top: 90px; padding-bottom: 90px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--ptb_90 { padding-top: 60px; padding-bottom: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--ptb_90 { padding-top: 40px; padding-bottom: 40px }
}

.section-space--pt_90 { padding-top: 90px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pt_90 { padding-top: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--pt_90 { padding-top: 40px }
}

.section-space--pb_90 { padding-bottom: 90px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pb_90 { padding-bottom: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--pb_90 { padding-bottom: 40px }
}

.section-space--ptb_80 { padding-top: 80px; padding-bottom: 80px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--ptb_80 { padding-top: 60px; padding-bottom: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--ptb_80 { padding-top: 40px; padding-bottom: 40px }
}

.section-space--pt_80 { padding-top: 80px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pt_80 { padding-top: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--pt_80 { padding-top: 40px }
}

.section-space--pb_80 { padding-bottom: 90px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pb_80 { padding-bottom: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--pb_80 { padding-bottom: 40px }
}

.section-space--ptb_70 { padding-top: 70px; padding-bottom: 70px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--ptb_70 { padding-top: 40px; padding-bottom: 40px }
}

@media only screen and (max-width:767px) {
    .section-space--ptb_70 { padding-top: 30px; padding-bottom: 30px }
}

.section-space--pt_70 { padding-top: 70px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pt_70 { padding-top: 40px }
}

@media only screen and (max-width:767px) {
    .section-space--pt_70 { padding-top: 30px }
}

.section-space--pb_70 { padding-bottom: 70px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pb_70 { padding-bottom: 40px }
}

@media only screen and (max-width:767px) {
    .section-space--pb_70 { padding-bottom: 30px }
}

.section-space--ptb_60 { padding-top: 60px; padding-bottom: 60px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--ptb_60 { padding-top: 60px; padding-bottom: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--ptb_60 { padding-top: 60px; padding-bottom: 60px }
}

.section-space--pt_60 { padding-top: 60px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pt_60 { padding-top: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--pt_60 { padding-top: 60px }
}

.section-space--pb_60 { padding-bottom: 60px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pb_60 { padding-bottom: 60px }
}

@media only screen and (max-width:767px) {
    .section-space--pb_60 { padding-bottom: 60px }
}

.section-space--pt_40 { padding-top: 40px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pt_40 { padding-top: 30px }
}

@media only screen and (max-width:767px) {
    .section-space--pt_40 { padding-top: 30px }
}

.section-space--pb_40 { padding-bottom: 40px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--pb_40 { padding-bottom: 30px }
}

@media only screen and (max-width:767px) {
    .section-space--pb_40 { padding-bottom: 30px }
}

.section-space--ptb_30 { padding-top: 30px; padding-bottom: 30px }
.section-space--pt_30 { padding-top: 30px }
.section-space--pb_30 { padding-bottom: 30px }
.section-space--mt_15 { margin-top: 15px }
.section-space--mt_20 { margin-top: 20px }
.section-space--mt_30 { margin-top: 30px }
.section-space--mt_40 { margin-top: 40px }
.section-space--mt_50 { margin-top: 50px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mt_50 { margin-top: 40px }
}

@media only screen and (max-width:767px) {
    .section-space--mt_50 { margin-top: 30px }
}

.section-space--mt_60 { margin-top: 60px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mt_60 { margin-top: 50px }
}

@media only screen and (max-width:767px) {
    .section-space--mt_60 { margin-top: 30px }
}

.section-space--mt_70 { margin-top: 70px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mt_70 { margin-top: 50px }
}

@media only screen and (max-width:767px) {
    .section-space--mt_70 { margin-top: 30px }
}

.section-space--mt_80 { margin-top: 80px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mt_80 { margin-top: 50px }
}

@media only screen and (max-width:767px) {
    .section-space--mt_80 { margin-top: 30px }
}

.section-space--mt_100 { margin-top: 100px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mt_100 { margin-top: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--mt_100 { margin-top: 60px }
}

.section-space--mt_120 { margin-top: 120px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mt_120 { margin-top: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--mt_120 { margin-top: 60px }
}

.section-space--mb_15 { margin-bottom: 15px }
.section-space--mb_20 { margin-bottom: 20px }
.section-space--mb_30 { margin-bottom: 30px }
.section-space--mb_40 { margin-bottom: 40px }

@media only screen and (max-width:767px) {
    .section-space--mb_40 { margin-bottom: 30px }
}

.section-space--mb_50 { margin-bottom: 50px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mb_50 { margin-bottom: 40px }
}

@media only screen and (max-width:767px) {
    .section-space--mb_50 { margin-bottom: 30px }
}

.section-space--mb_60 { margin-bottom: 60px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mb_60 { margin-bottom: 50px }
}

@media only screen and (max-width:767px) {
    .section-space--mb_60 { margin-bottom: 30px }
}

.section-space--mb_100 { margin-bottom: 100px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mb_100 { margin-bottom: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--mb_100 { margin-bottom: 60px }
}

.section-space--mb_120 { margin-bottom: 120px }

@media only screen and (min-width:768px) and (max-width:991px) {
    .section-space--mb_120 { margin-bottom: 80px }
}

@media only screen and (max-width:767px) {
    .section-space--mb_120 { margin-bottom: 60px }
}

.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }

@media only screen and (max-width:767px) {
    .small-mt__0 { margin-top: 0 }
    .small-mt__10 { margin-top: 10px }
    .small-mt__20 { margin-top: 20px }
    .small-mt__30 { margin-top: 30px }
    .small-mt__40 { margin-top: 40px }
    .small-mt__50 { margin-top: 50px }
    .small-mt__60 { margin-top: 60px }
    .small-mb__30 { margin-bottom: 30px }
    .small-mb__40 { margin-bottom: 40px }
    .small-mb__50 { margin-bottom: 50px }
    .small-mb__60 { margin-bottom: 60px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tablet-mt__0 { margin-top: 0 }
    .tablet-mt__30 { margin-top: 30px }
    .tablet-mt__40 { margin-top: 40px }
    .tablet-mt__50 { margin-top: 50px }
    .tablet-mt__60 { margin-top: 60px }
    .tablet-mb__30 { margin-bottom: 30px }
    .tablet-mb__40 { margin-bottom: 40px }
    .tablet-mb__50 { margin-bottom: 50px }
    .tablet-mb__60 { margin-bottom: 60px }
}

.pb-5, .py-5 { padding-bottom: 3rem !important }

@media only screen and (min-width:768px) and (max-width:991px) {
    .pb-5, .py-5 { padding-bottom: 1rem !important }
}

@media only screen and (max-width:767px) {
    .pb-5, .py-5 { padding-bottom: 1rem !important }
}

.pt-5, .py-5 { padding-top: 3rem !important }

@media only screen and (min-width:768px) and (max-width:991px) {
    .pt-5, .py-5 { padding-top: 1rem !important }
}

@media only screen and (max-width:767px) {
    .pt-5, .py-5 { padding-top: 1rem !important }
}

.mb-5, .my-5 { margin-bottom: 3rem !important }

@media only screen and (min-width:768px) and (max-width:991px) {
    .mb-5, .my-5 { margin-bottom: 1rem !important }
}

@media only screen and (max-width:767px) {
    .mb-5, .my-5 { margin-bottom: 1rem !important }
}

.ht-box-icon.style-01 .icon-box-wrap { padding: 36px 20px 26px; border-radius: 5px; transition: all .7s cubic-bezier(.645,.045,.355,1); text-align: left; margin-top: 30px; background-color: #fff }
.ht-box-icon.style-01 .icon-box-wrap .content { text-align: left }
.ht-box-icon.style-01 .icon-box-wrap .content .heading { font-weight: 600; line-height: 1.25; margin-bottom: 12px; min-height: 50px }
.ht-box-icon.style-01 .icon-box-wrap .content .service_text { color: #696969 }
.ht-box-icon.style-01 .icon-box-wrap .content .text { color: #666 }
.ht-box-icon.style-01:hover .icon-box-wrap { border-color: #fff; transform: translateY(-5px); background: #fff; box-shadow: 0 0 40px rgba(51,51,51,.1) }
.ht-box-icon.style-01 .feature-btn a { color: #31987f; margin-top: 20px }
.ht-box-icon.style-01 .feature-btn a:hover { color: #00447f }
.ht-box-icon.style-02 .icon-box-wrap { padding: 30px 15px; transition: all .7s cubic-bezier(.645,.045,.355,1); text-align: center; background: #fff; border: 2px solid #eee; display: flex }
.ht-box-icon.style-02 .icon-box-wrap .icons { min-width: 80px; margin-right: 10px; line-height: 1; color: #333 }
.ht-box-icon.style-02 .icon-box-wrap .icons .svg-icon .icon { font-size: 4rem }
.ht-box-icon.style-02 .icon-box-wrap .content { text-align: left }
.ht-box-icon.style-02 .icon-box-wrap .content .heading { font-weight: 500; line-height: 1.25; margin-bottom: 12px }
.ht-box-icon.style-02 .icon-box-wrap .content .service_text { color: #696969 }
.ht-box-icon.style-02:hover .icon-box-wrap { border-color: #fff; transform: translateY(-5px); background: #fff; box-shadow: 0 0 40px rgba(51,51,51,.1) }
.ht-box-icon.style-02:hover .icon-box-wrap .icons .icon { color: #31987f }
.ht-box-icon.style-02 .feature-btn a { color: #31987f; margin-top: 20px; font-size: .75rem }
.ht-box-icon.style-02 .feature-btn a:hover { color: #00447f }
.ht-box-icon.style-03 .icon-box-wrap { padding: 10px 0; transition: all .3s ease-in-out }
.ht-box-icon.style-03 .icon-box-wrap .content-header .icon { flex-shrink: 0; font-size: 4rem; min-width: 60px; color: #00447f; margin: 0 auto }
.ht-box-icon.style-03 .icon-box-wrap .content-header .content { text-align: center; width: 100% }
.ht-box-icon.style-03 .icon-box-wrap .content-header .content .heading { color: #666 }
.ht-box-icon.style-03 .icon-box-wrap .content-header .content .number { color: #31987f; font-family: SamsungOne; font-size: 4rem; font-weight: 100 }

@media only screen and (max-width:575px) {
    .ht-box-icon.style-03 .icon-box-wrap { padding: 37px 10px }
    .ht-box-icon.style-03 .icon-box-wrap .image { height: 100px; width: 100px; line-height: 100px }
}

.ht-box-icon.style-04 .icon-box-wrap { padding: 36px 10px 26px; border-radius: 5px; background: #fff; border: 2px solid #eee; transition: all .7s cubic-bezier(.645,.045,.355,1); text-align: center; margin-top: 30px }
.ht-box-icon.style-04 .icon-box-wrap .icon { height: 50px; text-align: center; margin: auto; margin-bottom: 29px; color: #31987f }
.ht-box-icon.style-04 .icon-box-wrap .icon img { max-height: 100%; margin: 0 auto; text-align: center }
.ht-box-icon.style-04 .icon-box-wrap .content { text-align: center }
.ht-box-icon.style-04 .icon-box-wrap .content .heading { font-weight: 500; line-height: 1.25; margin-bottom: 12px }
.ht-box-icon.style-04 .icon-box-wrap .content .service_text { color: #696969 }
.ht-box-icon.style-04:hover .icon-box-wrap { border-color: #fff; transform: translateY(-5px); background: #fff; box-shadow: 0 0 40px rgba(51,51,51,.1) }
.ht-box-icon.style-04 .feature-btn a { color: #31987f; margin-top: 20px }
.ht-box-icon.style-04 .feature-btn a:hover { color: #00447f }
.feature-list-button-box .ht-btn { margin: 10px }

@keyframes pulsate {
    0% { opacity: .25 }
    50% { opacity: 1 }
    100% { opacity: .25 }
}

@keyframes pulsateAndScale {
    0% { transform: scale(.75,.75); opacity: 0 }
    50% { opacity: 1 }
    100% { opacity: 0; transform: scale(1.15,1.15) }
}

@-webkit-keyframes moveVertical {
    to { opacity: 1; -webkit-transform: translateY(0) }
}

@keyframes moveVertical {
    to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes showdiv {
    from { width: 0 }
    to { width: 100% }
}

@-webkit-keyframes showdiv {
    from { width: 0 }
    to { width: 100% }
}

@-webkit-keyframes showdiv {
    from { width: 0 }
    to { width: 100% }
}

@-webkit-keyframes moveVertical {
    to { opacity: 1; -webkit-transform: translateY(0) }
}

@keyframes moveVertical {
    to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
}

@-webkit-keyframes moveHorizontal {
    to { -webkit-transform: translateX(0); opacity: 1 }
}

@keyframes moveHorizontal {
    to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
}

.move-up { -webkit-transform: translateY(0); transform: translateY(0) }
.move-up.animate { -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-animation: moveVertical .65s ease forwards; animation: moveVertical .65s ease forwards }
.move-up-x { -webkit-transform: translateX(0); transform: translateX(0) }
.move-up-x.animate { -webkit-transform: translateX(100px); transform: translateX(100px); -webkit-animation: moveHorizontal .65s ease forwards; animation: moveHorizontal .65s ease forwards }
.dropdown, .dropleft, .dropright, .dropup { position: relative }
.dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent }
.dropdown-toggle:empty::after { margin-left: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: rgba(255,255,255,.9) !important; box-shadow: 0 5px 5px rgba(0,0,0,.2); background-clip: padding-box; border: 0 solid rgba(0,0,0,.15); border-radius: .25rem }
.dropdown-menu-right { right: 0; left: auto }
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent }
.dropup .dropdown-toggle:empty::after { margin-left: 0 }
.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem }
.dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid }
.dropright .dropdown-toggle:empty::after { margin-left: 0 }
.dropright .dropdown-toggle::after { vertical-align: 0 }
.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem }
.dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" }
.dropleft .dropdown-toggle::after { display: none }
.dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent }
.dropleft .dropdown-toggle:empty::after { margin-left: 0 }
.dropleft .dropdown-toggle::before { vertical-align: 0 }
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto }
.dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 }
.dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f5f7f9 }
.dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #31987f }
.dropdown-item.disabled, .dropdown-item:disabled { color: #666; background-color: transparent }
.dropdown-menu.show { display: block }
.dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #666; white-space: nowrap }
.dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 }
.bootstrap-select .dropdown-menu { background: #fff !important }
.breadcrumbs__list { display: flex; list-style: none; margin: 0; padding-left: 0 }
.breadcrumbs__link { display: block; padding: 0 .5rem; color: #4a4a4a; font-size: .75rem }
.breadcrumbs__item:first-child a { padding-left: 0 }
.breadcrumbs__item:not(:last-child) .breadcrumbs__link { padding-right: 0 }
.breadcrumbs__item:not(:last-child) .breadcrumbs__link::after { font: normal normal normal 1em/1 iconfont; content: "\E627"; display: inline-block; font-size: inherit; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; text-rendering: auto; text-transform: none; padding-left: .5rem; font-size: .85rem }
.breadcrumbs__item.active .breadcrumbs__link { color: #191919 }
.ml-1, .mx-1 { margin-left: 2px !important }
.mb-1, .my-1 { margin-bottom: 2px !important }
.mt-1, .my-1 { margin-top: 2px !important }
.jumbotron { background-size: cover; border-radius: 0; color: #fff; margin-bottom: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: relative; min-height: 40vh; overflow: hidden; display: flex; align-items: center; background: rgba(0,0,0,.2); z-index: 1 }

@media only screen and (min-width:768px) and (max-width:991px) {
    .jumbotron { min-height: 20vh }
}

@media only screen and (max-width:767px) {
    .jumbotron { min-height: 20vh }
}

.jumbotron .video__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 }
.jumbotron .video__bg video { min-height: 100%; min-width: 100% }
.jumbotron::before { background-color: #f7f7f7; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1 }
.jumbotron-asset, .jumbotron-asset-washed { background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; opacity: 1; position: absolute; right: 0; top: 0; z-index: -1 }
.jumbotron-asset-washed { opacity: 1 }
.jumbotron-asset-washed::after { background: #f7f7f7; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0 }
.jumbotron-asset img, .jumbotron-asset-washed img { width: auto; position: absolute; z-index: 3 }

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .jumbotron-asset img, .jumbotron-asset-washed img { width: 100% }
}

@media only screen and (max-width:767px) {
    .jumbotron-asset img, .jumbotron-asset-washed img { height: 100% }
}

.jumbotron-text { font-size: 1.25rem; font-weight: 700; line-height: 1 }
.jumbotron-breadcrumb { margin-bottom: 2rem }
.jumbotron-summary { background-color: rgba(40,40,40,.75); padding-bottom: 2rem; padding-top: 2rem; transform: translateY(2.75rem) }
.jumbotron-pitch { font-size: 1.4rem; font-weight: 500 }
.jumbotron-heading { font-size: 2.25rem }

@media only screen and (max-width:767px) {
    .jumbotron-heading { font-size: 1.25rem }
}

.jumbotron-subheading { letter-spacing: .1em; text-transform: uppercase }

@media (min-width:768px) {
    .jumbotron { padding-bottom: 0; padding-top: 0 }
    .jumbotron-summary { transform: translateY(7.25rem) }
    .jumbotron-heading { font-size: 2.8rem }
}

@media (min-width:992px) {
    .jumbotron { padding-top: 0 }
    .jumbotron-text { font-size: 1.5rem }
    .jumbotron-summary { background-color: transparent; background-image: linear-gradient(to right,rgba(40,40,40,.75) 0,rgba(40,40,40,.75) 60%,transparent 60%,transparent 100%); margin-top: -14rem; padding-bottom: 4rem; padding-top: 4rem; transform: translateY(14rem) }
    .jumbotron-summary-in { max-width: 50% }
}

@media (min-width:1200px) {
    .jumbotron-heading { font-size: 3.25rem }
    .jumbotron-breadcrumb { margin-bottom: 3.5rem }
    .jumbotron-text { font-size: 2.75rem }
}

.jumbotron-stack { background-image: none; height: 100vh; overflow: hidden; padding-bottom: 0; padding-top: 0; width: 100%; position: relative }
.jumbotron-stack::before { display: none }
.jumbotron-stack:not(.jumbotron-stack-active) + .jumbotron-stack { display: none }
.jumbotron-stack-container { max-width: 1050px; padding-left: 40px; padding-right: 40px }
.jumbotron-stack-title { font-size: 1.5rem; letter-spacing: -.05em; margin-bottom: .225em }
.jumbotron-stack-mask { height: 100%; overflow: hidden; width: 100% }
.jumbotron-stack-asset { flex-shrink: 0; margin-bottom: 1.75rem; margin-top: 2rem; margin-left: auto; margin-right: auto; max-width: 177px }
.jumbotron-stack-subtitle { font-size: .875rem; font-weight: 400; letter-spacing: .05em; line-height: 1.325; text-transform: uppercase }
.jumbotron-stack-background { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: center; background-size: cover; opacity: 0; transition: opacity 1.5s; z-index: -1 }
.jumbotron-stack-active .jumbotron-stack-background { position: fixed }
.jumbotron-stack.is-inView .jumbotron-stack-background { opacity: 1 }
.jumbotron-stack-wrapper { position: relative }
.jumbotron-stack-wrapper ~ * { position: relative; z-index: 1 }
.jumbotron-stack-wrapper::before { background-color: #f7f7f7; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -2 }
.jumbotron-stack-content { height: 100vh; padding-top: 6rem; position: relative; text-align: center; width: 100% }
.jumbotron-stack-backsplash { height: auto; left: 50%; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 780px; width: 568px }
.jumbotron-stack-statistic { height: 8rem; left: 1rem; margin-top: 3rem; position: absolute; width: 8rem }

@media (min-width:992px) {
    .jumbotron-stack-statistic { left: calc(20% - 4.5rem); bottom: 6% }
}

.jumbotron-stack-statistic-content { background-color: #dc3545; color: #fff; display: flex; flex-flow: column; font-size: 14px; font-weight: 700; height: 100%; justify-content: center; left: 0; padding: .5em; position: absolute; text-align: center; top: 0; width: 100% }
.jumbotron-stack-statistic.jumbotron-stack-statistic-flags::after, .jumbotron-stack-statistic.jumbotron-stack-statistic-flags::before { background-color: #dc3545; content: ""; position: absolute }
.jumbotron-stack-statistic.jumbotron-stack-statistic-flags::before { height: 1.5rem; left: -1.5rem; top: -1.5rem; width: 1.5rem }
.jumbotron-stack-statistic.jumbotron-stack-statistic-flags::after { bottom: -.75rem; height: .75rem; right: -.75rem; width: .75rem }
.jumbotron-stack-statistic-heading { font-size: 1.75rem; font-weight: 700; line-height: 1 }
.jumbotron-stack-line { display: none }
.jumbotron-stack-start { margin-top: 3rem; padding-left: 15px; padding-right: 15px; position: absolute; text-align: right; width: 100% }
.jumbotron-stack-startShell { cursor: pointer; display: inline-block; font-size: .925rem; font-weight: 500; padding: .75rem 1rem; position: relative; text-transform: uppercase }
.jumbotron-stack-startShell::before { animation: pulsateAndScale 3s ease-out; animation-iteration-count: infinite; content: ""; position: absolute; left: -1rem; top: -1rem; bottom: -1rem; right: -1rem; border: 1px solid rgba(231,118,129,.85) }
.jumbotron-stack-startText { animation: pulsate 3s ease-out; animation-iteration-count: infinite; letter-spacing: .025em }
.jumbotron-stack-nav { align-items: center; bottom: 0; display: none; flex-flow: column; justify-content: center; position: fixed; right: 1rem; top: 0 }
.jumbotron-stack-nav-dot { background-color: #fff; height: .5rem; list-style: none; margin: 0 0 .5rem .5rem; width: .5rem; cursor: pointer }
.jumbotron-stack-nav-dot.active { background-color: #dc3545; margin-left: 0; height: 1rem; width: 1rem }
.jumbotron-stack-nav-dot:hover { background-color: #dc3545 }
.jumbotron-stack-wrapper-active .jumbotron-stack-nav { display: flex }
.jumbotron-stack-arrow { display: none; font-size: 3rem; left: 70%; margin-left: -1.5rem; margin-top: 3rem; position: absolute; text-align: center; transition: bottom 1s; width: 3rem }
.jumbotron-stack-active .jumbotron-stack-arrow { animation: pulsateAndScale 3s ease-out; animation-iteration-count: infinite; display: block; cursor: pointer }
.jumbotron-stack-active .jumbotron-stack-arrow:hover { animation: none }
.jumbotron-stack-active .jumbotron-stack-statistic { transition: all 1s ease-in-out; left: 1rem }
.jumbotron-stack-active .jumbotron-stack-mask { left: 0; top: 0 }

@media (min-width:768px) {
    .jumbotron-stack-arrow { bottom: 0; left: 50%; margin-top: 0 }
    .jumbotron-stack-active .jumbotron-stack-arrow { bottom: 20% }
    .jumbotron-stack-title { font-size: 1.75rem }
    .jumbotron-stack-subtitle { font-size: 1rem }
    .jumbotron-stack-line { border-top: 2px solid #fff; bottom: calc(20% + 24px); right: calc(50% + 2.5rem); position: absolute; width: 30% }
    .jumbotron-stack-start { text-align: center; bottom: 20%; margin-top: 0 }
}

@media (min-width:992px) {
    .jumbotron-stack-title { font-size: 3.25rem }
    .jumbotron-stack-byline { align-items: center; display: flex }
    .jumbotron-stack-byline .jumbotron-stack-asset { margin-left: 2.5rem }
    .jumbotron-stack-asset { margin-bottom: 0; margin-left: 0; margin-top: 0; margin-right: 2.5rem }
    .jumbotron-stack-subtitle { flex: 1 1 auto; font-size: 1.25rem; line-height: 1.725 }
    .jumbotron-stack-content { padding-top: 15%; text-align: left }
    .jumbotron-stack-backsplash { width: 780px }
    .jumbotron-stack-statistic { bottom: 14%; height: 11rem; margin-top: 0; width: 11rem }
    .jumbotron-stack-statistic-heading { font-size: 2.5rem; margin-bottom: 5px; margin-top: 5px }
    .jumbotron-stack-active .jumbotron-stack-statistic { bottom: 18%; left: calc(20% - 4.5rem) }
}

@media (min-width:992px) and (min-width:992px) and (max-height:760px) {
    .jumbotron-stack-active .jumbotron-stack-statistic { bottom: 0 }
}

@media (min-width:992px) and (max-height:760px) {
    .jumbotron-stack-statistic { bottom: 0 }
}

@media (min-width:992px) and (min-height:790px) {
    .jumbotron-stack-line { display: block }
}

@media (min-width:992px) and (min-height:950px) {
    .jumbotron-stack-title { font-size: 4.5rem }
}

@media (min-width:768px) {
    .jumbotron-sm { padding-bottom: 3.75rem }
}

@media (min-width:992px) {
    .jumbotron-sm { padding-bottom: 3.75rem }
}

@media (min-width:992px) {
    .jumbotron-lg { padding-bottom: 14rem }
}

.section-homepage .jumbotron { min-height: 80vh }
.jumbotron-text { min-height: 40vh }
.static-content { position: relative; width: 100%; margin: 0 auto }
.kv_slide { overflow: hidden; position: relative; width: 100%; margin: 0; padding: 0 }
.kv_slide li { display: none; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: auto; color: #000 }
.kv_slide li .hero-carousel__img-wrap img { display: block; width: 100% }
.kv_slide li .txt_wrap { box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 141px; padding-right: 130px }
.kv_slide li .txt_wrap .txt_inner { display: table; width: 100%; height: 100% }
.kv_slide li .txt_wrap .txt_inner .txt { display: table-cell; width: 100%; height: 100%; padding-top: 0; vertical-align: middle; text-align: left; font-weight: 700 }
.kv_slide li .txt_wrap .txt_inner .txt .kv-desc { margin-top: 12px; font-weight: 400; font-size: 18px; line-height: 1.33; letter-spacing: 0 }
.kv_slide li:first-child { display: block; opacity: 1; position: relative }
.kv { position: relative; overflow: hidden }
.kv .prev_btn { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); display: block; width: 80px }
.kv .next_btn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: block; width: 80px }
.kv .next_btn span, .kv .prev_btn span { font-size: 4rem; display: block }
.kv .prev_btn span { transform: rotate(180deg) }
.kv .bottom_obj { display: table; position: absolute; bottom: 17px; left: 50%; transform: translateX(-50%); text-align: center; margin-left: -10px; margin-left: -10px }
.kv .carousel { float: left; display: table; width: auto; height: 32px; margin-left: 0; width: 870px }
.kv .carousel li { display: table-cell; width: 174px; height: auto; padding-left: 2px; padding: 0 9px; padding-left: 7px; vertical-align: middle }
.kv .carousel li a { position: relative; display: inline-block; width: 100%; height: 100%; background: rgba(0,0,0,.3); height: 2px }
.kv.white .carousel li a { background: rgba(255,255,255,.3) }
.kv .carousel li a span { position: relative; top: 0; left: 0; display: block; width: 0; height: 100%; background: #000 }
.kv.white .carousel li a span { background: #fff }
header.primary { position: fixed; top: 0; width: 100%; z-index: 10; padding: 0 0; background: rgba(255,255,255,.8); border-bottom: 1px solid #fff }
header.primary .navbar { padding: 0 }
header.primary .navbar .dark { display: block }
header.primary .navbar .navbar-collapse { -webkit-box-flex: 0; flex-grow: 0 }
header.primary .navbar .navbar-collapse .navbar-nav .nav-item:last-child { margin-left: 1rem }
header.primary .navbar-brand { min-height: 40px; padding: 1.1rem 0; margin-left: 3rem }
header.primary .navbar-brand .logo { height: 30px }
header.primary .navbar-collapse { display: none !important }
header.primary .dropdown-toggle::after { display: none }
header.primary .header-action .btn { font-size: .725rem; line-height: 1; max-width: 205px; padding: .7rem }
header.primary .header-action .btn::after { font-size: 1.25rem; vertical-align: -.1em }
header.primary .header-action-software .btn { font-size: .725rem; line-height: 1; max-width: 205px; padding: .7rem }
header.primary .header-action-software .btn::after { font-size: 1.25rem; vertical-align: -.1em }
header.primary .dropdown-menu { margin: 0 0; padding: 0; right: 0; height: 0; opacity: 0; display: block; visibility: hidden; transition: .3s; -webkit-transition: .3s; transform: translate(0,50px); border-radius: 0 }
header.primary .dropdown-menu .btn::after { color: #666 }
header.primary .dropdown-menu.show { transform: translate(0,0); visibility: visible; opacity: 1; height: auto }

@media (max-width:767.98px) {
    header.primary { z-index: 100 }
    header.primary .navbar-brand { margin-left: 0 }
    header.primary .navbar-brand .logo { height: 20px }
    header.primary .nav-link { transition: all .2s ease-in-out; color: #fff; white-space: nowrap }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    header.primary .nav-link { transition: none }
}

@media (max-width:767.98px) {
    header.primary .nav-link:focus, header.primary .nav-link:hover { color: #31987f }
}

@media (max-width:767.98px) {
    header.primary .dropdown-menu { margin: 0 -1rem; padding: 0; right: 0; height: 0; opacity: 0; -webkit-transition: height .3s ease-out,opacity .3s ease-out; transition: height .3s ease-out,opacity .3s ease-out }
    header.primary .dropdown-menu .btn::after { color: #666 }
    header.primary .dropdown-menu.show { height: calc(100vh - 50px); opacity: 1 }
    header.primary .dropdown-menu-solid { background-image: linear-gradient(to right,#fff 0,#fff 100%) }
    header.primary .dropdown .locationsDropdown { background-color: rgba(255,255,255,.9) !important; box-shadow: 0 5px 5px rgba(0,0,0,.2); left: 0 }
    header.primary .dropdown-link, header.primary .dropdown-link-label, header.primary .dropdown-sublink, header.primary .dropdown-title { display: block }
    header.primary .dropdown-title { color: #212529; font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem }
    header.primary .dropdown-link { color: #212529; font-size: .95rem; font-weight: 400; margin-bottom: .65rem }
    header.primary .dropdown-link .dropdown-link-label { color: #31987f }
    header.primary .dropdown-link:hover .dropdown-link-label { color: #212529 }
    header.primary .dropdown-link-label { font-size: 1rem; line-height: 1; font-weight: 700; margin-bottom: .75rem }
    header.primary .dropdown-sublink { color: #4a4a4a; font-size: 1rem; line-height: 1; font-weight: 500; margin-bottom: .75rem }
    header.primary .dropdown-sublink + .dropdown-link-label { margin-top: 1.5rem }
    header.primary .dropdown-sublink + .dropdown-cta { margin-top: 1.5rem }
    header.primary .dropdown-sublink:hover { color: #a5242f }
    header.primary .dropdown-column { padding: 3rem; flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1 }
    header.primary .dropdown-column .col-fifth { max-width: 25% }
    header.primary .dropdown-cta { margin-bottom: 1rem }
    header.primary .dropdown-cta .btn { font-size: .75rem; padding: .75rem 1rem }
    header.primary .dropdown-cta .btn::after { font-size: 1.25rem }
    header.primary .dropdown-cta + .dropdown-sublink { text-align: center }
    header.primary .dropdown-hasHeader .dropdown-noHeader { margin-top: 2.85em }
}

@media (max-width:767.98px) {
    header.primary .header-action { margin-left: 1rem; transform: translateY(5px) }
}

@media (max-width:767.98px) {
    header.primary .header-action-software { margin-left: 1rem; transform: translateY(5px) }
}

@media (min-width:992px) {
    header.primary { z-index: 100 }
    header.primary .nav-link { transition: all .2s ease-in-out; color: #fff; white-space: nowrap }
}

@media (min-width:992px) and (prefers-reduced-motion:reduce) {
    header.primary .nav-link { transition: none }
}

@media (min-width:992px) {
    header.primary .nav-link:focus, header.primary .nav-link:hover { color: #31987f }
}

@media (min-width:992px) {
    header.primary .navbar-collapse { background-color: transparent; display: flex !important; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 }
}

@media (min-width:992px) {
    header.primary .nav-item.active .nav-link { position: relative; color: #31987f }
    header.primary .nav-item.active .nav-link::before { width: 80% }
}

@media (min-width:992px) {
    header.primary .dropdown-menu { margin: 0 0; padding: 0; right: 0; opacity: 0 }
    header.primary .dropdown-menu .btn::after { color: #666 }
    header.primary .dropdown-menu.show { opacity: 1 }
    header.primary .dropdown-menu-solid { background-image: linear-gradient(to right,#fff 0,#fff 100%) }
    header.primary .dropdown .locationsDropdown { background-color: rgba(255,255,255,.9) !important; box-shadow: 0 5px 5px rgba(0,0,0,.2); left: auto; right: auto; margin-left: -9rem }
    header.primary .dropdown-link, header.primary .dropdown-link-label, header.primary .dropdown-sublink, header.primary .dropdown-title { display: block }
    header.primary .dropdown-title { color: #212529; font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem }
    header.primary .dropdown-link { color: #212529; font-size: .95rem; font-weight: 400; margin-bottom: .65rem }
    header.primary .dropdown-link .dropdown-link-label { color: #31987f }
    header.primary .dropdown-link:hover .dropdown-link-label { color: #212529 }
    header.primary .dropdown-link-label { font-size: 1rem; line-height: 1; font-weight: 700; margin-bottom: .75rem }
    header.primary .dropdown-sublink { color: #4a4a4a; font-size: 1rem; line-height: 1; font-weight: 500; margin-bottom: .75rem }
    header.primary .dropdown-sublink + .dropdown-link-label { margin-top: 1.5rem }
    header.primary .dropdown-sublink + .dropdown-cta { margin-top: 1.5rem }
    header.primary .dropdown-sublink:hover { color: #a5242f }
    header.primary .dropdown-column { padding: 3rem 0; flex-basis: 0; -webkit-box-flex: 1; flex-grow: 1 }
    header.primary .dropdown-column .col-fifth { max-width: 65%; position: relative }
    header.primary .dropdown-column .col-fifth:after { content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; top: 0; right: 5% }
    header.primary .dropdown-column .col-fifths { max-width: 35% }
    header.primary .dropdown-cta { margin-bottom: 1rem }
    header.primary .dropdown-cta .btn { font-size: .75rem; padding: .75rem 1rem }
    header.primary .dropdown-cta .btn::after { font-size: 1.25rem }
    header.primary .dropdown-cta + .dropdown-sublink { text-align: center }
    header.primary .dropdown-hasHeader .dropdown-noHeader { margin-top: 2.85em }
}

@media (min-width:992px) {
    header.primary .header-action { margin-left: 1rem; transform: translateY(5px) }
}

@media (min-width:992px) {
    header.primary .header-action-software { margin-left: 1rem; transform: translateY(5px) }
}

@media (min-width:1200px) {
    header.primary .nav-item.show .dropdown-toggle::before { margin-left: calc(((100% - 2.5rem)/ 2) * -1); width: calc(100% - 2.5rem) }
    header.primary .header-action .header-action-software .btn { line-height: 1.25; padding: .925rem 1.25rem }
}

header.primary.scrolled { transition: all .2s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    header.primary.scrolled { transition: none }
}

header.primary.scrolled .nav-link { color: #000; font-weight: 200; text-transform: uppercase }
header.primary.scrolled .nav-link:focus, header.primary.scrolled .nav-link:hover { color: #31987f }
header.primary.scrolled .header-action-software .btn { background-color: #fff; outline: 0; border: 1px solid #13a3f7; line-height: 1.25; padding: .65rem; color: #13a3f7; margin-top: -10px; margin-right: -10px }
header.primary.scrolled .header-action-software .btn:hover { color: #fff; background: #13a3f7 }

@media (min-width:992px) {
    header.primary.scrolled .header-action-software { line-height: 1; padding: .7rem }
}

header.primary.scrolled .navbar-brand img { transition: all .2s ease-in-out }

@media (prefers-reduced-motion:reduce) {
    header.primary.scrolled .navbar-brand img { transition: none }
}

@media (min-width:992px) {
    header.primary.scrolled .header-action { transform: translateY(0) }
    header.primary.scrolled header-action-software { transform: translateY(0) }
}

@media (min-width:1200px) {
    header.primary.scrolled .nav-primary .nav-link { margin-bottom: -2.25rem }
    header.primary.scrolled .navbar .nav-utility { margin-bottom: -.5rem }
}

@media (max-width:767.98px) {
    header.primary { padding: 0 .5rem }
    header.primary .navbar-brand { padding: 1rem 0 }
    header.primary .navbar-brand .slong, header.primary .navbar-brand span { display: none }
    header.primary .navbar .nav-utility { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row }
    header.primary .navbar .nav-utility .dropdown { position: static }
    header.primary .navbar .nav-utility .dropdown .dropdown-menu { position: absolute }
}

.navbar .dark { display: block }
.navbar .navbar-collapse { -webkit-box-flex: 0; flex-grow: 0 }
.navbar .navbar-collapse .navbar-nav .nav-item .nav-link { color: #363636 }
.navbar .navbar-collapse .navbar-nav .nav-item:last-child { margin-left: 3rem }
.navbar-brand .logo { height: 40px }
.navbar .nav-primary .nav-link { position: relative; z-index: 1; display: inline-block }
.navbar .nav-primary .nav-link:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #31987f; transform: translate(-50%); transition: all .36s }
.navbar .nav-primary .nav-link:hover:before { width: 80% }

@media (min-width:992px) {
    .navbar .nav-primary { font-size: 1.08rem; margin-right: auto }
    .navbar .nav-primary .nav-item { position: static; margin-left: 1.5rem }
    .navbar .nav-primary .nav-link { margin-bottom: -2.25rem; padding-bottom: 1.6rem; padding-left: .5rem; padding-right: .5rem }
    .navbar .dropdown-menu { margin-top: 0 }
}

@media (min-width:1200px) {
    .navbar .nav-primary { font-size: 1.25rem }
    .navbar .nav-primary .nav-link { margin-bottom: -3rem; padding-left: .5rem; padding-right: .5rem }
}

.navbar .nav-utility { flex-direction: row }
.navbar .nav-utility .nav-item { font-size: .625rem }
.navbar .nav-utility .nav-item .nav-link .icon { font-size: 1.5rem }
.navbar .nav-utility .nav-item .nav-link .lang { font-size: 1.2rem; font-weight: 200; line-height: 2 }

@media (max-width:767.98px) {
    .navbar .nav-utility { margin-right: 1rem }
    .navbar .nav-utility .nav-link { padding: .8em .3rem }
}

@media (min-width:768px) {
    .navbar .nav-utility { margin-right: 1rem }
    .navbar .nav-utility .nav-link { padding: 1.4rem .5rem }
}

@media (min-width:992px) {
    .navbar .nav-utility { margin-bottom: -.5rem; margin-left: 1rem }
    .navbar .nav-utility .nav-link { padding: 1.4rem .5rem }
    .navbar .nav-utility .dropdown { position: static; padding-bottom: 3rem; margin-bottom: -3rem }
}

@media (min-width:1200px) {
    .navbar .nav-utility { margin-right: 3rem }
    .navbar .nav-utility .nav-link { padding: 1.4rem .5rem }
}

.ge-global-navigation-col { float: left; width: 230px; padding-right: 20px; padding-right: 1.38889vw; min-height: 1px }
.ge-global-navigation-col.image-promotion { width: 100% }
.image-promotion img { max-width: 100% }
:root { --thm-base: $primary; --thm-base-rgb: 255,170,23; --thm-black: #f7f7f7; --thm-text: #686a6f }
picture img { max-width: 100% }
a, a:hover, button, button:hover { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s }
a:hover { text-decoration: none }
h1, h2, h3, h4, h5, h6 { color: #333; font-family: CerebriSans; font-weight: 700; margin-top: 0; margin-bottom: 0; line-height: 1.41 }
h1 { font-size: 50px }

@media only screen and (min-width:1500px) and (max-width:1599px) {
    h1 { font-size: 50px }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    h1 { font-size: 45px }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h1 { font-size: 42px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h1 { font-size: 36px }
}

@media only screen and (max-width:767px) {
    h1 { font-size: 30px }
}

h2 { font-size: 42px }

@media only screen and (min-width:1200px) and (max-width:1499px) {
    h2 { font-size: 36px }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h2 { font-size: 32px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h2 { font-size: 30px }
}

@media only screen and (max-width:767px) {
    h2 { font-size: 28px }
}

h3 { font-size: 36px }

@media only screen and (min-width:1200px) and (max-width:1499px) {
    h3 { font-size: 26px }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h3 { font-size: 24px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h3 { font-size: 20px }
}

@media only screen and (max-width:767px) {
    h3 { font-size: 18px }
}

h4 { font-size: 30px }

@media only screen and (min-width:1200px) and (max-width:1499px) {
    h4 { font-size: 28px }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    h4 { font-size: 26px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    h4 { font-size: 24px }
}

@media only screen and (max-width:767px) {
    h4 { font-size: 20px }
}

h5 { font-size: 20px }

@media only screen and (max-width:767px) {
    h5 { font-size: 18px }
}

h6 { font-size: 18px }
ul { list-style: outside none none; margin: 0; padding: 0 }
a, button, img, input, span { transition: all .7s cubic-bezier(.645,.045,.355,1) }
:focus { outline: 0 !important }
a:focus { color: inherit; outline: 0; text-decoration: none }
.btn.focus, .btn:focus { outline: 0; box-shadow: none }
.container-custom { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }

@media (min-width:992px) {
    .container-custom { width: 85.652%; max-width: 1430.016px }
}

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }

@media (min-width:992px) {
    .container { width: 85.652%; max-width: 1430.016px }
}

.text-color-primary { color: #31987f }
img { display: block }
img.lazyload::after { content: ""; display: block; height: 0; width: 100%; top: 0; z-index: 99; left: 0; background-color: #ccc; background-image: url(/img/logo-gray.svg); background-repeat: no-repeat; background-position: 50%; background-size: 150px; padding-top: 56% }
.img_logo { position: absolute; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); height: 100%; width: 100%; top: 0; z-index: 99; left: 0 }
.img_logo::before { content: ""; position: absolute; display: block; height: 100%; width: 100%; top: 0; z-index: 99; left: 0; background-image: url(/img/logo-gray.svg); background-repeat: no-repeat; background-position: 50%; background-size: 150px; padding-top: 56% }
.primary-bg { background-color: #31987f }
.sprig-component { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px }
.loadingimg { height: calc(30em * .7) }

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .loadingimg { height: calc(25em * .7) }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .loadingimg { height: calc(30.5em * .7) }
}

.border-green-bottom { border-bottom: 2px solid #c1d7cb }
.text-gray { color: #999 }
.border-right-1 { border-right: 1px solid #ddd }
.btn { position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: .5rem 1.5rem }
.btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .725rem; line-height: 2; border-radius: .2rem }
.btn：hover { color: #fff }
.btn-outline-gray { background: #fff; color: #999; border-color: #ddd }
.btn-outline-dark:hover, .btn-outline-gray:hover { background: #31987f; color: #fff; border-color: #31987f }
.shadow-box { box-shadow: 0 0 20px rgba(0,0,0,.1) }
.display-block { display: block }
.description { padding: 0 8.5% }
.description img { display: block; max-width: 100%; margin: 0 auto }
.btn-group-sm > .btn i, .btn-sm i { font-size: .725rem }
.top-line { position: relative; padding-top: 1.5rem }
.top-line:before { position: absolute; top: 0; left: 0; content: ""; width: 80px; height: 3px; background-color: #31987f }
.top-line-1 { position: relative; padding-top: 1.5rem }
.top-line-1:before { position: absolute; top: 0; left: 0; content: ""; width: 60px; height: 1px; background-color: #31987f }
#map { min-height: 500px; width: 100% }
.is-loading { color: transparent !important; position: relative; background: #fff !important; border: 1px solid #31987f !important; pointer-events: none }
.is-loading:after { display: inline-block; position: absolute; left: 40%; top: 10px; content: ""; width: 2em; height: 2em; color: inherit; vertical-align: middle; pointer-events: none; border: .4em dotted #31987f; border-radius: 50%; -webkit-animation: 1s loader-01 linear infinite; animation: 1s loader-01 linear infinite }

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

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

.scroll-top { position: fixed; right: 30px; bottom: -60px; z-index: 999; box-shadow: 0 30px 50px rgba(0,0,0,.03); display: block; padding: 0; width: 60px; height: 60px; border-radius: 50%; text-align: center; font-size: 25px; line-height: 60px; cursor: pointer; opacity: 0; visibility: hidden; background-color: #31987f; background-size: 200% auto; background-position: left center; color: #fff; transition: all .5s cubic-bezier(.645,.045,.355,1); overflow: hidden }

@media only screen and (max-width:479px) {
    .scroll-top { width: 50px; height: 50px; line-height: 50px; font-size: 20px }
}

.scroll-top.show { visibility: visible; opacity: 1; bottom: 60px }
.scroll-top i { position: absolute; top: 50%; left: 50%; color: #fff; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.scroll-top .arrow-top { transform: translate(-50%,-50%) }
.scroll-top .arrow-bottom { transform: translate(-50%,80px) }
.scroll-top:hover { background-position: right center }
.scroll-top:hover .arrow-top { transform: translate(-50%,-80px) }
.scroll-top:hover .arrow-bottom { transform: translate(-50%,-50%) }
.modal-content { border: 0 !important }
.modal-header { border-bottom: 0 !important }
.modal-footer { border-top: 0 !important; justify-content: center }
.bg-gray { background: #f7f7f7 }
.titlebar { position: relative }
.titlebar .title { text-align: left; color: #31987f; position: relative; padding-left: 1.5rem }
.titlebar .title:before { content: ""; left: 0; top: 15%; width: 3px; height: 70%; background: #31908c; position: absolute }
.titlebar.white .title { color: #fff }
.titlebar.white .title:before { background: #fff }
.swiper-pagination { position: static; display: block; line-height: 1 }
.swiper-pagination--vertical { position: absolute; top: 50%; transform: translateY(-50%); right: 50px; bottom: auto; left: auto }
.swiper-pagination--vertical .swiper-pagination-bullet { display: block; margin-bottom: 10px; line-height: 1; margin-right: 0 }
.swiper-pagination--vertical .swiper-pagination-bullet:last-child { margin-bottom: 0 }
.swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border: 0; border-radius: 0; background: 0 0; opacity: 1; position: relative; outline: 0; margin-right: 20px }
.swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0 }
.swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 100%; width: 8px; height: 8px; background: #d8d8d8; z-index: 1; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.swiper-pagination .swiper-pagination-bullet:hover:before { width: 12px; height: 12px; opacity: 1; background: #31987f }
.swiper-pagination .swiper-pagination-bullet-active:before { width: 12px; height: 12px; opacity: 1; background: #31987f }
.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet { margin: 8px }
.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet:hover:before { width: 12px; height: 12px; opacity: 1; background: #fff }
.swiper-pagination.swiper-pagination-white .swiper-pagination-bullet-active::before { opacity: 1; background: #fff; width: 16px; height: 16px; box-shadow: 0 0 9px #ededed }
.swiper-nav-button { transition: all .3s cubic-bezier(.645,.045,.355,1),visibility .1s linear 2s,opacity .1s linear 2s; background-image: none; background: #999; text-align: center; user-select: none; outline: 0; width: 48px; height: 48px; font-size: 24px; color: #363636; border: 0; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,.01); opacity: 1; visibility: visible; transform: translate(0,-50%); margin: 0; position: absolute; top: 50%; z-index: 9 }
.swiper-nav-button::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: inherit; color: #fff; background: #fff }
.swiper-nav-button::after { display: none }
.swiper-nav-button:hover { color: #fff }
.swiper-nav-button:hover::before { color: #fff; background: #31987f }
.swiper-nav-button.white:hover { color: #fff }
.swiper-nav-button.white:hover::before { color: #fff; background: rgba(255,255,255,.6) }
.swiper-container { transition: all .1s cubic-bezier(.645,.045,.355,1) }
.swiper-container:hover .swiper-nav-button { opacity: 1; visibility: visible }
.swiper-nav-button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.swiper-nav-button i::before { font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; font-size: 1rem; font-family: iconfont; font-weight: 300; content: "\E615" }
.swiper-nav-prev i::before { content: "\E615" }
.swiper-button-next i::before { content: "\E614" }
.swiper-button-next { right: 0 }
.swiper-wrapper { transition-timing-function: linear !important }
.bg { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.bg img { max-width: 100% }

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .bg img { width: 100% }
}

@media only screen and (max-width:767px) {
    .bg img { max-width: none; height: 100% }
}

.aq { padding-bottom: 46.8% }
.ah { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center }
.section-space--ptb_100 { padding-top: 100px; padding-bottom: 100px }
.section-space--pt_100 { padding-top: 100px }
.section-space--ptb_120 { padding-top: 120px; padding-bottom: 120px }
.TheFooter { background-color: #f0f0f0; color: #666 }
.TheFooter__content { text-align: center }
.TheFooter__top { padding: 1.5rem 0; border-bottom: 1px solid #cdcdcd }
.TheFooter__logo__image { height: 50px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; padding-top: 15px }
.TheFooter__top__box { justify-content: space-between }
.TheFooter__columns { padding: 2.5rem 0; text-align: left }
.TheFooter__columns h3 a { color: #ccc }
.TheFooter__columns li { padding-bottom: .5rem }
.TheFooter__columns li a { color: #999; font-size: .85rem }
.TheFooter__bottom { border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; margin: 0 0 0 }
.TheFooter__last { margin: 0 0 0 }
.TheFooter__copyright { font-size: .75rem; padding: 1rem 0; justify-content: space-between; margin-bottom: 0 }
.TheFooter__copyright a { color: #666; margin-right: 1rem }
.two-columns .row { margin: 30px 0 0 0 }
.Brandhubthumbitem-shaft { display: block; position: relative; cursor: pointer; overflow: hidden; margin: 0 0 2rem 0 }
.Brandhubthumbitem-shaft .Brandhubthumbitem-ah, .Brandhubthumbitem-shaft .Brandhubthumbitem-bj { position: absolute; left: 0; bottom: 0; width: 100%; height: 100% }
.Brandhubthumbitem-shaft .Brandhubthumbitem-aq { padding-bottom: 103.6% }
.Brandhubthumbitem-shaft .Brandhubthumbitem-bj { z-index: 1; height: auto; padding: 2vw; bottom: -110px; box-sizing: border-box; text-align: left; -webkit-transition: all .5s; transition: all .5s }
.Brandhubthumbitem-shaft .Brandhubthumbitem-bj button, .Brandhubthumbitem-shaft .Brandhubthumbitem-bj h2, .Brandhubthumbitem-shaft .Brandhubthumbitem-bj h5 { display: block }
.Brandhubthumbitem-shaft .Brandhubthumbitem-bj h2, .Brandhubthumbitem-shaft .Brandhubthumbitem-bj h5 { text-shadow: 0 2px 5px rgba(0,0,0,.2) }
.Brandhubthumbitem-shaft .Brandhubthumbitem-bj h5 { font-family: SamsungOne; font-weight: 300 }

@media (max-width:991.98px) {
    .Brandhubthumbitem-shaft .Brandhubthumbitem-bj { bottom: -70px }
    .Brandhubthumbitem-shaft .Brandhubthumbitem-bj h2 { font-size: calc(.725rem + .3vw) }
    .Brandhubthumbitem-shaft .Brandhubthumbitem-bj .btn { padding: .2rem .7rem; font-size: .725rem; line-height: 35px; height: 40px }
}

.Brandhubthumbitem-shaft:hover .Brandhubthumbitem-bj button, .Brandhubthumbitem-shaft:hover .Brandhubthumbitem-bj h2, .Brandhubthumbitem-shaft:hover .Brandhubthumbitem-bj h4, .Brandhubthumbitem-shaft:hover .Brandhubthumbitem-bj h5 { color: #fff !important }
.col-md-8 .Brandhubthumbitem-aq { padding-bottom: 50% }
.layer-2 .Brandhubthumbitem-shaft .Brandhubthumbitem-aq { padding-bottom: 100% }
.Brandhubthumbitem-ah { transform: scale(1); transition: transform 5s cubic-bezier(.23,1,.32,1) }
.Brandhubthumbitem-ah img { display: block; height: 0; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0; margin: auto }
.Brandhubthumbitem-ah video { display: block; max-height: 100%; min-height: 100%; margin: auto }
.Brandhubthumbitem-ah:after { content: ""; opacity: 0; position: absolute; width: 100%; height: 150%; top: 0; left: 0; z-index: 1; background: rgba(213,65,77,.9); transition: opacity 2s cubic-bezier(.23,1,.32,1),height 2s cubic-bezier(.23,1,.32,1) }
.Brandhubthumbitem-shaft:hover .Brandhubthumbitem-ah { transform: scale(1.1) }
.Brandhubthumbitem-shaft:hover .Brandhubthumbitem-ah:after { opacity: 1; height: 100% }
.Brandhubthumbitem-shaft:hover .Brandhubthumbitem-bj { bottom: 0 }
.home-solution { position: relative; overflow: hidden }
.home-solution .title { word-break: break-word }

@media only screen and (max-width:767px) {
    .home-solution .aq { padding-bottom: 66.8% }
}

@media only screen and (max-width:575px) {
    .home-solution .aq { padding-bottom: 86.8% }
}

@media only screen and (max-width:479px) {
    .home-solution .aq { padding-bottom: 100% }
}

.home-solution-card { background: 0 0 }
.home-solution-card .card-body { position: relative; overflow: hidden }
.home-solution-card .card-body .home-solution-link { display: block; position: relative; -webkit-transition: all .5s; transition: all .5s; text-align: center }
.home-solution-card .card-body .home-solution-link .icon { font-size: 6rem; color: #fff; -webkit-transition: all .5s; transition: all .5s }

@media only screen and (min-width:768px) and (max-width:991px) {
    .home-solution-card .card-body .home-solution-link .icon { font-size: 3rem }
}

@media only screen and (max-width:767px) {
    .home-solution-card .card-body .home-solution-link .icon { font-size: 3rem }
}

.home-solution-card .card-body .home-solution-link p { display: block; position: relative; left: 0; top: 90%; opacity: 1; -webkit-transition: all .5s; transition: all .5s; color: #fff; text-align: left }
.home-solution-card .card-body .home-solution-link:hover p { top: 90%; opacity: 1 }
.custommenubar { position: rrelative; background: rgba(63,61,134,.8) }
.custommenubar .brandhub-custom-menu-bar { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; height: 5.35rem; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; position: relative; text-align: center; -webkit-transition: background-color .2s ease; transition: background-color .2s ease; width: 100% }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: end; position: relative }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 0; white-space: nowrap }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; height: 100%; line-height: 18px; position: relative; -webkit-transition: color .25s; transition: color .25s; white-space: nowrap }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__link:before { background: #ccc; top: 23px; content: ""; height: 10px; right: 0; position: absolute; width: 1px }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__link:after { content: ""; position: absolute; height: 2px; width: 100%; background: #fff; bottom: 0; left: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: .3s ease-out; transition: .3s ease-out }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__link:hover { color: #fff; text-decoration: none }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__link:hover:after { -webkit-transform: scaleX(1); transform: scaleX(1) }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__list--sub-menu .brandhub-custom-menu-bar__link:hover { color: var(--theme-primary) }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__link--is-active { color: #fff }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__item .brandhub-custom-menu-bar__link--is-active:after { background: #fff; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 100% }
.custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list :last-child .brandhub-custom-menu-bar__link:before { background: 0 0 }

@media (max-width:767.98px) {
    .custommenubar .brandhub-custom-menu-bar { padding: 0; height: 3.8rem }
    .custommenubar .brandhub-custom-menu-bar__container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 }
    .custommenubar .brandhub-custom-menu-bar__mobile-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #fff }
    .custommenubar .brandhub-custom-menu-bar--initialized .brandhub-custom-menu-bar__list-container { background-color: #666; height: 0; opacity: .9; overflow: hidden; position: absolute; right: 0; top: 100%; -webkit-transition: height .25s; transition: height .25s; width: 100% }
    .custommenubar .brandhub-custom-menu-bar--initialized .brandhub-custom-menu-bar__list-container.show { height: auto }
    .custommenubar .brandhub-custom-menu-bar__link { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem .57rem 1rem .64rem; padding-top: 1rem; width: 100%; font-size: 13px }
    .custommenubar .brandhub-custom-menu-bar__link:before { background: 0 0 }
}

@media screen and (min-width:1024px) {
    .custommenubar .brandhub-custom-menu-bar { height: 3.5rem }
    .custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse nowrap; flex-flow: row-reverse nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
    .custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container { height: 100% !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: end; width: 100% }
    .custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: normal }
    .custommenubar .brandhub-custom-menu-bar .brandhub-custom-menu-bar__container .brandhub-custom-menu-bar__list-container .brandhub-custom-menu-bar__list .brandhub-custom-menu-bar__link { padding-left: 1.5rem; padding-right: 1.5rem }
}

.sticky-top { z-index: 2 }
#onerow p { padding: 0 3rem }
#onerow a { margin-left: 3rem }
.image-list a { display: block; position: relative }
.image-list a .imagelistimg { height: 100%; max-height: 100%; position: relative; width: 100% }
.image-list a .brandhub-thumb-item-overlay { background: rgba(0,0,0,.35); bottom: 0; height: 50px; left: 0; overflow: hidden; padding: 13px 31px 13px 31px; position: absolute; -webkit-transition: height .5s,background 1.5s; transition: height .5s,background 1.5s; width: 100%; z-index: 15 }
.image-list a .brandhub-thumb-item-overlay .brandhub-thumb-item-headline { color: #fff; font-size: 1.8rem; font-weight: 400; line-height: 24px; margin: 0; width: 100% }
.image-list a .brandhub-thumb-item-overlay .description { color: #fff; line-height: 18px; margin-top: 2px; opacity: 0; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out }
.image-list .col-4:nth-child(1) { padding-right: .5rem }
.image-list .col-4:nth-child(2) a { margin: 0 .25rem }
.image-list .col-4:nth-child(3) { padding-left: .5rem }

@media (min-width:576px) {
    .image-list a:hover .brandhub-thumb-item-overlay.brandhub-thumb-item-overlay-large-description { height: 100%; padding: 31px }
    .image-list a:hover .brandhub-thumb-item-overlay .description { opacity: 1 }
    .image-list a:hover .brandhub-thumb-item-overlay { height: 25% }
}

@media (min-width:768px) {
    .image-list a:hover .brandhub-thumb-item-overlay { height: 50% }
}

@media (min-width:992px) {
    .image-list a:hover .brandhub-thumb-item-overlay { height: 50% }
}

.text-content h1 { font-weight: 600; text-transform: uppercase }
.text-content h1:before { background: #31987f; content: ""; display: block; height: 7px; margin-bottom: 20px; margin-left: 0; margin-top: .5rem; width: 100% }

@media (min-width:992px) {
    .text-content h1 { margin-right: 5rem }
}

.development_card { background: 0 0 !important }
.development_card .card-body { padding: 1.25rem 3.5rem !important }
.development_card .card-body p { font-size: .85rem; /*padding-left: 40px; text-indent: -35px */ }

@media (min-width:768px) {
    .development-slider { padding: 5rem 0 }
}

@media (min-width:992px) {
    .development-slider { padding: 10rem 0 }
}

.development-slider .swiper-button-prev { left: 0 }
.development-slider .swiper-button-next { right: 0 }
.tm-image .image { display: inline-block }
.wrap_svl_center { line-height: 0 }
#powerTip#powerTip { border-radius: 5px; box-shadow: 0 2px 20px rgba(0,0,0,.06); width: auto; padding: 5px; background: #31987f }
#powerTip#powerTip.n:before { border-top: 10px solid currentColor }
#powerTip#powerTip.e:before { border-right: 10px solid currentColor }
#powerTip#powerTip.s:before { border-bottom: 10px solid currentColor }
#powerTip#powerTip.w:before { border-left: 10px solid currentColor }
#powerTip#powerTip.ne:before, #powerTip#powerTip.nw:before { border-top: 10px solid currentColor }
#powerTip#powerTip.se:before, #powerTip#powerTip.sw:before { border-bottom: 10px solid currentColor }
#powerTip#powerTip.ne-alt:before, #powerTip#powerTip.nw-alt:before, #powerTip#powerTip.se-alt:before, #powerTip#powerTip.sw-alt:before { border-top: 10px solid currentColor }
#powerTip#powerTip.se-alt:before, #powerTip#powerTip.sw-alt:before { border-bottom: 10px solid currentColor }
.tm-image-hotspot.style-signal .drag_element:before { content: ""; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; border-radius: 50%; -webkit-transform: translate(-50%,-50%) scale(0,0); -ms-transform: translate(-50%,-50%) scale(0,0); transform: translate(-50%,-50%) scale(0,0); border: 2px solid #31987f; box-shadow: inset 0 0 17px 10px rgba(213,65,77,.61); opacity: .2; -webkit-animation: pinsZoomIn 3.25s linear infinite; animation: pinsZoomIn 3.25s linear infinite }

@-webkit-keyframes pinsZoomIn {
    0% { -webkit-transform: translate(-50%,-50%) scale(.6); transform: translate(-50%,-50%) scale(.6); border-width: 2px }
    40% { opacity: .5 }
    65% { border-width: 1px }
    100% { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 0; border-width: 0 }
}

@keyframes pinsZoomIn {
    0% { -webkit-transform: translate(-50%,-50%) scale(.6); transform: translate(-50%,-50%) scale(.6); border-width: 2px }
    40% { opacity: .5 }
    65% { border-width: 1px }
    100% { -webkit-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); opacity: 0; border-width: 0 }
}

.tm-image-hotspot-content .heading { font-size: 24px; line-height: 1.25; margin-bottom: 5px; color: #fff }
.tm-image-hotspot-content .text { color: rgba(255,255,255,.7) }
.about-development { position: relative; overflow: hidden }
.inner-img-one { position: absolute; z-index: 1; bottom: 0; right: 3% }
.inner-two { position: relative; z-index: 10 }

@media only screen and (max-width:767px) {
    .inner-img-one { position: absolute; left: 0; right: 0; margin: auto; text-align: center }
    .inner-img-one img { width: 400px }
}

.worldRotate { -webkit-animation: worldRotate 20s linear infinite; animation: worldRotate 20s linear infinite }

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

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

.infotechno-video-ptb, .overview-video-ptb { position: relative; overflow: hidden }
.scrollMotion { position: relative; overflow: hidden }
.scrollMotion.list:after { display: block; content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100px; background: #fff; transition: all .5s ease-out }
.scrollMotion .aq { padding-bottom: 30% }

@media only screen and (min-width:768px) and (max-width:991px) {
    .scrollMotion .aq { padding-bottom: 70% }
}

@media only screen and (max-width:767px) {
    .scrollMotion .aq { padding-bottom: 70% }
}

.scrollMotion .ah .title { position: absolute; top: 100px; left: 50%; transform: translate(-50%,0); font-size: 60px; color: #fff; font-weight: 100; transition: all .5s ease-out }
.scrollMotion .ah .txtArea { display: block; position: relative; left: 0; margin: 0 auto; padding-top: 0; width: 80%; opacity: 1; transition: all .5s ease-out; transition-delay: .3s; color: #fff; text-align: center }
.scrollMotion .ah .txtArea p { font-size: 2vw }
.panel-title { display: block; position: relative; line-height: 18px; padding: 10px 0; padding-left: 90px; padding-right: 30px; background: #fff; margin-bottom: 10px; cursor: pointer }
.panel-title .btn-title { font-size: 30px; width: 47px; height: 44px; display: inline-block; color: #31987f; position: absolute; background-color: #ececec; text-align: center; line-height: 44px; top: 0; left: 0 }
.panel-title .tab-title { font-size: 14px; line-height: 17px; font-weight: 400 }
.panel-title:after { content: ""; position: absolute; height: 0; width: 0; border-bottom-width: 45px; border-bottom-style: solid; border-bottom-color: transparent; border-top-width: 0; border-top-style: solid; border-top-color: transparent; border-left-width: 22px; border-left-style: solid; border-left-color: #ececec; top: 0; left: 47px }
.panel-title:hover { background: #31987f }
.panel-title:hover .tab-title { color: #fff }
.culture_content { padding: 5rem 3rem }
.culture_content h3 { color: #31987f }
.culture_box .container .row .col-lg-6 { padding: 0 }
.searchbar { height: 40px; display: flex }
.searchbar input { background-color: #ddd; border: 0; padding: .5rem; width: calc(100% - 95px); font-size: 1rem }
.searchbar .btn { padding: .5rem; width: 95px }
.searchbar .btn::after { display: none }

@media (min-width:992px) {
    .searchbar { height: auto }
    .searchbar input { padding: 1.125rem 1.75rem; font-size: 1.25rem }
    .searchbar .btn { width: 30%; padding: 1.125rem 1.75rem }
    .searchbar .btn::after { display: inline-block }
}

.faq-wrapper .panel.panel-default { border: 1px solid #ebebeb; margin-bottom: 20px }
.faq-wrapper .card, .faq-wrapper .card-header { border-radius: 0 }
.faq-wrapper .card { border-bottom: none; margin-bottom: 20px; border: none; box-shadow: 0 18px 40px rgba(51,51,51,.1) }
.faq-wrapper .card:last-child { margin-bottom: 0 }
.faq-wrapper .card-header { padding: 0; border-bottom: 0; background-color: #fff }
.faq-wrapper .card-header h5 button { border: none; width: 100%; text-align: left; color: #000; padding: 20px 30px; position: relative; overflow-wrap: break-word; white-space: normal; font-size: 18px; line-height: 1.2; font-weight: 500; border-radius: 5px; background: #fff }

@media only screen and (max-width:479px) {
    .faq-wrapper .card-header h5 button { padding-left: 15px; padding-right: 20px }
}

.faq-wrapper .card-header h5 button span { position: absolute; right: 35px; top: 50%; transform: translateY(-50%) }

@media only screen and (max-width:479px) {
    .faq-wrapper .card-header h5 button span { right: 15px }
}

.faq-wrapper .card-header h5 button span i { font-size: 14px; visibility: hidden; opacity: 0; display: none }
.faq-wrapper .card-header h5 button:focus, .faq-wrapper .card-header h5 button:hover { text-decoration: none; color: #000 }
.faq-wrapper .card-header h5 button[aria-expanded=true] { color: #fff; background: #31987f; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.faq-wrapper .card-header h5 button[aria-expanded=true] span i:nth-child(2) { visibility: visible; opacity: 1; display: inline }
.faq-wrapper .card-header h5 button[aria-expanded=true]:before { height: 100% }
.faq-wrapper .card-header h5 button[aria-expanded=false] span i:nth-child(1) { visibility: visible; opacity: 1; display: inline }
.faq-wrapper .card-body { padding: 23px 30px 29px }
.faq-two-wrapper .panel.panel-default { border-bottom: 1px solid #ebebeb; margin-bottom: 20px }
.faq-two-wrapper .card, .faq-two-wrapper .card-header { border-radius: 0 }
.faq-two-wrapper .card { border-bottom: none; margin-bottom: 20px; border: none; border-bottom: 1px solid #ebebeb }
.faq-two-wrapper .card:last-child { margin-bottom: 0 }
.faq-two-wrapper .card-header { padding: 0; border-bottom: 0; background-color: #fff }
.faq-two-wrapper .card-header h5 button { font-size: 24px; border: none; width: 100%; text-align: left; color: #ababab; padding: 20px 35px; position: relative; overflow-wrap: break-word; white-space: normal; line-height: 1.2; font-weight: 700; border-radius: 5px; background: #fff }

@media only screen and (max-width:479px) {
    .faq-two-wrapper .card-header h5 button { padding-left: 25px; padding-right: 10px }
}

.faq-two-wrapper .card-header h5 button span { position: absolute; left: 0; top: 50%; transform: translateY(-50%) }

@media only screen and (max-width:479px) {
    .faq-two-wrapper .card-header h5 button span { right: 15px }
}

.faq-two-wrapper .card-header h5 button span i { font-size: 24px; visibility: hidden; opacity: 0; display: none }
.faq-two-wrapper .card-header h5 button:focus, .faq-two-wrapper .card-header h5 button:hover { text-decoration: none; color: #31987f }
.faq-two-wrapper .card-header h5 button[aria-expanded=true] { color: #31987f; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.faq-two-wrapper .card-header h5 button[aria-expanded=true] span i { color: #31987f }
.faq-two-wrapper .card-header h5 button[aria-expanded=true] span i:nth-child(2) { visibility: visible; opacity: 1; display: inline }
.faq-two-wrapper .card-header h5 button[aria-expanded=true]:before { height: 100% }
.faq-two-wrapper .card-header h5 button[aria-expanded=false] span i:nth-child(1) { visibility: visible; opacity: 1; display: inline }
.faq-two-wrapper .card-body { padding: 0 30px 29px }
.faq-custom-col { max-width: 570px; float: right; width: 100% }

@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .faq-custom-col { float: inherit; margin: 0 auto 30px }
}

@media (max-width:767.98px) {
    .image-details .col-lg-1 { display: none }
    .image-details .col-lg-4 { padding: 0 }
}

.product-sublist .text-wrapper { padding: 8rem 5rem }
.product-sublist .text-wrapper .feature-benefit__title-eyebro { font-size: 1rem; font-weight: 700 }
.product-sublist .text-wrapper .feature-benefit__title { font-weight: 700; margin-top: 1rem }
.product-sublist .text-wrapper .feature-benefit__desc-wrap .feature-benefit__sub-title { margin-top: 1rem; font-size: 1.2rem; font-weight: 700 }
.product-sublist .text-wrapper .feature-benefit__desc-wrap .feature-benefit__desc { margin-top: .5rem; font-size: 1.1rem }
.pd-product-detail-info-list { position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 1.5rem; height: 100% }
.pd-product-detail-info-list .pd-product-detail-info-list-slick { position: relative; width: 100% }
.pd-product-detail-info-list .pd-product-detail-info-list-slick .slick-list { position: relative; overflow: hidden }
.pd-product-detail-info-list .pd-product-detail-info-list-slick .slick-list .slick-track { position: relative; width: 100% }
.pd-product-detail-info-list .pd-product-detail-info-list-slick .slick-list .slick-track .slick-slide { width: 76px; height: 50px; line-height: 50px; margin: 6px 0 0 0; border: 1px solid #ccc; text-align: center; float: none }
.pd-product-detail-info-list .pd-product-detail-info-list-slick .slick-list .slick-track .slick-slide div { position: relative; width: 100% }
.pd-product-detail-info-list .pd-product-detail-info-list-slick .slick-list .slick-track .slick-slide div .slick-btn { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center }
.pd-product-detail-info-list .pd-product-detail-info-list-slick .slick-list .slick-track .slick-slide div .slick-btn img { vertical-align: middle; max-width: 34px; width: 34px; max-height: 34px; margin: 0 auto }
.pd-product-detail-info-list .pd-product-detail-info-list-slick .slick-list .slick-track .slick-slide.slick-current { border: 1px solid #31987f }
.pd-product-detail-info-prd { display: inline-block; vertical-align: middle; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; width: 100%; height: 100% }
.pd-product-detail-info-prd .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; 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; width: 100%; -webkit-tap-highlight-color: transparent }
.pd-product-detail-info-prd .slick-slider .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) }
.pd-product-detail-info-prd .slick-slider .slick-list .slick-track { position: relative; top: 0; left: 0; display: block }
.pd-product-detail-info-prd .slick-slider .slick-list .slick-track .slick-slide { position: relative; display: block; float: left; height: 100%; min-height: 1px }
.pd-product-detail-info-prd .slick-slider .slick-list .slick-track .slick-slide img { vertical-align: middle; max-width: 802px; max-width: 55.69444vw; max-height: 539px; max-height: 37.43056vw; width: 100% }
.pd-product-detail-info-spec { position: relative; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 20px; width: 100% }
.pd-product-detail-info-spec figure img { max-width: 100%; margin: 0 auto }
.pd-product-detail-info-spec .pd-product-detail-info-spec-desc { font-size: .85rem; margin-bottom: .3rem }
.pd-product-detail-info-spec .pd-product-detail-info-spec-subject { display: block; font-weight: 700; color: #000; font-size: 1.6rem; word-wrap: break-word }
.pd-product-detail-info-spec ul { list-style: none; padding: 0 0 2rem 0; margin: 0 }
.pd-product-detail-info-spec ul li { padding-left: 1rem; position: relative }
.pd-product-detail-info-spec ul li:before { position: absolute; top: 10px; left: 0; width: 3px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #000; content: "" }

.pd-product-detail-info-spec img { max-width: 100%; }
.pd-tech-spec { position: relative; margin: 0 auto; color: #333; padding: 50px 0 50px 0; padding: 3.13889vw 0 3.13889vw 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.pd-tech-spec .pd-tech-spec-title { font-size: 44px; font-size: 1.6vw; font-family: SamsungSharpSans,SamsungOne,arial }
.pd-tech-spec .pd-tech-spec-note { margin-top: 44px }
.pd-tech-spec .pd-tech-spec-detail { border-top: 1px solid #363636; margin-top: 30px; margin-top: 1.47222vw }
.pd-tech-spec-button a.collapsed { position: relative }
.pd-tech-spec-button a.collapsed:after { content: "\E642" }
.pd-tech-spec-button a:after { font: normal normal normal 1em/1 iconfont; font-weight: 400; font-size: 1.2em; content: "\E60F"; display: inline-block; font-size: inherit; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; text-rendering: auto; text-transform: none; padding-left: .5rem; font-size: .85rem }
.pd-product-documentation { position: relative; margin: 0 auto; color: #000; padding: 50px 0 50px; padding: 3.45833vw 0 3.47222vw; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box }
.pd-product-documentation .pd-product-documentation-title { line-height: 1; font-size: 44px; font-size: 1.6vw; font-family: SamsungSharpSans,SamsungOne,arial }
.pd-product-documentation .pd-product-documentation-tab { margin-top: 3rem }
.pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent { display: table; width: 100%; table-layout: fixed; list-style: none; padding: 0; margin: 0 }
.pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent .pd-product-documentation-tab-parent-item { display: table-cell; position: relative; text-align: center; background: #f3f3f3; -webkit-box-sizing: border-box; box-sizing: border-box }
.pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent .pd-product-documentation-tab-parent-item a { display: block; color: #000; font-weight: 700; height: 73px; height: 3.06944vw; line-height: 73px; line-height: 3.06944vw; font-size: 18px; font-size: .8vw; position: relative }
.pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent .pd-product-documentation-tab-parent-item a:before { position: absolute; content: ""; display: block; width: 2px; background-color: #fff; right: 0; top: 0; height: 100% }
.pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent .pd-product-documentation-tab-parent-item a:after { position: absolute; content: ""; display: block; width: 100%; background-color: #e4e4e4; left: 0; bottom: -1px; height: 5px }
.pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent .pd-product-documentation-tab-parent-item .active:after { background-color: #31987f }
.pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent .pd-product-documentation-tab-parent-item .active { border-bottom: none; background: #fff }
.pd-product-documentation .pd-product-documentation-pannel { min-height: 270px }
.pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list { border-top: 1px solid #363636; margin-top: 26px; margin-top: 1.80556vw; font-size: 16px; font-size: .7vw }
.pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list .pd-product-documentation-pannel-list-item { display: table; width: 100%; padding: 25px 30px; padding: .83611vw 1.08333vw; border-bottom: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333 }
.pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-subject { display: table-cell; display: block; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; width: 864px; width: 30vw; font-weight: 700; color: #333 }
.pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-ver { display: table-cell; width: 70px; width: 4.86111vw }
.pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-date { display: table-cell; width: 210px; width: 14.58333vw; text-align: center }
.pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-down { display: table-cell; text-align: center; color: #000; font-weight: 700; width: 170px; width: 11.80556vw; font-size: 16px; font-size: .75vw; font-weight: 700; color: #31987f }
.pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-down::after { display: inline-block; margin-left: 9px; margin-left: .325vw; content: "\E614"; font: normal normal normal 1em/1 iconfont; font-weight: 400; font-size: 1.4em; display: inline-block; font-size: inherit; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; text-rendering: auto; text-transform: none }

@media (max-width:767.98px) {
    .pd-product-documentation .pd-product-documentation-select { display: block; width: 100%; height: 40px; line-height: 40px; background: #f8f8f8 url(../img/ico_select_arrow.png) no-repeat 95% 50%; background-size: auto; background-size: 10px; border: 1px solid #ccc; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; margin-top: 68.26667px; margin-top: 8.88889vw; padding-left: 32px; padding-left: 4.16667vw }
    .pd-product-documentation .pd-product-documentation-pannel-list-item { display: block; padding: 66.13333px 0; padding: 8.61111vw 0 !important; border-bottom-color: #ccc }
    .pd-product-documentation .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-subject { clear: both; display: block; width: 100% !important; font-weight: 700 }
    .pd-product-documentation .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-ver { display: block; float: left !important; width: auto !important; vertical-align: middle; text-align: left; margin-top: 34.13333px; margin-top: 4.44444vw }
    .pd-product-documentation .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-date { position: relative; display: block; float: left !important; width: auto !important; text-align: left; vertical-align: middle; padding: 0 0 0 20px; margin-top: 34.13333px; margin-top: 4.44444vw }
    .pd-product-documentation .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-down { clear: both; float: left !important; width: auto !important; margin-top: 66.13333px; margin-top: 8.61111vw; padding: 0; font-size: 16px }
}

.pd-product-list-grid-detail { text-align: center }
.pd-product-list-grid-detail .pd-product-list-grid-detail-subject { display: block; color: #000; margin-top: 39px; margin-top: .70833vw; font-size: 28px; font-weight: 700 }
.pd-product-list-grid-detail ul { display: inline-block; text-align: left }
.pd-product-list-grid-detail ul li:first-child { margin-top: 20px }
.pd-product-list-grid-detail .pd-product-list-button { margin-top: 46px; margin-top: 2.09444vw }
.productlvtwo .img-wrapper { padding: 1rem }
.productlvtwo .text-wrapper { padding: 2rem }

@media (max-width:767.98px) {
    .section-productlist .pd-product-detail-info-spec { width: 100% }
    .section-productlist .pd-product-detail-info-prd .slick-slider .slick-list .slick-track .slick-slide img { vertical-align: middle; max-width: 100%; max-height: 100%; width: 100% }
    .section-productlist .pd-tech-spec .pd-tech-spec-detail .pd-tech-spec-detail-table th { font-size: 12px }
    .section-productlist .pd-tech-spec .pd-tech-spec-detail .pd-tech-spec-detail-table td { font-size: 12px }
    .section-productlist .pd-product-documentation .pd-product-documentation-title { font-size: 25px }
    .section-productlist .pd-product-documentation .pd-product-documentation-tab .pd-product-documentation-tab-parent .pd-product-documentation-tab-parent-item a { font-size: 12px; height: 10vw; line-height: 10vw; overflow: hidden }
    .section-productlist .pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list { font-size: 14px }
    .section-productlist .pd-tech-spec .pd-tech-spec-title { font-size: 25px }
    .section-productlist .pd-product-documentation .pd-product-documentation-pannel .pd-product-documentation-pannel-list .pd-product-documentation-pannel-list-item .pd-product-documentation-pannel-list-down { font-size: 14px }
}

.pd-product-list-grid-item a { border-radius: 15px }
.style-01 { display: block }
.style-01 .projects-image-box { margin: 20px 15px 35px }
.projects-wrap.style-01 { display: block }
.projects-wrap.style-01 .projects-image-box { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 40px -10px rgba(51,51,51,.2); position: relative; margin-bottom: 30px }
.projects-wrap.style-01 .projects-image-box .projects-image img { padding: 2vw }
.projects-wrap.style-01 .content { padding: 25px 26px 94px; padding-bottom: 88px }
.projects-wrap.style-01 .content .heading { font-weight: 600; line-height: 1.25; margin-bottom: 2px; color: #333 !important }
.projects-wrap.style-01 .content .post-categories { color: #31987f; margin-bottom: 2px }
.projects-wrap.style-01 .content .text { color: #696969; margin-top: 13px; height: 100px; overflow: hidden }
.projects-wrap.style-01 .content .box-projects-arrow { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 56px; line-height: 55px; text-align: center; font-size: 14px; font-weight: 500; border-top: 1px solid #eee; color: #31987f }
.projects-wrap.style-01 .content .box-projects-arrow::before { background-color: #31987f; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(100%); transition: all .7s cubic-bezier(.645,.045,.355,1); z-index: -1 }
.projects-wrap.style-01:hover { transform: translateY(-5px) }
.projects-wrap.style-01:hover .content .heading { color: #31987f }
.projects-wrap.style-01:hover .content .box-projects-arrow { color: #fff }
.projects-wrap.style-01:hover .content .box-projects-arrow::before { transform: translateY(0) }
.projects-wrap.style-2 { margin-bottom: 30px; display: block }
.projects-wrap.style-2 .projects-image-box img { border-radius: 8px }
.projects-wrap.style-2 .content { padding: 22px 15px 24px; text-align: center }
.projects-wrap.style-2 .content .heading { font-weight: 600; line-height: 1.25; color: #333 !important }
.projects-wrap.style-2 .content .post-categories { color: #31987f; margin-bottom: 5px }
.projects-wrap.style-2:hover { transform: translateY(-5px) }
.box-large-image__wrap { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column }

@media only screen and (max-width:767px) {
    .box-large-image__wrap { margin: auto }
}

.box-large-image__wrap:hover .box-large-image__box { transform: translateY(-5px) }
.box-large-image__wrap:hover .images-midea img { transform: scale(1.1,1.1) }
.box-large-image__wrap:hover .images-midea::after { background: #31987f; opacity: .8 }
.box-large-image__wrap:hover .heading-wrap .heading { transform: translateY(-100%); opacity: 0 }
.box-large-image__wrap:hover .button-wrapper .btn { transform: translateY(0); opacity: 1 }
.box-large-image__box { transition: all .7s cubic-bezier(.645,.045,.355,1) }
.box-large-image__box .button-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 5px; overflow: hidden; z-index: 3 }
.box-large-image__box .button-wrapper .btn { background: #fff; color: #31987f; transform: translateY(100%); opacity: 0 }
.box-large-image__midea { position: relative; border-radius: 5px; overflow: hidden }
.box-large-image__midea .images-midea { text-align: center }
.box-large-image__midea .images-midea img { width: 100%; transition: transform 1s }
.box-large-image__midea .images-midea::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .5; background-image: linear-gradient(-180deg,transparent 39%,#1c0f69 100%) }
.box-large-image__midea .images-midea .heading-wrap { position: absolute; bottom: 30px; left: 0; right: 0; width: 250px; margin: 0 auto; z-index: 1; overflow: hidden }
.box-large-image__midea .images-midea .heading-wrap .heading { font-size: 1.75rem; line-height: 1.5; color: #fff; font-weight: 500; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.box-large-image .box-info { position: relative; z-index: 2; padding: 30px 20px; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); height: 100%; min-height: 330px }
.box-large-image .box-info .heading { -webkit-transform: translateY(-100%) translateY(-54px); -ms-transform: translateY(-100%) translateY(-54px); transform: translateY(-100%) translateY(-54px); font-size: 24px; line-height: 1.5; color: #fff }
.box-large-image__content p { color: #7e7e7e }
.box-large-image__content p strong { color: #333; font-weight: 500 }
.box-large-image__two { height: 100%; position: relative; overflow: hidden; display: block; width: 100% }
.box-large-image__two:hover .box-large-image__box { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px) }
.box-large-image__two:hover .box-large-image__midea::after { background: #31987f; opacity: .8 }
.box-large-image__two:hover .box-info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.box-large-image__two:hover .box-info .heading { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.box-large-image__two .box-large-image__midea { position: relative; border-radius: 5px; overflow: hidden; text-align: center; height: 320px }
.box-large-image__two .box-large-image__midea img { width: 100%; transition: transform 1s }
.box-large-image__two .box-large-image__midea::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .5; background-image: linear-gradient(-180deg,rgba(28,15,105,0) 11%,#000 80%) }
.box-large-image__two__box { -webkit-transition: all .7s cubic-bezier(.645,.045,.355,1); -o-transition: all .7s cubic-bezier(.645,.045,.355,1); -moz-transition: all .7s cubic-bezier(.645,.045,.355,1); transition: all .7s cubic-bezier(.645,.045,.355,1); position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; height: 100% }
.box-large-image__two__box .box-info { position: absolute; z-index: 2; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 20px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); height: 330px; -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1); -o-transition: all .3s cubic-bezier(.645,.045,.355,1); -moz-transition: all .3s cubic-bezier(.645,.045,.355,1); transition: all .3s cubic-bezier(.645,.045,.355,1); top: 0; -webkit-transition: all .7s cubic-bezier(.645,.045,.355,1); -o-transition: all .7s cubic-bezier(.645,.045,.355,1); -moz-transition: all .7s cubic-bezier(.645,.045,.355,1); transition: all .7s cubic-bezier(.645,.045,.355,1) }
.box-large-image__two__box .box-info .heading { transform: translateY(-100%) translateY(-54px); font-size: 24px; line-height: 1.5; color: #fff; margin-bottom: 10px }
.box-large-image__two__box .box-info .text { color: #fff }
.box-large-image__two__box .box-info .btn { background: #00447f; margin-top: 40px; display: inline-block; width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; color: #fff; font-size: 18px; padding: 0 }
.services-section .sec-title { margin-bottom: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-height: 100% }
.services-section .sec-title:not(:first-child) { display: none }
.services-section .sec-title h2 { position: relative; display: block; font-size: 70px; line-height: .9em; color: #4a4a4a; font-weight: 400; margin-bottom: 0 }
.services-section .sec-title .lower-text { position: relative; display: block; font-size: 20px; line-height: 1.7em; font-weight: 300; color: var(--thm-text); padding: 30px 20% 0 0 }
.services-section .row .service-block { counter-increment: slides-num; position: relative; margin-bottom: 30px }
.services-section .row .service-block .inner-box { position: relative; display: block; padding: 50px 45px; background: var(--thm-black); min-height: 100%; border-radius: 7px; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.services-section .row .service-block .inner-box:hover { background: #31987f }
.services-section .row .service-block .inner-box:hover .bottom-curve { transform: skewX(-35deg) scaleX(1) }
.services-section .row .service-block .inner-box:hover .icon-box { color: #fff }
.services-section .row .service-block .inner-box:hover a, .services-section .row .service-block .inner-box:hover h5 { color: #fff }
.services-section .row .service-block .inner-box:hover:before { color: #fff }
.services-section .row .service-block .inner-box:before { content: "0" counter(slides-num) ""; position: absolute; left: 45px; top: 50px; font-size: 50px; line-height: 1em; color: #4a4a4a; opacity: .1; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease }
.services-section .row .service-block .inner-box .bottom-curve { position: absolute; right: -70px; bottom: 0; width: 100px; height: 80%; background: var(--thm-black); opacity: .2; z-index: 0; transform: skewX(0) scaleX(0); transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease }
.services-section .row .service-block .inner-box .icon-box { position: absolute; right: 45px; top: 50px; color: #31987f; font-size: 64px; line-height: 1em; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease }
.services-section .row .service-block .inner-box .icon-box span { transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease }
.services-section .row .service-block .inner-box h5 { position: relative; margin: 0; margin-top: 90px; font-size: 30px; color: #4a4a4a; font-weight: 400; line-height: 1.1em }
.services-section .row .service-block .inner-box h5 a { color: #4a4a4a; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease }
.services-section .row .service-block.active .inner-box { background: #31987f }
.services-section .row .service-block.active .inner-box .bottom-curve { transform: skewX(-35deg) scaleX(1) }
.services-section .row .service-block.active .inner-box .icon-box { color: #fff }
.services-section .row .service-block.active .inner-box a, .services-section .row .service-block.active .inner-box h5 { color: #fff }
.services-section .row .service-block.active .inner-box:before { color: #fff }
#applicationslist .applications_card { margin-bottom: 5rem }
#applicationslist .applications_card .col-4 { background: #e4e4e4 }
.related-box .related_feature { display: inline-block; text-align: left; margin: 0 1rem }
.card { border: 0; border-radius: 0; overflow: hidden }
.card a { transition: all 2.2s cubic-bezier(.39,.575,.565,1); -webkit-transition: all 2.2s cubic-bezier(.39,.575,.565,1); -moz-transition: all 2.2s cubic-bezier(.39,.575,.565,1); -ms-transition: all 2.2s cubic-bezier(.39,.575,.565,1); -o-transition: all 2.2s cubic-bezier(.39,.575,.565,1); overflow: hidden }
.card a:hover img { transform: scale(1.15) }
.card .card-body { padding: 1.25rem 2rem }
.further-list .card { background: #e4e4e4 }
.further-list .card .card-body { padding: 1.25rem }
.further-list .card .card-body .further_more { position: relative }
.further-list .card .card-body .further_more:after { display: inline-block; margin-left: 9px; margin-left: .325vw; content: "\E634"; font: normal normal normal 1em/1 iconfont; font-weight: 400; font-size: 1.4em; display: inline-block; font-size: inherit; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; text-rendering: auto; text-transform: none }
.home-solution-card .card-body { padding: 3.25rem 2rem }

@media only screen and (min-width:768px) and (max-width:991px) {
    .home-solution-card .card-body { padding: 0 1rem }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .home-solution-card .card-body { padding: 0 1rem }
}

@media only screen and (max-width:767px) {
    .home-solution-card .card-body { padding: 0 1rem }
}

.Introduce-slider__one .card .card-body .card-title { min-height: 58px; overflow: hidden }
.Introduce-slider__one .card .card-body .Introduce-info { min-height: 96px; overflow: hidden; max-height: 96px }
.btn_load { text-align: center; padding: 3rem 0; margin: 0 auto }
.section-news table { width: 100%; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0; border-spacing: 0; border-collapse: separate; table-layout: fixed; text-align: center; border-top: 1px solid #363636; word-wrap: break-word }
.section-news table caption { width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -99999px }
.section-news table thead th { padding: 20px 0 20px; padding: 1.38889vw 0 1.38889vw; border-bottom: 1px solid #363636; background: #dfdfdf; font-size: 18px }
.section-news table tbody th { padding: 10px 10px 6px; padding: .69444vw .69444vw .41667vw; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; font-size: .75vw }
.section-news table tbody td { padding: 10px 10px 6px; padding: .69444vw .69444vw .41667vw; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 16px; font-size: .75vw }
.pd-tech-spec table { padding: 0; width: 100%; border-spacing: 0; border: 0; border-collapse: collapse; background: #fff; box-shadow: 0 4px 23px 0 rgba(219,229,236,.6); -webkit-box-shadow: 0 4px 23px 0 rgba(219,229,236,.6); -moz-box-shadow: 0 4px 23px 0 rgba(219,229,236,.6); -ms-box-shadow: 0 4px 23px 0 rgba(219,229,236,.6); -o-box-shadow: 0 4px 23px 0 rgba(219,229,236,.6); margin-bottom: 5rem }
.pd-tech-spec table .col1 { width: 267px; width: 18.54167vw }
.pd-tech-spec table .col2 { width: 503px; width: 34.93056vw }
.pd-tech-spec table .col3 { width: 131px; width: 9.09722vw }
.pd-tech-spec table .col4 { width: 198px; width: 13.75vw }
.pd-tech-spec table .col5 { width: 241px; width: 16.73611vw }
.pd-tech-spec table th { padding: 25px 0; padding: 1.03611vw 0; background-color: #31987f; border-right: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); font-size: 18px; font-size: .85vw; text-align: center; color: #fff; font-family: SamsungSharpSans,SamsungOne,arial }
.pd-tech-spec table th p { margin: 0 }
.pd-tech-spec table th:last-child { border-right: 0 solid #f7f7f7 }
.pd-tech-spec table tr { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.pd-tech-spec table tr td:last-child { border-right: 0 }
.pd-tech-spec table tr:hover { background-color: #f5f7f9 }
.pd-tech-spec table tr.second th { padding: .4611vw 0 }
.pd-tech-spec table td { padding: 25px 0; padding: 1.03611vw 0; border-bottom: 1px solid rgba(0,0,0,.05); border-right: 1px solid rgba(0,0,0,.05); text-align: center; font-size: 16px; font-size: .85vw; vertical-align: middle !important }
.pd-tech-spec table td p { margin: 0 }
.pd-tech-spec table .ht-quickdownloads-btn-down { font-size: 16px; font-size: .85vw; font-weight: 700; color: #31987f; position: relative }
.pd-tech-spec table .ht-quickdownloads-btn-down:after { display: inline-block; margin-left: 9px; margin-left: .325vw; content: "\E614"; font: normal normal normal 1em/1 iconfont; font-weight: 400; font-size: 1.4em; display: inline-block; font-size: inherit; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; text-rendering: auto; text-transform: none }
.network_wrapper .col-lg-4 { padding: 0 1px }
.network_wrapper .cm-salesnetwork-item { display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f7f7f7 }
.network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; width: 100% }
.network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .cm-salesnetwork-logo .img-fluid { width: 100% }
.network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .network_info { padding: 2rem }
.network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .network_info h1 span { font-size: 2.3rem; margin-right: .5rem }
.network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .network_info .cm-salesnetwork-col-title { font-size: 20px; font-weight: 700; line-height: 1.6 }

@media (max-width:767.98px) {
    .network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .network_info .cm-salesnetwork-col-title { padding: 0 1.5rem; font-size: 16px }
}

.network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .network_info .cm-salesnetwork-col-info { margin-top: 16px }
.network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .network_info .cm-salesnetwork-col-info dt { margin: 10px 0 3px; margin: .49444vw 0 .20833vw; font-weight: 700; line-height: 1.714285 }

@media (max-width:767.98px) {
    .network_wrapper .cm-salesnetwork-item .cm-salesnetwork-item-inner .network_info .cm-salesnetwork-col-info { padding: 0 1.5rem }
}

.navigation-menu > ul { display: flex }
.navigation-menu > ul > li { margin: 0 24px }

@media only screen and (min-width:1500px) and (max-width:1599px) {
    .navigation-menu > ul > li { margin: 0 22px }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .navigation-menu > ul > li { margin: 0 15px }
}

.navigation-menu > ul > li > a { display: block; color: #000; padding: 21px 2px; position: relative; font-size: 1rem; text-transform: uppercase; line-height: 1.18; font-weight: 200 }
.navigation-menu > ul > li > a:before { content: ""; width: 0; height: 3px; bottom: 0; position: absolute; left: 0; background-color: #31987f; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.navigation-menu > ul > li.has-children > a { position: relative }
.navigation-menu > ul > li.has-children--multilevel-submenu { position: relative }
.navigation-menu > ul > li.has-children:hover .megamenu { transform: translateY(0); visibility: visible; opacity: 1 }
.navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item { visibility: visible; opacity: 1; transform: translateY(0) }
.navigation-menu > ul > li.has-children:hover > .submenu { transform: translateY(0); visibility: visible; opacity: 1 }
.navigation-menu > ul > li.active > a:after, .navigation-menu > ul > li:hover > a:after { color: #31987f }
.navigation-menu > ul > li.active > a span, .navigation-menu > ul > li:hover > a span { color: #31987f }
.navigation-menu > ul > li.active > a:before, .navigation-menu > ul > li:hover > a:before { width: 100%; left: 0 }
.navigation-menu.primary--menu > ul > li > a { padding: 31px 2px }
.navigation-menu--text_white > ul > li > a { color: rgba(255,255,255,.7) }
.navigation-menu--text_white > ul > li > a:before { background-color: #fff }
.navigation-menu--text_white > ul > li.active > a { color: #fff }
.navigation-menu--text_white > ul > li.active > a:after, .navigation-menu--text_white > ul > li:hover > a:after { color: #fff }
.navigation-menu--text_white > ul > li.active > a > span, .navigation-menu--text_white > ul > li:hover > a > span { color: #fff }
.header-bottom-left-wrap .navigation-menu > ul > li:first-child { margin: 0 24px 0 0 }
.submenu { position: absolute; top: 100%; left: 0; box-shadow: 0 2px 29px rgba(0,0,0,.05); border-bottom: 3px solid #31987f; background-color: #fff; transform: translateY(50px); transition: all .7s cubic-bezier(.645,.045,.355,1); transition-delay: .2s; transition-duration: .4s; visibility: hidden; opacity: 0; min-width: 240px; padding: 20px 0; z-index: 9 }
.submenu > li { position: relative }
.submenu > li > a { display: block; padding: 5px 30px; color: #ababab; font-weight: 400; transition: 0s }
.submenu > li > a > span { position: relative }
.submenu > li > a > span:after { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; background-color: #31987f; transition: .3s }
.submenu > li > a:hover { color: #31987f }
.submenu > li > a:hover > span:after { width: 100%; left: 0; right: auto }
.submenu > li:hover > .submenu { transform: translateY(0); visibility: visible; opacity: 1; z-index: 9 }
.submenu > li.active > a { color: #31987f }
.submenu > li.has-children > a { position: relative; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.submenu > li.has-children > a:hover:after { color: #31987f }
.submenu > li.has-children.active > a { color: #31987f }
.submenu .submenu { top: 0; left: 100%; right: auto }
.submenu .submenu.left { right: 100%; left: auto }
.submenu .submenu .submenu { top: 0; left: 100%; right: auto }
.submenu .submenu .submenu.left { right: 100%; left: auto }
.submenu .submenu .submenu .submenu { top: 0; left: 100%; right: auto }
.submenu .submenu .submenu .submenu.left { right: 100%; left: auto }
.submenu .submenu .submenu .submenu .submenu { top: 0; left: 100%; right: auto }
.submenu .submenu .submenu .submenu .submenu.left { right: 100%; left: auto }
.menu-style-four .navigation-menu > ul > li, .menu-style-three .navigation-menu > ul > li { padding-left: 24px; padding-right: 24px; margin: 0 }

@media only screen and (min-width:1500px) and (max-width:1599px) {
    .menu-style-four .navigation-menu > ul > li, .menu-style-three .navigation-menu > ul > li { padding-left: 22px; padding-right: 22px }
}

.menu-style-four .navigation-menu > ul > li.active > a:before, .menu-style-four .navigation-menu > ul > li:hover > a:before, .menu-style-three .navigation-menu > ul > li.active > a:before, .menu-style-three .navigation-menu > ul > li:hover > a:before { width: 0%; left: 0 }
.menu-style-four .submenu.left, .menu-style-three .submenu.left { left: -100px }
.menu-style-four .submenu.left .submenu.left, .menu-style-three .submenu.left .submenu.left { right: 100%; left: auto }
.menu-style-four .navigation-menu > ul > li > a { color: #fff }
.menu-style-four .navigation-menu > ul > li > a:before { content: ""; width: 0; height: 3px; bottom: 0; position: absolute; left: 0; background-color: #00447f; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.menu-style-four .navigation-menu > ul > li.active > a:after, .menu-style-four .navigation-menu > ul > li:hover > a:after { color: #fff }
.menu-style-four .navigation-menu > ul > li.active > a > span, .menu-style-four .navigation-menu > ul > li:hover > a > span { color: #fff }
.menu-style-four .navigation-menu > ul > li.active > a:before, .menu-style-four .navigation-menu > ul > li:hover > a:before { width: 100%; left: 0 }
.megamenu { position: absolute; top: 100%; left: 0; box-shadow: 0 2px 29px rgba(0,0,0,.05); border-bottom: 1px solid #fff; background-color: #fff; transform: translateY(50px); transition: all .7s cubic-bezier(.645,.045,.355,1); transition-delay: .2s; transition-duration: .4s; visibility: hidden; opacity: 0; z-index: 9 }
.megamenu--mega { min-width: 980px; width: 100%; padding: 35px 14.348% 30px; display: flex; justify-content: space-around }

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .megamenu--mega { padding-left: 50px; padding-right: 50px }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .megamenu--mega { min-width: 700px }
}

.megamenu--mega > li { flex-basis: 22%; padding-left: 15px; padding-right: 15px }
.megamenu--mega > li .page-list-title { font-size: 14px; margin-bottom: 20px; color: #333 }
.megamenu--mega > li .page-list-title a { color: #333; display: block; text-align: center }
.megamenu--mega > li .page-list-title a span { font-size: 2rem; vertical-align: middle; display: block; transition: .3s }
.megamenu--mega > li .page-list-title a:hover { color: #31987f; transition: .1s }
.megamenu--mega > li .page-list-title a:hover span { transition: .1s }
.megamenu--mega > li > ul > li > a { padding: 10px 0; color: #ababab; line-height: 1.2; transition: .1s }
.megamenu--mega > li > ul > li > a:hover { color: #31987f }
.megamenu--mega > li > ul > li > a:hover span:after { width: 100%; left: 0; right: auto }
.megamenu--mega > li > ul > li > a > span { position: relative }
.megamenu--mega > li > ul > li > a > span:after { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; background-color: #31987f; transition: .3s }
.megamenu--mega > li > ul > li.active > a { color: #31987f }
.container-fluid .megamenu--mega, .container-lg .megamenu--mega, .container-md .megamenu--mega, .container-sm .megamenu--mega, .container-xl .megamenu--mega { padding: 35px 220px 30px }

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .container-fluid .megamenu--mega, .container-lg .megamenu--mega, .container-md .megamenu--mega, .container-sm .megamenu--mega, .container-xl .megamenu--mega { padding-left: 50px; padding-right: 50px }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .container-fluid .megamenu--mega, .container-lg .megamenu--mega, .container-md .megamenu--mega, .container-sm .megamenu--mega, .container-xl .megamenu--mega { padding-left: 50px; padding-right: 50px }
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
    .container-fluid .megamenu--mega, .container-lg .megamenu--mega, .container-md .megamenu--mega, .container-sm .megamenu--mega, .container-xl .megamenu--mega { min-width: 700px }
}

.user-menu { position: relative; display: inline-block }
.user-menu ul { min-width: 200px; opacity: 0; visibility: hidden; position: absolute; top: 80%; right: 0; left: -280%; padding: 2rem 1.5rem; margin: 0; list-style-type: none; z-index: 102; background: rgba(255,255,255,.8); box-shadow: 0 0 15px rgba(0,0,0,.07); transform: translateY(30px); transition: all .7s cubic-bezier(.645,.045,.355,1) }
.user-menu ul li a { font-weight: 500; color: #333; display: block; text-decoration: none; padding: 10px; border: 0; color: #222; line-height: 1 }
.user-menu ul li a span { margin-left: 10px }
.user-menu ul li a:hover { color: #31987f }
.user-menu:hover ul { opacity: 1; visibility: visible; transform: translateY(10px) }
.mobile-navigation-icon { width: 24px; height: 25px; position: relative; cursor: pointer; display: inline-block; margin-left: 20px; margin-top: 14px }

@media only screen and (max-width:479px) {
    .mobile-navigation-icon { margin-left: 10px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mobile-navigation-icon { margin-top: 28px }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .mobile-navigation-icon { margin-top: 30px }
}

.mobile-navigation-icon:hover i { background-color: #31987f }
.mobile-navigation-icon:hover i:before { width: 80%; background-color: #31987f }
.mobile-navigation-icon:hover i:after { background-color: #31987f; width: 60% }
.mobile-navigation-icon i { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background-color: #363636; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.mobile-navigation-icon i:before { position: absolute; bottom: 8px; left: 0; width: 100%; height: 2px; background-color: #363636; content: ""; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.mobile-navigation-icon i:after { position: absolute; bottom: -8px; left: 0; width: 100%; height: 2px; background-color: #363636; content: ""; transition: all .7s cubic-bezier(.645,.045,.355,1) }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .mobile-navigation-icon.white-md-icon i { background-color: #fff }
    .mobile-navigation-icon.white-md-icon i:before { background-color: #fff }
    .mobile-navigation-icon.white-md-icon i:after { background-color: #fff }
    .mobile-navigation-icon.white-md-icon:hover i { background-color: #31987f }
    .mobile-navigation-icon.white-md-icon:hover i:before { width: 80%; background-color: #31987f }
    .mobile-navigation-icon.white-md-icon:hover i:after { background-color: #31987f; width: 60% }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .is-sticky .white-md-icon i { background-color: #333 }
    .is-sticky .white-md-icon i:before { background-color: #333 }
    .is-sticky .white-md-icon i:after { background-color: #333 }
}

.page-open-off-sidebar:hover i { width: 100% }
.page-open-off-sidebar:hover i:before { width: 100% }
.page-open-off-sidebar:hover i:after { width: 100% }
.page-open-off-sidebar i { width: 100%; background-color: #333 }
.page-open-off-sidebar i:before { width: 70%; background-color: #333 }
.page-open-off-sidebar i:after { width: 70%; background-color: #333 }
.hidden-icons-menu { margin-left: 15px }
.hidden-icons-menu a { color: #6d70a6; font-size: 20px }
.hidden-icons-menu a:hover { color: #31987f }
.mobile-menu-overlay, .page-oppen-off-sidebar { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #363636; overflow: auto; transition: all .7s cubic-bezier(.645,.045,.355,1); z-index: 9999; background: rgba(0,0,0,.7); cursor: url(../img/light-close.png) 16 16,pointer; visibility: hidden; opacity: 0 }
.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner { transform: translateX(120%); width: 400px; height: 100%; float: right; cursor: default; background: #31987f; transition: all .7s cubic-bezier(.645,.045,.355,1); overflow-y: auto }

@media only screen and (max-width:479px) {
    .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner { width: 300px }
}

.mobile-menu-overlay.active, .page-oppen-off-sidebar.active { visibility: visible; opacity: 1 }
.mobile-menu-overlay.active .mobile-menu-overlay__inner, .page-oppen-off-sidebar.active .mobile-menu-overlay__inner { transform: translateX(0) }
.mobile-menu-overlay__header, .page-oppen-off-sidebar__header { background-color: #31987f; padding: 15px 0 }
.mobile-menu-overlay__header .mobile-navigation-close-icon, .page-oppen-off-sidebar__header .mobile-navigation-close-icon { position: relative; cursor: pointer; height: 40px; width: 40px; line-height: 40px; display: inline-block }
.mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before { position: absolute; top: 23px; left: 8px; content: ""; width: 24px; height: 3px; background: #fff; transform-origin: 50% 50%; transform: rotate(45deg); transition: all .7s cubic-bezier(.645,.045,.355,1) }
.mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after { position: absolute; top: 23px; left: 8px; content: ""; width: 24px; height: 3px; background: #fff; transform-origin: 50% 50%; transform: rotate(-45deg); transition: all .7s cubic-bezier(.645,.045,.355,1) }
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover { color: #fff }
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before { transform: none }
.mobile-menu-overlay__body, .page-oppen-off-sidebar__body { padding: 20px 40px 100px }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li { border-bottom: 1px solid rgba(255,255,255,.15) }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a { display: block; color: #fff; padding-top: 18px; padding-bottom: 18px; font-size: 16px; font-weight: 500; line-height: 1.5; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover { color: #fff }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child { border-bottom: 0 }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children { position: relative }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before { content: "\E619"; transform: rotate(180deg) }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand { position: absolute; right: 0; top: 12px; width: 40px; height: 40px; color: #fff; text-align: center; line-height: 40px; cursor: pointer; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before { content: "\E619"; font-size: 18px; font-family: iconfont; display: inline-block }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu { padding: 12px 0 14px 10px; border-top: 1px solid rgba(255,255,255,.15) }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li { border-bottom: 1px solid rgba(255,255,255,.15) }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a { display: block; font-size: 15px; color: rgba(255,255,255,.7); font-weight: 500; line-height: 1.5; padding: 10px 0 }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover { color: #fff }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child { border-bottom: 0 }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children { position: relative }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before { transform: rotate(180deg); content: "\E619" }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand { position: absolute; right: 0; top: 6px; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 30px; cursor: pointer; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before { content: "\E619"; font-size: 16px; font-family: iconfont; font-weight: 500; display: inline-block }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children { position: relative }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before { transform: rotate(180deg); content: "\E619" }
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before { content: "\E619"; font-size: 16px; font-family: iconfont; font-weight: 500; transform: rotate(0); display: inline-block }
.mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a, .page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a { font-weight: 700 }
form input, form select, form textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0 }
form select { position: relative }
form select :before { position: absolute; content: "\E642"; right: 10px; top: 18px; font-family: iconfont !important; font-size: 18px; color: #363636 }
form .row .col-sm-6:first-child { padding-right: 1rem }
form .row .col-sm-6:last-child { padding-left: 1rem }

@media (max-width:767.98px) {
    form .row .col-sm-6:first-child { padding-right: 7.5px }
    form .row .col-sm-6:last-child { padding-left: 7.5px }
}

form .row .form-control { background: #f5f7f9; border: 2px solid #eee }
form .row .form-label { color: #666 }
.go-top-area { position: relative; z-index: 999 }
.go-top-area .go-top { position: fixed; cursor: pointer; top: 0; right: 24px; color: #fff; background-color: #31987f; z-index: 9999; width: 40px; text-align: center; height: 42px; line-height: 42px; opacity: 0; visibility: hidden; transition: .9s; border-radius: 0 }

@media (prefers-reduced-motion:reduce) {
    .go-top-area .go-top { transition: none }
}

.go-top-area .go-top i { position: absolute; top: 50%; left: -4px; right: 0; margin: 0 auto; font-size: 15px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); transition: .5s }

@media (prefers-reduced-motion:reduce) {
    .go-top-area .go-top i { transition: none }
}

.go-top-area .go-top i:last-child { opacity: 0; visibility: hidden; top: 60% }
.go-top-area .go-top::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #31987f; opacity: 0; visibility: hidden; transition: .5s; border-radius: 0 }

@media (prefers-reduced-motion:reduce) {
    .go-top-area .go-top::before { transition: none }
}

.go-top-area .go-top:focus, .go-top-area .go-top:hover { color: #fff }
.go-top-area .go-top:focus::before, .go-top-area .go-top:hover::before { opacity: 1; visibility: visible }
.go-top-area .go-top:focus i:first-child, .go-top-area .go-top:hover i:first-child { opacity: 0; top: 0; visibility: hidden }
.go-top-area .go-top:focus i:last-child, .go-top-area .go-top:hover i:last-child { opacity: 1; visibility: visible; top: 50% }
.go-top-area .go-top.active { top: 98%; -webkit-transform: translateY(-98%); -moz-transform: translateY(-98%); -ms-transform: translateY(-98%); -o-transform: translateY(-98%); transform: translateY(-98%); opacity: 1; visibility: visible; border-radius: 0; right: 20px }

@media (min-width:992px) {
    .go-top-area .go-top.active { top: 93% }
}

@media (min-width:768px) {
    .go-top-area .go-top.active { top: 93% }
}

.go-top-wrap { position: relative }
.go-top-wrap .go-top-btn { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; top: 3px; z-index: 1; background: #31987f; border-radius: 0 }
.go-top-wrap .go-top-btn i { font-size: 20px; font-weight: 700; padding-left: 4px; color: #fff }
.go-top-wrap .go-top-btn::after { z-index: -1; content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 40px; -webkit-animation: ripple 1.6s ease-out infinite; -moz-animation: ripple 1.6s ease-out infinite; -o-animation: ripple 1.6s ease-out infinite; animation: ripple 1.6s ease-out infinite; opacity: 0; background: #31987f; border-radius: 0 }
.go-top-wrap .go-top-btn:hover { background-color: #000; color: #fff }

@keyframes ripple {
    0%,35% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1 }
    50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: .8 }
    100% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2) }
}

@-webkit-keyframes ripple {
    0%,35% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 1 }
    50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); opacity: .8 }
    100% { opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2) }
}

.side-pannel { position: fixed; right: 20px; z-index: 99 }
.side-bar { border: 1px solid #e7e7e7; border-bottom: none; bottom: 200px; background: #fff }
.side-bar a { display: block; cursor: pointer; width: 70px; height: 60px; border-bottom: 1px solid #e7e7e7; position: relative; color: #676767; text-align: center }
.side-bar a s { display: block; margin-left: auto; margin-right: auto }
.side-bar a span { line-height: 20px }
.side-bar a.gotop s { position: absolute; top: 50%; left: 17px }
.side-bar a.text { padding-top: 25px }
.side-bar a.qr s { position: absolute; top: 50%; left: 18px }
.side-bar a.qr i { width: 277px; height: 259px; position: absolute; left: -277px; top: 50%; margin-top: -120px; display: none; background-position: right center; background-repeat: no-repeat }
.side-bar a.qr:hover i { display: block }
.g-icon-top { height: 20px; width: 35px; margin-top: -10px; background-position: 0 -33px }
.g-icon-survey1 { height: 23px; width: 26px; margin-top: -11px; background-position: 0 -53px }
.side-bar a.survey:hover s { height: 23px; width: 26px; margin-top: -11px; background-position: -26px -53px }
.g-icon-qq1 { height: 20px; width: 22px; margin-top: -10px; background-position: -35px -33px }
.g-icon-weibo1 { height: 25px; width: 27px; margin-top: -12px; background-position: -72px 0 }
.g-icon-weibo2, .side-bar a.weibo:hover s { height: 25px; width: 27px; margin-top: -12px; background-position: -72px -25px }
.g-icon-qr1 { height: 33px; width: 36px; margin-top: -16px; background-position: -36px 0 }
.g-icon-qr2, .side-bar a.qr:hover s { height: 33px; width: 36px; margin-top: -16px; background-position: 0 0 }
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2, .side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s { background-image: url(../images/sprite.png) }
.ge-search-result-data-item { padding: 30px 0; border-top: 1px #e4e4e4 solid }
.ge-search-result-data-item .ge-search-result-data-detail { overflow: hidden }
.ge-search-result-data-item .ge-search-result-data-detail .ge-search-result-category { display: table; table-layout: fixed; margin: 0 -15px; padding: 0; list-style: none }
.ge-search-result-data-item .ge-search-result-data-detail .ge-search-result-category .ge-search-result-category-item { position: relative; display: table-cell; text-transform: uppercase; vertical-align: middle; font-size: 12px; line-height: 2; padding: 0 15px }
.ge-search-result-data-item .ge-search-result-data-detail .ge-search-result-category .ge-search-result-category-item:before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 9px; margin-top: -5.5px; background-color: #333 }
.ge-search-result-data-item .ge-search-result-data-detail .ge-search-result-title { font-size: 18px; line-height: 1.77777; color: #333 }
.ge-search-result-data-item .ge-search-result-data-detail .ge-search-result-button .ge-search-result-button-text { position: relative; display: inline-block; padding-right: 18px; color: #31987f; font-size: 14px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase }
.search-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; transition: all .7s cubic-bezier(.645,.045,.355,1); z-index: 9999; visibility: hidden; opacity: 0; overflow: hidden; transform: translateY(100%); transition: all .7s cubic-bezier(.645,.045,.355,1) }
.search-overlay__inner { width: 100%; height: 100%; cursor: default; background: #fff; transition: all .7s cubic-bezier(.645,.045,.355,1); overflow-y: hidden; display: flex; align-items: center; justify-content: center }
.search-overlay.active { transform: translateY(0); visibility: visible; opacity: 1 }
.search-overlay__header { background-color: #fff; padding: 15px 0 }
.search-overlay__header .mobile-navigation-close-icon { position: relative; cursor: pointer; height: 48px; width: 48px; line-height: 48px; display: inline-block }
.search-overlay__header .mobile-navigation-close-icon:before { position: absolute; top: 28px; left: 0; content: ""; width: 42px; height: 3px; background: #333; transform-origin: 50% 50%; transform: rotate(45deg); transition: all .7s cubic-bezier(.645,.045,.355,1) }
.search-overlay__header .mobile-navigation-close-icon:after { position: absolute; top: 28px; left: 0; content: ""; width: 42px; height: 3px; background: #333; transform-origin: 50% 50%; transform: rotate(-45deg); transition: all .7s cubic-bezier(.645,.045,.355,1) }
.search-overlay__header .mobile-navigation-close-icon:hover { color: #31987f }
.search-overlay__header .mobile-navigation-close-icon:hover:after, .search-overlay__header .mobile-navigation-close-icon:hover:before { transform: none }
.search-overlay__body { width: 100%; margin: 0 auto; margin-bottom: 75px }
.search-overlay__form { position: relative; max-width: 1200px; padding: 0 15px; width: 100%; margin: auto }
.search-overlay__form input { background-color: transparent; border: 0; border-bottom: 2px solid #31987f; border-radius: 0; padding: 15px 50px 15px 0; width: 100%; color: #fff; font-size: 72px; height: 100px }

@media only screen and (max-width:767px) {
    .search-overlay__form input { font-size: 30px; height: 60px }
}

.search-overlay__form input::placeholder { color: #31987f; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.search-overlay__form input[type=text]:focus { color: #31987f; border-color: #31987f }
.search-overlay__form #results { padding: 3rem 0 }
.search-overlay__form #results ul li { padding: .5rem 0 }
.index-banner { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; padding-left: 0; padding-right: 0; opacity: 0; visibility: hidden }
.index-banner .slick { width: 100%; height: 100%; margin: 0 }
.index-banner .slick .slide { position: relative; width: 100%; height: 100% }
.index-banner .slick .slide::before { height: 200px; width: 100%; content: ""; background: linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.25) 100%); display: block; position: absolute; bottom: 0; left: 0 }
.index-banner .slick .slide .banner-img { width: 100%; height: auto; float: left }
.index-banner .slick .slide a.btn-more { border: 1px solid #fff; text-align: center; color: #fff; display: inline-block; text-decoration: none; position: absolute; font-size: .875em; padding: 5px 0 }
.rich-text-2 { text-align: left; top: 50%; left: 14.5%; position: absolute; margin: 0; width: 50% }

@media (max-width:992px) {
    .index-banner .slick .slide a.btn-more { min-width: 140px; padding-left: 20px; padding-right: 20px }
    .index-banner .slick .slide::before { height: 90px }
}

.index-banner .slick .slide a.btn-more:hover { background-color: #c7000b; border-color: #c7000b; color: #fff }
.index-banner .slick .slide a.btn-more.btn-black { color: #111; border: 1px solid #111 }
.index-banner .slick .slide a.btn-more.btn-black:hover { border-color: #c7000b; color: #fff }
.index-banner .slick .slide a.btn-more.btn-center { left: 50%; margin-left: -89px; margin-left: -50px }
.index-banner .pagination { position: absolute; width: 100%; text-align: center; margin: 0; bottom: 0; display: none }
.index-banner .pagination a { color: #fff; display: inline-block; margin: 0 5px; padding: 20px 0; font-size: .875em; text-decoration: none; opacity: 1 }
.index-banner .pagination a .progress-div { width: 150px; height: 2px; background: rgba(230,230,230,.7); position: relative }
.index-banner .pagination a .progress-div div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #31987f; display: none }
.index-banner .pagination a.active .progress-div div { display: block; animation: showdiv 4s 1 linear; -webkit-animation: showdiv 4s 1 linear }
.index-banner .slick-prev { left: 0; z-index: 999 }

@media (max-width:992px) {
    .index-banner .slick-prev { display: none !important }
    .index-banner .slick-next { display: none !important }
}

.index-banner .slick-prev:before { font-family: iconfont !important; font-size: 50px; line-height: 35px; content: "\E606"; color: #fff }
.index-banner .slick-next { right: 0; transform: rotate(180deg); margin-top: 5px }
.index-banner .slick-next:before { font-family: iconfont !important; font-size: 50px; line-height: 35px; content: "\E606"; color: #fff }
.index-banner .slick-dots { bottom: 20px }
.index-banner .slick-dots li { border: 1px solid #fff }
.index-banner .slick-dots .slick-active { background: #fff }

@media (min-width:992px) {
    .index-banner .slick .slick-dots { display: none !important }
    .index-banner .slick .slide a.btn-more { padding: 0 30px; min-width: 170px; height: 42px; line-height: 40px }
    .index-banner .slick .slide a.btn-more.btn-center { margin-left: -89px }
    .index-banner .pagination { display: block }
    .index-banner .arrow-left, .index-banner .arrow-right { margin-top: -40px }
    .index-banner .arrow-left:before, .index-banner .arrow-right:before { font-size: 60px; line-height: 60px }
    .index-banner .slick-prev { opacity: 0; visibility: hidden; left: 2%; -webkit-transition: all .4s; transition: all .4s }
    .index-banner .slick-prev:before { font-size: 55px; line-height: 35px }
    .index-banner .slick-next { opacity: 0; visibility: hidden; right: 2%; -webkit-transition: all .4s; transition: all .4s }
    .index-banner .slick-next:before { font-size: 55px; line-height: 35px }
}

@media (min-width:992px) {
    .slick:hover .slick-prev { opacity: 1; visibility: visible }
    .slick:hover .slick-next { opacity: 1; visibility: visible }
}

.slick-dots li button:before { content: "" }
.news-slider__one { position: relative; background: #fff; margin: 20px 15px 35px; box-shadow: 0 0 20px rgba(51,51,51,.1); transition: all .3s ease-in-out; transform: translateY(0) !important }
.news-slider__one:hover { transform: translateY(-5px) !important }
.newscard { overflow: hidden; border-radius: .25rem !important }
.newscard .card-body { padding: 10px 25px 83px !important }
.newscard .card-body .post-meta { display: flex; flex-wrap: wrap; margin: 0 -10px }
.newscard .card-body .post-meta .post-author { padding: 5px 10px 0 }
.newscard .card-body .post-meta .post-author .avatar-96 { width: 32px; vertical-align: middle; margin-right: 6px; border-radius: 50% }
.newscard .card-body .post-meta .post-date, .newscard .card-body .post-meta .post-view { padding: 5px 10px; color: #999 }
.newscard .card-body .post-meta .post-date .meta-icon, .newscard .card-body .post-meta .post-view .meta-icon { margin-right: 6px }
.newscard .card-body .post-meta .post-comments { padding: 5px 10px }
.newscard .card-body .post-meta .post-comments .meta-icon { margin-right: 6px }
.newscard .card-body .post-read-more .btn-read-more { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 56px; line-height: 55px; text-align: center; font-size: 14px; font-weight: 500; border-top: 1px solid #eee; color: #31987f; display: block }
.newscard .card-body .post-read-more .btn-read-more::before { background: #31987f; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(100%); transition: all .7s cubic-bezier(.645,.045,.355,1); z-index: -1 }
.newscard .card-body .post-read-more .btn-read-more:hover { color: #fff }
.newscard .card-body .post-read-more .btn-read-more:hover::before { transform: translateY(0) }
.img-responsive_wrapper .img-responsive, .text_primary, .text_primary .detail, .text_primary .detail:after, .text_primary .detail:before, .text_primary h3, .text_primary time, .text_primary:after { transition: all 1.2s cubic-bezier(.77,0,.175,1); -webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1); -moz-transition: all 1.2s cubic-bezier(.77,0,.175,1); -ms-transition: all 1.2s cubic-bezier(.77,0,.175,1); -o-transition: all 1.2s cubic-bezier(.77,0,.175,1) }
.text_primary { padding-top: 40px; padding-bottom: 40px; background-color: #fff; padding-left: 7.5%; padding-right: 7.5%; position: relative; z-index: 200 }
.text_primary h3 { font-size: 1em; line-height: 1.5em; color: #000; position: relative; z-index: 200; height: 88px; overflow: hidden }
.text_primary time { display: block; margin-top: 10px; position: relative; z-index: 200 }
.text_primary:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff }
.text_primary .detail { position: absolute; top: -27px; right: 30px; width: 54px; height: 54px; border-radius: 50%; z-index: 200; border: 2px solid #fff; background-color: #31987f }
.text_primary .detail:after, .text_primary .detail:before { content: ""; position: absolute; z-index: 10 }
.text_primary .detail:after { width: 100%; height: 100%; top: 50%; left: 50%; border: 2px solid #31987f; border-radius: 50%; opacity: 0; -webkit-transition: -webkit-all 350ms cubic-bezier(.645,.045,.355,1); -moz-transition: all 350ms cubic-bezier(.645,.045,.355,1); transition: all 350ms cubic-bezier(.645,.045,.355,1); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); margin-top: -25px; margin-left: -25px }
.text_primary .detail:before { top: 0; left: 0; width: 100%; height: 100%; background-color: #31987f; opacity: 1; border-radius: 50%; -webkit-transition: -webkit-all 350ms cubic-bezier(.645,.045,.355,1); -moz-transition: all 350ms cubic-bezier(.645,.045,.355,1); transition: all 350ms cubic-bezier(.645,.045,.355,1) }
.text_primary .detail span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20 }
.text_primary .detail span:after, .text_primary .detail span:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: #fff; -webkit-transition: -webkit-all 350ms cubic-bezier(.645,.045,.355,1); -moz-transition: all 350ms cubic-bezier(.645,.045,.355,1); transition: all 350ms cubic-bezier(.645,.045,.355,1) }
.text_primary .detail span:after { width: 21px; height: 3px }
.text_primary .detail span:before { width: 3px; height: 21px }
.slick_item_box { display: block }
.img-responsive_wrapper { position: relative; padding-top: 57.5%; overflow: hidden }
.img-responsive_wrapper .img-responsive { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02) }
.img-responsive_wrapper:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; padding-top: 100%; background-color: rgba(213,65,77,.5); border-radius: 100%; z-index: 20; opacity: 0; visibility: hidden; -ms-transform: scale(0) translateY(0); -webkit-transform: scale(0) translateY(0); -moz-transform: scale(0) translateY(0); -o-transform: scale(0) translateY(0); transform: scale(0) translateY(0); transition: all 2.2s cubic-bezier(.39,.575,.565,1); -webkit-transition: all 2.2s cubic-bezier(.39,.575,.565,1); -moz-transition: all 2.2s cubic-bezier(.39,.575,.565,1); -ms-transition: all 2.2s cubic-bezier(.39,.575,.565,1); -o-transition: all 2.2s cubic-bezier(.39,.575,.565,1) }
.slick_item_box:hover .text_primary .parma, .slick_item_box:hover .text_primary h3, .slick_item_box:hover .text_primary time { -moz-transform: translate(0,-25px); -ms-transform: translate(0,-25px); -webkit-transform: translate(0,-25px); transform: translate(0,-25px) }
.slick_item_box:hover .text_primary:after { -moz-transform: translate(0,-25px); -ms-transform: translate(0,-25px); -webkit-transform: translate(0,-25px); transform: translate(0,-25px) }
.slick_item_box:hover .img-responsive { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) }
.slick_item_box:hover .detail { -moz-transform: translate(0,-25px); -ms-transform: translate(0,-25px); -webkit-transform: translate(0,-25px); transform: translate(0,-25px); opacity: 1; visibility: visible; background-color: #fff; border-color: #31987f }
.slick_item_box:hover .detail:after { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); transform: scale(1.03); opacity: 1 }
.slick_item_box:hover .detail:before { -webkit-transform: scale(.2); -moz-transform: scale(.2); transform: scale(.2); opacity: 0 }
.slick_item_box:hover .detail span:before { background-color: #31987f }
.slick_item_box:hover .detail span:after { background-color: #31987f }
.slick_item_box:hover .img-responsive_wrapper:after { opacity: 1; visibility: visible; -o-transform: scale(2) translateY(-25%); -moz-transform: scale(2) translateY(-25%); -webkit-transform: scale(2) translateY(-25%); -ms-transform: scale(2) translateY(-25%); transform: scale(2) translateY(-25%) }
.slick_item_box:hover .img-responsive_wrapper:after { opacity: 1; visibility: visible; -o-transform: scale(2) translateY(-25%); -moz-transform: scale(2) translateY(-25%); -webkit-transform: scale(2) translateY(-25%); -ms-transform: scale(2) translateY(-25%); transform: scale(2) translateY(-25%) }
.news_box { display: block; position: relative }
.news_box .card-title { min-height: 60px; overflow: hidden }
.news_box .card-title a { font-size: 16px; color: #363636 }
.news_box .card-title a:hover { color: #31987f }
.news_box .card-text { min-height: 72px; overflow: hidden }
.news_link { display: block; position: relative }
.newslist__title { text-align: center; margin: 0 auto; padding: 0 8.5% }
.time-box { position: relative; display: block; margin-bottom: 30px }
.time-box span { display: inline-block; background: #fff; color: #666; z-index: 1; position: relative; padding: 0 20px }
.time-box .line { position: absolute; width: 83%; height: 1px; background: #ddd; top: 0; left: 8.5%; top: 50%; margin-top: -1px; content: ""; z-index: -1 }
.partner { position: relative }
.partner .ebg-bg { position: absolute; width: 100%; left: 0; top: 0; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50%; height: 100%; background-image: url(/img/partners-bg-1.jpg) }
.partner .cistern { position: relative }
.partner .cistern p { font-size: 1.25rem }
.single-popup-wrap { position: relative }
.video-link { transition: all .3s cubic-bezier(.645,.045,.355,1); display: block }
.video-link .ht-popup-video.video-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(8,106,216,.8) }
.video-link .ht-popup-video.video-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto }
.video-link .ht-popup-video.video-button .video-mark { position: absolute; top: 50%; left: 50%; transform: translateY(-50%,-50%); pointer-events: none }
.video-link .ht-popup-video.video-button .video-mark .wave-pulse { width: 1px; height: 0; margin: 0 auto }
.video-link .ht-popup-video.video-button .video-mark .wave-pulse::after, .video-link .ht-popup-video.video-button .video-mark .wave-pulse::before { opacity: 0; content: ""; display: block; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; border-radius: 50%; border: 3px solid #31987f; animation: zoomBig 3.25s linear infinite; animation-delay: 0s }
.video-link .ht-popup-video.video-button .video-mark .wave-pulse::before { animation-delay: .75s }
.video-link .ht-popup-video .video-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto }
.video-link .ht-popup-video .video-button__one { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.video-link .ht-popup-video .video-button__one .video-play { width: 72px; height: 72px; background: 0 0; border: 6px solid #fff; border-radius: 50%; transition: all 1s cubic-bezier(0,0,.2,1) !important }
.video-link .ht-popup-video .video-button__one .video-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1; margin-left: 1px }
.video-link .ht-popup-video .video-button__one .video-play-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; transform: translate(-50%,-50%); border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 17px solid #fff }
.video-link .ht-popup-video .video-button__two { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer }
.video-link .ht-popup-video .video-button__two .video-play { width: 78px; height: 78px; background: #31987f; box-shadow: 0 2px 41px 0 rgba(91,99,254,.36); border-radius: 50%; transition: all 1s cubic-bezier(0,0,.2,1) !important; box-shadow: 0 20px 30px rgba(0,0,0,.07) }
.video-link .ht-popup-video .video-button__two .video-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: 1; margin-left: 1px }
.video-link .ht-popup-video .video-button__two .video-play-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; transform: translate(-50%,-50%); border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 17px solid #fff; border-top-width: 12px; border-bottom-width: 12px; border-left-width: 19px; border-left-color: #fff }
.video-link:hover .video-play { transform: scale3d(1.15,1.15,1.15) }

@keyframes zoomBig {
    0% { transform: translate(-50%,-50%) scale(0); opacity: 1; border-width: 3px }
    40% { opacity: .5; border-width: 2px }
    65% { border-width: 1px }
    100% { transform: translate(-50%,-50%) scale(1); opacity: 0; border-width: 1px }
}

@keyframes zoomBig {
    0% { transform: translate(-50%,-50%) scale(0); opacity: 1; border-width: 3px }
    40% { opacity: .5; border-width: 2px }
    65% { border-width: 1px }
    100% { transform: translate(-50%,-50%) scale(1); opacity: 0; border-width: 1px }
}

.video-js .vjs-big-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 78px; height: 78px; background: #31987f; box-shadow: 0 2px 41px 0 rgba(91,99,254,.36); border-radius: 50%; transition: all 1s cubic-bezier(0,0,.2,1) !important; box-shadow: 0 20px 30px rgba(0,0,0,.07); cursor: pointer; border-width: 0 }
.video-js .vjs-big-play-button .vjs-icon-placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) }
.video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 17px solid #fff; border-top-width: 12px; border-bottom-width: 12px; border-left-width: 19px; border-left-color: #fff }
.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { border-color: #fff; background-color: #73859f; background-color: rgba(188,26,33,.5); transition: all 0s }
.industry .con .box { position: relative; overflow: hidden }
.industry .con .box .bod { margin-top: 40px; position: relative; overflow: visible }
.industry .con .box .bod ul { margin: 0 auto; position: relative }
.industry .con .box .bod ul li { width: 70%; transition: .5s; position: relative }
.industry .con .box .bod ul li .text { position: absolute; left: 5%; bottom: 0; top: 85%; background: #fff; border-radius: 10px 10px 0 0; padding: 35px 50px; width: 90%; opacity: 0; overflow: hidden; -webkit-transition: .8s; transition: .8s }

@media only screen and (min-width:768px) and (max-width:991px) {
    .industry .con .box .bod ul li .text { padding: 25px 30px; bottom: -10px }
}

@media only screen and (max-width:767px) {
    .industry .con .box .bod ul li .text { padding: 20px 20px; bottom: -10px }
}

.industry .con .box .bod ul li .text h4 { font-size: 22px; line-height: 1.375; color: #333 }

@media only screen and (min-width:768px) and (max-width:991px) {
    .industry .con .box .bod ul li .text h4 { font-size: 20px }
}

@media only screen and (max-width:767px) {
    .industry .con .box .bod ul li .text h4 { font-size: 16px }
}

.industry .con .box .bod ul li .text h3 { font-size: 28px; line-height: 1.375; color: #333 }
.industry .con .box .bod ul li .text .info { line-height: 1.75; padding-top: 15px }
.industry .con .box .bod ul li .text .info p { margin: 0 }

@media only screen and (min-width:768px) and (max-width:991px) {
    .industry .con .box .bod ul li .text .info { display: none }
}

@media only screen and (max-width:767px) {
    .industry .con .box .bod ul li .text .info { display: none }
}

.industry .con .box .bod ul li :before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: .4; transition: .5s }
.industry .con .box .bod ul li.swiper-slide-active { z-index: 99 }
.industry .con .box .bod ul li.swiper-slide-active :before { opacity: 0 }
.industry .con .box .bod ul li.swiper-slide-active .text { opacity: 1; transition: all .5s }
.industry .con .box .bod ul li.swiper-slide-active .text:hover { top: 0; bottom: -20px; transition: all .5s }
.industry .con .box .prev { position: absolute; left: 0; top: 50%; font-size: 60px; color: #666; margin-top: -65px; cursor: pointer; z-index: 5; width: 60px; height: 60px; background: 0 0 }

@media only screen and (min-width:768px) and (max-width:991px) {
    .industry .con .box .prev { font-size: 36px; margin-top: -45px }
}

@media only screen and (max-width:767px) {
    .industry .con .box .prev { font-size: 30px; margin-top: -35px }
}

.industry .con .box .next { position: absolute; right: 0; top: 50%; font-size: 60px; color: #666; margin-top: -65px; cursor: pointer; z-index: 5; width: 60px; height: 60px; background: 0 0 }

@media only screen and (min-width:768px) and (max-width:991px) {
    .industry .con .box .next { font-size: 36px; margin-top: -45px }
}

@media only screen and (max-width:767px) {
    .industry .con .box .next { font-size: 30px; margin-top: -35px }
}

.industry .con .box .next:after { display: none }
.industry .con .box .prev:after { display: none }
.ht-social-networks .item { display: inline-block }
.ht-social-networks .item .social-link { display: block; padding: 5px 8px }
.ht-social-networks.large-icon .social-link { padding: 5px 13px; font-size: 20px }
.ht-social-networks.extra-large-icon .social-link { padding: 5px 15px; font-size: 30px }
.ht-social-networks.flat-round .item, .ht-social-networks.solid-rounded-icon .item { margin: 8px }
.ht-social-networks.flat-round .social-link, .ht-social-networks.solid-rounded-icon .social-link { font-size: 18px !important; display: block; text-align: center; height: 38px; width: 38px; line-height: 25px; background: #ededed; color: #696969; border-radius: 50%; position: relative }
.ht-social-networks.flat-round .social-link:hover, .ht-social-networks.solid-rounded-icon .social-link:hover { color: #fff; background: #31987f }
.ht-social-networks.solid-rounded-icon .social-link { background: 0 0; border: 1px solid #e0e0e0 }
.ht-social-networks.solid-rounded-icon .social-link:hover { border: 1px solid #31987f; color: #fff }
.ht-social-networks.solid-rounded-icon.social-white .social-link { color: #fff }
.ht-social-networks.solid-rounded-icon.social-white .social-link:hover { border: 1px solid #fff; color: #31987f; background: #fff }
.ht-social-networks.icon-tilte .link-icon { font-size: 16px; min-width: 16px; margin-right: 10px }
.ht-social-networks.tilte-style .social-link { position: relative }
.ht-social-networks.tilte-style .social-link::before { content: "-"; position: absolute; top: 50%; left: -5px; transform: translateY(-50%); color: #333 }
.ht-social-networks.tilte-style .social-link:hover .link-text::after { background-color: #00447f; width: 100%; left: 0 }
.ht-social-networks.tilte-style .item:first-child .social-link::before { display: none }
.ht-social-networks.tilte-style .link-text { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; color: #333; position: relative; padding: 5px 0; z-index: 1 }
.ht-social-networks.tilte-style .link-text::before { content: ""; height: 2px; bottom: 0; position: absolute; left: 0; right: 0; z-index: -2; background: rgba(0,0,0,.2) }
.ht-social-networks.tilte-style .link-text::after { content: ""; height: 2px; width: 0; bottom: 0; position: absolute; left: auto; right: 0; z-index: -1; transition: width .6s cubic-bezier(.25,.8,.25,1) 0s }
.ht-social-networks.white-tilte-social .social-link::before { color: rgba(255,255,255,.7) }
.ht-social-networks.white-tilte-social .social-link:hover .link-text::after { background-color: #fff }
.ht-social-networks.white-tilte-social .link-text { color: #fff }
.ht-social-networks.white-tilte-social .link-text::before { background: rgba(255,255,255,.7) }
[class*=hint--] { position: relative; display: inline-block }
[class*=hint--]:after, [class*=hint--]:before { position: absolute; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s }
[class*=hint--]:hover:after, [class*=hint--]:hover:before { visibility: visible; opacity: 1 }
[class*=hint--]:hover:after, [class*=hint--]:hover:before { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s }
[class*=hint--]:before { content: ""; position: absolute; background: 0 0; border: 7px solid transparent; z-index: 1000001 }
[class*=hint--]:after { background: #31987f; color: #fff; padding: 8px 10px; font-size: 14px; line-height: 14px; white-space: nowrap; border-radius: 5px; box-shadow: 4px 4px 8px rgba(0,0,0,.3) }
[class*=hint--][aria-label]:after { content: attr(aria-label) }
[class*=hint--][data-hint]:after { content: attr(data-hint) }
[aria-label=""]:after, [aria-label=""]:before, [data-hint=""]:after, [data-hint=""]:before { display: none !important }
.hint--top-left:before { border-top-color: #31987f }
.hint--top-right:before { border-top-color: #31987f }
.hint--top:before { border-top-color: #31987f }
.hint--bottom-left:before { border-bottom-color: #31987f }
.hint--bottom-right:before { border-bottom-color: #31987f }
.hint--bottom:before { border-bottom-color: #31987f }
.hint--left:before { border-left-color: #31987f }
.hint--right:before { border-right-color: #31987f }
.hint--white:after { background: #fff; color: #333; padding: 8px 10px; font-size: 14px; line-height: 14px; white-space: nowrap; border-radius: 5px }
.hint--white:before { border-top-color: #fff }
.hint--black:after { background: #000; color: #fff; padding: 8px 10px; font-size: 14px; line-height: 14px; white-space: nowrap; border-radius: 5px }
.hint--black:before { border-top-color: #000 }
.hint--black.hint--bottom::before { border-bottom-color: #000 }
.hint--black.hint--top-left::before { border-top-color: #000 }
.hint--black.hint--bottom-left::before { border-bottom-color: #000 }
.hint--black.hint--top::before { border-top-color: #000 }
.hint--black.hint--left::before { border-left-color: #000 }
.hint--black:before { border-top-color: transparent }
.hint--theme-two:after { background: #00447f; color: #fff; padding: 8px 10px; font-size: 14px; line-height: 14px; white-space: nowrap; border-radius: 5px }
.hint--theme-two:before { border-top-color: #00447f }
.hint--theme-two.hint--bottom::before { border-bottom-color: #00447f }
.hint--theme-two.hint--top-left::before { border-top-color: #00447f }
.hint--theme-two.hint--top::before { border-top-color: #00447f }
.hint--theme-two.hint--left::before { border-left-color: #00447f }
.hint--theme-two:before { border-top-color: transparent }
.hint--top:before { margin-bottom: -13px }
.hint--top:after, .hint--top:before { bottom: 100%; left: 50% }
.hint--top:before { left: calc(50% - 7px) }
.hint--top:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%) }
.hint--top:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px) }
.hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); -moz-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px) }
.hint--bottom:before { margin-top: -13px }
.hint--bottom:after, .hint--bottom:before { top: 100%; left: 50% }
.hint--bottom:before { left: calc(50% - 7px) }
.hint--bottom:after { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%) }
.hint--bottom:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px) }
.hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); -moz-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px) }
.hint--right:before { margin-left: -13px; margin-bottom: -7px }
.hint--right:after { margin-bottom: -15px }
.hint--right:after, .hint--right:before { left: 100%; bottom: 50% }
.hint--right:hover:before { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px) }
.hint--right:hover:after { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); transform: translateX(8px) }
.hint--left:before { margin-right: -13px; margin-bottom: -7px }
.hint--left:after { margin-bottom: -15px }
.hint--left:after, .hint--left:before { right: 100%; bottom: 50% }
.hint--left:hover:before { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px) }
.hint--left:hover:after { -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); transform: translateX(-8px) }
.hint--top-left:before { margin-bottom: -13px }
.hint--top-left:after, .hint--top-left:before { bottom: 100%; left: 50% }
.hint--top-left:before { left: calc(50% - 7px) }
.hint--top-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%) }
.hint--top-left:after { margin-left: 14px }
.hint--top-left:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px) }
.hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); -moz-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px) }
.hint--top-right:before { margin-bottom: -13px }
.hint--top-right:after, .hint--top-right:before { bottom: 100%; left: 50% }
.hint--top-right:before { left: calc(50% - 7px) }
.hint--top-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) }
.hint--top-right:after { margin-left: -14px }
.hint--top-right:hover:before { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px) }
.hint--top-right:hover:after { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px) }
.hint--bottom-left:before { margin-top: -13px }
.hint--bottom-left:after, .hint--bottom-left:before { top: 100%; left: 50% }
.hint--bottom-left:before { left: calc(50% - 7px) }
.hint--bottom-left:after { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%) }
.hint--bottom-left:after { margin-left: 14px }
.hint--bottom-left:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px) }
.hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); -moz-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px) }
.hint--bottom-right:before { margin-top: -13px }
.hint--bottom-right:after, .hint--bottom-right:before { top: 100%; left: 50% }
.hint--bottom-right:before { left: calc(50% - 7px) }
.hint--bottom-right:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0) }
.hint--bottom-right:after { margin-left: -14px }
.hint--bottom-right:hover:before { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px) }
.hint--bottom-right:hover:after { -webkit-transform: translateY(8px); -moz-transform: translateY(8px); transform: translateY(8px) }
.hint--no-animate:after, .hint--no-animate:before { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s }
.hint--bounce:after, .hint--bounce:before { -webkit-transition: opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24); -moz-transition: opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24); transition: opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24) }
.ht-btn { font-size: 15px; font-weight: 500; border-style: solid; border-radius: 5px; border-color: transparent; padding: 0 36px; text-align: center; color: #fff; background: #31987f; border-width: 1px; transform: translateY(0) }
.ht-btn:active, .ht-btn:focus, .ht-btn:hover { color: #fff; background-image: #31987f; transform: translateY(-3px) }
.ht-btn.ht-btn-xs { height: 40px; line-height: 40px; font-size: 13px; padding: 0 20px }
.ht-btn.ht-btn-sm { padding: 0 30px; height: 48px; line-height: 48px; font-size: 14px }
.ht-btn.ht-btn-md { font-size: 15px; font-weight: 500; letter-spacing: 0; line-height: 54px; height: 54px }
.ht-btn.ht-btn-lg { padding: 0 40px; height: 64px; line-height: 64px; font-size: 16px }
.ht-btn.ht-btn-custom { min-width: 280px }
.ht-btn.ht-btn-full { width: auto; display: block }
.ht-btn--outline { border-width: 1px; line-height: 54px; background: 0 0; border-color: #31987f; color: #31987f }
.ht-btn--outline:active, .ht-btn--outline:focus, .ht-btn--outline:hover { transform: translateY(-3px); border-color: transparent; background: #31987f; color: #fff }
.ht-btn--solid { border-width: 1px; line-height: 54px; background: 0 0; border-color: #ddd; color: #31987f }
.ht-btn--solid:active, .ht-btn--solid:focus, .ht-btn--solid:hover { transform: translateY(-3px); border-color: transparent; background: #31987f; color: #fff }
.ht-btn--circle { border-radius: 30px }
.ht-btn--no-round { border-radius: 0 }
.ht-btn.ht-btn-default { padding: 0 30px; height: 48px; line-height: 48px; font-size: 14px; width: 180px }
.ht-btn .btn-icon { display: inline-block; vertical-align: middle; line-height: 0; font-size: 20px; margin-left: 10px }
.btn { font-size: 15px; font-weight: 500; border-style: solid; border-radius: 5px; border-color: transparent; border: 1px solid transparent; padding: 0 36px; text-align: center; transition: all .4s ease-in-out; height: 54px; line-height: 54px; letter-spacing: 0; color: #fff; background: #31987f; transform: translateY(0) }
.btn:active, .btn:focus, .btn:hover { font-weight: 500; color: #fff; background: #31987f; transform: translateY(-3px) }
.btn--secondary { background-image: none; background-color: #00447f }
.btn--secondary:hover { background-image: none; background: #00447f }
.btn--black { background-image: none; background-color: #000 }
.btn--black:hover { background-image: none; background: #000 }
.btn--white { background-image: none; background-color: #fff; color: #000; box-shadow: 0 0 30px 5px rgba(0,0,0,.07) }
.btn--white:focus, .btn--white:hover { background-image: none; background: #fff; color: #000 }
.btn--gradient { background-image: none; background: linear-gradient(150deg,#ff3f85 0,#faa720 100%) !important }
.btn--gradient:hover { background-image: none; background: linear-gradient(150deg,#ff3f85 0,#faa720 100%) }
.btn-outline-white { color: #fff; border-radius: 0; background: 0 0; border: 1px solid #fff }
.btn-outline-white:hover { transform: translateY(-5px); background: 0 0 }
.btn-outline-dark { color: #363636; border-radius: 0; background: 0 0; border: 1px solid #363636 }
.btn-outline-dark:hover { transform: translateY(-5px); background: 0 0; color: #31987f }
.btn--link { color: #31987f }
.btn--link:hover { transform: translateY(-5px) }
.btn.ht-btn-default { padding: 0 30px; height: 48px; line-height: 48px; font-size: 14px; width: 180px }
.hover-style-link { position: relative }
.hover-style-link:after { transition: all .7s cubic-bezier(.645,.045,.355,1); content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background-color: #00447f }
.hover-style-link:hover { color: #00447f }
.hover-style-link:hover:after { left: 0; width: 100%; right: auto }
.hover-style-link--secondary { color: #00447f }
.hover-style-link--secondary:after { background-color: #00447f }
.hover-style-link--secondary:hover { color: #00447f }
.hover-style-link--white { color: #fff }
.hover-style-link--white:after { background-color: #fff }
.hover-style-link--white:hover { color: #fff }
.hover-style-link--sub-color { color: #6d70a6 }
.hover-style-link--sub-color:after { background-color: #6d70a6 }
.hover-style-link--sub-color:hover { color: #6d70a6 }
.hover-style-default { position: relative }
.hover-style-default:after { transition: all .7s cubic-bezier(.645,.045,.355,1); content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 1px; background-color: #31987f }
.hover-style-default:hover { color: #31987f }
.hover-style-default:hover:after { left: 0; width: 100%; right: auto }
.image-btn { border: 0; box-shadow: none; background: 0 0; border-radius: 5px; overflow: hidden }
.video-play i { color: #00447f }
.video-play span { font-weight: 500; letter-spacing: 3px; margin-left: 10px }
.button-wrapper > a { border: none }

@media only screen and (max-width:479px) {
    .button-wrapper > a { margin-bottom: 15px }
}

@media only screen and (max-width:479px) {
    .button-wrapper > a:last-child { margin-bottom: 0 }
}

.btn-text { color: #31987f }
.btn-text:hover { color: #00447f }
.single-button-group h5 { margin-bottom: 10px }
.single-button-group .button-group-wrap { margin-left: -10px; margin-right: -10px }
.single-button-group a { margin: 10px }
.single-button-group a:active, .single-button-group a:focus, .single-button-group a:hover { transform: translateY(-3px) }
.oxyy-login-register .shadow-md { -webkit-box-shadow: 0 0 50px -35px rgba(0,0,0,.4) !important; box-shadow: 0 0 50px -35px rgba(0,0,0,.4) !important }
.oxyy-login-register .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important }
.oxyy-login-register .rounded-bottom-0 { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important }
.oxyy-login-register .rounded-left-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important }
.oxyy-login-register .rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important }
.oxyy-login-register .border-1 { border-width: 1px !important }
.oxyy-login-register .border-2 { border-width: 2px !important }
.oxyy-login-register .border-3 { border-width: 3px !important }
.oxyy-login-register .border-4 { border-width: 4px !important }
.oxyy-login-register .border-5 { border-width: 5px !important }
.oxyy-login-register .text-0 { font-size: 11px !important; font-size: .6875rem !important }
.oxyy-login-register .text-1 { font-size: 12px !important; font-size: .75rem !important }
.oxyy-login-register .text-2 { font-size: 14px !important; font-size: .875rem !important }
.oxyy-login-register .text-3 { font-size: 16px !important; font-size: 1rem !important }
.oxyy-login-register .text-4 { font-size: 18px !important; font-size: 1.125rem !important }
.oxyy-login-register .text-5 { font-size: 21px !important; font-size: 1.3125rem !important }
.oxyy-login-register .text-6 { font-size: 24px !important; font-size: 1.5rem !important }
.oxyy-login-register .text-7 { font-size: 28px !important; font-size: 1.75rem !important }
.oxyy-login-register .text-8 { font-size: 32px !important; font-size: 2rem !important }
.oxyy-login-register .text-9 { font-size: 36px !important; font-size: 2.25rem !important }
.oxyy-login-register .text-10 { font-size: 40px !important; font-size: 2.5rem !important }
.oxyy-login-register .text-11 { font-size: 2.75rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-11 { font-size: calc(1.4rem + 1.8vw) !important }
}

.oxyy-login-register .text-12 { font-size: 3rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-12 { font-size: calc(1.425rem + 2.1vw) !important }
}

.oxyy-login-register .text-13 { font-size: 3.25rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-13 { font-size: calc(1.45rem + 2.4vw) !important }
}

.oxyy-login-register .text-14 { font-size: 3.5rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-14 { font-size: calc(1.475rem + 2.7vw) !important }
}

.oxyy-login-register .text-15 { font-size: 3.75rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-15 { font-size: calc(1.5rem + 3vw) !important }
}

.oxyy-login-register .text-16 { font-size: 4rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-16 { font-size: calc(1.525rem + 3.3vw) !important }
}

.oxyy-login-register .text-17 { font-size: 4.5rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-17 { font-size: calc(1.575rem + 3.9vw) !important }
}

.oxyy-login-register .text-18 { font-size: 5rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-18 { font-size: calc(1.625rem + 4.5vw) !important }
}

.oxyy-login-register .text-19 { font-size: 5.25rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-19 { font-size: calc(1.65rem + 4.8vw) !important }
}

.oxyy-login-register .text-20 { font-size: 5.75rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-20 { font-size: calc(1.7rem + 5.4vw) !important }
}

.oxyy-login-register .text-21 { font-size: 6.5rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-21 { font-size: calc(1.775rem + 6.3vw) !important }
}

.oxyy-login-register .text-22 { font-size: 7rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-22 { font-size: calc(1.825rem + 6.9vw) !important }
}

.oxyy-login-register .text-23 { font-size: 7.75rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-23 { font-size: calc(1.9rem + 7.8vw) !important }
}

.oxyy-login-register .text-24 { font-size: 8.25rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-24 { font-size: calc(1.95rem + 8.4vw) !important }
}

.oxyy-login-register .text-25 { font-size: 9rem !important }

@media (max-width:1200px) {
    .oxyy-login-register .text-25 { font-size: calc(2.025rem + 9.3vw) !important }
}

.oxyy-login-register .text-11, .oxyy-login-register .text-12, .oxyy-login-register .text-13, .oxyy-login-register .text-14, .oxyy-login-register .text-15, .oxyy-login-register .text-16, .oxyy-login-register .text-17, .oxyy-login-register .text-18, .oxyy-login-register .text-19, .oxyy-login-register .text-20, .oxyy-login-register .text-21, .oxyy-login-register .text-22, .oxyy-login-register .text-23, .oxyy-login-register .text-24, .oxyy-login-register .text-25 { line-height: 1.3 }
.oxyy-login-register .line-height-07 { line-height: .7 !important }
.oxyy-login-register .line-height-1 { line-height: 1 !important }
.oxyy-login-register .line-height-2 { line-height: 1.2 !important }
.oxyy-login-register .line-height-3 { line-height: 1.4 !important }
.oxyy-login-register .line-height-4 { line-height: 1.6 !important }
.oxyy-login-register .line-height-5 { line-height: 1.8 !important }
.oxyy-login-register .font-weight-100 { font-weight: 100 !important }
.oxyy-login-register .font-weight-200 { font-weight: 200 !important }
.oxyy-login-register .font-weight-300 { font-weight: 300 !important }
.oxyy-login-register .font-weight-400 { font-weight: 400 !important }
.oxyy-login-register .font-weight-500 { font-weight: 500 !important }
.oxyy-login-register .font-weight-600 { font-weight: 600 !important }
.oxyy-login-register .font-weight-700 { font-weight: 700 !important }
.oxyy-login-register .font-weight-800 { font-weight: 800 !important }
.oxyy-login-register .font-weight-900 { font-weight: 900 !important }
.oxyy-login-register .opacity-0 { opacity: 0 }
.oxyy-login-register .opacity-1 { opacity: .1 }
.oxyy-login-register .opacity-2 { opacity: .2 }
.oxyy-login-register .opacity-3 { opacity: .3 }
.oxyy-login-register .opacity-4 { opacity: .4 }
.oxyy-login-register .opacity-5 { opacity: .5 }
.oxyy-login-register .opacity-6 { opacity: .6 }
.oxyy-login-register .opacity-7 { opacity: .7 }
.oxyy-login-register .opacity-8 { opacity: .8 }
.oxyy-login-register .opacity-9 { opacity: .9 }
.oxyy-login-register .opacity-10 { opacity: 1 }
.oxyy-login-register .bg-light-1 { background-color: #e9ecef !important }
.oxyy-login-register .bg-light-2 { background-color: #dee2e6 !important }
.oxyy-login-register .bg-light-3 { background-color: #ced4da !important }
.oxyy-login-register .bg-light-4 { background-color: #adb5bd !important }
.oxyy-login-register .bg-dark { background-color: #111418 !important }
.oxyy-login-register .bg-dark-1 { background-color: #212529 !important }
.oxyy-login-register .bg-dark-2 { background-color: #343a40 !important }
.oxyy-login-register .bg-dark-3 { background-color: #495057 !important }
.oxyy-login-register .bg-dark-4 { background-color: #6c757d !important }
.oxyy-login-register hr { border-top: 1px solid rgba(16,85,96,.1) }
#main-wrapper.oxyy-login-register { background: #fff }
.oxyy-login-register .section { position: relative; padding: 4.5rem 0; overflow: hidden }

@media (max-width:767.98px) {
    .oxyy-login-register .section { padding: 3.5rem 0 }
}

@media (min-width:1200px) {
    .oxyy-login-register .container { max-width: 1170px !important }
}

@media (max-width:767.98px) {
    .oxyy-login-register .modal .close { position: absolute; z-index: 1; right: 8px }
}

.oxyy-login-register .hero-wrap { position: relative; overflow: hidden }
.oxyy-login-register .hero-wrap .hero-bg, .oxyy-login-register .hero-wrap .hero-bg-slideshow, .oxyy-login-register .hero-wrap .hero-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.oxyy-login-register .hero-wrap .hero-mask { z-index: 1 }
.oxyy-login-register .hero-wrap .hero-content { position: relative; z-index: 2 }
.oxyy-login-register .hero-wrap .hero-particles { position: absolute; width: 100%; height: 100%; z-index: 3 }
.oxyy-login-register .hero-wrap .hero-bg-slideshow { z-index: 0 }
.oxyy-login-register .hero-wrap .hero-bg { z-index: 0; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; transition: background-image .3s ease-in .2s }
.oxyy-login-register .hero-wrap .hero-bg.hero-bg-scroll { background-attachment: scroll }
.oxyy-login-register .hero-wrap .hero-bg-slideshow .hero-bg { background-attachment: inherit }
.oxyy-login-register .hero-wrap .hero-bg-slideshow.owl-carousel .owl-item, .oxyy-login-register .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage, .oxyy-login-register .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage-outer { height: 100% }
.oxyy-login-register .nav .nav-item .nav-link { color: #444 }
.oxyy-login-register .nav.nav-light .nav-item .nav-link { color: #ddd }
.oxyy-login-register .nav:not(.nav-pills) .nav-item .nav-link.active, .oxyy-login-register .nav:not(.nav-pills) .nav-item .nav-link:hover { color: #31987f }
.oxyy-login-register .nav-pills .nav-link:not(.active):hover { color: #31987f }
.oxyy-login-register .nav-pills .nav-link.active, .oxyy-login-register .nav-pills .show > .nav-link, .oxyy-login-register .nav-pills.nav-light .nav-link.active { color: #fff }
.oxyy-login-register .nav.nav-separator .nav-item .nav-link { position: relative }
.oxyy-login-register .nav.nav-separator .nav-item + .nav-item .nav-link:after { height: 14px; width: 1px; content: " "; background-color: rgba(0,0,0,.2); display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-7px); transform: translateY(-7px) }
.oxyy-login-register .nav.nav-separator.nav-separator-light .nav-item + .nav-item .nav-link:after { background-color: rgba(250,250,250,.2) }
.oxyy-login-register .nav.nav-sm .nav-item .nav-link { font-size: 14px }
.oxyy-login-register .nav-tabs { border-bottom: 1px solid #d7dee3 }
.oxyy-login-register .nav-tabs .nav-item .nav-link { border: 0; background: 0 0; position: relative; border-radius: 0; padding: .6rem 1rem; color: #7b8084; white-space: nowrap !important }
.oxyy-login-register .nav-tabs .nav-item .nav-link.active { color: #0c2f55 }
.oxyy-login-register .nav-tabs .nav-item .nav-link.active:after { height: 2px; width: 100%; content: " "; background-color: #31987f; display: block; position: absolute; bottom: -3px; left: 0; -webkit-transform: translateY(-3px); transform: translateY(-3px) }
.oxyy-login-register .nav-tabs .nav-item .nav-link:not(.active):hover { color: #31987f }
.oxyy-login-register .nav-tabs.flex-column { border-right: 1px solid #d7dee3; border-bottom: 0; padding: 1.5rem 0 }
.oxyy-login-register .nav-tabs.flex-column .nav-item .nav-link { border: 1px solid #d7dee3; border-right: 0; background-color: #f6f7f8; font-size: 14px; padding: .75rem 1rem; color: #535b61 }
.oxyy-login-register .nav-tabs.flex-column .nav-item:first-of-type .nav-link { border-top-left-radius: 4px }
.oxyy-login-register .nav-tabs.flex-column .nav-item:last-of-type .nav-link { border-bottom-left-radius: 4px }
.oxyy-login-register .nav-tabs.flex-column .nav-item .nav-link.active { background-color: transparent; color: #31987f }
.oxyy-login-register .nav-tabs.flex-column .nav-item .nav-link.active:after { height: 100%; width: 2px; background: #fff; right: -1px; left: auto }
.oxyy-login-register .nav-tabs:not(.flex-column) { flex-wrap: nowrap; overflow: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch }
.oxyy-login-register .nav-tabs:not(.flex-column) .nav-item { margin-bottom: 0 }

@media (max-width:575.98px) {
    .oxyy-login-register .nav-tabs .nav-item .nav-link { padding-left: 0; padding-right: 0; margin-right: 10px; font-size: .875rem }
}

.oxyy-login-register .btn-video-play { width: 66px; height: 66px; line-height: 66px; text-align: center; display: inline-block; font-size: 16px; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 50px -35px rgba(0,0,0,.4); box-shadow: 0 0 50px -35px rgba(0,0,0,.4); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out }
.oxyy-login-register .btn-video-play:hover { -webkit-box-shadow: 0 0 0 8px rgba(250,250,250,.2); box-shadow: 0 0 0 8px rgba(250,250,250,.2) }
.oxyy-login-register .social-icons { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none }
.oxyy-login-register .social-icons li { margin: 0 6px 4px; padding: 0; overflow: visible }
.oxyy-login-register .social-icons li a { display: block; height: 38px; line-height: 38px; width: 38px; font-size: 18px; text-align: center; background-color: rgba(0,0,0,.6); color: #fff; text-decoration: none; -webkit-transition: all .2s ease; transition: all .2s ease }
.oxyy-login-register .social-icons li i { line-height: inherit }
.oxyy-login-register .social-icons.social-icons-lg li a { height: 45px; line-height: 45px; width: 45px }
.oxyy-login-register .social-icons li:hover a { opacity: .8 }
.oxyy-login-register .social-icons.social-icons-rounded li a { border-radius: .25rem }
.oxyy-login-register .social-icons.social-icons-circle li a { border-radius: 50% }
.oxyy-login-register .social-icons li.social-icons-twitter a { background-color: #00acee }
.oxyy-login-register .social-icons li.social-icons-facebook a { background-color: #1874eb }
.oxyy-login-register .social-icons li.social-icons-linkedin a { background-color: #0e76a8 }
.oxyy-login-register .social-icons li.social-icons-google a { background-color: #db4437 }
.oxyy-login-register .social-icons li.social-icons-instagram a { background-color: #3f729b }
.oxyy-login-register .social-icons li.social-icons-vk a { background-color: #2b587a }
.oxyy-login-register .social-icons li.social-icons-yahoo a { background-color: #720e9e }
.oxyy-login-register .social-icons li.social-icons-apple a { background-color: #000 }
.oxyy-login-register .social-icons li.social-icons-windows a { background-color: #0090f4 }
.oxyy-login-register .social-icons li.social-icons-amazon a { background-color: #f79400 }
.oxyy-login-register .btn-facebook { background-color: #1874eb; color: #fff !important }
.oxyy-login-register .btn-facebook:hover { background-color: #1266d2 }
.oxyy-login-register .btn-outline-facebook { border-color: #1874eb; color: #1874eb }
.oxyy-login-register .btn-outline-facebook:hover { background-color: #1874eb; color: #fff }
.oxyy-login-register .btn-twitter { background-color: #00acee; color: #fff !important }
.oxyy-login-register .btn-twitter:hover { background-color: #0096cf }
.oxyy-login-register .btn-outline-twitter { border-color: #00acee; color: #00acee }
.oxyy-login-register .btn-outline-twitter:hover { background-color: #00acee; color: #fff }
.oxyy-login-register .btn-google { background-color: #db4437; color: #fff !important }
.oxyy-login-register .btn-google:hover { background-color: #ce3325 }
.oxyy-login-register .btn-outline-google { border-color: #db4437; color: #db4437 }
.oxyy-login-register .btn-outline-google:hover { background-color: #db4437; color: #fff }
.oxyy-login-register .btn-linkedin { background-color: #0e76a8; color: #fff !important }
.oxyy-login-register .btn-linkedin:hover { background-color: #0c628c }
.oxyy-login-register .btn-outline-linkedin { border-color: #0e76a8; color: #0e76a8 }
.oxyy-login-register .btn-outline-linkedin:hover { background-color: #0e76a8; color: #fff }
.oxyy-login-register .btn-instagram { background-color: #3f729b; color: #fff !important }
.oxyy-login-register .btn-instagram:hover { background-color: #366285 }
.oxyy-login-register .btn-outline-instagram { border-color: #3f729b; color: #3f729b }
.oxyy-login-register .btn-outline-instagram:hover { background-color: #3f729b; color: #fff }
.oxyy-login-register .btn-vk { background-color: #2b587a; color: #fff !important }
.oxyy-login-register .btn-vk:hover { background-color: #234863 }
.oxyy-login-register .btn-outline-vk { border-color: #2b587a; color: #2b587a }
.oxyy-login-register .btn-outline-vk:hover { background-color: #2b587a; color: #fff }
.oxyy-login-register .btn-yahoo { background-color: #720e9e; color: #fff !important }
.oxyy-login-register .btn-yahoo:hover { background-color: #5e0c82 }
.oxyy-login-register .btn-outline-yahoo { border-color: #720e9e; color: #720e9e }
.oxyy-login-register .btn-outline-yahoo:hover { background-color: #720e9e; color: #fff }
.oxyy-login-register .btn-apple { background-color: #000; color: #fff !important }
.oxyy-login-register .btn-apple:hover { background-color: #000 }
.oxyy-login-register .btn-outline-apple { border-color: #000; color: #000 }
.oxyy-login-register .btn-outline-apple:hover { background-color: #000; color: #fff }
.oxyy-login-register .btn-windows { background-color: #0090f4; color: #fff !important }
.oxyy-login-register .btn-windows:hover { background-color: #007ed5 }
.oxyy-login-register .btn-outline-windows { border-color: #0090f4; color: #0090f4 }
.oxyy-login-register .btn-outline-windows:hover { background-color: #0090f4; color: #fff }
.oxyy-login-register .btn-amazon { background-color: #f79400; color: #fff !important }
.oxyy-login-register .btn-amazon:hover { background-color: #d88200 }
.oxyy-login-register .btn-outline-amazon { border-color: #f79400; color: #f79400 }
.oxyy-login-register .btn-outline-amazon:hover { background-color: #f79400; color: #fff }
.oxyy-login-register .custom-checkbox .rounded-0.custom-control-label:before { border-radius: 0 !important }
.oxyy-login-register .custom-select, .oxyy-login-register .form-control { border-color: #dae1e3; font-size: 16px; color: #656565 }
.oxyy-login-register .custom-select.bg-light, .oxyy-login-register .form-control.bg-light { background-color: #f5f5f6 !important }
.oxyy-login-register .custom-select.border-light, .oxyy-login-register .form-control.border-light { border-color: #f5f5f6 !important }
.oxyy-login-register .form-control:not(.form-control-sm) { padding: .81rem .96rem; height: inherit }
.oxyy-login-register .form-control-sm { font-size: 14px }
.oxyy-login-register .icon-group { position: relative }
.oxyy-login-register .icon-group .form-control { padding-left: 44px }
.oxyy-login-register .icon-group .icon-inside { position: absolute; width: 50px; height: 54px; left: 0; top: 0; pointer-events: none; font-size: 18px; font-size: 1.125rem; color: #c4c3c3; z-index: 3; display: flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important }
.oxyy-login-register .icon-group.icon-group-right .form-control { padding-right: 44px; padding-left: .96rem }
.oxyy-login-register .icon-group.icon-group-right .icon-inside { left: auto; right: 0 }
.oxyy-login-register .form-control-sm + .icon-inside { font-size: .875rem !important; font-size: 14px; top: calc(50% - 13px) }
.oxyy-login-register select.form-control:not([size]):not([multiple]):not(.form-control-sm) { height: auto; padding-top: .7rem; padding-bottom: .7rem }
.oxyy-login-register .custom-select:not(.custom-select-sm) { height: calc(3.05rem + 2px); padding-top: .7rem; padding-bottom: .7rem }
.oxyy-login-register .col-form-label-sm { font-size: 13px }
.oxyy-login-register .custom-select-sm { padding-left: 5px !important; font-size: 14px }
.oxyy-login-register .custom-select:not(.custom-select-sm).border-0 { height: 3rem }
.oxyy-login-register .custom-select:focus, .oxyy-login-register .form-control:focus { -webkit-box-shadow: 0 0 5px rgba(128,189,255,.5); box-shadow: 0 0 5px rgba(128,189,255,.5); border-color: #80bdff !important }
.oxyy-login-register .form-control:focus[readonly] { box-shadow: none }
.oxyy-login-register .input-group-text { border-color: #dae1e3; background-color: #f1f5f6; color: #656565 }
.oxyy-login-register .form-control::-webkit-input-placeholder { color: #b1b4b6 }
.oxyy-login-register .form-control:-moz-placeholder { color: #b1b4b6 }
.oxyy-login-register .form-control::-moz-placeholder { color: #b1b4b6 }
.oxyy-login-register .form-control:-ms-input-placeholder, .oxyy-login-register .form-control::-ms-input-placeholder { color: #b1b4b6 }
.oxyy-login-register .form-dark .custom-select, .oxyy-login-register .form-dark .form-control { border-color: #232a31; background: #232a31; color: #fff }
.oxyy-login-register .form-dark .form-control:focus { border-color: #80bdff !important }
.oxyy-login-register .form-dark .form-control::-webkit-input-placeholder { color: #777b7f }
.oxyy-login-register .form-dark .form-control:-moz-placeholder { color: #777b7f }
.oxyy-login-register .form-dark .form-control::-moz-placeholder { color: #777b7f }
.oxyy-login-register .form-dark .form-control:-ms-input-placeholder, .oxyy-login-register .form-dark .form-control::-ms-input-placeholder { color: #777b7f }
.oxyy-login-register .form-dark .custom-select { color: #777b7f; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgba(250,250,250,0.3)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 13px 15px; border-color: #232a31; background-color: #232a31 }
.oxyy-login-register .form-dark .icon-group .icon-inside { color: #777b7f }
.oxyy-login-register .form-dark .custom-control-label:before { background-color: #232a31; border-color: #232a31 }
.oxyy-login-register .form-border .form-control { background-color: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,.12); border-radius: 0; padding-left: 0 !important; color: #000 }
.oxyy-login-register .form-border .form-control::-webkit-input-placeholder { color: rgba(0,0,0,.4) }
.oxyy-login-register .form-border .form-control:-moz-placeholder { color: rgba(0,0,0,.4) }
.oxyy-login-register .form-border .form-control::-moz-placeholder { color: rgba(0,0,0,.4) }
.oxyy-login-register .form-border .form-control:-ms-input-placeholder, .oxyy-login-register .form-border .form-control::-ms-input-placeholder { color: rgba(0,0,0,.4) }
.oxyy-login-register .form-border .custom-select { background-color: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,.12); border-radius: 0; padding-left: 0; color: rgba(0,0,0,.4); background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgba(0,0,0,0.3)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 13px 15px }
.oxyy-login-register .form-border .custom-select:focus, .oxyy-login-register .form-border .form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-color: rgba(0,0,0,.7) }
.oxyy-login-register .form-border .custom-select:focus.border-dark, .oxyy-login-register .form-border .form-control:focus.border-dark { border-color: #31987f !important }
.oxyy-login-register .form-border .custom-select:not(output):-moz-ui-invalid:-moz-focusring:not(:focus), .oxyy-login-register .form-border .custom-select:not(output):-moz-ui-invalid:not(:focus), .oxyy-login-register .form-border .form-control:not(output):-moz-ui-invalid:-moz-focusring:not(:focus), .oxyy-login-register .form-border .form-control:not(output):-moz-ui-invalid:not(:focus) { border-bottom-color: #e10203; box-shadow: none; -webkit-box-shadow: none }
.oxyy-login-register .form-border .custom-select:not(output):-moz-ui-invalid:-moz-focusring:not(:focus).border-dark, .oxyy-login-register .form-border .custom-select:not(output):-moz-ui-invalid:not(:focus).border-dark, .oxyy-login-register .form-border .form-control:not(output):-moz-ui-invalid:-moz-focusring:not(:focus).border-dark, .oxyy-login-register .form-border .form-control:not(output):-moz-ui-invalid:not(:focus).border-dark { border-color: #e10203 !important }
.oxyy-login-register .form-border select option { color: #666 }
.oxyy-login-register .form-border .icon-group .form-control { padding-left: 30px !important }
.oxyy-login-register .form-border .icon-group .icon-inside { color: rgba(0,0,0,.25); width: 30px; height: 52px; display: flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: start !important; justify-content: start !important }
.oxyy-login-register .form-border .icon-group.icon-group-right .form-control { padding-right: 30px !important; padding-left: 0 !important }
.oxyy-login-register .form-border .icon-group.icon-group-right .icon-inside { left: auto; right: 0; -ms-flex-pack: end !important; justify-content: end !important }
.oxyy-login-register .form-border-light .form-control { border-bottom: 1px solid rgba(250,250,250,.3); color: #fafafa }
.oxyy-login-register .form-border-light .form-control::-webkit-input-placeholder { color: rgba(250,250,250,.7) }
.oxyy-login-register .form-border-light .form-control:-moz-placeholder { color: rgba(250,250,250,.7) }
.oxyy-login-register .form-border-light .form-control::-moz-placeholder { color: rgba(250,250,250,.7) }
.oxyy-login-register .form-border-light .form-control:-ms-input-placeholder, .oxyy-login-register .form-border-light .form-control::-ms-input-placeholder { color: rgba(250,250,250,.7) }
.oxyy-login-register .form-border-light .custom-select { border-bottom: 2px solid rgba(250,250,250,.3); color: #fafafa; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgba(250,250,250,0.6)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 13px 15px }
.oxyy-login-register .form-border-light .custom-select:focus, .oxyy-login-register .form-border-light .form-control:focus { border-bottom-color: rgba(250,250,250,.8) }
.oxyy-login-register .form-border-light .custom-select:focus.border-light, .oxyy-login-register .form-border-light .form-control:focus.border-light { border-color: #31987f !important }
.oxyy-login-register .form-border-light .icon-group .icon-inside { color: #777b7f }
.oxyy-login-register .form-border-light select option { color: #333 }
.oxyy-login-register .vertical-input-group .input-group:first-child { padding-bottom: 0 }
.oxyy-login-register .vertical-input-group .input-group:first-child * { border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.oxyy-login-register .vertical-input-group .input-group:last-child { padding-top: 0 }
.oxyy-login-register .vertical-input-group .input-group:last-child * { border-top-left-radius: 0; border-top-right-radius: 0 }
.oxyy-login-register .vertical-input-group .input-group:not(:last-child):not(:first-child) { padding-top: 0; padding-bottom: 0 }
.oxyy-login-register .vertical-input-group .input-group:not(:last-child):not(:first-child) * { border-radius: 0 }
.oxyy-login-register .vertical-input-group .input-group:not(:first-child) * { border-top: 0 }
.oxyy-login-register .btn { font-weight: 500; -webkit-transition: all .5s ease; transition: all .5s ease }
.oxyy-login-register .btn-group-sm > .btn, .oxyy-login-register .btn-sm { padding: .5rem 1rem }
.oxyy-login-register .btn:not(.btn-link) { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.15); box-shadow: 0 5px 15px rgba(0,0,0,.15) }
.oxyy-login-register .btn:not(.btn-link):hover { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3); box-shadow: 0 5px 15px rgba(0,0,0,.3); -webkit-transition: all .5s ease; transition: all .5s ease }
.oxyy-login-register .input-group-append .btn, .oxyy-login-register .input-group-prepend .btn { -webkit-box-shadow: none; box-shadow: none; padding-left: .75rem; padding-right: .75rem }
.oxyy-login-register .input-group-append .btn:hover, .oxyy-login-register .input-group-prepend .btn:hover { -webkit-box-shadow: none; box-shadow: none }

@media (max-width:575.98px) {
    .oxyy-login-register .btn:not(.btn-sm) { padding: .81rem 2rem }
    .oxyy-login-register .input-group > .input-group-append > .btn, .oxyy-login-register .input-group > .input-group-prepend > .btn { padding: 0 .75rem }
}

.oxyy-login-register .badge-primary, .oxyy-login-register .bg-primary { background-color: #31987f !important }
.oxyy-login-register .bg-secondary { background-color: #0c2f55 !important }
.oxyy-login-register .btn-link, .oxyy-login-register .text-primary { color: #31987f !important }
.oxyy-login-register .btn-link:hover { color: #bf302a !important }
.oxyy-login-register .text-secondary { color: #0c2f55 !important }
.oxyy-login-register .text-light { color: #dee3e4 !important }
.oxyy-login-register .text-body { color: #4c4d4d !important }
.oxyy-login-register a.bg-primary:focus, .oxyy-login-register a.bg-primary:hover, .oxyy-login-register button.bg-primary:focus, .oxyy-login-register button.bg-primary:hover { background-color: #bf302a !important }
.oxyy-login-register .border-primary { border-color: #31987f !important }
.oxyy-login-register .border-secondary { border-color: #0c2f55 !important }
.oxyy-login-register .btn-primary { background-color: #31987f; border-color: #31987f }
.oxyy-login-register .btn-primary:hover { background-color: #bf302a; border-color: #bf302a }
.oxyy-login-register .btn-primary:not(:disabled):not(.disabled).active, .oxyy-login-register .btn-primary:not(:disabled):not(.disabled):active { background-color: #bf302a; border-color: #bf302a }
.oxyy-login-register .btn-primary.focus, .oxyy-login-register .btn-primary:focus { background-color: #bf302a; border-color: #bf302a }
.oxyy-login-register .btn-primary:not(:disabled):not(.disabled).active:focus, .oxyy-login-register .btn-primary:not(:disabled):not(.disabled):active:focus, .oxyy-login-register .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: none; box-shadow: none }
.oxyy-login-register .btn-secondary { background-color: #0c2f55; border-color: #0c2f55 }
.oxyy-login-register .btn-outline-primary, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled).active, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled):active { color: #31987f; border-color: #31987f }
.oxyy-login-register .btn-outline-primary:hover, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled):active:hover { background-color: #31987f; border-color: #31987f; color: #fff }
.oxyy-login-register .btn-outline-secondary { color: #0c2f55; border-color: #0c2f55 }
.oxyy-login-register .btn-outline-secondary:hover { background-color: #0c2f55; border-color: #0c2f55; color: #fff }
.oxyy-login-register .dropdown-item.active, .oxyy-login-register .dropdown-item:active, .oxyy-login-register .nav-pills .nav-link.active, .oxyy-login-register .nav-pills .show > .nav-link, .oxyy-login-register .progress-bar { background-color: #31987f }
.oxyy-login-register .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before, .oxyy-login-register .custom-control-input:checked ~ .custom-control-label::before, .oxyy-login-register .custom-control-input:checked ~ .custom-control-label:before, .oxyy-login-register .custom-radio .custom-control-input:checked ~ .custom-control-label:before, .oxyy-login-register .page-item.active .page-link { background-color: #31987f; border-color: #31987f }
.oxyy-login-register .list-group-item.active { background-color: #31987f; border-color: #31987f }
.oxyy-login-register .page-link { color: #31987f }
.oxyy-login-register .page-link:hover { color: #bf302a }
#account-box { transform: translateY(-200px); z-index: 2; position: relative }
.account-container { padding: 3rem 0; background: #fff; border-radius: 15px }
.account-container .account-avatar { padding: 1rem 5rem }
.account-container .account-avatar img { border-radius: 100%; max-width: 100% }
.account-container .account-name { text-align: center; margin-bottom: 2rem }
.account-container .account-name h5 { margin: 0 }
.account-container .account-name .account-role { font-size: .75rem; color: #999 }
.account-container .account-details .account-title { background: #f5f7f9; padding: .5rem 1rem; display: block; font-weight: 700; color: #999 }
.account-container .account-details a { display: block; padding: 1rem; border-bottom: 1px solid #f5f7f9; color: #363636 }
.account-container .account-details a:hover { background: #31987f; color: #fff }
.account { padding: 3rem; background: #fff; border-radius: 15px }
.label-warning { padding-top: .5rem; color: #999 }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .modern-grid-image-box .section-space--mt_60 { margin-top: 40px }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .modern-grid-image-box .section-space--mt_60 { margin-top: 30px }
}

.ht-box-images.style-01 .image-box-wrap { box-shadow: 0 18px 40px rgba(51,51,51,.1); background: #fff; border-radius: 5px; padding: 50px 30px 63px; transition: all .7s cubic-bezier(.645,.045,.355,1); text-align: center; margin-top: 60px }
.ht-box-images.style-01 .image-box-wrap .box-image { text-align: center; margin-bottom: 41px; color: #31987f }
.ht-box-images.style-01 .image-box-wrap .box-image img { display: inline-block }
.ht-box-images.style-01 .image-box-wrap .content { text-align: center }
.ht-box-images.style-01 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.25; margin-bottom: 12px }
.ht-box-images.style-01 .image-box-wrap .content .service_text { color: #696969 }
.ht-box-images.style-01:hover .icon-box-wrap { border-color: #fff; transform: translateY(-5px); background: #fff; box-shadow: 0 0 40px rgba(51,51,51,.1) }
.ht-box-images.style-01 .circle-arrow { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); transform: translate(-50%,50%); height: 56px; width: 56px }
.ht-box-images.style-01 .circle-arrow .middle-dot { pointer-events: none; content: ""; position: absolute; top: -12px; left: -12px; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #00447f; opacity: 0; transform-origin: 50% 50%; animation-fill-mode: forwards; animation-iteration-count: infinite }
.ht-box-images.style-01 .circle-arrow a { position: absolute; top: 0; left: 0; width: 56px; height: 56px; line-height: 56px; text-align: center; border-radius: 50%; font-size: 24px; color: #fff; background: #31987f }
.ht-box-images.style-01:hover .circle-arrow a { background: #00447f }
.ht-box-images.style-01:hover .circle-arrow .middle-dot { -webkit-animation: boxImageAnimationSignal cubic-bezier(0,.55,.55,1) 2s; animation: boxImageAnimationSignal cubic-bezier(0,.55,.55,1) 2s; animation-iteration-count: 1; animation-fill-mode: none; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.ht-box-images.style-02 { display: block }
.ht-box-images.style-02 .image-box-wrap { box-shadow: 0 0 40px 5px rgba(51,51,51,.1); background: #fff; border-radius: 5px; padding: 30px 38px; min-height: 150px; display: flex; justify-content: center; align-items: center }
.ht-box-images.style-02 .image-box-wrap .box-image { flex-shrink: 0; margin-right: 30px }
.ht-box-images.style-02 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.67; margin-bottom: 0 }
.ht-box-images.style-02 .image-box-wrap .content .text { color: #696969 }
.ht-box-images.style-02:hover { transform: translateY(-5px) }
.ht-box-images.style-03 { box-shadow: 0 0 41px rgba(0,0,0,.03); background: #fff; padding: 40px 30px 65px; display: flex; flex-direction: column; height: 100% }
.ht-box-images.style-03 .image-box-wrap { max-width: 340px; margin: 0 auto }
.ht-box-images.style-03 .image-box-wrap .box-image { margin-bottom: 36px; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.ht-box-images.style-03 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.67; margin-bottom: 0 }
.ht-box-images.style-03 .image-box-wrap .content .text { color: #696969 }
.ht-box-images.style-03:hover .box-image { transform: translateY(-5px) }
.ht-box-images.style-03:hover .content .heading { color: #00447f }
.ht-box-images.style-04 { box-shadow: 0 0 30px rgba(51,51,51,.05); background: #fff; padding: 25px 30px 34px; display: flex; flex-direction: column; height: 100%; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.ht-box-images.style-04 .image-box-wrap .box-image { margin-bottom: 9px }
.ht-box-images.style-04 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.67; margin-bottom: 0 }
.ht-box-images.style-04 .image-box-wrap .content .text { color: #696969 }
.ht-box-images.style-04:hover { transform: translateY(-5px) }
.ht-box-images.style-05 { transition: all .7s cubic-bezier(.645,.045,.355,1) }
.ht-box-images.style-05 .image-box-wrap { box-shadow: 0 18px 40px rgba(51,51,51,.1); background: #fff; border-radius: 5px; padding: 50px 30px 63px; transition: all .7s cubic-bezier(.645,.045,.355,1); margin-top: 50px }
.ht-box-images.style-05 .image-box-wrap .box-image { position: relative; margin-bottom: 41px }
.ht-box-images.style-05 .image-box-wrap .box-image .hover-images { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden }
.ht-box-images.style-05 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.25; margin-bottom: 12px }
.ht-box-images.style-05 .image-box-wrap .content .service_text { color: #696969 }
.ht-box-images.style-05 .image-box-wrap .content .box-images-arrow { display: inline-block; margin-top: 27px; font-size: 14px; font-weight: 500 }
.ht-box-images.style-05 .image-box-wrap .content .box-images-arrow a { color: #31987f }
.ht-box-images.style-05:hover { transform: translateY(-5px) }
.ht-box-images.style-05:hover .image-box-wrap { background: #00447f }
.ht-box-images.style-05:hover .box-image .default-image { opacity: 0; visibility: hidden }
.ht-box-images.style-05:hover .box-image .hover-images { opacity: 1; visibility: visible }
.ht-box-images.style-05:hover .content .heading { color: #fff }
.ht-box-images.style-05:hover .content .text { color: #fff }
.ht-box-images.style-05:hover .content .box-images-arrow a { color: #00447f }
.ht-box-images.style-06 { transition: all .7s cubic-bezier(.645,.045,.355,1) }
.ht-box-images.style-06 .image-box-wrap { box-shadow: 0 0 40px 5px rgba(51,51,51,.1); background: #fff; border-radius: 5px; padding: 98px 35px 88px; overflow: hidden; position: relative; margin-top: 30px }
.ht-box-images.style-06 .image-box-wrap .box-image { position: relative; width: 162px; height: 162px; border-radius: 50%; margin: 0 auto 2px; text-align: center }
.ht-box-images.style-06 .image-box-wrap .box-image::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(160deg,#fbf7f4 0,#fefdfd 100%); border-radius: 50%; transform: translateY(-46px) }
.ht-box-images.style-06 .image-box-wrap .box-image .default-image { position: relative; z-index: 2 }
.ht-box-images.style-06 .image-box-wrap .content { text-align: center }
.ht-box-images.style-06 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.25; margin-bottom: 12px }
.ht-box-images.style-06 .image-box-wrap .content .service_text { color: #696969 }
.ht-box-images.style-06 .image-box-wrap .content .box-images-arrow { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; height: 56px; line-height: 55px; text-align: center; font-size: 14px; font-weight: 500; border-top: 1px solid #eee; color: #31987f }
.ht-box-images.style-06 .image-box-wrap .content .box-images-arrow::before { background-color: #31987f; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateY(100%); transition: all .7s cubic-bezier(.645,.045,.355,1); z-index: -1 }
.ht-box-images.style-06:hover { transform: translateY(-5px) }
.ht-box-images.style-06:hover .content .box-images-arrow { color: #fff }
.ht-box-images.style-06:hover .content .box-images-arrow::before { transform: translateY(0) }
.ht-box-images.style-07 { transition: all .7s cubic-bezier(.645,.045,.355,1) }
.ht-box-images.style-07 .image-box-wrap { padding: 30px 35px 31px; border-radius: 4px; margin-top: 10px }
.ht-box-images.style-07 .image-box-wrap .box-image { text-align: center; margin-bottom: 24px }
.ht-box-images.style-07 .image-box-wrap .content { text-align: center }
.ht-box-images.style-07 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.25; margin-bottom: 12px }
.ht-box-images.style-07 .image-box-wrap .content .text { color: #696969 }
.ht-box-images.style-07:hover { transform: translateY(-5px); background: #fff; box-shadow: 0 18px 40px rgba(51,51,51,.1) }
.ht-box-images.style-08 { transition: all .7s cubic-bezier(.645,.045,.355,1) }
.ht-box-images.style-08 .image-box-wrap { height: 100%; position: relative; display: flex; margin-top: 50px }
.ht-box-images.style-08 .image-box-wrap .box-image { flex-shrink: 0; margin-right: 24px }
.ht-box-images.style-08 .image-box-wrap .content { flex-grow: 1 }
.ht-box-images.style-08 .image-box-wrap .content .heading { font-weight: 500; line-height: 1.25; margin-bottom: 12px }
.ht-box-images.style-08 .image-box-wrap .content .text { color: #696969 }

@media only screen and (max-width:575px) {
    .ht-box-images.style-08 .image-box-wrap { flex-direction: column }
    .ht-box-images.style-08 .image-box-wrap .content { margin-top: 20px }
}

.ht-box-images.style-08:hover { transform: translateY(-5px) }

@-webkit-keyframes boxImageAnimationSignal {
    0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }
    1% { opacity: .14 }
    20% { opacity: .3 }
    40% { opacity: .4 }
    60% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 }
}

@keyframes boxImageAnimationSignal {
    0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }
    1% { opacity: .14 }
    20% { opacity: .3 }
    40% { opacity: .4 }
    60% { -webkit-transform: scale(1); transform: scale(1); opacity: 0 }
}

.contact-form__two input[type=color]:focus, .contact-form__two input[type=date]:focus, .contact-form__two input[type=datetime-local]:focus, .contact-form__two input[type=datetime]:focus, .contact-form__two input[type=email]:focus, .contact-form__two input[type=month]:focus, .contact-form__two input[type=number]:focus, .contact-form__two input[type=password]:focus, .contact-form__two input[type=range]:focus, .contact-form__two input[type=search]:focus, .contact-form__two input[type=tel]:focus, .contact-form__two input[type=text]:focus, .contact-form__two input[type=time]:focus, .contact-form__two input[type=url]:focus, .contact-form__two input[type=week]:focus, .contact-form__two select:focus, .contact-form__two textarea:focus { color: #222; border-color: transparent; background: #fff; box-shadow: 0 0 40px rgba(51,51,51,.1) }
.contact-form__two select:focus { background: #fff url(../images/icons/selector-icon.png) no-repeat center right 20px !important }
.service-contact-bg { background-color: #31987f; background-image: url(../img/contact-bg.png); background-repeat: no-repeat; background-position: left bottom }
.contact-title .sub-title { font-size: 18px }
.contact-input { margin: 0 -10px }
.contact-input .contact-inner { float: left; margin: 0 0 20px; padding: 0 10px; width: 50% }

@media only screen and (max-width:575px) {
    .contact-input .contact-inner { width: 100% }
}

.contact-inner { margin: 0 0 20px }
.contact-inner input, .contact-inner textarea { width: 100%; color: #000; border-color: #f8f8f8; background-color: #f8f8f8; font-size: 15px; font-weight: 400; letter-spacing: 0; border: none; width: 100%; outline: 0; border: 1px solid #eee; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 5px; padding: 3px 20px; height: 56px }
.contact-inner textarea { height: 150px; padding: 15px }
.contact-inner select { color: #777 }
.infotechno-contact-us-bg { background-color: #eff2f6; background-image: url(../img/contact-bg.jpg); background-size: cover; background-repeat: no-repeat }

@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px) {
    .conact-us-wrap-one { margin-bottom: 30px }
}

.conact-us-wrap-one .heading { position: relative; padding-left: 34px; font-weight: 600; line-height: 1.4 }
.conact-us-wrap-one .heading::before { content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 94%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #d2a98e }
.conact-us-wrap-one .sub-heading { margin-top: 15px; font-size: 18px; margin-left: 34px; color: #696969 }
.contact-info-one .icons, .contact-info-three .icons, .contact-info-two .icons { font-size: 40px !important; color: #31987f }
.contact-info-one .heading, .contact-info-three .heading, .contact-info-two .heading { font-size: 15px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px }
.contact-info-one .call-us, .contact-info-three .call-us, .contact-info-two .call-us { line-height: 1.17; color: #31987f; position: relative; display: inline-block }
.contact-info-one .call-us::before, .contact-info-three .call-us::before, .contact-info-two .call-us::before { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; z-index: 1; -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; background: currentColor }
.contact-info-one .call-us:hover, .contact-info-three .call-us:hover, .contact-info-two .call-us:hover { color: #31987f }
.contact-info-one .call-us:hover::before, .contact-info-three .call-us:hover::before, .contact-info-two .call-us:hover::before { width: 100%; left: 0; right: auto }
.contact-info-one .call-us a:hover, .contact-info-three .call-us a:hover, .contact-info-two .call-us a:hover { color: #31987f }
.contact-info-one .btn--secondary, .contact-info-three .btn--secondary, .contact-info-two .btn--secondary { min-width: 230px }
.contact-info-one .btn--secondary:hover, .contact-info-three .btn--secondary:hover, .contact-info-two .btn--secondary:hover { background: #31987f }
.contact-info-two .icons { color: #fff }
.contact-info-two .heading { color: rgba(255,255,255,.8) }
.contact-info-two .call-us { color: #00447f }
.contact-info-two .call-us:hover { color: #00447f }
.contact-info-two .call-us a:hover { color: #00447f }
.contact-info-two .btn--secondary { background: #fff; color: #31987f }
.contact-info-two .btn--secondary:hover { background: #00447f; color: #fff }

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px) {
    .contact-info-three { margin-top: 60px }
}

.contact-info-three .heading { margin-bottom: 30px }
.contact-info-three .call-us { margin-bottom: 20px }
.contact-info-three .location-text-button .button-icon { height: 56px; width: 56px; line-height: 56px; border-radius: 50%; text-align: center; background: #f6f2ed; margin-right: 14px; display: inline-block }
.contact-info-three .location-text-button .button-icon::before { content: "\F3C5"; font-style: normal; line-height: 56px; text-align: center; color: #31987f; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 900 }
.contact-info-three .location-text-button .button-text { font-weight: 500; color: #31987f; position: relative }
.contact-info-three .location-text-button .button-text::after { content: ""; width: 0; height: 1px; bottom: 0; position: absolute; left: auto; right: 0; -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; transition: width .6s cubic-bezier(.25,.8,.25,1) 0s; background: currentColor }
.contact-info-three .location-text-button:hover .button-text::after { width: 100%; left: 0; right: auto }
.processing-computing-area { padding: 150px 0 }

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
    .processing-computing-area { padding: 100px 0 }
}

@media only screen and (max-width:767px) {
    .processing-computing-area { padding: 60px 0 }
}

.computing-info-box h2 { font-size: 64px; line-height: 1.13; color: #31987f }

@media only screen and (min-width:768px) and (max-width:991px) {
    .computing-info-box h2 { font-size: 42px }
}

@media only screen and (max-width:767px) {
    .computing-info-box h2 { font-size: 32px }
}

.contact-form-service-wrap { background: #fff; box-shadow: 0 2px 30px rgba(0,0,0,.1); padding: 42px 50px 50px; border-radius: 5px }

@media only screen and (max-width:767px) {
    .contact-form-service-wrap { padding: 42px 20px 50px }
}

.business-solution-form-wrap { max-width: 400px; margin-left: auto; background: #fff; box-shadow: 0 2px 30px rgba(0,0,0,.1); padding: 42px 30px 51px; border-radius: 5px; text-align: center }

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px) {
    .business-solution-form-wrap { margin: auto }
}

.ht-star-rating.lg-style { color: #fb0; font-size: 24px }
.ht-star-rating.lg-style span + span { margin-left: 11px }

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px) {
    .contact-info { margin-bottom: 60px }
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px) {
    .contact-info.style-two, .contact-info.sytle-one { margin-top: 60px }
    .contact-info.style-two.service-contact, .contact-info.sytle-one.service-contact { margin-top: 0 }
}

.contact-info.style-two .contact-info-title-wrap .sub-text, .contact-info.sytle-one .contact-info-title-wrap .sub-text { margin-top: 20px; color: #fff; font-size: 18px }
.contact-info.style-two .contact-list-item .single-contact-list, .contact-info.sytle-one .contact-list-item .single-contact-list { display: block }
.contact-info.style-two .contact-list-item .content, .contact-info.sytle-one .contact-list-item .content { display: flex; margin-top: 55px }
.contact-info.style-two .contact-list-item .content .icons, .contact-info.sytle-one .contact-list-item .content .icons { color: #fff; border-color: #fff; font-size: 40px !important; margin-right: 10px; flex-shrink: 0; min-width: 80px; vertical-align: middle; text-align: center }
.contact-info.style-two .contact-list-item .content .main-content .heading, .contact-info.sytle-one .contact-list-item .content .main-content .heading { font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; line-height: 1.78; margin-bottom: 13px; color: rgba(255,255,255,.8) }
.contact-info.style-two .contact-list-item .content .main-content .text, .contact-info.sytle-one .contact-list-item .content .main-content .text { color: #00447f; font-size: 34px; font-weight: 700; line-height: 1.17 }

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px) {
    .contact-info.style-two .contact-list-item .content .main-content .text, .contact-info.sytle-one .contact-list-item .content .main-content .text { font-size: 24px }
}

@media only screen and (max-width:767px) {
    .contact-info.style-two .contact-list-item .content .main-content .text, .contact-info.sytle-one .contact-list-item .content .main-content .text { font-size: 24px }
}

.contact-info.style-two .contact-info-title-wrap .sub-text { color: #696969 }
.contact-info.style-two .contact-list-item .content .icons { color: #00447f }
.contact-info.style-two .contact-list-item .content .main-content .heading { color: #333 }
.contact-info.style-two .contact-list-item .content .main-content .text { color: #31987f }
.conact-info__list li { margin-bottom: 7px }
.conact-us-wrap-one.managed-it .heading { line-height: 1.67; font-weight: 800 }
.cta-bg-image_one { background-color: #454545; background-image: url(../img/call-to-action-image-global.png); background-repeat: no-repeat; background-position: top 35% right -68px }
.cta-bg-image_two { background-color: #f6f2ed; background-image: url(../img/call-to-action-bg-image.png); background-repeat: no-repeat; background-position: top right }

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px) {
    .cta-content { text-align: center; margin-bottom: 10px }
}

.cta-button-group--one .btn-one { color: #31987f; margin: 10px }
.cta-button-group--one .btn-one:hover { background: #31987f; color: #fff }
.cta-button-group--one .btn-two { margin: 10px }
.cta-button-group--one .btn-two:hover { background: #31987f; color: #fff }
.cta-button-group--two .btn-one { background: #31987f; color: #fff; margin: 10px }
.cta-button-group--two .btn-two { margin: 10px }
.testimonial-slider__container { padding-bottom: 0 }
.testimonial-slider .team-image { position: relative }
.testimonial-slider--info { margin-bottom: 22px }

@media only screen and (max-width:767px) {
    .testimonial-slider--info { flex-direction: column }
}

.testimonial-slider__media { flex-shrink: 0; margin-right: 30px }
.testimonial-slider__media img { border-radius: 50% }
.testimonial-slider__text { font-size: 18px }
.testimonial-slider__author { flex-grow: 1 }
.testimonial-slider__author .testimonial-rating { font-size: 16px; margin-bottom: 10px; color: #ffb944 }
.testimonial-slider__author .author-info { margin-top: 20px }

@media only screen and (max-width:767px) {
    .testimonial-slider__author .author-info { flex-direction: column }
}

.testimonial-slider__author .name { color: #333 }
.testimonial-slider__author .designation { font-size: 14px }
.testimonial-slider__one { position: relative; padding: 0; border-radius: 5px; margin: 0 15px 0; transition: all .3s ease-in-out; transform: translateY(0) !important }
.testimonial-slider__one .testimonial-slider--info .post-thumbnail { margin-right: 20px }

@media only screen and (max-width:767px) {
    .testimonial-slider__one .testimonial-slider--info .post-thumbnail { margin-right: 0; margin-bottom: 20px }
}

.testimonial-slider__one:hover { transform: translateY(-5px) !important }

@media only screen and (max-width:767px),only screen and (min-width:992px) and (max-width:1199px) {
    .testimonial-slider__one { padding: 31px 20px 31px; margin: 0 }
}

@media only screen and (max-width:767px) {
    .testimonial-slider__one { padding: 0; margin: 0 }
}

.testimonial-slider__single { background: #fff; padding: 51px 37px 40px; border-radius: 5px; transition: all .7s cubic-bezier(.645,.045,.355,1) }
.testimonial-slider__single .testimonial-subject { margin-bottom: 15px }
.testimonial-slider__single .testimonial-slider__text { color: #00447f }
.testimonial-slider__single .author-info { margin-top: 20px }
.testimonial-slider__container-two .swiper-slide.swiper-slide-prev { opacity: .5 }
.testimonial-slider__container-two .swiper-slide.swiper-slide-next { opacity: .5 }
.brand-logo-slider__one .brand-logo-slider__container { padding: 15px 0 }
.brand-logo-slider__one .brand-logo { align-self: center; text-align: center; position: relative }
.brand-logo-slider__one .brand-logo__image { transition: all .4s linear; background-color: #fff; padding-bottom: 40% }
.brand-logo-slider__one .brand-logo__image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100% }
.brand-logo-slider__one .brand-logo__image-hover { visibility: hidden; opacity: 0; transform: scale(.8,.8); transition: all .4s linear; position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; padding-bottom: 40% }
.brand-logo-slider__one .brand-logo__image-hover img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100% }
.brand-logo-slider__one .brand-logo:hover .brand-logo__image { visibility: hidden; opacity: 0; transform: scale(.8,.8) }
.brand-logo-slider__one .brand-logo:hover .brand-logo__image-hover { opacity: 1; visibility: visible; transform: none !important }
.brand-logo-slider__two .brand-logo-two { align-self: center; text-align: center; position: relative }
.brand-logo-slider__two .brand-logo-two__image { transition: all .4s linear }
.brand-logo-slider__two .brand-logo-two__image-hover { visibility: hidden; opacity: 0; transform: translate(-50%,20px); transition: all .4s linear; position: absolute; top: 0; left: 50%; width: 100% }
.brand-logo-slider__two .brand-logo-two:hover .brand-logo-two__image { visibility: hidden; opacity: 0; transform: translateY(-20px) }
.brand-logo-slider__two .brand-logo-two:hover .brand-logo-two__image-hover { visibility: visible; opacity: 1; transform: translate(-50%,0) }
.brand-logo-slider__two .brand-logo-two--slider { margin-bottom: 0 }
.brand-logo-slider__three .brand-logo { align-self: center; text-align: center; position: relative }
.brand-logo-slider__three .brand-logo__image { opacity: .4; transition: all .4s linear }
.brand-logo-slider__three .brand-logo:hover .brand-logo__image { opacity: 1 }
.brand-logo-slider__three .brand-logo--slider { margin-bottom: 0 }
.brand-logo-slider__four .brand-logo { align-self: center; text-align: center; position: relative }
.brand-logo-slider__four .brand-logo__image { opacity: 1; transition: all .4s linear }
.brand-logo-slider__four .brand-logo:hover .brand-logo__image { opacity: .4 }
.brand-logo-slider__four .brand-logo--slider { margin-bottom: 0 }
.page-section:after { content: ""; width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: -1; background-image: url(../img/slide01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; filter: blur(12px); webkit-filter: blur(12px); background-blend-mode: overlay; background-color: rgba(255,255,255,.7) }
.page-section .content-detail { height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column }
.page-section .content-detail .detail-text, .page-section .content-detail .sub-title { display: block; color: #333; text-align: center }
.page-section .content-detail .sub-title { margin-bottom: 15px; font-weight: 600; font-size: 30px }
.page-section .content-detail .global-title { display: block; color: #5bc86d; font-size: 180px; font-weight: 900 }
.page-section .content-detail .global-title span { background-image: url(../img/slide01.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-background-clip: text; -webkit-text-fill-color: rgba(0,0,0,.6); animation: animateblur 1s linear forwards }
.page-section .content-detail .global-title span:nth-child(1) { animation-delay: 1s }
.page-section .content-detail .global-title span:nth-child(2) { animation-delay: 2s }
.page-section .content-detail .global-title span:nth-child(3) { animation-delay: 3s }

@keyframes animateblur {
    0% { opacity: 0; filter: blur(10px) }
    100% { opacity: 1; filter: blur(0) }
}

.page-section .content-detail .back-btn { margin-top: 15px }
.report_header { position: fixed; top: 0; left: 0; width: 100%; height: 3.6rem; background-color: #f7f7f7; z-index: 10050 }
.report_header h1 { width: 90%; font-size: 1.2rem; color: #000; text-align: center; font-weight: 400; height: 3.6rem; line-height: 3.6rem; margin: 0 auto; text-align: center; padding: .3rem 0 0 0; display: flex; justify-content: center }
.report_header h1 span { display: inline-block; background: url(../img/logo-cn.svg) no-repeat; background-size: 100% 100%; width: 10rem; height: 3rem; float: left; vertical-align: middle; margin: 0 .2rem 0 0 }
.report_header h1 b { float: left; line-height: 3.2rem }
.wrapper-list { width: 100%; height: auto; position: absolute; top: 3.6rem; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 100; padding: 15px 15px }