.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: rgba(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,
.nav-dropdown.dark>li>a,
.nav-dropdown.dark .nav-column>li>a,
.nav-dark .nav>li>a,
.nav-dark .nav>li>button {
    color: rgba(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,
.nav-dark a.plain:hover,
.nav-dark .nav>li>a.active {
    color: #fff
}


.flex-col {
    max-height: 100%
}

.flex-grow {
    -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) {
    -ms-flex: 1;
    flex: 1
}


@media screen and (max-width:849px) {
    .medium-row-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: rgba(255, 255, 255, .2)
}

.block-html-after-header .row .col {
    padding-bottom: 0
}

.wpb-js-composer .row:before {
    display: block!important
}

.section {
   
    position: relative;
    min-height: auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -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
}


.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
    font-weight:bold; 
    font-size:16px !important;
}

.button span {
    display: inline-block;
   
}



.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: rgba(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: transparent
}

.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;
    box-shadow: inset 0 0 0 100px rgba(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;
    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;
    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
}


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



img {
    transition: opacity 1s;
    opacity: 1
}

.col-inner>.img:not(:last-child),
.col>.img:not(:last-child) {
    margin-bottom: 1em
}



.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: -1px;
    right: -1px;
    background-color: rgba(0, 0, 0, .15);
    transition: transform .3s, opacity .6s;
    pointer-events: none
}

.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;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}


.processing,
.loading-spin {
    position: relative
}

.processing:before,
.loading-spin {
    content: '';
    margin: 0 auto;
    font-size: 10px;
    text-indent: -9999em;
    border-top: 3px solid rgba(0, 0, 0, .1)!important;
    border-right: 3px solid rgba(0, 0, 0, .1)!important;
    border-bottom: 3px solid rgba(0, 0, 0, .1)!important;
    opacity: .8;
    border-left: 3px solid #446084;
    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 rgba(0, 0, 0, .1)!important;
    border-right: 3px solid rgba(0, 0, 0, .1)!important;
    border-bottom: 3px solid rgba(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: rgba(255, 255, 255, .05);
    pointer-events: none!important
}

.button.loading:after {
    animation: spin 500ms infinite linear;
    border: 2px solid #fff;
    border-radius: 32px;
    border-right-color: transparent!important;
    border-top-color: transparent!important;
    content: "";
    display: block;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 16px
}

.is-outline .button.loading:after {
    border-color: #446084
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.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: rgba(255, 255, 255, .95);
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: transform 0.2s;
    -ms-transform: translateX(-270px);
    transform: translateX(-270px);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
}

.off-canvas-right.dark .mfp-content,
.off-canvas-left.dark .mfp-content {
    background-color: rgba(0, 0, 0, .95)
}

.off-canvas-right .mfp-content {
    left: auto;
    right: 0;
    -ms-transform: translateX(270px);
    transform: translateX(270px)
}

.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 {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.has-off-canvas .off-canvas-blur {
    filter: blur(5px)
}

.has-off-canvas .off-canvas-zoom {
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.has-off-canvas .current-lightbox-clicked {
    opacity: 0!important;
    -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 {
    -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
}

.slider-full .flickity-slider>.col {
    padding: 0!important
}

.slider-load-first {
    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
}

.row-slider::-webkit-scrollbar,
.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;
    transition: transform .6s, opacity .6s, box-shadow 0.6s
}

.dark th,
.dark td {
    border-color: rgba(255, 255, 255, .08)
}

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


span.count-up {
    opacity: 0;
    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-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
}


.bg-fill {
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%
}

.dashed-border {
    border-style: dashed
}

.success-border {
    border-color: #7a9c59
}

@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;
    animation-fill-mode: forwards;
    opacity: 0!important;
    transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in
}

[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"] {
    transition: transform 0.8s cubic-bezier(0, .195, 0, 1.465), opacity 0.5s ease-in
}

[data-animate="bounceInLeft"],
.slider [data-animate="bounceInLeft"] {
    transform: translate3d(-300px, 0, 0)
}

[data-animate="blurIn"],
.slider [data-animate="blurIn"] {
    filter: blur(15px)
}

[data-animate="fadeInLeft"],
.slider [data-animate="fadeInLeft"] {
    transform: translate3d(-70px, 0, 0)
}

[data-animate="fadeInRight"],
.slider [data-animate="fadeInRight"] {
    transform: translate3d(70px, 0, 0)
}

[data-animate="bounceInUp"],
[data-animate="fadeInUp"],
.slider [data-animate="bounceInUp"],
.slider [data-animate="fadeInUp"] {
    transform: translate3d(0, 70px, 0)
}

[data-animate="bounceInRight"],
.slider [data-animate="bounceInRight"] {
    transform: translate3d(300px, 0, 0)
}

[data-animate="bounceIn"],
.slider [data-animate="bounceIn"] {
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

[data-animate="bounceInDown"],
[data-animate="fadeInDown"],
.slider [data-animate="bounceInDown"],
.slider [data-animate="fadeInDown"] {
    transform: translate3d(0, -70px, 0)
}

[data-animate="flipInY"],
.slider [data-animate="flipInY"] {
    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"] {
    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"] {
    animation-delay: .1s;
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1!important
}

.flickity-slider>*:not(.is-selected) [data-animated="true"] {
    transition: opacity 0.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"] {
    filter: blur(0)
}

[data-animated="false"] {
    transition: none!important
}

.has-shadow [data-animate],
[data-animate]:hover {
    transition-delay: 0s!important
}

[data-animate-delay="100"] {
    transition-delay: .1s
}

.nav-anim>li {
    transition: transform .3s, opacity .3s;
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    opacity: 0
}

.active .nav-anim>li,
.nav-anim.active>li,
.mfp-ready .nav-anim>li {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nav-anim>li,
.col+.col [data-animate],
[data-animate-delay="200"],
[data-animate]+[data-animate] {
    transition-delay: .2s
}

.nav-anim>li+li,
[data-animate-delay="300"] {
    transition-delay: .3s
}

.nav-anim>li+li+li,
.col+.col+.col [data-animate],
[data-animate-delay="400"],
[data-animate]+[data-animate]+[data-animate] {
    transition-delay: .4s
}

.nav-anim>li+li+li+li,
[data-animate-delay="500"] {
    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] {
    transition-delay: .6s
}

.nav-anim>li+li+li+li+li+li,
[data-animate-delay="700"] {
    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"] {
    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"] {
    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"] {
    transition-delay: 1s
}
.dark p {
    font-size: 16px;
}
.banner-layers {
    max-height: 100%;
    height: 100%;
    position: relative;
}
.banner-layers>* {
    position: absolute!important;
}
.white {
    background-color: #fff!important;
    color: #666!important;
}
input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon) {
    border-radius: 5px!important;
}
.banner .button {
    margin-top: .5em;
    margin-bottom: .5em;
}

@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%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .y50 {
        top: 50.3%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .y50.x50 {
        -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%;
        -ms-transform: translateX(-50%)!important;
        transform: translateX(-50%)!important
    }
    .md-y50 {
        top: 50%;
        -ms-transform: translateY(-50%)!important;
        transform: translateY(-50%)!important
    }
    .md-x50.md-y50 {
        -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%;
        -ms-transform: translateX(-50%)!important;
        transform: translateX(-50%)!important
    }
    .lg-y50 {
        top: 50%;
        -ms-transform: translateY(-50%)!important;
        transform: translateY(-50%)!important
    }
    .lg-x50.lg-y50 {
        -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
    }
}
.row, .gallery {
  
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}


.button.icon.circle {
    
	padding: 30px !important;
}
.text-right .button:last-of-type, .text-center .button:last-of-type {
    margin-right: 0!important;
}
.text-center .button:first-of-type {
    margin-left: 0!important;
}
.dark .banner a {
    color: #fff;
}
.banner .button {
    margin-top: .5em;
    margin-bottom: .5em;
}
.button.icon {
    margin-left: .12em;
    margin-right: .12em;
    min-width: 2.5em;
    padding-left: .6em;
    padding-right: .6em;
    display: inline-block;
    line-height:0px !important;
}
.dark .button, .dark input[type='submit'], .dark input[type='reset'], .dark input[type='button'] {
    color: #fff;
}
.button.is-outline, input[type='submit'].is-outline, input[type='reset'].is-outline, input[type='button'].is-outline {
    border: 2px solid currentColor;
    background-color: transparent;
}

.dark a, .dark .widget a {
    color: currentColor;
}
.circle {
    border-radius: 999px!important;
    object-fit: cover;
}
button i, .button i {
    vertical-align: middle;
    /* top: -1.5px; */
}
@media screen and (max-width:650px) {
.col {
    -ms-flex-preferred-size: 0 !important;
     flex-basis:  auto !important;
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    max-width: 100% !important;
}}
.button.icon.circle {
    padding: 30px 13px !important;
    
}
.icon-play:before {
    content: "\e9af";
    font-size: 36px !important;
    line-height: 0px !important;
}