/* RESET
======================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {font-size: 16px;}
button {border:0;outline:0;}
* { box-sizing: border-box; outline:none;letter-spacing:inherit;}
section[style*="z-index:"] {-webkit-transform: translate3d(0,0,0);}
body {line-height: 1;}
a {color:inherit;}
main section a[href*="faq"]:not(.btn) {text-decoration:underline;}
body > #page {overflow: clip;}
img {max-width:100%;}
picture {max-width:100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
p { margin-bottom: 1em; /*letter-spacing: 0.010em;*/}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.softhide {display:none;}
u {text-decoration:underline;}
iframe { border:0; outline: none; width:100%;}
.video{background-size:cover; background-position: center; background-repeat:no-repeat}

/* STRUCTURE
======================================================= */
main section { margin-top: -1px;}
main{position:relative; z-index: 2002;}
section > div {width:100%;}
section * p:last-child {margin-bottom: 0;}

@media(max-width:768px){
	body.mega-open{height:100vh; height:100dvh; overflow:hidden;}
}

.container{width:100%; padding:var(--vpad) var(--hpad)}

.top-content + .container{padding-top:0;}

.container .indent{width:100% !important;}
@media(max-width:768px){
}

@media(min-width:769px){
    .xl-col{width:50%}
}


@media(min-width:1441px){
	.container, .container.w-100, .top-content{margin-left: auto; margin-right: auto; width:calc(1440/16*1rem) !important;}
/*
    .xl-fw{width:var(--fw); margin-left: auto; margin-right:auto;}
    .xl-col{width:calc(606/16*1rem); margin-left: auto; margin-right:auto;}
    .xl-col.cloud-bg{width:calc(720/16*1rem); margin-left: auto; margin-right:aito;}
*/

}


.br{border-radius:var(--radius);}


/* VISIBILITY
======================================================= */
.hidden {  display: none !important; }


@media(min-width:769px) {
    .mobile {display:none !important;}
}
@media(max-width:768px) {
    .desktop {display:none !important;}
}	
@media(max-width:1440px) {
    .xl-desktop {display:none !important;}
}	
@media(min-width:1440px) {
    .desktop.desktop-only {display:none !important;}
}	

/* POSITIONS
======================================================= */
.rel{position:relative;}
.fixed{position:fixed;}
.abs{position:absolute;}
.sticky{position:sticky;}

@media(max-width:768px){
    .m-rel{position:relative;}
    .m-fixed{position:fixed;}
    .m-abs{position:absolute;}
    .m-sticky{position:sticky;}
}

@media(min-width:769px){
    .d-rel{position:relative;}
    .d-fixed{position:fixed;}
    .d-abs{position:absolute;}
    .d-sticky{position:sticky;}
}

/* FONT ASSIGNMENT
======================================================= */
body { font:var(--p1); text-align: left; overflow-x: hidden; color:var(--dgreen)}

b, strong, .strong { font-weight:700; }
.strong { font-weight:700 !important; }
span{font:inherit; letter-spacing: inherit;}
/*span.p1 {display:inline-block;}*/
sup{vertical-align: super; font-size: 0.7em; }
.pre-wrap{white-space:pre-wrap;}

/* LETTER SPACING */
.ls05{letter-spacing:var(--ls05)}

/* HEADINGS */
hgroup{width:100%;}
hgroup:not(:last-child){margin-bottom:calc(var(--ss)*50vw);}
hgroup > :not(:last-child){margin-bottom:calc(var(--ss)*30vw);}
h1, .h1 {font:var(--h1); }
h2, .h2 {font:var(--h2);  }
.h2l {font:var(--h2l);  }
h3, .h3 {font:var(--h3);}
h4, .h4 {font:var(--h4); }

.title{font:var(--title); text-transform: uppercase; letter-spacing:var(--ls07); }

@media(max-width:768px){
    .m-h1 {font:var(--h1); }
    .m-h2 {font:var(--h2);  }
    .m-h3 {font:var(--h3); }
    .m-h4 {font:var(--h4); }
    .m-sub {font:var(--sub); letter-spacing:var(--ls05); text-transform: uppercase; }
    .m-btn-font{font:var(--btn)}
    .m-icon-font{font:var(--icons)}
    
     hgroup.desktop{margin-bottom: 0 !important;}
    
}

@media(min-width:769px){ 
    hgroup:not(:last-child){margin-bottom:calc(var(--ss)*60vw);}
    .flex:not(.flex-column) > hgroup{margin-bottom:0;}
    
     hgroup.mobile{margin-bottom: 0 !important;}
   
}

@media(min-width:1441px){
    hgroup:not(:last-child){margin-bottom:calc(60/16*1rem);}
}

/* P FONTS */
p, .p1, .copy, .copy li {font:var(--p1); text-transform: none;}
.p2, .copy.p2 p, .copy.p2 li {font:var(--p2); letter-spacing:normal; text-transform:none;}
.ps, .copy.ps p, .copy.ps li {font:var(--ps); }
.pxs, .copy.pxs p {font:var(--pxs); }


@media(max-width:768px){
	.m-p1, .copy.m-p1 p {font:var(--p1); text-transform: none; }
	.m-p2, .copy.m-p2 p {font:var(--p2); text-transform:none;}
	.m-ps, .copy.m-ps p {font:var(--ps); }
	.m-pxs, .copy.m-pxs p {font:var(--pxs); }

}

/* FONT STYLES */
.copy a:not(.btn):not(.link){text-decoration: underline;}

.sub {font:var(--sub); letter-spacing:var(--ls05); text-transform: uppercase; }
.btn-font, .copy .btn-font{font:var(--btn); text-transform: uppercase; letter-spacing:var(--ls05)}
.icon-font{font:var(--icons); text-transform: uppercase; letter-spacing: var(--ls05);}

/* UL / OL */
menu, menu li,
.mod-menu, .mod-menu__sub, .mod-menu li, .mod-menu__sub li{list-style: none;}
ul.list,
.copy ul{list-style: disc; padding-left: 0.95em}
ol.list,
.copy ol{list-style: decimal; padding-left: 0.95em}

/*.copy li{margin-bottom:0.3em;}*/

.copy ul{margin-bottom: 1em}
.copy ul:last-child{margin-bottom:0}

/* TABLES */
.copy table, .copy th, .copy td{border:var(--border-stone);}
.copy th, .copy td{padding:calc(var(--ss)*2vw) calc(var(--ss)*5vw);}

@media(min-width:1441px){
    .copy th, .copy td{padding:calc(2/16*1rem) calc(5/16*1rem);}
}

@media(max-width:768px){

}

/* UTILITY */
.lh-0{line-height:0;}
.lh-1{line-height:1em;}
.fs-0{font-size:0;}
.uc{text-transform: uppercase;}
.tt-c{text-transform:capitalize;}
.tt-l{text-transform:lowercase;}
.tt-0{text-transform:none;}
.ul{text-decoration: underline;}

/* ALIGNMENT */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}

@media(max-width:768px){
	.mob-text-left, .m-text-left{text-align:left}
	.mob-text-right, .m-text-right{text-align:right}
	.mob-text-center, .m-text-center{text-align:center}
}


@media(min-width:769px){
	.d-text-left{text-align:left}
	.d-text-right{text-align:right}
	.d-text-center{text-align:center}
}


/* COLOURING IN
======================================================= */
/* BACKGROUNDS */
.white-bg { background-color: var(--white); }
.black-bg { background-color: var(--black); }
.dgreen-bg { background-color: var(--dgreen); }
.green-bg { background-color: var(--green); }
.stone-bg { background-color: var(--stone); }
.orange-bg { background-color: var(--orange); }
.yellow-bg { background-color: var(--yellow); }
.cream-bg { background-color: var(--cream); }
.lcream-bg { background-color: var(--lcream); }
.lcream90-bg { background-color: var(--lcream90); }
.ltan-bg { background-color: var(--ltan); }
.lgreen-bg { background-color: var(--lgreen ); }
.trans-bg { background-color:transparent; }

.bargate-bg{background-image:url('/templates/bargate/images/backgrounds/bargate-bg.svg'); background-size:calc(var(--ss)*1741vw) calc(var(--ss)*1146vw); background-position:calc(var(--ss)*-209vw) 0;}
.cloud-bg{background-image:url('/templates/bargate/images/backgrounds/cloud-bg.svg'); background-size:cover; background-position:left top; background-repeat: no-repeat;}

@media(max-width:768px){
	.mob-white-bg { background-color: var(--white); }
    .mob-black-bg { background-color: var(--black); }
    .mob-dgreen-bg { background-color: var(--dgreen); }
    .mob-green-bg { background-color: var(--green); }
    .mob-stone-bg { background-color: var(--stone); }
    .mob-orange-bg { background-color: var(--orange); }
    .mob-yellow-bg { background-color: var(--yellow); }
    .mob-cream-bg { background-color: var(--cream); }
    .mob-lcream-bg { background-color: var(--lcream); }
    .mob-lcream90-bg { background-color: var(--lcream90); }
    .mob-ltan-bg { background-color: var(--ltan); }
    .mob-lgreen-bg { background-color: var(--lgreen ); }
    
    
    .cloud-bg{background-position: calc(var(--ss)*-164vw) 0;}
}

@media(min-width:769px){
    .d-white-bg { background-color: var(--white); }
    .d-black-bg { background-color: var(--black); }
    .d-dgreen-bg { background-color: var(--dgreen); }
    .d-green-bg { background-color: var(--green); }
    .d-stone-bg { background-color: var(--stone); }
    .d-orange-bg { background-color: var(--orange); }
    .d-yellow-bg { background-color: var(--yellow); }
    .d-cream-bg { background-color: var(--cream); }
    .d-lcream-bg { background-color: var(--lcream); }
    .d-lcream90-bg { background-color: var(--lcream90); }
    .d-ltan-bg { background-color: var(--ltan); }
    .d-lgreen-bg { background-color: var(--lgreen ); }
    
    /* BARGATE BG HERE */
    .bargate-bg{background-size:calc(var(--ss)*3868vw) calc(var(--ss)*2546vw); background-position:calc(50% + calc(var(--ss)*900vw)) calc(var(--ss)*-361vw);}
    
    .d-bargate-bg{background-image:url('/templates/bargate/images/backgrounds/bargate-bg.svg'); background-position:calc(50% + calc(var(--ss)*762vw)) calc(var(--ss)*90vw);background-size:calc(var(--ss)*3868vw) calc(var(--ss)*2546vw); background-repeat: no-repeat}
    
    /* TOP CALCULATED BY JS   */
    .bargate2-bg{background-image:url('/templates/bargate/images/backgrounds/bargate-bg2.svg'); background-position-x:calc(50% + calc(var(--ss)*861vw)); background-position-y: calc(var(--ss)*90vw);background-size:calc(var(--ss)*4084vw) calc(var(--ss)*5047vw); background-repeat: no-repeat}
    
}

@media(min-width:1441px){
    /* BARGATE BG HERE   */
    .bargate-bg{background-size:calc(3868/16*1rem) calc(2546/16*1rem); background-position:calc(50% + calc(900/16*1rem)) calc(-361/16*1rem);}
    .d-bargate-bg{background-size:calc(3868/16*1rem) calc(2546/16*1rem); background-position:calc(50% + calc(762/16*1rem)) calc(90/16*1rem);}
    
    /* TOP CALCULATED BY JS   */
    .bargate2-bg{background-size:calc(4084/16*1rem) calc(5047/16*1rem); background-position-x:calc(50% +calc(861/16*1rem)); background-position-y:calc(90/16*1rem);}
}

/* MOBILE ROUNDED BG */
@media(max-width:768px){
    .mob-rounded.rounded-left > div{border-top-left-radius:calc(var(--ss)*150vw)}
    .mob-rounded.rounded-right > div{border-top-right-radius:calc(var(--ss)*150vw)}
    
    .white-bg + .mob-rounded{ background-color: var(--white); }
    .black-bg + .mob-rounded { background-color: var(--black); }
    .dgreen-bg + .mob-rounded { background-color: var(--dgreen); }
    .green-bg + .mob-rounded { background-color: var(--green); }
    .stone-bg + .mob-rounded { background-color: var(--stone); }
    .orange-bg + .mob-rounded { background-color: var(--orange); }
    .yellow-bg + .mob-rounded { background-color: var(--yellow); }
    .cream-bg + .mob-rounded { background-color: var(--cream); }
    .lcream-bg + .mob-rounded { background-color: var(--lcream); }
    .lcream90-bg + .mob-rounded { background-color: var(--lcream90); }
    .ltan-bg + .mob-rounded { background-color: var(--ltan); }
    .lgreen-bg + .mob-rounded { background-color: var(--lgreen ); }
    .trans-bg + .mob-rounded { background-color: transparent; }
    
    .white-bg.mob-rounded > div { background-color: var(--white); }
    .black-bg.mob-rounded > div { background-color: var(--black); }
    .dgreen-bg.mob-rounded > div { background-color: var(--dgreen); }
    .green-bg.mob-rounded > div { background-color: var(--green); }
    .stone-bg.mob-rounded > div { background-color: var(--stone); }
    .orange-bg.mob-rounded > div { background-color: var(--orange); }
    .yellow-bg.mob-rounded > div { background-color: var(--yellow); }
    .cream-bg.mob-rounded > div { background-color: var(--cream); }
    .lcream-bg.mob-rounded > div { background-color: var(--lcream); }
    .lcream90-bg.mob-rounded > div { background-color: var(--lcream90); }
    .ltan-bg.mob-rounded > div { background-color: var(--ltan); }
    .lgreen-bg.mob-rounded > div { background-color: var(--lgreen ); }
    
    .mob-white-bg + .mob-rounded{ background-color: var(--white); }
    .mob-black-bg + .mob-rounded { background-color: var(--black); }
    .mob-dgreen-bg + .mob-rounded { background-color: var(--dgreen); }
    .mob-green-bg + .mob-rounded { background-color: var(--green); }
    .mob-stone-bg + .mob-rounded { background-color: var(--stone); }
    .mob-orange-bg + .mob-rounded { background-color: var(--orange); }
    .mob-yellow-bg + .mob-rounded { background-color: var(--yellow); }
    .mob-cream-bg + .mob-rounded { background-color: var(--cream); }
    .mob-lcream-bg + .mob-rounded { background-color: var(--lcream); }
    .mob-lcream90-bg + .mob-rounded { background-color: var(--lcream90); }
    .mob-ltan-bg + .mob-rounded { background-color: var(--ltan); }
    .mob-lgreen-bg + .mob-rounded { background-color: var(--lgreen ); }
    
    .mob-trans-bg + .mob-rounded { background-color: transparent; }
    
    .mob-white-bg.mob-rounded > div { background-color: var(--white); }
    .mob-black-bg.mob-rounded > div { background-color: var(--black); }
    .mob-dgreen-bg.mob-rounded > div { background-color: var(--dgreen); }
    .mob-green-bg.mob-rounded > div { background-color: var(--green); }
    .mob-stone-bg.mob-rounded > div { background-color: var(--stone); }
    .mob-orange-bg.mob-rounded > div { background-color: var(--orange); }
    .mob-yellow-bg.mob-rounded > div { background-color: var(--yellow); }
    .mob-cream-bg.mob-rounded > div { background-color: var(--cream); }
    .mob-lcream-bg.mob-rounded > div { background-color: var(--lcream); }
    .mob-lcream90-bg.mob-rounded > div { background-color: var(--lcream90); }
    .mob-ltan-bg.mob-rounded > div { background-color: var(--ltan); }
    .mob-lgreen-bg.mob-rounded > div { background-color: var(--lgreen ); }
    
    
    .fw-slider-block + .mob-rounded,
    .click-image-block + .mob-rounded{ background-color: var(--white); }
}


/* FONT COLOURS */
.fc-black{color:var(--black);}
.fc-white{color:var(--white);}
.fc-dgreen{color:var(--dgreen);}
.fc-orange{color:var(--orange);}

@media(max-width:768px){
    .mob-fc-black{color:var(--black);}
    .mob-fc-white{color:var(--white);}
    .mob-fc-dgreen{color:var(--dgreen);}
    .mob-fc-orange{color:var(--orange);}
}

@media(min-width:769px){
    .d-fc-black{color:var(--black);}
    .d-fc-white{color:var(--white);}
    .d-fc-dgreen{color:var(--dgreen);}
    .d-fc-orange{color:var(--orange);}
}


/* SNAP
======================================================= */
@media(max-width:768px) {
	.item-1 {order:1 !important;}
	.item-2 {order:2 !important;}
	.item-3 {order:3 !important;}
	.item-4 {order:4 !important;}
	.item-5 {order:5 !important;}
	.item-6 {order:6 !important;}
	.item-7 {order:7 !important;}
	.item-8 {order:8 !important;}
}


/* FADE INS / ANIMATIONS
======================================================= */
main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not([class*="-slider"]), .revealus { transform: translateY(15px); transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715); opacity: 0; }

body.iOS main .fade-up-effect, body.iOS div[class*="-slider"]:not(.slick-initialized):not([class*="-slider"]), body.iOS .revealus { opacity: 1; transform: translateY(0px);}

main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized) { transition-delay: .1s; }

main .fade-in, main .fade-in.slick-initialized, body.loaded .revealus,main .no-fade .fade-up-effect, body.legal  .fade-up-effect{ opacity: 1; transform: translateY(0px);}

@media(min-width:769px){
/*    main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized).mob-slider, .revealus { transform: translateY(15px); transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715); opacity: 0; }*/
}


@media (scripting: none) {
 	main .fade-up-effect, div[class*="-slider"]:not(.slick-initialized):not([class*="-slider"]), .revealus { transform: translateY(0px); transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715); opacity: 1; }
}

/*
BOUNCE ANIMATION
========================================================== */
@keyframes bounceright {
  0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
  40% { transform: translateX(30%); }
  60% { transform: translateX(15%); }
}
@keyframes bounceleft {
  0%, 20%, 50%, 80%, 100% { transform: translateX(0); }
  40% { transform: translateX(-30%); }
  60% { transform: translateX(-15%); }
}
@keyframes bouncedown {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(30%); }
  60% { transform: translateY(15%); }
}


.bounce-down:after{animation:var(--bounce-down)}
.bounce-left:before{animation:var(--bounce-left)}
.bounce-right:after{animation:var(--bounce-right)}



/* IMAGE
======================================================= */
img, .img-wrap, .image{line-height:0;}
.img-wrap
.img-center img{object-position:center;}
.img-top img{object-position:top;}
.img-bottom img{object-position:bottom;}
.img-left img{object-position:left;}
.img-right img{object-position:right;}

.picture-wrap{height:100%; width: 100%;}
picture img{ transform: translateY(15px); transition: transform .45s cubic-bezier(.39,.575,.565,1), opacity .45s cubic-bezier(.47,0,.745,.715);	 opacity: 0; }
picture.loaded img{ opacity: 1; transform: translateY(0px); }

.cover{object-fit: cover}
.contain{object-fit: contain}


/* FLEX / GRID
======================================================= */
.flex{display: flex;}
.flex.reverse, .flex-r{flex-direction: row-reverse;}

.flex-wrap{flex-wrap: wrap;}

.flex-row{flex-direction:row}
.flex-column{flex-direction:column}
.flex-column.reverse{flex-direction:column-reverse}

.jcfs{justify-content: flex-start;}
.jcfe{justify-content: flex-end;}
.jcc{justify-content: center;}
.jcsb{justify-content: space-between;}
.jcsa{justify-content: space-around;}
.jcse{justify-content: space-evenly;}

.aifs{align-items: flex-start;}
.aife{align-items: flex-end;}
.aic{align-items: center;}
.aisb{align-items: space-between;}
.ais{align-items: stretch;}

.fg-1{flex-grow: 1}
.flex-1{flex: 1}
.flex-2{flex: 2}


@media(min-width:769px){
	.d-flex{display: flex;}
	.d-wrap{flex-wrap: wrap; }
	.d-flex-column{display:flex; flex-direction:column !important;}
	.d-flex-column-r{display:flex; flex-direction:column-reverse !important;}
	
	.djcfs{justify-content: flex-start;}
	.djcfe{justify-content: flex-end;}
	.djcc{justify-content: center;}
	.djcsb{justify-content: space-between;}
    .djcsa{justify-content: space-around;}

	.daifs{align-items: flex-start;}
	.daife{align-items: flex-end;}
	.daic{align-items: center;}
	.daisb{align-items: space-between;}
    .dais{align-items: stretch;}
	
	.dfg-0{flex-grow: 0}
	
	.d-flex-0{flex: unset}
    
    
}

@media(max-width:768px){
	.mob-flex{display: flex;}
	.mob-wrap, .mob-flex-wrap{flex-wrap: wrap; }
	.mob-flex-column{display:flex; flex-direction:column !important;}
	.mob-flex-column-r{display:flex; flex-direction:column-reverse !important;}
	
	.mjcfs{justify-content: flex-start;}
	.mjcfe{justify-content: flex-end;}
	.mjcc{justify-content: center;}
	.mjcsb{justify-content: space-between;}
    
    .mjcsa{justify-content: space-around;}

	.maifs{align-items: flex-start;}
	.maife{align-items: flex-end;}
	.maic{align-items: center;}
	.maisb{align-items: space-between;}
    .mais{align-items: stretch;}
	
	.mfg-0{flex-grow: 0}
	
	.m-flex-0{flex: unset}
}

.grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
.grid > *{width:100% !important} 

.grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
.grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
.grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
.grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
.grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
.grid-8{grid-template-columns: repeat(6,minmax(0,1fr));}

.grid-col-3-1{grid-column: 3 / 1}

@media(max-width:768px){
    .m-grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
    .m-grid > *{width:100% !important} 
	.m-grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
	.m-grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
	.m-grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
	.m-grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
	.m-grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
	.m-grid-6{grid-template-columns: repeat(6,minmax(0,1fr));}
}

@media(min-width:769px){
    .d-grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
    .d-grid > *{width:100% !important} 
	.d-grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
	.d-grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
	.d-grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
	.d-grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
	.d-grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
	.d-grid-6{grid-template-columns: repeat(6,minmax(0,1fr));}
}

@media(min-width:1441px){
    .xl-grid{display:grid; grid-template-columns: repeat(1,minmax(0,1fr));}
    .xl-grid > *{width:100% !important} 
	.xl-grid-1{grid-template-columns: repeat(1,minmax(0,1fr));}
	.xl-grid-2{grid-template-columns: repeat(2,minmax(0,1fr));}
	.xl-grid-3{grid-template-columns: repeat(3,minmax(0,1fr));}
	.xl-grid-4{grid-template-columns: repeat(4,minmax(0,1fr));}
	.xl-grid-5{grid-template-columns: repeat(5,minmax(0,1fr));}
	.xl-grid-6{grid-template-columns: repeat(6,minmax(0,1fr));}
}


.gap-10{gap:calc(var(--ss)*10vw)}
.gap-15{gap:calc(var(--ss)*15vw)}
.gap-20{gap:calc(var(--ss)*20vw)}
.gap-25{gap:calc(var(--ss)*25vw)}
.gap-30{gap:calc(var(--ss)*30vw)}
.gap-35{gap:calc(var(--ss)*35vw)}
.gap-40{gap:calc(var(--ss)*40vw)}
.gap-45{gap:calc(var(--ss)*45vw)}
.gap-50{gap:calc(var(--ss)*50vw)}
.gap-55{gap:calc(var(--ss)*55vw)}
.gap-60{gap:calc(var(--ss)*60vw)}
.gap-65{gap:calc(var(--ss)*65vw)}
.gap-70{gap:calc(var(--ss)*70vw)}
.gap-75{gap:calc(var(--ss)*75vw)}
.gap-80{gap:calc(var(--ss)*80vw)}
.gap-85{gap:calc(var(--ss)*85vw)}
.gap-90{gap:calc(var(--ss)*90vw)}
.gap-95{gap:calc(var(--ss)*95vw)}
.gap-100{gap:calc(var(--ss)*100vw)}

@media(min-width:1441px){
    .gap-10{gap:calc(10/16*1rem)}
    .gap-15{gap:calc(15/16*1rem)}
    .gap-20{gap:calc(20/16*1rem)}
    .gap-25{gap:calc(25/16*1rem)}
    .gap-30{gap:calc(30/16*1rem)}
    .gap-35{gap:calc(35/16*1rem)}
    .gap-40{gap:calc(40/16*1rem)}
    .gap-45{gap:calc(45/16*1rem)}
    .gap-50{gap:calc(50/16*1rem)}
    .gap-55{gap:calc(55/16*1rem)}
    .gap-60{gap:calc(60/16*1rem)}
    .gap-65{gap:calc(65/16*1rem)}
    .gap-70{gap:calc(70/16*1rem)}
    .gap-75{gap:calc(75/16*1rem)}
    .gap-80{gap:calc(80/16*1rem)}
    .gap-85{gap:calc(85/16*1rem)}
    .gap-90{gap:calc(90/16*1rem)}
    .gap-95{gap:calc(95/16*1rem)}
    .gap-100{gap:calc(100/16*1rem)}
}

@media(max-width:768px){
    .m-gap-10{gap:calc(var(--ss)*10vw)}
    .m-gap-15{gap:calc(var(--ss)*15vw)}
    .m-gap-20{gap:calc(var(--ss)*20vw)}
    .m-gap-25{gap:calc(var(--ss)*25vw)}
    .m-gap-30{gap:calc(var(--ss)*30vw)}
    .m-gap-35{gap:calc(var(--ss)*35vw)}
    .m-gap-40{gap:calc(var(--ss)*40vw)}
    .m-gap-45{gap:calc(var(--ss)*45vw)}
    .m-gap-50{gap:calc(var(--ss)*50vw)}
    .m-gap-55{gap:calc(var(--ss)*55vw)}
    .m-gap-60{gap:calc(var(--ss)*60vw)}
    .m-gap-65{gap:calc(var(--ss)*65vw)}
    .m-gap-70{gap:calc(var(--ss)*70vw)}
    .m-gap-75{gap:calc(var(--ss)*75vw)}
    .m-gap-80{gap:calc(var(--ss)*80vw)}
    .m-gap-85{gap:calc(var(--ss)*85vw)}
    .m-gap-90{gap:calc(var(--ss)*90vw)}
    .m-gap-95{gap:calc(var(--ss)*95vw)}
    .m-gap-100{gap:calc(var(--ss)*100vw)}
}

@media(min-width:769px){
    .d-gap-10{gap:calc(var(--ss)*10vw)}
    .d-gap-15{gap:calc(var(--ss)*15vw)}
    .d-gap-20{gap:calc(var(--ss)*20vw)}
    .d-gap-25{gap:calc(var(--ss)*25vw)}
    .d-gap-30{gap:calc(var(--ss)*30vw)}
    .d-gap-35{gap:calc(var(--ss)*35vw)}
    .d-gap-40{gap:calc(var(--ss)*40vw)}
    .d-gap-45{gap:calc(var(--ss)*45vw)}
    .d-gap-50{gap:calc(var(--ss)*50vw)}
    .d-gap-55{gap:calc(var(--ss)*55vw)}
    .d-gap-60{gap:calc(var(--ss)*60vw)}
    .d-gap-65{gap:calc(var(--ss)*65vw)}
    .d-gap-70{gap:calc(var(--ss)*70vw)}
    .d-gap-75{gap:calc(var(--ss)*75vw)}
    .d-gap-80{gap:calc(var(--ss)*80vw)}
    .d-gap-85{gap:calc(var(--ss)*85vw)}
    .d-gap-90{gap:calc(var(--ss)*90vw)}
    .d-gap-95{gap:calc(var(--ss)*95vw)}
    .d-gap-100{gap:calc(var(--ss)*100vw)}
}

@media(min-width:1441px){
    .d-gap-10{gap:calc(10/16*1rem)}
    .d-gap-15{gap:calc(15/16*1rem)}
    .d-gap-20{gap:calc(20/16*1rem)}
    .d-gap-25{gap:calc(25/16*1rem)}
    .d-gap-30{gap:calc(30/16*1rem)}
    .d-gap-35{gap:calc(35/16*1rem)}
    .d-gap-40{gap:calc(40/16*1rem)}
    .d-gap-45{gap:calc(45/16*1rem)}
    .d-gap-50{gap:calc(50/16*1rem)}
    .d-gap-55{gap:calc(55/16*1rem)}
    .d-gap-60{gap:calc(60/16*1rem)}
    .d-gap-65{gap:calc(65/16*1rem)}
    .d-gap-70{gap:calc(70/16*1rem)}
    .d-gap-75{gap:calc(75/16*1rem)}
    .d-gap-80{gap:calc(80/16*1rem)}
    .d-gap-85{gap:calc(85/16*1rem)}
    .d-gap-90{gap:calc(90/16*1rem)}
    .d-gap-95{gap:calc(95/16*1rem)}
    .d-gap-100{gap:calc(100/16*1rem)}
    
    
    .xl-gap-10{gap:calc(10/16*1rem)}
    .xl-gap-15{gap:calc(15/16*1rem)}
    .xl-gap-20{gap:calc(20/16*1rem)}
    .xl-gap-25{gap:calc(25/16*1rem)}
    .xl-gap-30{gap:calc(30/16*1rem)}
    .xl-gap-35{gap:calc(35/16*1rem)}
    .xl-gap-40{gap:calc(40/16*1rem)}
    .xl-gap-45{gap:calc(45/16*1rem)}
    .xl-gap-50{gap:calc(50/16*1rem)}
    .xl-gap-55{gap:calc(55/16*1rem)}
    .xl-gap-60{gap:calc(60/16*1rem)}
    .xl-gap-65{gap:calc(65/16*1rem)}
    .xl-gap-70{gap:calc(70/16*1rem)}
    .xl-gap-75{gap:calc(75/16*1rem)}
    .xl-gap-80{gap:calc(80/16*1rem)}
    .xl-gap-85{gap:calc(85/16*1rem)}
    .xl-gap-90{gap:calc(90/16*1rem)}
    .xl-gap-95{gap:calc(95/16*1rem)}
    .xl-gap-100{gap:calc(100/16*1rem)}
}

/* IOS FIXES */
@media(max-width:768px){}


/* MARGINS
======================================================= */
.mtauto{margin-top: auto;}
.mlauto{margin-left: auto;}
.mbauto{margin-bottom: auto;}
.mrauto{margin-right: auto;}
.mcauto{margin-right: auto;margin-left: auto;}
.mb-0{margin-bottom:0 !important}
.mt- 0{margin-top:0 !important;}

@media(max-width:768px){
    .m-mtauto{margin-top: auto;}
    .m-mlauto{margin-left: auto;}
    .m-mbauto{margin-bottom: auto;}
    .m-mrauto{margin-right: auto;}
    .m-mcauto{margin-right: auto !important;margin-left: auto !important;}
	.m-mt-0{margin-top:0 !important;}
	.m-mb-0{margin-bottom:0 !important;}
}

@media(min-width:769px){
    .d-mt-0{margin-top:0px !important;}
	.d-mb-0{margin-bottom:0px !important;}
    .d-mtauto{margin-top: auto;}
    .d-mlauto{margin-left: auto;}
    .d-mbauto{margin-bottom: auto;}
    .d-mrauto{margin-right: auto;}
    .d-mcauto{margin-right: auto !important;margin-left: auto !important;}
    .strong{margin-bottom:0;}
}

/* PADDINGS
======================================================= */
.pb-0{padding-bottom:0 !important;}
.pt-0{padding-top:0 !important;}
.pl-0{padding-left:0 !important;}
.pr-0{padding-right:0 !important;}
.hpad{padding-left:var(--hpad) !important;padding-right:var(--hpad) !important}
.hpad-l{padding-left:var(--hpad);}
.hpad-r{padding-right:var(--hpad);}

@media(max-width:768px){
	section.m-pt-s .container{padding-top:calc(var(--vpads)) !important;}
	section.m-pb-s .container{padding-bottom:calc(var(--vpads)) !important;}
	
	section.m-pb-l{padding-bottom:calc(var(--ss)*35vw)}
	section.m-pb-0 .container, .container.m-pb-0{padding-bottom:0 !important;}
	section.m-pt-0 .container, .container.m-pt-0{padding-top:0 !important;}
	section.m-pl-0 .container, .container.m-pl-0{padding-left:0 !important;}
	section.m-pr-0 .container, .container.m-pr-0{padding-right:0 !important;}
    
    .m-hpad{padding-left:var(--hpad) !important;padding-right:var(--hpad) !important}
    .m-hpad-l{padding-left:var(--hpad) !important;}
    .m-hpad-r{padding-right:var(--hpad) !important;}
    
    .hero-side section.m-pt-s > div{padding-top:calc(var(--vpads)) !important;}
	.hero-side section.m-pb-s > div{padding-bottom:calc(var(--vpads)) !important;}

	.hero-side section.m-pb-0 > div{padding-bottom:0 !important;}
	.hero-side section.m-pt-0 > div{padding-top:0 !important;}
	.hero-side section.m-pl-0 > div{padding-left:0 !important;}
	.hero-side section.m-pr-0 > div{padding-right:0 !important;}
    
    .m-hpad-0{padding-left:0 !important;padding-right:0 !important}
}

@media(min-width:769px){
	section.d-pb-l,section.d-bp-l{padding-bottom:calc(var(--ss)*40vw)}
	section.d-pb-0 .container, .container.d-pb-0{padding-bottom:0 !important;}
	section.d-pt-0 .container, .container.d-pt-0{padding-top:0 !important;}
	section.d-pl-0 .container, .container.d-pl-0{padding-left:0 !important;}
	section.d-pr-0 .container, .container.d-pr-0{padding-right:0 !important;}
	
	section.d-pt-s .container{padding-top:calc(var(--vpads)) !important;}
	section.d-pb-s .container{padding-bottom:calc(var(--vpads)) !important;}
    
    .hero-side section.d-pb-0 > div{padding-bottom:0 !important;}
	.hero-side section.d-pt-0 > div{padding-top:0 !important;}
	.hero-side section.d-pl-0 > div{padding-left:0 !important;}
	.hero-side section.d-pr-0 > div{padding-right:0 !important;}
	
	.hero-side section.d-pt-s > div{padding-top:calc(var(--vpads)) !important;}
	.hero-side section.d-pb-s > div{padding-bottom:calc(var(--vpads)) !important;}
    
    .d-hpad{padding-left:var(--hpad) !important;padding-right:var(--hpad) !important}
    .d-hpad-l{padding-left:var(--hpad) !important;}
    .d-hpad-r{padding-right:var(--hpad) !important;}
}

@media(min-width:1441px){
	section.d-pb-l,section.d-bp-l{padding-bottom:3.125rem}
}

/* WIDTHS & HEIGHTS
======================================================= */
.w-100{width:100%;}
.w-100{width:100% !important;}
.w-90{width:90% !important;}
.w-80{width:80% !important;}
.w-70{width:70% !important;}
.w-60{width:60% !important;}
.w-50{width:50% !important;}
.w-40{width:40% !important;}
.w-30{width:30% !important;}
.w-20{width:20% !important;}
.w-10{width:10% !important;}

.w-95{width:95% !important;}
.w-85{width:85% !important;}
.w-75{width:75% !important;}
.w-65{width:65% !important;}
.w-55{width:55% !important;}
.w-45{width:45% !important;}
.w-35{width:35% !important;}
.w-25{width:25% !important;}
.w-15{width:15% !important;}

.h-100{height:100%;}
.h-fc{height:fit-content}
.h-auto{height:auto}
.w-fc{width:fit-content}
@media(max-width:768px){
	
	.m-w-100{width:100% !important;}
	.m-w-90{width:90% !important;}
	.m-w-80{width:80% !important;}
	.m-w-70{width:70% !important;}
	.m-w-60{width:60% !important;}
	.m-w-50{width:50% !important;}
	.m-w-40{width:40% !important;}
	.m-w-30{width:30% !important;}
	.m-w-20{width:20% !important;}
	.m-w-10{width:10% !important;}
	
	.m-w-95{width:95% !important;}
	.m-w-85{width:85% !important;}
	.m-w-75{width:75% !important;}
	.m-w-65{width:65% !important;}
	.m-w-55{width:55% !important;}
	.m-w-45{width:45% !important;}
	.m-w-35{width:35% !important;}
	.m-w-25{width:25% !important;}
	.m-w-15{width:15% !important;}
}

@media(min-width:769px){
	.d-w-100{width:100% !important;}
	.d-w-90{width:90% !important;}
	.d-w-80{width:80% !important;}
	.d-w-70{width:70% !important;}
	.d-w-60{width:60% !important;}
	.d-w-50{width:50% !important;}
	.d-w-40{width:40% !important;}
	.d-w-30{width:30% !important;}
	.d-w-20{width:20% !important;}
	.d-w-10{width:10% !important;}
	
	.d-w-95{width:95% !important;}
	.d-w-85{width:85% !important;}
	.d-w-75{width:75% !important;}
	.d-w-65{width:65% !important;}
	.d-w-55{width:55% !important;}
	.d-w-45{width:45% !important;}
	.d-w-35{width:35% !important;}
	.d-w-25{width:25% !important;}
	.d-w-15{width:15% !important;}
}

/* BUTTONS & LINKS
======================================================= */
button, a{cursor: pointer;transition: 0.3s all;}

/* BTNS */
.btn{ display:flex; font:var(--btn); border:var(--border-dgreen); width:fit-content; height:calc(var(--ss)*45vw); justify-content: center; align-items:center; background:transparent; color:var(--dgreen); transition: 0.3s all; cursor: pointer; padding:0 calc(var(--ss)*20vw) 0; border-radius:0; letter-spacing: var(--ls05); position:relative; text-align: center; text-transform: uppercase; border-radius:calc(var(--ss)*50vw); gap:calc(var(--ss)*10vw)}

.btn.btn-yellow{background:var(--yellow);}
.btn.btn-orange{background:var(--orange); color:var(--lcream); border:none;}
.btn.btn-border{background:transparent; color:var(--dgreen);}

.hover-stroke,
.hover-fill{transition:all 0.3s;}

/* Active */
.btn:active,
.btn:hover,
.btn:focus,
.btn.btn-border:active,
.btn.btn-border:hover,
.btn.btn-border:focus{background:var(--yellow);}

.btn.btn-yellow:active,
.btn.btn-yellow:hover,
.btn.btn-yellow:focus,
.btn.btn-orange:active,
.btn.btn-orange:hover,
.btn.btn-orange:focus{background:var(--dgreen); color:var(--lcream)}

.btn.btn-yellow:active .hover-stroke,
.btn.btn-yellow:hover .hover-stroke,
.btn.btn-yellow:focus .hover-stroke,
.btn.btn-orange:active .hover-stroke,
.btn.btn-orange:hover .hover-stroke,
.btn.btn-orange:focus .hover-stroke{stroke:var(--lcream);}

.btn.btn-yellow:active .hover-fill,
.btn.btn-yellow:hover .hover-fill,
.btn.btn-yellow:focus .hover-fill,
.btn.btn-orange:active .hover-fill,
.btn.btn-orange:hover .hover-fill,
.btn.btn-orange:focus .hover-fill{fill:var(--lcream);}

.btn.w-100{width:100%;}

.btn-wrap.btn-main .btn span{white-space: nowrap;}

.btn-arrow:hover svg{animation:var(--bounce-right); animation-delay:0s;}

.btn span{white-space: nowrap;}


@media(max-width:768px){
    .mob-btn-100 > .btn{width:100%;}
    
    .btn{background:var(--yellow);}
    .yellow-bg .btn{background:var(--dgreen); color:var(--lcream)}
    
    .btn-arrow svg{animation:var(--bounce-right); animation-delay:0s;}
    
}

@media(min-width:769px){
    .yellow-bg .btn:active,
    .yellow-bg .btn:focus,
    .yellow-bg .btn:hover{background:var(--dgreen); color:var(--lcream)}
    
    .yellow-bg .btn:active .hover-fill,
    .yellow-bg .btn:focus .hover-fill,
    .yellow-bg .btn:hover .hover-fill{fill:var(--lcream)}
    
    .yellow-bg .btn:active .hover-stroke,
    .yellow-bg .btn:focus .hover-stroke,
    .yellow-bg .btn:hover .hover-stroke{stroke:var(--lcream)}
}


@media(min-width:1441px){
    .btn{ height:calc(45/16*1rem); border-radius:calc(50/16*1rem); gap:calc(10/16*1rem)}
}

/* LINKS */
.link{text-transform: uppercase; font:var(--btn); letter-spacing: var(--ls05); display:flex; align-items: center; color:inherit; position:relative;gap:calc(var(--ss)*15vw)}

@media(min-width:769px){
}

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

@media(min-width:1441px){
    .link{gap:calc(15/16*1rem)}
}


/* COOKIE BUTTON
======================================================= */
@media(min-width:769px){
	.cookie-button{padding:0; width:2.5vw !important; height:2.5vw !important;left:calc(var(--ss)*30vw) !important; bottom:calc(var(--ss)*30vw) !important;}
	.cookie-button svg{width:2vw !important; height:2vw !important;}
}

@media(max-width:768px){
	.cookie-button{left:calc(var(--ss)*16vw) !important; bottom:calc(var(--ss)*80vw) !important; }
}

/* SIDE STICKER TABS
======================================================= */
.sticky-btns{position: fixed; height:100vh; top:0; left:0; z-index:1000; pointer-events: none; width:100%;}
.sticky-btns .container{padding:0;}

.side-sticker{position:absolute; right:calc(var(--ss)*20vw); bottom:calc(var(--ss)*70vw); height:calc(var(--ss)*36vw); width:calc(var(--ss)*36vw); border-radius:calc(var(--ss)*15vw); display:flex; align-items: center; justify-content: center;}
.whatsapp-sticker{bottom:calc(var(--ss)*113vw)}
.side-sticker svg {width:calc(var(--ss)*21vw); height:calc(var(--ss)*21vw);}

.sticky-btns a{pointer-events: all;}


.wa-green-bg{background:#25D366}
@media(max-width:768px){
}

@media(min-width:769px){
    
}

@media(min-width:1441px){
.side-sticker{right:calc(20/16*1rem); bottom:calc(70/16*1rem); height:calc(36/16*1rem); width:calc(36/16*1rem); border-radius:calc(15/16*1rem);}
.whatsapp-sticker{bottom:calc(113/16*1rem)}
.side-sticker svg {width:calc(21/16*1rem); height:calc(21/16*1rem);}
}

/* IOS FIXES */
@media(max-width:768px){

    
}