/****
 
Versión 2.1.1
Ultima modificación: 14MAR25

****/

@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: #eeeeee;
	--col-sep: #888888;
	--col-pri: #111111;
	--col-pri-op75: #111111BF;
	--col-pri-bg: #000000;
	--col-acc: #333333;
	--col-acc-bg: #333333;

	--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.bt-small {
	font-size: calc(var(--sca-t)*.875);
}
.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 > h1,
.page > h2,
.page > h3,
.page > h4,
.page > h5,
.page > h6,
.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: 3.5rem;
	width: 3.5rem;
	line-height: 4rem;
	text-align: center;
	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 {
		font-size: calc(var(--sca-t)*3);
		width: auto;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: calc(8.666%);
		margin: 0;
	}
	.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;
}
.card > picture {
	margin: calc(var(--sca-mar)*-1) calc(var(--sca-mar)*-1) calc(var(--sca-mar)*2);
}

.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.compact {
	height: auto;
	width: calc(100% - calc(var(--sca-pad)*3));
	margin-top: calc(calc(var(--sca-pad)*2) + calc(var(--sca-t)*2.125));
	margin-left: auto;
	margin-right: auto;
	padding-top: calc(var(--sca-pad)*2);
	padding-bottom: calc(var(--sca-pad)*2);
	max-width: calc(var(--page-w) + calc(var(--sca-pad)*3));
	border-radius: var(--rad-l);
}
.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);
}

.instagram {
	text-align: center;
	padding: calc(var(--sca-pad)*2) 0;
	position: relative;
	z-index: 1;
}
.instagram:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: calc(calc(var(--sca-pad)*2) + calc(var(--sca-t) * 4));
	z-index: -1;
	background: var(--col-pri);
}
.section.instagram .branding {
	float: none;
	display: block;
	width: calc(var(--sca-t) * 8);
	aspect-ratio: 1 / 1;
	margin: 0 auto var(--sca-mar);
	border-radius: 100%;
	background: var(--col-bg);
}
.instagram .branding img {
	display: block;
	border-radius: 100%;
	width: 100%;
	height: auto;
}
.section.instagram h1 {
	font-size: calc(var(--sca-t)*2.5);
	text-wrap: balance;
}
.section.instagram h2 {
	font-size: calc(var(--sca-t)*1.5);
	margin-bottom: calc(var(--sca-mar)*2);
	text-wrap: balance;
}
.section.instagram p {
	line-height: calc(var(--sca-lh)*1.4);
	text-wrap: balance;
}
.section.instagram + .main {
	box-shadow: inset 0 2rem 1rem -2rem var(--col-sep);
}
.section.instagram + .main img {
	box-shadow: 0 .25rem .5rem -.125rem rgba(0,0,0,.1);
}
.section.instagram + .main .bt {
	margin-top: 3rem;
}

.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;
	}
	.section.instagram a,
	.section.instagram ~ .main .section a.bt {
		margin-top: calc(var(--sca-mar)*2);
	}
}
@media (max-width:380px) {
	:root {
	  --ratio: .1875;
	  --sca-pad: 1.625rem;
	}
}