/* Minification failed. Returning unminified contents.
(269,81): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
 */
/*
Futura PT Weight:
- Light: 300
- Book: 400
- Medium: 500
*/

html { -webkit-font-smoothing: antialiased; }
body { font-family: futura-pt, sans-serif; color: #3B3B3B; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; font-size: 1.25rem; color: #313131; }
img { border: 0; max-width: 100%; height: auto; display: block; }
.point { cursor: pointer; }
#customLoader { position: fixed; height: 100vh; width: 100vw; background-color: #0000008f; top: 0; left: 0; z-index: 9999; display: none; }
#customLoader i { font-size: 7rem; }
#customLoader > div { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.y-div { width: 2px; }
.x-div { height: 3px; width: 220px; margin: 1rem auto 0; }
.lazy-bg { background-image: none !important; }

.border { border: 1px solid #707070; }

.bx-shad { box-shadow: 0px 3px 6px #00000029; }
.inset-bx-shad { box-shadow: inset 0px 3px 6px #00000029; }
a { color: inherit; text-decoration: none; }

.client-slide { display: flex; width: 100%; align-items: center; justify-content: center; }

.list-3 { display: flex; align-items: stretch; justify-content: space-between; background-color: #fff; padding: 1.5rem; grid-gap: 3.5rem; margin-top: 1.5rem; }
.list-3 ::marker { background-color: #4E4E4E; }
.list-3 > * { flex-grow: 1; }
.list-3 ul { display: flex; flex-direction: column; justify-content: space-between; margin: 0; grid-gap: 1.5rem; }
.squares h2 { font-size: 1.875rem; min-height: 5.25rem; display: flex; align-items: center; text-transform: uppercase; }
/* Screens bigger than 1231px; */

h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

h1 { color: #3F4463; font-size: 6.6rem; font-weight: 400; text-align: center; margin: 0; padding: 0 }
h2 { font-size: 4rem; font-weight: 300; color: #3B3B3B; }
h3 { font-size: 2.19rem; font-weight: 500; color: #4E4E4E; }
h4 { color: #3F4463; font-size: 1.875rem; font-weight: 500; }
h5 { color: #3F4463; font-size: 1.5rem; font-weight: 500; }

.y-div { width: 2px; max-width: 2px; }

.g-recaptcha { max-width: 100%; overflow: hidden; }

.dark-txt { color: #3F4463; }
.dblue-txt { color: #3F4463; }
.white-txt { color: #fff; }
.grey-txt { color: #8D8A74; }
.orange-txt { color: #F38935; }

.lilac-bg { background-color: #E8E9EE; }
.lpurple-bg { background-color: #E5EDFF; }
.dblue-bg { background-color: #3F4463; }
.lblue-bg { background-color: #F3F6FC; }
.white-bg { background-color: #fff; }
.blue-bg { background-color: #17589C; }
.orange-bg { background-color: #F38935; }
.azure-bg { background-color: #279BCE; }
.red-bg { background-color: #DB172F; }
.grey-bg { background-color: #8D8A74; }
.lorange-bg { background-color: #FFF2E8; }
.cream-bg { background-color: #FFFBF6; }
.ice-bg { background-color: #F9FDFF; }
.soft-blue-bg { background-color: #E1F6FF; }
.msg-banner { color: #fff; font-size: 1.25rem; padding: 0.5rem; text-align: center; }
.msg-banner a { color: inherit; text-decoration: underline; }

.blue-bottom { border-bottom: 0.5rem solid #17589C; border-radius: 0 0 0.5rem 0.5rem; }
.orange-bottom { border-bottom: 0.5rem solid #F38935; border-radius: 0 0 0.5rem 0.5rem; }
.lblue-bottom { border-bottom: 0.5rem solid #279BCE; border-radius: 0 0 0.5rem 0.5rem; }
.red-bottom { border-bottom: 0.5rem solid #DB172F; border-radius: 0 0 0.5rem 0.5rem; }



footer { padding-top: 3rem; padding-bottom: 0.75rem; font-size: 1.25rem; font-weight: 400; }
footer .logo img { margin-bottom: 3rem; }
footer .mail { margin-bottom: 4rem; }
footer a:hover { text-decoration: underline; }
.loc-title { font-weight: 500; }
.loc { font-weight: 400; margin-top: 1rem; }
.btm-links { margin-top: 3.5rem; text-align: center; }
ul.no-pad { padding-left: 1.2rem !important; }


div.squares.lblue-bg { min-height: 500px; }
.service-cards a { display: flex; height: 549px; padding: 1.25rem 1.25rem .5rem; align-items: flex-end; color: #fff; font-size: 1.875rem; font-weight: 500; text-shadow: 1px 2px 5px black; background-repeat: no-repeat; background-size: cover; }
.service-cards .blue-bottom { background-image: url('images/cleaning-coatings.webp'); background-position:bottom left; }
.service-cards .orange-bottom { background-image: url('images/logistic-support.webp'); background-position:bottom center; }
.service-cards .lblue-bottom { background-image: url('images/engineering-fabrication.webp'); background-position:center; }
.service-cards .red-bottom { background-image: url('images/marine-firewatch.webp'); background-position:center right; }
.service-cards a:hover { border-width: 1rem !important; }


.cleaning-cards .section a { position: relative; }
.cleaning-cards .section .card-title { position: absolute; left: 15px; bottom: 15px; text-align: left; color: white; font-size: 1.5em; }


/* New Banner Slider */

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#new-slider { overflow: hidden; }
div#new-slider .slide-wrapper { position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; animation: 60s slidy infinite; }
div#new-slider .slide-wrapper .banner-slide { width: 20%; float: left; }


@media screen and (max-width: 1600px) {
    .la-section { grid-template-columns: 40% auto; }
    .la-img { right: 60%; }
}

@media screen and (max-width: 1230px) {
    h1 { font-size: 4.75rem }
    h2 { font-size: 3.2rem; }
    
}

@media screen and (max-width: 992px) {
    .list-3 { flex-direction: column; background-color: transparent; grid-gap: 1rem !important; padding: 0; }
    .list-3 .y-div { display: none; }
    .list-3 ul { background-color: #fff; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; }
    .service-cards a { height: 300px; }

    .cleaning-cards a.card > img { width: 100%; }
}


@media screen and (max-width: 768px) {
    .list-3 { margin-top: 1rem; padding-left: 1rem; padding-right: 1rem; }
    img { border-radius: 0.25rem; }
    footer img { width: 180px; margin-bottom: 1.5rem; }
    footer { font-size: 1.125rem; padding-top: 1rem; }
    body { font-size: 1.1rem; }

    .la-section h2 { font-size: 1.6rem; }
    h3 { font-size: 1.55rem; }
    h4, h5 { font-size: 1.25rem; }
    .btm-links { font-size: 0.815rem; }
    footer .mail { margin-bottom: 1.5rem; }
    .btm-links { margin-top: 2.5rem; }
    .container.sm { padding-right: 0.5rem; padding-left: 0.5rem; }
    .container.full-w-img { padding-left: 0; padding-right: 0; }
    .container.full-w-img > .flx > div { padding-left: 1rem; padding-right: 1rem; }
    .container.full-w-img img { border-radius: 0; }
    .block { padding-top: 1rem; padding-bottom: 1rem !important; }
    .banner + .block.pt-0 { padding-top: 1rem !important; }
    h1 { font-size: 3.8rem; line-height: 60px; }
    h2 { font-size: 2.2rem; }

    .service-cards a { height: 250px; }

}

@media screen and (min-width: 768px) {
    .service-cards { min-height: 550px; }
}



@media screen and (max-width: 390px) {
    h1 { font-size: 3rem; line-height: 55px; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.4rem; }
    h4, h5 { font-size: 1.1rem; }

    .btm-links { font-size: 0.815rem; }
}

@media screen and (max-width: 340px) {
    h1 { font-size: 2.5rem; line-height: 45px; }
    h2 { font-size: 1.6rem; }
    h3 { font-size: 1.4rem; }
    h4, h5 { font-size: 1rem; }
}

.above-banner { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.above-banner .inner { max-width: 600px; text-align: center; margin: 0 auto; }
.above-banner .inner.wide { max-width: 1200px; text-align: center; margin: 0 auto; }
.above-banner.home .inner { max-width: initial; text-align: center; margin: 0 auto; }
.above-banner .inner.service {max-width:initial; display:grid; grid-template-columns:100px auto 100px; grid-gap:1rem;} 
.banner { aspect-ratio: 1920/704; background-size: cover; background-repeat: no-repeat; background-position: center; }
.above-banner h4 { font-weight: 400; max-width: 850px; margin: 0 auto; }
/*.banner.home { background-image: url('images/home-banner.webp'); }*/
.banner.logistic { border-top: 0.5rem solid #F38935; border-bottom: 0.5rem solid #F38935; background-image: url('images/logistic-banner.webp'); }
.banner.engine { border-top: 0.5rem solid #279BCE; border-bottom: 0.5rem solid #279BCE; background-image: url('images/engine-banner.webp'); }
.banner.cleaning { border-top: 0.5rem solid #17589C; border-bottom: 0.5rem solid #279BCE; background-image: url('images/cleaning-banner.webp'); }
.banner.jobs { background-image: url('images/jobs-banner.webp'); }
.banner.team { background-image: url('images/meet-team-banner.webp'); }
.banner.clients { background-image: url('images/our-clients-banner.webp'); }
.banner.balc { background-image: url('images/balcony-refurbishment-banner.webp'); }
.banner.deck-coat { background-image: url('images/deck-coat-banner.webp'); }
.banner.hms-bristol { background-image: url('images/hms-bristol-banner.webp'); }
.banner.steam-pipe { background-image: url('images/steam-pipe-banner.webp'); }
.banner.swimming-pool { background-image: url('images/swimming-pool-banner.webp'); }
.banner.tank-clean { background-image: url('images/tank-clean-banner.webp'); }
.banner.placeholder { background-image: url('images/coming-soon-banner.jpg'); }

.banner.sea { background-image: url('images/sea-banner.webp'); aspect-ratio: 1920/336; }

.banner-slide { display: flex; width: 100%; align-items: center; justify-content: center; }
.banner-slide img { flex-grow: 1; }

.badge { font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; line-height: 1; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.75rem 0.5rem; width: 100px; height: 142px; font-size: 0.75rem; border-radius: 0.25rem; }
.badge .area { font-size: 0.6rem; }
.badge.blue-bg { border: 1px solid #fff; }

.z-stack { display: grid; }
.bg-slider-stack { position: relative; background-color: #000; }
.bg-slider-stack * { height: 100%; background-position: center; background-size: cover; }
.bg-slider-stack .bgs { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; }
.bg-slider-stack .bgs .bg { height: 100%; width: 100%; background-size: cover; background-position: center; }

#bg0 { background-image: url('images/banner/Baymarine-banner-1.webp'); }
#bg1 { background-image: url('images/banner/Baymarine-banner-2.webp'); display: none; }
#bg2 { background-image: url('images/banner/Baymarine-banner-3.webp'); display: none; }
#bg3 { background-image: url('images/banner/Baymarine-banner-4.webp'); display: none; }


@media screen and (max-width: 600px) {
    .badge { display: none; }
    .above-banner .inner.service {display:block;} 
}

@media screen and (min-width: 500px) {
    div#new-slider img.mob-img { display: none; }
}

@media screen and (max-width: 499px) {
    .banner.home { aspect-ratio: 390 / 704; }
    div#new-slider img:not(.mob-img) { display: none; }
}

@media screen and (max-width:390px) {
    .banner { aspect-ratio: 390/550; }
    .banner.logistic { background-image: url('images/logistics-banner-mob.webp'); }
    .banner.engine { background-image: url('images/engine-banner-mob.webp'); }
    .banner.cleaning { background-image: url('images/cleaning-banner-mob.webp'); }
    .banner.jobs { background-image: url('images/jobs-banner-mob.webp'); }
    .banner.sea { aspect-ratio: 390/550; }
    .banner.placeholder { background-image: url('images/coming-soon-mobile.jpg'); }
}




input[type=text] { height: 38px; max-width: 536px; width: 100%; -webkit-appearance: none; background-color: #fff; border: 0; padding: 0 0 0 0.75rem; border: 1px solid #e8e8e8; font-family: futura-pt, sans-serif; font-size: 1.2rem; border: 1px solid #3C4BAC; }
textarea { max-width: 536px; width: 100%; background-color: #fff; border: 0; height: 146px; padding: 0.5rem 0 0 0.75rem; color: #666; border-radius: 0; border: 1px solid #e8e8e8; font-family: futura-pt, sans-serif; font-size: 1.2rem; border: 1px solid #3C4BAC; }
label { font-size: 1.125rem; font-family: futura-pt, sans-serif; font-weight: 400; margin-bottom: 0.5rem; }
input[type=text], label, textarea { display: block; }
input[type=submit] { border: 0 }


input[type="text"] { -webkit-appearance: none; }

.field-validation-error { padding: 0.25rem 0.25rem 0.25rem 1rem; position: relative; color: #721c24; background-color: #f8d7da; border-color: #721c24; display: flex; width: 100%; align-items: center; grid-gap: 0.5rem; margin-top: 0.25rem; max-width: 536px; }
.field-validation-error:after { content: ""; position: absolute; height: 100%; width: 0.5rem; top: 0; left: 0; background-color: #721c24; }
.field-validation-error:before, .KO span::before { content: "\f06a"; font: var(--fa-font-solid); display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #721c24; }

.KO { background-color: #f8d7da; color: #721c24; padding: 10px 20px; margin-bottom: 20px; }
.KO span::before { margin-right: 10px; }



@media screen and (min-width:1230px) {
    #contactform input[type=text], #contactform textarea { min-width: 536px; }
}

@media screen and (max-width:1230px) {
    .form { max-width: 536px; margin: 0 auto; }
}

@media screen and (max-width:768px) {
    .form { padding-top: 1rem; padding-bottom: 1rem; }
    .map { max-width:100%; aspect-ratio:1/1; height:auto;}
}

.btn { display: flex; align-items: center; justify-content: center; height: 42px; border-radius: 21px; width: max-content; padding: 0.25rem 1.5rem; cursor: pointer; color: #fff; font-size: 1.25rem; font-weight: 400; }

/*COLOUR*/
.btn.dblue { background-color: #3F4463; }
.btn.orange { background-color: #F38935; }
.btn.lblue { background-color: #279BCE; }
.btn.blue { background-color: #17589C; }
.btn.red { background-color: #CD1A2D; }
.btn.purple { background-color: #3C4BAC; }

/*TYPE*/
.btn.form { background-color: #3C4BAC; width: 100%; max-width: 536px; }
a.btn { text-decoration: none; }

/*SIZES*/
.btn.lg { width: 100%; }

@media screen and (min-width:500px) {
    
}


.fancy-btn { display: block; border-radius: 0.25rem; padding: 0.5rem 0.75rem; font-size: 1.5rem; background-color: #fff; position: relative; overflow: hidden; }
.fancy-btn:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #17589C; transition: all 0.5s; }
.fancy-btn:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background-color: #17589C30; transition: all 0.5s; transform: translate(-100%); }


.fancy-btn.blue:after { background-color: #17589C; }
.fancy-btn.blue:before { background-color: #17589C30; }

.fancy-btn.orange:after { background-color: #F38935; }
.fancy-btn.orange:before { background-color: #F3893530; }

.fancy-btn.azure:after { background-color: #279BCE; }
.fancy-btn.azure:before { background-color: #279BCE30; }

.fancy-btn.red:after { background-color: #DB172F; }
.fancy-btn.red:before { background-color: #DB172F30; }

.fancy-btn.dblue:after { background-color: #3F4463; }
.fancy-btn.dblue:before { background-color: #3F446330; }


@media screen and (min-width:769px) {
    /*HOVER*/
    .fancy-btn:hover:after { left: calc(100% - 4px); }
    .fancy-btn:hover:before { transform: translate(100%); }
    .btn:hover, .btn.red:hover { background-color: #8D8A74; }
    .btn.purple:hover { background-color: #3F4463; }
    .btn.lg { height: 4.75rem; border-radius: 2.375rem; font-size: 1.875rem; }
}

header { padding: 0 1rem; margin: 0 auto; box-shadow: 0 2px 16px 2px #2f2f2f6b; display: flex; justify-content: center; position: relative; z-index: 9999; }
nav { max-width: 1920px; display: flex; width: 100%; align-items: stretch; justify-content: space-between; background-color: #F9FBFF; }

@media screen and (min-width:1400px) {
    .nav-links > * { font-size: 1.75rem; }
    .nav-links { grid-gap: 4rem; }
}

@media screen and (min-width:1050px) and (max-width:1400px) {
    .nav-links > * { font-size: 1.4rem; }
    .nav-links { grid-gap: 1.75rem; }
}

@media screen and (min-width:769px) and (max-width:1050px) {
    .nav-links > * { font-size: 1.125rem; }
    .nav-links { grid-gap: .75rem; }
    nav .logo img { width: 130px; }

    nav .btn { width: fit-content !important; height: 50px; border-radius: 25px; font-size: 1.25rem !important; align-self: center; }
}

@media screen and (min-width:769px) {
    header { height: 98px; }
    .nav-links > * > *, .nav-links > a { position: relative; }
    .nav-links > * > *:first-child:after, .nav-links > a:not(.btn):after { content: ""; position: absolute; width: 100%; height: 3px; left: 0; bottom: 50%; transform: translateY(1.2rem); background-color: #3F4463; max-width: 0; transition: all .7s; }
    .inner-drop { padding-bottom: 1rem; background-color: #E8E9EE; border-radius: 0 0 0 0.5rem; border-bottom: 0.5rem #3F4463 solid; }
    .inner-drop > div { padding: 1rem 1.5rem 0; }
    .sub-parent { position: relative; }

    .sub-inner { padding: 1rem 1.5rem; grid-gap: 1rem; display: flex; flex-direction: column; background-color: #E8E9EE; border-radius: 0 0 0.5rem 0.5rem; border-left: 0.5rem #3F4463 solid; border-bottom: 0.5rem #3F4463 solid; width: max-content; }
    .parent:hover > *:after, .parent > *.on:after { max-width: 180px; }
    .nav-links > a:hover:after, .nav-links > a.on:after { max-width: 180px; }

    nav .logo:hover img, footer .logo:hover img { transform: scale(1.05); }

    .nav-links { display: flex; align-items: stretch; }
    nav .btn { width: 142px; height: 50px; border-radius: 25px; font-size: 1.5rem; align-self: center; }
    .nav-links > * { display: flex; align-items: center; grid-gap: 1rem; }
    .parent { padding-top: 0.5rem; padding-bottom: 0.5rem; position: relative; }
    .nav-links .top-i { color: #8D8A74; font-size: 1.4rem; line-height: 0 }
    .nav-links span.sm-show { display: inline-block; }
    /*FUNCTIONALITY*/
    .parent-drop { position: absolute; bottom: 0; right: 50%; transform: translateY(calc(100% - 2px)) translateX(50%); max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s, opacity 0.1s 0.3s, overflow 0.3s; min-width: max-content; }
    .parent:hover .parent-drop { max-height: 280px; opacity: 1; transition: max-height 0.3s, opacity 0.3s; overflow: visible; }

    .parent.case .parent-drop { transition: max-height 0.4s, opacity 0.2s 0.4s, overflow 0.4s; }
    .parent.case .inner-drop { padding: 1rem 1.5rem; display: flex; flex-direction: column; grid-gap: 1rem; }

    .parent.case:hover .parent-drop { max-height: 460px; transition: max-height 0.4s, opacity 0.4s; }
    .sub-drop { position: absolute; right: 0; top: 0; transform: translateX(100%); overflow: hidden; max-width: 0; transition: all 0.5s; opacity: 0; }
    .sub-parent:hover .sub-drop { max-width: 400px; opacity: 1; }

    .parent .inner-drop > * { opacity: 0; transform: translateX(32px); transition: transform 0.3s, opacity 0.3s; }
    .parent:hover .inner-drop > * { opacity: 1; transform: translateX(0); }
}

@media screen and (max-width:768px) {
    /*NAV TOGGLER ANIMATION*/
    .mobile-toggler { display: flex; align-items: center; justify-content: center; }
    .mobile-toggler .animicon { position: relative; height: 24px; width: 30px; }
    .mobile-toggler .animicon span { position: absolute; width: 100%; height: 2px; background-color: #424242; border-radius: 10px; transition: top 0.3s 0.4s, transform 0.3s; }
    .mobile-toggler .animicon span:nth-child(1) { top: 0; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(2) { top: 10px; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(3) { top: 20px; transform: rotate(0); }
    .showing .animicon span { transition: top 0.3s, transform 0.3s 0.4s }
    .showing .animicon span:nth-child(1) { top: 10px; transform: rotate(45deg); }
    .showing .animicon span:nth-child(2) { top: 10px; transform: rotate(45deg); }
    .showing .animicon span:nth-child(3) { top: 10px; transform: rotate(135deg); }


    header { height: 80px; }
    nav { display: flex; flex-direction: column; }


    .nav-links { position: absolute; bottom: 0; left: 0; transform: translateY(100%); width: 100%; background-color: #F3F6FC;  border-radius: 0 0 0.5rem 0.5rem; height: calc(100vh - 80px); padding: 0 0.75rem; overflow: auto !important; }

    .nav-links > :first-child { margin-top: 5vh; }
    .nav-links > * { margin-top: 1rem; }
    .nav-links > :first-child > :first-child { display: none; }

    /*MAKE OTHER LINKS FANCY BTNS*/
    .nav-links > *:not(:first-child) { display: block; border-radius: 0.25rem; padding: 0.5rem 0.75rem; font-size: 1.5rem; background-color: #fff; position: relative; }
    .nav-links > *:not(:first-child):after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #17589C; transition: all 0.5s; }

    /*ADJUST .BTN*/
    .nav-links > .btn { color: inherit; width: 100%; }

    .inner-drop { display: flex; flex-direction: column; grid-gap: 1rem; }
    .parent.case > a { width: 100%; display: flex; justify-content: space-between; }
    .sub-parent { position: relative; }
    .sub-inner, .parent.case .inner-drop { display: flex; flex-direction: column; grid-gap: 0.5rem; margin-bottom: 1rem; }

    /*FUNCTIONALITY*/

    body.mob-menu-open { max-height: 100vh; overflow: hidden; }

    .nav-links {max-height: 0; overflow: hidden; transition:all 0.4s;}
    .nav-links > * { transition: transform 0.3s 0.1s; }
    .sub-drop, .parent.case .parent-drop { position: absolute; top: 0; right: 0; width: 100%; overflow-x: hidden; max-height: 75vh; overflow-y: auto; transform: translateX(100%); opacity: 0; max-width: 0; pointer-events: none; }

    .nav-links.navshowing { max-height: 1200px; border-bottom: 0.5rem #3F4463 solid; border-top: 0.5rem #3F4463 solid; padding-bottom:1rem;}
    .nav-links.subshowing { display: flex !important; flex-direction: column; }
    .nav-links.subshowing > * { transform: translate(-100%); transition: transform 0.3s; }
    .nav-links.subshowing .subshowing .sub-drop, .nav-links.subshowing .subshowing .parent-drop { opacity: 1; pointer-events: all; max-width: 768px; }

    .parent.case.subshowing { margin-top: 5vh; order: -1; }
}

@media screen and (max-width:500px) {

    .fancy-btn, .nav-links > *:not(:first-child) { padding: 0.25rem .75rem; font-size: 1.25rem; }
    .inner-drop { grid-gap: .5rem; }
    .nav-links > * { margin-top: .5rem; }
}

*, *:before{-webkit-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; transition: padding .2s ease-in-out, border .2s ease-in-out,  background-color .1s linear,  color .05s linear, transform .2s ease-in-out, max-height 0.3s ease-in-out, opacity .2s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s, width 0.2s, filter 0.2s ease-in-out;}
.no-transition{transition: none !important;}
.lazy{opacity: 0;}
.scrollhide{ transition: background-color .3s ease-in-out, color .3s, transform .5s ease-in-out, opacity .5s ease-in-out;}
.scrollhide.subtle{ transition: background-color .3s ease-in-out, color .3s, transform .3s ease-in-out, opacity .3s ease-in-out;}
.scrollhide.hidden{opacity: 0;}
.scrollhide.from-right.hidden{transform: translateX(50%);}
.scrollhide.from-left.hidden{transform: translateX(-50%);}
.scrollhide.from-below.hidden{transform: translateY(50%);}
.scrollhide.from-below.subtle.hidden{transform: translateY(50px);}
.scrollhide.rotate-in.hidden{transform: translateY(50%) rotate(-60deg); transform-origin: bottom right;}
.scrollhide.from-left.hidden.subtle{transform: translateX(20%);}
.scrollhide.from-left.subtle{transition: background-color .3s ease-in-out, color .3s, transform .5s ease-in-out, opacity .5s ease-in-out;}

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

#spinner i{ animation: spin 2s ease-in-out infinite;}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.section { display: flex; flex-wrap: wrap; margin: 0 -1rem; grid-row-gap: 1rem; }
.section > * { padding: 0 0.5rem; }

.section.gap-xs { margin: 0 -0.5rem; }
.section.gap-xs > * { padding: 0 0.5rem; }

.section.gap-md { margin: 0 -2rem; }
.section.gap-md > * { padding: 0 2rem; }

.section.gap-lg { margin: 0 -3rem; }
.section.gap-lg > * { padding: 0 3rem; }

.section.gap-xl { margin: 0 -4rem; }
.section.gap-xl > * { padding: 0 4rem; }

@-ms-viewport { width: device-width; }

.block { display: block; }
.rel { position: relative; }
.abs { position: absolute; }
.top { top: 0; }
.bot { bottom: 0; }
.sta { left: 0; }
.end { right: 0; }
.ab-r-10 { right: 10px; }
.ab-r-15 { right: 15px; }
.nowrap { white-space: nowrap; }
.no-overflow { overflow: hidden; }
.no-border { border: none; }
.no-dec { text-decoration: none; }
.pointer { cursor: pointer; }
.line-thru { text-decoration: line-through }
.shad { box-shadow: 0px 11px 9px #00000026; }
.z-1 { z-index: 1; }
.dw-hide { display: none; }
.dw-show { display: block; }
.dw-flx { display: flex; }
.underline { text-decoration: underline; }
.shad-bx { box-shadow: 0 5px 5px 0px #d9d9d95e; }
.shad-bx-around { box-shadow: 0 0 8px 4px #00000026; }

/* FLEX GAP*/

.gap-05 { grid-gap: 0.5rem; }
.gap-1 { grid-gap: 1rem; }
.gap-15 { grid-gap: 1.5rem; }
.gap-2 { grid-gap: 2rem; }
.gap-25 { grid-gap: 2.5rem; }
.gap-3 { grid-gap: 3rem; }
.gap-35 { grid-gap: 3.5rem; }
.gap-4 { grid-gap: 4rem; }

.c-gap-05 { column-gap: 0.5rem; }
.c-gap-1 { column-gap: 1rem; }
.c-gap-15 { column-gap: 1.5rem; }
.c-gap-2 { column-gap: 2rem; }
.c-gap-25 { column-gap: 2.5rem; }
.c-gap-3 { column-gap: 3rem; }
.c-gap-35 { column-gap: 3.5rem; }
.c-gap-4 { column-gap: 4rem; }


.r-gap-05 { grid-row-gap: 0.5rem; }
.r-gap-1 { grid-row-gap: 1rem; }
.r-gap-15 { grid-row-gap: 1.5rem; }
.r-gap-2 { grid-row-gap: 2rem; }
.r-gap-25 { grid-row-gap: 2.5rem; }
.r-gap-3 { grid-row-gap: 3rem; }
.r-gap-35 { grid-row-gap: 3.5rem; }
.r-gap-4 { grid-row-gap: 4rem; }


.al-self-stretch { align-self: stretch; }
/*FLEXBOX*/
.o-first { order: -1; }
.o-last { order: 1; }

.flx { display: flex; }
.flx-col { flex-direction: column; }
.flx-row { flex-direction: row; }
.flx-col-rev { flex-direction: column-reverse; }
.flx-row-rev { flex-direction: row-reverse; }
.flx-wrap { flex-wrap: wrap; }

.xxs-al-start { align-items: flex-start; }
.xxs-al-center { align-items: center; }
.xxs-al-end { align-items: flex-end; }
.xxs-al-stretch { align-items: stretch; }

.xxs-ju-start { justify-content: flex-start; }
.xxs-ju-center { justify-content: center; }
.xxs-ju-end { justify-content: end; }
.xxs-ju-evenly { justify-content: space-evenly; }
.xxs-ju-around { justify-content: space-around; }
.xxs-ju-between { justify-content: space-between; }
.xxs-show { display: block; }

.xxs-hide { display: none; }
.xxs-flx-col { flex-direction: column; }
.xxs-flx-col-rev { flex-direction: column-reverse; }
.xxs-flx-row { flex-direction: row; }
/*FLEX ITEM*/
.xxs-self-start { align-self: flex-start; }
.xxs-self-end { align-self: flex-end; }
.xxs-self-center { align-self: center; }
.xxs-self-mid { justify-self: center; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }

.fl-grow { flex-grow: 1; }
.fl-no-shrink { flex-shrink: 0; }


/*MARGIN*/
.xxs-m-0 { margin: 0 !important; }

/*MOBILE*/

.section .dw-xxs-12 { width: 100%; }
.section .dw-xxs-11 { width: 91.66666666666666%; }
.section .dw-xxs-10 { width: 83.33333333333334%; }
.section .dw-xxs-9 { width: 75%; }
.section .dw-xxs-8 { width: 66.66666666666666%; }
.section .dw-xxs-7 { width: 58.333333333333336%; }
.section .dw-xxs-6 { width: 50%; }
.section .dw-xxs-5 { width: 41.66666666666667%; }
.section .dw-xxs-4 { width: 33.33333333333333%; }
.section .dw-xxs-3 { width: 25%; }
.section .dw-xxs-2 { width: 16.666666666666664%; }
.section .dw-xxs-1 { width: 8.333333333333332%; }

@media (min-width:500px) {
    .section .dw-xs-12 { width: 100%; }
    .section .dw-xs-11 { width: 91.66666666666666%; }
    .section .dw-xs-10 { width: 83.33333333333334%; }
    .section .dw-xs-9 { width: 75%; }
    .section .dw-xs-8 { width: 66.66666666666666%; }
    .section .dw-xs-7 { width: 58.333333333333336%; }
    .section .dw-xs-6 { width: 50%; }
    .section .dw-xs-5 { width: 41.66666666666667%; }
    .section .dw-xs-4 { width: 33.33333333333333%; }
    .section .dw-xs-3 { width: 25%; }
    .section .dw-xs-2 { width: 16.666666666666664%; }
    .section .dw-xs-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xs-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xs-flx-col { flex-direction: column; }
    .xs-flx-row { flex-direction: row; }
    .xs-flx-col-rev { flex-direction: column-reverse; }
    .xs-flx-row-rev { flex-direction: row-reverse; }

    .xs-al-start { align-items: flex-start; }
    .xs-al-center { align-items: center; }
    .xs-al-end { align-items: flex-end; }
    .xs-al-stretch { align-items: stretch; }

    .xs-ju-start { justify-content: flex-start; }
    .xs-ju-center { justify-content: center; }
    .xs-ju-end { justify-content: end; }
    .xs-ju-evenly { justify-content: space-evenly; }
    .xs-ju-around { justify-content: space-around; }
    .xs-ju-between { justify-content: space-between; }
    .xs-show { display: block; }
    .xs-flx { display: flex; }
    .xs-hide { display: none; }

    /*FLEX ITEM*/
    .xs-self-start { align-self: flex-start; }
    .xs-self-end { align-self: flex-end; }
    .xs-self-center { align-self: center; }
    .xs-self-mid { justify-self: center; }
    .xs-ju-self-start { justify-self: flex-start; }
    .xs-ju-self-end { justify-self: flex-end; }
}

/*TABLET*/
@media (min-width:768px) {
    .section .dw-sm-12 { width: 100%; }
    .section .dw-sm-11 { width: 91.66666666666666%; }
    .section .dw-sm-10 { width: 83.33333333333334%; }
    .section .dw-sm-9 { width: 75%; }
    .section .dw-sm-8 { width: 66.66666666666666%; }
    .section .dw-sm-7 { width: 58.333333333333336%; }
    .section .dw-sm-6 { width: 50%; }
    .section .dw-sm-5 { width: 41.66666666666667%; }
    .section .dw-sm-4 { width: 33.33333333333333%; }
    .section .dw-sm-3 { width: 25%; }
    .section .dw-sm-2 { width: 16.666666666666664%; }
    .section .dw-sm-1 { width: 8.333333333333332%; }


    /*MARGIN*/
    .sm-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .sm-flx-col { flex-direction: column; }
    .sm-flx-row { flex-direction: row; }
    .sm-flx-col-rev { flex-direction: column-reverse; }
    .sm-flx-row-rev { flex-direction: row-reverse; }

    .sm-al-start { align-items: flex-start; }
    .sm-al-center { align-items: center; }
    .sm-al-end { align-items: flex-end; }
    .sm-al-stretch { align-items: stretch; }

    .sm-ju-start { justify-content: flex-start; }
    .sm-ju-center { justify-content: center; }
    .sm-ju-end { justify-content: end; }
    .sm-ju-evenly { justify-content: space-evenly; }
    .sm-ju-around { justify-content: space-around; }
    .sm-ju-between { justify-content: space-between; }
    .sm-show { display: block; }
    .sm-flx { display: flex; }
    .sm-hide { display: none; }

    /*FLEX ITEM*/
    .sm-self-start { align-self: flex-start; }
    .sm-self-end { align-self: flex-end; }
    .sm-self-center { align-self: center; }
    .sm-self-mid { justify-self: center; }
    .sm-ju-self-start { justify-self: flex-start; }
    .sm-ju-self-end { justify-self: flex-end; }
}



/*SMALL DESKTOP*/
@media (min-width:992px) {
    .section .dw-md-12 { width: 100%; }
    .section .dw-md-11 { width: 91.66666666666666%; }
    .section .dw-md-10 { width: 83.33333333333334%; }
    .section .dw-md-9 { width: 75%; }
    .section .dw-md-8 { width: 66.66666666666666%; }
    .section .dw-md-7 { width: 58.333333333333336%; }
    .section .dw-md-6 { width: 50%; }
    .section .dw-md-5 { width: 41.66666666666667%; }
    .section .dw-md-4 { width: 33.33333333333333%; }
    .section .dw-md-3 { width: 25%; }
    .section .dw-md-2 { width: 16.666666666666664%; }
    .section .dw-md-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .md-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .md-flx-col { flex-direction: column; }
    .md-flx-row { flex-direction: row; }
    .md-flx-col-rev { flex-direction: column-reverse; }
    .md-flx-row-rev { flex-direction: row-reverse; }

    .md-al-start { align-items: flex-start; }
    .md-al-center { align-items: center; }
    .md-al-end { align-items: flex-end; }
    .md-al-stretch { align-items: stretch; }

    .md-ju-start { justify-content: flex-start; }
    .md-ju-center { justify-content: center; }
    .md-ju-end { justify-content: end; }
    .md-ju-evenly { justify-content: space-evenly; }
    .md-ju-around { justify-content: space-around; }
    .md-ju-between { justify-content: space-between; }
    .md-show { display: block; }
    .md-flx { display: flex; }
    .md-hide { display: none; }

    /*FLEX ITEM*/
    .md-self-start { align-self: flex-start; }
    .md-self-end { align-self: flex-end; }
    .md-self-center { align-self: center; }
    .md-self-mid { justify-self: center; }
    .md-ju-self-start { justify-self: flex-start; }
    .md-ju-self-end { justify-self: flex-end; }
}


/* LARGE TABLET*/
@media (min-width:1025px) {
    .section .dw-tab-12 { width: 100%; }
    .section .dw-tab-11 { width: 91.66666666666666%; }
    .section .dw-tab-10 { width: 83.33333333333334%; }
    .section .dw-tab-9 { width: 75%; }
    .section .dw-tab-8 { width: 66.66666666666666%; }
    .section .dw-tab-7 { width: 58.333333333333336%; }
    .section .dw-tab-6 { width: 50%; }
    .section .dw-tab-5 { width: 41.66666666666667%; }
    .section .dw-tab-4 { width: 33.33333333333333%; }
    .section .dw-tab-3 { width: 25%; }
    .section .dw-tab-2 { width: 16.666666666666664%; }
    .section .dw-tab-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .tab-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .tab-flx-col { flex-direction: column; }
    .tab-flx-row { flex-direction: row; }
    .tab-flx-col-rev { flex-direction: column-reverse; }
    .tab-flx-row-rev { flex-direction: row-reverse; }

    .tab-al-start { align-items: flex-start; }
    .tab-al-center { align-items: center; }
    .tab-al-end { align-items: flex-end; }
    .tab-al-stretch { align-items: stretch; }

    .tab-ju-start { justify-content: flex-start; }
    .tab-ju-center { justify-content: center; }
    .tab-ju-end { justify-content: end; }
    .tab-ju-evenly { justify-content: space-evenly; }
    .tab-ju-around { justify-content: space-around; }
    .tab-ju-between { justify-content: space-between; }
    .tab-show { display: block; }
    .tab-flx { display: flex; }
    .tab-hide { display: none; }

    /*FLEX ITEM*/
    .tab-self-start { align-self: flex-start; }
    .tab-self-end { align-self: flex-end; }
    .tab-self-center { align-self: center; }
    .tab-self-mid { justify-self: center; }
    .tab-ju-self-start { justify-self: flex-start; }
    .tab-ju-self-end { justify-self: flex-end; }
}

/*DESKTOP*/

@media (min-width: 1230px) {

    .section .dw-lg-5th { width: calc(100%/5); }

    .section .dw-lg-12 { width: 100%; }
    .section .dw-lg-11 { width: 91.66666666666666%; }
    .section .dw-lg-10 { width: 83.33333333333334%; }
    .section .dw-lg-9 { width: 75%; }
    .section .dw-lg-8 { width: 66.66666666666666%; }
    .section .dw-lg-7 { width: 58.333333333333336%; }
    .section .dw-lg-6 { width: 50%; }
    .section .dw-lg-5 { width: 41.66666666666667%; }
    .section .dw-lg-4 { width: 33.33333333333333%; }
    .section .dw-lg-3 { width: 25%; }
    .section .dw-lg-2 { width: 16.666666666666664%; }
    .section .dw-lg-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .lg-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .lg-flx-col { flex-direction: column; }
    .lg-flx-row { flex-direction: row; }
    .lg-flx-col-rev { flex-direction: column-reverse; }
    .lg-flx-row-rev { flex-direction: row-reverse; }

    .lg-al-start { align-items: flex-start; }
    .lg-al-center { align-items: center; }
    .lg-al-end { align-items: flex-end; }
    .lg-al-stretch { align-items: stretch; }

    .lg-ju-start { justify-content: flex-start; }
    .lg-ju-center { justify-content: center; }
    .lg-ju-end { justify-content: end; }
    .lg-ju-evenly { justify-content: space-evenly; }
    .lg-ju-around { justify-content: space-around; }
    .lg-ju-between { justify-content: space-between; }
    .lg-show { display: block; }
    .lg-flx { display: flex; }
    .lg-hide { display: none; }

    /*FLEX ITEM*/
    .lg-self-start { align-self: flex-start; }
    .lg-self-end { align-self: flex-end; }
    .lg-self-center { align-self: center; }
    .lg-self-mid { justify-self: center; }
    .lg-ju-self-start { justify-self: flex-start; }
    .lg-ju-self-end { justify-self: flex-end; }
}



@media (min-width: 1474px) {

    .section .dw-xl-5th { width: calc(100%/5); }
    .section .dw-xl-12 { width: 100%; }
    .section .dw-xl-11 { width: 91.66666666666666%; }
    .section .dw-xl-10 { width: 83.33333333333334%; }
    .section .dw-xl-9 { width: 75%; }
    .section .dw-xl-8 { width: 66.66666666666666%; }
    .section .dw-xl-7 { width: 58.333333333333336%; }
    .section .dw-xl-6 { width: 50%; }
    .section .dw-xl-5 { width: 41.66666666666667%; }
    .section .dw-xl-4 { width: 33.33333333333333%; }
    .section .dw-xl-3 { width: 25%; }
    .section .dw-xl-2 { width: 16.666666666666664%; }
    .section .dw-xl-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xl-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xl-flx-col { flex-direction: column; }
    .xl-flx-row { flex-direction: row; }
    .xl-flx-col-rev { flex-direction: column-reverse; }
    .xl-flx-row-rev { flex-direction: row-reverse; }

    .xl-al-start { align-items: flex-start; }
    .xl-al-center { align-items: center; }
    .xl-al-end { align-items: flex-end; }
    .xl-al-stretch { align-items: stretch; }

    .xl-ju-start { justify-content: flex-start; }
    .xl-ju-center { justify-content: center; }
    .xl-ju-end { justify-content: end; }
    .xl-ju-evenly { justify-content: space-evenly; }
    .xl-ju-around { justify-content: space-around; }
    .xl-ju-between { justify-content: space-between; }
    .xl-show { display: block; }
    .xl-flx { display: flex; }
    .xl-hide { display: none; }

    /*FLEX ITEM*/
    .xl-self-start { align-self: flex-start; }
    .xl-self-end { align-self: flex-end; }
    .xl-self-center { align-self: center; }
    .xl-self-mid { justify-self: center; }
    .xl-ju-self-start { justify-self: flex-start; }
    .xl-ju-self-end { justify-self: flex-end; }
}

@media (min-width:1671px) {
    .container { max-width: 1640px; }

    .section .dw-xxl-12 { width: 100%; }
    .section .dw-xxl-11 { width: 91.66666666666666%; }
    .section .dw-xxl-10 { width: 83.33333333333334%; }
    .section .dw-xxl-9 { width: 75%; }
    .section .dw-xxl-8 { width: 66.66666666666666%; }
    .section .dw-xxl-7 { width: 58.333333333333336%; }
    .section .dw-xxl-6 { width: 50%; }
    .section .dw-xxl-5 { width: 41.66666666666667%; }
    .section .dw-xxl-4 { width: 33.33333333333333%; }
    .section .dw-xxl-3 { width: 25%; }
    .section .dw-xxl-2 { width: 16.666666666666664%; }
    .section .dw-xxl-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xxl-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xxl-flx-col { flex-direction: column; }
    .xxl-flx-row { flex-direction: row; }
    .xxl-flx-col-rev { flex-direction: column-reverse; }
    .xxl-flx-row-rev { flex-direction: row-reverse; }

    .xxl-al-start { align-items: flex-start; }
    .xxl-al-center { align-items: center; }
    .xxl-al-end { align-items: flex-end; }
    .xxl-al-stretch { align-items: stretch; }

    .xxl-ju-start { justify-content: flex-start; }
    .xxl-ju-center { justify-content: center; }
    .xxl-ju-end { justify-content: end; }
    .xxl-ju-evenly { justify-content: space-evenly; }
    .xxl-ju-around { justify-content: space-around; }
    .xxl-ju-between { justify-content: space-between; }
    .xxl-show { display: block; }
    .xxl-flx { display: flex; }
    .xxl-hide { display: none; }

    /*FLEX ITEM*/
    .xxl-self-start { align-self: flex-start; }
    .xxl-self-end { align-self: flex-end; }
    .xxl-self-center { align-self: center; }
    .xxl-self-mid { justify-self: center; }
    .xxl-ju-self-start { justify-self: flex-start; }
    .xxl-ju-self-end { justify-self: flex-end; }
}

.container { margin-right: auto; margin-left: auto; padding-right: 1rem; padding-left: 1rem; }


@media screen and (max-width:360px) {
    .container { padding-right: 0.5rem; padding-left: 0.5rem; }
.section {
    margin: 0 -0.5rem!important;
}
}


/*TEXT-ALIGN*/
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }


/*MARGIN*/

.center-block { margin: 0 auto; }

.m-05 { margin: 0.5rem; }
.m-1 { margin: 1rem; }
.m-2 { margin: 2rem; }
.m-3 { margin: 3rem; }
.m-4 { margin: 4rem; }
.m-5 { margin: 5rem; }

.my-05 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-15 { margin-top: 1rem; margin-bottom: 1.5rem; }
.my-1 { margin-top: 1rem; margin-bottom: 1rem; }
.my-2 { margin-top: 2rem; margin-bottom: 2rem; }
.my-3 { margin-top: 3rem; margin-bottom: 3rem; }
.my-4 { margin-top: 4rem; margin-bottom: 4rem; }
.my-5 { margin-top: 5rem; margin-bottom: 5rem; }

.mx-05 { margin-right: 0.5rem; margin-left: 0.5rem; }
.mx-1 { margin-right: 1rem; margin-left: 1rem; }
.mx-2 { margin-right: 2rem; margin-left: 2rem; }
.mx-3 { margin-right: 3rem; margin-left: 3rem; }
.mx-4 { margin-right: 4rem; margin-left: 4rem; }
.mx-5 { margin-right: 5rem; margin-left: 5rem; }

.mt-05 { margin-top: 0.5rem; }
.mt-1 { margin-top: 1rem; }
.mt-15 { margin-top: 1.5rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mt-4 { margin-top: 4rem; }
.mt-5 { margin-top: 5rem; }

.mb-05 { margin-bottom: 0.5rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-15 { margin-bottom: 1.5rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }
.mb-4 { margin-bottom: 4rem; }
.mb-5 { margin-bottom: 5rem; }

.mr-05 { margin-right: 0.5rem; }
.mr-1 { margin-right: 1rem; }
.mr-2 { margin-right: 2rem; }
.mr-3 { margin-right: 3rem; }
.mr-4 { margin-right: 4rem; }
.mr-5 { margin-right: 5rem; }

.ml-05 { margin-left: 0.5rem; }
.ml-1 { margin-left: 1rem; }
.ml-2 { margin-left: 2rem; }
.ml-3 { margin-left: 3rem; }
.ml-4 { margin-left: 4rem; }
.ml-5 { margin-left: 5rem; }

/*PADDING*/

.p-05 { padding: 0.5rem; }
.p-1 { padding: 1rem; }
.p-2 { padding: 2rem; }
.p-3 { padding: 3rem; }
.p-4 { padding: 4rem; }
.p-5 { padding: 5rem; }

.py-05 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-1 { padding-top: 1rem; padding-bottom: 1rem; }
.py-2 { padding-top: 2rem; padding-bottom: 2rem; }
.py-3 { padding-top: 3rem; padding-bottom: 3rem; }
.py-4 { padding-top: 4rem; padding-bottom: 4rem; }
.py-5 { padding-top: 5rem; padding-bottom: 5rem; }

.px-05 { padding-right: 0.5rem; padding-left: 0.5rem; }
.px-1 { padding-right: 1rem; padding-left: 1rem; }
.px-2 { padding-right: 2rem; padding-left: 2rem; }
.px-3 { padding-right: 3rem; padding-left: 3rem; }
.px-4 { padding-right: 4rem; padding-left: 4rem; }
.px-5 { padding-right: 5rem; padding-left: 5rem; }

.pt-05 { padding-top: 0.5rem; }
.pt-1 { padding-top: 1rem; }
.pt-2 { padding-top: 2rem; }
.pt-3 { padding-top: 3rem; }
.pt-4 { padding-top: 4rem; }
.pt-5 { padding-top: 5rem; }

.pb-05 { padding-bottom: 0.5rem; }
.pb-1 { padding-bottom: 1rem; }
.pb-15 { padding-bottom: 1.5rem; }
.pb-2 { padding-bottom: 2rem; }
.pb-3 { padding-bottom: 3rem; }
.pb-4 { padding-bottom: 4rem; }
.pb-5 { padding-bottom: 5rem; }

.pr-05 { padding-right: 0.5rem; }
.pr-1 { padding-right: 1rem; }
.pr-2 { padding-right: 2rem; }
.pr-3 { padding-right: 3rem; }
.pr-4 { padding-right: 4rem; }
.pr-5 { padding-right: 5rem; }

.pl-05 { padding-left: 0.5rem; }
.pl-1 { padding-left: 1rem; }
.pl-2 { padding-left: 2rem; }
.pl-3 { padding-left: 3rem; }
.pl-4 { padding-left: 4rem; }
.pl-5 { padding-left: 5rem; }


/*FONT-SIZE*/
.fs-08 { font-size: 0.8rem; }
.fs-09 { font-size: 0.8rem; }
.fs-10 { font-size: 1rem; }
.fs-11 { font-size: 1.1rem; }
.fs-12 { font-size: 1.2rem; }
.fs-1125 { font-size: 1.125rem; }
.fs-125 { font-size: 1.25rem; }
.fs-13 { font-size: 1.3rem; }
.fs-14 { font-size: 1.4rem; }
.fs-15 { font-size: 1.5rem; }
.fs-17 { font-size: 1.7rem; }
.fs-16 { font-size: 1.6rem; }
.fs-18 { font-size: 1.8rem; }
.fs-19 { font-size: 1.9rem; }
.fs-20 { font-size: 2.0rem; }
.fs-22 { font-size: 2.2rem; }
.fs-23 { font-size: 2.3rem; }
.fs-24 { font-size: 2.4rem; }
.fs-25 { font-size: 2.5rem; }
.fs-27 { font-size: 2.7rem; }
.fs-28 { font-size: 2.8rem; }
.fs-30 { font-size: 3.0rem; }
.fs-32 { font-size: 3.2rem; }
.fs-33 { font-size: 3.3rem; }
.fs-34 { font-size: 3.4rem; }
.fs-35 { font-size: 3.5rem; }
.fs-45 { font-size: 4.5rem; }

/*FONT-WEIGHT*/
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }

/*WIDTH*/
.w-full { width: 100% }
.w-half { width: 50%; }
.mw-cont { max-width: fit-content; }
.mw-min { max-width: min-content; }
.mw-10 { max-width: 10px; }
.mw-20 { max-width: 20px; }
.mw-30 { max-width: 30px; }
.mw-40 { max-width: 40px; }
.mw-50 { max-width: 50px; }
.mw-60 { max-width: 60px; }
.mw-70 { max-width: 70px; }
.mw-80 { max-width: 80px; }
.mw-90 { max-width: 90px; }
.mw-100 { max-width: 100px; }
.mw-110 { max-width: 110px; }
.mw-120 { max-width: 120px; }
.mw-130 { max-width: 130px; }
.mw-140 { max-width: 140px; }
.mw-150 { max-width: 150px; }
.mw-160 { max-width: 160px; }
.mw-170 { max-width: 170px; }
.mw-180 { max-width: 180px; }
.mw-190 { max-width: 190px; }
.mw-200 { max-width: 200px; }
.mw-210 { max-width: 210px; }
.mw-220 { max-width: 220px; }
.mw-230 { max-width: 230px; }
.mw-240 { max-width: 240px; }
.mw-250 { max-width: 250px; }
.mw-260 { max-width: 260px; }
.mw-270 { max-width: 270px; }
.mw-280 { max-width: 280px; }
.mw-290 { max-width: 290px; }
.mw-300 { max-width: 300px; }
.mw-310 { max-width: 310px; }
.mw-320 { max-width: 320px; }
.mw-330 { max-width: 330px; }
.mw-340 { max-width: 340px; }
.mw-350 { max-width: 350px; }
.mw-360 { max-width: 360px; }
.mw-370 { max-width: 370px; }
.mw-380 { max-width: 380px; }
.mw-390 { max-width: 390px; }
.mw-400 { max-width: 400px; }
.mw-410 { max-width: 410px; }
.mw-420 { max-width: 420px; }
.mw-430 { max-width: 430px; }
.mw-440 { max-width: 440px; }
.mw-450 { max-width: 450px; }
.mw-460 { max-width: 460px; }
.mw-470 { max-width: 470px; }
.mw-480 { max-width: 480px; }
.mw-490 { max-width: 490px; }
.mw-500 { max-width: 500px; }
.mw-510 { max-width: 510px; }
.mw-520 { max-width: 520px; }
.mw-530 { max-width: 530px; }
.mw-540 { max-width: 540px; }
.mw-550 { max-width: 550px; }
.mw-560 { max-width: 560px; }
.mw-570 { max-width: 570px; }
.mw-580 { max-width: 580px; }
.mw-590 { max-width: 590px; }
.mw-600 { max-width: 600px; }
.mw-610 { max-width: 610px; }
.mw-620 { max-width: 620px; }
.mw-630 { max-width: 630px; }
.mw-640 { max-width: 640px; }
.mw-650 { max-width: 650px; }
.mw-660 { max-width: 660px; }
.mw-670 { max-width: 670px; }
.mw-680 { max-width: 680px; }
.mw-690 { max-width: 690px; }
.mw-700 { max-width: 700px; }
.mw-710 { max-width: 710px; }
.mw-720 { max-width: 720px; }
.mw-730 { max-width: 730px; }
.mw-740 { max-width: 740px; }
.mw-750 { max-width: 750px; }
.mw-760 { max-width: 760px; }
.mw-770 { max-width: 770px; }
.mw-780 { max-width: 780px; }
.mw-790 { max-width: 790px; }
.mw-800 { max-width: 800px; }
.mw-810 { max-width: 810px; }
.mw-820 { max-width: 820px; }
.mw-830 { max-width: 830px; }
.mw-840 { max-width: 840px; }
.mw-850 { max-width: 850px; }
.mw-860 { max-width: 860px; }
.mw-870 { max-width: 870px; }
.mw-880 { max-width: 880px; }
.mw-890 { max-width: 890px; }
.mw-900 { max-width: 900px; }
.mw-910 { max-width: 910px; }
.mw-920 { max-width: 920px; }
.mw-930 { max-width: 930px; }
.mw-940 { max-width: 940px; }
.mw-950 { max-width: 950px; }
.mw-960 { max-width: 960px; }
.mw-970 { max-width: 970px; }
.mw-980 { max-width: 980px; }
.mw-990 { max-width: 990px; }
.mw-1000 { max-width: 1000px; }
.mw-1010 { max-width: 1010px; }
.mw-1020 { max-width: 1020px; }
.mw-1030 { max-width: 1030px; }
.mw-1040 { max-width: 1040px; }
.mw-1050 { max-width: 1050px; }
.mw-1060 { max-width: 1060px; }
.mw-1070 { max-width: 1070px; }
.mw-1080 { max-width: 1080px; }
.mw-1090 { max-width: 1090px; }
.mw-1100 { max-width: 1100px; }
.mw-1110 { max-width: 1110px; }
.mw-1120 { max-width: 1120px; }
.mw-1130 { max-width: 1130px; }
.mw-1140 { max-width: 1140px; }
.mw-1150 { max-width: 1150px; }
.mw-1160 { max-width: 1160px; }
.mw-1170 { max-width: 1170px; }
.mw-1180 { max-width: 1180px; }
.mw-1190 { max-width: 1190px; }
.mw-1200 { max-width: 1200px; }
.mw-1210 { max-width: 1210px; }
.mw-1220 { max-width: 1220px; }
.mw-1230 { max-width: 1230px; }
.mw-1240 { max-width: 1240px; }
.mw-1250 { max-width: 1250px; }
.mw-1260 { max-width: 1260px; }
.mw-1270 { max-width: 1270px; }
.mw-1280 { max-width: 1280px; }
.mw-1290 { max-width: 1290px; }
.mw-1300 { max-width: 1300px; }
.mw-1310 { max-width: 1310px; }
.mw-1320 { max-width: 1320px; }
.mw-1330 { max-width: 1330px; }
.mw-1340 { max-width: 1340px; }
.mw-1350 { max-width: 1350px; }
.mw-1360 { max-width: 1360px; }
.mw-1370 { max-width: 1370px; }
.mw-1380 { max-width: 1380px; }
.mw-1390 { max-width: 1390px; }
.mw-1400 { max-width: 1400px; }
.mw-1410 { max-width: 1410px; }
.mw-1420 { max-width: 1420px; }
.mw-1430 { max-width: 1430px; }
.mw-1440 { max-width: 1440px; }
.mw-1450 { max-width: 1450px; }
.mw-1460 { max-width: 1460px; }
.mw-1470 { max-width: 1470px; }
.mw-1480 { max-width: 1480px; }
.mw-1490 { max-width: 1490px; }
.mw-1500 { max-width: 1500px; }
.mw-1510 { max-width: 1510px; }
.mw-1520 { max-width: 1520px; }
.mw-1530 { max-width: 1530px; }
.mw-1540 { max-width: 1540px; }
.mw-1550 { max-width: 1550px; }
.mw-1560 { max-width: 1560px; }
.mw-1570 { max-width: 1570px; }
.mw-1580 { max-width: 1580px; }
.mw-1590 { max-width: 1590px; }
.mw-1600 { max-width: 1600px; }
.mw-1610 { max-width: 1610px; }
.mw-1620 { max-width: 1620px; }
.mw-1630 { max-width: 1630px; }
.mw-1640 { max-width: 1640px; }
.mw-1650 { max-width: 1650px; }
.mw-1660 { max-width: 1660px; }
.mw-1670 { max-width: 1670px; }
.mw-1680 { max-width: 1680px; }
.mw-1690 { max-width: 1690px; }
.mw-1700 { max-width: 1700px; }
.mw-1710 { max-width: 1710px; }
.mw-1720 { max-width: 1720px; }
.mw-1730 { max-width: 1730px; }
.mw-1740 { max-width: 1740px; }
.mw-1750 { max-width: 1750px; }
.mw-1760 { max-width: 1760px; }
.mw-1770 { max-width: 1770px; }
.mw-1780 { max-width: 1780px; }
.mw-1790 { max-width: 1790px; }
.mw-1800 { max-width: 1800px; }
.mw-1810 { max-width: 1810px; }
.mw-1820 { max-width: 1820px; }
.mw-1830 { max-width: 1830px; }
.mw-1840 { max-width: 1840px; }
.mw-1850 { max-width: 1850px; }
.mw-1860 { max-width: 1860px; }
.mw-1870 { max-width: 1870px; }
.mw-1880 { max-width: 1880px; }
.mw-1890 { max-width: 1890px; }
.mw-1900 { max-width: 1900px; }
.mw-1910 { max-width: 1910px; }
.mw-1920 { max-width: 1920px; }
.mw-1930 { max-width: 1930px; }
.mw-1940 { max-width: 1940px; }
.mw-1950 { max-width: 1950px; }
.mw-1960 { max-width: 1960px; }
.mw-1970 { max-width: 1970px; }
.mw-1980 { max-width: 1980px; }
.mw-1990 { max-width: 1990px; }
.mw-2000 { max-width: 2000px; }
.mw-2010 { max-width: 2010px; }
.mw-2020 { max-width: 2020px; }
.mw-2030 { max-width: 2030px; }
.mw-2040 { max-width: 2040px; }
.mw-2050 { max-width: 2050px; }
.mw-2060 { max-width: 2060px; }
.mw-2070 { max-width: 2070px; }
.mw-2080 { max-width: 2080px; }
.mw-2090 { max-width: 2090px; }


.mw-10perc { max-width: 10%; }
.mw-20perc { max-width: 20%; }
.mw-30perc { max-width: 30%; }
.mw-40perc { max-width: 40%; }
.mw-50perc { max-width: 50%; }
.mw-60perc { max-width: 60%; }
.mw-70perc { max-width: 70%; }
.mw-80perc { max-width: 80%; }
.mw-90perc { max-width: 90%; }
.mw-100perc { max-width: 100%; }

/*HEIGHT*/
.h-full { height: 100% }
.h-half { height: 50%; }

.vh-100 { height: 100vh; }
.vh-75 { height: 75vh; }
.vh-50 { height: 50vh; }
.vh-25 { height: 25vh; }

.min-h-1 { min-height: 1px; }
.min-h-2 { min-height: 2px; }
.min-h-10 { min-height: 10px; }
.min-h-15 { min-height: 15px }
.min-h-20 { min-height: 20px }
.min-h-25 { min-height: 25px }
.min-h-30 { min-height: 30px }
.min-h-35 { min-height: 35px }
.min-h-40 { min-height: 40px }
.min-h-45 { min-height: 45px }
.min-h-50 { min-height: 50px }
.min-h-55 { min-height: 55px }
.min-h-60 { min-height: 60px }
.min-h-65 { min-height: 65px }
.min-h-70 { min-height: 70px }
.min-h-75 { min-height: 75px }
.min-h-80 { min-height: 80px }
.min-h-85 { min-height: 85px }
.min-h-95 { min-height: 95px }
.min-h-100 { min-height: 100px }
.min-h-20 { min-height: 20px; }
.min-h-105 { min-height: 105px; }
.min-h-120 { min-height: 120px; }
.min-h-210 { min-height: 210px; }
.min-h-220 { min-height: 220px; }
.min-h-230 { min-height: 230px; }
.min-h-250 { min-height: 250px; }
.min-h-270 { min-height: 270px; }
.min-h-500 { min-height: 500px; }
.min-h-280 { min-height: 280px; }
.min-h-245 { min-height: 245px; }
.min-h-400 { min-height: 400px; }
.min-h-350 { min-height: 350px; }

.max-h-500 { max-height: 500px; }
.max-h-500 { max-height: 500px; }
/*BORDER RADIUS*/
.rad-025 { border-radius: 0.25rem; }
.rad-05 { border-radius: 0.5rem; }
.rad-1 { border-radius: 1rem; }
.rad-15 { border-radius: 1.5rem; }
.rad-2 { border-radius: 2rem; }
.rad-25 { border-radius: 2.5rem; }
.rad-3 { border-radius: 3rem; }
.rad-35 { border-radius: 3.5rem; }
.rad-4 { border-radius: 4rem; }
.dw-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.dw-carousel .dw-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }
.dw-carousel .dw-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.dw-carousel .dw-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.dw-carousel .dw-wrapper,
.dw-carousel .dw-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.dw-carousel .dw-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.dw-carousel .dw-item img {display: block;}
.dw-carousel .dw-nav.disabled,
.dw-carousel .dw-dots.disabled { display: none; }
.dw-carousel .dw-nav .dw-prev,
.dw-carousel .dw-nav .dw-next,
.dw-carousel .dw-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dw-carousel .dw-nav button.dw-prev,
.dw-carousel .dw-nav button.dw-next,
.dw-carousel button.dw-dot {border: none;padding: 0 !important;}


.dw-carousel .dw-prev {}
.dw-carousel .dw-next {}

.dw-carousel  .dw-prev, .dw-carousel  .dw-next{width: 50px;height: 50px;color: #fff;border-radius: 100%;}

.dw-carousel.dw-loaded {display: flex;}
.dw-carousel.dw-loading { opacity: 0; display: block; }
.dw-carousel.dw-hidden { opacity: 0; }
.dw-carousel.dw-refresh .dw-item { visibility: hidden; opacity: 0; }
.dw-carousel.dw-refresh .dw-item.active {opacity: 1; }
.dw-carousel.dw-drag .dw-item {opacity: 0; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.dw-carousel.dw-drag .dw-item.active {opacity: 1; }
.dw-carousel.dw-grab { cursor: move; cursor: grab; }
.dw-carousel.dw-rtl { direction: rtl; }
.dw-carousel.dw-rtl .dw-item { float: right; }
.no-js .dw-carousel { display: block; }
.dw-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.dw-carousel .dw-animated-in { z-index: 0; }
.dw-carousel .dw-animated-out { z-index: 1; }
.dw-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.dw-height { transition: height 500ms ease-in-out; }
.dw-carousel .dw-item { }
.dw-carousel .dw-item .dw-lazy { opacity: 0; transition: opacity 400ms ease; }
.dw-carousel .dw-item .dw-lazy[src^=""], .dw-carousel .dw-item .dw-lazy:not([src]) { max-height: 0; }
.dw-carousel .dw-item img.dw-lazy { transform-style: preserve-3d; }
.dw-carousel .dw-video-wrapper { position: relative; height: 100%; background: #000; }
.dw-carousel .dw-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("dw.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; }
.dw-carousel .dw-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.dw-carousel .dw-video-playing .dw-video-tn,
.dw-carousel .dw-video-playing .dw-video-play-icon { display: none; }
.dw-carousel .dw-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }
.dw-carousel .dw-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }
.dw-theme .dw-nav {max-width: 1920px;margin-top: 30px;text-align: center;-webkit-tap-highlight-color: transparent;position: absolute;left: 50%;width: 100%;top: 50%;transform: translate(-50%, -50%);display: flex;justify-content: space-between;align-items: center;height: 1px;}
.dw-theme .dw-nav [class*='dw-'] {font-size: 1.5rem;color: #FFF;margin: 5px;padding: 4px 7px;display: inline-block;background-color: transparent;cursor: pointer;border-radius: 100%;}
.dw-theme .dw-nav [class*='dw-']:hover {color: #FFF;text-decoration: none;}
.dw-theme .dw-nav .disabled { opacity: 0.5; cursor: default; }
.dw-theme .dw-nav.disabled + .dw-dots { margin-top: 10px; }
.dw-theme .dw-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.dw-theme .dw-dots .dw-dot { display: inline-block; zoom: 1; *display: inline; }
.dw-theme .dw-dots .dw-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.dw-theme .dw-dots .dw-dot.active span, .dw-theme .dw-dots .dw-dot:hover span { background: #869791; }

@media screen and (max-width: 767px) {

    .dw-theme .dw-nav [class*='dw-'] {font-size: 1.1em;}
    .dw-carousel .dw-prev, .dw-carousel .dw-next {width: 30px; height: 30px;}

}