:root { 
	font-size: 62.5%;
	--clr-primary: #ff8300;
	--clr-grey: #6f7271;

	--clr-light: #F8F8F9;
	--clr-l-dark: rgba(65,65,65,1);
	--clr-dark: rgba(50,50,50,1);
	--clr-v-dark: rgba(40,40,40,1);

	--grd-light: #F49715;
	--grd-dark: #E05811;

	--clr-durable: #099E43;
 }

body { 
	font-size: 1.6rem;
	font-family: 'Montserrat', sans-serif;
	/*background-color: var(--clr-light);
	color:  var(--clr-dark);*/

	background-color: var(--clr-v-dark);
	color:  var(--clr-light);

	margin-top:  -90px; /*menu-fix*/
} 
section	{ position: relative; }
img { height: auto; width: 100%; }
.hide-all, .hide-xs, .hide-sm, .hide-md, .hide-lg { display: none; }
.text-center-xs { text-align: center; }

/* ---------- FONTS ---------- */
/*
'Open Sans', sans-serif; reg 400 / bold 700 / extrabold 800 
*/

h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif;  }
h1 { font-size: 3.4rem; font-weight: 700; }
h2 { font-size: 2.2rem; font-weight: 600; margin-bottom: 1.5rem; }
h3, h4 { color: var(--clr-primary); font-size: 1.8rem; font-weight: 400; }
h1 > span, h2 > span, h3 > span { display: block; scale: .8; }
p { font-size: 1.6rem; }
a { transition: .5s all; color:  var(--clr-primary); }
a:hover { color: var(--clr-secondary); text-decoration: none; }
.uc { text-transform: uppercase; }
.h-line { position: relative; margin-top: 3rem; }
.h-line:before { content: ""; position: absolute; top: -1.2rem; left: 50%; transform: translateX(-50%); width: 5rem; height: 5px; border-radius: 2px; background-color: var(--clr-primary); }
.h-line.hl-left:before { left: 0; transform:translateX(0); }
.h-line.hl-bottom:before { top: auto; bottom: -1.2rem; }
.clr-gradient .h-line:before, .hero .h-line:before, .hl-white.h-line:before { background-color: rgba(255,255,255,.85); }
.clr-gradient h2, .hero h2 { color: #fff; }
.box h2 { color: var(--clr-dark); }

/* ---------- BGs ---------- */
.bg-white { background-color: #fff; }
.clr-gradient { background: rgb(244,151,21); background: linear-gradient(125deg, rgba(244,151,21,1) 0%, rgba(224,88,16,1) 65%, rgba(16,15,15,1) 100%); padding: 6rem 0; }

.bg-dark { background-color: var(--clr-dark); }
.bg-v-dark { background-color: var(--clr-v-dark); }
.bg-l-dark { background-color: var(--clr-l-dark); }

/* ---------- CLRS ---------- */
.clr-white { color: #fff; }
.clr-primary { color: var(--clr-primary); }

/* ---------- MAIN NAV ---------- */
.navbar { padding: 0; color: #000; background: transparent; }

.navbar-brand { padding: 2.25rem 0; margin-right: 2rem; }
.navbar-brand img {	height: 25px; margin: 0 8px 0 0; width: auto; }
.navbar-brand span { color: #fff; vertical-align:middle; font-size: 1.1rem; text-transform: uppercase; font-weight: 900; }
.navbar-brand a { color: rgba(255,255,255,1); text-decoration: none; }
.navbar-brand a:hover { color: rgba(255,255,255,.75); }
.navbar-toggler { border: none; margin-left: auto; margin-top: -.5rem; }
.navbar-toggler.collapsed .toggler-open, .navbar-toggler .toggler-close { display: block; }
.navbar-toggler.collapsed .toggler-close, .navbar-toggler .toggler-open { display :none; }
.navbar-nav .nav-link, .navbar-nav .nav-link.active { position: relative; color: #fff; font-weight: 600; }
 
.navbar-toggler:focus { box-shadow: none; }
.navbar-collapse.collapsing { transition: none; }
.navbar-collapse {  position: absolute; top: 8rem; right: -100%; width:  100%; transition: right .5s, width .5s; }
.navbar-collapse.show { right: 0; overflow-y: auto; }
.navbar-collapse.show ul { background: #fff; }
.navbar-collapse.show .navbar-nav .nav-link { color: #000; background: #fff; border-bottom: solid 1px #ddd; font-weight: 600; text-transform: uppercase; padding: 1.2rem 1.2rem; font-size:  1.2rem;  }
.scrollcheck { transition: background 200ms linear, box-shadow 200ms linear; box-shadow: 0 0 12px 6px rgba(0,0,0,.25); background: var(--clr-v-dark); }
.scrollcheck .navbar-nav .nav-link, .scrollcheck .navbar-nav .nav-link:active {  }
.scrollcheck .navbar-brand span {  }

/*.lang-toggle { margin: -0.6rem 0 0 1rem; }
.lang-toggle a { font-weight: 600; padding: .6rem; border: solid 2px #fff; border-radius: 3px; color: #fff; text-decoration: none; }
.lang-toggle a:hover { color: #fff; }
.scrollcheck .lang-toggle a { color :#000; border-color: #000; }
.scrollcheck .lang-toggle a:hover { color :#000; }
.lang-toggle .dropdown-toggle:after { content:""; display: none; }*/
.dropdown-menu { min-width: auto; background: none; border: none; }
.dropdown-item { width: auto; text-align: center; background: rgba(255,255,255,.2); width: 38px; margin-top: .5rem; }
.dropdown-item:hover { background: rgba(255,255,255,.4); }
.scrollcheck .dropdown-item { color: #000; border-color: #000; background:  rgba(255,255,255,.5); }
.scrollcheck .dropdown-item:hover { background:   rgba(255,255,255,.8); }

.tl-link img { max-width: 20px; width: 20px; margin-top: -2px;}

/* ---------- XTRA SPACING ---------- */
.sm-t { margin-top: 8rem; }
.sm-dt { margin-top: 16rem; }
.sp-t { padding-top: 8rem; }
.sp-dt { padding-top: 16rem; }
.sm-b { margin-bottom: 8rem; }
.sm-db { margin-bottom: 16rem; }
.sp-b { padding-bottom: 8rem; }
.sp-db { padding-bottom: 16rem; }
.sm-y { margin-top: 8rem; margin-bottom: 8rem; }
.sp-y { padding-top: 8rem; padding-bottom: 8rem; }
.smp-y { margin-top: 4rem; margin-bottom: 4rem; padding-top: 4rem; padding-bottom: 4rem; }
.smp-ydt { margin-top: 8rem; margin-bottom: 4rem; padding-top: 8rem; padding-bottom: 4rem;  }
.p0 { padding: 0; }
.p2 { padding: 2rem; }
.px2 { padding: 0 2rem; }

/* ---------- FOOTER ---------- */
footer { background-color: var(--clr-dark); border-top:  2px solid rgba(51, 51, 51, 0.25); color: #AEAEAE; padding:  2rem 0 6rem 0; }
footer nav { text-align: center; margin: 1.5rem 0 3rem 0; }
footer nav ul { list-style-type: none; padding: 0; }
footer nav li { display: block; margin: 0 0 1.2rem 0; }
footer nav a { font-size: 1.4rem; color: #7E7E7E; text-decoration: none; font-weight: 600; text-transform: uppercase; }
footer nav a:hover { color: #F9F9F9; }
.copy a { opacity: .9; width: 90px; display: block; margin: 0 auto 2rem auto; }
.copy a:hover { opacity: 1; }
.copy { font-size: 1.3rem; }
footer nav.legal { margin: 3rem 0; }
footer nav.legal li { display: inline-block; margin: 0 1rem; }
footer nav.legal a { font-weight: 400; font-size: 1.3rem; text-decoration: underline; text-transform: none; }

/* ---------- BREADCRUMBS---------- */
.bc { color: #fff; position: absolute; top: 86px; left: 0px; z-index: 1; font-size: 1rem; text-transform: uppercase; list-style-type: none; padding: .75rem; margin: 0; text-shadow: 1px 1px rgba(0,0,0,.3); font-weight: bold; opacity: .75; transition: opacity .5s; }
.bc:hover { opacity: 1; }
.bc:before { background-color: rgba(16, 18, 23, .5); content:""; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; opacity: 0; transition: opacity .5s; border-radius: 0 3px 3px 0; }
.bc:hover:before { opacity: .75; }
.bc li { display: inline-block; padding-right: .75rem; }
.bc li:last-child { padding-right: 0rem; }
.bc li:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 700; margin-left: .75rem; }
.bc li:last-child:after { content:""; }
.bc li a { text-decoration: none; color: #fff; }
.bc li a:hover { color: var(--clr-secondary); }

/* ---------- BTNS ---------- */
.btn.fw {  width: 100%; max-width: 400px; font-weight: 600; }
.btn:active, .btn:focus { color: #fff; border: none; }
.btn { position: relative; overflow: hidden; font-size: 1.6rem; padding: 1.5rem 2.5rem; text-transform: uppercase; box-shadow: 0 0 10px 4px rgba(0,0,0,.15); border:  none; transition: background .5s; }
.btn:hover {  box-shadow: 0 0 6px 3px rgba(0,0,0,.35); }
.btn-primary {  color: #fff;  background: var(--clr-primary); background: linear-gradient(125deg, var(--grd-light) 0%, var(--grd-dark) 100%); }
.btn-primary:hover {  }
.btn-secondary { background: var(--clr-secondary); color: #fff; }
.btn-secondary:hover { background: var(--clr-secondary-d);  color: #fff;  }
.btn-primary:after { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 1; }
.btn-primary:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); }

/* ---------- HERO ---------- */
.hero { background: var(--clr-v-dark); border-bottom: solid 20px var(--clr-primary); padding: 90px 0 40px 0; color: #fff; position: relative; overflow: hidden; }
.hero:before { content: ""; position: absolute; display: block; background: url(/images/assets/hero-gfx.svg) no-repeat; transform: translateX(4%); opacity: 1; width: 1000px; height: 1000px; top: -200px; left: 150px; }
.hero-logo { max-width: 220px; position: relative; margin: 0 auto; }
.hero h1, .hero p { transform: scale(.8); }

/* ---------- HEADERS---------- */
.header { padding: 20rem 0 8rem; position: relative; z-index: 0; border-bottom: solid 3px var(--clr-primary); background-repeat: no-repeat; background-size:  cover;}
.header:after { z-index: -1; content:""; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); display: block; position: absolute; top: 0; }
.header .container { z-index: 1; }

/* ---------- PHASES ---------- */
.phases {/* margin-top: -220px; */}
.phases h3 { color: var(--clr-primary); font-weight: 600; }
.poty-icon { width: 50px; height: 50px; margin-bottom: 2rem; }

.phases .box-container { text-align: center; }
.p-date { display: block; }
.p-desc { font-size: 1.2rem; }
#phase-slider:before { content:""; position: absolute; width: 100%; height: 35%; background-color: var(--clr-primary); top: 50%; transform: translateY(-50%); background: var(--clr-primary); background: linear-gradient(90deg, rgba(244,151,21,1) 0%, rgba(224,88,16,1) 100%); }
#phase-slider .active-phase .box.clipped:after, .date-box.box.clipped.active:after { opacity: 1; }
#phase-slider .box.clipped:after, .date-box.box.clipped:after { opacity: .25; }

/* ---------- SPLIDE SLIDER ---------- */
.splide__track { margin-bottom: 35px; padding: 10px 0;}
.splide__pagination { bottom: -20px; }
.splide__pagination__page { background: var(--clr-primary); }
.splide__pagination__page.is-active { background: var(--clr-primary); }

.splide__slide { margin: 1rem 0; }
#main-slider .splide__track { padding: 0; }
#main-slider .splide__track, #main-slider .splide__slide { margin: 0; }

.splide__slide.is-active .box { 
	position: relative;
	overflow: hidden;
}

.splide__arrow { background: white; }

/* ---------- SPLIDE CLIENTS ---------- */
.splide.clients figure, .clients figure {
 padding: 1rem; 
 background-color: #fff;  
 border: none; border-radius: 3px; 
 box-shadow: 0 0 10px 4px rgba(0,0,0,.1); 
 margin: 0 2rem;
 height: 100%;
 display: flex;
 }

.splide.clients figure img, .clients figure img { object-fit: contain; max-height: 100px; }

/*#box-slider:before { content:""; position: absolute; display:  inline; width: 1000%; height: 35%; background-color: var(--clr-primary); left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--clr-primary); background: linear-gradient(90deg, rgba(244,151,21,1) 0%, rgba(224,88,16,1) 100%); }*/

/* ---------- Accordion and Election accordion ---------- */

.accordion h4, .accordion h4:hover, .accordion h3, .accordion h3:hover { cursor: pointer; }
.defaultAcc, .electionAcc { position: relative; }
.defaultAcc .acc-item { margin-bottom: 1rem; margin-top: 2rem; } 
.electionAcc .acc-item { margin-bottom: 2rem; margin-top: 4rem; border: solid 1px var(--clr-dark); }
.defaultAcc .acc-item:last-child, .electionAcc .acc-item:last-child { margin-bottom: 0; }
.defaultAcc .acc-btn[aria-expanded="true"], .electionAcc .acc-btn[aria-expanded="true"] { color: var(--clr-primary); }
.defaultAcc .acc-item:hover, .electionAcc .acc-item:hover { border: solid 1px var(--clr-primary); }
.defaultAcc .acc-btn:before, .electionAcc .acc-btn:before { position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; content: "\f067"; font-weight: 600; font-size: 1rem; opacity: .65; }
.defaultAcc .acc-btn:before:hover, .electionAcc .acc-btn:before:hover { opacity: 1; }
.defaultAcc .acc-btn[aria-expanded="true"]:before, .electionAcc .acc-btn[aria-expanded="true"]:before { content: "\f068"; }
.defaultAcc .acc-content, .electionAcc .acc-content { padding: 0 2rem 2rem; }
.defaultAcc .divider-line, .electionAcc .divider-line { margin: 0rem auto 2rem; }
.defaultAcc .acc-item h3 { margin-bottom: 0; font-size: 1.5rem; letter-spacing: 1px; text-align: center; padding: 2.8rem 1.8rem; position: relative; display: block; position: relative; color: var(--clr-primary); text-transform: uppercase; }
.electionAcc:before {  position: absolute; width:  2px; height:  100%; content: ""; background-color: var(--grd-dark); display:  block; top: 0; left: calc(50% + 4px); transform: translateX(-50%); }
.electionAcc .acc-item h3 { margin-bottom: 0; font-size: 1.6rem; letter-spacing: 2px; text-align: center; padding: 2.8rem 1.8rem; position: relative; display: block; position: relative; color: #ECE0D7; text-transform: uppercase; }
.electionAcc .acc-item h3 > span {  transition:  border .5s, color .5s; padding-left: 2px; position: absolute; top: -2rem; left: 50%; transform: translateX(-50%);  background:  #14181d; width:  4rem; height:  4rem; border-radius: 50%; font-weight: 700; line-height: 3.6rem; vertical-align: center; }
.electionAcc .acc-item:hover h3 > span { color: var(--clr-primary); }


/* ---------- BOX ---------- */
.box { position: relative; box-shadow: 0 0 10px 4px rgba(0,0,0,.15); /*background: #fff;*/ background: var(--clr-dark); }

.box.clipped { background-color: transparent; box-shadow: none; filter: drop-shadow(0px 0px 4px rgba(0,0,0,.15));}
.box.clipped:before { position: absolute; content: ''; clip-path: polygon(0 0, 0 100%, calc(100% - 30px) 100%, 100% calc(100% - 30px), 100% 0%); background: var(--clr-dark); width: 100%; height: 100%; box-shadow: 0 0 10px 4px rgba(0,0,0,.15); z-index: -1; }
.box.clipped:after { content: ''; position: absolute; bottom: 0; right: 0; border-top: 20px solid transparent; border-right: 20px solid var(--clr-primary); width: 0; }

.box-container { padding: 2rem; }

.box.fh { height: 100%; }
.box-image {  position: relative; width: 100%; overflow: hidden; }
.box-image img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: 50% 0; }
.box-image:before { content: ""; display: block; padding-top: 88%; }
.box-image:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: linear-gradient(180deg,rgba(20,24,29,0) 50%,rgba(255,255,255,1) 100%); }
.box-image.scaledown:before { padding-top: 68%; }

.box-image.fixwidth img { height: auto; width: 100%; position: relative; margin: 20px 0;}
.box-image.fixwidth { background: #DED9D3; } 
.box-image.fixwidth:before { padding-top: 0; }

.flexer { display: flex; flex-direction: column; flex-wrap: wrap; align-content: stretch; align-items: stretch; }
.flx-body { flex: 1 1 auto; }
.flx-header, .flx-footer { flex: 0 0 auto; }
.flx-footer .btn { margin: 1.5rem 2rem; }

.date-box .box-date { font-weight: 600; text-transform: uppercase;  text-align: left; border-top: solid 1px var(--clr-primary); padding: 0 0 5px 0; display: inline-block; line-height: 2em; margin: 10px 0; }
.date-box h3 { color: var(--clr-primary); font-size: 1.2em; align-self: center; margin: 0 auto; }
.date-box .flx-body { padding: 1.5rem 2rem .5rem 2rem; }
.date-box .flx-footer { margin: .5rem 2rem 1.5rem 2rem; }

.price-boxes h3 { color: var(--clr-primary); text-transform: uppercase; font-size: 2.4rem; padding: 2rem; font-weight: 600; letter-spacing: 2px; }
.price-boxes .price { background: linear-gradient(125deg, var(--grd-light) 0%, var(--grd-dark) 100%); 
	color: #fff; font-weight: 600; width: 100%; display: block; font-size: 2.4rem; padding: 1.5rem;  }

ul.price-features { list-style-type: none; margin: 0; padding: 0; }
ul.price-features > li {  border-bottom: solid 1px var(--clr-l-dark); text-align: left; padding: 1.5rem 2rem; }
ul.price-features > li:hover { background: var(--clr-l-dark); }
ul.price-features h4 { position: relative; text-transform: uppercase; font-size: 1.6rem; letter-spacing: 2px;  }

ul.price-features span { display: block; font-size: .9em; font-style: italic; }
ul.price-features h4:after { position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; content: "\f067"; font-weight: 600; font-size: 1rem; opacity: .65; }
ul.price-features h4:hover:after { opacity: 1; }
ul.price-features h4[aria-expanded="true"]:after { content: "\f068"; }

/* ---------- LISTS ---------- */
.box-list { list-style-type: none; padding: 0; text-align: left; display: flex; flex-wrap:  wrap; justify-content:  center; align-content:  flex-start; gap: 1rem 1%; }
.box-list li { background-color: var(--clr-dark); border: solid 1px var(--clr-v-dark); box-shadow: 0 0 4px 3px rgba(0,0,0,.4); flex: 0 0 100%; padding:  1rem; }
.box-list li span { display: block; text-transform: uppercase; font-weight: bold; color: var(--clr-primary); font-size: .9em; }
.box-list li span.durable { color: var(--clr-durable); }
.box-list.categories { text-align:center; text-transform: uppercase; font-weight: bold; font-size: .9em;}
.box-list.image-links li  { max-height: 300px; text-align: center; }
.box-list.image-links img { max-height: 100%; }
.box-list .poty-icon { margin-bottom: .5rem; width: 35px; height:  35px; }
.box-list .winner { text-align: center; }

/* ---------- IMAGE GALLERY ---------- */
ul.gallery { padding: 0; list-style-type: none; columns: 5 200px; column-gap: 1.5rem; width: 90%; margin: 2rem auto 0 auto; }
.gallery li {  width: 150px; margin: 0 1.5rem 1.5rem 0; padding: .5rem; display: inline-block; width: 100%; box-shadow: 0 0 4px 3px rgba(0,0,0,.4); background-color: var(--clr-dark); }
.gallery li img { width: 100%; }

ul.gallery:has(> :nth-child(3)):has(> :nth-child(-n+6):last-child) {
	columns: 3;
}


/* ---------- FORMS ---------- */
.form-control, .form-select { padding: 1rem 1rem; font-size: 1.6rem; background-color: #fff; color: #353838; border-radius: 3px; border: 1px solid #ccc; }
.form-control:focus, .form-control:focus-visible, .form-select:focus, .form-select:focus-visible { background-color: #fff; color: #353838; border: 1px solid #ccc; box-shadow: 0 0 8px 6px rgba(200,200,200,.25); }
.form-control::placeholder { color: #abb5b5; }
.form-check-input, .form-check-input[type="checkbox"] { background-color: #fff; border: 1px solid #ccc; border-radius: 0; }
.form-check-input:focus { box-shadow: none; }
.form-check-input:checked { background-color: var(--clr-secondary); border: 1px solid #ccc; }

/* PARTNERS */
.partners { display: flex; flex-wrap: wrap; justify-content: start; align-content: flex-start; }
.partners a { flex: 0 0 calc(33% - 2rem); margin-right: 2rem; margin-bottom: 2rem; padding: 2rem; background-color: #fff; box-shadow: 0 0 4px 3px rgba(0,0,0,.1); display: flex; justify-content: center; align-items: center; }

/* ---------- REVEAL ---------- */
.reveal { opacity: 0; }
.reveal.active { transition: opacity .5s; opacity: 1; }

.active.fade-left { animation: fade-left .7s ease-in; }
.active.fade-right { animation: fade-right .7s ease-in; }
.active.fade-bottom { animation: fade-bottom .7s ease-in; }
.active.fade-bottom-fix { animation: fade-bottom-fix .7s ease-in; }

.no-anim-sm { animation: none !important; }

@keyframes fade-left {
  0% { translate: -100px 0; opacity: 0; }
  100% { translate: 0 0; opacity: 1; }
}
@keyframes fade-right {
  0% { translate: 100px 0; opacity: 0; }
  100% { translate: 0 0; opacity: 1; }
}
@keyframes fade-bottom {
  0% { translate: 0 50px; opacity: 0; }
  100% { translate: 0 0; opacity: 1; }
}

@keyframes fade-bottom-fix {
  0% { translate: -50% 50px; opacity: 0; }
  100% { translate: -50% 0; opacity: 1; }
}

/* ---------- LOADER ---------- */
.loader-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; z-index: 2000; }
.loader { display: inline-block; width: 30px; height: 30px; position: absolute; top:  50%; left:  50%; transform:  translate(-50%,-50%); border: 4px solid var(--clr-primary); border-radius: 3px; animation: loader 2s infinite ease; }
.loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: var(--clr-primary); animation: loader-inner 2s infinite ease-in; }
@keyframes loader { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } }
@keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } }


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.hide-xs { display: inherit; }
	.text-center-xs { text-align: inherit; }
	.hero { padding: 120px 0 90px 0; }
	.hero h1, .hero p { transform: scale(.9);  }
	.hero:before { width: 100%; height: calc(100% + 300px);     top: -50px; left: 50%; transform: translateX(0%); }	
	.hero-logo { max-width: 300px; }

	.box-list { gap: 1rem 1%; }
	.box-list li { flex: 0 0 46%; } 
	.box-list.autoit li { flex: 0 0 auto; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.navbar-collapse { right:  -360px; width: 80vw; max-width: 360px; }
	.navbar-brand img {	height: 30px; }

	.hero:before { transform: translateX(-10%);	}	
	.hero h1, .hero p { transform: scale(1);  }

	.no-anim-sm.active.fade-left { animation: fade-left 1s ease-in !important; }
	.no-anim-sm.active.fade-right { animation: fade-right 1s ease-in !important; }
	.no-anim-sm.active.fade-bottom { animation: fade-bottom 1s ease-in !important; }
	.no-anim-sm.active.fade-bottom-fix { animation: fade-bottom-fix 1s ease-in !important; }

	.box-image.scaledown:before { padding-top: 78%; }

	.partners a { flex: 0 0 calc(20% - 2rem); margin-right: 2rem; }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.navbar-nav .nav-link:after { transition: width .5s; position: absolute; bottom: 20px; left: 50%; width: 0px;height: 4px; background: rgba(255,255,255,1);content: ""; border-radius: 3px; transform: translateX(-50%); }
	.navbar-nav .nav-link.active:after { width: 20px; }
	.navbar-nav .nav-link:hover:after { width: 20px; }
	.navbar-nav .nav-link.nav-btn:after { content: ""; display: none; }
	.navbar-collapse.show .navbar-nav .nav-link { border-bottom: 0;  }
	.scrollcheck .navbar-nav .nav-link:after { background: var(--clr-secondary); }

	.navbar-collapse {  background: inherit; position: relative; top: auto; right: auto; width: auto; max-width: none; }
	.navbar-expand-lg .navbar-nav .nav-link {  padding: 31px 30px; padding-left:  1.2rem; padding-right:  1.2rem; font-size:  1.3rem; }
	.navbar-brand img {	height: 35px; }
	.navbar-brand > a > span { display: none; }

	.hero:before { transform: translateX(-16%);	}	

	.btn { width: auto; max-width: auto; }

	.partners a { flex: 0 0 calc(14% - 2rem); }

	.box-list { gap: 1.6rem 1.3%; }
	.box-list li { flex: 0 0 32%; padding: 2rem; }
	.box-list.image-links li { flex: 1 0 auto; }
	.box-list.image-links li:last-child { flex: 2 1 auto; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.navbar-expand-lg .navbar-nav .nav-link {  padding: 31px 30px; padding-left:  1.4rem; padding-right:  1.4rem; font-size: 1.4rem; }
	.navbar-brand > a > span { display: inline-block; font-size: 1.4rem; }

	.hero:before { transform: translateX(-13%);	}	

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
	.hero:before { transform: translateX(-10%);	}	
	.box-list li { flex: 0 0 20%; } 
}

/* XXX-Large devices (larger desktops, 2000px and up) */
@media (min-width: 2000px) { 
	.hero:before { transform: translateX(-6%);	}	
}