.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    word-wrap: normal !important
}

.wpcf7 .hidden-fields-container {
    display: none
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid #00a0d2
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900
}

.wpcf7-form-control-wrap {
    position: relative
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width: 24em
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
    content: " "
}

.wpcf7-spinner {
    visibility: hidden;
    display: inline-block;
    background-color: #23282d;
    opacity: .75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative
}

form.submitting .wpcf7-spinner {
    visibility: visible
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion:reduce) {
    .wpcf7-spinner::before {
        animation-name: blink;
        animation-duration: 2000ms
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.wpcf7 [inert] {
    opacity: .5
}

.wpcf7 input[type="file"] {
    cursor: pointer
}

.wpcf7 input[type="file"]:disabled {
    cursor: default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    direction: ltr
}

.wpcf7-reflection>output {
    display: list-item;
    list-style: none
}

.wpcf7-reflection>output[hidden] {
    display: none
}

/**
* kk Star Ratings
* @see https://github.com/kamalkhan/kk-star-ratings
*/
.kk-star-ratings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.kk-star-ratings.kksr-shortcode {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.kk-star-ratings.kksr-valign-top {
    margin-bottom: 2rem;
}

.kk-star-ratings.kksr-valign-bottom {
    margin-top: 2rem;
}

.kk-star-ratings.kksr-align-left {
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
}

.kk-star-ratings.kksr-align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.kk-star-ratings.kksr-align-right {
    -webkit-box-pack: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
}

.kk-star-ratings .kksr-muted {
    opacity: .5;
}

.kk-star-ratings .kksr-stars {
    position: relative;
}

.kk-star-ratings .kksr-stars .kksr-stars-active,
.kk-star-ratings .kksr-stars .kksr-stars-inactive {
    display: flex;
}

.kk-star-ratings .kksr-stars .kksr-stars-active {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.kk-star-ratings .kksr-stars .kksr-star {
    cursor: pointer;
    padding-right: 0px;
}

.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star {
    cursor: default;
}

.kk-star-ratings .kksr-stars .kksr-star .kksr-icon {
    transition: .3s all;
}

.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active {
    width: 0 !important;
}

.kk-star-ratings .kksr-stars .kksr-star .kksr-icon,
.kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover~.kksr-star .kksr-icon {
    background-image: url(../images/inactive.svg);
}

.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {
    background-image: url(../images/active.svg);
}

.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon,
.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {
    background-image: url(../images/selected.svg);
}

.kk-star-ratings .kksr-legend {
    margin-left: .75rem;
    margin-right: .75rem;
}

[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active {
    left: auto;
    right: 0;
}

.tax-product_brand .brand-description {
    overflow: hidden;
    zoom: 1
}

.tax-product_brand .brand-description img.brand-thumbnail {
    width: 25%;
    float: right
}

.tax-product_brand .brand-description .text {
    width: 72%;
    float: left
}

.widget_brand_description img {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0 0 1em
}

ul.brand-thumbnails {
    margin-left: 0;
    margin-bottom: 0;
    clear: both;
    list-style: none
}

ul.brand-thumbnails:before {
    clear: both;
    content: "";
    display: table
}

ul.brand-thumbnails:after {
    clear: both;
    content: "";
    display: table
}

ul.brand-thumbnails li {
    float: left;
    margin: 0 3.8% 1em 0;
    padding: 0;
    position: relative;
    width: 22.05%
}

ul.brand-thumbnails.fluid-columns li {
    width: auto
}

ul.brand-thumbnails:not(.fluid-columns) li.first {
    clear: both
}

ul.brand-thumbnails:not(.fluid-columns) li.last {
    margin-right: 0
}

ul.brand-thumbnails.columns-1 li {
    width: 100%;
    margin-right: 0
}

ul.brand-thumbnails.columns-2 li {
    width: 48%
}

ul.brand-thumbnails.columns-3 li {
    width: 30.75%
}

ul.brand-thumbnails.columns-5 li {
    width: 16.95%
}

ul.brand-thumbnails.columns-6 li {
    width: 13.5%
}

.brand-thumbnails li img {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0
}

@media screen and (max-width:768px) {
    ul.brand-thumbnails:not(.fluid-columns) li {
        width: 48% !important
    }

    ul.brand-thumbnails:not(.fluid-columns) li.first {
        clear: none
    }

    ul.brand-thumbnails:not(.fluid-columns) li.last {
        margin-right: 3.8%
    }

    ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd) {
        clear: both
    }

    ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even) {
        margin-right: 0
    }
}

.brand-thumbnails-description li {
    text-align: center
}

.brand-thumbnails-description li .term-thumbnail img {
    display: inline
}

.brand-thumbnails-description li .term-description {
    margin-top: 1em;
    text-align: left
}

#brands_a_z h3:target {
    text-decoration: underline
}

ul.brands_index {
    list-style: none outside;
    overflow: hidden;
    zoom: 1
}

ul.brands_index li {
    float: left;
    margin: 0 2px 2px 0
}

ul.brands_index li a,
ul.brands_index li span {
    border: 1px solid #ccc;
    padding: 6px;
    line-height: 1em;
    float: left;
    text-decoration: none
}

ul.brands_index li span {
    border-color: #eee;
    color: #ddd
}

ul.brands_index li a:hover {
    border-width: 2px;
    padding: 5px;
    text-decoration: none
}

ul.brands_index li a.active {
    border-width: 2px;
    padding: 5px
}

div#brands_a_z a.top {
    border: 1px solid #ccc;
    padding: 4px;
    line-height: 1em;
    float: right;
    text-decoration: none;
    font-size: .8em
}

/*! 
 * Master Slider WordPress Main CSS File
 * @date Feb 2022
 */
.master-slider {
    position: relative;
    visibility: hidden;
    -moz-transform: translate3d(0, 0, 0)
}

.ms-ie img {
    border: none
}

.ms-ie8 * {
    opacity: inherit;
    -webkit-filter: inherit;
    filter: inherit
}

.ms-ie7 {
    zoom: 1
}

.ms-moz .ms-slide-bgcont>img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.master-slider a,
.master-slider a:hover {
    -webkit-transition: none;
    transition: none
}

.wpb_row .master-slider-parent *,
.master-slider-parent * {
    box-sizing: content-box
}

.master-slider-parent {
    margin-left: auto;
    margin-right: auto
}

.ms-layout-partialview .ms-view {
    overflow: visible;
    background-color: #fff0
}

.ms-layout-partialview .ms-container {
    overflow: hidden
}

.master-slider img,
.ms-slide-bgvideocont video {
    max-width: none
}

.master-slider.ms-fullheight {
    height: 100%
}

.ms-slide-auto-height {
    display: table
}

.ms-loading-container {
    position: absolute;
    width: 100%;
    top: 0
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
    width: 36px;
    height: 36px;
    background: url(../images/loading-2.gif) no-repeat center #fff;
    border-radius: 60px;
    box-shadow: 0 0 3px rgb(0 0 0 / .2);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px;
    opacity: .9
}

.ms-def-cursor {
    cursor: auto !important
}

.ms-grab-cursor {
    cursor: url(../images/grab.png), move
}

.ms-grabbing-cursor {
    cursor: url(../images/grabbing.png), move
}

.ms-ie .ms-grab-cursor {
    cursor: move
}

.ms-ie .ms-grabbing-cursor {
    cursor: move
}

.ms-view {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    -webkit-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px
}

.ms-view .ms-slide-container {
    position: relative
}

.ms-slide {
    position: absolute;
    height: 100%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.ms-wk .ms-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
    position: absolute;
    overflow: hidden;
    width: 100%
}

.ms-slide .ms-slide-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 110
}

.ms-ie .ms-slide-link {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat
}

.ms-slide .ms-slide-bgvideocont {
    z-index: 105;
    height: 100%
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video {
    -webkit-transform: translateZ(.3px);
    transform: translateZ(.3px)
}

.ms-slide .ms-slide-bgvideo {
    position: absolute;
    top: 0
}

.ms-inner-controls-cont,
.ms-container {
    position: relative;
    margin: 0 auto
}

.ms-slide .ms-slide-bgcont img,
.ms-container,
.ms-inner-controls-cont {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
    position: absolute;
    pointer-events: auto
}

.ms-layer-mask {
    position: absolute;
    overflow: hidden
}

.ms-layer-mask .ms-layer {
    position: relative
}

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 109;
    top: 0;
    pointer-events: none
}

.ms-overlay-layers {
    position: absolute;
    top: 0;
    z-index: 120;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.ms-slide .ms-slide-video {
    position: absolute;
    top: 0;
    z-index: 111;
    background: #000;
    padding: 0;
    margin: 0;
    border: none
}

.ms-slide .ms-pattern {
    background-attachment: scroll;
    width: 100%;
    height: 100%;
    z-index: 108;
    position: absolute;
    top: 0
}

.ms-wk .ms-pattern {
    -webkit-transform: translateZ(.4px);
    transform: translateZ(.4px)
}

.ms-parallax-layer {
    width: 100%;
    position: absolute;
    top: 0
}

.ms-scroll-parallax-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 109
}

.ms-wk .ms-scroll-parallax-cont {
    -webkit-transform: translateZ(.4px);
    transform: translateZ(.4px)
}

.ms-action-layer {
    cursor: pointer
}

.ms-btn-container {
    position: absolute
}

.ms-btn {
    text-decoration: none;
    display: inline-block;
    color: #000;
    position: relative;
    padding: 8px 15px;
    cursor: pointer;
    white-space: nowrap
}

.ms-default-btn {
    background: #0074A2;
    border-radius: 5px;
    color: #FFF
}

.ms-default-btn:hover {
    background-color: #0098D5
}

.ms-default-btn:active {
    top: 1px
}

.ms-layer.video-box {
    background: #000
}

.ms-layer.video-box iframe {
    padding: 0;
    margin: 0;
    border: none;
    position: absolute;
    z-index: 110
}

.ms-btn-s {
    padding: 14px 17px;
    font-size: 80%;
    line-height: 0
}

.ms-btn-m {
    padding: 12px 40px
}

.ms-btn-n {
    padding: 8px 25px;
    font-size: 95%
}

.ms-btn-l {
    padding: 17px 50px;
    font-size: 120%
}

.ms-btn-round {
    border-radius: 5px
}

.ms-btn-circle {
    border-radius: 100px
}

.ms-btn-outline-round {
    border-radius: 5px
}

.ms-btn-outline-circle {
    border-radius: 100px
}

.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-video-btn {
    position: absolute;
    cursor: pointer;
    z-index: 110
}

.ms-slide .ms-slide-vcbtn {
    position: absolute;
    cursor: pointer;
    z-index: 113
}

.ms-slide-vcbtn-mobile {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: #000;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 113
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: .75em;
    display: inline-block;
    background: url(../images/video-close-btn.png) no-repeat 0 3px;
    padding-left: 15px;
    height: 15px;
    color: #DBDBDB;
    margin-top: 7px
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
    -webkit-transform: translateZ(.44px);
    transform: translateZ(.44px)
}

.ms-video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.ms-mask-frame {
    overflow: hidden;
    position: absolute;
    float: left
}

.ms-thumb-list {
    overflow: hidden;
    position: absolute
}

.ms-thumb-list.ms-dir-h {
    width: 100%
}

.ms-thumb-list.ms-dir-v {
    height: 100%;
    top: 0
}

.ms-thumbs-cont {
    position: relative
}

.ms-thumb-frame img {
    width: 100%;
    height: auto
}

.ms-thumb-frame {
    cursor: pointer;
    float: left;
    overflow: hidden;
    opacity: .5;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.ms-thumb-frame-selected {
    opacity: 1
}

.ms-tabs .ms-thumb-frame {
    background-color: #F6f6f6;
    text-shadow: 0 1px 1px #fff;
    color: #222;
    border: solid 1px #fff;
    border-width: 0 1px 1px 0;
    overflow: visible;
    position: relative;
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.ms-tabs.ms-has-thumb .ms-tab-thumb {
    width: auto
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
    margin-top: 12px
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-left: 12px
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
    margin-left: 0
}

.ms-tabs.ms-dir-h.ms-align-top {
    z-index: 140
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
    margin-top: -12px
}

.ms-tabs .ms-thumb {
    padding: 20px 20px
}

.ms-tabs .ms-thumb-frame-selected {
    opacity: 1;
    background: #EDEDED
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
    top: 0;
    left: 50%;
    margin-left: -12px;
    border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px #fff0;
    border-right: solid 12px #fff0
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    top: -12px;
    border-bottom-color: #EDEDED
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
    bottom: 0;
    top: auto;
    border-bottom: 0;
    border-top: solid 12px #F6f6f6
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    bottom: -12px;
    border-top-color: #EDEDED
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
    top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px #fff0;
    border-bottom: solid 12px #fff0
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    left: -12px;
    border-right-color: #EDEDED
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #EDEDED
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
    opacity: 1;
    right: -12px;
    border-left-color: #EDEDED
}

.ms-thumb-alt {
    text-align: center;
    margin: 5px;
    font-size: 14px;
    font-weight: 600
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: rgb(128 128 128 / .5);
    text-align: center;
    color: #fff
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    content: close-quote;
    top: 43%;
    position: relative;
    border: solid #fff0;
    border-width: 5px 5px 5px 0;
    display: block;
    border-right-color: #FFF;
    width: 6px;
    height: 1px
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
    border-width: 5px 0 5px 5px;
    border-left-color: #FFF;
    left: 7px
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: rgb(128 128 128 / .5);
    text-align: center;
    color: #fff
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    bottom: 0;
    top: auto
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    content: close-quote;
    left: 43%;
    position: relative;
    border: solid #fff0;
    border-width: 0 5px 5px 5px;
    display: block;
    border-bottom-color: #FFF;
    height: 1px;
    top: 5px;
    width: 0
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
    border-width: 5px 5px 0 5px;
    border-top-color: #FFF;
    top: 7px
}

.ms-tabs.ms-dir-v.ms-has-thumb .ms-thumbs-cont {
    top: 0 !important
}

.ms-tabs.ms-has-thumb .ms-thumb-frame {
    height: auto !important
}

.ms-tabs.ms-has-thumb .ms-thumb {
    padding: 0
}

.ms-tabs.ms-has-thumb .ms-tab-context {
    padding: 20px
}

.ms-tabs.ms-align-left .ms-tab-thumb {
    float: left;
    margin-right: 20px
}

.ms-tabs.ms-align-right .ms-tab-thumb {
    float: right;
    margin-left: 20px
}

.ms-bullet {
    cursor: pointer;
    float: left
}

.ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-bullets.ms-dir-v {
    position: absolute;
    top: 50%
}

.ms-bullets.ms-dir-v .ms-bullet {
    float: none
}

.ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-sbar {
    position: absolute
}

.ms-sbar.ms-dir-h {
    left: 10px;
    right: 10px;
    top: 5px
}

.ms-sbar.ms-dir-v {
    top: 10px;
    bottom: 10px;
    right: 5px
}

.ms-sbar .ms-bar {
    height: 4px;
    background: #333;
    border-radius: 4px
}

.ms-sbar.ms-dir-v .ms-bar {
    width: 4px
}

.ms-sbar .ms-bar {
    position: relative;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.ms-timerbar {
    width: 100%;
    bottom: 0;
    position: absolute
}

.ms-ctimer {
    position: absolute;
    top: 30px;
    left: 30px;
    cursor: pointer
}

.ms-time-bar {
    -webkit-transition: width 120ms linear;
    transition: width 120ms linear
}

.ms-ie7 .ms-tooltip-arrow {
    height: 0
}

.ms-slide-info {
    position: absolute
}

.ms-slide-info.ms-dir-v {
    top: 0
}

.ms-slide-info.ms-dir-h {
    width: 100%
}

@-webkit-keyframes ms-point-anim {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

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

@keyframes ms-point-anim {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 1
    }

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

.ms-android .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none
}

.ms-pattern.ms-patt-1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYICA/wzoDGTwHyDAADXxAv4Eq8S5AAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYECA/wxogLAANoBdF0CAAQD+agT8l3ocpQAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACxJREFUeNqU0EENAAAMwkD8m+4s7PhCCmHbGijxE0jS1HOOhxJSUhf9eAIMAI/CEe94Ny14AAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhJREFUeNpiYGBg+M+ABfxHo3Fz/gMEGACtlgX7j8MuyAAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-5 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABNJREFUeNpiYECA/3CCAV0UIMAANfEC/mOKn1cAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-6 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+AClD4AAEGACn3Af/97SgJAAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-7 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-8 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAYAAAA4GpVBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg+M+ACdDFAAIMADP0Af/w5VDVAAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-9 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiYGBg+M9AGQAIMABABAEA80yJjQAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-10 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYGBg+A/FcMDEQH0AEGAAxksCAb3vCDgAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-11 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpiZGBg+M+AChhBBBMDDkC6BOkAIMAAlXQBCO9f4icAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-12 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiYGBg+M8AATAaDnAKYEgQBgABBgB6/AT8h9ybfgAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-13 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpiYGBg+M+ABJig9H90AbggI7oWgAADAI5xBAIRYsxUAAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-14 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiYGBg+M+AA9BSgkQBgAADAJIyB/kDCjAnAAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-15 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB9JREFUeNpiYGBg+M9ABPhPjPh/YjT9J2AipiRAgAEAhjsH+Utd9Z4AAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-16 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFAQMAAABCXz8WAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjaGBwZFBiEGHgAAAHPwEAP8TPrwAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-17 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABZJREFUCNdjaGBwYFBgEGDgAGIFBgcADegBabpJ4LsAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-18 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGA4wPCA4QMACtgDEQ8Bqx8AAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-19 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA9JREFUCNdjWMDgAMRAAAAKigGBlYsMggAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-20 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGAQMAAADaAn0LAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdj+ACFQAAAHgwDwds/+0oAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-21 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA1JREFUCNdjOACEYAAADAoBgRrgDF0AAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-22 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjaGAAAwADiACBhux1cwAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-23 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAIAQMAAAAC1AcCAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjaGAAAxgNAAsQAQHPxScOAAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-24 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABAQMAAADZzn0AAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAApJREFUCNdj6AAAAIoAiVWdWYwAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-25 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdj4GBoYHBgUGAQAAAFggD5HRIFwAAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-26 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjUGBoYHAAAAJmAOF0EZC+AAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-27 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABBJREFUCNdjaGAIYFBgCAAABcgBQeTzXGUAAAAASUVORK5CYII=)
}

.ms-pattern.ms-patt-28 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAACBJREFUCNdjaGBgcHBgUGhgEGRg4GJgYAGRQDZQBCgOAC/KAvtspwwJAAAAAElFTkSuQmCC)
}

.ms-pattern.ms-patt-29 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABJJREFUCNdjUGBwYGhg4GAQAAAFkgD5MUFnfgAAAABJRU5ErkJggg==)
}

.ms-pattern.ms-patt-30 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjcGBoYFAAAALmAOHcBT11AAAAAElFTkSuQmCC)
}

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
    width: 50px;
    height: 51px;
    background: url(../images/light-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(../images/light-skin-1.png) no-repeat -24px -28px;
    top: 18px;
    right: 30px
}

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
    width: 30px;
    background: url(../images/light-skin-1.png);
    background-position: -89px -26px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110
}

.ms-skin-default .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -89px -103px
}

.ms-skin-default .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(../images/light-skin-1.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px
}

.ms-skin-default .ms-bullet-selected {
    background-position: -34px -84px
}

.ms-skin-default .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-default .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-default .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-default .ms-tooltip {
    max-width: 200px
}

.ms-skin-default .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    margin-left: -1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-default .ms-slide .ms-slide-vpbtn,
    .ms-skin-default .ms-video-btn,
    .ms-skin-default .ms-slide .ms-slide-vcbtn,
    .ms-skin-default .ms-nav-next,
    .ms-skin-default .ms-nav-prev,
    .ms-skin-default .ms-bullet {
        background-image: url(../images/light-skin-1-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(../images/black-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px
}

.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(../images/black-skin-1.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px
}

.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
    width: 53px;
    background: url(../images/black-skin-1.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110
}

.ms-skin-black-1 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px
}

.ms-skin-black-1 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-black-1 .ms-bullet {
    width: 9px;
    height: 9px;
    background: #fff;
    margin: 4px;
    border: solid 1px #3a3a3a
}

.ms-skin-black-1 .ms-bullet-selected {
    background-color: #000
}

.ms-skin-black-1 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: #fff;
    border-top-color: rgb(0 0 0 / .8);
    bottom: -10px
}

.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: #fff;
    border-bottom-color: rgb(0 0 0 / .8);
    top: -10px
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: #fff;
    border-right-color: rgb(0 0 0 / .8);
    left: -10px
}

.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: #000;
    border-left-color: rgb(0 0 0 / .8);
    right: -10px
}

.ms-skin-black-1 .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #444;
    background: #000;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #fff;
    background: rgb(255 255 255 / .9);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-black-1 .ms-tooltip {
    max-width: 200px
}

.ms-skin-black-1 .ms-tooltip-cont {
    padding: 10px;
    background: #000;
    background: rgb(0 0 0 / .8);
    text-shadow: 0 1px 0 #000;
    color: #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-1 .ms-video-btn,
    .ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-1 .ms-nav-next,
    .ms-skin-black-1 .ms-nav-prev {
        background-image: url(../images/black-skin-1-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(../images/black-skin-2.png) #000 no-repeat -16px -103px;
    border: solid 3px #fff;
    border-color: rgb(255 255 255 / .4);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px
}

.ms-skin-black-2 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-black-2 .ms-video-btn:hover {
    background-color: #3D3D3D
}

.ms-skin-black-2 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(../images/black-skin-2.png) #000 no-repeat -27px -36px;
    border: solid 2px #fff;
    border-color: rgb(255 255 255 / .4);
    top: 15px;
    right: 15px
}

.ms-skin-black-2.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 50px
}

.ms-skin-black-2 .ms-nav-next,
.ms-skin-black-2 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(../images/black-skin-2.png) #000;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px #fff;
    border-color: rgb(255 255 255 / .4);
    top: 50%;
    left: 30px;
    margin-top: -22px
}

.ms-skin-black-2.round-skin .ms-nav-next,
.ms-skin-black-2.round-skin .ms-nav-prev,
.ms-skin-black-2.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-black-2.round-skin .ms-video-btn {
    border-radius: 90px
}

.ms-skin-black-2 .ms-nav-next:hover,
.ms-skin-black-2 .ms-nav-prev:hover {
    background-color: #3d3d3d
}

.ms-skin-black-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px
}

.ms-skin-black-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-black-2 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-black-2 .ms-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -ms-background-clip: padding-box;
    border: solid 3px #fff;
    border-color: rgb(0 0 0 / .44);
    margin: 4px;
    background-position: -34px -117px
}

.ms-skin-black-2.round-skin .ms-bullet {
    border-radius: 15px
}

.ms-skin-black-2 .ms-bullet-selected {
    background-color: #000;
    border-color: #fff;
    border-color: rgb(255 255 255 / .44)
}

.ms-skin-black-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-black-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-black-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-black-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-black-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-black-2 .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-ie7.ms-skin-black-2 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-black-2 .ms-tooltip-point .ms-point-border {
    display: none
}

.ms-skin-black-2 .ms-tooltip {
    max-width: 200px
}

.ms-skin-black-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-black-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-black-2 .ms-video-btn,
    .ms-skin-black-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-black-2 .ms-nav-next,
    .ms-skin-black-2 .ms-nav-prev {
        background-image: url(../images/black-skin-2-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-2 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(../images/light-skin-2.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px
}

.ms-skin-light-2 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(../images/light-skin-2.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px
}

.ms-skin-light-2 .ms-nav-next,
.ms-skin-light-2 .ms-nav-prev {
    width: 53px;
    background: url(../images/light-skin-2.png);
    background-position: -79px -19px;
    height: 61px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -26px;
    position: absolute;
    z-index: 110
}

.ms-skin-light-2 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -79px -97px
}

.ms-skin-light-2 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-light-2 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-light-2 .ms-bullet {
    width: 9px;
    height: 9px;
    background: #000;
    margin: 4px;
    border: solid 1px #3a3a3a
}

.ms-skin-light-2 .ms-bullet-selected {
    background-color: #fff
}

.ms-skin-light-2 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-light-2 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-light-2 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-light-2 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-light-2 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-light-2 .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-light-2 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-light-2 .ms-tooltip {
    max-width: 200px
}

.ms-skin-light-2 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-light-2 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-2 .ms-video-btn,
    .ms-skin-light-2 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-2 .ms-nav-next,
    .ms-skin-light-2 .ms-nav-prev {
        background-image: url(../images/light-skin-2-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-3 .ms-video-btn {
    width: 50px;
    height: 50px;
    background: url(../images/light-skin-3.png) no-repeat -15px -149px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px
}

.ms-skin-light-3 .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 29px;
    background: url(../images/light-skin-3.png) no-repeat -26px -28px;
    top: 30px;
    right: 30px
}

.ms-skin-light-3 .ms-nav-next,
.ms-skin-light-3 .ms-nav-prev {
    width: 50px;
    background: url(../images/light-skin-3.png);
    background-position: -82px -22px;
    height: 50px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -25px;
    position: absolute;
    z-index: 110
}

.ms-skin-light-3 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -99px
}

.ms-skin-light-3 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-light-3 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-light-3 .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(../images/light-skin-3.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px
}

.ms-skin-light-3 .ms-bullet-selected {
    background-position: -31px -81px
}

.ms-skin-light-3 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-light-3 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-light-3 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-light-3 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-light-3 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-light-3 .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-light-3 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-light-3 .ms-tooltip {
    max-width: 200px
}

.ms-skin-light-3 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-light-3 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-3 .ms-video-btn,
    .ms-skin-light-3 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-3 .ms-nav-next,
    .ms-skin-light-3 .ms-nav-prev,
    .ms-skin-light-3 .ms-bullet {
        background-image: url(../images/light-skin-3-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn {
    width: 54px;
    height: 54px;
    background: url(../images/light-skin-4.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px
}

.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
    width: 27px;
    height: 26px;
    background: url(../images/light-skin-4.png) no-repeat -24px -29px;
    top: 30px;
    right: 30px
}

.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
    width: 54px;
    background: url(../images/light-skin-4.png);
    background-position: -77px -5px;
    height: 68px;
    cursor: pointer;
    top: 50%;
    left: -27px;
    margin-top: -40px;
    position: absolute;
    z-index: 110
}

.ms-skin-light-4 .ms-nav-next {
    right: -27px;
    left: auto;
    background-position: -79px -83px
}

.ms-skin-light-4 .ms-thumb-frame-selected {
    opacity: .6
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
    bottom: -60px;
    width: 100%;
    height: 60px
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
    height: 100%;
    width: 60px;
    right: -60px;
    top: 0
}

.ms-skin-light-4 .ms-thumb-frame {
    cursor: pointer;
    float: left;
    width: 60px;
    height: 60px;
    margin: 1px 0 0 1px;
    overflow: hidden
}

.ms-skin-light-4 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-light-4 .ms-bullet {
    width: 9px;
    height: 9px;
    background: #b9b9b9;
    margin: 4px;
    border: solid 1px #a3a3a3
}

.ms-skin-light-4 .ms-bullet-selected {
    background-color: #fff
}

.ms-skin-light-4 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: #fff;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-light-4 .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #E0E0E0;
    background: #4b8aac;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #fff;
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-light-4 .ms-tooltip {
    max-width: 200px
}

.ms-skin-light-4 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-4 .ms-video-btn,
    .ms-skin-light-4 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-4 .ms-nav-next,
    .ms-skin-light-4 .ms-nav-prev {
        background-image: url(../images/light-skin-4-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-5 .ms-video-btn {
    width: 32px;
    height: 32px;
    background: url(../images/light-skin-5.png) #000 no-repeat -24px -160px;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -18px
}

.ms-skin-light-5 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-5 .ms-video-btn:hover {
    background-color: #646464
}

.ms-skin-light-5 .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(../images/light-skin-5.png) #fff no-repeat -24px -28px;
    top: 18px;
    right: 30px
}

.ms-skin-light-5 .ms-nav-next,
.ms-skin-light-5 .ms-nav-prev {
    width: 32px;
    background: url(../images/light-skin-5.png) #fff;
    background-position: -94px -32px;
    height: 32px;
    cursor: pointer;
    bottom: 40px;
    left: 40px;
    margin-top: -20px;
    position: absolute;
    z-index: 110
}

.ms-skin-light-5 .ms-nav-next:hover,
.ms-skin-light-5 .ms-nav-prev:hover {
    background-color: #E0E0E0
}

.ms-skin-light-5 .ms-nav-next {
    left: 73px;
    background-position: -93px -110px
}

.ms-skin-light-5 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-light-5 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-light-5 .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(../images/light-skin-5.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px
}

.ms-skin-light-5 .ms-bullet-selected {
    background-position: -34px -84px
}

.ms-skin-light-5 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-light-5 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-light-5 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-light-5 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-light-5 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-light-5 .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-android.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none
}

.ms-ie7.ms-skin-light-5 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-5 .ms-tooltip-point .ms-point-border {
    display: none
}

.ms-skin-light-5 .ms-tooltip {
    max-width: 200px
}

.ms-skin-light-5 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-light-5 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-5 .ms-video-btn,
    .ms-skin-light-5 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-5 .ms-nav-next,
    .ms-skin-light-5 .ms-nav-prev {
        background-image: url(../images/light-skin-5-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6 .ms-video-btn {
    width: 45px;
    height: 45px;
    background: url(../images/light-skin-6.png) #fff no-repeat -16px -103px;
    border: solid 3px #707070;
    border-color: rgb(0 0 0 / .27);
    -webkit-background-clip: padding-box;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px
}

.ms-skin-light-6 .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-light-6 .ms-video-btn:hover {
    background-color: #E0E0E0
}

.ms-skin-light-6 .ms-slide .ms-slide-vcbtn {
    width: 25px;
    height: 25px;
    background: url(../images/light-skin-6.png) #fff no-repeat -27px -36px;
    top: 15px;
    right: 15px
}

.ms-skin-light-6.round-skin .ms-slide .ms-slide-vcbtn {
    border-radius: 30px
}

.ms-skin-light-6 .ms-nav-next,
.ms-skin-light-6 .ms-nav-prev {
    position: absolute;
    cursor: pointer;
    z-index: 110;
    width: 45px;
    height: 45px;
    background: url(../images/light-skin-6.png) #fff;
    background-clip: padding-box;
    background-position: -88px -26px;
    border: solid 3px #707070;
    border-color: rgb(0 0 0 / .27);
    top: 50%;
    left: 30px;
    margin-top: -22px
}

.ms-skin-light-6.round-skin .ms-nav-next,
.ms-skin-light-6.round-skin .ms-nav-prev,
.ms-skin-light-6.round-skin .ms-slide .ms-slide-vpbtn,
.ms-skin-light-6.round-skin .ms-video-btn {
    border-radius: 90px
}

.ms-skin-light-6 .ms-nav-next:hover,
.ms-skin-light-6 .ms-nav-prev:hover {
    background-color: #E0E0E0
}

.ms-skin-light-6 .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -86px -103px
}

.ms-skin-light-6 .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-light-6 .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-light-6 .ms-bullet {
    width: 8px;
    height: 8px;
    background: #000;
    -webkit-background-clip: padding-box;
    border: solid 3px #fff;
    border-color: rgb(255 255 255 / .44);
    margin: 4px;
    background-position: -34px -117px
}

.ms-skin-light-6.round-skin .ms-bullet {
    border-radius: 15px
}

.ms-skin-light-6 .ms-bullet-selected {
    background-color: #fff;
    border-color: #000;
    border-color: rgb(0 0 0 / .44)
}

.ms-skin-light-6 .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-light-6 .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-light-6 .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-light-6 .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-light-6 .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-light-6 .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-ie7.ms-skin-light-6 .ms-tooltip-point .ms-point-border,
.ms-ie8.ms-skin-light-6 .ms-tooltip-point .ms-point-border {
    display: none
}

.ms-skin-light-6 .ms-tooltip {
    max-width: 200px
}

.ms-skin-light-6 .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-light-6 .ms-slide .ms-slide-vpbtn,
    .ms-skin-light-6 .ms-video-btn,
    .ms-skin-light-6 .ms-slide .ms-slide-vcbtn,
    .ms-skin-light-6 .ms-nav-next,
    .ms-skin-light-6 .ms-nav-prev {
        background-image: url(../images/light-skin-6-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-metro .ms-slide .ms-slide-vpbtn,
.ms-skin-metro .ms-video-btn {
    width: 47px;
    height: 46px;
    background: url(../images/metro-skin.png) no-repeat -16px -152px;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -24px
}

.ms-skin-metro .ms-slide .ms-slide-vcbtn {
    width: 47px;
    height: 47px;
    background: url(../images/metro-skin.png) no-repeat -16px -19px;
    top: 15px;
    right: 15px
}

.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
    width: 47px;
    background: url(../images/metro-skin.png);
    background-position: -83px -23px;
    height: 47px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -24px;
    position: absolute;
    z-index: 110
}

.ms-skin-metro .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -81px -100px
}

.ms-skin-metro .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-metro .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-metro .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(../images/metro-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px
}

.ms-skin-metro .ms-bullet-selected {
    background-position: -31px -81px
}

.ms-skin-metro .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-metro .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-metro .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-metro .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-metro .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-metro .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-metro .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-metro .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-metro .ms-tooltip {
    max-width: 200px
}

.ms-skin-metro .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-metro .ms-slide .ms-slide-vpbtn,
    .ms-skin-metro .ms-video-btn,
    .ms-skin-metro .ms-slide .ms-slide-vcbtn,
    .ms-skin-metro .ms-nav-next,
    .ms-skin-metro .ms-nav-prev,
    .ms-skin-metro .ms-bullet {
        background-image: url(../images/metro-skin-retina.png);
        background-size: 152px 225px
    }
}

.ms-skin-minimal .ms-slide .ms-slide-vpbtn,
.ms-skin-minimal .ms-video-btn {
    width: 55px;
    height: 55px;
    background: url(../images/minimal.svg) no-repeat 24px 18px #fff;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn:hover,
.ms-skin-minimal .ms-slide .ms-slide-vpbtn:hover,
.ms-skin-minimal .ms-video-btn:hover {
    background-color: #f1f1f1
}

.ms-skin-minimal .ms-slide .ms-slide-vcbtn {
    width: 31px;
    height: 31px;
    background: url(../images/minimal.svg) no-repeat -289px 6px #fff;
    border-radius: 50%;
    border: solid 1px #3d3d3d;
    top: 18px;
    right: 30px;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms
}

.ms-skin-minimal .ms-nav-next,
.ms-skin-minimal .ms-nav-prev {
    background: url(../images/minimal.svg) no-repeat #fff;
    background-position: -178px 17px;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -27px;
    position: absolute;
    z-index: 110;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms
}

.ms-skin-minimal .ms-nav-next:hover,
.ms-skin-minimal .ms-nav-prev:hover {
    background-color: #f1f1f1
}

.ms-skin-minimal .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -75px 17px
}

.ms-skin-minimal .ms-bullet {
    width: 8px;
    height: 8px;
    background: #fff;
    border: solid 1px #3d3d3d;
    border-radius: 50%;
    margin: 4px;
    background-position: -34px -117px
}

.ms-skin-minimal .ms-bullet-selected {
    background: #3d3d3d
}

.ms-skin-minimal .ms-time-bar {
    height: 3px;
    background: #FFF;
    border-top: solid 1px rgb(0 0 0 / .41)
}

.ms-skin-minimal .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-minimal .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgb(240 240 240 / .88);
    bottom: -10px
}

.ms-skin-minimal .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgb(240 240 240 / .88);
    top: -10px
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-minimal .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgb(240 240 240 / .88);
    left: -10px
}

.ms-skin-minimal .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgb(240 240 240 / .88);
    right: -10px
}

.ms-skin-minimal .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-minimal .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #BBB;
    background: #fff;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-minimal .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #000;
    background: rgb(0 0 0 / .36);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-minimal .ms-tooltip {
    max-width: 200px
}

.ms-skin-minimal .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgb(240 240 240 / .88);
    text-shadow: 0 1px 0 #fff;
    margin-left: -1px
}

.ms-skin-contrast .ms-slide .ms-slide-vpbtn,
.ms-skin-contrast .ms-video-btn {
    width: 60px;
    height: 60px;
    background: url(../images/contrast-skin.png) no-repeat -10px -144px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px
}

.ms-skin-contrast .ms-slide .ms-slide-vcbtn {
    width: 24px;
    height: 24px;
    background: url(../images/contrast-skin.png) no-repeat -27px -30px;
    top: 30px;
    right: 30px
}

.ms-skin-contrast .ms-nav-next,
.ms-skin-contrast .ms-nav-prev {
    width: 60px;
    background: url(../images/contrast-skin.png);
    background-position: -76px -17px;
    height: 60px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -30px;
    position: absolute;
    z-index: 110
}

.ms-skin-contrast .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -77px -91px
}

.ms-skin-contrast .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 20px;
    right: 50%;
    width: 100px
}

.ms-skin-contrast .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-skin-contrast .ms-bullet {
    width: 16px;
    height: 16px;
    background: url(../images/contrast-skin.png) no-repeat;
    background-position: -31px -114px;
    margin: 4px
}

.ms-skin-contrast .ms-bullet-selected {
    background-position: -31px -81px
}

.ms-skin-contrast .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px #fff0;
    border-right: solid 10px #fff0;
    position: absolute;
    left: 50%;
    margin-left: -10px
}

.ms-skin-contrast .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: #fc3116;
    border-top-color: rgb(252 49 22 / .8);
    bottom: -10px
}

.ms-skin-contrast .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: #fc3116;
    border-bottom-color: rgb(252 49 22 / .8);
    top: -10px
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px #fff0;
    border-bottom: solid 10px #fff0;
    position: absolute;
    top: 50%;
    margin-top: -10px
}

.ms-skin-contrast .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: #fc3116;
    border-right-color: rgb(252 49 22 / .8);
    left: -10px
}

.ms-skin-contrast .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: #fc3116;
    border-left-color: rgb(252 49 22 / .8);
    right: -10px
}

.ms-skin-contrast .ms-tooltip-point {
    cursor: pointer
}

.ms-skin-contrast .ms-tooltip-point .ms-point-center {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    border: solid 2px #636363;
    background: #000;
    margin: -8px 0 0 -8px;
    position: absolute;
    z-index: 105
}

.ms-skin-contrast .ms-tooltip-point .ms-point-border {
    width: 22px;
    height: 22px;
    background: #fff;
    background: rgb(255 255 255 / .99);
    margin: -11px 0 0 -11px;
    position: absolute;
    border-radius: 15px;
    animation: ms-point-anim 1.5s infinite;
    -moz-animation: ms-point-anim 1.5s infinite;
    -webkit-animation: ms-point-anim 1.5s infinite;
    -o-animation: ms-point-anim 1.5s infinite
}

.ms-skin-contrast .ms-tooltip {
    max-width: 200px
}

.ms-skin-contrast .ms-tooltip-cont {
    padding: 10px;
    background: #fc3116;
    background: rgb(252 49 22 / .8);
    text-shadow: 0 1px 0 rgb(0 0 0 / .4);
    color: #fff;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / .04)
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .ms-skin-contrast .ms-slide .ms-slide-vpbtn,
    .ms-skin-contrast .ms-video-btn,
    .ms-skin-contrast .ms-slide .ms-slide-vcbtn,
    .ms-skin-contrast .ms-nav-next,
    .ms-skin-contrast .ms-nav-prev,
    .ms-skin-contrast .ms-bullet {
        background-image: url(../images/contrast-skin-retina.png);
        background-size: 152px 225px
    }
}

.ms-caro3d-template .ms-container {
    padding: 10px 0 50px 0
}

.ms-caro3d-template .ms-slide {
    -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgb(255 255 255 / .5)))
}

.ms-caro3d-template .ms-slide-bgcont {
    border-radius: 8px
}

.ms-dis-slider-cont {
    position: relative;
    padding: 3.2% 8.5% 24%;
    max-width: 508px
}

.ms-display-cont .ms-view {
    background-color: #17171a
}

.ms-display-cont {
    max-width: 614px;
    position: relative;
    margin: 0 auto
}

.ms-display-bg {
    max-width: 100%;
    position: absolute
}

.ms-display-template .ms-nav-prev,
.ms-display-template .ms-nav-next {
    background: url(../images/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -80px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.ms-display-template .ms-nav-next {
    background-position: -59px -9px;
    right: -80px;
    left: auto
}

.ms-display-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -50%;
    right: 50%;
    width: 100px
}

.ms-display-template .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-display-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(../images/device-skin.png) no-repeat -112px -25px;
    margin: 4px
}

.ms-display-template .ms-bullet-selected {
    background-position: -143px -25px
}

.ms-gallery-template .ms-gallery-botcont {
    height: 55px;
    background: #000;
    color: #fff;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    position: relative
}

.ms-gallery-template .ms-gal-playbtn {
    width: 55px;
    height: 100%;
    float: left;
    cursor: pointer;
    background: url(../images/gallery-btns.png) no-repeat 6px 6px
}

.ms-gallery-template .ms-gal-playbtn.btn-pause {
    background: url(../images/gallery-btns.png) no-repeat -55px 7px
}

.ms-gallery-template .ms-gal-thumbtoggle {
    position: absolute;
    right: 0;
    z-index: 110;
    width: 55px;
    height: 100%;
    cursor: pointer;
    background: url(../images/gallery-btns.png) no-repeat -53px -41px
}

.ms-gallery-template .ms-gal-thumbtoggle.btn-hide {
    background: url(../images/gallery-btns.png) no-repeat 4px -41px
}

.ms-gallery-template .ms-slide-num {
    float: left;
    padding: 17px 9px;
    color: #727272
}

.ms-gallery-template .ms-slide-info {
    float: left;
    padding: 18px 4px;
    position: relative;
    width: auto
}

.ms-gallery-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: 18px;
    right: 105px;
    width: 100px
}

.ms-gallery-template .ms-bullet {
    width: 8px;
    height: 8px;
    background: #1e1e1e;
    margin: 4px;
    border-radius: 15px
}

.ms-gallery-template .ms-bullet-selected {
    background-color: #fff
}

.ms-gallery-template .ms-timerbar {
    width: 100%;
    top: -4px;
    height: 4px;
    position: absolute;
    background: rgb(0 0 0 / .32)
}

.ms-gallery-template .ms-time-bar {
    height: 4px;
    background: rgb(255 255 255 / .7)
}

.ms-gallery-template .ms-thumb-list.ms-dir-h {
    width: 100%;
    background: #000;
    background: rgb(0 0 0 / .95);
    padding-top: 1px
}

.ms-gallery-template .ms-thumb-frame {
    cursor: pointer;
    float: left;
    width: 175px;
    overflow: hidden;
    opacity: .5;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms
}

.ms-gallery-template .ms-thumb-frame-selected {
    opacity: 1
}

.ms-gallery-template .ms-gal-thumbcont {
    overflow: hidden;
    width: 100%;
    height: 115px;
    position: absolute;
    top: -115px;
    left: 0;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out
}

.ms-gallery-template .ms-gal-thumbcont.hide-thumbs {
    height: 0;
    top: 0
}

@media (max-width:570px) {
    .ms-gallery-template .ms-slide-info {
        display: none
    }
}

.ms-laptop-template .ms-laptop-cont .ms-view {
    background-color: #17171a
}

.ms-laptop-template .ms-laptop-cont {
    max-width: 645px;
    position: relative;
    margin: 0 auto
}

.ms-laptop-template .ms-lt-slider-cont {
    position: relative;
    padding: 5% 11.9% 20%;
    max-width: 492px
}

.ms-laptop-template .ms-laptop-bg {
    max-width: 100%;
    position: absolute
}

.ms-laptop-template .ms-nav-prev,
.ms-laptop-template .ms-nav-next {
    background: url(../images/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -80px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.ms-laptop-template .ms-nav-next {
    background-position: -59px -9px;
    right: -80px;
    left: auto
}

.ms-laptop-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -40%;
    right: 50%;
    width: 100px
}

.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-laptop-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(../images/device-skin.png) no-repeat -112px -25px;
    margin: 4px
}

.ms-laptop-template .ms-bullet-selected {
    background-position: -143px -25px
}

.ms-tablet-template .ms-tablet-cont .ms-view {
    background-color: #17171a
}

.ms-tablet-template .ms-tablet-cont {
    max-width: 500px;
    position: relative;
    margin: 0 auto
}

.ms-tablet-template.ms-tablet-land .ms-tablet-cont {
    max-width: 842px
}

.ms-tablet-template.ms-tablet-land .ms-lt-slider-cont {
    padding: 4.1% 12.1% 10%;
    max-width: 632px
}

.ms-tablet-template .ms-lt-slider-cont {
    position: relative;
    padding: 11.1% 11% 22%;
    max-width: 400px
}

.ms-tablet-template .ms-tablet-bg {
    max-width: 100%;
    position: absolute
}

.ms-tablet-template .ms-nav-prev,
.ms-tablet-template .ms-nav-next {
    background: url(../images/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -120px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.ms-tablet-template .ms-nav-next {
    background-position: -59px -9px;
    right: -120px;
    left: auto
}

.ms-tablet-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -18%;
    right: 50%;
    width: 100px
}

.ms-tablet-template .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-tablet-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(../images/device-skin.png) no-repeat -112px -25px;
    margin: 4px
}

.ms-tablet-template .ms-bullet-selected {
    background-position: -143px -25px
}

.ms-phone-template .ms-phone-cont .ms-view {
    background-color: #17171a
}

.ms-phone-template .ms-phone-cont {
    max-width: 386px;
    position: relative;
    margin: 0 auto
}

.ms-phone-template.ms-phone-land .ms-phone-cont {
    max-width: 666px
}

.ms-phone-template.ms-phone-land .ms-lt-slider-cont {
    position: relative;
    padding: 4.6% 16.1% 10% 15.5%;
    max-width: 455px
}

.ms-phone-template .ms-lt-slider-cont {
    position: relative;
    padding: 26.2% 16.5% 33% 16.8%;
    max-width: 258px
}

.ms-phone-template .ms-phone-bg {
    max-width: 100%;
    position: absolute
}

.ms-phone-template .ms-nav-prev,
.ms-phone-template .ms-nav-next {
    background: url(../images/device-skin.png) no-repeat -11px -9px;
    width: 35px;
    height: 40px;
    left: -120px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.ms-phone-template .ms-nav-next {
    background-position: -59px -9px;
    right: -120px;
    left: auto
}

.ms-phone-template .ms-bullets.ms-dir-h {
    position: absolute;
    bottom: -30%;
    right: 50%;
    width: 100px
}

.ms-phone-template .ms-bullets.ms-dir-h .ms-bullets-count {
    position: relative;
    right: -50%
}

.ms-phone-template .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(../images/device-skin.png) no-repeat -112px -25px;
    margin: 4px
}

.ms-phone-template .ms-bullet-selected {
    background-position: -143px -25px
}

.ms-phone-template.ms-phone-land .ms-bullets.ms-dir-h {
    bottom: -21%
}

.ms-phone-template.ms-phone-land .ms-nav-next {
    right: -150px
}

.ms-phone-template.ms-phone-land .ms-nav-prev {
    left: -150px
}

.ms-partialview-template .ms-slide-info {
    text-align: center;
    margin-top: 20px;
    width: 100%
}

.ms-partialview-template .ms-slide-info h3 {
    margin: 5px;
    font-weight: 300;
    font-size: 23pt;
    color: #222
}

.ms-partialview-template .ms-slide-info h4 {
    margin: 5px;
    font-weight: 300;
    font-size: 14pt;
    color: #7A7A7A
}

.ms-partialview-template .ms-slide-info p {
    font-size: 10pt;
    margin: 6px
}

.ms-showcase2-template .ms-view {
    background: #fff0
}

.ms-staff-carousel {
    margin: 25px auto;
    position: relative
}

.ms-staff-carousel .ms-view {
    overflow: visible;
    background-color: #fff0
}

.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
    background: url(../../images/sfarm/images/staff-arrows.png) #fff no-repeat -7px -57px;
    width: 35px;
    height: 40px;
    left: -35px;
    margin-top: -17px;
    box-shadow: 0 1px 0 0 #bebebe;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.ms-staff-carousel .ms-nav-next {
    background-position: -6px -7px;
    right: -35px;
    left: auto
}

.ms-staff-carousel .ms-staff-info {
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
    margin-top: 30px;
    min-height: 300px;
    color: #222
}

.ms-staff-carousel .ms-staff-info h3 {
    font-weight: 300;
    font-size: 22pt;
    margin: 0
}

.ms-staff-carousel .ms-staff-info h4 {
    font-weight: 300;
    color: #787878;
    font-size: 15pt;
    margin: 3px
}

.ms-staff-carousel.ms-round .ms-slide-bgcont {
    border-radius: 5000px;
    border: solid 8px #e6e6e6;
    margin: 0 -8px
}

.ms-staff-carousel.ms-round .ms-view {
    padding-bottom: 8%
}

.ms-staff-carousel.ms-round .ms-nav-prev,
.ms-staff-carousel.ms-round .ms-nav-next {
    background-color: #fff0;
    box-shadow: none;
    left: -45px
}

.ms-staff-carousel.ms-round .ms-nav-next {
    left: auto;
    right: -45px
}

.ms-tabs-template .ms-thumb-frame h3 {
    font-weight: 400;
    font-size: 13pt;
    margin: 0
}

.ms-tabs-template .ms-thumb-frame p {
    font-size: 10pt;
    margin: 4px 0
}

.ms-tabs-template .ms-thumb-frame-selected h3 {
    color: #4b8aac
}

.ms-vertical-template .ms-nav-prev,
.ms-vertical-template .ms-nav-next {
    top: 10px;
    left: 50%;
    background: url(../images/vertical-arrows.png) no-repeat;
    background-position: -11px -6px;
    width: 40px;
    height: 30px;
    margin-left: -20px;
    margin-top: 0
}

.ms-vertical-template .ms-nav-next {
    top: auto;
    bottom: 10px;
    background-position: -11px -53px
}

.ms-vertical-template .ms-thumblist-fwd,
.ms-vertical-template .ms-thumblist-bwd {
    width: 100%;
    position: absolute;
    top: 0;
    height: 15px;
    cursor: pointer;
    background: url(../images/vertical-arrows.png) no-repeat;
    background-position: 50% -106px
}

.ms-vertical-template .ms-thumblist-bwd {
    top: auto;
    bottom: 0;
    background-position: 50% -145px
}

.msp-preset-1 {
    font-family: "Lato";
    font-weight: 700;
    font-size: 48px;
    line-height: normal;
    color: #fff
}

.msp-preset-3 {
    font-family: "Lato";
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    color: #f2f2f2
}

.msp-preset-5 {
    font-family: "Kaushan Script";
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #d4d4d4
}

.msp-preset-6 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #d4d4d4
}

.msp-preset-7 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #77cba9
}

.msp-preset-8 {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 36px;
    line-height: normal;
    color: #fff
}

.msp-preset-12 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 72px;
    line-height: normal;
    white-space: nowrap;
    color: #fff;
    text-transform: uppercase
}

.msp-preset-13 {
    font-family: "Raleway";
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: normal;
    color: #f8f8f8
}

.msp-preset-14 {
    font-family: "Yanone Kaffeesatz";
    font-weight: 400;
    font-size: 60px;
    text-align: center;
    letter-spacing: 2px;
    line-height: normal;
    white-space: nowrap;
    color: #fff
}

.msp-preset-15 {
    font-family: "Oswald";
    font-weight: 400;
    font-size: 55px;
    text-align: center;
    line-height: normal;
    white-space: nowrap;
    color: #e38181
}

.msp-preset-16 {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 54px;
    line-height: normal;
    white-space: nowrap;
    color: #ddd
}

.msp-preset-17 {
    font-family: "Playfair Display";
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: normal;
    color: #c2b273;
    background-color: #fff0
}

.msp-preset-18 {
    font-family: "Quicksand";
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    line-height: normal;
    color: #fdfdfd;
    background-color: #fff0
}

.msp-preset-19 {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    color: #dddddc;
    text-transform: uppercase
}

.msp-preset-20 {
    font-family: "Lato";
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: normal;
    color: #a9a8a8
}

.msp-preset-21 {
    background-color: #a9a8a8;
    font-weight: 400;
    line-height: normal
}

.msp-preset-22 {
    font-family: "Oswald";
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #fff
}

.msp-preset-23 {
    font-family: "Lato";
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: silver
}

.msp-preset-25 {
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
    font-family: "Lato";
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    letter-spacing: 2px;
    line-height: normal;
    text-transform: uppercase
}

.msp-preset-26 {
    font-family: "Lato";
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: #fff
}

.msp-preset-27 {
    background-color: #fff;
    font-weight: 400;
    line-height: normal
}

.msp-preset-28 {
    font-family: "Lato";
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: normal;
    color: #fff
}

.msp-preset-29 {
    font-family: "Raleway";
    font-weight: 800;
    font-size: 120px;
    letter-spacing: 1px;
    line-height: normal;
    color: #fff
}

.msp-preset-30 {
    font-family: "Source Code Pro";
    font-weight: 400;
    font-size: 22px;
    line-height: normal;
    color: #fff
}

.msp-preset-31 {
    font-family: "Source Code Pro";
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    color: #ba895d
}

.msp-preset-32 {
    font-family: "Source Code Pro";
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: #6a6a6a
}

.msp-preset-33 {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 36px;
    line-height: normal;
    color: #fff
}

.msp-preset-34 {
    background-color: #fff;
    font-weight: 400;
    line-height: normal
}

.msp-preset-35 {
    background-color: #f4cb68;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-family: "Lato";
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: #333
}

.msp-preset-37 {
    font-family: "Spartan";
    font-weight: 800;
    font-size: 60px;
    line-height: 80px;
    color: #12233c
}

.msp-preset-38 {
    font-family: "Spartan";
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #5d6f8a
}

.msp-preset-btn-84 {
    background-color: #b97ebb;
    color: #fff
}

.msp-preset-btn-84:hover {
    background-color: #ca89cc;
    color: #fff
}

.msp-preset-btn-84:active {
    top: 1px
}

.msp-preset-btn-85 {
    background-color: #b97ebb;
    color: #fff
}

.msp-preset-btn-85:hover {
    background-color: #ca89cc;
    color: #fff
}

.msp-preset-btn-85:active {
    top: 1px
}

.msp-preset-btn-86 {
    color: #b97ebb;
    border: solid 1px #b97ebb
}

.msp-preset-btn-86:hover {
    border-color: #ca89cc;
    color: #ca89cc
}

.msp-preset-btn-86:active {
    top: 1px
}

.msp-preset-btn-87 {
    background-color: #b97ebb;
    color: #fff
}

.msp-preset-btn-87:hover {
    background-color: #ca89cc;
    color: #fff
}

.msp-preset-btn-87:active {
    top: 1px
}

.msp-preset-btn-88 {
    background-color: #b97ebb;
    color: #fff;
    box-shadow: 0 5px #9a699c
}

.msp-preset-btn-88:hover {
    background-color: #ca89cc;
    box-shadow: 0 4px #9a699c;
    top: 1px;
    color: #fff
}

.msp-preset-btn-88:active {
    box-shadow: 0 2px #9a699c;
    top: 3px
}

.msp-preset-btn-89 {
    background-color: #5472D2;
    color: #fff
}

.msp-preset-btn-89:hover {
    background-color: #5d7fe9;
    color: #fff
}

.msp-preset-btn-89:active {
    top: 1px
}

.msp-preset-btn-90 {
    background-color: #5472D2;
    color: #fff
}

.msp-preset-btn-90:hover {
    background-color: #5d7fe9;
    color: #fff
}

.msp-preset-btn-90:active {
    top: 1px
}

.msp-preset-btn-91 {
    color: #5472D2;
    border: solid 1px #5472D2
}

.msp-preset-btn-91:hover {
    border-color: #5d7fe9;
    color: #5d7fe9
}

.msp-preset-btn-91:active {
    top: 1px
}

.msp-preset-btn-92 {
    background-color: #5472D2;
    color: #fff
}

.msp-preset-btn-92:hover {
    background-color: #5d7fe9;
    color: #fff
}

.msp-preset-btn-92:active {
    top: 1px
}

.msp-preset-btn-93 {
    background-color: #5472D2;
    color: #fff;
    box-shadow: 0 5px #4c68be
}

.msp-preset-btn-93:hover {
    background-color: #5d7fe9;
    box-shadow: 0 4px #4c68be;
    top: 1px;
    color: #fff
}

.msp-preset-btn-93:active {
    box-shadow: 0 2px #4c68be;
    top: 3px
}

.msp-preset-btn-94 {
    background-color: #00c1cf;
    color: #fff
}

.msp-preset-btn-94:hover {
    background-color: #01D4E4;
    color: #fff
}

.msp-preset-btn-94:active {
    top: 1px
}

.msp-preset-btn-95 {
    background-color: #00c1cf;
    color: #fff
}

.msp-preset-btn-95:hover {
    background-color: #01D4E4;
    color: #fff
}

.msp-preset-btn-95:active {
    top: 1px
}

.msp-preset-btn-96 {
    color: #00c1cf;
    border: solid 1px #00c1cf
}

.msp-preset-btn-96:hover {
    border-color: #01D4E4;
    color: #01D4E4
}

.msp-preset-btn-96:active {
    top: 1px
}

.msp-preset-btn-97 {
    background-color: #00c1cf;
    color: #fff
}

.msp-preset-btn-97:hover {
    background-color: #01D4E4;
    color: #fff
}

.msp-preset-btn-97:active {
    top: 1px
}

.msp-preset-btn-98 {
    background-color: #00c1cf;
    color: #fff;
    box-shadow: 0 5px #00afbc
}

.msp-preset-btn-98:hover {
    background-color: #01D4E4;
    box-shadow: 0 4px #00afbc;
    top: 1px;
    color: #fff
}

.msp-preset-btn-98:active {
    box-shadow: 0 2px #00afbc;
    top: 3px
}

.msp-preset-btn-99 {
    background-color: #4cadc9;
    color: #fff
}

.msp-preset-btn-99:hover {
    background-color: #63b2c9;
    color: #fff
}

.msp-preset-btn-99:active {
    top: 1px
}

.msp-preset-btn-100 {
    background-color: #4cadc9;
    color: #fff
}

.msp-preset-btn-100:hover {
    background-color: #63b2c9;
    color: #fff
}

.msp-preset-btn-100:active {
    top: 1px
}

.msp-preset-btn-101 {
    color: #4cadc9;
    border: solid 1px #4cadc9
}

.msp-preset-btn-101:hover {
    border-color: #63b2c9;
    color: #63b2c9
}

.msp-preset-btn-101:active {
    top: 1px
}

.msp-preset-btn-102 {
    background-color: #4cadc9;
    color: #fff
}

.msp-preset-btn-102:hover {
    background-color: #63b2c9;
    color: #fff
}

.msp-preset-btn-102:active {
    top: 1px
}

.msp-preset-btn-103 {
    background-color: #4cadc9;
    color: #fff;
    box-shadow: 0 5px #1aa2c9
}

.msp-preset-btn-103:hover {
    background-color: #63b2c9;
    box-shadow: 0 4px #1aa2c9;
    top: 1px;
    color: #fff
}

.msp-preset-btn-103:active {
    box-shadow: 0 2px #1aa2c9;
    top: 3px
}

.msp-preset-btn-104 {
    background-color: #cec2ab;
    color: #fff
}

.msp-preset-btn-104:hover {
    background-color: #cebd9d;
    color: #fff
}

.msp-preset-btn-104:active {
    top: 1px
}

.msp-preset-btn-105 {
    background-color: #cec2ab;
    color: #fff
}

.msp-preset-btn-105:hover {
    background-color: #cebd9d;
    color: #fff
}

.msp-preset-btn-105:active {
    top: 1px
}

.msp-preset-btn-106 {
    color: #cec2ab;
    border: solid 1px #cec2ab
}

.msp-preset-btn-106:hover {
    border-color: #cebd9d;
    color: #cebd9d
}

.msp-preset-btn-106:active {
    top: 1px
}

.msp-preset-btn-107 {
    background-color: #cec2ab;
    color: #fff
}

.msp-preset-btn-107:hover {
    background-color: #cebd9d;
    color: #fff
}

.msp-preset-btn-107:active {
    top: 1px
}

.msp-preset-btn-108 {
    background-color: #cec2ab;
    color: #fff;
    box-shadow: 0 5px #C2B7A2
}

.msp-preset-btn-108:hover {
    background-color: #cebd9d;
    box-shadow: 0 4px #C2B7A2;
    top: 1px;
    color: #fff
}

.msp-preset-btn-108:active {
    box-shadow: 0 2px #C2B7A2;
    top: 3px
}

.msp-preset-btn-109 {
    background-color: #50485b;
    color: #fff
}

.msp-preset-btn-109:hover {
    background-color: #6a6176;
    color: #fff
}

.msp-preset-btn-109:active {
    top: 1px
}

.msp-preset-btn-110 {
    background-color: #50485b;
    color: #fff
}

.msp-preset-btn-110:hover {
    background-color: #6a6176;
    color: #fff
}

.msp-preset-btn-110:active {
    top: 1px
}

.msp-preset-btn-111 {
    color: #50485b;
    border: solid 1px #50485b
}

.msp-preset-btn-111:hover {
    border-color: #6a6176;
    color: #6a6176
}

.msp-preset-btn-111:active {
    top: 1px
}

.msp-preset-btn-112 {
    background-color: #50485b;
    color: #fff
}

.msp-preset-btn-112:hover {
    background-color: #6a6176;
    color: #fff
}

.msp-preset-btn-112:active {
    top: 1px
}

.msp-preset-btn-113 {
    background-color: #50485b;
    color: #fff;
    box-shadow: 0 5px #412d5b
}

.msp-preset-btn-113:hover {
    background-color: #6a6176;
    box-shadow: 0 4px #412d5b;
    top: 1px;
    color: #fff
}

.msp-preset-btn-113:active {
    box-shadow: 0 2px #412d5b;
    top: 3px
}

.msp-preset-btn-114 {
    background-color: #8d6dc4;
    color: #fff
}

.msp-preset-btn-114:hover {
    background-color: #977cc4;
    color: #fff
}

.msp-preset-btn-114:active {
    top: 1px
}

.msp-preset-btn-115 {
    background-color: #8d6dc4;
    color: #fff
}

.msp-preset-btn-115:hover {
    background-color: #977cc4;
    color: #fff
}

.msp-preset-btn-115:active {
    top: 1px
}

.msp-preset-btn-116 {
    color: #8d6dc4;
    border: solid 1px #8d6dc4
}

.msp-preset-btn-116:hover {
    border-color: #977cc4;
    color: #977cc4
}

.msp-preset-btn-116:active {
    top: 1px
}

.msp-preset-btn-117 {
    background-color: #8d6dc4;
    color: #fff
}

.msp-preset-btn-117:hover {
    background-color: #977cc4;
    color: #fff
}

.msp-preset-btn-117:active {
    top: 1px
}

.msp-preset-btn-118 {
    background-color: #8d6dc4;
    color: #fff;
    box-shadow: 0 5px #7c51c4
}

.msp-preset-btn-118:hover {
    background-color: #977cc4;
    box-shadow: 0 4px #7c51c4;
    top: 1px;
    color: #fff
}

.msp-preset-btn-118:active {
    box-shadow: 0 2px #7c51c4;
    top: 3px
}

.msp-preset-btn-119 {
    background-color: #75d69c;
    color: #fff
}

.msp-preset-btn-119:hover {
    background-color: #7de5a7;
    color: #fff
}

.msp-preset-btn-119:active {
    top: 1px
}

.msp-preset-btn-120 {
    background-color: #75d69c;
    color: #fff
}

.msp-preset-btn-120:hover {
    background-color: #7de5a7;
    color: #fff
}

.msp-preset-btn-120:active {
    top: 1px
}

.msp-preset-btn-121 {
    color: #75d69c;
    border: solid 1px #75d69c
}

.msp-preset-btn-121:hover {
    border-color: #7de5a7;
    color: #7de5a7
}

.msp-preset-btn-121:active {
    top: 1px
}

.msp-preset-btn-122 {
    background-color: #75d69c;
    color: #fff
}

.msp-preset-btn-122:hover {
    background-color: #7de5a7;
    color: #fff
}

.msp-preset-btn-122:active {
    top: 1px
}

.msp-preset-btn-123 {
    background-color: #75d69c;
    color: #fff;
    box-shadow: 0 5px #41d67d
}

.msp-preset-btn-123:hover {
    background-color: #7de5a7;
    box-shadow: 0 4px #41d67d;
    top: 1px;
    color: #fff
}

.msp-preset-btn-123:active {
    box-shadow: 0 2px #41d67d;
    top: 3px
}

.msp-preset-btn-124 {
    background-color: #222;
    color: #fff
}

.msp-preset-btn-124:hover {
    background-color: #333;
    color: #fff
}

.msp-preset-btn-124:active {
    top: 1px
}

.msp-preset-btn-125 {
    background-color: #222;
    color: #fff
}

.msp-preset-btn-125:hover {
    background-color: #333;
    color: #fff
}

.msp-preset-btn-125:active {
    top: 1px
}

.msp-preset-btn-126 {
    color: #222;
    border: solid 1px #222
}

.msp-preset-btn-126:hover {
    border-color: #333;
    color: #333
}

.msp-preset-btn-126:active {
    top: 1px
}

.msp-preset-btn-127 {
    background-color: #222;
    color: #fff
}

.msp-preset-btn-127:hover {
    background-color: #333;
    color: #fff
}

.msp-preset-btn-127:active {
    top: 1px
}

.msp-preset-btn-128 {
    background-color: #222;
    color: #fff;
    box-shadow: 0 5px #000
}

.msp-preset-btn-128:hover {
    background-color: #333;
    box-shadow: 0 4px #000;
    top: 1px;
    color: #fff
}

.msp-preset-btn-128:active {
    box-shadow: 0 2px #000;
    top: 3px
}

.msp-preset-btn-129 {
    background-color: #dedede;
    color: #666
}

.msp-preset-btn-129:hover {
    background-color: #d1d1d1;
    color: #666
}

.msp-preset-btn-129:active {
    top: 1px
}

.msp-preset-btn-130 {
    background-color: #dedede;
    color: #666
}

.msp-preset-btn-130:hover {
    background-color: #d1d1d1;
    color: #666
}

.msp-preset-btn-130:active {
    top: 1px
}

.msp-preset-btn-131 {
    color: #dedede;
    border: solid 1px #dedede
}

.msp-preset-btn-131:hover {
    border-color: #d1d1d1;
    color: #d1d1d1
}

.msp-preset-btn-131:active {
    top: 1px
}

.msp-preset-btn-132 {
    background-color: #dedede;
    color: #666
}

.msp-preset-btn-132:hover {
    background-color: #d1d1d1;
    color: #666
}

.msp-preset-btn-132:active {
    top: 1px
}

.msp-preset-btn-133 {
    background-color: #dedede;
    color: #666;
    box-shadow: 0 5px #CACACA
}

.msp-preset-btn-133:hover {
    background-color: #d1d1d1;
    color: #666;
    box-shadow: 0 4px #CACACA;
    top: 1px
}

.msp-preset-btn-133:active {
    box-shadow: 0 2px #CACACA;
    top: 3px
}

.msp-preset-btn-134 {
    background-color: #f7be68;
    color: #fff
}

.msp-preset-btn-134:hover {
    background-color: #e9b362;
    color: #fff
}

.msp-preset-btn-134:active {
    top: 1px
}

.msp-preset-btn-135 {
    background-color: #f7be68;
    color: #fff
}

.msp-preset-btn-135:hover {
    background-color: #e9b362;
    color: #fff
}

.msp-preset-btn-135:active {
    top: 1px
}

.msp-preset-btn-136 {
    color: #f7be68;
    border: solid 1px #f7be68
}

.msp-preset-btn-136:hover {
    border-color: #e9b362;
    color: #e9b362
}

.msp-preset-btn-136:active {
    top: 1px
}

.msp-preset-btn-137 {
    background-color: #f7be68;
    color: #fff
}

.msp-preset-btn-137:hover {
    background-color: #e9b362;
    color: #fff
}

.msp-preset-btn-137:active {
    top: 1px
}

.msp-preset-btn-138 {
    background-color: #f7be68;
    color: #fff;
    box-shadow: 0 5px #E7AF59
}

.msp-preset-btn-138:hover {
    background-color: #e9b362;
    box-shadow: 0 4px #E7AF59;
    top: 1px;
    color: #fff
}

.msp-preset-btn-138:active {
    box-shadow: 0 2px #E7AF59;
    top: 3px
}

.msp-preset-btn-139 {
    background-color: #5aa1e3;
    color: #fff
}

.msp-preset-btn-139:hover {
    background-color: #5faaef;
    color: #fff
}

.msp-preset-btn-139:active {
    top: 1px
}

.msp-preset-btn-140 {
    background-color: #5aa1e3;
    color: #fff
}

.msp-preset-btn-140:hover {
    background-color: #5faaef;
    color: #fff
}

.msp-preset-btn-140:active {
    top: 1px
}

.msp-preset-btn-141 {
    color: #5aa1e3;
    border: solid 1px #5aa1e3
}

.msp-preset-btn-141:hover {
    border-color: #5faaef;
    color: #5faaef
}

.msp-preset-btn-141:active {
    top: 1px
}

.msp-preset-btn-142 {
    background-color: #5aa1e3;
    color: #fff
}

.msp-preset-btn-142:hover {
    background-color: #5faaef;
    color: #fff
}

.msp-preset-btn-142:active {
    top: 1px
}

.msp-preset-btn-143 {
    background-color: #5aa1e3;
    color: #fff;
    box-shadow: 0 5px #4c87bf
}

.msp-preset-btn-143:hover {
    background-color: #5faaef;
    box-shadow: 0 4px #4c87bf;
    top: 1px;
    color: #fff
}

.msp-preset-btn-143:active {
    box-shadow: 0 2px #4c87bf;
    top: 3px
}

.msp-preset-btn-144 {
    background-color: #6dab3c;
    color: #fff
}

.msp-preset-btn-144:hover {
    background-color: #76b941;
    color: #fff
}

.msp-preset-btn-144:active {
    top: 1px
}

.msp-preset-btn-145 {
    background-color: #6dab3c;
    color: #fff
}

.msp-preset-btn-145:hover {
    background-color: #76b941;
    color: #fff
}

.msp-preset-btn-145:active {
    top: 1px
}

.msp-preset-btn-146 {
    color: #6dab3c;
    border: solid 1px #6dab3c
}

.msp-preset-btn-146:hover {
    border-color: #76b941;
    color: #76b941
}

.msp-preset-btn-146:active {
    top: 1px
}

.msp-preset-btn-147 {
    background-color: #6dab3c;
    color: #fff
}

.msp-preset-btn-147:hover {
    background-color: #76b941;
    color: #fff
}

.msp-preset-btn-147:active {
    top: 1px
}

.msp-preset-btn-148 {
    background-color: #6dab3c;
    color: #fff;
    box-shadow: 0 5px #5e9334
}

.msp-preset-btn-148:hover {
    background-color: #76b941;
    box-shadow: 0 4px #5e9334;
    top: 1px;
    color: #fff
}

.msp-preset-btn-148:active {
    box-shadow: 0 2px #5e9334;
    top: 3px
}

.msp-preset-btn-149 {
    background-color: #f4524d;
    color: #fff
}

.msp-preset-btn-149:hover {
    background-color: #e04b47;
    color: #fff
}

.msp-preset-btn-149:active {
    top: 1px
}

.msp-preset-btn-150 {
    background-color: #f4524d;
    color: #fff
}

.msp-preset-btn-150:hover {
    background-color: #e04b47;
    color: #fff
}

.msp-preset-btn-150:active {
    top: 1px
}

.msp-preset-btn-151 {
    color: #f4524d;
    border: solid 1px #f4524d
}

.msp-preset-btn-151:hover {
    border-color: #e04b47;
    color: #e04b47
}

.msp-preset-btn-151:active {
    top: 1px
}

.msp-preset-btn-152 {
    background-color: #f4524d;
    color: #fff
}

.msp-preset-btn-152:hover {
    background-color: #e04b47;
    color: #fff
}

.msp-preset-btn-152:active {
    top: 1px
}

.msp-preset-btn-153 {
    background-color: #f4524d;
    color: #fff;
    box-shadow: 0 5px #cb4440
}

.msp-preset-btn-153:hover {
    background-color: #e04b47;
    box-shadow: 0 4px #cb4440;
    top: 1px;
    color: #fff
}

.msp-preset-btn-153:active {
    box-shadow: 0 2px #cb4440;
    top: 3px
}

.msp-preset-btn-154 {
    background-color: #f79468;
    color: #fff
}

.msp-preset-btn-154:hover {
    background-color: #e78a61;
    color: #fff
}

.msp-preset-btn-154:active {
    top: 1px
}

.msp-preset-btn-155 {
    background-color: #f79468;
    color: #fff
}

.msp-preset-btn-155:hover {
    background-color: #e78a61;
    color: #fff
}

.msp-preset-btn-155:active {
    top: 1px
}

.msp-preset-btn-156 {
    color: #f79468;
    border: solid 1px #f79468
}

.msp-preset-btn-156:hover {
    border-color: #e78a61;
    color: #e78a61
}

.msp-preset-btn-156:active {
    top: 1px
}

.msp-preset-btn-157 {
    background-color: #f79468;
    color: #fff
}

.msp-preset-btn-157:hover {
    background-color: #e78a61;
    color: #fff
}

.msp-preset-btn-157:active {
    top: 1px
}

.msp-preset-btn-158 {
    background-color: #f79468;
    color: #fff;
    box-shadow: 0 5px #da835c
}

.msp-preset-btn-158:hover {
    background-color: #e78a61;
    box-shadow: 0 4px #da835c;
    top: 1px;
    color: #fff
}

.msp-preset-btn-158:active {
    box-shadow: 0 2px #da835c;
    top: 3px
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

template,
[hidden] {
    display: none
}

a {
    background-color: #fff0
}

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

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

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%;
    display: inline-block
}

img {
    border-style: none
}

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

button,
input,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button,
input,
select {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer
}

[disabled] {
    cursor: default
}

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

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

button:-moz-focusring,
input:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

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

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield
}

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

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-attachment: fixed;
    -webkit-tap-highlight-color: #fff0
}

body {
    color: #777;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.xdebug-var-dump {
    position: relative;
    z-index: 1000
}

hr {
    margin: 15px 0;
    border-width: 0;
    border-top: 1px solid currentColor;
    opacity: .1
}

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

figure {
    margin: 0
}

pre {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    padding: 20px;
    width: 100%;
    overflow-x: auto
}

p:empty {
    display: none
}

a,
button,
input {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

ins {
    text-decoration: none
}

embed,
iframe,
object {
    max-width: 100%
}

.col,
.gallery-item,
.columns {
    position: relative;
    margin: 0;
    padding: 0 15px 30px;
    width: 100%
}

.col-fit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.col-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.col-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.col-inner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.col-has-radius {
    overflow: hidden
}

@media screen and (min-width:850px) {
    .col:first-child .col-inner {
        margin-left: auto;
        margin-right: 0
    }

    .col+.col .col-inner {
        margin-right: auto;
        margin-left: 0
    }
}

@media screen and (max-width:549px) {
    .small-col-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media screen and (min-width:850px) {
    .large-col-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

@media screen and (max-width:849px) {
    .medium-col-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .col {
        padding-bottom: 30px
    }
}

@media screen and (min-width:850px) {
    .row-divided>.col+.col:not(.large-12) {
        border-left: 1px solid #ececec
    }

    .row-divided.row-reverse>.col+.col:not(.large-12) {
        border-left: 0;
        border-right: 1px solid #ececec
    }

    .col-divided {
        padding-right: 30px;
        border-right: 1px solid #ececec
    }

    .col.col-divided:not(.col-first):last-child {
        border-right: 0;
        padding-right: 0;
        padding-left: 30px;
        border-left: 1px solid #ececec
    }

    .col-border {
        padding-right: 0;
        border-right: 1px solid #ececec
    }

    .col-border+.col,
    .col-divided+.col {
        padding-left: 30px
    }
}

.dark .col-divided {
    border-color: rgb(255 255 255 / .2)
}

.align-equal>.col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.align-middle {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
    vertical-align: middle !important
}

.align-bottom {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    vertical-align: bottom !important
}

.align-top {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
    vertical-align: top !important
}

.align-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-right {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.small-1 {
    max-width: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%
}

.small-2 {
    max-width: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
}

.small-3 {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.small-4 {
    max-width: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%
}

.small-5 {
    max-width: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%
}

.small-6 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.small-7 {
    max-width: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%
}

.small-8 {
    max-width: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%
}

.small-9 {
    max-width: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%
}

.small-10 {
    max-width: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%
}

.small-11 {
    max-width: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%
}

.small-12 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.small-columns-1>.col,
.small-columns-1 .flickity-slider>.col {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.small-columns-2>.col,
.small-columns-2 .flickity-slider>.col {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.small-columns-3>.col,
.small-columns-3 .flickity-slider>.col {
    max-width: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%
}

.small-columns-4>.col,
.small-columns-4 .flickity-slider>.col {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.small-columns-5>.col,
.small-columns-5 .flickity-slider>.col {
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

.small-columns-6>.col,
.small-columns-6 .flickity-slider>.col {
    max-width: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%
}

.small-columns-7>.col,
.small-columns-7 .flickity-slider>.col {
    max-width: 14.2857142857%;
    -ms-flex-preferred-size: 14.2857142857%;
    flex-basis: 14.2857142857%
}

.small-columns-8>.col,
.small-columns-8 .flickity-slider>.col {
    max-width: 12.5%;
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%
}

@media screen and (min-width:550px) {
    .medium-1 {
        max-width: 8.3333333333%;
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%
    }

    .medium-2 {
        max-width: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%
    }

    .medium-3 {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .medium-4 {
        max-width: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%
    }

    .medium-5 {
        max-width: 41.6666666667%;
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%
    }

    .medium-6 {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .medium-7 {
        max-width: 58.3333333333%;
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%
    }

    .medium-8 {
        max-width: 66.6666666667%;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%
    }

    .medium-9 {
        max-width: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    .medium-10 {
        max-width: 83.3333333333%;
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%
    }

    .medium-11 {
        max-width: 91.6666666667%;
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%
    }

    .medium-12 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .medium-columns-1>.col,
    .medium-columns-1 .flickity-slider>.col {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .medium-columns-2>.col,
    .medium-columns-2 .flickity-slider>.col {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .medium-columns-3>.col,
    .medium-columns-3 .flickity-slider>.col {
        max-width: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%
    }

    .medium-columns-4>.col,
    .medium-columns-4 .flickity-slider>.col {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .medium-columns-5>.col,
    .medium-columns-5 .flickity-slider>.col {
        max-width: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }

    .medium-columns-6>.col,
    .medium-columns-6 .flickity-slider>.col {
        max-width: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%
    }

    .medium-columns-7>.col,
    .medium-columns-7 .flickity-slider>.col {
        max-width: 14.2857142857%;
        -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%
    }

    .medium-columns-8>.col,
    .medium-columns-8 .flickity-slider>.col {
        max-width: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%
    }
}

@media screen and (min-width:850px) {
    .large-1 {
        max-width: 8.3333333333%;
        -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%
    }

    .large-2 {
        max-width: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%
    }

    .large-3 {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .large-4 {
        max-width: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%
    }

    .large-5 {
        max-width: 41.6666666667%;
        -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%
    }

    .large-6 {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .large-7 {
        max-width: 58.3333333333%;
        -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%
    }

    .large-8 {
        max-width: 66.6666666667%;
        -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%
    }

    .large-9 {
        max-width: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    .large-10 {
        max-width: 83.3333333333%;
        -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%
    }

    .large-11 {
        max-width: 91.6666666667%;
        -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%
    }

    .large-12 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .gallery-columns-1 .gallery-item,
    .large-columns-1>.col,
    .large-columns-1 .flickity-slider>.col {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .gallery-columns-2 .gallery-item,
    .large-columns-2>.col,
    .large-columns-2 .flickity-slider>.col {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .gallery-columns-3 .gallery-item,
    .large-columns-3>.col,
    .large-columns-3 .flickity-slider>.col {
        max-width: 33.3333333333%;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%
    }

    .gallery-columns-4 .gallery-item,
    .large-columns-4>.col,
    .large-columns-4 .flickity-slider>.col {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .gallery-columns-5 .gallery-item,
    .large-columns-5>.col,
    .large-columns-5 .flickity-slider>.col {
        max-width: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }

    .gallery-columns-6 .gallery-item,
    .large-columns-6>.col,
    .large-columns-6 .flickity-slider>.col {
        max-width: 16.6666666667%;
        -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%
    }

    .gallery-columns-7 .gallery-item,
    .large-columns-7>.col,
    .large-columns-7 .flickity-slider>.col {
        max-width: 14.2857142857%;
        -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%
    }

    .gallery-columns-8 .gallery-item,
    .large-columns-8>.col,
    .large-columns-8 .flickity-slider>.col {
        max-width: 12.5%;
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%
    }
}

.has-shadow>.col>.col-inner {
    background-color: #fff
}

.col-hover-focus .col-inner,
.col-hover-fade .col-inner,
.col-hover-blur .col-inner {
    -webkit-transition: all, .2s;
    -o-transition: all, .2s;
    transition: all, .2s
}

.col-hover-fade .col-inner {
    opacity: .6
}

.col-hover-fade:hover .col-inner {
    opacity: 1
}

.col-hover-blur .col-inner {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.col-hover-blur:hover .col-inner {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.col-hover-focus:hover .col-inner {
    opacity: 1
}

.row:hover .col-hover-focus .col:not(:hover) {
    opacity: .6
}

body,
.container,
.full-width .ubermenu-nav,
.container-width,
.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

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

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1080px
}

.row.row-collapse {
    max-width: 1050px
}

.row.row-small {
    max-width: 1065px
}

.row.row-large {
    max-width: 1110px
}

body.framed,
body.framed header,
body.framed .header-wrapper,
body.boxed,
body.boxed header,
body.boxed .header-wrapper,
body.boxed .is-sticky-section {
    max-width: 1170px
}

@media screen and (min-width:850px) {
    body.framed {
        margin: 30px auto
    }
}

.flex-row {
    -js-display: flex;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.flex-row-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-row-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-row-col {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.text-center .flex-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header .flex-row {
    height: 100%
}

.flex-col {
    max-height: 100%
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto !important
}

.flex-center {
    margin: 0 auto
}

.flex-left {
    margin-right: auto
}

.flex-right {
    margin-left: auto
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-has-center>.nav-row>.flex-col:not(.flex-center),
.flex-has-center>.flex-row>.flex-col:not(.flex-center),
.flex-has-center>.flex-col:not(.flex-center) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width:849px) {
    .medium-flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .medium-flex-wrap .flex-col {
        padding-top: 5px;
        padding-bottom: 5px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100%
    }
}

@media(max-width:549px) {
    .small-flex-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .small-flex-wrap .flex-col {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 100%
    }
}

@media(min-width:850px) {

    .col2-set,
    .u-columns {
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .col2-set>div+div,
    .u-columns>div+div {
        padding-left: 30px
    }
}

.row-grid .box .image-cover {
    padding: 0;
    height: 100%
}

.grid-col>.col-inner {
    height: 100%
}

.grid-col .slider:not(.flickity-enabled),
.grid-col>.col-inner>.img,
.grid-col>.col-inner>.img div,
.grid-col>.col-inner>.img .img-inner>img,
.grid-col .slider>.img,
.grid-col .flickity-slider>.img,
.grid-col .col-inner>.img,
.grid-col .slider-wrapper,
.grid-col .slider,
.grid-col .banner,
.grid-col .box,
.grid-col .box-image,
.grid-col .box-image img,
.grid-col .image-cover,
.grid-col .image-cover img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    position: absolute !important;
    top: 0;
    bottom: 0;
    height: 100%;
    padding: 0 !important
}

.grid-col .box-image img {
    font-family: "object-fit: cover;"
}

.grid-col .flickity-viewport {
    height: 100% !important
}

.grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
    background-color: rgb(255 255 255 / .95);
    position: absolute;
    bottom: 0;
    padding-left: 1.5em;
    padding-right: 1.5em
}

@media all and (-ms-high-contrast:none) {
    .payment-icon svg {
        max-width: 50px
    }

    .slider-nav-circle .flickity-prev-next-button svg {
        height: 36px !important
    }

    .nav>li>a>i {
        top: -1px
    }
}

.row,
.gallery {
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row>div:not(.col):not([class^=col-]) {
    /* width: 100% !important */
}

.row.row-masonry,
.row.row-grid {
    display: block
}

.row.row-masonry>.col,
.row.row-grid>.col {
    float: left
}

.row .gallery,
.row .row:not(.row-collapse),
.container .row:not(.row-collapse),
.lightbox-content .row:not(.row-collapse) {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
    width: auto
}

.row .container {
    padding-left: 0;
    padding-right: 0
}

.slider-wrapper+.row:not(.row-collapse),
.banner-grid-wrapper+.row:not(.row-collapse),
.banner+.row:not(.row-collapse),
.section+.row:not(.row-collapse) {
    margin-top: 30px
}

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

.row-isotope {
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width:549px) {
    .small-row-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (max-width:849px) {
    .medium-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.row-collapse {
    padding: 0
}

.row-collapse>.flickity-viewport>.flickity-slider>.col,
.row-collapse>.col {
    padding: 0 !important
}

.row-collapse>.col .container {
    max-width: 100%
}

.row .row-small:not(.row-collapse),
.container .row-small:not(.row-collapse) {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0
}

.row-small>.flickity-viewport>.flickity-slider>.col,
.row-small>.col {
    padding: 0 9.8px 19.6px;
    margin-bottom: 0
}

.row .row-xsmall:not(.row-collapse),
.container .row-xsmall:not(.row-collapse) {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 0
}

.row-xsmall>.flickity-viewport>.flickity-slider>.col,
.row-xsmall>.col {
    padding: 0 2px 3px;
    margin-bottom: 0
}

@media screen and (min-width:850px) {
    .row-large {
        padding-left: 0;
        padding-right: 0
    }

    .row .row-large:not(.row-collapse),
    .container .row-large:not(.row-collapse) {
        margin-left: -30px;
        margin-right: -30px;
        margin-bottom: 0
    }

    .row-large>.flickity-viewport>.flickity-slider>.col,
    .row-large>.col {
        padding: 0 30px 30px;
        margin-bottom: 0
    }
}

.row-dashed,
.row-solid {
    overflow: hidden
}

.row-dashed .col,
.row-solid .col {
    position: relative;
    padding: 0
}

.row-dashed .col-inner,
.row-solid .col-inner {
    padding: 15px
}

.row-dashed .col:before,
.row-solid .col:before {
    position: absolute;
    content: " ";
    height: 100%;
    top: 0;
    left: -1px;
    border-left: 1px dashed #ddd
}

.row-dashed .col:after,
.row-solid .col:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed #ddd
}

.row-solid .col:before {
    border-left-style: solid
}

.row-solid .col:after {
    border-bottom-style: solid
}

.dark .row-solid .col:before,
.dark .row-solid .col:after,
.dark .row-dashed .col:before,
.dark .row-dashed .col:after {
    border-color: rgb(255 255 255 / .2)
}

.block-html-after-header .row .col {
    padding-bottom: 0
}

.wpb-js-composer .row:before {
    display: block !important
}

.section {
    padding: 30px 0;
    position: relative;
    min-height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section.dark {
    background-color: #666
}

.section-bg {
    overflow: hidden
}

.section-bg,
.section-content {
    width: 100%
}

.section-content {
    z-index: 1
}

.has-parallax {
    overflow: hidden
}

.container .section,
.row .section {
    padding-left: 30px;
    padding-right: 30px
}

.is-sticky-section+.sticky-section-helper {
    min-height: 100vh !important;
    background-color: #000
}

.sticky-section-helper+div {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 15px 15px 15px 15px rgb(0 0 0 / .1);
    box-shadow: 15px 15px 15px 15px rgb(0 0 0 / .1)
}

.sticky-section {
    padding: 0 !important;
    height: 100% !important;
    height: 100vh !important;
    width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.is-sticky-section {
    position: fixed !important
}

.nav-dropdown {
    position: absolute;
    min-width: 260px;
    max-height: 0;
    z-index: 9;
    padding: 20px 0 20px;
    opacity: 0;
    margin: 0;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    color: #777;
    background-color: #fff;
    text-align: left;
    display: table;
    left: -99999px
}

.dark.nav-dropdown {
    color: #f1f1f1
}

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

.nav-dropdown li {
    display: block;
    margin: 0;
    vertical-align: top
}

.nav-dropdown li ul {
    margin: 0;
    padding: 0
}

.nav-dropdown>li.html {
    min-width: 260px
}

li.current-dropdown>.nav-dropdown,
.next-prev-thumbs li.has-dropdown:hover>.nav-dropdown,
.no-js li.has-dropdown:hover>.nav-dropdown {
    opacity: 1;
    max-height: inherit;
    left: -15px
}

.nav-right li.current-dropdown:last-child>.nav-dropdown,
.nav-right li.has-dropdown:hover:last-child>.nav-dropdown {
    left: auto;
    right: -15px
}

.nav-column li>a,
.nav-dropdown>li>a {
    width: auto;
    display: block;
    padding: 10px 20px;
    line-height: 1.3
}

.nav-column>li:last-child:not(.nav-dropdown-col)>a,
.nav-dropdown>li:last-child:not(.nav-dropdown-col)>a {
    border-bottom: 0 !important
}

.dropdown-uppercase.nav-dropdown .nav-column>li>a,
.nav-dropdown.dropdown-uppercase>li>a {
    text-transform: uppercase;
    font-size: .85em
}

.nav-dropdown>li.nav-dropdown-col,
.nav-dropdown>li.image-column {
    text-align: left;
    display: table-cell;
    white-space: nowrap;
    width: 160px;
    min-width: 160px
}

.nav-dropdown>li.nav-dropdown-col:not(:last-child),
.nav-dropdown>li.image-column:not(:last-child) {
    border-right: 1px solid #fff0
}

.nav-dropdown .menu-item-has-children>a,
.nav-dropdown .title>a,
.nav-dropdown .nav-dropdown-col>a {
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bolder;
    color: #000
}

.nav-dropdown .nav-dropdown-col .menu-item-has-children {
    margin-top: 5px
}

.nav-dropdown li.image-column {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

.nav-dropdown li.image-column>a {
    line-height: 0 !important;
    font-size: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: -20px !important;
    margin-bottom: -20px !important
}

.nav-dropdown li.image-column>a img {
    margin: 0;
    display: block;
    width: 100%
}

.nav-dropdown li.image-column>a:hover {
    opacity: .8
}

.nav-dropdown-default li.image-column:first-child>a {
    margin-left: -20px !important;
    margin-right: 20px !important
}

.nav-dropdown-default li.image-column:last-child>a {
    margin-right: -20px !important
}

.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col,
.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col {
    border-color: #f1f1f1
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
    border-bottom: 1px solid #ececec
}

.nav-dropdown-default {
    padding: 20px
}

.nav-dropdown-bold .nav-column li>a,
.nav-dropdown.nav-dropdown-bold>li>a {
    margin: 0 10px;
    padding-left: 10px;
    border-radius: 10px;
    padding-right: 5px
}

.nav-dropdown-bold .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold>li>a:hover,
.nav-dropdown-bold.dark .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-bold.dark>li>a:hover {
    color: #fff !important;
    background-color: #446084
}

.nav-dropdown-simple .nav-column li>a:hover,
.nav-dropdown.nav-dropdown-simple>li>a:hover {
    background-color: rgb(0 0 0 / .03)
}

.nav-dropdown.nav-dropdown-simple li.html,
.nav-dropdown.nav-dropdown-bold li.html {
    padding: 0 20px 10px
}

.menu-item-has-block .nav-dropdown {
    padding: 0
}

li.current-dropdown>.nav-dropdown-full,
li.has-dropdown:hover>.nav-dropdown-full {
    position: fixed;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 50% !important;
    -webkit-transition: opacity .3s !important;
    -o-transition: opacity .3s !important;
    transition: opacity .3s !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    right: auto;
    width: 100%;
    max-width: 1150px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.nav-dropdown-full>li.nav-dropdown-col {
    white-space: normal
}

.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    bottom: -2px;
    z-index: 10;
    opacity: 0;
    left: 50%;
    border: solid #fff0;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: #fff0;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.nav-dropdown-has-arrow li.has-dropdown:before {
    z-index: -999;
    border-width: 11px;
    margin-left: -11px
}

.nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:after,
.nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:before,
.nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:after,
.nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:before {
    display: none
}

.nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default:after,
.nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default:before,
.nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-custom-size:after,
.nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-custom-size:before {
    display: none
}

.nav-dropdown-has-shadow .nav-dropdown {
    -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / .15);
    box-shadow: 1px 1px 15px rgb(0 0 0 / .15)
}

.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: #ddd
}

.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid #ddd
}

.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before,
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after {
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    opacity: 1
}

.label-new.menu-item>a:after,
.label-hot.menu-item>a:after,
.label-sale.menu-item>a:after,
.label-popular.menu-item>a:after {
    content: "";
    display: inline-block;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    letter-spacing: -.1px;
    margin-left: 4px;
    background-color: #000;
    font-weight: bolder;
    border-radius: 2px;
    color: #fff;
    padding: 2px 3px 3px;
    position: relative;
    top: -2px
}

.label-new.menu-item>a:after {
    background-color: #446084
}

.label-sale.menu-item>a:after {
    background-color: #d26e4b
}

.label-popular.menu-item>a:after {
    background-color: #7a9c59
}

.label-hot.menu-item>a:after {
    background-color: #b20000
}

.nav p {
    margin: 0;
    padding-bottom: 0
}

.nav,
.nav ul:not(.nav-dropdown) {
    margin: 0;
    padding: 0
}

.nav>li>a.button,
.nav>li>button {
    margin-bottom: 0
}

.nav {
    width: 100%;
    position: relative;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav>li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0 7px;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.nav>li>a {
    padding: 10px 0;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.html .nav>li>a {
    padding-top: 0;
    padding-bottom: 0
}

.nav-small .nav>li>a,
.nav.nav-small>li>a {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 400
}

.nav-small.nav>li.html {
    font-size: .75em
}

.nav-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nav-fill {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.nav-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:849px) {
    .medium-nav-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width:549px) {
    .small-nav-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.nav>li>a,
.nav-dropdown>li>a,
.nav-column>li>a,
.nav-vertical-fly-out>li>a {
    color: rgb(102 102 102 / .85);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.nav-dropdown>li>a,
.nav-column>li>a {
    display: block
}

.nav>li>a:hover,
.nav>li.active>a,
.nav>li.current>a,
.nav>li>a.active,
.nav>li>a.current,
.nav-dropdown li.active>a,
.nav-column li.active>a,
.nav-dropdown>li>a:hover,
.nav-column li>a:hover,
.nav-vertical-fly-out>li>a:hover {
    color: rgb(17 17 17 / .85)
}

.nav li:first-child {
    margin-left: 0 !important
}

.nav li:last-child {
    margin-right: 0 !important
}

.nav-uppercase>li>a {
    letter-spacing: .02em;
    text-transform: uppercase;
    font-weight: bolder
}

.nav-thin>li>a {
    font-weight: thin !important
}

@media(min-width:850px) {
    .nav-divided>li {
        margin: 0 .7em
    }

    .nav-divided>li+li>a:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 1px;
        border-left: 1px solid rgb(0 0 0 / .1);
        height: 15px;
        margin-top: -7px;
        left: -1em
    }

    .nav-divided>li+li.icon-top>a:after {
        height: 50px;
        margin-top: -25px
    }
}

li.html .row,
li.html form,
li.html select,
li.html input {
    margin: 0
}

li.html>.button {
    margin-bottom: 0
}

li.hide-title>a {
    display: none !important
}

.nav-pagination>li>span,
.nav-pagination>li>a {
    font-size: 1.1em;
    display: block;
    height: 2.25em;
    line-height: 2em;
    text-align: center;
    width: auto;
    min-width: 2.25em;
    padding: 0 7px;
    font-weight: bolder;
    border-radius: 99px;
    border: 2px solid currentColor;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    vertical-align: top
}

.nav-pagination>li i {
    font-size: 1.2em;
    vertical-align: middle;
    top: -1px
}

.nav-pagination>li>.current,
.nav-pagination>li>span:hover,
.nav-pagination>li>a:hover {
    border-color: #446084;
    background-color: #446084;
    color: #fff
}

.off-canvas .mobile-sidebar-slide {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.off-canvas .mobile-sidebar-slide .sidebar-menu {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    will-change: transform
}

.mobile-sidebar-levels-1 .nav-slide>li>ul.children,
.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    left: 100%;
    opacity: 1;
    display: none;
    overflow: visible;
    overflow-y: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-overflow-scrolling: touch
}

.mobile-sidebar-levels-1 .nav-slide>li>ul.children>li,
.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-sidebar-levels-1 .nav-slide>li>ul.children.is-current-slide,
.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu.is-current-slide {
    display: block
}

.mobile-sidebar-levels-1 .nav-slide>li>ul.children.is-current-parent,
.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu.is-current-parent {
    overflow-y: hidden;
    width: 200%;
    padding-right: 100%
}

.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header),
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header) {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #ececec;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s
}

.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    text-transform: uppercase;
    font-size: .8em;
    letter-spacing: .02em;
    color: rgb(102 102 102 / .85)
}

.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header).active,
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header):hover,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header).active,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header):hover {
    background-color: rgb(0 0 0 / .05)
}

.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children,
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    left: 200%;
    opacity: 1;
    display: none;
    overflow: visible;
    overflow-y: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-overflow-scrolling: touch
}

.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children>li,
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu>li,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children>li,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children.is-current-slide,
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu.is-current-slide,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children.is-current-slide,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu.is-current-slide {
    display: block
}

.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children.is-current-parent,
.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu.is-current-parent,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children.is-current-parent,
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu.is-current-parent {
    overflow-y: hidden;
    width: 200%;
    padding-right: 100%
}

.nav-slide {
    height: 100%;
    padding-top: 20px;
    overflow: visible;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto
}

.nav-slide .active>.toggle {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.nav-slide>li {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav-slide-header .toggle {
    position: relative !important;
    top: 0 !important;
    margin-left: 0 !important;
    padding-left: 5px;
    text-align: left;
    width: 100%
}

.nav-slide-header .toggle i {
    margin-right: 2px;
    font-size: 1.4em
}

.text-center .nav-slide-header .toggle {
    width: auto;
    margin-left: auto !important;
    margin-right: auto !important
}

.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    background-color: #446084;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    height: 3px
}

.nav-line-bottom>li:hover>a:before,
.nav-line-grow>li:hover>a:before,
.nav-line-bottom>li.active>a:before,
.nav-line-grow>li.active>a:before,
.nav-line>li.active>a:before,
.nav-line>li:hover>a:before {
    opacity: 1
}

.nav:hover>li:not(:hover)>a:before {
    opacity: 0
}

.tabbed-content .nav-line-bottom:before {
    top: auto;
    bottom: 0
}

.nav-line-grow>li>a:before {
    width: 0%
}

.nav-line-grow>li.active>a:before,
.nav-line-grow>li:hover>a:before {
    width: 100%
}

.nav-line-bottom>li:before,
.nav-line-bottom>li:after {
    display: none
}

.nav-line-bottom>li>a:before {
    top: auto;
    bottom: 0
}

.nav-box>li.active>a,
.nav-pills>li.active>a {
    opacity: 1;
    color: #fff;
    background-color: #446084
}

.nav-tabs>li.active>a {
    background-color: #fff
}

.nav-dark .nav.nav-tabs>li.active>a {
    color: #000
}

.nav-outline>li.active>a {
    color: #446084;
    border-color: currentColor
}

.tabbed-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.tabbed-content .nav,
.tabbed-content .tab-panels {
    width: 100%
}

.tab-panels {
    padding-top: 1em
}

.tab-panels .entry-content {
    padding: 0
}

.tab-panels .panel:not(.active) {
    zoom: 1;
    visibility: hidden;
    height: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    opacity: 0
}

.tab-panels .panel.active {
    display: block !important
}

.nav-box>li,
.nav-tabs>li,
.nav-outline>li,
.nav-pills>li {
    margin: 0
}

.nav-box>li>a {
    padding: 0 .75em;
    line-height: 2.5em
}

.nav-pills>li>a {
    padding: 0 .75em;
    border-radius: 99px;
    line-height: 2.5em
}

.nav-tabs>li>a {
    border-top: 2px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: rgb(0 0 0 / .04);
    padding-left: 15px;
    padding-right: 15px
}

.nav-tabs>li.active>a {
    border-top-color: #446084
}

.nav-dark .nav-tabs>li:not(.active)>a {
    background-color: rgb(255 255 255 / .1);
    border-color: #fff0
}

.tabbed-content .nav-tabs>li {
    margin: 0 .1em;
    margin-bottom: -1px
}

.nav-tabs+.tab-panels {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 30px
}

.nav-outline>li>a {
    line-height: 2.4em;
    padding: 0 .75em;
    position: relative;
    z-index: 10;
    border: 2px solid #fff0;
    border-radius: 32px
}

@media(min-width:850px) {
    .tabbed-content .nav-vertical {
        padding-top: 0;
        width: 25%
    }

    .nav-vertical+.tab-panels {
        margin-top: 0 !important;
        border-left: 1px solid #ddd;
        padding: 0 30px 30px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .tabbed-content .nav-vertical.nav-outline {
        padding-right: 15px
    }
}

@media(max-width:549px) {
    .small-nav-collapse>li {
        width: 100%;
        margin: 0 !important
    }

    .small-nav-collapse>li a {
        width: 100%;
        display: block
    }
}

@media(max-width:549px) {
    .small-nav-touch {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap
    }

    .small-nav-touch>li {
        display: inline-block
    }
}

.sidebar-menu-tabs__tab {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
    list-style-type: none;
    background-color: rgb(0 0 0 / .02);
    text-align: center
}

.sidebar-menu-tabs__tab.active {
    background-color: rgb(0 0 0 / .05)
}

.sidebar-menu-tabs__tab-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.sidebar-menu-tabs.nav>li {
    margin: 0
}

.sidebar-menu-tabs.nav>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px
}

.toggle {
    height: auto;
    width: 45px;
    line-height: 1;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0;
    color: currentColor;
    opacity: .6;
    margin: 0 5px 0 0
}

.toggle i {
    font-size: 1.8em;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.toggle:focus {
    color: currentColor
}

.toggle:hover {
    cursor: pointer;
    opacity: 1
}

.active>.toggle {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.active>ul.children {
    display: block !important
}

.active>ul.sub-menu:not(.nav-dropdown) {
    display: block !important
}

.widget .toggle {
    width: 1em;
    min-height: 1em;
    margin: 5px 0 0 5px
}

.widget .toggle i {
    top: 1px;
    font-size: 1.2em
}

.nav.nav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.nav.nav-vertical li {
    list-style: none;
    margin: 0;
    width: 100%
}

.nav-vertical li li {
    font-size: 1em;
    padding-left: .5em
}

.nav-vertical .image-column {
    display: none !important
}

.nav-vertical>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-vertical>li ul {
    width: 100%
}

.nav-vertical li li.menu-item-has-children {
    margin-bottom: 1em
}

.nav-vertical li li.menu-item-has-children:not(:first-child) {
    margin-top: 1em
}

.nav-vertical>li>ul>li a,
.nav-vertical>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.nav-vertical li li.menu-item-has-children>a {
    color: #000;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bolder
}

.nav-vertical>li.html {
    padding-top: 1em;
    padding-bottom: 1em
}

.nav-vertical>li>ul li a {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    color: #666
}

.nav-vertical>li>ul li a:hover {
    opacity: 1;
    color: #111
}

.nav-vertical>li>ul {
    margin: 0 0 2em;
    padding-left: 1em
}

.nav .children {
    position: fixed;
    opacity: 0;
    left: -99999px;
    -webkit-transition: background-color .6s, opacity .3s, -webkit-transform .3s;
    transition: background-color .6s, opacity .3s, -webkit-transform .3s;
    -o-transition: background-color .6s, transform .3s, opacity .3s;
    transition: background-color .6s, transform .3s, opacity .3s;
    transition: background-color .6s, transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.nav:not(.nav-slide) .active>.children {
    position: inherit;
    opacity: 1;
    left: auto;
    padding-bottom: 30px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.nav-sidebar.nav-vertical>li.menu-item.active,
.nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: rgb(0 0 0 / .05)
}

.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #ececec
}

.dark .nav-sidebar.nav-vertical>li+li {
    border-color: rgb(255 255 255 / .2)
}

.nav-vertical>li+li,
.nav-vertical-fly-out>li+li {
    border-top: 1px solid #ececec
}

.nav-vertical.nav-line>li>a:before {
    right: -2px;
    z-index: 1;
    left: auto;
    width: 3px;
    height: 100%
}

.nav-vertical.nav-tabs>li>a {
    border: 0
}

.nav-vertical.nav-tabs>li.active>a {
    border-left: 3px solid #446084
}

.text-center .toggle {
    margin-left: -35px
}

.text-center .nav-vertical li {
    border: 0
}

.text-center.nav-vertical li li,
.text-center .nav-vertical li li {
    padding-left: 0
}

@media screen and (max-width:549px) {
    .small-nav-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 20px
    }

    .small-nav-vertical>li {
        list-style: none;
        margin: 0 !important;
        width: 100%;
        border-bottom: 1px solid #ececec
    }
}

.nav-vertical .mega-menu-item {
    width: 100%
}

.nav-vertical .social-icons,
.nav-vertical .header-button {
    display: block;
    width: 100%
}

@media screen and (min-width:849px) {
    .col-divided>.col-inner>.nav-wrapper>.nav-vertical {
        width: calc(100% + 31px)
    }
}

.header-vertical-menu__opener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 15px;
    width: 250px;
    height: 50px;
    font-weight: 600;
    font-size: .9em;
    background-color: #446084
}

.header-vertical-menu__opener .icon-menu {
    font-size: 1.7em;
    margin-right: 10px
}

.header-vertical-menu__tagline {
    display: block;
    font-size: .9em;
    font-weight: 400;
    line-height: 1.3
}

.header-vertical-menu__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header-vertical-menu__fly-out {
    position: absolute;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    width: 250px;
    background-color: #fff
}

.header-vertical-menu__fly-out .nav-vertical-fly-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item {
    position: static;
    margin: 0;
    list-style: none
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item[class^=label-]>a:after,
.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item[class*=" label-"]>a:after {
    top: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a>i.icon-angle-down {
    margin-left: auto;
    margin-right: -.1em;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.header-vertical-menu__fly-out .nav-vertical-fly-out>li.menu-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px
}

.header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left>a>i,
.header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left>a>svg,
.header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left>a>img {
    margin-right: 10px
}

.header-vertical-menu__fly-out .nav-top-link {
    font-size: .9em;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.header-vertical-menu__fly-out .current-dropdown .nav-dropdown {
    top: 0;
    left: 100% !important
}

.header-vertical-menu__fly-out--open {
    opacity: 1;
    visibility: visible
}

.stuck .header-vertical-menu__fly-out,
.sticky-hide-on-scroll--active .header-vertical-menu__fly-out {
    opacity: 0;
    visibility: hidden
}

.header-wrapper:not(.stuck) .header-vertical-menu__fly-out {
    -webkit-transition: opacity .25s, visibility .25s;
    -o-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s
}

.header-vertical-menu__fly-out.has-shadow {
    -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / .15);
    box-shadow: 1px 1px 15px rgb(0 0 0 / .15)
}

.header-vertical-menu:hover .header-vertical-menu__fly-out {
    opacity: 1;
    visibility: visible
}

.badge-container {
    margin: 30px 0 0 0
}

.badge {
    display: table;
    z-index: 20;
    pointer-events: none;
    height: 2.8em;
    width: 2.8em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.badge.top {
    left: 0
}

.badge-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: #446084;
    line-height: .85;
    color: #fff;
    font-weight: bolder;
    padding: 2px;
    white-space: nowrap;
    -webkit-transition: background-color .3s, color .3s, border .3s;
    -o-transition: background-color .3s, color .3s, border .3s;
    transition: background-color .3s, color .3s, border .3s
}

.badge-small {
    width: 2.3em;
    height: 2.3em
}

.badge-small .badge-inner {
    line-height: .7
}

.badge+.badge {
    opacity: .9;
    width: 2.5em;
    height: 2.5em
}

.badge+.badge+.badge {
    opacity: .8
}

.badge-frame .badge-inner,
.badge-outline .badge-inner {
    color: #446084;
    background-color: #fff;
    border: 2px solid currentColor
}

.has-hover:hover .badge-outline .badge-inner {
    border-color: #446084;
    background-color: #446084;
    color: #fff
}

.badge-outline,
.badge-circle {
    margin-left: -.4em
}

.badge-circle-inside {
    margin-left: 1em
}

.badge-circle+.badge {
    margin-top: -.4em;
    margin-left: -.4em
}

.badge-circle-inside .badge-inner,
.badge-circle .badge-inner {
    border-radius: 999px
}

.badge-frame .badge-inner,
.widget .badge-outline .badge-inner {
    background-color: #fff0
}

.badge-frame {
    height: 2em;
    margin-left: -4px
}

.widget .badge {
    margin: 0 !important
}

.dark .widget .badge-outline .badge-inner {
    color: #fff;
    opacity: .7
}

.row-collapse .badge-circle {
    margin-left: 15px
}

.banner {
    position: relative;
    background-color: #446084;
    width: 100%;
    min-height: 30px
}

.banner-bg {
    overflow: hidden
}

.banner-layers {
    max-height: 100%;
    height: 100%;
    position: relative
}

@media(max-width:549px) {
    .banner-layers {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

.banner-layers>* {
    position: absolute !important
}

.dark .banner a {
    color: #fff
}

.video-bg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: center center;";
    position: absolute;
    width: 100%;
    height: 100%
}

@media(min-width:549px) {
    .has-video .bg {
        display: none
    }
}

.box {
    width: 100%;
    position: relative;
    margin: 0 auto
}

.box>a {
    width: 100%;
    display: block
}

.box a {
    display: inline-block
}

.box,
.box-image,
.box-text {
    -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
    transition: opacity .3s, background-color .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s, background-color .3s;
    transition: opacity .3s, transform .3s, background-color .3s;
    transition: opacity .3s, transform .3s, background-color .3s, -webkit-transform .3s
}

.box-image>a,
.box-image>div>a {
    display: block
}

.box-text {
    padding-top: .7em;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
    font-size: .9em
}

.has-shadow .box-text {
    padding-left: 1.2em;
    padding-right: 1.2em
}

@media(max-width:549px) {
    .box-text {
        font-size: 85%
    }
}

.box-image {
    position: relative;
    height: auto;
    margin: 0 auto;
    overflow: hidden
}

.box-image[style*=-radius] {
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.box-image-inner {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.box-text.text-center {
    padding-left: 10px;
    padding-right: 10px
}

.box-image img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

.box-label {
    overflow: hidden
}

.box-label .box-text.text-center {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    margin: 10% 0
}

.box-label .box-text.text-right {
    right: 0;
    left: auto
}

.box-label .box-text {
    position: absolute;
    bottom: 0;
    width: auto;
    padding: 0;
    margin: 10%;
    padding: .5em 1.5em .55em;
    background-color: #fff;
    opacity: .95;
    -webkit-box-shadow: 1px 1px 3px 0 rgb(0 0 0 / .1);
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / .1)
}

.box-label:hover .box-text {
    opacity: 1
}

.box-badge {
    overflow: hidden
}

.box-badge .box-text {
    background-color: rgb(255 255 255 / .95);
    padding: .8em 1em 1em;
    position: absolute;
    bottom: 15%;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    z-index: 1
}

.dark .box-badge .box-text {
    background-color: rgb(0 0 0 / .95)
}

.box-badge:hover .box-text {
    background-color: #446084
}

.box-bounce .box-text {
    padding: 15px 15px 20px;
    z-index: 1
}

.box-bounce:hover .box-text {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    background-color: #fff
}

.dark .box-bounce:hover .box-text {
    background-color: #222
}

.box-bounce:hover .box-image {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.box-push .box-text {
    padding: 15px 20px;
    background-color: rgb(255 255 255 / .95);
    max-width: 85%;
    margin: -15% auto 0
}

.box-overlay .box-text,
.box-shade .box-text {
    position: absolute;
    width: 100%;
    max-height: 100%;
    bottom: 0;
    padding-left: 1.5em;
    padding-right: 1.5em
}

.box-overlay.dark .box-text,
.box-shade.dark .box-text {
    text-shadow: 1px 1px 1px rgb(0 0 0 / .5)
}

.box-none .box-text {
    display: none !important
}

.has-post-icon:hover .box-shade .box-text,
.has-post-icon:hover .box-overlay .box-text {
    opacity: 0 !important
}

.box-text-middle.box-overlay .box-text,
.box-text-middle.box-shade .box-text {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    bottom: auto !important;
    z-index: 16;
    left: 0;
    right: 0
}

.box-text-top.box-overlay .box-text,
.box-text-top.box-shade .box-text {
    position: absolute;
    top: 0;
    bottom: auto !important;
    z-index: 16;
    left: 0;
    right: 0
}

.box-vertical .box-text-middle .box-text {
    position: relative;
    top: auto;
    bottom: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.has-box-vertical .col {
    width: 100% !important;
    max-width: 100% !important
}

@media screen and (max-width:549px) {
    .box-vertical .box-image {
        width: 100% !important
    }
}

@media screen and (min-width:550px) {
    .box-list-view .col {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important
    }

    .box-list-view .box,
    .box-vertical {
        display: table;
        width: 100%
    }

    .box-list-view .box .image-right,
    .box-vertical .image-right {
        direction: rtl
    }

    .box-list-view .box .box-image,
    .box-list-view .box .box-text,
    .box-vertical .box-image,
    .box-vertical .box-text {
        direction: ltr;
        display: table-cell;
        vertical-align: middle
    }

    .box-list-view .box .box-text,
    .box-vertical .box-text {
        padding-left: 1.5em;
        padding-right: 1.5em
    }

    .box-list-view .box .box-image,
    .box-vertical .box-image {
        width: 50%
    }

    .box-list-view .box.align-top .box-text,
    .box-vertical.align-top .box-text {
        vertical-align: top
    }
}

.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
    position: relative;
    display: inline-block;
    background-color: #fff0;
    text-transform: uppercase;
    font-size: .97em;
    letter-spacing: .03em;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
    color: currentColor;
    text-decoration: none;
    border: 1px solid #fff0;
    vertical-align: middle;
    border-radius: 0;
    margin-top: 0;
    margin-right: 1em;
    text-shadow: none;
    line-height: 2.4em;
    min-height: 2.5em;
    padding: 0 1.2em;
    max-width: 100%;
    -webkit-transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    -o-transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    text-rendering: optimizeLegibility;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.button span {
    display: inline-block;
    line-height: 1.6
}

.button.is-outline {
    line-height: 2.19em
}

.nav>li>a.button:hover,
.nav>li>a.button {
    padding-top: 0;
    padding-bottom: 0
}

.nav>li>a.button:hover {
    color: #fff
}

.button,
input[type=submit],
input[type=submit].button,
input[type=reset].button,
input[type=button].button {
    color: #fff;
    background-color: #446084;
    background-color: var(--primary-color);
    border-color: rgb(0 0 0 / .05)
}

.button.is-outline,
input[type=submit].is-outline,
input[type=reset].is-outline,
input[type=button].is-outline {
    border: 2px solid currentColor;
    background-color: #fff0
}

.dark .button.is-form:hover,
.button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover {
    outline: none;
    opacity: 1;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 100px rgb(0 0 0 / .2);
    box-shadow: inset 0 0 0 100px rgb(0 0 0 / .2)
}

.button.is-underline,
.button.is-link {
    background-color: transparent !important;
    border-color: transparent !important;
    padding-left: .15em;
    padding-right: .15em
}

.button.is-underline:before {
    content: "";
    height: 2px;
    background-color: currentColor;
    opacity: .3;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%
}

.button.is-underline:hover:before {
    left: 0%;
    width: 100%;
    opacity: 1
}

.is-link,
.is-underline {
    color: #666
}

.dark .button.is-underline:hover,
.dark .button.is-link:hover {
    color: #fff;
    opacity: .8
}

.button.is-underline:hover,
.button.is-link:hover {
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none
}

.is-form,
button.is-form,
input[type=submit].is-form,
input[type=reset].is-form,
input[type=button].is-form {
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    text-shadow: 1px 1px 1px #fff;
    color: #666;
    border: 1px solid #ddd;
    text-transform: none;
    font-weight: 400
}

.button.is-form:hover {
    color: #000;
    background-color: #f1f1f1
}

.dark .button,
.dark input[type=submit],
.dark input[type=reset],
.dark input[type=button] {
    color: #fff
}

.dark .button.is-form,
.dark input[type=submit].is-form,
.dark input[type=reset].is-form,
.dark input[type=button].is-form {
    color: #000
}

.is-round {
    border-radius: 99px
}

.is-shade,
.is-bevel,
.is-gloss {
    overflow: hidden
}

.is-gloss:after,
.is-shade:after,
.is-bevel:after {
    content: "";
    position: absolute;
    top: 0;
    left: -25%;
    height: 100%;
    width: 150%;
    -webkit-box-shadow: inset 0 1.2em 0 0 rgb(255 255 255 / .1);
    box-shadow: inset 0 1.2em 0 0 rgb(255 255 255 / .1)
}

.is-shade:after {
    -webkit-box-shadow: inset 1px 1px 0 0 rgb(255 255 255 / .1), inset 0 2em 15px 0 rgb(255 255 255 / .2);
    box-shadow: inset 1px 1px 0 0 rgb(255 255 255 / .1), inset 0 2em 15px 0 rgb(255 255 255 / .2)
}

.is-bevel:after {
    left: 0;
    width: 100%;
    -webkit-box-shadow: inset -.01em -.1em 0 0 rgb(0 0 0 / .15);
    box-shadow: inset -.01em -.1em 0 0 rgb(0 0 0 / .15)
}

.is-outline {
    color: silver
}

.is-outline:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

input[type=submit],
input[type=submit].button,
input[type=submit],
.primary {
    background-color: #446084
}

.primary.is-underline,
.primary.is-link,
.primary.is-outline {
    color: #446084
}

.is-outline:hover,
.primary.is-outline:hover {
    color: #fff;
    background-color: #446084;
    border-color: #446084
}

.success {
    background-color: #7a9c59
}

.success.is-underline,
.success.is-link,
.success.is-outline {
    color: #7a9c59
}

.success.is-outline:hover {
    background-color: #7a9c59;
    border-color: #7a9c59;
    color: #fff
}

.white {
    background-color: #fff !important;
    color: #666 !important
}

.white.button.is-outline {
    background-color: #fff0;
    color: currentColor !important
}

.white.is-underline,
.white.is-link,
.white.is-outline {
    color: #fff !important;
    background-color: transparent !important
}

.white.is-outline:hover {
    background-color: #fff !important;
    border-color: #fff;
    color: #666 !important
}

.secondary,
.checkout-button,
.button.checkout,
.button.alt {
    background-color: #d26e4b
}

.secondary.is-underline,
.secondary.is-link,
.secondary.is-outline {
    color: #d26e4b
}

.secondary.is-outline:hover {
    background-color: #d26e4b;
    border-color: #d26e4b;
    color: #fff
}

a.primary:not(.button),
a.secondary:not(.button) {
    background-color: #fff0
}

/*.alert {*/
/*    background-color: #b20000*/
/*}*/

.alert.is-underline,
.alert.is-link,
.alert.is-outline {
    color: #b20000
}

.alert.is-outline:hover {
    background-color: #b20000;
    border-color: #b20000;
    color: #fff
}

.text-center .button:first-of-type {
    margin-left: 0 !important
}

.text-right .button:last-of-type,
.text-center .button:last-of-type {
    margin-right: 0 !important
}

.button.disabled,
button.disabled,
.button[disabled],
button[disabled] {
    opacity: .6
}

.header-buttons .button {
    margin-bottom: 0;
    margin-right: .65em
}

.header-button {
    display: inline-block
}

.header-button .plain.is-outline:not(:hover) {
    color: #999
}

.nav-dark .header-button .plain.is-outline:not(:hover) {
    color: #fff
}

.header-button .button {
    margin: 0
}

.scroll-for-more {
    margin-left: 0 !important
}

.scroll-for-more:not(:hover) {
    opacity: .7
}

.flex-col button,
.flex-col .button,
.flex-col input {
    margin-bottom: 0
}

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: .9em;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 4px
}

pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

.dark code {
    border-color: #000;
    background-color: rgb(0 0 0 / .5)
}

.is-divider {
    height: 3px;
    display: block;
    background-color: rgb(0 0 0 / .1);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px
}

.widget .is-divider {
    margin-top: .66em
}

.dark .is-divider {
    background-color: rgb(255 255 255 / .3)
}

form {
    margin-bottom: 0
}

input[type=email],
input[type=date],
input[type=search],
input[type=number],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select,
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    border-radius: 0;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / .1);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / .1);
    -webkit-transition: color .3s, border .3s, background .3s, opacity .3s;
    -o-transition: color .3s, border .3s, background .3s, opacity .3s;
    transition: color .3s, border .3s, background .3s, opacity .3s
}

input:hover,
textarea:hover,
select:hover {
    -webkit-box-shadow: inset 0 -1.8em 1em 0 #fff0;
    box-shadow: inset 0 -1.8em 1em 0 #fff0
}

input[type=email],
input[type=search],
input[type=number],
input[type=url],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    padding-top: .7em;
    min-height: 120px
}

input[type=email]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    opacity: 1 !important;
    outline: 0;
    color: #333;
    background-color: #fff
}

label,
legend {
    font-weight: 700;
    display: block;
    font-size: .9em;
    margin-bottom: .4em
}

legend {
    width: 100%;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin: 30px 0 15px
}

fieldset {
    border-width: 0;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    display: inline;
    margin-right: 10px;
    font-size: 16px
}

label>.label-body {
    display: inline-block;
    font-weight: 400;
    margin-left: .5em
}

abbr[title=required] {
    color: #b20000
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline
}

select,
.select-resize-ghost,
.select2-container .select2-choice,
.select2-container .select2-selection {
    -webkit-box-shadow: inset 0 -1.4em 1em 0 rgb(0 0 0 / .02);
    box-shadow: inset 0 -1.4em 1em 0 rgb(0 0 0 / .02);
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    padding-right: 1.4em;
    background-size: auto 16px;
    border-radius: 0;
    display: block
}

.select-resize-ghost {
    display: inline-block;
    width: auto;
    position: absolute;
    opacity: 0
}

select.resize-select {
    width: 55px
}

.select2-selection__arrow b {
    border-color: transparent !important
}

.select2-container .selection .select2-selection--multiple {
    padding: 10px;
    height: auto;
    max-height: 200px;
    background-image: none;
    line-height: 1.7em
}

.select2-container .selection .select2-selection--multiple .select2-selection__choice {
    padding: 5px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    select::-ms-expand {
        display: none
    }

    select:focus::-ms-value {
        background: #fff0;
        color: currentColor
    }
}

.form-flat input:not([type=submit]),
.form-flat textarea,
.form-flat select {
    background-color: rgb(0 0 0 / .03);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgb(0 0 0 / .09);
    color: currentColor !important;
    border-radius: 99px
}

.form-flat button,
.form-flat input {
    border-radius: 99px
}

.form-flat textarea {
    border-radius: 15px
}

.form-flat .flex-row .flex-col,
.flex-row.form-flat .flex-col {
    padding-right: 4px
}

.dark .form-flat input:not([type=submit]),
.dark .form-flat textarea,
.dark .form-flat select,
.nav-dark .form-flat input:not([type=submit]),
.nav-dark .form-flat textarea,
.nav-dark .form-flat select {
    background-color: rgb(255 255 255 / .2) !important;
    border-color: rgb(255 255 255 / .09);
    color: #fff
}

.dark .form-flat select option {
    color: #333
}

.nav-dark .form-flat select,
.dark .form-flat select {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")
}

.nav-dark .form-flat input::-webkit-input-placeholder,
.dark .form-flat input::-webkit-input-placeholder {
    color: #fff
}

.form-flat .button.icon {
    color: currentColor !important;
    border-color: transparent !important;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-minimal input:not([type=submit]),
.form-minimal textarea,
.form-minimal select {
    background-color: #fff0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-minimal.quantity .qty {
    max-width: 2em;
    border-left: 0;
    border-right: 0
}

input.wpcf7-not-valid,
.woocommerce-invalid input {
    border-color: #b20000;
    color: #b20000
}

.woocommerce-invalid select {
    border-color: #b20000
}

.woocommerce-invalid input.input-checkbox {
    outline: 1px solid #b20000;
    outline-offset: 1px
}

.select2-container {
    text-align: left
}

.form-row .select2-container {
    margin-bottom: 1em
}

.select2-search__field {
    margin-bottom: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px
}

.select2-container .select2-choice>.select2-chosen,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-selection {
    padding: 0;
    line-height: 2.507em
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.507em
}

.fl-wrap {
    position: relative
}

.loading-site .fl-labels label[for]:first-child {
    display: none
}

.fl-labels .fl-wrap label[for]:first-child {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    line-height: 1;
    top: .5em;
    opacity: 0;
    pointer-events: none;
    left: 1.1em;
    font-weight: 400
}

.dark .fl-wrap label {
    color: #000
}

.fl-wrap.fl-is-active>label[for]:first-child {
    z-index: 1;
    opacity: .8
}

.fl-labels .form-row input:not([type=checkbox]),
.fl-labels .form-row textarea,
.fl-labels .form-row select {
    height: 3.0084em;
    -webkit-transition: padding .3s;
    -o-transition: padding .3s;
    transition: padding .3s
}

.form-row .fl-is-active input,
.form-row .fl-is-active textarea {
    padding-top: 1.1em;
    padding-bottom: .5em
}

.form-row .fl-is-active select {
    padding-top: 1.1em;
    padding-bottom: .4em
}

.icon-box .icon-box-img {
    margin-bottom: 1em;
    max-width: 100%;
    position: relative
}

.slider>.icon-box,
.flickity-slider>.icon-box {
    padding-right: 3% !important;
    padding-left: 3% !important
}

.icon-box-img svg,
.icon-box-img img {
    padding-top: .2em;
    width: 100%
}

.icon-box-img svg {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: currentColor
}

.icon-box-img svg path {
    fill: currentColor
}

.icon-box:hover .has-icon-bg svg path,
.icon-box:hover .has-icon-bg svg,
.icon-box:hover .has-icon-bg i {
    fill: #fff
}

.has-icon-bg .icon {
    padding-top: 100%;
    height: 0;
    overflow: hidden;
    position: relative
}

.has-icon-bg .icon .icon-inner {
    color: #446084;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    border: 2px solid currentColor;
    border-radius: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.icon-box:hover .has-icon-bg .icon .icon-inner {
    background-color: currentColor
}

.has-icon-bg .icon svg,
.has-icon-bg .icon i,
.has-icon-bg .icon img {
    position: absolute;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    margin-left: 20%;
    margin-right: 20%
}

.icon-box-left .has-icon-bg .icon {
    position: absolute;
    width: 100%
}

.icon-box-left,
.icon-box-right {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
}

.icon-box-left .icon-box-img,
.icon-box-right .icon-box-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0;
    max-width: 200px
}

.icon-box-left .icon-box-text,
.icon-box-right .icon-box-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.icon-box-right .icon-box-text {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 1em
}

.icon-box-right .icon-box-img+.icon-box-text {
    padding-right: 1em
}

.icon-box-center .icon-box-img {
    margin: 0 auto 1em
}

.links>li>a:before,
i[class^=icon-],
i[class*=" icon-"] {
    font-family: "fl-icons" !important;
    font-display: block;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: relative;
    line-height: 1.2
}

.widget-title i {
    opacity: .35;
    margin-right: 4px
}

button i,
.button i {
    vertical-align: middle;
    top: -1.5px
}

.button.open-video i {
    top: -.027em
}

a.remove,
a.icon-remove {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 15px !important;
    line-height: 19px !important;
    border-radius: 100%;
    color: #ccc;
    font-weight: 700;
    text-align: center;
    border: 2px solid currentColor
}

button.icon:not(.button),
a.icon:not(.button) {
    font-family: sans-serif;
    margin-left: .25em;
    margin-right: .25em;
    font-size: 1.2em
}

.header a.icon:not(.button) {
    margin-left: .3em;
    margin-right: .3em
}

.header .nav-small a.icon:not(.button) {
    font-size: 1em
}

.button.icon {
    margin-left: .12em;
    margin-right: .12em;
    min-width: 2.5em;
    padding-left: .6em;
    padding-right: .6em;
    display: inline-block
}

.button.icon i {
    padding-bottom: 2px;
    font-size: 1.3em;
}

.button.icon i+span {
    padding-right: .5em
}

.button.icon.is-small {
    border-width: 1px
}

.button.icon.is-small i {
    top: -1px
}

.button.icon.circle {
    padding-left: 0;
    padding-right: 0
}

.button.icon.circle>span {
    margin: 0 8px
}

.button.icon.circle>span+i {
    margin-left: -4px
}

.button.icon.circle>i {
    margin: 0 8px
}

.button.icon.circle>i+span {
    margin-left: -4px
}

.button.icon.circle>i:only-child {
    margin: 0
}

.nav>li>a>i {
    vertical-align: middle;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 14px;
    margin-left: 4px;         /* cách nhẹ chữ */
    opacity: 0.8;             /* nhẹ màu hơn một chút */
}

.nav>li>a>i+span {
    margin-left: 5px
}

.nav li.has-icon-left>a>i,
.nav li.has-icon-left>a>svg,
.nav li.has-icon-left>a>img {
    margin-right: 5px
}

.nav>li>a>span+i {
    margin-left: 5px
}

.nav-small>li>a>i {
    font-size: 1em
}

.nav>li>a>i.icon-search {
    font-size: 1.2em
}

.nav>li>a>i.icon-menu {
    font-size: 1.9em
}

.nav>li.has-icon>a>i {
    min-width: 1em
}

.nav-vertical>li>a>i {
    font-size: 16px;
    opacity: .6
}

.header-button a.icon:not(.button) {
    display: inline-block;
    padding: 6px 0
}

.header-button a.icon:not(.button) i {
    font-size: 24px
}

.header-button a.icon:not(.button) i.icon-search {
    font-size: 16px
}

.nav-small .header-button a.icon:not(.button) {
    padding: 3px 0
}

.button:not(.icon)>i {
    margin-left: -.15em;
    margin-right: .4em
}

.button:not(.icon)>span+i {
    margin-right: -.15em;
    margin-left: .4em
}

.has-dropdown .icon-angle-down {
    font-size: 16px;
    margin-left: .2em;
    opacity: .6
}

.overlay-icon {
    background-color: rgb(0 0 0 / .2);
    width: 3em;
    color: #fff;
    height: 3em;
    line-height: 2.8em;
    border-radius: 100%;
    text-align: center;
    border: 2px solid #fff;
    opacity: .8;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    -o-transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.overlay-icon i {
    font-size: 1.3em;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    top: 3px
}

.has-hover:hover .overlay-icon {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.box-shade .overlay-icon,
.box-overlay .overlay-icon {
    opacity: 0
}

.image-icon {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    position: relative
}

span+.image-icon {
    margin-left: 10px
}

.image-icon img {
    max-width: 32px;
    min-width: 100%
}

.nav-small .image-icon {
    width: 16px;
    height: 16px;
    margin: 0 5px
}

.nav-small .image-icon img {
    vertical-align: top
}

[data-icon-label] {
    position: relative
}

[data-icon-label="0"]:after {
    display: none
}

[data-icon-label]:after {
    content: attr(data-icon-label);
    position: absolute;
    font-style: normal;
    font-family: Arial, Sans-serif !important;
    top: -10px;
    right: -10px;
    font-weight: bolder;
    background-color: #d26e4b;
    -webkit-box-shadow: 1px 1px 3px 0 rgb(0 0 0 / .3);
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / .3);
    font-size: 11px;
    padding-left: 2px;
    padding-right: 2px;
    opacity: .9;
    line-height: 17px;
    letter-spacing: -.5px;
    height: 17px;
    min-width: 17px;
    border-radius: 99px;
    color: #fff;
    text-align: center;
    z-index: 1;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.nav-small [data-icon-label]:after {
    min-width: 13px;
    top: -4px;
    right: -10px;
    height: 13px;
    font-size: 10px;
    line-height: 13px
}

.button [data-icon-label]:after {
    top: -12px;
    right: -12px
}

.reveal-icon i {
    width: 1em
}

.reveal-icon i,
.reveal-icon span {
    display: inline-block;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.reveal-icon span {
    -webkit-transform: translateX(.75em);
    -ms-transform: translateX(.75em);
    transform: translateX(.75em)
}

.reveal-icon i+span {
    -webkit-transform: translateX(-.75em);
    -ms-transform: translateX(-.75em);
    transform: translateX(-.75em)
}

.reveal-icon:hover>span {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.reveal-icon:not(:hover) i {
    opacity: 0
}

img {
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 1
}

.col-inner>.img:not(:last-child),
.col>.img:not(:last-child) {
    margin-bottom: 1em
}

.img {
    position: relative
}

.img .img-inner {
    position: relative;
    overflow: hidden
}

.img,
.img img {
    width: 100%
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: -1px;
    right: -1px;
    background-color: rgb(0 0 0 / .15);
    -webkit-transition: opacity .6s, -webkit-transform .3s;
    transition: opacity .6s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .6s;
    transition: transform .3s, opacity .6s;
    transition: transform .3s, opacity .6s, -webkit-transform .3s;
    pointer-events: none
}

.img .caption {
    position: absolute;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    max-height: 100% !important;
    overflow-y: auto;
    bottom: 0;
    padding: 4px 10px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    background-color: rgb(0 0 0 / .3)
}

.img .caption-show,
.img:hover .caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.lazy-load {
    background-color: rgb(0 0 0 / .03)
}

.has-format,
.video-fit,
.image-cover {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 100%;
    background-position: 50% 50%;
    background-size: cover
}

.video-fit {
    padding-top: 56.5%
}

.video-fit video,
.video-fit iframe,
img.back-image,
.image-cover img,
.has-format img,
.has-equal-box-heights .box-image img {
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.has-equal-box-heights .box-image {
    padding-top: 100%
}

.video-fit iframe {
    -o-object-fit: fill;
    object-fit: fill
}

.image-tools {
    padding: 10px;
    position: absolute
}

.image-tools a:last-child {
    margin-bottom: 0
}

.image-tools a.button {
    display: block
}

.image-tools.bottom.left {
    padding-top: 0;
    padding-right: 0
}

.image-tools.top.right {
    padding-bottom: 0;
    padding-left: 0
}

.image-tools .cart-icon {
    position: absolute;
    left: 10px;
    margin: 5px;
    bottom: 100%
}

.image-tools .wishlist-button:hover {
    background-color: #b20000;
    border-color: #b20000
}

@media only screen and (max-device-width:1024px) {
    .image-tools {
        opacity: 1 !important;
        padding: 5px
    }
}

.overlay-tools {
    margin-top: 10px
}

.overlay-tools a {
    display: inline-block;
    font-size: .8em;
    background-color: rgb(0 0 0 / .4);
    padding: 2px 10px 3px;
    margin-right: 5px;
    border-radius: 99px;
    text-shadow: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.overlay-tools a:hover {
    background-color: #fff;
    color: #000 !important
}

.tag-label {
    text-transform: uppercase;
    display: inline-block;
    font-size: .65em;
    line-height: 1;
    letter-spacing: 1.1px;
    font-weight: 700;
    border-radius: 2px;
    padding: 2px 5px;
    color: #fff;
    background-color: rgb(0 0 0 / .4);
    -webkit-transition: background-color .3s, opacity .3s;
    -o-transition: background-color .3s, opacity .3s;
    transition: background-color .3s, opacity .3s
}

.has-hover:hover .tag-label {
    opacity: 1;
    background-color: #d26e4b
}

.lightbox-content {
    background-color: #fff;
    max-width: 875px;
    margin: 0 auto;
    -webkit-box-shadow: 3px 3px 20px 0 rgb(0 0 0 / .15);
    box-shadow: 3px 3px 20px 0 rgb(0 0 0 / .15);
    position: relative
}

.lightbox-content .lightbox-inner {
    padding: 30px 20px
}

.pswp__bg {
    background-color: rgb(0 0 0 / .6)
}

@media(min-width:549px) {
    .pswp__top-bar {
        background-color: transparent !important
    }
}

.pswp__item {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0
}

.pswp--visible .pswp__item {
    opacity: 1
}

.pswp__caption__center {
    text-align: center
}

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

.mfp-bg.mfp-ready {
    opacity: .6
}

.mfp-bg.mfp-removing {
    opacity: 0 !important
}

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

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

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

.mfp-image-holder {
    padding: 40px 6.66%
}

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

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .5s;
    transition: opacity .3s, -webkit-transform .5s;
    -o-transition: transform .5s, opacity .3s;
    transition: transform .5s, opacity .3s;
    transition: transform .5s, opacity .3s, -webkit-transform .5s
}

.mfp-content-inner {
    -webkit-box-shadow: 1px 1px 5px 0 rgb(0 0 0 / .2);
    box-shadow: 1px 1px 5px 0 rgb(0 0 0 / .2)
}

.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.mfp-ready.mfp-removing .mfp-content {
    opacity: 0
}

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

.mfp-ajax-cur {
    cursor: progress
}

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

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

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

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

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

.mfp-hide {
    display: none !important
}

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

.mfp-preloader a {
    color: #ccc
}

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

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

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

.mfp-close {
    cursor: pointer;
    outline: none;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: fixed;
    top: 0;
    right: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    padding: 0;
    mix-blend-mode: difference;
    margin: 0 !important;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    min-height: 0;
    width: 40px;
    -webkit-backface-visibility: hidden;
    height: 40px;
    line-height: 40px;
    font-family: Arial, monospace;
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    -o-transition: opacity .6s, transform .6s;
    transition: opacity .6s, transform .6s;
    transition: opacity .6s, transform .6s, -webkit-transform .6s;
    -webkit-transform: translateY(50%) translateZ(1px);
    transform: translateY(50%) translateZ(1px)
}

.mfp-close svg {
    pointer-events: none
}

.mfp-content .mfp-close {
    position: absolute
}

.mfp-ready .mfp-close {
    opacity: .6;
    -webkit-transform: translateY(0) translateZ(1px);
    transform: translateY(0) translateZ(1px)
}

.mfp-removing .mfp-close {
    display: none !important
}

.mfp-close:hover {
    opacity: 1
}

.mfp-close-btn-in .mfp-close {
    top: 0 !important;
    color: currentColor
}

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

.mfp-arrow {
    position: fixed;
    opacity: .6;
    color: #fff;
    mix-blend-mode: difference;
    top: 50%;
    z-index: 1046;
    margin: 0;
    text-align: center;
    width: 50px;
    height: 50px
}

.mfp-arrow i {
    pointer-events: none;
    font-size: 42px !important
}

.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:active {
    top: 50.1%
}

.mfp-arrow-left {
    left: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.mfp-arrow-right {
    right: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mfp-ready .mfp-arrow-right,
.mfp-ready .mfp-arrow-left {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

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

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

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

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

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

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    line-height: 0;
    padding: 0 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

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

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

.mfp-figure figure {
    margin: 0
}

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

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

.mfp-title a {
    text-decoration: underline;
    color: #f3f3f3
}

.mfp-title a:hover {
    text-decoration: none;
    color: #f3f3f3;
    opacity: .8
}

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

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

@media screen and (max-width:800px)and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgb(0 0 0 / .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
}

@media(max-width:849px) {
    body.body-scroll-lock--active .mfp-wrap {
        position: fixed !important;
        overflow: auto
    }
}

.processing,
.loading-spin {
    position: relative
}

.processing:before,
.loading-spin {
    content: "";
    margin: 0 auto;
    font-size: 10px;
    text-indent: -9999em;
    border-top: 3px solid rgb(0 0 0 / .1) !important;
    border-right: 3px solid rgb(0 0 0 / .1) !important;
    border-bottom: 3px solid rgb(0 0 0 / .1) !important;
    opacity: .8;
    border-left: 3px solid #446084;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    pointer-events: none
}

.box-image.processing:before,
.dark .processing:before,
.dark.processing:before,
.dark.loading-spin,
.dark .loading-spin {
    border-top: 3px solid rgb(0 0 0 / .1) !important;
    border-right: 3px solid rgb(0 0 0 / .1) !important;
    border-bottom: 3px solid rgb(0 0 0 / .1) !important;
    border-left: 3px solid #fff !important
}

.box-image.processing:after {
    content: "";
    background-color: #000;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.box-image.processing .image-tools {
    opacity: 0 !important
}

.woocommerce-checkout.processing:before {
    position: fixed
}

.processing:before,
.loading-spin.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    z-index: 99
}

.loading-spin {
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.button.loading {
    opacity: 1 !important;
    position: relative;
    color: rgb(255 255 255 / .05);
    pointer-events: none !important
}

.button.loading:after {
    -webkit-animation: spin 500ms infinite linear;
    animation: spin 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    content: "";
    display: block;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px
}

.is-outline .button.loading:after {
    border-color: #446084
}

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

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

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

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

.ux-menu-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ux-menu-link--active .ux-menu-link__link,
.ux-menu-link:hover .ux-menu-link__link {
    color: rgb(17 17 17 / .85)
}

.dark .ux-menu-link__link {
    border-bottom-color: rgb(255 255 255 / .2)
}

.dark .ux-menu-link--active .ux-menu-link__link,
.dark .ux-menu-link:hover .ux-menu-link__link {
    color: rgb(255 255 255 / .85)
}

.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link {
    border-bottom-style: solid
}

.ux-menu-link__link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 2.5em;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: .3em;
    padding-bottom: .3em;
    color: currentColor;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-bottom-color: #ececec;
    border-bottom-width: 1px
}

.ux-menu-link__icon {
    width: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: middle
}

.ux-menu-link__icon+.ux-menu-link__text {
    padding-left: .5em
}

.ux-menu-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bolder;
    margin-top: 5px;
    color: #000;
    min-height: 3.125em;
    padding-top: .3em;
    padding-bottom: .3em
}

.ux-menu-link+.ux-menu-title {
    margin-top: 5px !important
}

.dark .ux-menu-title {
    color: currentColor
}

.off-canvas .mfp-content {
    -ms-scrollbar-base-color: #000;
    -ms-scrollbar-arrow-color: #000;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.off-canvas .nav-vertical>li>a {
    padding-top: 15px;
    padding-bottom: 15px
}

.off-canvas .nav-vertical li li>a {
    padding-top: 5px;
    padding-bottom: 5px
}

.off-canvas .hide-for-off-canvas {
    display: none !important
}

.off-canvas .hide-for-small,
.off-canvas .hide-for-medium {
    display: inline-block !important
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 260px;
    background-color: rgb(255 255 255 / .95);
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translateX(-270px);
    -ms-transform: translateX(-270px);
    transform: translateX(-270px);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / .5);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .5)
}

.off-canvas-right.dark .mfp-content,
.off-canvas-left.dark .mfp-content {
    background-color: rgb(0 0 0 / .95)
}

.off-canvas-right .mfp-content {
    left: auto;
    right: 0;
    -webkit-transform: translateX(270px);
    -ms-transform: translateX(270px);
    transform: translateX(270px)
}

.off-canvas-center .nav-vertical>li>ul>li a,
.off-canvas-center .nav-vertical>li>a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.off-canvas-center .nav-vertical>li>a {
    font-size: 1.5em
}

.off-canvas-center .mfp-container {
    padding: 0
}

.off-canvas-center .mfp-content {
    padding-top: 50px;
    max-width: 700px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.off-canvas-center .mfp-content .searchform {
    max-width: 260px;
    margin: 0 auto
}

.off-canvas-center.mfp-bg.mfp-ready {
    opacity: .85
}

.mfp-bg.off-canvas-center:not(.dark) {
    background-color: #fff;
    opacity: .95
}

.off-canvas-center .nav-sidebar.nav-vertical>li {
    border: 0
}

.off-canvas-center .nav-sidebar.nav-vertical>li>a {
    padding-right: 30px;
    padding-left: 30px
}

.off-canvas-center .nav-sidebar.nav-vertical>li .toggle {
    position: absolute;
    top: 15px;
    right: 0
}

.off-canvas-center:not(.dark) .mfp-close {
    color: currentColor
}

.off-canvas.mfp-removing .mfp-content {
    opacity: 0 !important
}

.off-canvas-left.mfp-ready .mfp-content,
.off-canvas-right.mfp-ready .mfp-content {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.has-off-canvas .off-canvas-blur {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.has-off-canvas .off-canvas-zoom {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.has-off-canvas .current-lightbox-clicked {
    opacity: 0 !important;
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px)
}

.has-off-canvas.has-off-canvas-right .current-lightbox-clicked,
.has-off-canvas.has-off-canvas-left .current-lightbox-clicked {
    -webkit-transform: translateX(-7px);
    -ms-transform: translateX(-7px);
    transform: translateX(-7px)
}

.off-canvas .sidebar-menu {
    padding: 30px 0
}

.off-canvas .sidebar-inner {
    padding: 30px 20px
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px
}

.off-canvas:not(.off-canvas-center) li.html {
    padding: 20px
}

.slider-wrapper {
    position: relative
}

.slider>.img,
.flickity-slider>.img,
.slider-wrapper:last-child {
    margin-bottom: 0
}

.slider,
.row-slider {
    position: relative;
    scrollbar-width: none
}

.slider-full .flickity-slider>.col {
    padding: 0 !important
}

.slider-load-first {
    -webkit-transition: max-height 2s;
    -o-transition: max-height 2s;
    transition: max-height 2s;
    max-height: 999px
}

.slider-load-first:not(.flickity-enabled) {
    max-height: 500px
}

.slider-load-first:not(.flickity-enabled)>div {
    opacity: 0
}

.slider:not(.flickity-enabled) {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    width: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.slider::-webkit-scrollbar,
.row-slider::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important
}

.row-slider:not(.flickity-enabled) {
    display: block !important
}

.slider:not(.flickity-enabled)>* {
    display: inline-block !important;
    white-space: normal !important;
    vertical-align: top
}

.slider:not(.flickity-enabled)>a {
    width: 100%
}

.slider>div:not(.col),
.slider>a,
.slider>p,
.slider>a>img,
.slider>img {
    width: 100%
}

.flickity-slider>div:not(.col),
.flickity-slider>a,
.flickity-slider>p,
.flickity-slider>a>img,
.flickity-slider>img,
.flickity-slider>figure {
    width: 100% !important;
    padding: 0;
    margin: 0;
    -webkit-transition: opacity .6s, -webkit-transform .6s, -webkit-box-shadow .6s;
    transition: opacity .6s, -webkit-transform .6s, -webkit-box-shadow .6s;
    -o-transition: transform .6s, opacity .6s, box-shadow .6s;
    transition: transform .6s, opacity .6s, box-shadow .6s;
    transition: transform .6s, opacity .6s, box-shadow .6s, -webkit-transform .6s, -webkit-box-shadow .6s
}

.flickity-slider>.row:not(.is-selected) {
    opacity: 0
}

.flickity-enabled {
    position: relative;
    display: block
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.slider-has-parallax .bg {
    -webkit-transition: opacity .3s !important;
    -o-transition: opacity .3s !important;
    transition: opacity .3s !important
}

.is-dragging .flickity-viewport .flickity-slider {
    pointer-events: none
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: #fff0;
    tap-highlight-color: #fff0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-prev-next-button {
    position: absolute;
    top: 40%;
    bottom: 40%;
    background-color: #fff0;
    margin: 0;
    padding: 0;
    width: 36px;
    color: #111;
    border: none;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s, background .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: opacity .3s, background .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    -o-transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.flickity-prev-next-button.next {
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
    right: 2%
}

.flickity-prev-next-button.previous {
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    left: 2%
}

.slider-show-nav .flickity-prev-next-button,
.slider:hover .flickity-prev-next-button {
    opacity: .7;
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.slider .flickity-prev-next-button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1
}

.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
    fill: #446084
}

@media(min-width:850px) {
    .slider-nav-outside .flickity-prev-next-button.next {
        right: auto;
        left: 100%
    }

    .slider-nav-outside .flickity-prev-next-button.previous {
        left: auto;
        right: 100%
    }
}

.flickity-prev-next-button:disabled,
button.flickity-prev-next-button[disabled] {
    opacity: 0 !important;
    background: none !important;
    cursor: auto;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    pointer-events: none
}

.flickity-prev-next-button svg {
    position: absolute;
    padding: 5px;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 100%;
    padding: 20%;
    max-height: 100%;
    height: auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -10%
}

.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
    margin-top: -40px
}

.flickity-prev-next-button svg,
.flickity-prev-next-button .arrow {
    border-color: currentColor;
    fill: currentColor;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.slider-auto-height,
.animate-height {
    -webkit-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s
}

.flickity-prev-next-button.no-svg {
    color: #111;
    font-size: 26px
}

.slider-no-arrows .flickity-prev-next-button {
    display: none !important
}

.slider-type-fade .flickity-slider {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.slider-type-fade .flickity-slider>* {
    opacity: 0;
    z-index: 1;
    left: 0 !important
}

.slider-type-fade .flickity-slider>*.is-selected {
    opacity: 1;
    z-index: 2
}

.slider-type-fade .flickity-prev-next-button,
.slider-type-fade .flickity-page-dots {
    z-index: 3
}

.flickity-page-dots {
    position: absolute;
    bottom: 15px;
    left: 20%;
    right: 20%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.slider-nav-outside .flickity-page-dots,
.row-slider .flickity-page-dots {
    bottom: 0
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border: 3px solid #111;
    border-radius: 50%;
    opacity: .4;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.nav-dots-small .flickity-page-dots .dot,
.row-slider .flickity-page-dots .dot {
    opacity: .2;
    width: 10px;
    height: 10px;
    border: 0;
    background-color: #111
}

.flickity-page-dots .dot:hover {
    opacity: .7
}

.flickity-page-dots .dot.is-selected {
    background-color: #111;
    opacity: 1 !important
}

.slider-nav-dots-dashes .flickity-page-dots .dot {
    height: 4px;
    width: 40px;
    margin: 0;
    border-radius: 0
}

.slider-nav-dots-dashes-spaced .flickity-page-dots .dot {
    height: 4px;
    width: 40px;
    border-radius: 0
}

.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #111
}

.slider-nav-dots-square .flickity-page-dots .dot {
    border-radius: 0
}

.slider-nav-circle .flickity-prev-next-button svg,
.slider-nav-circle .flickity-prev-next-button .arrow {
    border-radius: 100%;
    border: 2px solid currentColor
}

.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow {
    background-color: #446084;
    border-color: #446084;
    fill: #fff !important
}

.slider-nav-outside.slider-nav-circle .next {
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important
}

.slider-nav-outside.slider-nav-circle .previous {
    -webkit-transform: translateX(50%) !important;
    -ms-transform: translateX(50%) !important;
    transform: translateX(50%) !important
}

.slider-nav-reveal {
    padding-top: 0;
    overflow: hidden
}

.slider-nav-reveal .flickity-prev-next-button:hover,
.slider-nav-reveal .flickity-prev-next-button {
    width: 30px;
    top: -2px;
    bottom: 0;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 -150px 15px 0 rgb(0 0 0 / .3);
    box-shadow: 0 -150px 15px 0 rgb(0 0 0 / .3);
    margin: 0 !important
}

.dark .slider-nav-reveal .flickity-prev-next-button {
    border-radius: 99px;
    background-color: rgb(0 0 0 / .3);
    color: #fff
}

.slider-nav-reveal .flickity-prev-next-button.next {
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
    left: auto !important;
    right: -1px !important
}

.slider-nav-reveal .flickity-prev-next-button.previous {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    transform: translateX(-10%);
    right: auto !important;
    left: -1px !important
}

.slider-nav-light .flickity-prev-next-button {
    color: #fff
}

.slider-nav-light .flickity-prev-next-button svg,
.slider-nav-light .flickity-prev-next-button .arrow {
    fill: #fff
}

.slider-nav-light .flickity-page-dots .dot {
    border-color: #fff
}

.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #fff
}

.slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #fff
}

.slider-style-container .flickity-slider>*,
.slider-style-shadow .flickity-slider>*,
.slider-style-focus .flickity-slider>* {
    max-width: 1080px;
    margin: 0 auto
}

.slider-style-container:not(.flickity-enabled) .ux_banner,
.slider-style-shadow:not(.flickity-enabled) .ux_banner,
.slider-style-focus:not(.flickity-enabled) .ux_banner {
    opacity: 0 !important
}

.slider-style-container .ux_banner,
.slider-style-shadow .ux_banner,
.slider-style-focus .ux_banner {
    opacity: 1
}

.slider-style-container .flickity-slider>*:not(.is-selected),
.slider-style-shadow .flickity-slider>*:not(.is-selected),
.slider-style-focus .flickity-slider>*:not(.is-selected) {
    opacity: .5
}

.slider-style-shadow {
    padding: 15px 0 25px
}

.slider-style-shadow .flickity-slider>*:before {
    content: "";
    position: absolute;
    bottom: -6px;
    height: 100px;
    left: -10%;
    right: -10%;
    background-size: 100% 100%;
    z-index: -2;
    background-image: url(../images/shadow%402x.png)
}

.slider-style-shadow .flickity-slider>*:not(.is-selected) {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    z-index: -1;
    opacity: 1
}

.slider-style-shadow .flickity-slider>*:not(.is-selected):before {
    height: 200px;
    opacity: .5
}

.slider-style-shadow .flickity-slider>.is-selected {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.slider-style-focus {
    background-color: #fff0;
    padding: 30px 0
}

.slider-style-focus .flickity-page-dots {
    bottom: 6px
}

.slider-style-focus .flickity-slider>* {
    max-width: 1050px
}

.slider-style-focus .flickity-slider>*:not(.is-selected) {
    -webkit-transform: scale(.93);
    -ms-transform: scale(.93);
    transform: scale(.93)
}

@media screen and (max-width:549px) {
    .slider-wrapper .flickity-prev-next-button {
        display: none
    }

    .row-slider .flickity-prev-next-button {
        width: 20px !important;
        opacity: .8;
        background-color: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important
    }

    .row-slider .flickity-prev-next-button svg {
        padding: 3px !important;
        border: 0 !important
    }

    .flickity-page-dots {
        pointer-events: none
    }

    .flickity-slider .banner-layers {
        overflow: hidden
    }
}

.stack {
    --stack-gap: 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stack>.text>*:first-child {
    margin-top: 0
}

.stack>.text>*:last-child {
    margin-bottom: 0
}

.stack-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.stack-row>* {
    margin: 0 !important
}

.stack-row>*~* {
    margin-left: var(--stack-gap) !important
}

.stack-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.stack-col>* {
    margin: 0 !important
}

.stack-col>*~* {
    margin-top: var(--stack-gap) !important
}

.items-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media(max-width:849px) {
    .md\:stack-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .md\:stack-row>* {
        margin: 0 !important
    }

    .md\:stack-row>*~* {
        margin-left: var(--stack-gap) !important
    }

    .md\:stack-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .md\:stack-col>* {
        margin: 0 !important
    }

    .md\:stack-col>*~* {
        margin-top: var(--stack-gap) !important
    }

    .md\:items-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .md\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md\:items-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md\:items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .md\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .md\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .md\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .md\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .md\:justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media(max-width:549px) {
    .sm\:stack-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sm\:stack-row>* {
        margin: 0 !important
    }

    .sm\:stack-row>*~* {
        margin-left: var(--stack-gap) !important
    }

    .sm\:stack-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sm\:stack-col>* {
        margin: 0 !important
    }

    .sm\:stack-col>*~* {
        margin-top: var(--stack-gap) !important
    }

    .sm\:items-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .sm\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sm\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sm\:items-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sm\:items-baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .sm\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sm\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sm\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .sm\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sm\:justify-around {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

table {
    width: 100%;
    margin-bottom: 1em;
    border-color: #ececec;
    border-spacing: 0
}

th,
td {
    padding: .5em;
    text-align: left;
    border-bottom: 1px solid #ececec;
    line-height: 1.3;
    font-size: .9em
}

td {
    color: #666
}

th:first-child,
td:first-child {
    padding-left: 0
}

th:last-child,
td:last-child {
    padding-right: 0
}

.dark th,
.dark td {
    border-color: rgb(255 255 255 / .08)
}

td label,
td .label,
td input,
td select,
td form,
td dl,
td p {
    margin: .5em 0
}

label {
    color: #222
}

.table {
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

@media(max-width:849px) {
    .touch-scroll-table {
        width: calc(100% + 30px);
        padding: 15px;
        position: relative;
        overflow-y: hidden;
        margin-left: -15px;
        overflow-x: scroll;
        -webkit-box-shadow: inset -2px 0 18px -5px rgb(0 0 0 / .5);
        box-shadow: inset -2px 0 18px -5px rgb(0 0 0 / .5)
    }

    .touch-scroll-table table {
        width: 100%
    }
}

.text-box {
    max-height: 100%
}

.text-box .text-box-content {
    position: relative;
    z-index: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.text-box-square .text,
.text-box-circle .text {
    height: 0;
    padding: 100% 0 0 0 !important;
    background-color: rgb(0 0 0 / .9)
}

.text-box-square .text-inner,
.text-box-circle .text-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.text-box-circle .border,
.text-box-circle .text-box-content {
    border-radius: 100% !important
}

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

a:focus,
.button:focus,
button:focus,
input:focus {
    outline: none
}

a.plain {
    color: currentColor;
    -webkit-transition: color .3s, opacity .3s, -webkit-transform .3s;
    transition: color .3s, opacity .3s, -webkit-transform .3s;
    -o-transition: color .3s, opacity .3s, transform .3s;
    transition: color .3s, opacity .3s, transform .3s;
    transition: color .3s, opacity .3s, transform .3s, -webkit-transform .3s
}

.nav-dark a.plain:hover {
    opacity: .7
}

a:hover,
a.remove:hover,
a.icon-circle:hover {
    color: #000
}

.dark a,
.dark .widget a {
    color: currentColor
}

.dark a:hover,
.dark .widget a:hover {
    color: #fff
}

ul.links {
    margin: 5px 0;
    font-size: .85em
}

ul.links li {
    margin: 0 .4em;
    display: inline-block
}

ul.links li a {
    color: currentColor
}

ul.links li:before {
    font-family: "fl-icons";
    display: inline-block;
    margin-right: 5px
}

ul.links li:first-child {
    margin-left: 0
}

ul.links li:last-child {
    margin-right: 0
}

.next-prev-nav .flex-col {
    padding: .7em 0
}

.next-prev-nav i {
    font-size: 2em;
    margin: 0 10px !important;
    top: -1px;
    vertical-align: middle
}

.next-prev-nav .flex-col+.flex-col {
    border-left: 1px solid #ececec
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

ol,
ul {
    margin-top: 0;
    padding: 0
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5em 0 1.5em 3em
}

li {
    margin-bottom: .6em
}

dl dt,
dl dd {
    display: inline-block;
    margin: 0 5px 0 0
}

dl dt p,
dl dd p {
    margin: 0;
    padding: 0
}

dl {
    opacity: .8;
    text-transform: uppercase;
    font-size: .85em
}

ul.ul-reset {
    margin: 0;
    padding: 0
}

ul.ul-reset>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.entry-content ol li,
.entry-summary ol li,
.col-inner ol li,
.entry-content ul li,
.entry-summary ul li,
.col-inner ul li {
    margin-left: 1.3em
}

.entry-content ol li.tab,
.entry-summary ol li.tab,
.col-inner ol li.tab,
.entry-content ul li.tab,
.entry-summary ul li.tab,
.col-inner ul li.tab {
    margin-left: 0
}

ul li.bullet-checkmark,
ul li.bullet-arrow,
ul li.bullet-star {
    list-style: none;
    position: relative;
    padding: 7px 0 7px 25px;
    margin: 0;
    border-bottom: 1px solid #ececec
}

.dark ul li.bullet-checkmark,
.dark ul li.bullet-arrow,
.dark ul li.bullet-star {
    border-color: rgb(255 255 255 / .2)
}

ul li.bullet-checkmark:before,
ul li.bullet-arrow:before,
ul li.bullet-star:before {
    font-family: "fl-icons";
    left: 0;
    position: absolute;
    font-size: 16px;
    color: #7a9c59
}

ul li.bullet-checkmark:before {
    content: "" !important
}

ul li.bullet-arrow:before {
    content: "" !important
}

ul li.bullet-star:before {
    content: "" !important
}

.button,
button,
input,
textarea,
select,
fieldset {
    margin-bottom: 1em
}

pre,
blockquote,
form,
figure,
p,
dl,
ul,
ol {
    margin-bottom: 1.3em
}

form p {
    margin-bottom: .5em
}

body {
    line-height: 1.6
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #555;
    width: 100%;
    margin-top: 0;
    margin-bottom: .5em;
    text-rendering: optimizeSpeed
}

.h1,
h1 {
    font-size: 1.7em;
    line-height: 1.3
}

.h2,
h2 {
    font-size: 1.6em;
    line-height: 1.3
}

.h3,
h3 {
    font-size: 1.25em
}

.h4,
h4 {
    font-size: 1.125em
}

.h5,
h5 {
    font-size: 1em
}

.h6,
h6 {
    font-size: .85em;
    opacity: .8
}

h1.entry-title.mb {
    margin-bottom: 30px
}

@media(max-width:549px) {
    h1 {
        font-size: 1.4em
    }

    h2 {
        font-size: 1.2em
    }

    h3 {
        font-size: 1em
    }
}

h6 span {
    font-weight: 400;
    font-weight: 500
}

h3 label {
    display: inline-block;
    margin-right: 10px
}

p {
    margin-top: 0
}

h1>span,
h2>span,
h3>span,
h4>span,
h5>span,
h6>span,
p.headline>span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

p.lead,
a.lead {
    font-size: 1.3em
}

.uppercase,
h6,
th,
span.widget-title {
    line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase
}

.lowercase {
    text-transform: none !important
}

span.widget-title {
    font-size: 1em;
    font-weight: 600
}

.is-normal {
    font-weight: 400
}

.is-bold {
    font-weight: 700
}

.thin-font,
.is-thin {
    font-weight: 300 !important
}

.thin-font strong,
.is-thin strong {
    font-weight: 700 !important
}

.is-italic {
    font-style: italic !important
}

.is-uppercase,
.uppercase {
    line-height: 1.2;
    text-transform: uppercase
}

.is-alt-font,
.alt-font {
    font-family: Georgia
}

.is-xxxlarge {
    font-size: 2.5em
}

.is-xxlarge {
    font-size: 2em
}

.is-xlarge {
    font-size: 1.5em
}

.is-larger {
    font-size: 1.3em
}

.is-large {
    font-size: 1.15em
}

.is-small,
.is-small.button {
    font-size: .8em
}

.is-smaller {
    font-size: .75em
}

.is-xsmall {
    font-size: .7em
}

.is-xxsmall {
    font-size: .6em
}

@media(max-width:549px) {
    .is-xxlarge {
        font-size: 2.5em
    }

    .is-xlarge {
        font-size: 1.8em
    }

    .is-larger {
        font-size: 1.2em
    }

    .is-large {
        font-size: 1em
    }
}

.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6,
.box-text a:not(.button) {
    line-height: 1.3;
    margin-top: .1em;
    margin-bottom: .1em
}

.box-text p {
    margin-top: .1em;
    margin-bottom: .1em
}

.box-text .button {
    margin-top: 1em
}

.banner .button {
    margin-top: .5em;
    margin-bottom: .5em
}

.banner .is-divider,
.banner .text-center .is-divider {
    margin-top: 1em;
    margin-bottom: 1em
}

.banner h1 {
    font-size: 3.5em
}

.banner h2 {
    font-size: 2.9em
}

.banner h3 {
    font-size: 2em
}

.banner h2,
.banner h3,
.banner h1 {
    padding: 0;
    font-weight: 400;
    margin-top: .2em;
    margin-bottom: .2em;
    line-height: 1
}

.banner h4 {
    padding: 0;
    font-size: 1.5em;
    margin-top: .6em;
    margin-bottom: .6em
}

.banner h6,
.banner h5,
.banner p {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em
}

.line-height-small {
    line-height: 1.4em
}

[data-line-height=xs] {
    line-height: .85 !important
}

[data-line-height=s] {
    line-height: 1 !important
}

[data-line-height=m] {
    line-height: 1.2 !important
}

[data-line-height=l] {
    line-height: 1.4 !important
}

[data-line-height=xl] {
    line-height: 1.6 !important
}

.nav>li>a {
    font-size: .8em
}

.nav>li.html {
    font-size: .85em
}

.nav-size-xsmall>li>a {
    font-size: .65em
}

.nav-size-small>li>a {
    font-size: .7em
}

.nav-size-medium>li>a {
    font-size: .9em
}

.nav-size-large>li>a {
    font-size: 1em
}

.nav-size-xlarge>li>a {
    font-size: 1.1em
}

.nav-spacing-xsmall>li {
    margin: 0
}

.nav-spacing-small>li {
    margin: 0 5px
}

.nav-spacing-medium>li {
    margin: 0 9px
}

.nav-spacing-large>li {
    margin: 0 11px
}

.nav-spacing-xlarge>li {
    margin: 0 13px
}

.fancy-underline {
    position: relative
}

.fancy-underline:after {
    content: "";
    color: green;
    position: absolute;
    left: 0;
    border-radius: 999px;
    right: 0;
    top: 100%;
    height: 9px;
    image-rendering: -webkit-optimize-contrast;
    background: url(../images/underline.png) 50% top no-repeat;
    background-size: 100% 9px
}

span.count-up {
    opacity: 0;
    -webkit-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s
}

span.count-up.active {
    opacity: 1
}

[data-text-color=primary] {
    color: #446084 !important
}

[data-text-color=secondary] {
    color: #d26e4b !important
}

[data-text-color=alert] {
    color: #b20000 !important
}

[data-text-color=success] {
    color: #7a9c59 !important
}

[data-text-bg=primary] {
    background-color: #446084
}

[data-text-bg=secondary] {
    background-color: #d26e4b
}

[data-text-bg=alert] {
    background-color: #b20000
}

[data-text-bg=success] {
    background-color: #7a9c59
}

.text-bordered-white,
.text-bordered-primary,
.text-bordered-dark {
    border: 2px solid #fff;
    padding: 5px;
    display: inline-block
}

.text-bordered-dark {
    border-color: #000
}

h1.text-bordered-white,
h1.text-bordered-primary,
h1.text-bordered-dark {
    padding: 15px
}

.text-boarder-top-bottom-white,
.text-boarder-top-bottom-dark {
    border-top: 3px solid #fff;
    padding-top: 15px;
    border-bottom: 3px solid #fff;
    padding-bottom: 15px;
    display: inline-block
}

.text-boarder-top-bottom-dark {
    border-color: #000
}

blockquote {
    position: relative;
    font-size: 1.2em;
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    border-left: 2px solid #446084;
    font-style: italic;
    color: #333
}

.dark blockquote {
    color: #fff
}

.container:after,
.row:after,
.clearfix:after,
.clear:after {
    content: "";
    display: table;
    clear: both
}

@media(max-width:549px) {

    [data-show=hide-for-small],
    .hide-for-small {
        display: none !important
    }

    .small-text-center {
        text-align: center !important;
        width: 100% !important;
        float: none !important
    }
}

@media(min-width:550px) {

    [data-show=show-for-small],
    .show-for-small {
        display: none !important
    }
}

@media(min-width:850px) {

    [data-show=show-for-medium],
    .show-for-medium {
        display: none !important
    }
}

@media(max-width:849px) {

    [data-show=hide-for-medium],
    .hide-for-medium {
        display: none !important
    }

    .medium-text-center .pull-left,
    .medium-text-center .pull-right {
        float: none
    }

    .medium-text-center .ml {
        margin-left: auto
    }

    .medium-text-center .mr {
        margin-right: auto
    }

    .medium-text-center {
        text-align: center !important;
        width: 100% !important;
        float: none !important
    }
}

@media(min-width:850px) {

    [data-show=hide-for-large],
    .hide-for-large {
        display: none !important
    }
}

.full-width,
.expand {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block
}

.pull-right {
    float: right;
    margin-right: 0 !important
}

.pull-left {
    float: left;
    margin-left: 0 !important
}

.mb {
    margin-bottom: 30px
}

.mt {
    margin-top: 30px
}

.mr {
    margin-right: 30px
}

.ml {
    margin-left: 30px
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-half {
    margin-bottom: 15px
}

.mt-half {
    margin-top: 15px
}

.mr-half {
    margin-right: 15px
}

.ml-half {
    margin-left: 15px
}

.mb-half:last-child,
.mb:last-child {
    margin-bottom: 0
}

.pb {
    padding-bottom: 30px
}

.pt {
    padding-top: 30px
}

.pb-half {
    padding-bottom: 15px
}

.pt-half {
    padding-top: 15px
}

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.inner-padding {
    padding: 30px
}

.first-reset *:first-child {
    margin-top: 0
}

.last-reset *:last-child {
    margin-bottom: 0
}

.no-select {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-center>div,
.text-center>div>div,
.text-center .is-divider,
.text-center .star-rating,
.text-center .is-star-rating {
    margin-left: auto;
    margin-right: auto
}

.text-center .pull-right,
.text-center .pull-left {
    float: none
}

.text-left .is-divider,
.text-left .star-rating,
.text-left .is-star-rating {
    margin-right: auto;
    margin-left: 0
}

.text-right>div,
.text-right>div>div,
.text-right .is-divider,
.text-right .star-rating,
.text-right .is-star-rating {
    margin-left: auto;
    margin-right: 0
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.fixed {
    position: fixed !important;
    z-index: 12
}

.top {
    top: 0
}

.right {
    right: 0
}

.left {
    left: 0
}

.bottom {
    bottom: 0
}

.fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    padding: 0 !important;
    margin: 0 !important
}

.v-center {
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.h-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.h-center.v-center {
    left: auto !important;
    bottom: auto !important;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.is-full-height {
    min-height: 550px;
    height: 100%;
    height: 100vh;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.bg-fill {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50%
}

.bg-top {
    background-position: top;
    -o-object-position: top;
    object-position: top
}

.circle {
    border-radius: 999px !important;
    -o-object-fit: cover;
    object-fit: cover
}

.circle img {
    border-radius: 999px !important;
    -o-object-fit: cover;
    object-fit: cover
}

.round {
    border-radius: 5px
}

.has-border {
    border: 2px solid #446084;
    padding: 15px 30px 30px
}

.dashed-border {
    border-style: dashed
}

.success-border {
    border-color: #7a9c59
}

.bt {
    border-top: 1px solid #ececec
}

.bb {
    border-bottom: 1px solid #ececec
}

.bl {
    border-left: 1px solid #ececec
}

.br {
    border-right: 1px solid #ececec
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.is-invisible {
    visibility: hidden;
    opacity: 0
}

.z-1 {
    z-index: 21
}

.z-2 {
    z-index: 22
}

.z-3 {
    z-index: 23
}

.z-4 {
    z-index: 24
}

.z-5 {
    z-index: 25
}

.z-top {
    z-index: 9995
}

.z-top-2 {
    z-index: 9996
}

.z-top-3 {
    z-index: 9997
}

.no-click {
    pointer-events: none
}

.no-wrap {
    white-space: nowrap
}

.primary-color {
    color: #446084
}

.secondary-color {
    color: #d26e4b
}

.success-color {
    color: #7a9c59
}

.alert-color {
    color: #b20000
}

.bg-primary-color {
    background-color: #446084
}

.bg-secondary-color {
    background-color: #d26e4b
}

.bg-success-color {
    background-color: #7a9c59
}

.bg-alert-color {
    background-color: #b20000
}

.is-transparent {
    background-color: transparent !important
}

.inline {
    display: inline
}

.block {
    display: block
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex
}

@media(max-width:549px) {
    .small-block {
        display: block
    }
}

.inline-block {
    display: inline-block
}

.inline-images img,
img.inline {
    display: inline-block !important
}

.is-well {
    padding: 30px;
    background-color: rgb(0 0 0 / .02);
    -webkit-box-shadow: 1px 1px 3px 0 rgb(0 0 0 / .2), 0 1px 0 rgb(0 0 0 / .07), inset 0 0 0 1px rgb(0 0 0 / .05);
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / .2), 0 1px 0 rgb(0 0 0 / .07), inset 0 0 0 1px rgb(0 0 0 / .05)
}

.no-overflow {
    overflow: hidden
}

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

.strong {
    font-weight: 700
}

.op-4 {
    opacity: .4
}

.op-5 {
    opacity: .5
}

.op-6 {
    opacity: .6
}

.op-7 {
    opacity: .7
}

.op-8 {
    opacity: .8
}

@media(max-width:549px) {
    .sm-touch-scroll {
        overflow-y: none;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.no-scrollbar {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgb(0 0 0 / .6);
    box-shadow: 0 0 2px 2px rgb(0 0 0 / .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

@media screen and (max-width:549px) {
    .x5 {
        left: 5%
    }

    .x15 {
        left: 15%
    }

    .x25 {
        left: 25%
    }

    .x35 {
        left: 35%
    }

    .x45 {
        left: 45%
    }

    .x55 {
        right: 45%
    }

    .x65 {
        right: 35%
    }

    .x75 {
        right: 25%
    }

    .x85 {
        right: 15%
    }

    .x95 {
        right: 5%
    }

    .x0 {
        left: 0%
    }

    .x10 {
        left: 10%
    }

    .x20 {
        left: 20%
    }

    .x30 {
        left: 30%
    }

    .x40 {
        left: 40%
    }

    .x60 {
        right: 40%
    }

    .x70 {
        right: 30%
    }

    .x80 {
        right: 20%
    }

    .x90 {
        right: 10%
    }

    .x100 {
        right: 0%
    }

    .y0 {
        top: 0%
    }

    .y10 {
        top: 10%
    }

    .y20 {
        top: 20%
    }

    .y30 {
        top: 30%
    }

    .y40 {
        top: 40%
    }

    .y60 {
        bottom: 40%
    }

    .y70 {
        bottom: 30%
    }

    .y80 {
        bottom: 20%
    }

    .y90 {
        bottom: 10%
    }

    .y100 {
        bottom: 0%
    }

    .y5 {
        top: 5%
    }

    .y15 {
        top: 15%
    }

    .y25 {
        top: 25%
    }

    .y35 {
        top: 35%
    }

    .y45 {
        top: 45%
    }

    .y55 {
        bottom: 45%
    }

    .y65 {
        bottom: 35%
    }

    .y75 {
        bottom: 25%
    }

    .y85 {
        bottom: 15%
    }

    .y95 {
        bottom: 5%
    }

    .x50 {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .y50 {
        top: 50.3%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .y50.x50 {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@media screen and (min-width:550px)and (max-width:849px) {
    .md-x5 {
        left: 5%
    }

    .md-x15 {
        left: 15%
    }

    .md-x25 {
        left: 25%
    }

    .md-x35 {
        left: 35%
    }

    .md-x45 {
        left: 45%
    }

    .md-x55 {
        right: 45%
    }

    .md-x65 {
        right: 35%
    }

    .md-x75 {
        right: 25%
    }

    .md-x85 {
        right: 15%
    }

    .md-x95 {
        right: 5%
    }

    .md-y5 {
        top: 5%
    }

    .md-y15 {
        top: 15%
    }

    .md-y25 {
        top: 25%
    }

    .md-y35 {
        top: 35%
    }

    .md-y45 {
        top: 45%
    }

    .md-y55 {
        bottom: 45%
    }

    .md-y65 {
        bottom: 35%
    }

    .md-y75 {
        bottom: 25%
    }

    .md-y85 {
        bottom: 15%
    }

    .md-y95 {
        bottom: 5%
    }

    .md-x0 {
        left: 0%
    }

    .md-x10 {
        left: 10%
    }

    .md-x20 {
        left: 20%
    }

    .md-x30 {
        left: 30%
    }

    .md-x40 {
        left: 40%
    }

    .md-x60 {
        right: 40%
    }

    .md-x70 {
        right: 30%
    }

    .md-x80 {
        right: 20%
    }

    .md-x90 {
        right: 10%
    }

    .md-x100 {
        right: 0%
    }

    .md-y0 {
        top: 0%
    }

    .md-y10 {
        top: 10%
    }

    .md-y20 {
        top: 20%
    }

    .md-y30 {
        top: 30%
    }

    .md-y40 {
        top: 40%
    }

    .md-y60 {
        bottom: 40%
    }

    .md-y70 {
        bottom: 30%
    }

    .md-y80 {
        bottom: 20%
    }

    .md-y90 {
        bottom: 10%
    }

    .md-y100 {
        bottom: 0%
    }

    .md-x50 {
        left: 50%;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important
    }

    .md-y50 {
        top: 50%;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important
    }

    .md-x50.md-y50 {
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
    }
}

@media screen and (min-width:850px) {
    .lg-x5 {
        left: 5%
    }

    .lg-x15 {
        left: 15%
    }

    .lg-x25 {
        left: 25%
    }

    .lg-x35 {
        left: 35%
    }

    .lg-x45 {
        left: 45%
    }

    .lg-x55 {
        right: 45%
    }

    .lg-x65 {
        right: 35%
    }

    .lg-x75 {
        right: 25%
    }

    .lg-x85 {
        right: 15%
    }

    .lg-x95 {
        right: 5%
    }

    .lg-y5 {
        top: 5%
    }

    .lg-y15 {
        top: 15%
    }

    .lg-y25 {
        top: 25%
    }

    .lg-y35 {
        top: 35%
    }

    .lg-y45 {
        top: 45%
    }

    .lg-y55 {
        bottom: 45%
    }

    .lg-y65 {
        bottom: 35%
    }

    .lg-y75 {
        bottom: 25%
    }

    .lg-y85 {
        bottom: 15%
    }

    .lg-y95 {
        bottom: 5%
    }

    .lg-x0 {
        left: 0%
    }

    .lg-x10 {
        left: 10%
    }

    .lg-x20 {
        left: 20%
    }

    .lg-x30 {
        left: 30%
    }

    .lg-x40 {
        left: 40%
    }

    .lg-x60 {
        right: 40%
    }

    .lg-x70 {
        right: 30%
    }

    .lg-x80 {
        right: 20%
    }

    .lg-x90 {
        right: 10%
    }

    .lg-x100 {
        right: 0%
    }

    .lg-y0 {
        top: 0%
    }

    .lg-y10 {
        top: 10%
    }

    .lg-y20 {
        top: 20%
    }

    .lg-y30 {
        top: 30%
    }

    .lg-y40 {
        top: 40%
    }

    .lg-y60 {
        bottom: 40%
    }

    .lg-y70 {
        bottom: 30%
    }

    .lg-y80 {
        bottom: 20%
    }

    .lg-y90 {
        bottom: 10%
    }

    .lg-y100 {
        bottom: 0%
    }

    .lg-x50 {
        left: 50%;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important
    }

    .lg-y50 {
        top: 50%;
        -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important
    }

    .lg-x50.lg-y50 {
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
    }
}

.res-text {
    font-size: 11px
}

.widget-area .res-text,
.small-1 .res-text,
.small-2 .res-text,
.small-3 .res-text {
    font-size: 8px
}

.small-1 .res-text h6,
.small-2 .res-text h6,
.small-3 .res-text h6 {
    font-size: 10px
}

.small-1 .res-text p.lead,
.small-2 .res-text p.lead,
.small-3 .res-text p.lead {
    font-size: 16px
}

.small-4 .res-text {
    font-size: 8.5px
}

.small-5 .res-text {
    font-size: 9px
}

.small-6 .res-text {
    font-size: 10px
}

.small-7 .res-text {
    font-size: 11px
}

.small-8 .res-text {
    font-size: 12px
}

.small-9 .res-text {
    font-size: 13px
}

.small-10 .res-text {
    font-size: 14px
}

.small-11 .res-text {
    font-size: 15px
}

@media screen and (min-width:550px) {

    .medium-1 .res-text,
    .medium-2 .res-text,
    .medium-3 .res-text,
    .medium-4 .res-text,
    .medium-5 .res-text,
    .medium-6 .res-text,
    .medium-7 .res-text {
        font-size: .8vw
    }

    .medium-8 .res-text {
        font-size: .9vw
    }

    .medium-9 .res-text {
        font-size: 1.15vw
    }

    .medium-10 .res-text {
        font-size: 1.3vw
    }

    .medium-11 .res-text {
        font-size: 1.5vw
    }

    .res-text {
        font-size: 1.8vw
    }
}

@media screen and (min-width:850px) {
    .res-text {
        font-size: 16px
    }

    .widget-area .res-text,
    .large-1 .res-text,
    .large-2 .res-text,
    .large-3 .res-text {
        font-size: 8px
    }

    .large-1 .res-text h6,
    .large-2 .res-text h6,
    .large-3 .res-text h6 {
        font-size: 10px
    }

    .large-1 .res-text p.lead,
    .large-2 .res-text p.lead,
    .large-3 .res-text p.lead {
        font-size: 16px
    }

    .large-4 .res-text {
        font-size: 8.5px
    }

    .large-5 .res-text {
        font-size: 9px
    }

    .large-6 .res-text {
        font-size: 10px
    }

    .large-7 .res-text {
        font-size: 11px
    }

    .large-8 .res-text {
        font-size: 12px
    }

    .large-9 .res-text {
        font-size: 13px
    }

    .large-10 .res-text {
        font-size: 14px
    }

    .large-11 .res-text {
        font-size: 15px
    }
}

[data-animate],
.slider [data-animate] {
    will-change: filter, transform, opacity;
    -webkit-backface-visibility: hidden;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0 !important;
    -webkit-transition: opacity .7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s;
    transition: opacity .7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s;
    -o-transition: filter 1.3s, transform 1.6s, opacity .7s ease-in;
    transition: filter 1.3s, transform 1.6s, opacity .7s ease-in;
    transition: filter 1.3s, transform 1.6s, opacity .7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s
}

[data-animate=bounceInLeft],
[data-animate=bounceInUp],
[data-animate=bounceInDown],
[data-animate=bounceInRight],
.slider [data-animate=bounceInLeft],
.slider [data-animate=bounceInUp],
.slider [data-animate=bounceInDown],
.slider [data-animate=bounceInRight] {
    -webkit-transition: opacity .5s ease-in, -webkit-transform .8s cubic-bezier(0, .195, 0, 1.465);
    transition: opacity .5s ease-in, -webkit-transform .8s cubic-bezier(0, .195, 0, 1.465);
    -o-transition: transform .8s cubic-bezier(0, .195, 0, 1.465), opacity .5s ease-in;
    transition: transform .8s cubic-bezier(0, .195, 0, 1.465), opacity .5s ease-in;
    transition: transform .8s cubic-bezier(0, .195, 0, 1.465), opacity .5s ease-in, -webkit-transform .8s cubic-bezier(0, .195, 0, 1.465)
}

[data-animate=bounceInLeft],
.slider [data-animate=bounceInLeft] {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0)
}

[data-animate=blurIn],
.slider [data-animate=blurIn] {
    -webkit-filter: blur(15px);
    filter: blur(15px)
}

[data-animate=fadeInLeft],
.slider [data-animate=fadeInLeft] {
    -webkit-transform: translate3d(-70px, 0, 0);
    transform: translate3d(-70px, 0, 0)
}

[data-animate=fadeInRight],
.slider [data-animate=fadeInRight] {
    -webkit-transform: translate3d(70px, 0, 0);
    transform: translate3d(70px, 0, 0)
}

[data-animate=bounceInUp],
[data-animate=fadeInUp],
.slider [data-animate=bounceInUp],
.slider [data-animate=fadeInUp] {
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0)
}

[data-animate=bounceInRight],
.slider [data-animate=bounceInRight] {
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0)
}

[data-animate=bounceIn],
.slider [data-animate=bounceIn] {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

[data-animate=bounceInDown],
[data-animate=fadeInDown],
.slider [data-animate=bounceInDown],
.slider [data-animate=fadeInDown] {
    -webkit-transform: translate3d(0, -70px, 0);
    transform: translate3d(0, -70px, 0)
}

[data-animate=flipInY],
.slider [data-animate=flipInY] {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0);
    transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

[data-animate=flipInX],
.slider [data-animate=flipInX] {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0);
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

[data-animated=true],
.slider .is-selected [data-animated=true],
.row-slider.slider [data-animated=true] {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1 !important
}

.flickity-slider>*:not(.is-selected) [data-animated=true] {
    -webkit-transition: opacity .3s !important;
    -o-transition: opacity .3s !important;
    transition: opacity .3s !important
}

[data-animate=none],
.slider [data-animate=none] {
    opacity: 1 !important
}

[data-animated=true][data-animate=blurIn],
.slider [data-animate=blurIn][data-animated=true] {
    -webkit-filter: blur(0);
    filter: blur(0)
}

[data-animated=false] {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.has-shadow [data-animate],
[data-animate]:hover {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

[data-animate-delay="100"] {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.nav-anim>li {
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.active .nav-anim>li,
.nav-anim.active>li,
.mfp-ready .nav-anim>li {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.nav-anim>li,
.col+.col [data-animate],
[data-animate-delay="200"],
[data-animate]+[data-animate] {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

.nav-anim>li+li,
[data-animate-delay="300"] {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.nav-anim>li+li+li,
.col+.col+.col [data-animate],
[data-animate-delay="400"],
[data-animate]+[data-animate]+[data-animate] {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.nav-anim>li+li+li+li,
[data-animate-delay="500"] {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

.nav-anim>li+li+li+li+li,
.col+.col+.col+.col [data-animate],
[data-animate-delay="600"],
[data-animate]+[data-animate]+[data-animate]+[data-animate] {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

.nav-anim>li+li+li+li+li+li,
[data-animate-delay="700"] {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

.nav-anim>li+li+li+li+li+li+li,
.col+.col+.col+.col+.col [data-animate],
[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate],
[data-animate-delay="800"] {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

.nav-anim>li+li+li+li+li+li+li+li,
.col+.col+.col+.col+.col+.col [data-animate],
[data-animate-delay="900"] {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

.nav-anim>li+li+li+li+li+li+li+li+li,
.col+.col+.col+.col+.col+.col+.col [data-animate],
[data-animate-delay="1000"] {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.slider-type-fade .flickity-slider>*:not(.is-selected) [data-animate] {
    opacity: 0 !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

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

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

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

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

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

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

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

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

@-webkit-keyframes stuckFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes stuckFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.is-border {
    border-width: 1px;
    border-style: solid;
    border-color: #ececec;
    position: absolute;
    pointer-events: none;
    border-radius: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.is-dashed {
    border-style: dashed
}

.is-dotted {
    border-style: dotted
}

.has-shadow.box:not(.box-overlay):not(.box-shade),
.has-shadow .box:not(.box-overlay):not(.box-shade) {
    background-color: #fff
}

.dark .has-shadow.box:not(.box-overlay):not(.box-shade),
.dark .has-shadow .box:not(.box-overlay):not(.box-shade) {
    background-color: #333
}

.row-box-shadow-1 .col-inner,
.row-box-shadow-2 .col-inner,
.row-box-shadow-3 .col-inner,
.row-box-shadow-4 .col-inner,
.row-box-shadow-5 .col-inner,
.row-box-shadow-1-hover .col-inner,
.row-box-shadow-2-hover .col-inner,
.row-box-shadow-3-hover .col-inner,
.row-box-shadow-4-hover .col-inner,
.row-box-shadow-5-hover .col-inner,
.box-shadow-1,
.box-shadow-2,
.box-shadow-3,
.box-shadow-4,
.box-shadow-5,
.box-shadow-1-hover,
.box-shadow-2-hover,
.box-shadow-3-hover,
.box-shadow-4-hover,
.box-shadow-5-hover {
    -webkit-transition: background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s;
    -o-transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s;
    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s;
    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.row-box-shadow-1 .col-inner,
.row-box-shadow-1-hover .col-inner:hover,
.box-shadow-1,
.box-shadow-1-hover:hover {
    -webkit-box-shadow: 0 1px 3px -2px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24);
    box-shadow: 0 1px 3px -2px rgb(0 0 0 / .12), 0 1px 2px rgb(0 0 0 / .24)
}

.box-shadow,
.row-box-shadow-2 .col-inner,
.row-box-shadow-2-hover .col-inner:hover,
.box-shadow-2,
.box-shadow-2-hover:hover {
    -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / .16), 0 3px 6px rgb(0 0 0 / .23);
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / .16), 0 3px 6px rgb(0 0 0 / .23)
}

.row-box-shadow-3 .col-inner,
.row-box-shadow-3-hover .col-inner:hover,
.box-shadow-3,
.box-shadow-3-hover:hover {
    -webkit-box-shadow: 0 10px 20px rgb(0 0 0 / .19), 0 6px 6px rgb(0 0 0 / .22);
    box-shadow: 0 10px 20px rgb(0 0 0 / .19), 0 6px 6px rgb(0 0 0 / .22)
}

.row-box-shadow-4 .col-inner,
.row-box-shadow-4-hover .col-inner:hover,
.box-shadow-4,
.box-shadow-4-hover:hover {
    -webkit-box-shadow: 0 14px 28px rgb(0 0 0 / .25), 0 10px 10px rgb(0 0 0 / .1);
    box-shadow: 0 14px 28px rgb(0 0 0 / .25), 0 10px 10px rgb(0 0 0 / .1)
}

.row-box-shadow-5 .col-inner,
.row-box-shadow-5-hover .col-inner:hover,
.box-shadow-5,
.box-shadow-5-hover:hover {
    -webkit-box-shadow: 0 30px 40px 0 rgb(0 0 0 / .2);
    box-shadow: 0 30px 40px 0 rgb(0 0 0 / .2)
}

.row-box-shadow-5-hover .col-inner:hover,
.box-shadow-5-hover:hover,
.box-shadow-4-hover:hover,
.row-box-shadow-4-hover .col-inner:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px)
}

.text-shadow,
.text-shadow-1 {
    text-shadow: 1px 1px 1px rgb(0 0 0 / .3)
}

.text-shadow-2 {
    text-shadow: 2px 2px 5px rgb(0 0 0 / .4)
}

.text-shadow-3 {
    text-shadow: 3px 3px 8px rgb(0 0 0 / .4)
}

.text-shadow-4 {
    text-shadow: 3px 3px 12px rgb(0 0 0 / .5)
}

.text-shadow-5 {
    text-shadow: 5px 5px 16px rgb(0 0 0 / .6)
}

a.hotspot {
    background-color: #000;
    color: #fff;
    border-radius: 99px;
    opacity: .8;
    font-weight: bolder;
    display: block;
    padding: 0;
    line-height: 1.5em;
    text-align: center;
    height: 1.5em;
    width: 1.5em;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

a.hotspot i {
    font-size: .8em
}

a.hotspot:hover {
    opacity: 1;
    color: #000 !important;
    background-color: #fff !important
}

.has-hover .bg,
.has-hover [class*=image-] img {
    -webkit-transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    transition: opacity .6s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s;
    -o-transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s, -webkit-box-shadow .3s
}

.bg-color .bg,
.bg-grayscale:hover .bg,
.has-hover .image-color img,
.has-hover:hover .image-grayscale img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bg-color:hover .bg,
.has-hover:hover .image-color img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.bg-zoom:hover .bg,
.has-hover:hover .image-zoom img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.bg-zoom-long .bg,
.has-hover .image-zoom-long img {
    -webkit-transition: -webkit-transform 5s !important;
    transition: -webkit-transform 5s !important;
    -o-transition: transform 5s !important;
    transition: transform 5s !important;
    transition: transform 5s, -webkit-transform 5s !important
}

.bg-zoom-long .bg,
.has-hover:hover .image-zoom-long img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.bg-zoom-fade:hover .bg,
.has-hover:hover .image-zoom-fade img {
    opacity: .7;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.bg-glow:hover .bg,
.has-hover:hover .image-glow img {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.bg-fade-out:hover .bg,
.has-hover:hover .image-fade-out img {
    opacity: .7
}

.image-fade:hover .bg,
.has-hover:hover .image-fade img {
    opacity: .6
}

.bg-fade-in .bg,
.image-fade-in img {
    opacity: .7
}

.bg-fade-in:hover .bg,
.has-hover:hover .image-fade-in img {
    opacity: 1
}

.bg-blur:hover .bg,
.has-hover:hover .image-blur img {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.bg-overlay-remove:hover .overlay,
.bg-overlay-add:not(:hover) .overlay,
.has-hover:hover .image-overlay-remove .overlay,
.has-hover:not(:hover) .image-overlay-add .overlay {
    opacity: 0
}

.bg-overlay-remove-50:hover .overlay,
.bg-overlay-add-50:not(:hover) .overlay,
.has-hover:hover .image-overlay-remove-50 .overlay,
.has-hover:not(:hover) .image-overlay-add-50 .overlay {
    opacity: .5
}

.has-mask {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mask-circle {
    -webkit-clip-path: circle(50% at center);
    clip-path: circle(50% at center)
}

.mask-angled {
    -webkit-clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%)
}

.mask-angled-right {
    -webkit-clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%)
}

.mask-arrow {
    -webkit-clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%)
}

.mask-angled-large {
    -webkit-clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%)
}

.mask-angled-right-large {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%)
}

.mask-arrow-large {
    -webkit-clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%)
}

.mask-angled-right,
.mask-arrow,
.mask-angled {
    margin-top: -30px
}

.mask-angled-right-large,
.mask-arrow-large,
.mask-angled-large {
    margin-top: -60px
}

[data-parallax]:not(.parallax-active) {
    opacity: 0
}

[data-parallax] {
    will-change: transform !important
}

[data-parallax-container] {
    overflow: hidden
}

[data-parallax]:not(.parallax-active) .bg {
    opacity: 0
}

.shade {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .2);
    background: -webkit-gradient(linear, left bottom, left top, from(#323232), color-stop(33%, #fff0));
    background: -o-linear-gradient(bottom, #323232 0%, #fff0 33%);
    background: linear-gradient(to top, #323232 0%, #fff0 33%);
    opacity: .3;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.shade-top {
    opacity: .4;
    background: rgb(0 0 0 / .2);
    background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(70%, #fff0));
    background: -o-linear-gradient(top, black 0%, #fff0 70%);
    background: linear-gradient(to bottom, black 0%, #fff0 70%)
}

.box:hover .shade {
    opacity: .5
}

.box-shade:not(.dark) .shade {
    opacity: .8;
    background: rgb(255 255 255 / .2);
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(33%, #fff0));
    background: -o-linear-gradient(bottom, white 0%, #fff0 33%);
    background: linear-gradient(to top, white 0%, #fff0 33%)
}

.show-on-hover,
.hover-slide,
.hover-slide-in,
.hover-zoom,
.hover-zoom-in {
    opacity: 0;
    -webkit-transition: opacity .5s, max-height .6s, -webkit-transform .3s, -webkit-filter .6s;
    transition: opacity .5s, max-height .6s, -webkit-transform .3s, -webkit-filter .6s;
    -o-transition: opacity .5s, transform .3s, max-height .6s, filter .6s;
    transition: opacity .5s, transform .3s, max-height .6s, filter .6s;
    transition: opacity .5s, transform .3s, max-height .6s, filter .6s, -webkit-transform .3s, -webkit-filter .6s;
    -webkit-filter: blur(0);
    filter: blur(0);
    pointer-events: none
}

.hover-slide {
    -webkit-transform: translateY(15%) translateZ(0);
    transform: translateY(15%) translateZ(0)
}

.hover-slide-in {
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0)
}

.box-text-middle .box-text.hover-slide {
    -webkit-transform: translateY(-40%) translateZ(0);
    transform: translateY(-40%) translateZ(0)
}

.hover-fade-out {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.has-hover:hover .hover-fade-out {
    opacity: 0
}

.hover-invert {
    opacity: 1 !important;
    -webkit-filter: invert(0);
    filter: invert(0)
}

.has-hover:hover .hover-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.hover-reveal {
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    -webkit-transform: translateY(15%) translateZ(0);
    transform: translateY(15%) translateZ(0);
    max-height: 0
}

.has-hover:hover .hover-reveal {
    opacity: 1;
    max-height: 150px
}

.has-hover:hover .hover-reveal.reveal-small {
    max-height: 30px
}

.hover-blur {
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-filter .3s;
    transition: opacity .3s, -webkit-filter .3s;
    -o-transition: filter .3s, opacity .3s;
    transition: filter .3s, opacity .3s;
    transition: filter .3s, opacity .3s, -webkit-filter .3s;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.has-hover:hover .hover-blur {
    opacity: 1;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important
}

.hover-zoom {
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0)
}

.box-text-middle .box-text.hover-zoom {
    -webkit-transform: scale(1.1) translateZ(0) translateY(-50%);
    transform: scale(1.1) translateZ(0) translateY(-50%)
}

.hover-zoom-in {
    -webkit-transform: scale(.9) translateZ(0);
    transform: scale(.9) translateZ(0)
}

.box-text-middle .box-text.hover-zoom-in {
    -webkit-transform: scale(.9) translateZ(0) translateY(-50%);
    transform: scale(.9) translateZ(0) translateY(-50%)
}

.hover-bounce {
    opacity: 1 !important;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(1) translateZ(0) translateY(10px) !important;
    transform: scale(1) translateZ(0) translateY(10px) !important
}

.has-hover:hover .hover-bounce {
    -webkit-transform: scale(1) translateZ(0) translateY(0) !important;
    transform: scale(1) translateZ(0) translateY(0) !important
}

.box-text-middle .hover-bounce {
    -webkit-transform: scale(1) translateZ(0) translateY(-40%) !important;
    transform: scale(1) translateZ(0) translateY(-40%) !important
}

.box-text-middle:hover .box-text.hover-bounce {
    -webkit-transform: scale(1) translateZ(0) translateY(-50%) !important;
    transform: scale(1) translateZ(0) translateY(-50%) !important
}

.has-hover:hover img.show-on-hover {
    opacity: 1
}

.has-hover:hover .hover-slide,
.has-hover:hover .hover-slide-in,
.has-hover:hover .hover-zoom,
.has-hover:hover .hover-zoom-in,
.has-hover:hover .show-on-hover {
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0) translateY(0) !important;
    transform: scale(1) translateZ(0) translateY(0) !important;
    pointer-events: inherit
}

.has-hover:hover .show-on-hover.center,
.box-text-middle:hover .show-on-hover.box-text {
    -webkit-transform: scale(1) translateZ(0) translateY(-50%) !important;
    transform: scale(1) translateZ(0) translateY(-50%) !important
}

.slider .has-slide-effect {
    overflow: hidden;
    background-color: transparent !important
}

.slider .has-slide-effect .bg {
    opacity: 0;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.slide-zoom-in .bg,
.slide-zoom-in-fast .bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.slide-zoom-out-fast .bg,
.slide-zoom-out .bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.has-slide-effect.is-selected .bg {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1s, -webkit-transform 20s ease-out;
    transition: opacity 1s, -webkit-transform 20s ease-out;
    -o-transition: opacity 1s, transform 20s ease-out;
    transition: opacity 1s, transform 20s ease-out;
    transition: opacity 1s, transform 20s ease-out, -webkit-transform 20s ease-out
}

.slide-fade-in.is-selected .bg {
    -webkit-transition: opacity 3.5s;
    -o-transition: opacity 3.5s;
    transition: opacity 3.5s
}

.slide-fade-in-fast.is-selected .bg {
    -webkit-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}

.slide-zoom-in-fast.is-selected .bg,
.slide-zoom-in.is-selected .bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.slide-zoom-out-fast.is-selected .bg {
    -webkit-transition: opacity 1s, -webkit-transform 5s ease-out;
    transition: opacity 1s, -webkit-transform 5s ease-out;
    -o-transition: opacity 1s, transform 5s ease-out;
    transition: opacity 1s, transform 5s ease-out;
    transition: opacity 1s, transform 5s ease-out, -webkit-transform 5s ease-out
}

.button.tooltip {
    opacity: 1
}

.tooltipster-default {
    border-radius: 5px;
    background: #111;
    color: #fff;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

.tooltipster-default a {
    color: #eee
}

.tooltipster-default:hover {
    color: #fff
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.dark,
.dark p,
.dark td {
    color: #f1f1f1
}

.dark a.lead,
.dark label,
.dark .heading-font,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.hover-dark:hover p,
.hover-dark:hover h1,
.hover-dark:hover h2,
.hover-dark:hover h3,
.hover-dark:hover h4,
.hover-dark:hover h5,
.hover-dark:hover h6,
.hover-dark:hover a {
    color: #fff
}

.dark .stars a+a,
.dark .product-section,
.dark .product-footer .woocommerce-tabs {
    border-color: rgb(255 255 255 / .2)
}

.nav-dark .is-outline,
.dark .nav>li>a,
.dark .nav>li.html,
.dark .nav-vertical li li.menu-item-has-children>a,
.dark .nav-vertical>li>ul li a,
.dark .nav-vertical-fly-out>li>a,
.nav-dropdown.dark>li>a,
.nav-dropdown.dark .nav-column>li>a,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button {
    color: rgb(255 255 255 / .8)
}

.dark .nav>li>a:hover,
.dark .nav>li.active>a,
.dark .nav>li>a.active,
.nav-dark .nav>li.current>a,
.nav-dark .nav>li>a:hover,
.nav-dark .nav>li.active>a,
.nav-dropdown.dark>li>a:hover,
.nav-dropdown.dark .nav-column>li>a:hover,
.dark .nav-vertical-fly-out>li>a:hover,
.nav-dark a.plain:hover,
.nav-dark .nav>li>a.active {
    color: #fff
}

.dark.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col,
.dark.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col,
.nav-dropdown.dark .nav-column>li>a,
.nav-dropdown.dark>li>a,
.nav-dark .nav>li.header-divider,
.nav-dark .header-divider:after,
.nav-dark .nav-divided>li+li>a:after {
    border-color: rgb(255 255 255 / .2)
}

.dark .nav-vertical li li.menu-item-has-children>a,
.nav-dark .nav-vertical li li.menu-item-has-children>a,
.nav-dark .nav>li.html,
.nav-dark .header-button {
    color: #fff
}

.nav-box a:hover span.amount,
.nav-dark span.amount {
    color: currentColor
}

html {
    overflow-x: hidden
}

@media(max-width:849px) {
    body {
        overflow-x: hidden
    }
}

#wrapper,
#main {
    background-color: #fff;
    position: relative
}

#main.dark {
    background-color: #333
}

.page-wrapper {
    padding-top: 30px;
    padding-bottom: 30px
}

.page-wrapper-full {
    padding-top: 0
}

.is-sticky-column {
    will-change: min-height
}

.is-sticky-column__inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform
}

.ux-body-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / .3);
    z-index: 29;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility .3s, opacity .3s ease-in-out;
    -o-transition: visibility .3s, opacity .3s ease-in-out;
    transition: visibility .3s, opacity .3s ease-in-out
}

.ux-body-overlay--hover-active,
.ux-body-overlay--click-active {
    opacity: 1;
    visibility: visible
}

.header,
.header-wrapper {
    width: 100%;
    z-index: 30;
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    -webkit-transition: background-color .3s, opacity .3s;
    -o-transition: background-color .3s, opacity .3s;
    transition: background-color .3s, opacity .3s
}

.header-bg-color {
    background-color: rgb(255 255 255 / .9)
}

.header-top,
.header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap
}

.header.show-on-scroll,
.header.has-transparent,
.header.transparent {
    position: absolute
}

.header.show-on-scroll:not(.stuck),
.header.transparent:not(.stuck) {
    left: auto;
    right: auto
}

.header.show-on-scroll .header-wrapper {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden;
    opacity: 0
}

.header.show-on-scroll .header-wrapper.stuck {
    visibility: visible;
    opacity: 1
}

.header.transparent .header-wrapper,
.header.transparent .header-bg-image,
.header.transparent .header-bg-color,
.header.transparent .header-bottom {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff0;
    background-image: none !important
}

.header-bg-image,
.header-bg-color {
    background-position: 50% 0;
    -webkit-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

.header-top {
    background-color: #446084;
    z-index: 11;
    position: relative;
    min-height: 20px
}

.header-main {
    z-index: 10;
    position: relative
}

.header-bottom {
    z-index: 9;
    position: relative;
    min-height: 35px
}

.top-divider {
    margin-bottom: -1px;
    border-top: 1px solid currentColor;
    opacity: .1
}

.nav-dark .top-divider {
    display: none
}

.stuck {
    top: 0;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto
}

.sticky-jump .stuck {
    -webkit-animation: stuckMoveDown .6s;
    animation: stuckMoveDown .6s
}

.sticky-fade .stuck {
    -webkit-animation: stuckFadeIn .6s;
    animation: stuckFadeIn .6s
}

.sticky-shrink .stuck .header-main {
    -webkit-transition: height .8s;
    -o-transition: height .8s;
    transition: height .8s
}

.stuck .header-inner,
.stuck .logo,
.stuck .logo img {
    padding-top: 0;
    margin-top: 0
}

.header-wrapper:not(.stuck) .logo img {
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s
}

.header.show-on-scroll .hide-for-sticky,
.stuck .hide-for-sticky {
    display: none
}

.header-wrapper.stuck,
.header-shadow .header-wrapper,
.layout-shadow #wrapper {
    -webkit-box-shadow: 1px 1px 10px rgb(0 0 0 / .15);
    box-shadow: 1px 1px 10px rgb(0 0 0 / .15)
}

.nav>li.header-divider {
    border-left: 1px solid rgb(0 0 0 / .1);
    height: 30px;
    vertical-align: middle;
    position: relative;
    margin: 0 7.5px
}

.nav-dark .nav>li.header-divider {
    border-color: rgb(255 255 255 / .1)
}

.header-block {
    width: 100%;
    min-height: 15px
}

.header-full-width .container {
    max-width: 100% !important
}

@media(max-width:849px) {
    .header-main li.html.custom {
        display: none
    }
}

@media(max-width:549px) {
    .nav-mobile>li>a:not(.button) {
        line-height: 5em
    }
}

.post {
    margin: 0 0 30px
}

.masonery .post {
    margin-bottom: 0
}

.entry-header-text {
    padding: 1.5em 0 1.5em
}

.entry-header-text.text-center {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.entry-header-text-top {
    padding-top: 0
}

.entry-header-text-bottom {
    padding-bottom: 0
}

.entry-content {
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.masonery .article-inner .box {
    margin-bottom: 1.5em
}

.article-inner {
    -webkit-transition: opacity .3s, -webkit-box-shadow .5s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-box-shadow .5s, -webkit-transform .3s;
    -o-transition: opacity .3s, box-shadow .5s, transform .3s;
    transition: opacity .3s, box-shadow .5s, transform .3s;
    transition: opacity .3s, box-shadow .5s, transform .3s, -webkit-box-shadow .5s, -webkit-transform .3s
}

.blog-featured-title+#main .post-sidebar {
    padding-top: 30px
}

.from_the_blog_comments {
    padding-top: 7px;
    opacity: .8
}

.article-inner.has-shadow {
    background-color: #fff
}

.article-inner.has-shadow .entry-content,
.article-inner.has-shadow footer.entry-meta,
.article-inner.has-shadow .entry-header-text,
.article-inner.has-shadow .author-box {
    padding-left: 1.5em;
    padding-right: 1.5em
}

.article-inner.has-shadow .entry-header-text-top {
    padding-top: 1.5em
}

.entry-author {
    padding: 2em 0
}

.banner h2.entry-title {
    font-size: 2em
}

.badge.post-date {
    top: 7%
}

.entry-image img {
    width: 100%
}

.entry-image-float {
    position: relative
}

@media(min-width:850px) {
    .entry-image-float {
        max-width: 50%;
        float: left;
        margin-right: 2em
    }

    .entry-image-float+.entry-content {
        padding-top: 0
    }
}

.post .entry-summary p:last-of-type {
    margin-bottom: 0
}

footer.entry-meta {
    font-size: .8em;
    border-top: 1px solid #ececec;
    border-bottom: 2px solid #ececec;
    padding: .5em 0 .6em
}

li.recentcomments {
    padding: 7px 0
}

li.recentcomments a {
    display: inline !important
}

.box-blog-post .is-divider {
    margin-top: .5em;
    margin-bottom: .5em;
    height: 2px
}

.bypostauthor {
    display: block
}

.more-link {
    margin-top: 1.5em
}

.updated:not(.published) {
    display: none
}

@media(min-width:850px) {
    .alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em
    }

    .alignright {
        display: inline;
        float: right;
        margin-left: 1.5em
    }

    .aligncenter {
        clear: both;
        display: block;
        margin: 0 auto
    }
}

.wp-caption {
    margin-bottom: 2em;
    max-width: 100%
}

.wp-caption .wp-caption-text {
    padding: .4em;
    font-size: .9em;
    background: rgb(0 0 0 / .05);
    font-style: italic
}

.wp-caption-text {
    text-align: center
}

img.size-full.alignnone {
    margin-bottom: 2em
}

.row .entry-content .gallery {
    padding: 0
}

.gallery-caption {
    display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.widget {
    margin-bottom: 1.5em
}

.widget ul {
    margin: 0
}

.widget li {
    list-style: none
}

.widgets-framed .widget,
.widgets-boxed .widget {
    padding: 15px 20px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 2px 2px 10px 0 rgb(0 0 0 / .05);
    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / .05)
}

.widgets-boxed .widget h3 {
    background-color: #446084;
    margin-left: -21px;
    margin-top: -16px;
    padding: 10px 20px 10px;
    width: calc(100% + 42px);
    color: #fff
}

.widgets-boxed h3+.is-divider {
    display: none
}

ul.menu>li,
.widget>ul>li {
    list-style: none;
    margin-bottom: .3em;
    text-align: left;
    margin: 0
}

ul.menu>li li,
.widget>ul>li li {
    list-style: none
}

ul.menu>li>a,
ul.menu>li>span:first-child,
.widget>ul>li>a,
.widget>ul>li>span:first-child {
    display: inline-block;
    padding: 6px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

ul.menu>li:before,
.widget>ul>li:before {
    font-family: "fl-icons";
    display: inline-block;
    opacity: .6;
    margin-right: 6px
}

ul.menu>li li>a,
.widget>ul>li li>a {
    font-size: .9em;
    padding: 3px 0;
    display: inline-block
}

ul.menu>li+li,
.widget>ul>li+li {
    border-top: 1px solid #ececec
}

.dark ul.menu>li+li,
.dark .widget>ul>li+li {
    border-color: rgb(255 255 255 / .08)
}

ul.menu>li ul,
.widget>ul>li ul {
    border-left: 1px solid #ddd;
    margin: 0 0 10px 3px;
    padding-left: 15px;
    width: 100%;
    display: none
}

ul.menu>li ul li,
.widget>ul>li ul li {
    border: 0;
    margin: 0
}

.dark ul.menu>li ul,
.dark .widget>ul>li ul {
    border-color: rgb(255 255 255 / .08)
}

.dark ul.menu>li>a:hover,
.dark ul.menu>li.active>a,
.dark ul.menu>li.current-cat>a,
.dark .widget>ul>li>a:hover,
.dark .widget>ul>li.active>a,
.dark .widget>ul>li.current-cat>a {
    color: #fff
}

ul.menu>li.has-child,
.widget>ul>li.has-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget>ul>li .count {
    opacity: .5;
    font-size: .7em;
    line-height: 3em
}

.widget .current>ul,
.widget .current-cat-parent>ul {
    display: block
}

.widget .current-cat>a {
    color: #000;
    font-weight: bolder
}

.recent-blog-posts {
    padding: 10px 0 10px
}

.recent-blog-posts a {
    line-height: 1.2;
    display: block;
    margin-bottom: 6px
}

.widget .instagram-pics:after {
    content: "";
    display: table;
    clear: both
}

.widget .instagram-pics>li {
    border: 0;
    list-style: none;
    float: left;
    width: 33.333333%;
    margin: 0;
    padding: 0
}

.widget .instagram-pics>li a {
    padding: 0;
    margin: 0;
    display: block
}

.widget .instagram-pics>li img {
    display: block;
    width: 100%
}

.widget_layered_nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget_display-latest-tweets li {
    font-style: italic;
    font-size: .9em
}

.widget_display-latest-tweets a {
    display: inline !important
}

.widget_display-latest-tweets span {
    font-weight: bolder;
    display: block
}

.wpcf7 {
    color: #333;
    position: relative
}

.wpcf7 .ajax-loader {
    display: none !important
}

.dark .wpcf7 {
    color: #fff
}

.wpcf7 p {
    padding: 0;
    margin: 0
}

.wpcf7 br {
    display: none
}

.wpcf7 label {
    display: inline-block;
    width: 100%
}

.wpcf7 span.wpcf7-list-item {
    margin-left: 0;
    margin-right: 1.2em
}

.wpcf7 .wpcf7-form-control-wrap {
    display: block
}

.wpcf7 .ajax-loader {
    position: absolute;
    right: 0;
    background-color: #fff;
    border-radius: 99px
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-top: -10px;
    position: relative;
    padding: 5px 8px;
    line-height: 1.2em;
    border-radius: 3px;
    opacity: .8;
    background-color: #f1f1f1;
    color: #b20000
}

.wpcf7 .wpcf7-not-valid-tip:after {
    bottom: 100%;
    left: 30px;
    border: solid #fff0;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff0;
    border-bottom-color: #f1f1f1;
    border-width: 10px;
    margin-left: -10px
}

.wpcf7 .wpcf7-validation-errors {
    display: none !important
}

.wpcf7 .flex-col .wpcf7-not-valid-tip {
    position: absolute;
    z-index: 99;
    margin-top: 5px;
    width: 100%
}

.wpcf7 .wpcf7-response-output {
    margin: 5px 0 0 0;
    border-radius: 10px
}

.wpcf7-form .processing * {
    opacity: .8
}

.password-required form.post-password-form {
    max-width: 620px;
    margin: 0 auto;
    padding: 30px 15px 30px
}

.portfolio-inner img {
    width: 100%
}

.portfolio-bottom {
    margin-bottom: -1px
}

.row+.portfolio-related .portfolio-element-wrapper {
    margin-top: 30px
}

.accordion-inner {
    padding: 1em 2.3em;
    display: none
}

.accordion-title {
    font-size: 110%;
    padding: .6em 2.3em;
    display: block;
    position: relative;
    border-top: 1px solid #ddd;
    -webkit-transition: border 200ms ease-out, background-color .3s;
    -o-transition: border 200ms ease-out, background-color .3s;
    transition: border 200ms ease-out, background-color .3s
}

.dark .accordion-title {
    border-color: rgb(255 255 255 / .2)
}

.accordion-title.active {
    border-color: #446084;
    color: #446084;
    font-weight: 700;
    background-color: rgb(0 0 0 / .03)
}

.dark .accordion-title.active {
    color: #fff
}

.accordion .toggle {
    width: 2.3em;
    height: 1.5em;
    margin-right: 5px;
    top: .3em;
    border-radius: 999px;
    position: absolute;
    -webkit-transform-origin: 50% 47%;
    -ms-transform-origin: 50% 47%;
    transform-origin: 50% 47%;
    left: 0
}

.accordion .active .toggle {
    opacity: 1;
    color: currentColor
}

.breadcrumbs {
    color: #222;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0
}

.product-info .breadcrumbs {
    font-size: .85em;
    margin: 0 0 .5em
}

.breadcrumbs .divider,
.breadcrumbs .separator {
    position: relative;
    top: 0;
    opacity: .35;
    margin: 0 .3em;
    font-weight: 300
}

.dark .breadcrumbs {
    color: #fff
}

.breadcrumbs a {
    color: rgb(102 102 102 / .7);
    font-weight: 400
}

.breadcrumbs a:first-of-type {
    margin-left: 0
}

.breadcrumbs a.current,
.breadcrumbs a:hover {
    color: #111
}

.dark .breadcrumbs a {
    color: #fff
}

.checkout-breadcrumbs {
    padding: 15px 0
}

.checkout-breadcrumbs a {
    color: #ccc;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-breadcrumbs .divider {
    top: 2px;
    margin: 0 .5em
}

.breadcrumb-step {
    display: inline-block;
    background-color: #ccc;
    color: #fff;
    margin: 0 .5em;
    font-weight: bolder;
    text-align: center;
    height: 1.5em;
    width: 1.5em;
    font-size: .7em;
    line-height: 1.5em;
    border-radius: 99px;
    position: relative;
    top: 1px
}

.current .breadcrumb-step {
    background-color: #d26e4b
}

@media(min-width:850px) {
    .comment-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .comment-form>div {
        padding: 0 15px;
        width: 100%
    }

    .comment-form>p {
        padding: 0 15px;
        width: 100%
    }

    .comment-form p.comment-form-author,
    .comment-form p.comment-form-email,
    .comment-form p.comment-form-url {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.comment-inner:target {
    padding: 15px;
    background-color: #f1f1f1;
    border-radius: 10px
}

.commentlist li,
.comment-list li {
    list-style: none;
    padding: 1em 0 0 0
}

.commentlist li .meta,
.comment-list li .meta {
    margin-bottom: 0
}

.commentlist li .avatar,
.comment-list li .avatar {
    border-radius: 100%
}

.commentlist li .description,
.comment-list li .description {
    font-style: italic
}

.commentlist li .comment-text,
.comment-list li .comment-text {
    padding: 0 1.5em
}

.commentlist>li:not(:first-child),
.comment-list>li:not(:first-child) {
    border-top: 1px dashed #ddd
}

#comments .comment-respond {
    background-color: rgb(0 0 0 / .05);
    margin-top: 15px;
    padding: 15px 25px 0
}

#comments .comment-respond .comment-reply-title {
    font-size: 1.2em
}

#comments .comment-respond small {
    text-transform: uppercase;
    margin-left: 10px;
    font-size: .6em
}

.footer-wrapper {
    width: 100%;
    position: relative
}

.footer {
    padding: 30px 0 0
}

.footer-1 {
    background-color: #fff
}

.footer-2 {
    background-color: #777
}

.footer-1,
.footer-2 {
    border-top: 1px solid rgb(0 0 0 / .05)
}

.footer-secondary {
    padding: 7.5px 0
}

.absolute-footer,
html {
    background-color: #5b5b5b
}

.footer ul {
    margin: 0
}

.absolute-footer {
    color: rgb(0 0 0 / .5);
    padding: 10px 0 ;
    font-size: .9em
}

.absolute-footer.dark {
    color: rgb(255 255 255 / .5)
}

.absolute-footer.fixed {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 7.5px 15px;
    z-index: 101;
    color: #fff;
    background-color: #fff0;
    text-shadow: 1px 1px 1px rgb(0 0 0 / .7)
}

.absolute-footer ul {
    padding-bottom: 5px;
    opacity: .8;
    border-bottom: 1px solid #ddd
}

.absolute-footer.dark ul {
    border-color: rgb(255 255 255 / .08)
}

.absolute-footer.text-center ul {
    border: 0;
    padding-top: 5px
}

.reveal-footer {
    z-index: 1;
    margin-bottom: 100px;
    position: relative;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / .5);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / .5)
}

.reveal-footer+.footer-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 0
}

.back-to-top {
    margin: 0;
    opacity: 0;
    bottom: 20px;
    right: 20px;
    pointer-events: none;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%)
}

.back-to-top.left {
    left: 20px;
    right: unset
}

.back-to-top.active {
    opacity: 1;
    pointer-events: inherit;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.instagram-image-container {
    display: block;
    padding-bottom: 100%
}

.instagram-image-container a>img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;"
}

.logo {
    line-height: 1;
    margin: 0
}

.logo-tagline {
    font-style: italic;
    font-size: .9em;
    line-height: 1;
    margin: .85em 0
}

.logo a {
    text-decoration: none;
    display: block;
    color: #446084;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bolder;
    margin: 0
}

.logo img {
    display: block;
    width: auto
}

.header-logo-dark,
.nav-dark .header-logo,
.header-logo-sticky,
.sticky .dark .header-logo-dark,
.sticky .has-sticky-logo .header-logo {
    display: none !important
}

.nav-dark .header-logo-dark,
.stuck .header-logo-sticky {
    display: block !important
}

.stuck .header-logo-sticky+img,
.stuck .header-logo-sticky+img+img {
    display: none !important
}

.nav-dark .logo a {
    color: #fff;
    /* display: flex;
    justify-content: center; */
}

.logo-left .logo {
    margin-left: 0;
    margin-right: 30px
}

.logo-center .flex-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.logo-center .logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
    margin: 0 30px
}

.logo-center .logo img {
    margin: 0 auto
}

.logo-center .flex-right {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

@media screen and (max-width:849px) {
    .header-inner .nav {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .medium-logo-left .flex-left {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0
    }

    .medium-logo-left .logo {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .medium-logo-center .flex-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%
    }

    .medium-logo-center .logo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
        margin: 0 15px
    }

    .medium-logo-center .logo img {
        margin: 0 auto
    }

    .medium-logo-center .flex-right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.map-height {
    height: 400px
}

.map-inner {
    background-color: #fff;
    background-color: rgb(255 255 255 / .9);
    padding: 20px
}

.message-box {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #f1f1f1
}

.message-box.dark {
    background-color: #333
}

.message-box .col,
.message-box .col-inner,
.message-box .row {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.next-prev-thumbs li {
    position: relative;
    display: inline-block;
    margin: 0 1px 0 !important
}

.next-prev-thumbs li .button {
    margin-bottom: 0
}

.next-prev-thumbs .nav-dropdown {
    padding: 2px;
    width: 90px;
    min-width: 90px
}

.page-title {
    position: relative
}

.page-title .widget {
    margin: 0 .3em;
    vertical-align: middle
}

.page-title-bg {
    overflow: hidden
}

.title-bg {
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s
}

.title-overlay {
    background-color: rgb(0 0 0 / .25)
}

.page-title-inner {
    position: relative;
    padding-top: 20px;
    min-height: 60px
}

.page-title-inner ul,
.page-title-inner select,
.page-title-inner form,
.page-title-inner button,
.page-title-inner p {
    margin-top: 0;
    margin-bottom: 0
}

.normal-title {
    background-color: #f7f7f7;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

.normal-title .page-title-inner {
    padding-top: 15px;
    padding-bottom: 15px
}

.featured-title {
    background-color: #446084;
    text-shadow: 1px 1px 1px rgb(0 0 0 / .2)
}

.featured-title .page-title-inner {
    padding-bottom: 20px
}

.featured-title .page-title-bg {
    -webkit-box-shadow: inset 0 0 30px 0 rgb(0 0 0 / .1);
    box-shadow: inset 0 0 30px 0 rgb(0 0 0 / .1)
}

.featured-title .overlay {
    background-color: rgb(0 0 0 / .4)
}

.payment-icons .payment-icon {
    display: inline-block;
    opacity: .6;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    border-radius: 5px;
    background-color: rgb(0 0 0 / .1);
    padding-bottom: 0;
    padding: 3px 5px 5px;
    margin: 3px 3px 0
}

.payment-icons .payment-icon svg {
    vertical-align: middle;
    height: 20px;
    width: auto !important
}

.payment-icons .payment-icon:hover {
    opacity: 1
}

.dark .payment-icons .payment-icon {
    background-color: rgb(255 255 255 / .1)
}

.dark .payment-icons .payment-icon svg {
    fill: #fff
}

.pricing-table {
    border: 1px solid #ececec;
    background-color: #fff;
    padding-bottom: 15px;
    overflow: hidden
}

.dark .pricing-table {
    border-color: rgb(255 255 255 / .2)
}

.pricing-table .title {
    padding: .5em 15%;
    border-bottom: 1px solid #ececec
}

.dark .pricing-table .title {
    border-color: rgb(255 255 255 / .2)
}

.pricing-table .price {
    color: #000;
    padding: .6em 15% 0;
    font-weight: 300
}

.pricing-table .description {
    padding: 15px 15px 0
}

.pricing-table .items {
    padding: 10px 15%
}

.pricing-table .is-disabled {
    text-decoration: line-through;
    opacity: .6
}

.pricing-table .items .button:last-child {
    margin: 30px 0 0
}

.pricing-table .bullet-more-info {
    font-size: 14px;
    margin-left: 10px
}

.pricing-table .items>div {
    padding: 7.5px 0;
    border-bottom: 1px solid #ececec
}

.dark .pricing-table .items>div {
    border-color: rgb(255 255 255 / .08)
}

.dark .pricing-table {
    background-color: #333
}

.pricing-table .title {
    background-color: rgb(0 0 0 / .02)
}

.featured-table {
    margin-top: -15px;
    border-color: #446084;
    border-width: 2px
}

.featured-table .title {
    color: #fff;
    border-color: #446084;
    background-color: #446084
}

.scroll-to {
    width: 100%
}

.scroll-to-bullets {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    max-height: 100vh;
    overflow: hidden;
    position: fixed
}

.scroll-to-bullets a {
    display: block;
    border: 3px solid #fff0;
    background-color: #446084;
    margin: 10px 15px;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 1px 1px 1px rgb(0 0 0 / .3);
    box-shadow: 1px 1px 1px rgb(0 0 0 / .3)
}

.scroll-to-bullets a:hover {
    opacity: 1;
    background-color: #fff
}

.scroll-to-bullets a.active {
    opacity: 1;
    border-color: #446084;
    background-color: #fff
}

.sidebar-menu .search-form {
    display: block !important
}

.searchform-wrapper form {
    margin-bottom: 0
}

.mobile-nav>.search-form,
.sidebar-menu .search-form {
    padding: 5px 0;
    width: 100%
}

.form-flat .search-form-categories {
    padding-right: 5px
}

.widget_search .submit-button,
.searchform-wrapper:not(.form-flat) .submit-button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.searchform {
    position: relative
}

.searchform .button.icon {
    margin: 0
}

.searchform .button.icon i {
    font-size: 1.2em
}

.searchform-wrapper {
    width: 100%
}

.searchform-wrapper.form-flat .submit-button.loading .icon-search {
    opacity: 0
}

.searchform-wrapper.form-flat .submit-button.loading:after {
    border-color: currentColor
}

.searchform-wrapper.form-flat .flex-col:last-of-type {
    margin-left: -2.9em
}

.searchform-wrapper .autocomplete-suggestions {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 50vh;
    overflow-y: auto
}

.header-block .autocomplete-suggestions,
.header .search-form .autocomplete-suggestions {
    max-height: 80vh
}

.col .live-search-results,
.header-block .live-search-results,
.header .search-form .live-search-results {
    text-align: left;
    color: #111;
    top: 105%;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / .1);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .1);
    left: 0;
    right: 0;
    background-color: rgb(255 255 255 / .95);
    position: absolute
}

.header li .html .live-search-results {
    top: 0;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff0
}

.autocomplete-suggestion {
    padding: 10px .75em;
    border-bottom: 1px solid rgb(0 0 0 / .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default
}

.autocomplete-suggestion .search-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.autocomplete-suggestion img {
    width: 40px;
    border-radius: 99px;
    height: 40px;
    display: inline-block;
    margin-right: 10px
}

.autocomplete-suggestion img+.search-name {
    margin-top: -.15em;
    padding-left: .5em
}

.autocomplete-suggestion .search-price {
    padding-top: 3px;
    margin-left: 5px;
    font-size: .8em
}

.autocomplete-suggestion:last-child {
    border-bottom: none
}

.autocomplete-selected {
    background-color: rgb(0 0 0 / .05)
}

#search-lightbox {
    font-size: 1.5em;
    margin: 0 auto;
    max-width: 600px
}

.section-title-container {
    margin-bottom: 1.5em
}

.row-collapse+.section-title-container,
.slider-wrapper+.section-title-container,
.banner+.section-title-container {
    margin-top: 30px
}

.section-title {
    position: relative;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.section-title i {
    opacity: .6;
    margin-right: .5em
}

.section-title i.icon-angle-right {
    margin-right: 0;
    margin-left: 10px
}

.section-title span {
    text-transform: uppercase
}

.section-title small {
    text-transform: none;
    font-weight: 400;
    padding-left: 15px;
    font-size: 1em;
    opacity: .7
}

.section-title b {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    opacity: .1;
    background-color: currentColor
}

.section-title a {
    display: block;
    padding-left: 15px;
    font-size: .8em;
    margin-left: auto
}

.section-title-normal {
    border-bottom: 2px solid #ececec
}

.section-title-normal span {
    margin-right: 15px;
    padding-bottom: 7.5px;
    border-bottom: 2px solid rgb(0 0 0 / .1);
    margin-bottom: -2px
}

.dark .section-title-normal span,
.dark .section-title-normal {
    border-color: rgb(255 255 255 / .2)
}

.section-title-normal b {
    display: none
}

.section-title-center span {
    margin: 0 15px
}

.section-title-center span,
.section-title-bold-center span {
    text-align: center
}

.section-title-center small,
.section-title-bold-center small {
    padding: 0 15px;
    display: block
}

.section-title-bold-center span,
.section-title-bold span {
    border: 2px solid rgb(0 0 0 / .1);
    padding: .3em .8em
}

.section-title-bold b:first-of-type {
    display: none
}

.flatsome-cookies {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    padding: 15px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgb(0 0 0 / .14);
    box-shadow: 0 0 9px rgb(0 0 0 / .14);
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.flatsome-cookies__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flatsome-cookies__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 30px
}

.flatsome-cookies__buttons {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.flatsome-cookies__buttons>a {
    margin-right: 20px;
    margin-bottom: 0
}

.flatsome-cookies__buttons>a:last-child {
    margin-right: 0
}

.flatsome-cookies--inactive {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.flatsome-cookies--active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@media(max-width:849px) {
    .flatsome-cookies__inner {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: .9em
    }

    .flatsome-cookies__buttons {
        margin-top: 15px
    }

    .flatsome-cookies__text {
        padding-right: 0
    }
}

.icon-lock:before {
    content: ""
}

.icon-user-o:before {
    content: ""
}

.icon-line:before,
.icon-chat:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-shopping-cart:before {
    content: ""
}

.icon-tumblr:before {
    content: ""
}

.icon-gift:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-equalizer:before {
    content: ""
}

.icon-shopping-basket:before {
    content: ""
}

.icon-shopping-bag:before {
    content: ""
}

.icon-google-plus:before {
    content: ""
}

.icon-heart-o:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-500px:before {
    content: ""
}

.icon-vk:before {
    content: ""
}

.icon-angle-left:before {
    content: ""
}

.icon-angle-right:before {
    content: ""
}

.icon-angle-up:before {
    content: ""
}

.icon-angle-down:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-envelop:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-star-o:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-feed:before {
    content: ""
}

.icon-checkmark:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-tiktok:before {
    content: ""
}

.icon-pinterest:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-skype:before {
    content: ""
}

.icon-dribbble:before {
    content: ""
}

.icon-certificate:before {
    content: ""
}

.icon-expand:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-map-pin-fill:before {
    content: ""
}

.icon-pen-alt-fill:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-flickr:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-snapchat:before {
    content: ""
}

.icon-whatsapp:before {
    content: ""
}

.icon-telegram:before {
    content: ""
}

.icon-twitch:before {
    content: ""
}

.icon-discord:before {
    content: ""
}

.ux-shape-divider {
    --divider-top-width: 100%;
    --divider-width: 100%;
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0
}

.ux-shape-divider svg {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 150px
}

.ux-shape-divider--top {
    top: -1px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ux-shape-divider--top svg {
    width: calc(var(--divider-top-width) + 2px)
}

.ux-shape-divider--bottom {
    bottom: -1px
}

.ux-shape-divider--bottom svg {
    width: calc(var(--divider-width) + 2px)
}

.ux-shape-divider--flip svg {
    -webkit-transform: translateX(-50%) rotateY(180deg);
    transform: translateX(-50%) rotateY(180deg)
}

.ux-shape-divider--to-front {
    z-index: 2
}

.ux-shape-divider .ux-shape-fill {
    fill: #fff
}

.text-center .social-icons {
    margin-left: auto;
    margin-right: auto
}

.social-icons {
    display: inline-block;
    vertical-align: middle;
    font-size: .85em;
    color: #999
}

.html .social-icons {
    font-size: 1em
}

.html .social-icons .button {
    margin-bottom: 0
}

.social-icons span {
    font-weight: 700;
    padding-right: 10px
}

.social-icons i {
    min-width: 1em
}

.nav-dark .social-icons,
.dark .social-icons {
    color: #fff
}

.nav-dark .social-icons .button.is-outline,
.dark .social-icons .button.is-outline {
    border-color: rgb(255 255 255 / .5)
}

.social-button,
.social-icons .button.icon:not(.is-outline),
.social-icons .button.icon:hover {
    background-color: currentColor !important;
    border-color: currentColor !important
}

.social-button>i,
.social-button>span,
.social-icons .button.icon:not(.is-outline)>i,
.social-icons .button.icon:not(.is-outline)>span,
.social-icons .button.icon:hover>i,
.social-icons .button.icon:hover>span {
    color: #fff !important
}

.button.facebook:not(.is-outline),
.button.facebook:hover {
    color: #3a589d !important
}

.button.instagram:not(.is-outline),
.button.instagram:hover {
    color: #3b6994 !important
}

.button.whatsapp:not(.is-outline),
.button.whatsapp:hover {
    color: #51cb5a !important
}

.button.twitter:not(.is-outline),
.button.twitter:hover {
    color: #2478ba !important
}

.button.tiktok:not(.is-outline),
.button.tiktok:hover,
.button.email:not(.is-outline),
.button.email:hover {
    color: #111 !important
}

.button.phone:not(.is-outline),
.button.phone:hover {
    color: #51cb5a !important
}

.button.pinterest:not(.is-outline),
.button.pinterest:hover {
    color: #cb2320 !important
}

.button.rss:not(.is-outline),
.button.rss:hover {
    color: #fc7600 !important
}

.button.tumblr:not(.is-outline),
.button.tumblr:hover {
    color: #36455d !important
}

.button.vk:not(.is-outline),
.button.vk:hover {
    color: #527498 !important
}

.button.google-plus:not(.is-outline),
.button.google-plus:hover {
    color: #dd4e31 !important
}

.button.linkedin:not(.is-outline),
.button.linkedin:hover {
    color: #0072b7 !important
}

.button.youtube:not(.is-outline),
.button.youtube:hover {
    color: #c33223 !important
}

.button.flickr:not(.is-outline),
.button.flickr:hover {
    color: #e5086f !important
}

.button.snapchat:not(.is-outline),
.button.snapchat:hover {
    color: #fff600 !important
}

.button.snapchat:not(.is-outline) i,
.button.snapchat:hover i {
    text-shadow: 0 0 6px rgb(0 0 0 / .4)
}

.button.px500:not(.is-outline),
.button.px500:hover {
    color: #0099e5 !important
}

.button.telegram:not(.is-outline),
.button.telegram:hover {
    color: #54a9ea !important
}

.button.twitch:not(.is-outline),
.button.twitch:hover {
    color: #9146fe !important
}

.button.discord:not(.is-outline),
.button.discord:hover {
    color: #7189d9 !important
}

.woocommerce-product-rating {
    visibility: visible;
    position: relative
}

.star-rating {
    text-align: left;
    font-size: 16px;
    display: block;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1em;
    letter-spacing: 0;
    margin: .5em 0;
    width: 5.06em;
    font-family: "fl-icons" !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.star-rating:before,
.woocommerce-page .star-rating:before {
    content: "";
    color: #d26e4b;
    float: left;
    top: 0;
    left: 0;
    position: absolute
}

.star-rating span {
    overflow: hidden;
    float: left;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    font-family: "fl-icons" !important;
    font-weight: normal !important;
    position: absolute;
    padding-top: 1.5em
}

.star-rating span:before {
    content: "";
    color: #d26e4b;
    top: 0;
    position: absolute;
    left: 0
}

.star-rating--inline {
    display: inline-block;
    vertical-align: middle;
    height: 18px
}

.woocommerce-review-link {
    font-size: 90%
}

li.wc-layered-nav-rating {
    font-size: .8em
}

li.wc-layered-nav-rating .star-rating {
    margin-bottom: 0;
    display: inline-block
}

.stars a {
    font-size: 16px;
    margin-left: -10px;
    display: inline-block;
    color: transparent !important;
    overflow: hidden;
    font-family: "fl-icons"
}

.stars a+a {
    margin-left: .3em;
    border-left: 1px solid #ececec
}

.stars a:hover:after,
.stars a.active:after {
    color: #d26e4b
}

.stars a:after {
    color: #ddd;
    content: ""
}

.stars a.star-2:after {
    content: ""
}

.stars a.star-3:after {
    content: ""
}

.stars a.star-4:after {
    content: ""
}

.stars a.star-5:after {
    content: ""
}

@font-face {
    font-family: "fl-icons";
    font-display: block;
    src: url(../../fonts/sfarm_fonts/fl-icons.eot);
    src: url(../../fonts/sfarm_fonts/fl-icons_1.eot#iefix?v=3.15.2) format("embedded-opentype"), url(../../fonts/sfarm_fonts/fl-icons.woff2) format("woff2"), url(../../fonts/sfarm_fonts/fl-icons.ttf) format("truetype"), url(../../fonts/sfarm_fonts/fl-icons.woff) format("woff"), url(../images/fl-icons.svg#fl-icons) format("svg")
}

.widget_shopping_cart_content .blockUI.blockOverlay,
.woocommerce-checkout-review-order .blockUI.blockOverlay {
    background-color: #fff !important;
    opacity: .6 !important
}

.widget_shopping_cart_content .blockUI.blockOverlay::before,
.woocommerce-checkout-review-order .blockUI.blockOverlay::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    content: "";
    line-height: 1;
    text-align: center;
    font-size: 2em;
    border-top: 3px solid rgb(0 0 0 / .1) !important;
    border-right: 3px solid rgb(0 0 0 / .1) !important;
    border-bottom: 3px solid rgb(0 0 0 / .1) !important;
    pointer-events: none;
    border-left: 3px solid #446084;
    -webkit-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.category-page-row {
    padding-top: 30px
}

.price_slider_amount input {
    display: none
}

.woocommerce-result-count {
    display: inline-block;
    margin: 0 1em 0 auto
}

.woocommerce-ordering,
.woocommerce-ordering select {
    margin: 5px 0;
    display: inline-block
}

.add_to_cart_button.added {
    display: none
}

a.added_to_cart {
    display: inline-block;
    font-size: .9em;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 700
}

a.added_to_cart:after {
    content: " →"
}

.grid-style-3 .title-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 15px;
    min-width: 60%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.grid-style-3 .price-wrapper {
    text-align: right
}

.grid-style-3 .star-rating {
    margin: .2em 0;
    text-align: right
}

.grid-style-3 .price del {
    display: block
}

.grid-style-3 .price del span.amount {
    margin: 0
}

.products .box-vertical .box-text {
    font-size: 1.1em
}

.page-numbers.button.current {
    pointer-events: none;
    opacity: .6
}

.grid-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 !important;
    margin-bottom: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap
}

.grid-tools a {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    opacity: .95;
    display: block;
    width: 100%;
    padding: .4em 0 .5em;
    font-size: .85em;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #446084;
    color: #f1f1f1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.grid-tools a+a {
    border-left: 1px solid rgb(255 255 255 / .1)
}

.grid-tools a:hover {
    color: #fff;
    opacity: 1
}

.grid-tools .add-to-cart-grid {
    width: 0
}

@media(max-width:849px) {
    .category-filter-row {
        padding: 10px 0
    }
}

.filter-button {
    display: inline-block;
    margin-top: .5em
}

.box-image .out-of-stock-label {
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 20px 0;
    background: rgb(255 255 255 / .9);
    text-align: center;
    opacity: .9
}

.featured-title .woocommerce-result-count {
    display: none
}

.widget_product_categories>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget_product_categories>ul>li span {
    font-size: .85em;
    opacity: .4
}

.widget_product_categories>ul>li ul span.count {
    display: none
}

.message-wrapper+.login {
    padding: 30px;
    background-color: rgb(0 0 0 / .03)
}

.woocommerce-form-login .button {
    margin-bottom: 0
}

.woocommerce-billing-fields {
    padding-top: 15px;
    border-top: 2px solid #ddd
}

.woocommerce-billing-fields p {
    margin-bottom: .5em
}

form.checkout h3 {
    font-size: 1.1em;
    overflow: hidden;
    padding-top: 10px;
    font-weight: bolder;
    text-transform: uppercase
}

form.checkout input[type=checkbox] {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: .5em
}

.payment_methods li+li {
    padding-top: 7px;
    border-top: 1px solid #ececec
}

.payment_methods p {
    font-size: .9em
}

.payment_method_paypal img {
    max-width: 130px;
    margin: 0 10px
}

a.about_paypal {
    font-size: .8em
}

.woocommerce-privacy-policy-text {
    font-size: 85%
}

p.form-row-wide {
    clear: both
}

p.form-row-push {
    margin-top: -15px
}

@media(min-width:550px) {

    p.form-row-first,
    p.form-row-last {
        width: 48%;
        float: left
    }

    p.form-row-first {
        margin-right: 4%
    }
}

input#place_order {
    font-size: 1.2em;
    white-space: normal;
    line-height: 1.2;
    padding-top: .5em;
    padding-bottom: .5em
}

#ship-to-different-address {
    padding-top: 0
}

#ship-to-different-address label {
    text-transform: none;
    font-weight: 400
}

#billing_address_2_field>label,
#shipping_address_2_field>label {
    width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap
}

@media(max-width:549px) {

    #billing_address_2_field>label,
    #shipping_address_2_field>label {
        display: none
    }
}

.wc-terms-and-conditions {
    margin-top: -15px;
    border-top: 1px solid #ececec;
    padding: 15px 0
}

.wc-terms-and-conditions input {
    margin-bottom: 0
}

.wc-terms-and-conditions label {
    font-weight: 400
}

div.create-account {
    clear: both
}

.form-row.create-account {
    font-size: 1.1em;
    margin: 0
}

.form-row.create-account label {
    font-weight: 400
}

.page-checkout-simple {
    padding: 3% 0
}

.js_active .woocommerce-account-fields p.create-account+div.create-account,
.js_active .woocommerce-shipping-fields #ship-to-different-address+div.shipping_address {
    display: none
}

.widget_price_filter form {
    margin: 0
}

.widget_price_filter .price_slider {
    margin-bottom: 1em;
    background: #f1f1f1
}

.widget_price_filter .price_label {
    padding-top: 6px
}

.widget_price_filter span {
    font-weight: 700
}

.widget_price_filter .price_slider_amount {
    text-align: right;
    line-height: 1;
    font-size: .8751em
}

.widget_price_filter .price_slider_amount .button {
    border-radius: 99px;
    background-color: #666;
    float: left;
    font-size: .85em
}

.widget_price_filter .ui-slider {
    position: relative;
    text-align: left
}

.widget_price_filter .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: pointer;
    outline: none;
    top: -5px;
    border-radius: 999px;
    background-color: #666
}

.widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -10px
}

.widget_price_filter .ui-slider .ui-slider-range {
    position: absolute;
    opacity: .5;
    border-radius: 99px;
    z-index: 1;
    font-size: 10px;
    display: block;
    border: 0;
    background-color: #666
}

.widget_price_filter .ui-slider-horizontal {
    height: 5px;
    border-radius: 99px
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
    left: -1px
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
    right: -1px
}

.widget li.chosen a:before {
    content: "x";
    display: inline-block;
    opacity: .6;
    color: currentColor;
    margin-right: 5px;
    position: relative;
    top: -2px
}

.wc-layered-nav-term.chosen>a:before {
    background-color: #f1f1f1;
    border: 1px solid rgb(0 0 0 / .1);
    line-height: 12px;
    width: 18px;
    height: 18px;
    text-align: center;
    border-radius: 99px
}

.dark .wc-layered-nav-term.chosen>a:before {
    background-color: rgb(0 0 0 / .5)
}

.widget_layered_nav_filters ul li.chosen {
    display: inline-block;
    margin-right: 10px;
    border: 0 !important
}

.widget_layered_nav_filters ul li.chosen a {
    display: inline-block;
    background-color: #f1f1f1;
    border: 1px solid rgb(0 0 0 / .1);
    border-radius: 99px;
    opacity: .9;
    padding: 0 7px;
    font-size: .85em;
    font-weight: 400
}

.dark .widget_layered_nav_filters ul li.chosen a {
    color: #fff;
    background-color: rgb(0 0 0 / .5)
}

.widget_layered_nav_filters ul li.chosen a:before {
    content: "x";
    opacity: .4;
    margin-right: 3px;
    position: relative;
    top: -1px
}

.widget_layered_nav_filters ul li.chosen a:hover:before {
    opacity: 1
}

.woocommerce-product-gallery figure {
    margin: 0
}

.message-wrapper {
    margin: 0;
    padding-bottom: .5em
}

#wrapper>.message-wrapper {
    padding-top: .75em;
    padding-bottom: .75em;
    margin-bottom: 10px;
    font-size: 1.1em
}

ul.message-wrapper li {
    list-style: none
}

.message-container span {
    font-weight: 700
}

.message-container .wc-forward {
    display: none
}

.message-container a {
    margin: 0 15px 0 0
}

.container .message-container {
    padding-left: 0;
    padding-right: 0
}

.message-wrapper+main .product-main {
    padding-top: 0
}

.demo_store {
    padding: 5px;
    margin: 0;
    text-align: center;
    background-color: #000;
    color: #fff
}

.has-transparent+main>.message-wrapper {
    position: fixed;
    z-index: 999;
    width: 100%;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 10px 1px rgb(0 0 0 / .1);
    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / .1)
}

.form-row input[type=submit] {
    margin: 0
}

.form-row input[type=submit]+label {
    margin-left: 15px
}

.my-account-header.featured-title .page-title-inner {
    min-height: 100px
}

.my-account-header .button {
    margin-top: 5px;
    margin-bottom: 5px
}

.woocommerce-form-register .woocommerce-privacy-policy-text {
    margin-bottom: 1.5em
}

form.lost_reset_password {
    padding: 30px 0
}

.dashboard-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    font-size: 1.3em;
    list-style: none
}

.dashboard-links a {
    display: block;
    border-radius: 5px;
    padding: 20px 0;
    border: 1px solid #ddd;
    text-align: center;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.dashboard-links .active {
    display: none
}

.dashboard-links a:hover {
    background-color: #333;
    color: #fff
}

.dashboard-links li {
    width: 33.333%
}

@media(max-width:849px) {
    .dashboard-links li {
        width: 50%
    }
}

@media(max-width:549px) {
    .dashboard-links li {
        width: 100%
    }
}

.price {
    line-height: 1
}

.product-info .price {
    font-size: 1.5em;
    margin: .5em 0;
    font-weight: bolder
}

.woocommerce-variation-price {
    border-top: 1px dashed #ddd;
    font-size: .8em;
    padding: 7.5px 0
}

.price-wrapper .price {
    display: block
}

span.amount {
    white-space: nowrap;
    color: #111;
    font-weight: 700
}

.dark .price,
.dark .price del,
.dark span.amount {
    color: #fff
}

.header-cart-title span.amount {
    color: currentColor
}

del span.amount {
    opacity: .6;
    font-weight: 400;
    margin-right: .3em
}

.no-prices .amount {
    display: none !important
}

ul.product_list_widget li {
    list-style: none;
    padding: 10px 0 5px 75px;
    min-height: 80px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.33
}

ul.product_list_widget li+li {
    border-top: 1px solid #ececec
}

.dark ul.product_list_widget li {
    border-color: rgb(255 255 255 / .2)
}

.widget_shopping_cart ul.product_list_widget li {
    padding-right: 30px
}

ul.product_list_widget li>span.reviewer {
    font-size: .8em
}

ul.product_list_widget li a:not(.remove) {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 1.3
}

ul.product_list_widget li a.remove {
    position: absolute;
    right: 0;
    z-index: 9
}

ul.product_list_widget li dl {
    margin: 0;
    line-height: 1;
    font-size: .7em
}

ul.product_list_widget li img {
    top: 10px;
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

ul.product_list_widget li .quantity {
    display: block;
    margin-top: 3px;
    font-size: .85em;
    opacity: .6
}

.product-main {
    padding: 40px 0
}

.page-title:not(.featured-title)+main .product-main {
    padding-top: 15px
}

.product-info {
    padding-top: 10px
}

.product-summary .woocommerce-Price-currencySymbol {
    font-size: .75em;
    vertical-align: top;
    margin-top: .05em
}

.product-summary .quantity {
    margin-bottom: 1em
}

.product-summary .variations_button {
    padding: .5em 0
}

.product-summary table tr+tr {
    border-top: 1px dashed #ddd
}

.product_meta {
    font-size: .8em;
    margin-bottom: 1em
}

.product_meta>span {
    display: block;
    border-top: 1px dotted #ddd;
    padding: 5px 0
}

.product-info p.stock {
    margin-bottom: 1em;
    line-height: 1.3;
    font-size: .8em;
    font-weight: 700
}

p.in-stock {
    color: #7a9c59
}

.group_table .quantity {
    margin: 0
}

.group_table .price {
    font-size: 1em
}

.group_table .label label {
    padding: 0;
    margin: 0
}

.product-gallery,
.product-thumbnails .col {
    padding-bottom: 0 !important
}

.product-thumbnails img,
.product-gallery-slider img {
    width: 100%
}

.product-gallery-wide {
    position: relative
}

@media screen and (min-width:850px) {
    .product-gallery-stacked {
        white-space: normal !important;
        overflow: auto !important;
        width: auto !important
    }

    .product-gallery-stacked .flickity-slider,
    .product-gallery-stacked .flickity-viewport {
        height: auto !important
    }

    .product-gallery-stacked .slide,
    .product-gallery-stacked .flickity-slider {
        position: relative !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important
    }

    .product-gallery-stacked .slide {
        overflow: hidden
    }

    .product-gallery-stacked .slide:not(:last-child) {
        margin-bottom: 1.5em
    }

    .product-stacked-info {
        padding: 5vh 5% 2vh
    }
}

.product-thumbnails {
    padding-top: 0
}

.product-thumbnails a {
    overflow: hidden;
    display: block;
    border: 1px solid #fff0;
    background-color: #fff;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.product-thumbnails a:hover,
.product-thumbnails .is-nav-selected a {
    border-color: rgb(0 0 0 / .2)
}

.product-thumbnails img {
    margin-bottom: -5px;
    opacity: .5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .6s, -webkit-transform .6s;
    transition: opacity .6s, -webkit-transform .6s;
    -o-transition: transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s;
    transition: transform .6s, opacity .6s, -webkit-transform .6s
}

.product-thumbnails a:hover img,
.product-thumbnails .is-nav-selected a img {
    border-color: rgb(0 0 0 / .3);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 1
}

.vertical-thumbnails .row-slider:not(.flickity-enabled) {
    opacity: 0
}

@media screen and (min-width:850px) {
    .vertical-thumbnails {
        overflow-x: hidden;
        overflow-y: auto
    }

    .vertical-thumbnails .col {
        position: relative !important;
        left: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin-left: 1px;
        width: 95% !important;
        right: 0 !important;
        padding: 0 0 15px !important
    }

    .vertical-thumbnails .flickity-slider,
    .vertical-thumbnails .flickity-viewport {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        overflow: visible !important;
        height: auto !important
    }
}

.product-footer .woocommerce-tabs {
    padding: 30px 0;
    border-top: 1px solid #ececec
}

.product-footer .woocommerce-tabs>.nav-line-grow,
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical) {
    margin-top: -31px
}

#product-sidebar .next-prev-thumbs {
    margin: -.5em 0 3em
}

.product-sidebar-small {
    font-size: .9em
}

.product-sidebar-small .widget-title {
    text-align: center
}

.product-sidebar-small .is-divider {
    margin-left: auto;
    margin-right: auto
}

.product-sidebar-small ul.product_list_widget li {
    padding-left: 60px
}

.product-sidebar-small ul.product_list_widget li img {
    width: 50px;
    height: 50px
}

.product-section {
    border-top: 1px solid #ececec
}

.easyzoom-notice {
    display: none
}

.easyzoom-flyout {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation: stuckFadeIn .6s;
    animation: stuckFadeIn .6s
}

@media(max-width:849px) {
    .easyzoom-flyout {
        display: none !important
    }
}

.product-gallery-slider .slide .easyzoom-flyout img {
    max-width: 1000px !important;
    width: 1000px !important
}

.woocommerce-product-gallery__trigger {
    display: none
}

.product-info .composite_form .composite_navigation .page_button {
    font-size: 1em;
    line-height: 1.2;
    font-weight: 400
}

.woocommerce-pagination ul.links li {
    margin-left: inherit
}

.has-sticky-product-cart {
    padding-bottom: 60px
}

.has-sticky-product-cart .back-to-top.active {
    bottom: 10px
}

.sticky-add-to-cart__product {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px
}

.sticky-add-to-cart__product .product-title-small {
    margin-right: 1em;
    max-width: 180px;
    line-height: 1
}

.sticky-add-to-cart__product img {
    width: 45px;
    height: 45px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    margin-right: 1em;
    border-radius: 5px
}

.sticky-add-to-cart--active {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .9em;
    background-color: rgb(255 255 255 / .9);
    border-top: 1px solid #ddd;
    -webkit-animation: stuckMoveUp .6s;
    animation: stuckMoveUp .6s
}

.sticky-add-to-cart--active .woocommerce-variation-description,
.sticky-add-to-cart--active .variations {
    display: none
}

.sticky-add-to-cart--active .woocommerce-variation-add-to-cart,
.sticky-add-to-cart--active .single_variation_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap
}

.sticky-add-to-cart--active .woocommerce-variation-price,
.sticky-add-to-cart--active .product-page-price {
    margin-top: 0;
    margin-right: .9em;
    margin-bottom: 0;
    font-size: 15px;
    padding: 0;
    border: 0
}

.sticky-add-to-cart--active .quantity,
.sticky-add-to-cart--active form,
.sticky-add-to-cart--active button {
    margin-bottom: 0
}

.sticky-add-to-cart--active .sticky-add-to-cart__product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:550px) {
    .sticky-add-to-cart--active {
        font-size: .8em
    }
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    cursor: pointer
}

.flex-viewport a {
    display: block
}

.flex-viewport img {
    width: 100%
}

.flex-control-thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -5px 0 -5px
}

.flex-control-thumbs li {
    list-style: none;
    width: 25%;
    padding: 0 5px;
    cursor: pointer
}

.flex-control-thumbs li img {
    opacity: .6
}

.flex-control-thumbs li img.flex-active {
    opacity: 1
}

.text-center .quantity,
.quantity {
    opacity: 1;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1em;
    white-space: nowrap;
    vertical-align: top
}

.text-center .button+.quantity,
.button+.quantity {
    margin-right: 0
}

.quantity+.button {
    margin-right: 0;
    font-size: 1em
}

.quantity .button.minus {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.quantity .button.plus {
    border-left: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.quantity .minus,
.quantity .plus {
    padding-left: .5em;
    padding-right: .5em
}

.quantity input {
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.quantity input[type=number] {
    max-width: 2.5em;
    width: 2.5em;
    text-align: center;
    border-radius: 0 !important;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-size: 1em
}

@media(max-width:549px) {
    .quantity input[type=number] {
        width: 2em
    }
}

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

.cart-icon {
    display: inline-block
}

.cart-icon strong {
    border-radius: 0;
    font-weight: 700;
    margin: .3em 0;
    border: 2px solid #446084;
    color: #446084;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 2.2em;
    height: 2.2em;
    font-size: 1em;
    line-height: 1.9em;
    font-family: Helvetica, Arial, Sans-serif
}

.cart-icon strong:after {
    -webkit-transition: height .1s ease-out;
    -o-transition: height .1s ease-out;
    transition: height .1s ease-out;
    bottom: 100%;
    margin-bottom: 0;
    margin-left: -7px;
    height: 8px;
    width: 14px;
    left: 50%;
    content: " ";
    position: absolute;
    pointer-events: none;
    border: 2px solid #446084;
    border-top-left-radius: 99px;
    border-top-right-radius: 99px;
    border-bottom: 0
}

.current-dropdown .cart-icon strong,
.cart-icon:hover strong {
    background-color: #446084;
    color: #fff
}

.current-dropdown .cart-icon strong:after,
.cart-icon:hover strong:after {
    height: 10px
}

.nav-small .cart-icon {
    font-size: .66em
}

.nav-dark .cart-icon strong {
    color: #fff;
    border-color: #fff
}

.nav-dark .current-dropdown .cart-icon strong,
.nav-dark .cart-icon:hover strong {
    background-color: #fff;
    color: #446084
}

.nav-dark .cart-icon strong:after {
    border-color: #fff
}

.woocommerce-mini-cart__empty-message {
    text-align: center
}

.loading .cart-icon strong,
.loading .cart-icon strong:after {
    border-color: #7a9c59;
    color: #7a9c59
}

.loading .cart-icon:hover strong {
    background-color: #7a9c59;
    color: #fff
}

.header-cart-icon {
    position: relative
}

@media(min-width:850px) {
    .off-canvas .off-canvas-cart {
        width: 320px
    }
}

.cross-sells h2 {
    font-size: 1.2em;
    margin-bottom: 1em
}

.shop_table ul li,
.checkout ul li {
    list-style: none;
    margin: 0
}

.shop_table .quantity {
    margin: 0
}

td.product-name {
    word-break: break-word;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

td.product-thumbnail {
    min-width: 60px;
    max-width: 90px;
    width: 90px
}

td.product-remove {
    width: 20px;
    padding: 0
}

.shop_table tfoot th {
    font-size: 85%;
    text-transform: inherit;
    letter-spacing: 0
}

td.product-total,
.shop_table tfoot tr td,
.cart_totals tbody tr td,
.shop_table thead tr th:last-of-type,
.shop_table tr td:last-of-type {
    text-align: right
}

.shop_table thead th,
.shop_table .order-total td,
.shop_table .order-total th {
    border-width: 3px
}

.shop_table th:last-child {
    border-right: 0
}

.shop_table .cart_item td {
    padding-top: 15px;
    padding-bottom: 15px
}

.shop_table .actions {
    border: 0;
    padding: 15px 0 10px
}

.shop_table .submit-col {
    padding-left: 30px
}

@media(max-width:849px) {
    .shop_table {
        font-size: .9em
    }

    .shop_table tr.shipping th {
        width: 50%
    }

    .shop_table .product-name {
        min-width: 80px
    }

    .shop_table .product-remove {
        position: relative;
        width: 0
    }

    .shop_table .product-remove a {
        position: absolute;
        top: 10px;
        left: 0;
        width: 24px;
        height: 24px;
        line-height: 18px !important;
        font-size: 18px !important
    }

    .shop_table .mobile-product-price {
        margin: .5em 0
    }
}

@media(max-width:549px) {
    .shop_table .product-price {
        display: none
    }

    .shop_table .product-subtotal {
        display: none
    }

    .product-quantity {
        text-align: right
    }

    .cross-sells {
        overflow: hidden
    }
}

.cart_totals tbody th {
    font-size: .9em;
    text-transform: inherit;
    letter-spacing: 0;
    font-weight: 400
}

.cart_totals>h2 {
    display: none
}

.cart_totals .button {
    min-width: 100%;
    margin-right: 0;
    display: block
}

.cart_totals .wc-proceed-to-checkout {
    margin: 1.5em 0
}

.shipping__table {
    margin: 0
}

.shipping__inner {
    border: 0;
    padding: 0;
    font-size: 1em
}

.shipping__list {
    margin-bottom: 0
}

.shipping__list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2em
}

.shipping__list_label {
    font-weight: 400;
    margin: 0;
    padding: .5em 0;
    opacity: .8;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.shipping.shipping--boxed .shipping__list {
    padding: 0
}

.shipping.shipping--boxed .shipping__list_item {
    background-color: rgb(0 0 0 / .01);
    border: 1px solid rgb(0 0 0 / .1);
    padding: .3em .6em;
    border-radius: 3px;
    margin-bottom: 5px;
    min-height: 2.4em
}

.shipping__table--multiple {
    display: block;
    text-align: left
}

.shipping__table--multiple tbody,
.shipping__table--multiple tr,
.shipping__table--multiple th,
.shipping__table--multiple td {
    display: block;
    text-align: left;
    padding-left: 0
}

.shipping__table--multiple th {
    border: 0
}

.shipping__table--multiple .shipping__list {
    padding: 0 .2em
}

.shipping__table--multiple .woocommerce-shipping-calculator,
.shipping__table--multiple .woocommerce-shipping-destination {
    text-align: left
}

.shipping__table--multiple .shipping__list_label {
    text-align: left
}

tr.shipping input:checked+label,
tr.shipping input:hover+label,
tr.shipping label:hover {
    opacity: 1
}

tr.shipping input:checked+label {
    font-weight: 700
}

tr.shipping input {
    margin-bottom: 0;
    margin-top: -2px
}

tr.shipping span.amount {
    margin-left: .2em
}

.woocommerce-shipping-calculator {
    margin-top: .5em;
    margin-bottom: 0
}

.woocommerce-shipping-destination,
.shipping-calculator-button {
    font-size: .9em
}

.shipping-calculator-form {
    background-color: rgb(0 0 0 / .03);
    padding: 15px 15px 10px;
    border-radius: 5px;
    margin-top: 5px
}

.cart-discount {
    background-color: rgb(122 156 89 / .2);
    font-size: .85em
}

.cart-discount th,
.cart-discount td {
    padding: 10px 5px
}

.cart-sidebar .widget-title {
    border-bottom: 3px solid #ececec;
    font-size: .95em;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.widget_shopping_cart .button {
    width: 100%;
    margin: .5em 0 0
}

.widget_shopping_cart li.empty {
    padding: 0 10px !important;
    margin: 0;
    min-height: 0;
    text-align: center
}

.widget_shopping_cart p.total {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #ececec;
    border-bottom: 2px solid #ececec;
    margin-bottom: .5em
}

.dark .widget_shopping_cart p.total {
    border-color: rgb(255 255 255 / .2)
}

.nav-dropdown .product_list_widget {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 500px;
    max-height: 50vh
}

.tagcloud {
    padding-bottom: 15px
}

.tagcloud a {
    font-size: .8em !important;
    display: inline-block;
    border: 1px solid currentColor;
    opacity: .8;
    margin: 0 3px 5px 0;
    padding: 2px 5px;
    border-radius: 3px
}

.tagcloud a:hover {
    opacity: 1;
    border-color: #446084;
    background-color: #446084;
    color: #fff
}

.variations {
    position: relative
}

.variations td {
    vertical-align: middle;
    padding: .2em 0;
    border: 0
}

.variations .reset_variations {
    position: absolute;
    right: 0;
    bottom: 95%;
    color: currentColor;
    opacity: .6;
    font-size: 11px;
    text-transform: uppercase
}

dl.variation dt {
    float: left;
    clear: both
}

dl.variation dd {
    display: block
}

.wc-item-meta {
    margin-top: 1.3em
}

#html5lightbox-watermark,
.wonderplugin3dcarousel-nav {
    display: none !important
}

.wonderplugin3dcarousel-playvideo {
    z-index: 9999
}

#wrapper_bu iframe {
    height: 100% !important
}

.box-text .is-divider {
    display: none
}

.blog-home .box-vertical .box-image,
.blog-home .box-vertical .box-text {
    vertical-align: top
}

.blog-home>.col {
    padding: 5px 10px 15px 10px
}

.blog-home .box-vertical .box-text {
    padding-top: 0;
    padding-bottom: 0
}

.blog-home .box-vertical .box-text .from_the_blog_excerpt,
.blog-home-1 .box-default .box-text .from_the_blog_excerpt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.blog-home .box-vertical .box-text .post-title,
.blog-home-1 .box-default .box-text .post-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-home .box-vertical .box-text .button,
.box-default .box-text .button {
    margin-top: 0
}

.blog-home .box-vertical .box-image .image-cover {
    padding-top: unset !important;
    height: 155px
}

.blog-home-1 .box-default .box-image .image-cover {
    padding-top: unset !important;
    height: 375px
}

img.play-yt-video {
    width: 100%
}

.widget-title {
    width: -webkit-fill-available;
    text-align: center
}

.custom-sidebar-title {
    font-size: 20px !important
}


@font-face {
    font-family: 'UTM Beautiful Caps';
    src: url(../../fonts/sfarm_fonts/UTMBeautifulCaps.woff2) format('woff2'), url(../../fonts/sfarm_fonts/UTMBeautifulCaps.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'UVN Bai Sau';
    src: url(../../../fonts/sfarm_fonts/sfarm_fonts/UVNBaiSauBold.woff2) format('woff2'), url(../../fonts/sfarm_fonts/UVNBaiSauBold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@media only screen and (max-width:550px) {
    .blog-home .box-vertical .box-image .image-cover {
        padding: 75% !important;
        height: unset !important
    }

    .blog-home-1 .box-default .box-image .image-cover {
        padding: 75% !important;
        height: unset !important
    }

    .blog-home .box-vertical .box-text .from_the_blog_excerpt,
    .blog-home-1 .box-default .box-text .from_the_blog_excerpt {
        font-size: 14px !important
    }

    .blog-home .box-vertical .box-text .post-title,
    .blog-home-1 .box-default .box-text .post-title {
        font-size: 15px !important
    }
}

@media only screen and (max-width:920px) {
    .blog-home .box-vertical .box-image .image-cover {
        padding-top: unset !important;
        height: 140px
    }

    .blog-home-1 .box-default .box-image .image-cover {
        padding-top: unset !important;
        height: 340px
    }

    .blog-home .box-vertical .box-text .from_the_blog_excerpt,
    .blog-home-1 .box-default .box-text .from_the_blog_excerpt {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media only screen and (max-width:800px) {
    .blog-home .box-vertical .box-image .image-cover {
        height: 118px
    }

    .blog-home-1 .box-default .box-image .image-cover {
        height: 302px
    }

    .blog-home .box-vertical .box-text .from_the_blog_excerpt,
    .blog-home-1 .box-default .box-text .from_the_blog_excerpt {
        font-size: 13px
    }

    .blog-home .box-vertical .box-text .post-title,
    .blog-home-1 .box-default .box-text .post-title {
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    #masthead #logo {
        width: 170px
    }

    .header-main .nav>li>a {
        font-size: 11px !important
    }

    .wonderplugin3dcarousel-prev,
    .wonderplugin3dcarousel-next {
        display: block !important;
        opacity: 1 !important;
        overflow: visible !important
    }

    .wonderplugin3dcarousel-nav {
        display: none !important
    }
}

@media only screen and (max-width:1000px) {
    #masthead #logo {
        width: 170px
    }

    .header-main .nav>li>a {
        font-size: 11px !important
    }
}

@media only screen and (max-width:1200px) {
    #masthead #logo {
        width: 170px
    }

    .header-main .nav>li>a {
        font-size: 13px
    }
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(../../fonts/sfarm_fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}