/*
body, html{
	height: auto !important;
}
.maqueta{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1000%;
	width: 100%;
	z-index: 9999999;
	background-image: url(../img/02-PAG02_PVL_RITUALS20_WEBSITE_Mobile._07jpg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	opacity: 0.7;
	pointer-events: none;
}
*/

@font-face {
	font-family: 'ScalaSansOT';
	src: url('fonts/ScalaSansOT-Regular.woff2') format('woff2'),
		url('fonts/ScalaSansOT-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'ScalaSansOT';
	src: url('fonts/ScalaSansOT-Bold.woff2') format('woff2'),
		url('fonts/ScalaSansOT-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Garamond';
	src: url('fonts/AGaramondPro-Regular.eot');
	src: url('fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/AGaramondPro-Regular.woff2') format('woff2'),
		url('fonts/AGaramondPro-Regular.woff') format('woff'),
		url('fonts/AGaramondPro-Regular.ttf') format('truetype'),
		url('fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Pt';
	src: url('fonts/PTSerif-Regular.eot');
	src: url('fonts/PTSerif-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/PTSerif-Regular.woff2') format('woff2'),
		url('fonts/PTSerif-Regular.woff') format('woff'),
		url('fonts/PTSerif-Regular.ttf') format('truetype'),
		url('fonts/PTSerif-Regular.svg#PTSerif-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Pt-Bold';
	src: url('fonts/PTSerif-Bold.eot');
	src: url('fonts/PTSerif-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/PTSerif-Bold.woff2') format('woff2'),
		url('fonts/PTSerif-Bold.woff') format('woff'),
		url('fonts/PTSerif-Bold.ttf') format('truetype'),
		url('fonts/PTSerif-Bold.svg#PTSerif-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Helvetica';
	src: url('fonts/HelveticaNeue.eot');
	src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue.woff2') format('woff2'),
		url('fonts/HelveticaNeue.woff') format('woff'),
		url('fonts/HelveticaNeue.ttf') format('truetype'),
		url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Helvetica-Medium';
	src: url('fonts/HelveticaNeue-Medium.eot');
	src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue-Medium.woff2') format('woff2'),
		url('fonts/HelveticaNeue-Medium.woff') format('woff'),
		url('fonts/HelveticaNeue-Medium.ttf') format('truetype'),
		url('fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('fonts/HelveticaNeue-Light.woff2') format('woff2'),
		url('fonts/HelveticaNeue-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
		url('fonts/HelveticaNeue-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'HKGrotesk';
	src: url('fonts/HKGrotesk-Regular.woff2') format('woff2'),
		url('fonts/HKGrotesk-Regular.woff') format('woff');
	font-weight: normal;
	font-style: 400;
	font-display: swap;
}



/* PREVENT ANCHOR LINK BUGFIX EVENT TO MIXPANEL */
/*
.redirection-popup {
	background: transparent !important;
}
*/



/* GENERAL */
body {
	font-family: 'Helvetica Neue';
	background-color: #fff;
}

body,
html {
	width: 100%;
	height: 100%;
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

a,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
}

.btn {
	font-family: 'Helvetica-Medium';
	text-align: center;
	padding: 10px 40px;
	padding: 20px 50px;
	font-size: 4.5vw;
	line-height: 4.5vw;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
	color: #FFF;
	background: #000;
}

.btn:hover {
	color: #FFF;
	background: #333f48;
}

strong {
	font-weight: normal;
}

sup {
	margin-left: 2px;
	top: -5px;
}

.container-fluid {
	max-width: 1600px;
}

.btn:focus,
button {
	outline: none !important;
}

.separator {
	width: 50px;
	margin: 10px auto;
	background: #000;
	height: 2px;
}

br.mobile-br {
	display: none;
}

br.desktop-br {
	display: none;
}

.general-container {
	margin: 7vw 7vw 0px 7vw;
	background: #FFF;
}

.visible-desktop {
	display: none;
}

textarea:focus,
input:focus {
	outline: none !important;
	box-shadow: none !important;
	background: #FFF !important;
	background-color: #FFF !important;
}

.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	top: 50%;
	z-index: 99;
	width: 100%;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
	font-size: 17px;
	line-height: 17px;
}

.owl-carousel .owl-nav button.disabled {
	display: none !important;
}

.owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	left: 0px;
}

.owl-carousel .owl-nav button.owl-next {
	position: absolute;
	right: 0px;
}

.owl-theme .owl-dots {
	margin: 10px 0px 0px 0px;
	width: 100%;
	z-index: 99;
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px;
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: transparent;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
	border: 1px solid #000;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #000;
}




/* LOADER */
.loader-screen {
	position: fixed !important;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
	z-index: 99999;
	opacity: 1;
	visibility: visible;
	-webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
	-moz-transition: visibility 0.2s linear, opacity 0.2s linear;
	-o-transition: visibility 0.2s linear, opacity 0.2s linear;
	background-color: #FFF;
}

.loader-screen.loader-hide {
	opacity: 0;
	visibility: hidden;
}

.loader-content {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	transform: translateY(-50%);
}

.loader-markets-logos {
	margin-bottom: 10vh;
}

.loader-markets-logos img {
	max-width: 200px;
}

.loader-pinkbrand-logo {
	margin-bottom: 10vh;
}

.loader-pinkbrand-logo img {
	max-width: 30vh;
}

.loader-logo img {
	max-width: 24vh;
}

.sk-fading-circle {
	margin: 10vh auto 0px auto;
	width: 60px;
	height: 60px;
	position: relative;
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 10%;
	height: 10%;
	background-color: #111;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {

	0%,
	39%,
	100% {
		opacity: 0;
	}

	40% {
		opacity: 1;
	}
}

@keyframes sk-circleFadeDelay {

	0%,
	39%,
	100% {
		opacity: 0;
	}

	40% {
		opacity: 1;
	}
}



/* MOSCA */
.mosca-superior {
	position: fixed;
	z-index: 9999;
	top: 0px;
}

.mosca-superior img {
	width: 80px;
	vertical-align: top;
}

.mosca-superior a {
	display: block;
	height: 100%;
}



/* HEADER */
.top-bar {
	padding: 10px 0px;
	text-align: center;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}

.top-bar .logo {
	margin: 0px;
}

.top-bar img.logo {
	width: 200px;
}

.video-overlay {
	background-image: url(../img/video-overlay.png);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.video-overlay-shadow {
	background-color: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: .4;
}

header {
	position: relative;
	height: 100vh;
	background-color: #fff;
}

header a.js-scroll-trigger {
	position: relative;
	z-index: 2;
	display: block;
	height: 100%;
	width: 100%;
}

.downarrow {
	/*
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 0px;
	width: 100%;
	*/
	text-align: center;
	margin-bottom: 1.4rem;
}

.arrow-down {
	transform: scale(0.5);
	width: 40px;
	height: 30px;
	position: relative;
	-webkit-animation: up-down 0.6s linear infinite;
	-moz-animation: up-down 0.6s linear infinite;
	animation: up-down 0.6s linear infinite;
	filter: invert();
}

.arrow-down img {
	height: 50px;
}

.arrow-down path {
	stroke: #FFF;
	fill: transparent;
	stroke-width: 1px;
}

.downarrow .text {
	font-size: 4.1vw;
	line-height: 4.5vw;
	margin-bottom: 0.4rem;
	font-weight: 400;
	font-family: 'Helvetica';
}

.downarrow .text span {
	margin-top: 5px;
	display: block;
	letter-spacing: 0px;
}

@-webkit-keyframes up-down {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(6px);
		-ms-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@-moz-keyframes up-down {
	0% {
		top: 2px;
	}

	25% {
		top: 4px;
	}

	50% {
		top: 6px;
	}

	75% {
		top: 4px;
	}

	100% {
		top: 2px;
	}
}

@-o-keyframes up-down {
	0% {
		top: 2px;
	}

	25% {
		top: 4px;
	}

	50% {
		top: 6px;
	}

	75% {
		top: 4px;
	}

	100% {
		top: 2px;
	}
}

@keyframes up-down {
	0% {
		top: 2px;
	}

	25% {
		top: 4px;
	}

	50% {
		top: 6px;
	}

	75% {
		top: 4px;
	}

	100% {
		top: 2px;
	}
}

@-webkit-keyframes mouse-scroll {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes mouse-scroll {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes mouse-scroll {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes mouse-scroll {
	0% {
		opacity: 0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

header .content {
	position: relative;
	z-index: 2;
	height: 100%;
}

header .container-fluid {
	max-width: 1600px;
}

header .logo {
	display: block;
	max-width: 8.2rem;
	margin-bottom: 10rem;
	z-index: 1;
}

header .title {
	font-weight: 500;
	font-family: 'Helvetica-Medium';
	color: #000;
	font-size: 2.55rem;
	line-height: 3.5rem;
	margin-bottom: 1.9rem;
}

header .title strong {
	font-weight: 700;
	font-family: 'Helvetica Neue';
	color: #000;
	font-size: 3.75rem;
}

header .subtitle {
	font-weight: 500;
	font-family: 'Helvetica-Medium';
	color: #000;
	font-size: 1.35rem;
	padding-left: 0.2rem;
	margin-bottom: 12.2rem;
}

.marquee-text {
	width: 100vw;
	overflow: hidden;
	margin-top: 0rem;
	margin-bottom: 3rem;
	padding-top: 0rem;
	padding-bottom: 1rem;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 100%;
}

header .text-section .title {
	font-size: 2.65rem;
	color: #908073;
	line-height: 1.4rem;
	font-family: 'ScalaSansOT';
	font-weight: 400;
	margin-top: -0.8rem;
	margin-bottom: 2.3rem;
}

header .text-section .subtitle {
	font-size: 6vw;
	line-height: 7vw;
	margin-bottom: 30px;
	display: block;
	position: relative;
	z-index: 2;
}

.cta-link {
	font-size: 1vw;
	line-height: 1vw;
	margin-top: 1vw;
	color: #fff;
}

.cta-link a {
	color: inherit;
}

.cta-link a span {
	text-decoration: underline;
}

header .product-img {
	margin-top: -55px;
}

.product-text .date {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 20px;
}

header .scrolldown {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

.product-text .icons {
	text-align: center;
}

.product-text .icons .item {
	display: inline-block;
	margin: 0px 10px;
}

.product-text .icons .item .icon img {
	max-width: 30px;
}

.product-text .icons .item .icon-text {
	color: #4a4a4a;
	font-size: 10px;
	line-height: 10px;
	margin-top: 10px;
}

header .mobile {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 45%;
}

header .mobile img {
	width: 100%;
}

header .text-section .text {
	font-size: 1.03rem !important;
	line-height: 1.7rem !important;
	margin-bottom: 0px;
	display: block;
	font-family: 'ScalaSansOT';
	font-weight: 400;
	color: #000000;
}

header .text-section .text strong {}

header .text-section .text .store {
	height: 18px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: bottom;
}

header .destacado {
	font-size: 3vw;
	line-height: 3vw;
	padding: 5px;
	background-color: #3cbfd8;
	color: #FFF;
	display: inline-block;
	margin-top: 2vh;
	margin-bottom: 1vh;
}

.code {
	font-size: 5vw;
	line-height: 5vw;
	border: 1px solid #333335;
	padding: 10px;
	display: inline-block;
	margin-bottom: 1vh;
}

.code span {
	letter-spacing: 0.5px;
}

.code-text {
	font-size: 3vw;
	line-height: 3vw;
	margin-bottom: 8vh;
}

header .header-picture {
	padding: 0px;
	position: relative;
	z-index: 0;
}

header .header-text {
	position: relative;
	z-index: 1;
	text-align: center;
}

.header-gif {
	margin: 4vh auto;
}

.supertitle {
	font-size: 13vw;
	line-height: 13vw;
}

header .text-section {
	text-align: center;
	background-color: #fff;
	position: relative;
	width: 100%;
	border-radius: 17px;
	padding-top: 5rem;
}

.supertitle.yellow {
	color: #1b4797;
}

.supertitle.red {
	color: #fc7b34;
}

.supertitle.green {
	color: #3cbfd8;
}

header .cta .btn.yellow {
	background-color: #1b4797;
	color: #FFF;
}

header .cta .btn.red {
	background-color: #fc7b34;
	color: #FFF;
}

header .cta .btn.yellow:hover,
header .cta .btn.red:hover {
	color: #FFF;
	background: #333f48;
}

header .square-section .cta {
	margin-bottom: 2vh;
}

.bodegon-pic {
	position: relative;
	z-index: -2;
	margin-top: 20px;
	margin-bottom: 20px;
}

.video-mobile .videocontainer {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

.video-mobile .videocontainer video {
	height: 100%;
	width: 100%;
	margin-bottom: -10px;
	object-fit: cover;
	object-position: center;
}

header .header-wrapper {
	height: 100%;
	padding-top: 5.2rem;
}

header .text-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 1rem;
	padding-bottom: 1.4rem;
	z-index: 1;
	flex-basis: initial;
	height: 100%;
}

.video-mobile:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	z-index: 1;
}

.header-image {
	position: absolute;
	top: 4rem;
	left: 0px;
	width: 100%;
	height: 100%;
}

.header-image img {
	width: 17rem;
	height: 27.5rem;
	object-fit: cover;
	object-position: center;
	margin-top: 7.5rem;
	margin-left: 5.1rem;
}

.header-image img.image2 {
	width: 17rem;
	height: 27.5rem;
	object-fit: cover;
	object-position: center;
	margin-top: -6rem;
	margin-left: 5.1rem;
}


/* SECTION */
.green {
	color: #316e40;
}

.blue {
	color: #0a2473;
}

.light-blue {
	color: #56828f;
}

.section .title {
	font-family: 'Garamond';
	font-size: 8vw;
	line-height: 9vw;
	margin-bottom: 30px;
}

.section .title.big {
	font-size: 9vw;
	line-height: 9vw;
}

.section .title span {
	color: #907f72;
}

.section .title.exclusivo {
	font-size: 5vw;
	line-height: 6vw;
	color: #907f72;
	letter-spacing: 5px;
}

.section .title.exclusivo.little {
	font-size: 4vw;
	line-height: 4vw;
	letter-spacing: 3px;
}

.section .subtitle {
	font-size: 5.5vw;
	line-height: 7.5vw;
	margin-bottom: 20px;
}

.section .subtitle.little {
	font-size: 4.5vw;
	line-height: 5.5vw;
}

.section .text {
	font-size: 5vw;
	line-height: 6vw;
	margin-bottom: 10px;
}

.section .text.little {
	font-size: 4vw;
	line-height: 4vw;
	margin-top: 20px;
}

.section .text strong {}



/* SECTION 2 */
.section2 {
	position: relative;
	background-color: #fff;
}

.section2 .img-fluid {
	width: 16.5rem;
	margin-left: auto;
	display: block;
	z-index: 1;
	position: relative;
}

.section2 .container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.section2 .img-col {
	padding-left: 0px;
	padding-right: 0px;
}

.section2 .text-col {
	background-color: transparent;
	color: #000;
	padding-top: 2.3rem;
	padding-bottom: 30px;
}

.section2 .title {
	color: #000000;
	font-size: 1.8rem;
	margin-bottom: 1.6rem;
	font-family: 'Helvetica';
	font-weight: 400;
	line-height: 2.3rem;
	padding-left: 0.9rem;
	margin-bottom: 3.7rem;
}

.section2 .title span {
	color: #000000;
	font-size: 2.2rem;
	margin-bottom: 1.6rem;
	font-family: 'Helvetica Neue';
	font-weight: 700;
}

.section2 .wrapper {
	padding-left: 0.4rem;
}

.section2 .text-bg {
	font-size: 1.3rem;
	color: #fff;
	background-color: #222;
	width: 10.3rem;
	font-family: 'Helvetica Neue';
	display: block;
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-left: 0.5rem;
	font-weight: 700;
}

.section2 .text-bg.large {
	width: 17rem;
}

.section2 .text {
	color: #000;
	font-family: 'Helvetica Neue';
	font-weight: 300;
	font-size: 1.37rem;
	margin-bottom: 0.1rem;
	margin-left: 0.4rem;
}

.section2 .plus {
	color: #000;
	font-family: Helvetica Neue;
	font-weight: 700;
	font-size: 1.43rem;
	margin-bottom: 0.9rem;
	padding: 0.1rem;
	margin-left: 5.2rem;
}

.section2 .text-section {
	margin-left: -0.6rem;
	margin-bottom: 8.8rem;
}

.section2 .text strong {
	font-weight: 700;
}

.section2 .btn {
	width: 17.6rem;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #fff !important;
	border-radius: 3px !important;
	font-family: Helvetica Neue !important;
	font-weight: 700 !important;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 1.2rem;
	background-color: #222;
	cursor: pointer;
}
.section2 .btn:hover {
	background: #333f48;
    color: #FFF;
}

.section2 .subtitle {
	margin-bottom: 0px;
}

/* SECTION 3 */
.section3 {
	padding-top: 9.9rem;
	text-align: center;
	background-color: #fff;
	overflow: hidden;
}

.section3 .title {
	font-family: 'Helvetica';
	font-weight: 400;
	color: #000;
	font-size: 2.1rem;
	text-align: left;
	padding-left: 1.2rem;
	margin-bottom: 2.1rem;
}

.section3 .title strong {
	font-family: Helvetica Neue;
	font-weight: 700;
}

.section3 .text {
	font-size: 1.16rem;
	line-height: 1.45rem;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 1.4rem;
	margin-bottom: 3.4rem;
	font-family: 'Helvetica Neue';
	font-weight: 400;
}

.section3 .text strong {
	font-family: 'Helvetica Neue';
	font-weight: 700;
}

.section3 .videowrapper {
	position: relative;
	width: 100vw;
}

.section3 .videocontainer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.section3 .videocontainer{
	width: 71vw;
	height: 23rem;
	margin-left: auto;
	margin-right: 0;
	object-fit: cover;
}

/* [data-aos=example-anim3] {
	opacity: 1;
	width: 71vw;
	height: 23rem;
	margin: 0 auto;
	transition-property: width, height;
	margin-left: auto;
	margin-right: 0;
	display: block;
	object-fit: cover;
} */

/* [data-aos=example-anim3].aos-animate {
	width: 100vw;
	height: 100vh;
	opacity: 1;
	object-fit: cover;
} */


/* SECTION 4 */
.section4 {
	padding-bottom: 3.1rem;
	padding-top: 5.6rem;
	background-color: #fff;
	overflow: hidden;
}

.section4 .title {
	text-align: right;
	padding-right: 1.1rem;
	font-family: 'Helvetica-Medium';
	font-weight: 500;
	font-size: 2rem;
	margin-bottom: 2.9rem;
}

.section4 .title strong {
	font-family: Helvetica Neue;
	font-weight: 700;
}

.section4 .content {
	position: relative;
	margin-bottom: 7.4rem;
}

.section4 .title-item {
	text-align: right;
	padding-right: 1.4rem;
	font-size: 1.65rem;
	font-family: 'Helvetica';
	font-weight: 400;
	margin-bottom: 1.1rem;
}

.section4 .title-item.left {
	text-align: left;
	padding-left: 1.2rem;
}

.section4 .text {
	text-align: right;
	font-family: Helvetica Neue;
	font-weight: 300;
	font-size: 1.13rem;
	padding-right: 1.3rem;
	line-height: 1.5rem;
	margin-bottom: 1.9rem;
}

.section4 .text.left {
	text-align: left;
	padding-left: 1.2rem;
	padding-right: 0;

}

.section4 .text span {
	font-family: Helvetica Neue;
	font-weight: 700;
}

.section4 .img-fluid {
	width: 24.5rem;
	margin-left: auto;
	display: block;
}

.section4 .img-fluid.left {
	width: 24.5rem;
	margin-right: auto;
	margin-left: 0;
	display: block;
}

.section4 .img-fluid.spot {
	width: 20.5rem;
	margin-left: 0;
	display: block;
	position: absolute;
	left: 18%;
	top: 83%;
}

.section4 .img-fluid.spot.left {
	width: 10.5rem;
	margin-left: 0;
	display: block;
	position: absolute;
	left: 40%;
	top: 67%;
}

.section4 .content.left {
	position: relative;
	margin-bottom: 6.9rem;
}

.section4 .subtitle {
	padding-left: 1.8rem;
	font-size: 2.05rem;
	font-family: Helvetica Neue;
	font-weight: 300;
	line-height: 2.2rem;
}

.section4 .subtitle strong {
	font-family: Helvetica Neue;
	font-weight: 700;
}


/* SECTION 5 */
.section5 {
	padding: 10px 0px 3rem 0px;
}

.section5 .title.exclusivo {
	color: #000 !important;
	background-color: transparent !important;
	width: 100% !important;
	margin-top: 3.2rem;
	text-transform: none !important;
	font-size: 2.1rem !important;
	margin-bottom: 2rem !important;
}

.section5 .title {
	font-size: 5vw;
	line-height: 5vw;
}

.products-grid {
	padding: 0px 15px;
}

.product-item {
	text-align: center;
	padding: 10px 0px;
	margin-bottom: 0.8rem;
}

.product-item .product-img-div {
	padding: 5px 5px 15px 5px;
}

.product-item .product-img-div div.border {
	border: 1px solid #d8d8d8;
}

.product-item .product-img {
	text-align: center;
}

.product-item .product-name {
	font-size: 1.2rem;
	line-height: 1rem;
	color: #000;
	margin-bottom: 15px;
	font-family: 'ScalaSansOT';
	font-weight: 700;
}

.product-item .product-text {
	font-family: 'ScalaSansOT';
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 0.4rem;
	color: #000;
	text-decoration: underline;
}



/* SECTION 6 */
.section6 {
	padding: 0px 0px;
	background-color: #FFF;
}

.section6 .img-fluid {
	height: 21.7rem !important;
	width: 29.8rem !important;
	object-fit: cover;
	object-position: bottom;
}

.section6 .title {
	font-family: 'Helvetica Neue' !important;
	font-size: 2.8rem !important;
	font-weight: 700 !important;
	margin-top: -1.4rem;
	margin-bottom: 1.9rem !important;
}

.section6 .subtitle {
	font-family: 'Helvetica' !important;
	font-weight: 400 !important;
	font-size: 1.35rem !important;
	line-height: 1.9rem !important;
}

.section6 .subtitle span {
	font-family: 'Helvetica-Medium' !important;
	font-weight: 500 !important;
	color: #000 !important;
	font-size: 1.35rem !important;
}

.section6 .copy-code {
	background-color: #EDEDED;
	margin-top: 1.8rem;
	width: 16.8rem;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.1rem;
	margin-bottom: 2.2rem;
}

.section6 .copy-code-code {
	border: 0;
	background-color: transparent;
	display: flex;
	flex-direction: row-reverse;
	color: #000;
	font-family: 'Helvetica Neue' !important;
	font-weight: 700;
	padding: 24px 26px 5px 20px;
	font-size: 1.5rem;
	justify-content: space-between;
	margin-bottom: 7px;
}

.section6 .copy-code-text {
	font-family: 'HKGrotesk';
	font-weight: 400;
	color: rgba(0, 0, 0, 0.50);
	font-size: 0.9rem;
}

.section6 .btn {
	padding: 14px 50px;
	font-family: 'Helvetica Neue';
	font-weight: 700;
	background-color: #222;
}


/* SECTION 7 */
.section7 {
	padding-top: 5.2rem !important;
	text-align: center;
	background-color: #fff;
}

.section7 .title {
	font-size: 2rem !important;
	margin-bottom: 3.8rem !important;
}

.section7 .content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.section7 .img-fluid {
	height: 17.3rem !important;
	width: 13.4rem !important;
}

.section7 .ctas {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	width: 100%;
	padding-top: 1.2rem;
}

.section7 .ctas a {
	color: #000;
	font-family: 'Helvetica-Medium';
	font-weight: 500;
	font-size: 1.35rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.40);
	width: 100%;
	margin-bottom: 1.2rem;
}

.section7 .ctas a:last-child {
	border: 0;
}

.section7 .swiper {
	width: 27rem;
}

.section7 .swiper .img-fluid {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.section7 .swiper-pagination-bullets {
	bottom: 0;
	display: flex;
	flex-direction: column;
}

.swiper-pagination-bullet {
	background-color: transparent;
	width: 100%;
	color: #000;
	opacity: 1;
	font-size: 1.3rem;
	font-weight: 700;
	margin: 0 !important;
	margin-bottom: 0rem !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.40);
	border-radius: 0;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.2rem 0;
	font-family: 'Helvetica-Medium';
	font-weight: 500;
}

.swiper-pagination-bullet:last-child {
	border: 0;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: transparent;
	width: 100%;
	color: #000;
	opacity: 1;
	font-size: 1.3rem;
	font-weight: 700;
	margin: 0 !important;
	margin-bottom: 0rem !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.40);
	border-radius: 0;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.2rem 0rem;
	font-family: 'Helvetica-Medium';
	font-weight: 500;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:last-child {
	border: 0;
}

.section7 .title.exclusivo {
	color: #908073;
	font-family: 'ScalaSansOT';
	font-weight: 400;
	letter-spacing: 0;
	font-size: 1.35rem;
}

.section7 .title {
	color: #000;
	font-family: 'ScalaSansOT';
	font-weight: 400;
	letter-spacing: 0;
	font-size: 2rem;
}

.section7 .title.card {
	font-size: 2.05rem;
	border: 0;
}

.section7 .text {
	color: #000;
	font-family: 'ScalaSansOT';
	font-weight: 400;
}

.d-grid {
	border-bottom: 0;
	padding-bottom: 20px;
}

.section7 .grid-item img {
	margin-bottom: 42px;
}

.section7 .grid-item .text {
	font-size: 1.15rem;
	margin-bottom: 0px;
	font-weight: 400;
	line-height: 1.4rem;
	font-family: 'ScalaSansOT';
}

.section8 {
	position: relative;
	padding-bottom: 1.5rem;
	background-color: #EFEDEA;
}

.section8 .text {
	position: absolute;
	top: 38%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-family: 'ScalaSansOT';
	font-size: 1.7rem;
	line-height: 2.2rem;
}



/* VIDEO */
/* .videocontainer {
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 300px;
    margin-bottom: 30px;
}

.videocontainer video {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    position: relative;
} */

/*
.videocontainer:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,.5);
	z-index: 1;
}
*/

.mute-video {
	background-size: 30px;
	border: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999999px;
	top: 20px;
	right: 0px;
	position: absolute;
	z-index: 999;
	background-color: transparent;
}

.mute-video.unmute-video {
	background-size: 30px;
}



/* OFFER */
.offer-section {
	position: -webkit-sticky;
	position: sticky;
	padding-top: 1rem;
	padding-bottom: 1rem;
	width: 100%;
	bottom: 0;
	z-index: 999;
	text-align: center;
	background-color: #fff;
	box-shadow: 0px -4px 14px 0px rgba(102, 102, 102, 0.10);
}

.offer-section .cta .btn {
	font-size: 1.5vw;
	line-height: 1.5vw;
	margin: 0px;
	width: 72% !important;
	transition: all .15s ease-in-out, background .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #FFF;
	font-weight: 700;
	font-family: 'Helvetica Neue';
	background-color: #222;
}

.offer-section .cta {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}

.offer-section .cta .btn:hover {
	background: #333f48;
	color: #FFF;
}

.offer-section .link {
	color: #4d4d4d;
	font-size: 1.5vw;
	line-height: 1.5vw;
	display: block;
}

.offer-section .cta {
	display: flex;
	background-color: #fff;
	align-items: center;
	justify-content: flex-start;
	margin-left: 0rem;
	margin-right: 0rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	flex-direction: column;

}

.offer-section .cta p {
	margin-bottom: 0.3rem;
	font-weight: 300;
	font-family: 'Helvetica Neue';
	font-size: 1.05rem;
	line-height: 1.2rem;
}

.offer-section .cta p strong {
	font-weight: 700;
	font-family: 'Helvetica Neue';
}

.offer-section-code span {}

.offer-section-text {
	font-family: 'Helvetica-Medium';
	font-weight: 500;
	font-size: 4vw;
	line-height: 4vw;
	padding-top: 10px;
}

.offer-section.offer-section-mobile.landing3 .cta {
	flex-direction: column;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: -4.5rem;
}

.offer-section.offer-section-mobile.landing3 .cta .offer-section-text {
	padding-top: 0;
	font-size: 0.95rem;
	margin-bottom: 0.6rem;
	font-family: 'ScalaSansOT';
	font-weight: 400;
}

.offer-section.offer-section-mobile.landing3 .cta .offer-section-text strong {
	font-weight: 700;
	text-transform: uppercase;
}

.offer-section.offer-section-mobile.landing3 .cta a {
	width: 16.7rem;
	font-size: 1.2rem;
	background-color: #000;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}


/* FOOTER */
.footer {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	z-index: 999;
	background: #fff;
	color: #333;
}

.footer-logos {
	margin-bottom: 15px;
	padding-top: 1.4rem;
	background-color: #464650;
}

.footer-separator {
	background-color: #7D7D84;
	padding: 0;
	padding-right: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.footer-markets {
	text-align: right;
	padding: 20px 20px;
}

.footer-brand {
	text-align: left;
	padding: 20px 20px;
}

.footer-markets img {
	width: 93px;
}

.footer-brand img {
	width: 102px;
}

.copyright {
	font-family: 'HKGrotesk';
	margin: 0px 0px 0px 0px;
	font-weight: 400;
	font-size: 11px;
	text-align: left;
}

.copyright-text {
	text-align: center;
	color: #fff;
}

.copyright-legal {
	font-family: 'HKGrotesk';
	font-size: 0.9rem;
	text-align: left;
	margin-bottom: 28px;
	padding-top: 2rem;
	font-weight: 400;
	line-height: 1.2rem;
}

.copyright-legal a {
	color: inherit;
	text-decoration: none;
}



/* FORM */
.form-section {
	background-color: #fff;
	padding-top: 0rem;
	padding-bottom: 0rem !important;
}



.form-section .img-fluid {
	height: 11.3rem;
	width: 26.8rem;
}

.form-section .title.exclusivo {
	background-color: #908073;
	color: #fff;
	font-family: 'ScalaSansOT';
	font-weight: 400;
	font-size: 1.055rem;
	width: 43%;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-bottom: 2.5rem;
}

.form-section.show {
	display: none;
}

.form-section .title {
	font-size: 2.1rem;
	line-height: 2.4rem;
	font-family: 'Helvetica';
	font-weight: 400;
	margin-bottom: 1rem;
}

.form-section .title span {
	color: #000 !important;
}


.form-section .text {
	font-size: 2.15rem;
	line-height: 2.4rem;
	font-family: 'ScalaSansOT';
	font-weight: 400;
}

.form-section .text span {
	display: block;
	margin-bottom: 1rem;
}

.okform {
	display: none;
}

.form-section .icons {
	text-align: center;
	margin-bottom: 30px;
}

.form-section .icons img {
	width: 130px;
}

.section-hide {
	display: none;
}

#copyright-legal-2 {
	display: none;
}

.copyright-hide {
	display: none;
}

.copyright-visible {
	display: block !important;
}

.okform.okform-visible {
	display: block;
}

.sticky-visible {
	display: none;
}

#stickybar,
#stickybar_desktop {
	display: none;
}

/*
#stickybar.sticky-visible,
#stickybar_desktop.sticky-visible{
	display: inherit;
}
*/

#stickybar_ok,
#stickybar_desktop_ok {
	display: none;
}

#stickybar_ok.sticky-visible,
#stickybar_desktop_ok.sticky-visible {
	display: inherit;
}

.form-section .text-section {
	text-align: center;
	margin-top: -1.3rem;
}

.form-section form label {
	padding-left: 5px;
	font-size: 1.2rem;
	/* line-height: 1.7rem; */
	font-family: 'HKGrotesk';
	font-weight: 400;
}

.form-section form label.form-check-label {
	font-size: 0.97rem;
	line-height: 4.5vw;
	color: #000;
	padding-left: 16px;
}

.form-section form label.form-check-label a {
	background-color: #fff;
	color: #000;
	display: inline;
	text-decoration-color: #D9D9D9;
}

.form-section form label.form-check-label a {
	color: #000;
	text-decoration: underline;
}

.form-section form .form-check-input {
	margin-top: 4px;
	width: 18px;
	height: 18px;
}

.form-section .form-control {
	border: 0px solid transparent;
	font-family: 'Helvetica';
	font-weight: 400;
	color: #000;
	font-size: 4vw;
	line-height: 5vw;
	border-radius: 0px;
	border: 1px solid #d9d9d978;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 17px;
	height: auto;
	background: #d9d9d978;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


.form-section .form-control::placeholder {
	font-family: 'Helvetica';
	font-weight: 400;
}

.form-section .form-group {
	margin-bottom: 1.2rem;
}

.form-section .form-group.form-check {
	margin-top: 0.8rem;
	padding-left: 2.45rem;
	margin-bottom: 0.5rem;
}

.form-section .form-group.form-check.mt-custom {
	margin-top: 0.5rem;
}

.form-section .pages {
	position: relative;
}

.okform .container {
	text-align: center;
}

.okform .bodegon-pic {
	display: block;
}

form .btn {
	margin-top: 23px;
	display: block;
	margin-left: 0px;
	width: 17.3rem;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
	padding: 0.8rem 0.9rem;
	font-size: 1.15rem;
	font-family: 'Helvetica Neue';
	font-weight: 700;
	margin-bottom: 2.5rem;
	background-color: #222;
}

.obligatorio {
	color: #a8a8a8;
	font-size: 3.2vw;
	line-height: 3.2vw;
}

.okform .logo {
	display: block;
	max-width: 90px;
	margin: 0px auto 30px auto;
}

.modal-body {}

.modal-body .close {
	float: none;
	margin-bottom: 20px;
}

.modal-body p,
.modal-body li {
	color: #333;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
}

.modal-body ol {
	padding-left: 10px;
}

.modal-body h2 {
	font-size: 18px;
	line-height: 18px;
}

.modal-body table p {
	margin-bottom: 0px;
}

.modal-body table {
	width: 100%;
	margin-bottom: 20px;
}

.modal-body table td {
	border: 1px solid #CCC;
	padding: 5px;
}

.modal strong {}

.okform .text-section .text.plus {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
	margin-top: 15px;
}

form#my-form {
	margin-top: 28px;
}

.okform .offer-section .cta .btn {
	background-color: #8a7e72;
	padding-top: 15px;
	padding-bottom: 15px;
}

.okform .offer-section-text {
	padding-top: 5px;
}

.legal-modal.modal .modal-content {
	background-color: #000;
	color: #FFF;
	padding: 20px 5px 5px 5px;
}

.legal-modal.modal .modal-body p,
.legal-modal.modal .modal-body li {
	color: #EEE;
	font-size: 14px;
	line-height: 20px;
}

.legal-modal.modal button.close {
	top: -15px !important;
	right: 10px !important;
}

.legal-modal.modal button.close span {
	color: #FFF;
	font-size: 30px;
}



/* COPY CODE */
.copy-code {
	margin-top: 20px;
	margin-bottom: 30px;
	display: block;
	text-align: center;
}

.copy-code-code {
	border: 2px solid #908073;
	color: #908073;
	border-radius: 5px;
	font-family: 'ScalaSansOT';
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 6vw;
	padding: 10px 30px 5px 30px;
	letter-spacing: 2px;
	display: block;
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px;
	background-color: #fff;
	width: 14rem;
	margin-left: auto;
	margin-right: auto;
}

.copy-code-text {
	font-family: 'ScalaSansOT';
	font-weight: 400;
	font-size: 0.8rem;
	line-height: 3.5vw;
	color: #000;
}

.copy-code-svg {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	overflow: hidden;
	position: relative;
	transform: translateY(-4px);
}

.copy-code-code .copy-code-icon {
	height: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.copy-code-code .copy-code-icon-ok {
	display: none;
	height: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
}

.copy-code-code .copy-code-icon path {
	stroke: #000;
	fill: none;
	stroke-width: 2px;
}

.copy-code-code .copy-code-icon-ok path {
	stroke: transparent;
	fill: #000;
	stroke-width: 0px;
}



/* HANDFORMS */
.handform {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	z-index: -1;
}

.handform1 {
	left: -15px;
	top: 0px;
}


.handform2 {
	top: 0px;
	left: 70%;
	width: 60px;
}

.handform3 {
	left: auto;
	right: -16px;
	top: -40px;
	width: 80px;
}

.handform4 {
	top: auto;
	bottom: 0px;
	left: -16px;
	width: 100px;
}

.handform5 {
	top: -30px;
	width: 120px;
}

.handform6 {
	top: -10px;
	left: auto;
	right: 0px;
	width: 70px;
}

.handform7 {
	top: -80px;
}






/* RESPONSIVE */
@media (min-width: 992px) {}

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

@media (max-width: 991px) {
	.offer-section .title {
		padding-left: 10%;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 0.8rem;
	}

	.mosca-superior {
		display: none;
	}

	.visible-desktop {
		display: none !important;
	}

	br.mobile-br {
		display: block;
	}

	header .text-section a {
		color: inherit;
	}

	header .text-section .text {
		font-size: 5.5vw;
		line-height: 6.5vw;
	}

	header .text-section .text .store {
		height: 15px;
	}

	header .text-section .title.percent span {
		font-size: 18vw;
		line-height: 10vw;
	}

	header .text-section .title.percent span font {
		font-size: 9.2vw;
	}

	header .text-section .title.percent span.little {
		font-size: 6vw;
		line-height: 6vw;
	}

	header .text-section .title.little {
		font-size: 3.5vw;
		line-height: 4.5vw;
	}

	header .text-section .cta {
		text-align: center;
	}

	.cta-link {
		font-size: 4vw;
		line-height: 4vw;
	}

	.offer-section .cta .btn {
		font-size: 1rem;
		line-height: unset;
		width: 50%;
		border-radius: 3px;
		padding: 0.6rem 1rem;
		font-family: 'Helvetica Neue';
		font-weight: 700;
	}

	.offer-section .link {
		font-size: 4vw;
		line-height: 4vw;
		padding-bottom: 6vw;
	}

	.offer-section-desktop {
		display: none !important;
	}

	.footer {
		padding-top: 0px;
		padding-bottom: 0px;
		position: relative;
		z-index: 9;
	}

	.copyright {
		font-size: 9px;
		margin-bottom: 10px;
	}

	.footer-logo {
		margin-bottom: 15px;
	}

	.footer-logo img {
		max-width: 120px;
	}

	.footer-logo.company img {
		max-width: 100px;
	}

	.carousel-gallery-locations.owl-carousel.owl-drag .owl-item img {
		padding: 0px 55px;
	}

	.owl-carousel.owl-drag .owl-item a {
		display: block;
	}

	.owl-theme .owl-nav {
		top: 30px;
	}

	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next {
		width: 75px !important;
	}

	.owl-carousel .owl-nav button .arrows {
		display: none;
	}

	.owl-carousel .owl-nav button {
		background: transparent !important;
	}

	.bounce {
		-webkit-animation: bounce 2s;
		animation: bounce 2s;
		animation-iteration-count: 2;
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	@-webkit-keyframes bounce {

		0%,
		20%,
		50%,
		80%,
		100% {
			-webkit-transform: translateY(-10px);
		}

		40% {
			-webkit-transform: translateY(-20px);
		}

		60% {
			-webkit-transform: translateY(-10px);
		}
	}

	@-moz-keyframes bounce {

		0%,
		20%,
		50%,
		80%,
		100% {
			-moz-transform: translateY(-10px);
		}

		40% {
			-moz-transform: translateY(-20px);
		}

		60% {
			-moz-transform: translateY(-10px);
		}
	}

	@keyframes bounce {

		0%,
		20%,
		50%,
		80%,
		100% {
			-webkit-transform: translateY(-10px);
			-moz-transform: translateY(-10px);
			-ms-transform: translateY(-10px);
			-o-transform: translateY(-10px);
			transform: translateY(-10px);
		}

		40% {
			-webkit-transform: translateY(-20px);
			-moz-transform: translateY(-20px);
			-ms-transform: translateY(-20px);
			-o-transform: translateY(-20px);
			transform: translateY(-20px);
		}

		60% {
			-webkit-transform: translateY(-10px);
			-moz-transform: translateY(-10px);
			-ms-transform: translateY(-10px);
			-o-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}

	header .scrolldown {
		width: 100%;
		height: 100%;
		top: 0px;
		right: auto;
		left: 0px;
	}

	.offer-section .cta .offer-section-code {
		font-size: 4vw;
		line-height: 4vw;
		padding-bottom: 3vh;
	}

	header .header-picture {
		padding: 20px 0px 0px 0px;
	}

	header .square-section .header-gif {
		display: none;
	}

	.header-gif-right {
		display: none;
	}

	.section7 .grid-item {
		position: -webkit-sticky;
		position: sticky;
		top: 120px;
		padding-top: 0px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		background-color: #ffffff;
	}

	.panorama {
		overflow: scroll;
	}

	.panorama img.products-bodegon {
		width: auto;
		height: 450px;
		position: relative;
		z-index: 0;
	}

	.products-bodegon-wrapper {
		position: inherit;
		height: 400px;
		width: 1070px;
	}

	#panorama::-webkit-scrollbar {
		height: 5px;
	}

	#panorama::-webkit-scrollbar-track {
		background-color: #90807380;
		border-radius: 5px;
	}

	#panorama::-webkit-scrollbar-thumb {
		height: 5px;
		background-color: #000;
		border-radius: 5px;
	}

	#panorama::-webkit-scrollbar-thumb:hover {
		background-color: #333;
	}

	#panorama::-webkit-scrollbar:vertical {
		display: none;
	}

	.grid-section {
		padding-bottom: 30px;
	}

	.form-section {
		padding-bottom: 0px;
	}

	header .text-section {
		color: #FFF;
	}

	.sticky-xs-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1;
		background-color: #f6f4f2;
		padding-top: 28px;
		padding-bottom: 26px;
	}

	.section7 {
		padding-top: 30px;
	}

	.section7 .title {
		margin-bottom: 10px;
	}
}

@media (max-width: 360px) {

	body {
		font-size: 3.3vw;
	}

	.offer-section .title {
		font-size: 4.5vw;
		line-height: 5.5vw;
		padding: 14px 20px;
	}

	.copyright {
		font-size: 3vw;
		margin-bottom: 20px;
	}

	body {
		min-width: 320px;
	}
}

@media (min-width: 768px) {
	html{
		font-size: 18px;
	}
	.hidden-desktop {
		display: none !important;
	}

	.visible-desktop {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	br.desktop-br {
		display: block;
	}

	.carousel-gallery-elements {
		margin-bottom: 20px;
	}

	.offer-section {
		-webkit-box-shadow: 0px -4px 14px 0px rgba(102, 102, 102, 0.10);
		box-shadow: 0px -4px 14px 0px rgba(102, 102, 102, 0.10);
		margin: 0px auto;
	}

	.modal-wrapper .sorteamos {
		position: absolute;
		top: 28px;
		left: 26.6%;
		background-color: #908073;
		width: 70px;
		height: 70px;
		border-radius: 50%;
		z-index: 2;
		color: #FFF;
		display: table;
	}

	.modal-wrapper .sorteamos span {
		font-family: 'ScalaSansOT';
		font-weight: 400;
		font-size: 0.65rem;
		line-height: 1.1;
		display: table-cell;
		vertical-align: middle;
	}

	.offer-section .link {
		margin-top: 10px;
	}

	.offer-section .title {
		padding-left: 5%;
		font-size: 1.7vw;
	}

	.owl-carousel .owl-nav button .arrows {
		font-size: 32px;
	}

	header a {
		color: inherit;
	}

	header a:hover {
		color: inherit;
	}

	header .square-section .text-section {
		text-align: center;
	}

	header .mobile {
		width: 15%;
	}

	.offer-section .cta .btn {
		padding: 15px 40px;
		width: auto;
	}

	.owl-carousel.owl-drag .owl-item {
		border-radius: 20px;
		overflow: hidden;
	}

	.owl-carousel .owl-nav button.owl-next {
		right: -25px;
	}

	.owl-carousel .owl-nav button.owl-prev {
		left: -25px;
	}

	.waves div {
		position: relative;
		z-index: 1;
	}

	.waves .waves-desktop {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 200px !important;
		z-index: 0;
	}

	.waves-desktop path {
		fill: #0f073f !important;
	}

	.cta-link {
		font-size: 1.2vw;
		line-height: 1.2vw;
	}

	.offer-section:not(.offer-section-desktop) {
		display: none !important;
	}

	.offer-section-desktop {
		display: none;
	}

	.offer-section-desktop {
		/* -webkit-box-shadow: 0 -1px 4px rgba(0,0,0,.1);
		box-shadow: 0 -1px 4px rgba(0,0,0,.1); */
	}

	.offer-section-desktop .cta {
		flex-direction: column;
		width: 30%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0.5rem;
		padding-right: 1.9rem;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.offer-section-desktop .cta p {
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
		line-height: 1rem;
	}

	.offer-section-desktop .cta .btn {
		padding: 0.4rem 1rem;
		border-radius: 0;
		width: 56% !important;
		font-size: 0.7rem !important;
		cursor: pointer;
	}

	.waves .waves-content {
		height: 50px !important;
	}

	.container.carousel-container {
		max-width: 800px;
	}

	header .destacado {
		font-size: 1vw;
		line-height: 1vw;
	}

	header .text-section .title {
		font-size: 2.5vw;
		line-height: 2.5vw;
		margin-bottom: 20px;
	}

	header .text-section .subtitle {
		font-size: 2vw;
		line-height: 2.5vw;
	}

	.code {
		font-size: 1.5vw;
		line-height: 1.5vw;
		margin-top: 4vh;
	}

	header .product-img {
		margin-top: 0px;
	}

	.cita {
		font-size: 1.5vw;
		line-height: 2.5vw;
		padding: 0px 200px;
	}

	.cita span {
		font-size: 1vw;
		line-height: 1.5vw;
	}

	.product-item .product-name {
		font-size: 1.8vw;
		line-height: 1.8vw;
		margin-bottom: 10px;
	}

	.product-item .product-text {
		font-size: 1.2vw;
		line-height: 1.2vw;
	}

	.products-grid {
		padding: 0px 20px 0px 20px;
	}

	.icon-img {
		max-width: 160px;
	}

	.product-item {
		padding: 0px 0px;
	}

	.product-item .product-price {
		font-size: 1vw;
		line-height: 1vw;
	}

	.copyright {
		font-size: 12px;
	}

	header .logo {
		margin-top: 3.3rem;
		margin-bottom: 11.1rem;
		max-width: 10rem;
		margin-left: auto;
		margin-right: auto;
	}

	header .title {
		margin-left: 4.8rem;
		font-size: 2.4rem;
		margin-bottom: 1rem;
	}

	header .title strong {
		font-size: 3.5rem;
	}

	header .subtitle {
		font-size: 1.1rem;
		margin-left: 4.7rem;
		margin-bottom: 13.5rem;
	}

	header .text-col {
		padding-bottom: 4.3rem;
	}

	header .text-section {
		margin-top: -2rem;
		width: 81%;
	}

	header .destacado {
		margin-top: 5vh;
	}

	.product-link-all a {
		font-size: 1.5vw;
		line-height: 1.5vw;
	}

	.offer-section-code {
		display: inline-block;
		margin-right: 20px;
		vertical-align: middle;
		font-size: 1.2vw;
	}

	.cita-desktop {
		padding-left: 5vw;
	}

	.mute-video {
		top: 0px;
		right: 0px;
	}

	.supertitle {
		font-size: 5vw;
		line-height: 5vw;
	}

	.handform1 {
		left: -25px;
	}

	.handform2 {
		left: 80%;
	}

	header .text-section .text {
		font-size: 1.8vw;
		line-height: 2.3vw;
	}

	header .cta .btn {
		font-size: 1.5vw;
		line-height: 1.5vw;
	}

	header .square-section .header-gif {
		display: block;
		margin-bottom: 0px;
		width: 80%;
		position: relative;
		z-index: -2;
	}

	.section.form-section .subtitle {
		margin-bottom: 20px;
	}

	.form-section form {
		width: 840px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3.3rem !important;
	}

	.form-section .form-group {
		margin-bottom: 1.7rem;
	}

	.form-section form label {
		font-size: 1.2vw;
		line-height: 1.2vw;
	}

	.form-section form label.form-check-label {
		font-size: 1vw;
		line-height: 1.1vw;
	}

	.form-section form .form-check-input {
		margin-top: 7px;
		width: 20px;
		height: 17px;
	}

	.form-section .form-group.form-check {
		margin-top: 0.3rem;
		padding-left: 2.8rem;
	}

	.form-section.okform-visible {
		margin-top: 0;
		padding-bottom: 0px;
	}

	.form-section {
		padding-top: 0rem;
	}

	.form-section .img-fluid {
		height: auto;
		max-width: 100%;
		width: 100%;
	}

	.form-section .img-fluid.form-logo {
		width: 5.5rem;
	}

	.obligatorio {
		font-size: 14px;
		line-height: 14px;
	}

	.btn {
		font-size: 1.5vw;
		line-height: 1.5vw;
	}

	.okform .text-section .title {
		font-size: 2vw;
		line-height: 2.2vw;
		margin-top: 40px;
		margin-bottom: 30px;
	}

	.okform .text-section .text {
		font-size: 1.5vw;
		line-height: 1.7vw;
	}

	.code-text {
		font-size: 1vw;
		line-height: 1vw;
	}

	.product-link-all {
		padding-top: 8vh;
		padding-bottom: 8vh;
	}

	header .pages {
		margin-top: 4vh;
	}

	.header-gif {
		display: none;
	}

	.header-gif-right {
		display: inline-block;
		width: 52%;
		vertical-align: bottom;
	}

	header .bodegon-pic {
		display: block;
		margin: 0px auto 40px auto;
	}

	.handform4 {
		left: -30px;
	}

	.handform7 {
		display: none;
	}

	.product-item .product-img-div {
		padding: 10px 20px;
	}

	.code-text {
		margin-bottom: 4vh;
	}

	#page4 .cta-content {
		margin-bottom: 8vh;
	}

	#page4 .cta-content .btn:hover {
		background: #333f48;
		color: #FFF;
	}

	.offer-section-desktop:not(.sticky-visible) {
		display: none !important;
	}

	.supertitle.yellow {
		color: #FFF;
	}

	.copy-code-code {
		font-size: 20px;
		line-height: 0rem;
		display: inline-block;
		padding-left: 1.7rem;
		padding-right: 1rem;
		width: 12.5rem;
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
		font-size: 1.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0.4rem;
	}

	.copy-code-text {
		font-size: 12px;
		line-height: 12px;
	}

	a.categories-btn {
		font-size: 1.5vw;
		line-height: 1.5vw;
		border: 5px solid #ffcb04;
	}

	form .btn {
		width: 14.8rem;
		margin-left: auto;
		margin-right: auto;
		padding: 0.4rem 1rem;
		font-size: 0.9rem;
		font-weight: 400;
		border-radius: 3px;
		margin-top: 2.9rem;
		margin-bottom: 2rem;
	}

	.downarrow .text {
		font-size: 1.5vw;
		line-height: 1.5vw;
	}

	.videocontainer video {
		max-height: 100vh;
		object-fit: cover;
	}

	.section .title {
		font-size: 2.5vw;
		line-height: 3vw;
		margin-bottom: 10px;
	}

	.section .subtitle {
		font-size: 1.8vw;
		line-height: 2.3vw;
		margin-bottom: 0px;
	}

	.bodegon-pic {
		padding-left: 70px;
		padding-right: 70px;
	}

	.form-section .icons img {
		width: 160px;
	}

	.okform .logo {
		max-width: 140px;
	}

	.okform .section .title {
		font-size: 3vw;
		line-height: 3vw;
	}

	.okform .section .subtitle {
		font-size: 2vw;
		line-height: 2.5vw;
	}

	.section .text.little {
		font-size: 1.3vw;
		line-height: 1.3vw;
	}

	.okform .bodegon-pic {
		padding-left: 0px;
		padding-right: 0px;
	}

	.okform .section5 .title,
	.okform .section6 .title {
		font-size: 2.5vw;
		line-height: 2.5vw;
	}

	.categories-item {
		padding: 0px 15px;
	}

	.offer-section-text {
		font-size: 1vw;
		line-height: 1.5vw;
		padding-top: 0px;
		margin-right: 10px;
		display: inline-block;
	}

	.okform .btn:hover {
		background-color: #333f48;
		;
	}

	.section3 {
		padding-top: 6rem;
	}

	.section3 img.img-fluid.produscts-desktop {
		width: 57rem;
		margin-left: 7rem;
	}


	.form-section .form-control {
		font-size: 1.2vw;
		line-height: 1.2vw;
	}

	.video-mobile {
		display: none;
	}

	header {
		max-height: auto;
		height: 100vh;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}

	.header-image {
		position: absolute;
		top: 0;
		left: 0px;
		width: 100%;
		height: 100%;
	}

	.header-image img {
		width: 27.4rem;
		height: 40rem;
		object-fit: cover;
		object-position: center;
		margin-top: 9.5rem;
		margin-left: 21.4rem;
	}

	.header-image img.image2 {
		width: 26.4rem;
		height: 35.8rem;
		object-fit: cover;
		object-position: center;
		margin-top: -15rem;
		margin-left: 21.4rem;
	}

	header .content {
		height: 100%;
		max-width: 100%;
	}

	header .header-wrapper {
		justify-content: center;
		padding-top: 1.2rem;
	}

	.videocontainer {
		max-height: 100vh;
		overflow: hidden;
	}

	.section7 .d-grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 3rem;
		font-size: 0.75rem;
	}

	header .text-section .title.exclusivo {
		padding: 7px 10px 4px 10px;
		font-size: 1.3vw;
		line-height: 1.3vw;
		margin-bottom: 20px;
	}

	.video-col {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section2 {
		background-color: #fff;
		padding-top: 5rem;
		z-index: 1;
	}

	.section2 .img-fluid {
		width: 50.1rem;
	}

	.section2 .text-section {
		margin-left: 0;
		margin-bottom: 0;
		width: 44%;
		margin-top: 5.2rem;
	}

	.section2 .text-col {
		padding-top: 4.8rem;
		padding-bottom: 5.4rem;
	}

	.section2 .title.exclusivo {
		font-size: 0.8rem !important;
		line-height: 1.4rem !important;
		width: 11%;
		margin-bottom: 1.7rem;
	}

	.section2 .title {
		font-size: 2.4rem !important;
		line-height: 2.4rem !important;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 46.9rem;
		margin-bottom: 2.8rem;
	}

	.section2 .content {
		width: 30rem;
		margin-left: auto;
		margin-right: auto;
	}

	.section2 .wrapper {
		padding-left: 10.1rem;
	}

	.section2 .text-bg {
		display: inline-block;
		font-size: 1.05rem;
		width: 8.5rem;
	}

	.section2 .text-bg.large {
		width: 14.5rem;
		margin-left: 2.2rem;
		font-size: 1.15rem;
	}

	.section2 .text {
		color: #000;
		display: inline;
		font-size: 1.1rem;
		margin-bottom: 1.6rem;
		line-height: 2.4rem !important;
		margin-left: 0;
	}

	.section2 .text.text2 {
		display: block;
		margin-bottom: 0;
		padding-left: 3.8rem;
		line-height: 1.4rem !important;
	}

	.section2 .plus {
		margin-left: auto;
		margin-right: auto;
		width: 1rem;
		padding-left: 8rem;
		font-size: 1.1rem;
		margin-bottom: 0.4rem;
	}

	.section2 .btn {
		width: 14.5rem;
		font-size: 0.8rem;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-left: 16.7rem;
		margin-top: 3.1rem;
	}

	.section2 .title span {
		font-size: 2.6rem;
	}

	.section3 .text-section {
		text-align: left;
	}

	.section .subtitle.little {
		font-size: 1.7vw;
		line-height: 2.2vw;
	}

	.modal-plus img {
		width: 45px;
	}

	.section3 .modal-dialog {
		max-width: 100%;
	}

	.section3 .modal-wrapper .modal .modal-content .modal-content-inner {
		justify-content: center;
	}

	.modal .modal-content img {
		/* width: 160px; */
	}

	.modal .product-title {
		font-size: 2vw;
		line-height: 3vw;
	}

	.section .title.exclusivo.little {
		font-size: 1.5vw;
		line-height: 1.5vw;
		letter-spacing: 3px;
	}



	.section7 {
		padding-top: 3.4rem !important;
		padding-bottom: 2.4rem !important;
	}

	.section7 .grid-item .text {
		font-size: 1.5vw;
		line-height: 2vw;
	}

	.section7 .grid-item {
		background-color: #FFF;
		padding-bottom: 0px;
		display: flex;
	}

	.section7 .grid-item img {
		width: 15.6rem;
		margin-bottom: 0;
		margin-left: -0.7rem;
		height: 11.7rem;
	}

	.section7 .wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.section7 .d-grid {
		margin-top: 2.9rem;
		padding-bottom: 5.8rem;
		border-bottom: 0px solid transparent;
	}

	.section7 .title.card {
		font-size: 1.3rem;
		margin-bottom: 0;
	}

	.section8 .text {
		position: absolute;
		top: 43%;
		left: 0;
		width: 100%;
		text-align: center;
		color: #fff;
		font-weight: 400;
		font-family: 'ScalaSansOT';
		font-size: 1.3rem;
		line-height: 1.9rem;
	}

	.section8 {
		padding-bottom: 0.8rem;
	}

	.section.form-section .text-section {
		max-width: 650px;
		margin-top: 3.4rem;
		border-top: 0;
		padding-top: 0rem;
		margin-left: auto;
		margin-right: auto;
		text-align: center !important;
	}

	.form-section .title {
		font-size: 2rem !important;
		font-family: 'Helvetica Neue';
		font-weight: 700;
		margin-left: 0rem;
		line-height: 2rem !important;
	}

	.form-section .subtitle {
		font-size: 1.7rem !important;
	}

	.form-section .subtitle span {
		font-size: 2.25rem;
	}

	.form-section .text {
		font-size: 2vw;
		line-height: 2vw;
	}

	.section4 {
		padding-top: 13.2rem;
		padding-bottom: 1.6rem;
	}

	.section4 .title {
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
		padding-right: 7.6rem;
		font-size: 2rem !important;
		line-height: 1.9rem !important;
	}

	.section4 .content {
		position: relative;
		margin-bottom: 5rem;
		display: flex;
		flex-direction: row-reverse;
		width: 70rem;
		margin-left: auto;
		margin-right: auto;
		justify-content: space-between;
		padding-top: 2rem;
	}


	.section4 .content.left {
		position: relative;
		margin-bottom: 9.8rem;
		display: flex;
		flex-direction: row;
		width: 70rem;
		margin-left: auto;
		margin-right: auto;
		justify-content: space-between;
		padding-top: 2rem;
	}

	.section4 .wrapper {
		padding-top: 4.6rem;
		padding-right: 2.3rem;
	}

	.section4 .wrapper.left {
		padding-top: 9rem;
		padding-right: 0;
		padding-left: 2.3rem;
	}

	.section4 .title-item {
		font-size: 1.1rem;
		padding-right: 4.9rem;
		margin-bottom: 1.5rem;
	}

	.section4 .title-item.left {
		text-align: left;
		padding-left: 4.7rem;
		padding-right: 0;
	}

	.section4 .text {
		font-size: 0.85rem;
		padding-right: 4.7rem;
		line-height: 1rem;
	}

	.section4 .text.left {
		text-align: left;
		padding-left: 4.6rem;
		padding-right: 0;
	}

	.section4 .img-fluid {
		width: 33.8rem;
		margin-left: 1.2rem;
	}

	.section4 .img-fluid.left {
		width: 32.6rem;
		margin-right: 1.3rem;
		margin-left: 0;
	}

	.section4 .img-fluid.spot {
		width: 12.9rem;
		margin-left: 0;
		display: block;
		position: absolute;
		left: 42.5%;
		top: 48.5%;
	}

	.section4 .img-fluid.spot.left {
		width: 11.7rem;
		margin-left: 0;
		display: block;
		position: absolute;
		left: 43.5%;
		top: 46%;
	}

	.section4 .subtitle {
		font-size: 1.3rem !important;
		margin-bottom: 3.6rem;
		text-align: center;
		line-height: 1.6rem !important;
	}

	.section5 {
		padding: 1.7rem 0px 5rem 0px;
	}

	.section5 .title.exclusivo {
		font-size: 1.7rem !important;
		margin-top: 4.4rem;
	}

	.copyright-legal {
		text-align: center;
		padding-top: 0.6rem;
		font-size: 0.57rem;
		line-height: 0.8rem;
		margin-bottom: 31px;
	}

	.footer-logos {
		padding-top: 0;
	}

	.section3 .title {
		margin-bottom: 2.5rem;
		font-size: 2.4rem !important;
		text-align: center;
		color: #000;
		margin-left: 0rem;
		line-height: 2.6rem !important;
	}

	.section3 .text {
		text-align: center;
		font-size: 0.85rem;
		line-height: 1rem;
	}

	.section3 .videowrapper {
		position: relative;
		width: 100vw;
	}

	.section3 .videocontainer {
		width: auto;
		height: 14.6rem;
		margin-left: auto;
		margin-right: auto;
		object-fit: cover;
	}

	/* [data-aos=example-anim3] {
		opacity: 1;
		width: 32vw;
		height: 14.6rem;
		margin: 0 auto;
		transition-property: width, height;
		margin-left: auto;
		margin-right: auto;
		object-fit: cover;
	} */

	.okform .logo {
		margin: 30px auto 80px auto;
	}

	.section .code-col .text.little {
		margin-top: 50px;
	}

	.copy-code {
		margin-bottom: 2.5rem;
	}

	.videocontainer {
		margin-bottom: -10px;
	}

	.section2 .container {
		max-width: 100%;
	}

	.section2 .img-col img {
		width: 100%;
	}

	footer {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
	}

	footer .container {
		max-width: 100%;
	}

	.offer-section.offer-section-desktop.landing3 .cta {
		display: flex;
		flex-direction: column;
		box-shadow: 0px 0px 14px rgba(102, 102, 102, 0.2);
		margin-top: -3.5rem;
	}

	.offer-section.offer-section-desktop.landing3 .cta a {
		background-color: #000;
	}

	.offer-section.offer-section-desktop.landing3 .cta .offer-section-text {
		font-size: 0.7rem;
		margin-right: 0;
	}

	.section6 .img-fluid {
		height: auto !important;
		width: 100% !important;
		object-fit: cover;
		object-position: bottom;
	}

	.section6 .title {
		font-size: 1.95rem !important;
		margin-top: 4.5rem;
		margin-bottom: 0.2rem !important;
	}

	.section6 .subtitle {
		font-size: 1.05rem !important;
		margin-bottom: 1.7rem;
	}

	.section6 .subtitle span {
		font-size: 1.25rem !important;
	}

	.section6 .copy-code {
		width: 13.8rem;
	}

	.section6 .copy-code-code {
		padding: 13px 35px 5px 20px;
		font-size: 1.25rem;
		margin-bottom: 5px;
		letter-spacing: 0;
	}

	.section6 .copy-code-text {
		font-size: 0.74rem;
	}

	.section6 .btn {
		padding: 8px 52px;
		font-size: 0.9rem;
	}

	.section7 .title {
		font-size: 1.5rem !important;
		margin-top: 2.9rem !important;
		margin-bottom: 2.8rem !important;
	}

	.section7 .content {
		width: 42rem;
		margin-left: auto;
		margin-right: auto;
	}

	.section7 .img-fluid {
		height: 17.3rem !important;
		width: 40.1rem !important;
		object-fit: cover;
	}

	.section7 .ctas {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		height: 100%;
		width: 100%;
		margin-left: 3rem;
		padding-top: 2.2rem;
		justify-content: flex-start;
	}

	.section7 .ctas a {
		color: #000;
		font-family: 'Helvetica-Medium';
		font-weight: 500;
		font-size: 1.1rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid rgba(0, 0, 0, 0.40);
		width: 100%;
		margin-bottom: 1.1rem;
		text-align: left;
		padding-left: 1.6rem;
	}

	.section7 .swiper {
		width: 32rem;
	}

	.section7 .swiper .img-fluid {
		height: 17.3rem;
		object-fit: cover;
	}

	.section7 .swiper-pagination-bullets {
		left: 6.7%;
		margin-top: 1.3rem;
	}

	.swiper-pagination-bullet {
		justify-content: flex-start;
		padding-left: 1.5rem;
		font-size: 1.1rem;
		margin-bottom: 0rem !important;
		padding-top: 0;
		padding-bottom: 0;
		height: 60px;
	}

	.swiper-pagination-bullet.swiper-pagination-bullet-active {
		justify-content: flex-start;
		padding-left: 1.5rem;
		font-size: 1.1rem;
		margin-bottom: 0rem !important;
		padding-top: 0;
		padding-bottom: 0;
		height: 60px;
	}

}

@media (min-width: 1400px) {
	header .text-section .subtitle {
		font-size: 25px;
		line-height: 30px;
	}

	header .text-section .title {
		font-size: 56px;
		line-height: 56px;
	}

	.cta-link {
		margin-top: 10px;
	}

	.cta-link a {
		font-size: 16px;
		line-height: 16px;
	}

	header .text-section .title {
		font-size: 2.15rem;
		line-height: 2.6rem;
		margin-top: 0.2rem;
	}

	header .text-section .title.percent span {
		font-size: 112px;
	}

	header .text-section .title.percent span font {
		font-size: 67px;
	}

	header .text-section .title.percent span.little {
		font-size: 32px;
		line-height: 32px;
	}

	header .text-section .title.little {
		font-size: 40px;
		line-height: 45px;
	}

	header .cta a {
		font-size: 30px;
		line-height: 30px;
	}

	.offer-section .cta .btn {
		font-size: 32px;
		line-height: 24px;
	}

	.copyright {
		font-size: 10px;
		margin-bottom: 0.5rem;
	}

	.offer-section .cta .btn {
		font-size: 19px;
		line-height: 19px;
	}

	header .cta .btn {
		font-size: 19px;
		line-height: 19px;
	}

	header .text-section .text {
		font-size: 23px;
		line-height: 28px;
	}

	.offer-section .link {
		font-size: 18px;
		line-height: 18px;
	}

	.code {
		font-size: 18px;
		line-height: 18px;
	}

	.cita {
		font-size: 18px;
		line-height: 28px;
	}

	.cita span {
		font-size: 13px;
		line-height: 18px;
	}

	.product-item .product-name {
		font-size: 16px;
		line-height: 16px;
	}

	.product-item .product-price {
		font-size: 13px;
		line-height: 13px;
	}

	header .destacado {
		font-size: 14px;
		line-height: 14px;
	}

	.product-link-all a {
		font-size: 19px;
		line-height: 19px;
	}

	.offer-section-code {
		font-size: 19px;
	}

	.supertitle {
		font-size: 62px;
		line-height: 62px;
	}

	.form-section form label {
		font-size: 14px;
		line-height: 14px;

	}

	.form-section form label.form-check-label {
		font-size: 12.3px;
		line-height: 14px;
	}

	.btn {
		font-size: 19px;
		line-height: 19px;
	}

	.okform .text-section .title {
		font-size: 25px;
		line-height: 30px;
	}

	.okform .text-section .text {
		font-size: 19px;
		line-height: 24px;
	}

	.code-text {
		font-size: 12px;
		line-height: 12px;
	}

	.downarrow .text {
		font-size: 0.8rem;
		line-height: 19px;
	}

	.arrow-down {
		width: 30px;
		height: 30px;
		margin-top: -1rem;
	}

	.section .title {
		font-size: 32px;
		line-height: 37px;
	}

	.section .subtitle {
		font-size: 25px;
		line-height: 30px;
	}

	.okform .section .title {
		font-size: 38px;
		line-height: 38px;
	}

	.okform .section .subtitle {
		font-size: 32px;
		line-height: 32px;
	}

	.section .text.little {
		font-size: 16px;
		line-height: 16px;
	}

	.product-item .product-text {
		font-size: 14px;
		line-height: 14px;
	}

	a.categories-btn {
		font-size: 19px;
		line-height: 19px;
	}

	.offer-section-text {
		font-size: 18px;
		line-height: 18px;
	}

	.form-section .form-control {
		font-size: 16px;
		line-height: 15px;
		padding-left: 20px;
		margin-left: auto;
		margin-right: 0;
		width: 22.5rem;
	}

	.form-section .form-control.ml0 {
		margin-left: 0;
	}

	.form-section .form-control.email {
		width: 22.5rem;
		margin-left: auto;
		margin-right: auto;
	}

	header .text-section .title.exclusivo {
		font-size: 1.7rem;
		line-height: 1.2rem;
		margin-bottom: 0;
	}

	.section .title.exclusivo {
		font-size: 1.1rem;
		line-height: 23px;
	}

	.section7 .title {
		font-size: 1.7rem;
		line-height: 1.6rem;
	}

	.section .subtitle.little {
		font-size: 22px;
		line-height: 27px;
	}

	.section .title.exclusivo.little {
		font-size: 19px;
		line-height: 19px;
	}

	.section7 .grid-item .text {
		font-size: 0.8rem;
		line-height: 0.9rem;
	}

	.form-section .text {
		font-size: 25px;
		line-height: 25px;
	}

	.okform .section .subtitle {
		font-size: 25px;
		line-height: 30px;
	}

	.modal .product-title {
		font-size: 25px;
		line-height: 33px;
	}
}

@media (min-width: 1900px) {
	.section2 .img-fluid {
		width: 50%;
	}

	.section2 .title {
		width: 63rem;
	}

	.section2 .btn {
		margin-left: 23.5rem;
	}
}

/* SPECIAL DESKTOP */
@media (min-width: 1200px) and (max-width: 1300px) and (min-height: 500px) and (max-height: 650px) {}

/* SPECIAL MOBILE */
@media (min-width: 355px) and (max-width: 365px) and (min-height: 635px) and (max-height: 645px) {}

@media(min-width: 390px) and (max-width:414px) {
	.section3 .text {
		font-size: 1.1rem;
	}

	.section4 .text {
		font-size: 1.05rem;
	}

	.copyright-legal {
		font-size: 0.8rem;
	}

	.form-section form label.form-check-label {
		font-size: 0.9rem;
	}
}

/* IPHONE 6 */
@media (min-width: 370px) and (max-width: 380px) {
	html {
		font-size: 14px;
	}

	.section2 .btn {
		font-size: 1.05rem;
	}
}

@media (min-width: 360px) and (max-width: 380px) {
	html {
		font-size: 14px;
	}

	.section2 .btn {
		width: 16.5rem;
		font-size: 1rem;
		padding-left: 0;
		padding-right: 0;
	}

	.copyright-legal {
		font-size: 0.8rem;
	}

	span.dynamic-copy-code-text {
		margin-left: 8px;
		margin-top: 2px;
	}

	div#initial-section {
		overflow: hidden;
	}
}



/* IPHONE X */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {}

/* html {
	background-image: url(../img/bacdesktop3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
  }
  
  body {
	opacity: 0.6;
  }
 */