/****
 
Versión 1.0.14
Ultima modificación: 21MAY24

****/

@charset "utf-8";

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, select, button,
header, section, article, footer, aside, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	}
strong {
	font-weight: bold;
	}
:focus {
	outline:0;
	}
body{
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
del {
	text-decoration: none;
}
html {
	height: 100%;
	font-size: 100%;
	overflow-x:hidden;
	overflow-y:scroll;
}

:root {
	--page-w: 75.5rem;

	--fon-t: sans-serif;
	--fon-h: sans-serif;

	--sca-t: 1rem;
	--sca-h: 1rem;
	--sca-lh: 1.2em;
	--sca-mar: 1rem;
	--sca-pad: 2.5rem;

	--ratio: .3125;

	--fon-w1: 200;
	--fon-w5: 400;
	--fon-w7: 500;
	--fon-w9: 700;

	--col-dar: #000000;
	--col-dar-op25: #00000044;
	--col-bg: #fff;
	--col-lig: #EBEBF0;
	--col-sep: #8F90A6;
	--col-pri: #0038FF;
	--col-pri-op75: #0038FFBF;
	--col-pri-bg: #0038FF;
	--col-acc: #0038FF;
	--col-acc-bg: #0038FF;

	--col-red: #F03D3E;
	--col-gre: #007B40;

	--col-grad-v: linear-gradient(180deg, var(--col-dar) 0%, var(--col-pri) 100%);

	--rad-s: .25rem;
	--rad-m: .5rem;
	--rad-l: 1rem;
	--rad-bt: 100rem;

	--sha-s: 0 .125rem .25rem 0 var(--col-dar-op25);
	--sha-m: 0 .25rem .75rem 0 var(--col-dar-op25);
	--sha-l: 0 .5rem 2rem .125rem var(--col-dar-op25);
	--sha-i: inset 0 .125rem .25rem 0 var(--col-dar-op25);

	--ani-f: all 500ms cubic-bezier(.7,0,.3,1);
}

body {
	font-family: var(--fon-t);
	font-weight: var(--fon-w5);
	font-size:100%;
	line-height:1;
	color: var(--col-dar);
	background: var(--col-bg);
	min-height:100%;
}
@media (min-width: 960px) {
	::-webkit-scrollbar {
	  width: .875rem;
	}
	::-webkit-scrollbar-track {
	  background: var(--col-lig);
	  border-radius: 0;
	}
	::-webkit-scrollbar-thumb {
	  background: var(--col-sep);
	  border-radius: 0;
	}
	::-webkit-scrollbar-thumb:hover {
	  background: var(--col-pri);
	}
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

@media (max-width: 960px) {
	.mobWrapper {
		position: relative;
		overflow-x: hidden;
		width: 100%;
	}
}

#jslock {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: #ffffff33;
}
.loader {
    width: calc(var(--sca-t)*3);
    height: calc(var(--sca-t)*3);
    border: calc(var(--sca-t)/4) solid var(--col-acc);
    border-bottom-color: transparent;
    border-radius: 100rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: calc(var(--sca-t)*-1.5);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.main {
	padding-top: calc(var(--sca-pad)*2);
	min-height: calc(100vh - calc(var(--sca-pad) + calc(var(--sca-t)*2.125)) - calc(var(--sca-pad)*5));
}
.header + .main {
	margin-top: calc( var(--sca-pad) + calc(var(--sca-t)*2.125));
}
.main .section.bg:first-child {
	margin-top: calc(var(--sca-pad)*-2);
	padding-top: calc(var(--sca-pad)*2);
	padding-bottom: calc(var(--sca-pad)*2);
}
.section {
	padding-bottom: calc(var(--sca-pad)*3);
}
.section.bg,
.card.bg,
.frame.bg {
	color: var(--col-bg);
	background-color: var(--col-pri-bg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.section.bg .card,
.section.bg .frame {
	color: var(--col-dar);
}
.section.bg h2,
.section.bg h3,
.section.bg h4,
.section.bg h5,
.section.bg h6,
.card.bg h2,
.card.bg h3,
.card.bg h4,
.card.bg h5,
.card.bg h6 {
	color: var(--col-bg);
}
.section.bg .card.bg h2,
.section.bg .card.bg h3,
.section.bg .card.bg h4,
.section.bg .card.bg h5,
.section.bg .card.bg h6 {
	color: var(--col-dar);
}

.section.bg-half-l {
	position: relative;
}
.section.bg-half-l > img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	object-fit: cover;
}
.section.bg.bg-half-r {
	background-size: auto 100%;
	background-position: calc(50vw + calc(var(--sca-pad)*.5) - calc(.875rem * .5)) 50%;
}
.section.bg .card.bg {
	color: var(--col-dar);
	background: var(--col-bg);
}
.section.bg.grad-v,
.card.bg.grad-v {
	background: var(--col-grad-v);
}
.section.bg-l,
.card.bg-l {
	background: var(--col-lig);
	border-color: transparent;
}
.section.bg,
.section.bg-l {
	padding-top: calc(var(--sca-pad)*4);
	padding-bottom: calc(var(--sca-pad)*4);
}
.section.bg + .section,
.section.bg-l + .section {
	padding-top: calc(var(--sca-pad)*4);
}
.section.bg-l + .section.bg-l {
	padding-top: 0;
}
.section + .section.bg,
.section + .section.bg-l {
	margin-top: var(--sca-pad);
}
.section.bg + .section.bg,
.section.bg + .section.bg-l,
.section.bg-l + .section.bg,
.section.bg-l + .section.bg-l {
	margin-top: 0;
}
.section.overlap-b {
	padding-bottom: 0;
	margin-bottom: calc(var(--sca-pad)*-4);
	position: relative;
	z-index: 10;
}
.section.overlap-b + .section {
	margin-top: 0;
	padding-top: calc(var(--sca-pad)*8);
}

.page {
	padding: 0 calc(var(--sca-pad)*2);
	max-width: var(--page-w);
	margin: 0 auto;
	clear:both;
}
.row {
	margin: 0 calc(var(--sca-pad)*-.5);
	font-size: 0;
	clear: both;
}
.row.rtl {
	direction: rtl;
}
h2 + .row,
h3 + .row,
h4 + .row,
h2 + p + .row,
h2 + .card,
h3 + .card,
h4 + .card,
h2 + p + .card,
h2 + .frame,
h3 + .frame,
h4 + .frame,
h2 + p + .frame {
	margin-top: calc(var(--sca-pad)*2);
}
.row + * {
	margin-top: calc(var(--sca-pad)*2);
}
.row .row + *,
.row * + .row {
	margin-top: var(--sca-pad);
}
.page:after,
.row:after {
	content:'';
	display:table;
	width:100%;
	clear:both;
}
.col,
.gap {
	font-size: var(--sca-t);
	padding: 0 calc(var(--sca-pad)*.5);
	box-sizing: border-box;
	min-height: 1px;
	text-align: left;
	direction: ltr!important;
}
@media (min-width: 960px) {
	.col,
	.gap {
		display: inline-block;
		vertical-align: top;
	}
	.col1 {width: 8.333%;}
	.col2 {width: 16.666%;}
	.col3 {width: 25%;}
	.col4 {width: 33.333%;}
	.col5 {width: 41.666%;}
	.col6 {width: 50%;}
	.col7 {width: 58.333%;}
	.col8 {width: 66.666%;}
	.col9 {width: 75%;}
	.col10 {width: 83.333%;}
	.col11 {width: 91.666%;}
	.col12 {width: 100%;}
}
@media (max-width: 959px) {
	.col + .gap,
	.col + .col {
		margin-top: calc(var(--sca-pad)*1.5);
	}
}
.row.alig-c .col, 
.row.alig-c .gap {
	vertical-align: middle;
}
.section.alig-c,
.section.alig-c .col,
.card.alig-c,
.col.alig-c {
	text-align: center;
}
.alig-c img {
	display: inline-block;
}

.main > *:last-child,
.section > *:last-child,
.page > *:last-child,
.col > *:last-child,
.card > *:last-child {
	margin-bottom: 0!important;
}

a i {
	line-height: inherit!important;
}
svg {
	width: auto;
	height: auto;
}
picture {
	display: block;
}
svg,
img {
	display: block;
	max-width: 100%;
}

.bt,
.bg .bg .bt {
	font-size: var(--sca-t);
	line-height: 2.75em;
	padding: 0 1.5em;
	border: solid 1px transparent;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: var(--col-acc);
	box-shadow: 0 0 0 0 var(--col-acc);
	color: var(--col-bg);
	border-radius: var(--rad-bt);
	cursor: pointer;
	transition: var(--ani-f);
}
.bt i {
	margin-right: .75em;
}
.bt-g,
.bg .bg .bt-g {
	color: var(--col-acc);
	border-color: currentColor;
	background: var(--col-bg);
}
.bt-i {
	width: 2.75em;
}
.bt-i i {
	margin: 0;
}
.bt-text,
.bg .bg .bt-text {
	font-size: var(--sca-t);
	display: inline-block;
	text-decoration: underline;
	vertical-align: middle;
	font-weight: var(--fon-w9);
	color: var(--col-acc);
	border-radius: 1px;
	transition: var(--ani-f);
	box-shadow: 0 0 0 0 var(--col-bg);
}
p .bt-text {
	display: inline;
	vertical-align: initial;
	margin-left: .5em;
}
.bt:hover,
.bg .bg .bt:hover {
	color: var(--col-bg);
	border-color: transparent;
	background: var(--col-acc);
	box-shadow: 0 0 0 .25rem var(--col-acc);
}
.bt-text:hover,
.bg .bg .bt-text:hover {
	color: var(--col-lig);
	background: var(--col-acc);	
	box-shadow: 0 0 0 .375rem var(--col-acc);
}
.bg .bt {
	color: var(--col-acc);
	background: var(--col-bg);
}
.bg .bt-g {
	color: var(--col-bg);
	background: transparent;
}
.bg .bt-text {
	color: var(--col-bg);
}
.bg .bt:hover {
	color: var(--col-acc);
	border-color: currentColor;
	background: var(--col-bg);
}
.bg .bt-text:hover {
}

.tooltip {
	position: absolute;
	font-size: calc(var(--sca-t)*.875);
	font-weight: normal;
	left: 50%;
	bottom: 100%;
	margin-bottom: var(--sca-mar);
	white-space: nowrap;
	transform: translateX(-50%);
	background: var(--col-sep);
	line-height: 1em;
	padding: calc(var(--sca-pad)*.25) calc(var(--sca-pad)*.375);
	border-radius: var(--rad-s);
	color: var(--col-bg);
	letter-spacing: 0;
	transition: var(--ani-f);
	opacity: 0;
	visibility: hidden;
}
a:hover .tooltip {
	opacity: 1;
	visibility: visible;
}


h1 {
	font-family: var(--fon-h);
	font-size: calc(var(--sca-t)*calc(var(--ratio)*8 + 1));
	font-weight: var(--fon-w9);
	margin-bottom: var(--sca-mar);
}
.main h2,
.main h3,
.modal h3,
.main h4,
.main h5 {
	font-family: var(--fon-h);
	line-height: var(--sca-lh);
	margin-bottom: var(--sca-mar);
	text-wrap: balance;
}
.main .narrow h2,
.main .narrow h3,
.main .narrow h4,
.main .narrow h5 {
	margin-bottom: calc(var(--sca-mar)*.5);
}
.main h5 {
	line-height: var(--sca-lh);
	margin-bottom: calc(var(--sca-mar)*.5);
}
h1,
.main h2,
.main h3,
.modal h3 {
	letter-spacing: -.02em;
}
.main h6,
.main p,
.modal p,
.main ul,
.main ol {
	font-size: var(--sca-t);
	line-height: calc(var(--sca-lh)*1.2);
	margin-bottom: var(--sca-mar);
	text-wrap: pretty;
}
.main h5 a,
.main p a,
.modal p a {
	text-decoration: underline;
	color: var(--col-pri);
}
.main p.small {
	font-size: calc(var(--sca-t)*.75);
}
.main p strong,
.modal p strong {
	font-weight: var(--fon-w9);
}
.main h2 {
	font-size: calc(var(--sca-t)*calc(var(--ratio)*5 + 1));
	font-weight: var(--fon-w7);
}
.featured h1 + p,
.main h2 + p,
.main p.emph {
	font-size: calc(var(--sca-t)*1.125);
	line-height: calc(var(--sca-lh)*1.2);
}
.main h3,
.modal h3 {
	font-size: calc(var(--sca-t)*calc(var(--ratio)*3 + 1));
	font-weight: var(--fon-w7);
}
.main h4 {
	font-size: calc(var(--sca-t)*calc(var(--ratio)*2 + 1));
	font-weight: var(--fon-w7);
}
.main .bg h4,
.main .bg h5 {
	font-weight: var(--fon-w5);
}
.main h5 {
	font-size: calc(var(--sca-t)*calc(var(--ratio)*1 + 1));
	font-weight: var(--fon-w7);
}
.main h6,
.field label {
	color: var(--col-pri);
	font-size: calc(var(--sca-t)*calc(var(--ratio)*0 + 1));
	line-height: var(--sca-lh);
	font-weight: var(--fon-w9);
	margin-bottom: calc(var(--sca-mar)*.5);
}
.main ol.list li, 
.main ul.list li {
	padding-left: 1.125em;
	position: relative;
	margin-bottom: calc(var(--sca-mar)*.5);
}
.main ol.list {
	counter-reset: ol-list;
}
.main ol.list li:before {
	counter-increment: ol-list;
	content: counter(ol-list);
	position: absolute;
	left: 0;
	color: var(--col-pri);
	font-weight: var(--fon-w9);
}
.main ul.list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: .3125em;
	width: .75em;
	height: .75em;
	background: var(--col-pri);
}
.main p + h1,
.main p + h2,
.main p + h3,
.main p + h4,
.main p + h5,
.main p + h6,
.main ul + h1,
.main ul + h2,
.main ul + h3,
.main ul + h4,
.main ul + h5,
.main ul + h6,
.main ol + h1,
.main ol + h2,
.main ol + h3,
.main ol + h4,
.main ol + h5,
.main ol + h6 {
	margin-top: calc(var(--sca-mar)*2.5);
}
.main h3 + h2,
.main h4 + h3,
.main h5 + h4,
.main h6 + h5 {
	margin-top: calc(var(--sca-mar)*-1);
}
*:not(.bt) + .bt,
*:not(.bt) + .bt + .bt,
* + .bt-text {
	margin-top: calc(var(--sca-mar)*1.5);
}
.main h4 + .bt {
	margin-top: calc(var(--sca-mar)*-.5);
}
.main .card * + h4 {
	margin-top: var(--sca-mar);
}
.page > h2,
.page > h3,
.page > h4,
.page > h5,
.page > p {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.main picture,
a.video {
	position: relative;
	display: block;
	text-align: center;
}
.main picture img,
a.video img {
	display: block;
	border-radius: var(--rad-l);
}
.main picture img:first-child {
	width: 67.5%;
}
.main picture img + img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 45%;
	margin: 0;
}
.main picture img:first-child:last-child {
	width: auto;
	margin: 0 auto;
}
.main picture + *,
.main img + * {
	margin-top: var(--sca-mar);
}
.main picture a:first-child {
	position: absolute;
	right: 1rem;
	top: 1rem;
	font-size: .75rem;
	width: 1.5rem;
	line-height: 1.5rem;
	border-radius: 10rem;
	background: var(--col-pri);
	color: var(--col-bg);
	margin: 0;
	z-index: 9;
}
.main .col.full {
	margin-top: calc(var(--sca-pad)*-4);
  	margin-bottom: calc(var(--sca-pad)*-4);
}
.main .col6.full picture {
	width: calc(50vw - calc(var(--sca-pad)*.5));
}
.main .col6 picture.edge-l {
	margin-left: calc(var(--sca-pad)*-2);
	display: block;
}
.main .col6 picture.edge-l img {
	width: 100%;
}
@media (min-width: 90rem) { /* 75.5rem */
	.main .col6 picture.edge-l {
		margin-left: calc(var(--sca-pad)*-3);
	}
}
@media (max-width: 960px) {
	.main .col picture.edge-l {
		margin-left: calc(var(--sca-pad)*-1.5);
		margin-right: calc(var(--sca-pad)*-1.5);
	}
}
a.video:after {
	content: 'Ver Video';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	line-height: 2.25rem;
	padding-left: 3rem;
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4557 37.1165C29.6712 37.1165 37.9524 28.8352 37.9524 18.6198C37.9524 8.40431 29.6712 0.123047 19.4557 0.123047C9.24025 0.123047 0.958984 8.40431 0.958984 18.6198C0.958984 28.8352 9.24025 37.1165 19.4557 37.1165ZM29.7271 19.7663C30.3937 19.3814 30.3937 18.4192 29.7271 18.0343L14.6507 9.32994C13.9841 8.94503 13.1507 9.42616 13.1507 10.196L13.1507 27.6046C13.1507 28.3744 13.9841 28.8556 14.6507 28.4707L29.7271 19.7663Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	color: #fff;
}
a.play {
	display: block;
	padding-bottom: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4557 37.1165C29.6712 37.1165 37.9524 28.8352 37.9524 18.6198C37.9524 8.40431 29.6712 0.123047 19.4557 0.123047C9.24025 0.123047 0.958984 8.40431 0.958984 18.6198C0.958984 28.8352 9.24025 37.1165 19.4557 37.1165ZM29.7271 19.7663C30.3937 19.3814 30.3937 18.4192 29.7271 18.0343L14.6507 9.32994C13.9841 8.94503 13.1507 9.42616 13.1507 10.196L13.1507 27.6046C13.1507 28.3744 13.9841 28.8556 14.6507 28.4707L29.7271 19.7663Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.video-wrapper {
	position: relative;
	border-radius: var(--rad-l);
	box-shadow: var(--sha-l);
	overflow: hidden;
}
.video-wrapper a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: var(--col-dar-op25);
	transition: var(--ani-f);
	cursor: pointer;
}
.video-wrapper a i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	font-size: 4rem;
	color: #fff;
	text-shadow: 0 0 1rem #00000066;
}
.video-wrapper a i + i,
.video-wrapper a.hidden i {
	display: none;
}
.video-wrapper a.hidden i + i {
	display: block;
}
.video-wrapper a.hidden {
	opacity: 0;
}
.video-wrapper a.hidden:hover {
	opacity: 1;
}
.video-wrapper video {
	display: block;
	width: 100%;
}
img.icon + p {
	font-weight: var(--fon-w9);
}
p + img.icon {
	margin-top: calc(var(--sca-mar)*5);
}
p img {
	vertical-align: middle;
	margin-right: .25em;
}

.hr {
	display: block;
	clear: both;
	margin: var(--sca-mar) 0;
	border-top: solid 1px var(--col-sep);
}
.bg .hr {
	border-color: #ffffff22;
}

.card,
.frame {
	display: block;
	padding: var(--sca-pad) calc(var(--sca-pad)*1.0625);
	border: solid 1px var(--col-sep);
	border-radius: var(--rad-l);
	position: relative;
	background: var(--col-bg);
}
.card + .card,
.frame + .frame {
	margin-top: var(--sca-mar);
}
.card.bg,
.frame.bg {
	border-color: transparent;
}
.card * + .bt:last-child {
	margin-top: var(--sca-pad);
	display: block;
}
.page > .card,
.page > .frame {
	padding: calc(var(--sca-pad)*2) calc(8.666%);
}
.page > .card .bt-i {
	display: inline-block;
}
@media (min-width:960px) {
	.page > .card .bt-i {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: calc(8.666%);
	}
	.page > .card.narrow,
	.page > .frame.narrow {
		padding-top: calc(var(--sca-pad)*.75);
		padding-bottom: calc(var(--sca-pad)*.75);
	}
	.frame,
	.page > .frame {
		padding-left: 0;
		padding-right: 0;
	}
}
.frame > *:not(.row) {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width:960px) {
	.frame .col:first-child ~ .col {
		text-align: left;
	}
	.frame .col.alig-c:first-child ~ .col {
		text-align: center;
	}
	.frame.narrow .col + .col {
		margin-top: calc(var(--sca-pad)*.75);
	}
}
.col6 .card:not(.icon-g) > * {
	max-width: 65%;
}
.col6 .card > a:last-child {
	display: inline-block;
	line-height: 2.75em;
	margin-top: calc(var(--sca-pad)*2);
}
.card h6.badge {
	font-size: calc(var(--sca-t)*.75);
	line-height: 1.75em;
	position: absolute;
	top: calc(var(--sca-pad) * .5);
	right: calc(var(--sca-pad) * .5);
	color: var(--col-bg);
	background: var(--col-red);
	padding: .125em .875em;
	border-radius: 10rem;
}

.icon-g {
	position: relative;
	text-align: left;
}
.col4 > .icon-g {
	padding-left: calc(calc(100% + var(--sca-pad)) / 4);
}
.col6 > .card.icon-g {
	padding-left: calc(calc(100% + var(--sca-pad)) / 3);
}
.icon-g > img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.card.icon-g img + * {
	margin-top: 0;
}
.col6 .card.icon-g > img {
	left: calc(calc(100% + var(--sca-pad)) / 6);
	transform: translate(-50% , -50%);
}
@media (max-width:960px) {
	.icon-g {
		text-align: center;
	}
	.col4 > .icon-g {
		padding-left: 0;
		padding-top: calc(calc(100% + var(--sca-pad)) / 4);
	}
	.icon-g > img {
		position: absolute;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
	}
	.col .card.icon-g {
		padding-left: calc(var(--sca-pad)*1.0625);
	}
	.col .card.icon-g > img {
		position: static;
		transform: none;
		display: inline-block;
		margin-bottom: var(--sca-pad);
	}
}

.section.display-m {
	padding-top: 25vh!important;
	padding-bottom: 25vh!important;
	text-align: center;
}
.section.display-b {
	padding-top: 50vh!important;
	padding-bottom: calc(var(--sca-pad)*3);
	text-align: center;
}
.card.display-m {
	padding-top: 30vh;
	padding-bottom: 30vh;
	text-align: center;
}

.slider-wrapper {
	position: relative;
}
.slider {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.section .slider {
	margin: var(--sca-pad) 0;
}
.slide {
	float: left;
	width: 100%;
	height: 100%;
}
.slider-prev,
.slider-next {
	position: absolute;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8307 23L34 23L34 25L17.8307 25L25.4256 32.5949L24 34L14 24L19 19L24 14L25.4256 15.4051L17.8307 23Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 3rem;
	height: 3rem;
	box-shadow: inset 0 0 0 1px #fff;
	border-radius: var(--rad-bt)
}
.slider-prev {
	left: var(--sca-pad);
}
.slider-next {
	right: var(--sca-pad);
	transform: translateY(-50%) scaleX(-1);
}
.slider-nav,
.slick-dots {
	font-size: 0;
	text-align: center;
	margin-top: var(--sca-pad);
}
.slider-nav a {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	border-radius: 1rem;
	border: solid 1px var(--col-sep);
	transition: var(--ani-f);
	margin: 0 .375rem;
}
.slider-nav a.active {
	background: var(--col-sep);
}
.slick-dots li {
	display: inline-block;
	margin: 0 .375rem;
}
.slick-dots li button {
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 1rem;
	border: solid 1px var(--col-sep);
	transition: var(--ani-f);
	font-size: 0;
}
.slick-dots li.slick-active button {
	background: var(--col-acc);
	border-color: var(--col-acc);
}
.bg .slick-dots li button {
	border-color: var(--col-lig);
}
.bg .slick-dots li.slick-active button {
	background: var(--col-lig);
	border-color: var(--col-lig);
}

p.price {
	margin-top: calc(var(--sca-mar)*2.5);
	margin-bottom: calc(var(--sca-mar)*3);
	position: relative;
}
p.price span {
	font-size: 1.5em;
	color: var(--col-pri);
}
p.price strong {
	font-size: 2.75em;
	color: var(--col-pri);
	letter-spacing: -.02em;
	margin: 0 .125em;
}
p.price del {
	font-size: calc(var(--sca-t) * 1.1875);
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: var(--col-dar-op25);
	text-decoration: line-through;
	text-decoration-color: var(--col-red);
}
p.price del:before,
p.price del:after {
	content: '\00a0';
}

h5.quote {
	position: relative;
	padding-left: 5rem;
}
h5.quote span {
	display: block;
	font-size: .875rem;
	color: var(--col-sep);
	margin: 0;
	font-weight: normal;
}
h5.quote img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4rem;
	border-radius: 10rem;
}
.card + h5.quote {
	margin-top: calc(var(--sca-mar)*1.5);
}
.card + h5.quote:before,
.card + h5.quote:after {
	content: '';
	position: absolute;
	left: 3.5rem;
	top: calc(var(--sca-mar)*-1.5);
	margin-top: -1px;
}
.card + h5.quote:before {
	width: 1.625rem;
	height: 1.125rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	background: var(--col-sep);
	mask: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4918 16.0686L1.44759 0H0L1.08208 1L19.8469 16.8329C21.7975 18.4787 24.7815 17.0921 24.7815 14.54L24.7816 1H24.8V0H23.7816L23.7815 14.54C23.7815 16.2414 21.7922 17.1658 20.4918 16.0686Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='25' height='18' viewBox='0 0 25 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.4918 16.0686L1.44759 0H0L1.08208 1L19.8469 16.8329C21.7975 18.4787 24.7815 17.0921 24.7815 14.54L24.7816 1H24.8V0H23.7816L23.7815 14.54C23.7815 16.2414 21.7922 17.1658 20.4918 16.0686Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.card + h5.quote:after {
	width: 1.375rem;
	margin-left: .125rem;
	border-top: solid 1px #fff;
}


.accordion {
	border-top: solid 1px var(--col-sep);
	border-bottom: solid 1px var(--col-sep);
	padding: calc(var(--sca-mar)*1.5);
	padding-right: calc(var(--sca-mar)*3);
	position: relative;
}
.accordion.card {
	border: none;
	padding: calc(var(--sca-pad)*1.25) calc(var(--sca-pad)*1.5)!important;
}
.accordion + .accordion {
	border-top: none;
}
.accordion.card + .accordion.card {
	margin-top: .125rem;
}
.bg .accordion {
	border-color: #ffffff33;
}
.accordion > a {
	display: block;
	font-size: calc(var(--sca-t)*1.125);
	font-weight: var(--fon-w9);
	position: relative;
	transition: var(--ani-f);
}
.accordion > a:hover {
	text-indent: .5em;
}
.accordion > a * {
	margin: 0;
}
.accordion > a:after {
	content: '+';
	font-weight: normal;
	font-size: 1.25em;
	position: absolute;
	right: calc(var(--sca-mar)*-1.5);
	top: 50%;
	transform: translateY(-50%);
}
.accordion > a.active:after {
	content: '-';
}
.accordion.card > a:after {
	display: none;
}
.accordion.card .icon {
	position: absolute;
	top: calc(var(--sca-pad)*1.3125);
	right: calc(var(--sca-pad)*1.5);
	transition: var(--ani-f);
	width: 2rem;
}
@media (min-width:960px) {
	.accordion.card a.active .icon {
		top: calc(var(--sca-pad)*2.5);
		right: calc(var(--sca-pad)*3);
		width: calc(var(--sca-pad)*5);
	}
}
.accordion div {
	margin-top: var(--sca-mar);
	display: none;
}
.accordion div p:last-child {
	margin-bottom: 0;
}

.brands {
	font-size: 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
.brands > img,
.brands figure {
	display: inline-block;
	vertical-align: middle;
	margin: var(--sca-pad);
}
.brands figcaption {
	display: block;
	font-size: var(--sca-t);
	margin-top: .5em;
}

.social {
	font-size: 0;
	margin-top: var(--sca-mar);
}
.social li {
	display: inline-block;
}
.social li + li {
	margin-left: .5rem;
}
.social li a {
	display: block;
	width: calc(var(--sca-t)*2);
	line-height: calc(var(--sca-t)*2);
	text-align: center;
	border-radius: var(--rad-bt);
	background: var(--col-dar);
	color: var(--col-bg);
}
.bg .social li a {
	background: var(--col-bg);
	color: var(--col-pri);
}

.field {
	margin-bottom: calc(var(--sca-mar)*.75);
}
.g-recaptcha {
	margin-top: calc(var(--sca-mar)*.75);
	margin-bottom: calc(var(--sca-mar)*.75);
}
.field label {
	display: block;
}
.field input,
.field select,
.field textarea {
	padding: 1em 1.25em;
	border:solid 1px var(--col-lig);
	border-radius: var(--rad-s);
	width: 100%;
	box-sizing: border-box;
}
.bg .field input,
.bg .field select,
.bg .field textarea {
	border-color: transparent;
	background: var(--col-bg);
	color: var(--col-dar);
}
.field.ok input,
.field.error input {
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M37.3327 28.2335V29.0002C37.3317 30.7972 36.7498 32.5458 35.6738 33.9851C34.5978 35.4244 33.0854 36.4773 31.3621 36.9868C29.6389 37.4963 27.7971 37.4351 26.1114 36.8124C24.4258 36.1896 22.9866 35.0386 22.0085 33.5311C21.0304 32.0236 20.5658 30.2403 20.6841 28.4471C20.8023 26.654 21.497 24.9472 22.6646 23.5811C23.8321 22.2151 25.41 21.263 27.1628 20.867C28.9157 20.471 30.7496 20.6522 32.391 21.3835M37.3327 22.3335L28.9994 30.6752L26.4994 28.1752' stroke='%23007B40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.field.error input {
	background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.9997 26.4997V29.833M28.9997 32.333V32.7497M27.5747 22.2163L20.5163 33.9997C20.3708 34.2517 20.2938 34.5374 20.293 34.8284C20.2922 35.1195 20.3676 35.4056 20.5117 35.6585C20.6558 35.9113 20.8636 36.122 21.1144 36.2696C21.3652 36.4171 21.6503 36.4965 21.9413 36.4997H36.058C36.349 36.4965 36.6341 36.4171 36.8849 36.2696C37.1357 36.122 37.3435 35.9113 37.4876 35.6585C37.6317 35.4056 37.7071 35.1195 37.7063 34.8284C37.7055 34.5374 37.6285 34.2517 37.483 33.9997L30.4247 22.2163C30.2761 21.9714 30.0669 21.7689 29.8173 21.6284C29.5677 21.4879 29.2861 21.4141 28.9997 21.4141C28.7132 21.4141 28.4316 21.4879 28.182 21.6284C27.9324 21.7689 27.7232 21.9714 27.5747 22.2163Z' stroke='%23F03D3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.field label.checkbox {
	position: relative;
	font-size: calc(var(--sca-t)*.75);
	padding-left: 4em;
	color: inherit;
	font-weight: normal;
}
.field label.checkbox input {
	position: absolute;
	opacity: 0;
}
.field label.checkbox input + i {
	position: absolute;
	left: 2em;
	transform: translate(-50% , -50%);
	top: 50%;
	width: 2em;
	height: 2em;
	border-radius: var(--rad-s);
	border: solid 1px var(--col-lig);
	transition: var(--ani-f);
	text-align: center;
	line-height: 2em;
	color: #ffffff00;
}
.field label.checkbox input:checked + i {
	background: var(--col-pri);
	color: #ffffff;
}
.form .bt {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.form .bt + p {
	font-size: .75rem;
	line-height: 1.2em;
	padding: 1rem 0;
	opacity: .5;
}
.form .bt[disabled] + p {
	opacity: 0;
	transition: all 100ms ease
}
.form .bt[disabled] {
	background: #99999966!important;
	color: #ffffff66!important;
	box-shadow: none!important;
}
.form .bt[disabled]:hover + p {
	opacity: .5;
}

.main > .bt-text:last-child {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 4rem;
	margin-top: 20vh;
}


.header {
	font-size: calc(var(--sca-t)*.875);
	padding: calc(var(--sca-pad)*.5) 0;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 9999;
	background: var(--col-bg);
	box-shadow: var(--sha-m);
}
.branding {
	float: left;
	font-size: calc(var(--sca-t)*1.5);
	line-height: calc(var(--sca-t)*2.125);
	font-weight: var(--fon-w9);
}
.branding img {
	display: block;
	height: calc(var(--sca-t)*2.625);
	margin: calc(var(--sca-t)*-.25) 0;
}
.branding span {
	color: var(--col-pri);
}
.header nav {
	display: inline-block;
}
.bt-menu {
	display: none;
}
.menu {
	float: right;
}
.header ul {
	margin: 0 -1em;
}
.header ul li {
	display: inline-block;
	margin: 0 1em;
	line-height: calc(var(--sca-t)*2.125);
}
.header ul li a,
.header ul li span {
	display: block;
	transition: var(--ani-f);
}
.header ul li a:hover {
	color: var(--col-pri);
}
.header ul li.dd {
	position: relative;
}
.header ul li.dd span:after {
	content: '';
	width: .625em;
	height: .625em;
	height: 1rem;
	display: inline-block;
	vertical-align: text-bottom;
	mask: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L5 5L8 2' stroke='%230038FF' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
	mask-repeat: no-repeat;
	mask-position: 50% 45%;
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L5 5L8 2' stroke='%230038FF' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 50% 45%;
	margin-left: .375em;
	background: var(--col-pri);
}
.header ul li.dd ul {
	position: absolute;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	margin-top: calc(var(--sca-pad)*.5);
	padding: calc(var(--sca-mar)*.5);
	z-index: -10;
	transition: var(--ani-f);
	opacity: 0;
	visibility: hidden;
	transition-delay: .5s;
}
.header ul li.dd:hover ul {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}
.header ul li.dd ul:before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 150vw;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: var(--col-bg);
	box-shadow: inset 0 .125rem .25rem -.125rem var(--col-dar-op25), 0 .5rem .5rem -.25rem var(--col-dar-op25);
}
.header .bt {
	font-size: inherit;
	line-height: calc(var(--sca-t)*2.125 - 2px);
	padding: 0 var(--sca-t);
}
.header .bt:hover {
	color: var(--col-bg);
}

.section.featured {
	margin-top: calc( var(--sca-pad) + calc(var(--sca-t)*2.125));
	text-align: center;
	padding: 0;
	height: calc(100vh - calc(var(--sca-pad) + calc(var(--sca-t)*2.125)));
}
.section.featured .slider-wrapper {
	height: 100%;
}
.featured .content {
	margin: 0 auto;
	position: relative;
	top: 50vh;
	transform: translateY(-50%);
	padding-bottom: 20vh;
}
.featured .col .content {
	max-width: 100%;
}
.featured .page > a {
	position: absolute;
	bottom: calc(var(--sca-pad)*2);
	left: 50%;
	transform: translateX(-50%);
}
.bt-fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	font-size: calc(var(--sca-t)*1.5);
	width: calc(var(--sca-t)*4);
	text-align: center;
	height: calc(var(--sca-t)*4);
	line-height: calc(var(--sca-t)*4);
	background: var(--col-acc);
	color: var(--col-bg);
	border-radius: 100rem;
	right: var(--sca-mar);
	bottom: var(--sca-mar);
	z-index: 99;
}
.footer {
	border-top: solid 1px var(--col-sep);
	padding: calc(var(--sca-pad)*1.5) 0;
	font-size: calc(var(--sca-t)*.75);
}
.footer p {
	display: inline-block;
}
.footer p a {
	text-decoration: underline;
}
.footer .azuite {
	float: right;
	color: var(--col-pri);
	font-weight: var(--fon-w9);
}

.modal-wrapper {
	background: var(--col-pri-op75);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: var(--ani-f);
}
.modal-wrapper > a {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.modal-wrapper.visible {
	opacity: 1;
	visibility: visible;
}
.modal {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	width: calc(100vw - calc(var(--sca-pad)*2));
	max-width: calc(var(--sca-t)*40);
	border-radius: var(--rad-m);
	box-shadow: var(--sha-l);
	z-index: 2;
}
.modal.full {
	max-width: 100vw;
	height: calc(100vh - calc(var(--sca-pad)*2));
}
.modal > a {
	position: absolute;
	bottom: 100%;
	right: 0;
	font-size: calc(var(--sca-t)*.75);
	line-height: 3em;
	color: var(--col-bg);
}
.modal.alert {
	top: 30%;
	text-align: center;
}
.modal-content {
	padding: var(--sca-pad);
	background: var(--col-bg);
	border-radius: var(--rad-m);
}

@media (max-width:960px) {
	html {
		font-size: 87.5%;
	}
	:root {
	  --ratio: .25;
	  --sca-pad: 2.125rem;
	}
	.page {
		padding: 0 calc(var(--sca-pad)*1.5);
	}
	.section + .section.bg, 
	.section + .section.bg-l {
		margin-top: 0;
	}
	.section.bg + .section, 
	.section.bg-l + .section,
	.section.bg, 
	.section.bg-l {
		padding-top: calc(var(--sca-pad)*2);
	}
	.section.bg, 
	.section.bg-l {
		padding-bottom: calc(var(--sca-pad)*2);	
	}
	.section.bg-half-l {
		padding-top: 100vw;
	}
	.section.bg-half-l > img {
		left: 0;
		top: 0;
		width: 100%;
		height: calc(100vw - var(--sca-pad));
	}
	.main .section.bg.bg-half-r {
		padding-bottom: 100vw;
		background-position: center bottom;
		background-size: 100% auto;
	}

	.bt-menu {
		font-size: calc(var(--sca-t)*1.25);
		color: var(--col-acc);
		display: block;
		position: absolute;
		right: var(--sca-pad);
		top: 50%;
		transform: translateY(-50%);
	}
	.header ul li {
		display: block;
	}
	.header ul a,
	.header ul span {
		font-size: var(--sca-t);
		line-height: 3em!important;
	}
	.header ul li.dd ul {
		left: 0;
		transform: none;
		right: 0;
		margin: 0;
		z-index: 9;
	}
	.header nav {
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		height: 100vh;
		z-index: 95;
		background: var(--col-bg);
		padding: var(--sca-pad);
		opacity: 0;
		visibility: hidden;
		transition: var(--ani-f);
		border-top: solid 1px var(--col-sep);
	}
	.menu {
		position: fixed;
		left: var(--sca-pad);
		bottom: var(--sca-pad);
		right: var(--sca-pad);
		z-index: 99;
		opacity: 0;
		visibility: hidden;
		transition: var(--ani-f);
	}
	.header nav.visible,
	.header nav.visible + .menu {
		opacity: 1;
		visibility: visible;
	}
	.header .branding + nav,
	.header .branding + nav + ul li:not(:last-child),
	.header .branding + nav + ul a:not(.bt) {
		display: none;
	}

	.section.featured {
		height: calc(100vh - 10rem);
	}
	.slider-prev, 
	.slider-next {
		display: none;
	}
	*:not(.bt) + .bt, * + .bt-text {
    margin-top: 0;
	}
	p + .icon {
		margin-top: calc(var(--sca-pad)*1.5);
	}
	.page > .card {
		margin: 0 calc(var(--sca-pad)*-1.5);
		padding: calc(var(--sca-pad)*2.5) calc(var(--sca-pad)*1.5);
		border-radius: 0;
	}
	.footer {
		text-align: center;
	}
	.footer p {
		display: block;
		margin-bottom: 2em;
	}
	.footer .azuite {
		display: block;
		float: none;
	}
}
@media (max-width:380px) {
	:root {
	  --ratio: .1875;
	  --sca-pad: 1.625rem;
	}
}