/* ====================================================================== */
/* =========================== Default Screen =========================== */
/* ====================================================================== */

html {
	height: 100%;
	overflow-y: scroll;
	cursor: default;
	letter-spacing: 0.15px;
	font-size: 10px;
}
	
body {
	height: 100%;
	line-height:0;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: none !important;
	font-smoothing: antialiased !important;	
	color: #8C8C8C;
}

.setWrapper {
	max-width: 1328px;
	width:-webkit-calc(100% - 64px);
	   width:-moz-calc(100% - 64px);
		 width:-o-calc(100% - 64px);
			width:calc(100% - 64px);
	background: rgba(255,0,0,0);
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.setGRID {
	width: 100%;
	height: 100vh;
	background: url(../assets/@0x/IMG_GRD.png?200000) repeat-y top center / 1800px 100px;
	position: fixed;
	z-index: 9999;
	opacity: 0.25;
	display: none;
	top: 0;
}

/* ---------------------------------------- */
/* ----- >>> Styles ----------------------- */
/* ---------------------------------------- */

h1	  { font: 500 72px/1.25em 'Catamaran', sans-serif; margin: 0 auto 16px auto; letter-spacing: 0.00em }
h2	  { font: 300 24px/1.25em 'Catamaran', sans-serif; margin: 0 auto 16px auto; letter-spacing: 0.05em }
h3	  { font: 300 21px/1.25em 'Catamaran', sans-serif; margin: 0 auto 16px auto; letter-spacing: 0.00em }
h4	  { font: 500 21px/1.25em 'Catamaran', sans-serif; margin: 0 auto 16px auto; letter-spacing: 0.00em }
p 	  { font: 300 18px/1.25em 'Catamaran', sans-serif; margin: 0 auto 16px auto; letter-spacing: 0.00em }
small { font: 300 16px/1.50em 'Catamaran', sans-serif; margin: 0 auto 16px auto; letter-spacing: 0.00em }
a { text-decoration: none;}

p:last-of-type,
small:last-of-type {
	margin-bottom: 0 !important;
}

/* ---------------------------------------- */
/* ----- >>> Structure -------------------- */
/* ---------------------------------------- */

header,
section,
footer {
	width: 100%;
	position: relative;
}

header {
	background: rgba(255,255,255,0.9);
	position: fixed;
	color: #808080;
	z-index: 9999;
	top: 0;
}

header.isOpen {
	background: #582C5F;
	color: #FFFFFF;
}

section {
	padding: 96px 0;
	overflow: hidden;
}

footer {
	width: 100%;
	padding: 96px 0;
	background: #404040;
	color: #FFFFFF;
}

aside {
	width: 50%;
	height: 100vh;
	max-width: 240px;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0);
	-webkit-transform: translate( 100%, 0%);
	-moz-transform: translate( 100%, 0%);
	-ms-transform: translate( 100%, 0%);
	-o-transform: translate( 100%, 0%);
	transform: translate( 100%, 0%);
	background: #FFFFFF;
	align-items: center;
	position: fixed;
	z-index: 9999;
	display: flex;
	right: 0;
	top: 0;
}


aside.isOpen {
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.25);
	-webkit-transform: translate( 0%, 0%);
	-moz-transform: translate( 0%, 0%);
	-ms-transform: translate( 0%, 0%);
	-o-transform: translate( 0%, 0%);
	transform: translate( 0%, 0%);
}

aside .setBack,
aside .setOverlay  {
	width: 0;
	height: 0;
	position: absolute;
	left: -100vw;
}

aside .setOverlay {
	width: 100%;
	height: 100%;
	background: rgba(230, 230, 230, 0.75);
	opacity: 1;
	left: 0;
}

aside.isOpen .setBack {
	width: 100vw;
	height: 100vh;
}

/* ---------------------------------------- */
/* ----- >>> Navegation ------------------- */
/* ---------------------------------------- */

.setBND {
	width: 230px;
	height: 48px;
	background: url(../assets/SVG/IMG_BND.svg?1000) no-repeat 0 0 / 100% 200%;
	margin: 12px auto 20px auto;
}

header .setBND { background-position: 000% 000%; float: left; }
footer .setBND { background-position: 000% 100%; margin: 0px auto; }

nav {
	margin: 32px auto;
}

nav ul {
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 24px;
}

nav ul > li {
	font-family: 'Catamaran', sans-serif;
	position: relative;
	line-height: 1em;
	font-weight: 400;
}

nav ul > li:hover {
	color: #009994;
}

header nav { 
	text-transform: uppercase;
	font-size: 16px;
	float: right; 
}

header nav li i {
	width: 32px;
	height: 32px;
	background: url(../assets/SVG/IMG_CVD.svg) no-repeat center center / cover;
	display: inline-block;
	margin-top: -9px;
}

footer nav { 
	widows: 100%;
	display: inline-block;
	font-size: 21px;
}

footer nav li {
	padding: 0px 16px;
}

footer nav li:before {
	content: "";
	width: 1px;
	height: 70%;
	position: absolute;
	background: #FFF;
	top: 15%;
	right: 0;
}



footer nav li:last-child:before {
	display: none;
}

footer .setDIV {
	width: 128px;
	height: 1px;
	background: #FFFFFF;
	margin: 32px auto;
}

footer .setMNF {
	width: 110px!important;
	height: 45px!important;
	background: url(../assets/IMG/logo-elea-white-transp-v2@3x.png?200000) no-repeat center center / cover;
	display: inline-block;
	margin-bottom: 32px;
}

/*footer .setMNF {
	width: 110px;
	height: 40px;
	background: url(../assets/SVG/IMG_MNF.svg?1000) no-repeat center center / cover;
	display: inline-block;
	margin-bottom: 32px;
}*/

footer p {
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 24px;
}

footer small {
	display: inline-block;
	margin-bottom: 24px;
}

footer small:last-child {
	margin-top: 0;
}

footer small a { margin: 0 8px; }

header .setBND a,
footer .setBND a {
	width: 100%;
	height: 100%;
	display: block;
}

aside .setTrigger {
	width: 48px;
	height: 48px;
	background: #FFCD00;
	position: absolute;
	cursor: pointer;
	left: -48px;
	top: 25%;
}

.setTrigger > i,
aside ul > li > i {
	width: 60%;
	height: 60%;
	margin: 20%;
	background: url(../assets/SVG/IMG_CRT.svg?1000) no-repeat 0 0 / 200% 100%;
	display: block;
}

.isOpen .setTrigger > i {
	background-position: 100% 100%;
}

aside ul {
	width: 80%;
	margin: 0 10%;
}

aside ul > li {
	width: 100%;
	font: 700 21px/1.00em 'Catamaran', sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin: 12px auto;
	color: #454545;
}

aside ul > li > i {
	width: 48px;
	height: 48px;
	margin: 0 auto;
}

aside ul > li > a > .setIMG {
	background-color: #F5F5F5;
	padding-bottom: 70%;
	position: relative;
}

aside ul > li > a > .setIMG:before {
	width: 30px;
	height: 30px;
	content: "";
	background: url(../assets/SVG/IMG_ARW.svg?1000) no-repeat center center / 24px 24px #454545;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ---------------------------------------- */
/* ----- >>> Section: Home ---------------- */
/* ---------------------------------------- */

#isS00 {
	padding: 0;
}

#isI01 { background-image: url(../assets/@0x/IMG_SL01.jpg?200000); } 
#isI02 { background-image: url(../assets/@0x/IMG_SL02.jpg?200000); } 
#isI03 { background-image: url(../assets/@0x/IMG_SL03.jpg?200000); } 
#isI04 { background-image: url(../assets/@0x/IMG_SL04.jpg?200000); } 
#isI05 { background-image: url(../assets/@0x/IMG_SL05.jpg?200000); } 
#isI06 { background-image: url(../assets/@0x/frame_341.webp); } 

#isI06 p {
    top: 16%;
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%);
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    text-align: center;
    font-size: 24px;
}

.setSlider {
	width: 100%;
	overflow: hidden;
}

.setSlider .setSlide {
	width: 100%;
	min-height: 100vh;
	float: left;
}

.setSlider .setDots {
	width: 100%;
	bottom: 32px !important;
	position: absolute;
	text-align: center;
	z-index: 100;
}

.setSlider .setDots > .setItem {
	width: 12px;
	height: 12px;
	background: #D1D1D1;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 8px;
}

.setSlider .setDots .setItem.isCurrent {
	background: #8C8C8C !important;
}

.setSlider .setButton {
	font: 700 16px/3.50em 'Catamaran', sans-serif;
	text-transform: uppercase;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	background: #582C5F;
	text-align: center;
	position: absolute;
	padding: 0px 32px;
	color: #FFFFFF;
}

#isI01 .setButton { left: 59%; top: 65%; }
#isI02 .setButton { left: 67%; top: 65%; background: #004F8C;}
#isI03 .setButton:nth-child(1) {
    left: 67%;
    top: 40%;
}
#isI03 .setButton:nth-child(2) { left: 67%; top: 50%; }
#isI04 .setButton { left: 59%; top: 70%; }
#isI06 .setButton {
    left: 50%;
    top: 65%;
    color: #016f98;
    background: #fefefe;
}
#isI06 img {
    max-width: 175px;
    left: 35%;
    top: 60%;
    position: absolute;
}

/* ---------------------------------------- */

.setTabs {
	width: 100%;
	max-width: 800px;
	background: url(../assets/SVG/IMG_SHP.svg?1000) no-repeat bottom center / cover;
	margin: 0 auto 24px auto;
	padding: 0 48px;
	display: flex;
}

.setTabs > div {
	width: 33.333333%;
	-webkit-border-radius: 12pc 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
	cursor: pointer;
	padding: 18px 0;
}

.setTabs > div:hover,
.setTabs > div.isCurrent {
	background: #9C9C9C;
	color: #FFFFFF;
}

.setTabs > div:hover {
	background: #8C8C8C;
}

.setTabs > div > p {
	font: 400 28px/0.90em 'Catamaran', sans-serif;
	margin-bottom: 0;
}

.setTabs > div > p > span {
	width: 100%;
	display: inline-block;
	font-size: 18px;
}

.setProducts,
.setProfesional {
	position: relative;
	padding-top: 24px;
	margin-top: 48px;
}

.setProducts .setMove {
	width: 100%;
	justify-content: center;
	display: flex;
}

.setProducts .setMove .setThumb {
	width:calc(20% - 8px);
	box-shadow:inset 0px 0px 0px 1px #DBDBDB;
	border-radius: 12px;
	position: relative;
	margin: 00px 8px;
}

.setProfesional .setItem {
	width:-webkit-calc(100% - 8px);
	   width:-moz-calc(100% - 8px);
		 width:-o-calc(100% - 8px);
			width:calc(100% - 8px);
	-webkit-box-shadow:inset 0px 0px 0px 1px #DBDBDB;
	-moz-box-shadow:inset 0px 0px 0px 1px #DBDBDB;
	box-shadow:inset 0px 0px 0px 1px #DBDBDB;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	position: relative;
}

.setProfesional .setItem:before,
.setProducts .setMove .setThumb:before {
	width: 48px;
	height: 48px;
	content: "";
	background: url(../assets/SVG/IMG_DOT.svg?1000) no-repeat center center / 75% 75% #FFFFFF;
	border: 1px solid #858585;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	margin-left: -22px;
	top: -24px;
	left: 50%;
}

.setProfesional .setItem:before {
	background: url(../assets/SVG/IMG_PRF.svg?1000) no-repeat center center / 75% 75% #FFFFFF;
}

.setProfesional .setItem > a > .setIMG,
.setProducts .setMove .setThumb > a > .setIMG  {
	display: inline-block;
	margin-bottom: 24px;
	margin-top: -24px;
}

.setProfesional .setItem > a > p,
.setProducts .setMove .setThumb > a > p {
	font: 700 28px/1.00em 'Catamaran', sans-serif;
	text-transform: uppercase;
	min-height: 92px;
	margin-bottom: 0px;
	margin-top: 32px;
	color: #707070;
}

.setProfesional .setItem > a > p,
.setProducts .setMove .setThumb > a > p {
	margin-top: 48px;
	font-size: 21px;
	color: #582C5F;
}

.setProfesional .setItem > a > p > span,
.setProducts .setMove .setThumb > a > p > span {
	width: 100%;
	display: inline-block;
	letter-spacing: 0.2em;
	font-size: 12px;
}

.setProfesional .setItem > a > i,
.setProducts .setMove .setThumb > a > i {
	width: 40px;
	height: 40px;
	background: url(../assets/SVG/IMG_PLS.svg?1000) no-repeat center center / 75% 75% #707070;
	-webkit-border-radius: 12px 0px 12px 0px;
	-moz-border-radius: 12px 0px 12px 0px;
	border-radius: 12px 0px 12px 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.setProfesional .setItem:hover,
.setProducts .setMove .setThumb:hover    { background-color: #F5F5F5; }
.setProfesional .setItem:hover i,
.setProducts .setMove .setThumb:hover i { background-color: #582C5F; }



/* ---------------------------------------- */

.setCare {
	max-width: 1328px;
	width:-webkit-calc(100% - 64px);
	   width:-moz-calc(100% - 64px);
		 width:-o-calc(100% - 64px);
			width:calc(100% - 64px);
	margin: 48px auto 0 auto;
	position: relative;
}

.setCare .setItem {
	width: 100%;
	font: 300 28px/1.00em 'Catamaran', sans-serif;
	cursor: pointer;
}

.setCare .setItem i {
	width: 100%;
	display: inline-block;
	margin-bottom: 16px;
}

.setCare .setItem:hover a {
	color: #009994;
}

.setCare .setItem i svg {
	fill: #FFFFFF;
}

.setCare .setItem:hover { color: #FFCD00; }
.setCare .setItem:hover svg { fill: #FFCD00; }

/* ---------------------------------------- */

#isS05 h2 { font-size: 32px; font-weight: 500; }
#isS05 h3 { font-size: 32px; font-weight: 300; }

/* ---------------------------------------- */
/* ----- >>> Section: Productos ----------- */
/* ---------------------------------------- */

.setGradient {
	background: rgb(229,229,229);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5",endColorstr="#ffffff",GradientType=1); 
	background: -webkit-linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 33.333333%);
	background: -moz-linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 33.333333%);
	background: linear-gradient(0deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 33.333333%);
	padding: 128px 0px 0 0px;
}

.setGradient h1 {
	font-weight: 300;
	color: #333333;
}

.setItems {
	width: 100%;
	height: 100%;
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

.setItems .setPrev,
.setItems .setNext,
.setItems .setDots {
	display: none !important;
}

.setItems .setItem {
	width: 100%;
	font: 500 14px/1.00em 'Catamaran', sans-serif;	
	max-width: 96px;
	padding: 0 16px;
}

.setItems.setWide {
	max-width: 1120px;
}

.setItems .setItem {
	max-width: 140px;
	padding: 0;
}


.setItems .setItem a {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 0;
}

.setItems .setItem span {
	display: inline-block;
	min-height: 48px;
}

.setItems .setItem i,
.setItems .setItem .setIMG {
	width: 80%;
	margin: 0 auto 8px auto;
	display: block;
}

.setItems .setItem:hover {
	background: #FFFFFF;
}

.setItems.setFixed .setItem {
	max-width: 200px;
	justify-content: center;
	align-items: center;
	display: flex;
	height: auto;
	padding: 0;
}

.setItems.setFixed a {
	padding: 32px 0;
	line-height: 1.10em;
	font-weight: 300;
	font-size: 16px;
}

.setItems .setItem:hover,
#isC01 .setItems .setItem:nth-child(1),
#isC02 .setItems .setItem:nth-child(2),
#isC03 .setItems .setItem:nth-child(3),
#isC04 .setItems .setItem:nth-child(4),
#isC05 .setItems .setItem:nth-child(5),
#isC06 .setItems .setItem:nth-child(6),
#isC07 .setItems .setItem:nth-child(7),
#isC08 .setItems .setItem:nth-child(8),
#isC09 .setItems .setItem:nth-child(9)  {
	background: #FFFFFF;
}

.setItems .setItem i    { fill: #4D4D4D; }
#isC01 .setItems .setItem:nth-child(1) a,
#isC02 .setItems .setItem:nth-child(2) a,
#isC03 .setItems .setItem:nth-child(3) a,
#isC04 .setItems .setItem:nth-child(4) a,
#isC05 .setItems .setItem:nth-child(5) a,
#isC06 .setItems .setItem:nth-child(6) a,
.setItems .setItem:hover > a	  { color: #582C5F; }
#isC01 .setItems .setItem:nth-child(1) a > i,
#isC02 .setItems .setItem:nth-child(2) a > i,
#isC03 .setItems .setItem:nth-child(3) a > i,
#isC04 .setItems .setItem:nth-child(4) a > i,
#isC05 .setItems .setItem:nth-child(5) a > i,
#isC06 .setItems .setItem:nth-child(6) a > i,
.setItems .setItem:hover > a > i { fill: #582C5F; }


/* ---------------------------------------- */
/* ----- >>> Section: Profesional --------- */
/* ---------------------------------------- */

.setGRD {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1); 
	background: -webkit-linear-gradient(0deg, #EDEDED 0%, #FFFFFF 50%);
	background: -moz-linear-gradient(0deg, #EDEDED 0%, #FFFFFF 50%);
	background: linear-gradient(0deg, #EDEDED 0%, #FFFFFF 50%);
	padding: 96px 0 0 0;
	color: #000000;
}

.setFS01 { font-weight: 300; font-size: 96px; }
.setFS02 { font-weight: 300; font-size: 60px; color: #000000; margin-bottom: 0; }

.setHospital .setItem {  }
.setHospital .setItem:hover { color: #000000;}

.setHospital .setItem {
	width: 100%;
	height: auto;
	position: relative;
	justify-content: center;
	align-items: center;
	padding: 24px 0;
	margin: 32px 0;
	font-size: 21px;
	display: flex;
	color: #333;
}

.setHospital .setItem:before,
.setHospital .setItem:last-child:after {
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	background: rgba(0,0,0,.25);
	left: -16px;
	top: 0;
}

.setHospital .setItem:last-child:after {
	left: inherit;
	right: -16px;
}

/* ---------------------------------------- */
/* ----- >>> Section: Hospital ------------ */
/* ---------------------------------------- */

.setPH > h1{
	font-weight: 300;
	font-size: 64px;
}

.setPasos {
	width: 100%;
	display: inline-block;
}


.setPasos > li {
	margin-bottom: 24px !important;
	position: relative;
}

.setPasos.setSpace > li {
	margin-left: 64px !important;
	margin-top: 48px !important;
}

.setPasos > li > p,
.setPasos > li > small {
	max-width: calc(100% - 64px);
	margin-left: 16px !important;
	padding: 0 !important;
	margin: 0 !important;
	float: right !important;
}

.setPasos > li > small:before {
	display: none;
}

.setPasos > li > span {
	width: 48px;
	height: 48px;
	font: 500 24px/48px 'Catamaran', sans-serif;
	display: inline-block;
	background: #FFDB00;
	text-align: center;
	border-radius: 50%;
	float: left;
}

.setPasos > li > p {
	font: 700 21px/1.0em 'Catamaran', sans-serif !important;
	text-transform: uppercase;
	margin-bottom: 4px !important;
	margin-top: 12px !important;
	color: #582C5F;
	float: left;
}

.setPasos > li > small {
	color: #333333 !important;
}

.setPasos > li > small > strong {
	font-weight: 500;
}

.setPasos > li .setPU {
	width: 96px;
	height: 96px;
	background: url(../assets/SVG/IMG_PU1.svg) no-repeat 0 0 / 300% 100%;
	display: inline-block;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -8%;
}

.setPasos > li .setP1 { background-position: 000% 000%; }
.setPasos > li .setP2 { background-position: 050% 000%; }
.setPasos > li .setP3 { background-position: 100% 000%; }


.setAdds {
	width: 110%;
	position: relative;
	margin-top: 24px;
	float: right;
}

.setAdds:before,
.setAdds:after {
	width: 1px;
	height: 110%;
	content: "";
	background: #FFDB00;
	position: absolute;
	left: -37px;
	top: -110%;
}

.setAdds:after {
	width: 10%;
	height: 1px;
}

.setAdds > span {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: #FFDB00;
	border-radius: 50%;
	position: absolute;
	left: -48px;
	top: 0;
}

.setAdds > p,
.setAdds > small {
	text-transform: uppercase;
	font-weight: 700 !important;
	color: #582C5F !important;
	padding: 0 !important;
	margin: 0 !important;
}

.setAdds > p 	 { font-size: 21px !important; }
.setAdds > small { font-size: 24px !important; }

.setAdds > small:before {
	display: none;
}

.setAdds .setPasos {
	margin-top: 24px;
}

.setAdds .setPasos > li > p,
.setAdds .setPasos > li > small {
	max-width: calc(100% - 96px);
}

.setAdds .setPasos > li .setSMP {
	width: 80px;
	margin-right: 24px;
	margin-top: -16px;
}

.setAdds .setPasos > li {
	border-bottom: 1px solid rgba(0,0,0,0.25);
	justify-content: center;
	padding-bottom: 16px;
	align-items: center;
	display: flex;
}

.setSMP {
	float: left;
	width: 60%;
}

.setBubble {
	width: 100%;
	display: inline-block;
	position: relative;
	padding-left: 48px;
	padding-top: 32px;
	margin-top: 68px;
}

.setBubble > p {
	margin-bottom: 0 !important;
}

.setBubble > small {
	color: #333333 !important;
	margin-top: 0 !important;
}

.setBubble:before,
.setBubble:after {
	width: 1px;
	height: 48px;
	content: "";
	background: #FFDB00;
	position: absolute;
	left: 11px;
	top: 0;
}

.setBubble:after {
	width: 130%;
	height: 1px;
}

.setBubble > span {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: #FFDB00;
	border-radius: 50%;
	position: absolute;
	top: 32px;
	left: 0;
}

/* ---------------------------------------- */
/* ----- >>> Section: Prevensión ----------- */
/* ---------------------------------------- */

.setTitle h1 > span {
	width: 100%;
	display: block;
	position: relative;
	margin-top: -8px;
	margin-bottom: 32px;
	line-height: 1em;
	font-size: 28px;
}

#isP01 .setItems .setItem:nth-child(1),
#isP02 .setItems .setItem:nth-child(2),
#isP03 .setItems .setItem:nth-child(3),
#isP04 .setItems .setItem:nth-child(4),
#isP05 .setItems .setItem:nth-child(5),
#isP06 .setItems .setItem:nth-child(6),
#isP07 .setItems .setItem:nth-child(7),
#isP08 .setItems .setItem:nth-child(8) {
	background: #FFFFFF;
}

.setItems .setItem i    { fill: #4D4D4D; }
#isP01 .setItems .setItem:nth-child(1) a,
#isP02 .setItems .setItem:nth-child(2) a,
#isP03 .setItems .setItem:nth-child(3) a,
#isP04 .setItems .setItem:nth-child(4) a,
#isP05 .setItems .setItem:nth-child(5) a,
#isP06 .setItems .setItem:nth-child(6) a,
#isP07 .setItems .setItem:nth-child(7) a,
#isP08 .setItems .setItem:nth-child(8) a,
.setItems .setItem:hover > a	  { color: #009994; }
#isP01 .setItems .setItem:nth-child(1) a > i,
#isP02 .setItems .setItem:nth-child(2) a > i,
#isP03 .setItems .setItem:nth-child(3) a > i,
#isP04 .setItems .setItem:nth-child(4) a > i,
#isP05 .setItems .setItem:nth-child(5) a > i,
#isP06 .setItems .setItem:nth-child(6) a > i,
#isP07 .setItems .setItem:nth-child(7) a > i,
#isP08 .setItems .setItem:nth-child(8) a > i,
.setItems .setItem:hover > a > i { fill: #009994; }


/* ---------------------------------------- */

section > h1 {
	width: 100%;
	display: inline-block;
	background: #582C5F;
	text-align: center;
	padding: 32px 0;
	color: #FFFFFF;
	margin: 0;
}

section.setPA > h1 { background: #6E6E6E; color: #FFCD00; }

.setColumns {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
}

.setColumns > div {
	padding: 0 32px;
}

.setColumns > i {
	width: 20%;
	height: 20%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	margin-top: 6%;
	right: -6%;
}

.setColumns > div:nth-child(1) {
	width: 33.333333%; 
}

.setColumns > div:nth-child(2) { 
	width: 66.666666%; 
	display: flex;
}

.setColumns > div > .setContent,
.setColumns.setFA > div:nth-child(1) .setContent,
.setColumns.setFA > div:nth-child(2) .setContent  {
	width:-webkit-calc(100% - 64px) !important;
	   width:-moz-calc(100% - 64px) !important;
		 width:-o-calc(100% - 64px) !important;
			width:calc(100% - 64px) !important;
	min-height: 128px;
	display: inline-block;
	position: relative;
	text-align: left;
	margin: 80px 0;
	color: #000000;
	z-index: 999;
}

.setColumns.setFA > div:nth-child(2) .setContent.setM96  {
	margin-bottom: 96px;
	margin-top: 96px;
}

.setColumns > div:nth-child(2) .setContent { 
	width:-webkit-calc(100% - 200px);
	   width:-moz-calc(100% - 200px);
		 width:-o-calc(100% - 200px);
			width:calc(100% - 200px);
	margin-left: 200px;
	position: inherit;
}

.setColumns > div > .setContent.setFixed h1 {
	max-width: 100%;
}

.setColumns > div:nth-child(2) .setContent.setFixed {
	width:-webkit-calc(100% - 200px);
	   width:-moz-calc(100% - 200px);
		 width:-o-calc(100% - 200px);
			width:calc(100% - 200px);
	margin-left: 200px;
}

.setBFR:before {
	width: 33.3%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
}

.setColumns.setFA > div:nth-child(2):before {
	width: 100%;
	height: 100%;
	content: "";
	background: #FFFFFF;
	position: absolute;
	margin-left: -32px;
	z-index: 0;
}

.setColumns.setFA > div:nth-child(2) .setContent { 
 	margin-left: 64px; 
 }

.setColumns.setFA:nth-child(2) > div:nth-child(2):before { 
	background: #F0ECD8; 
}

.setColumns.setBCG:nth-child(2) > div:nth-child(2):before  {
	background: #D4EEED !important;
}

.setColumns.setFA:nth-child(3) > div > .setContent {
	margin-bottom: 48px;
	margin-top: 48px;
}

.setColumns.setFA:nth-child(3) > div:nth-child(2):before {
	margin-top: -48px;
}

.setColumns > div > .setContent h1 {
	max-width: 480px;
	line-height: 0.90em;
	margin-bottom: 32px;
	font-size: 48px;
	float: left;
}

.setColumns > div > .setContent p,
.setColumns > div > .setContent h2,
.setColumns > div > .setContent li,
.setColumns > div > .setContent small,
.setColumns > div > .setContent .setButton {
	width: 100%;
	font: 300 18px/1.50em 'Catamaran', sans-serif;
	letter-spacing: 0.025em;
	margin-bottom: 24px;
	float: left;
}

.setColumns > div > .setContent h2 {
	font-weight: 500;
	font-size: 36px;
}

.setColumns > div > .setContent li {
	margin: 0;
}

.setColumns > div > .setContent small {
	position: relative;
	color: #8A8A8A;
}

.setColumns > div > .setContent small:first-of-type {
	padding: 24px 0;
}

.setColumns > div:nth-child(2) > .setContent small:first-of-type:before {
	width: 48px;
	height: 1px;
	content: "";
	background: #8A8A8A;
	position: absolute;
	left: 0;
	top: 0;
}

.setColumns.setFA > div > .setContent small { padding: 0; }
.setColumns.setFA > div > .setContent small:before { display: none; }

.setColumns > div > .setContent small:first-of-type {
	margin-bottom: 0;
	margin-top: 24px;
}

.setColumns:last-child .setREF {
	width: 40%;
	position: absolute;
	z-index: 999;
	bottom: 0;
	left: 0;
} 

.setColumns:last-child .setREF .setIMG {
	width: 100%;
	padding-bottom: 62.25%;
}

.setColumns > div > .setInfo h1  {
	max-width: 320px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 28px;
}

.setColumns > div > .setInfo > h1 > i {
	width: 60%;
	display: inline-block;
	margin-left: 20%;
	margin-top: 16px;
}

.setColumns > div > .setInfo > h1 > strong {
	width: 100%;
	display: inline-block;
}

.setColumns > div > .setInfo p,
.setColumns > div > .setInfo h2,
.setColumns > div > .setInfo small,
.setColumns > div > .setInfo a {
	max-width: 240px;
	font: 300 18px/1.50em 'Catamaran', sans-serif;
	letter-spacing: 0.05em;
	display: inline-block;
	margin-bottom: 32px;
	position: relative;
	margin-left: 20px;
}

.setColumns > div > .setInfo p,
.setColumns > div > .setInfo small {
	color: #8A8A8A;
}

.setColumns > div > .setInfo h2 {
	max-width: 220px;
	padding: 20px;
	line-height: 1.10em;
	font-size: 18px;
	margin-left: 0;
}

.setColumns > div > .setInfo > h2 > i {
	width: 20px;
	height: 20px;
	position: absolute;
}

.setColumns > div > .setInfo > h2 > i:nth-child(1) { top: 0;	left:  0; }
.setColumns > div > .setInfo > h2 > i:nth-child(2) { bottom: 0; right: 0; }
.setColumns > div > .setInfo > h2 > i:nth-child(3) { bottom: 0; right: 0; }

.setColumns > div > .setInfo p {
	margin-bottom: 48px !important; 
}

.setColumns > div > .setInfo .setButton {
	width: auto;
	min-width: 140px;
	text-align: center;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	margin-bottom: 48px;
	padding: 16px 48px;
	font-weight: 700;
	font-size: 21px;
	color: #FFFFFF;
}

.setColumns > div > .setInfo.setFixed {
	position: inherit;
}

.setColumns > div > .setInfo.setFixed h1 {
	position: relative;
	margin-bottom: 24px;
	margin-top: 0.8rem;
	line-height: 1.0em;
	font-size: 32px;
}

.setColumns > div > .setInfo.setFixed h2,
.setColumns > div > .setContent.setFixed h2 {
	max-width: 280px;
	line-height: 1.50em;
	margin-bottom: 32px;
	font-size: 21px;
	padding: 0;
}

.setColumns > div > .setInfo.setFixed .setBTNS {
	min-width: 640px;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 0;
	bottom: 64px;
}


.setColumns > div > .setInfo.setFixed .setButton {
	margin: 0 32px 0 0;
	display: inline-block;
	font-size: 16px;
}

.setMT1 { margin-left: -05%; }
.setMT2 { margin-left: -08%; }

.setColumns > div .setICN {
	width: 120px;
	height: 90px;
	background: url(../assets/@0x/IMG_FNC.png?200000) no-repeat center center / cover;
	margin-left: 58px;
}

.setColumns > div > .setInfo small {
	display: inline-block;
	line-height: 1.25em;
	margin-bottom: 64px;
	font-size: 16px;
}

.setColumns .setPRD {
	width: 40%;
	max-width: 540px;
	position: absolute;
	-webkit-transform: translate( -50%, -50%);
	   -moz-transform: translate( -50%, -50%);
		-ms-transform: translate( -50%, -50%);
		 -o-transform: translate( -50%, -50%);
			transform: translate( -50%, -50%);
	z-index: 99;
	left: 38%;
	top: 50%;
}

.setColumns > div .setLOG {
	width: 100%;
	padding-bottom: 25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 32px;
}

.setSteps {
	width: 100%;
	margin-bottom: 32px;
	overflow: hidden;
}

.setSteps > li {
	min-width: 100% !important;
	margin-bottom: 16px !important;
	align-items: center;
	display: flex;
}

.setSteps > li > p {
	margin-left: 24px !important;
	margin-bottom: 0 !important;
}

.setSteps > li > i {
	min-width: 80px;
	min-height: 80px;
	background: url(../assets/SVG/IMG_STP.svg?1000) no-repeat 0 0 / 900% 100%;
	display: inline-block;
}

.setSteps > li:nth-child(1) > i { background-position: 00.0% 00.0%; }
.setSteps > li:nth-child(2) > i { background-position: 12.5% 00.0%; }
.setSteps > li:nth-child(3) > i { background-position: 25.0% 00.0%; }
.setSteps > li:nth-child(4) > i { background-position: 37.5% 00.0%; }
.setSteps > li:nth-child(5) > i { background-position: 50.0% 00.0%; }
.setSteps > li:nth-child(6) > i { background-position: 62.5% 00.0%; }
.setSteps > li:nth-child(7) > i { background-position: 75.0% 00.0%; }
.setSteps > li:nth-child(8) > i { background-position: 87.5% 00.0%; }
.setSteps > li:nth-child(9) > i { background-position: 100%  00.0%; }

/* ---------------------------------------- */

section.setPRV > h1 {
	background: #009994;
	padding: 37px 0;
	font-size: 64px;
}

/* ---------------------------------------- */

.setIntro,
.setExtras {
	width: 100%;
	display: none;
}

.setIntro {
	margin-top: 24px;
	width: 100%;
	float: left;
}

.setIntro h1  {
	max-width: 320px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 24px !important;
}

.setIntro h2 {
	max-width:-webkit-calc(100% - 40px);
	   max-width:-moz-calc(100% - 40px);
		 max-width:-o-calc(100% - 40px);
			max-width:calc(100% - 40px);
	line-height: 1.1em !important;
	font-size: 18px !important;
	position: relative;
	padding: 20px;
}

.setIntro > h2 > i {
	width: 20px;
	height: 20px;
	position: absolute;
}

.setIntro > h2 > i:nth-child(1) { top: 0;	left:  0; }
.setIntro > h2 > i:nth-child(2) { bottom: 0; right: 0; }
.setIntro > h2 > i:nth-child(3) { bottom: 0; right: 0; }

.setExtras {
	border-top: 1px solid rgba(0,0,0,0.2);
	padding-top: 24px;
	margin-top: 24px;
	color: #8A8A8A;
	float: left;
}

.setExtras .setButton {
	width: 100%;
	margin-bottom: 0 !important;
	font-weight: 700 !important;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	text-align: center;
	margin-top: 24px;
	padding: 16px 0;
	font-size: 21px;
	color: #FFFFFF;
}

.setExtras > small {
	margin-top: 0;
}

.setExtras > small:before {
	display: none;
}

.setColumns > div .setExtras .setICN {
	margin: 24px auto 0 auto;

}

/* ---------------------------------------- */
/* ----- >>> General ---------------------- */
/* ---------------------------------------- */


.setLegal {
	max-width: 600px;
	margin: 10% auto;
}

.setLegal h2 {
	text-transform: uppercase;
	letter-spacing: 0em;
	font-weight: 700;
	color: #FFCD00;
}

.setLegal small {
	margin-top: 3.2rem;
	display: inline-block;
}

.setLegal small > i {
	width: 16px;
	height: 16px;
	border: 1px solid #242424;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	margin-right: 16px;
	margin-top: -6px;
	cursor: pointer;
}

.setLegal small > i:before {
	width: 10px;
	height: 10px;
	content: "";
	position: absolute;
	background: #CCC;
	margin: 3px;
}

.setLegal small > i:hover:before,
.setLegal small > i.isChecked:before  {
	background: #242424;
}

.setLegal .setButton {
	opacity: 0.25;
	cursor: inherit;
}

.setLegal .setButton.isActive {
	cursor: pointer;
	opacity: 1;
}

/* ---------------------------------------- */
/* ----- >>> General ---------------------- */
/* ---------------------------------------- */

img {
	width: 100%;
	height: auto !important;
	display: block;
}

.setCenter {
	width: 100%;
	position: absolute;
	-webkit-transform: translate( -50%, -50%);
	   -moz-transform: translate( -50%, -50%);
		-ms-transform: translate( -50%, -50%);
		 -o-transform: translate( -50%, -50%);
			transform: translate( -50%, -50%);
	left: 50%;
	top: 50%
}

.setRound {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		  	border-radius: 50%;
}

.setIMG,
.setBKG {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.setIMG {
	width: 100%;
	padding-bottom: 100%;
}

.setFlex {
	display: flex;
}

.setTAL { text-align: left;   }
.setTAC { text-align: center; }
.setTAR { text-align: right;  }

.setNPD { padding: 0; }

.setButton {
	width: auto;
	min-width: 140px;
	background: #582C5F;
	font: 700 16px/4.0em 'Catamaran', sans-serif;
	text-transform: uppercase;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	display: inline-block;
	border-radius: 48px;
	background: #582C5F;
	text-align: center;
	padding: 0px 32px;
	margin-top: 48px;
	color: #FFFFFF;
}


/* ---------------------------------------- */

.setBCL { background-color: #EDEDED; color: #000000; }
.setBCG { background-color: #6E6E6E; color: #FFFFFF; }

.setFCY { color: #FFCD00; }
.setFCB { color: #242424; }

/* ---------------------------------------- */

.setPrev,
.setNext {
	width: 80px;
	height: 100%;
	position: absolute;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 9999;
	display: flex;
	top: 0%;
}

.swiper-button-disabled {
	opacity: 0.25;
}

.setPrev i,
.setNext i {
	width:  24px;
	height: 48px;
	background: url(../assets/SVG/IMG_SLD.svg?1000) no-repeat 0 0 / 48px 48px;
	margin: 0 auto;
	display: block;
}

.setPrev { 
	left : 0; 
}
.setNext { 
	right: 0; 
}

.setCare .setPrev { 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1); 
	background: -webkit-linear-gradient(90deg, rgba(110, 110, 110, 1) 0%, rgba(110,110,110, 0) 100%);
	background: -moz-linear-gradient(90deg, rgba(110, 110, 110, 1) 0%, rgba(110,110,110, 0) 100%);
	background: linear-gradient(90deg, rgba(110, 110, 110, 1) 0%, rgba(110,110,110, 0) 100%);
	left : 0; 
}
.setCare .setNext { 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1); 
	background: -webkit-linear-gradient(-90deg, rgba(110, 110, 110, 1) 0%, rgba(110,110,110, 0) 100%);
	background: -moz-linear-gradient(-90deg, rgba(110, 110, 110, 1) 0%, rgba(110,110,110, 0) 100%);
	background: linear-gradient(-90deg, rgba(110, 110, 110, 1) 0%, rgba(110,110,110, 0) 100%);
	right: 0; 
}

.setHospital .setPrev { 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E3E3E3",endColorstr="#E3E3E3",GradientType=1); 
	background: -webkit-linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(227,227,227, 0) 100%);
	background: -moz-linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(227,227,227, 0) 100%);
	background: linear-gradient(90deg, rgba(227, 227, 227, 1) 0%, rgba(227,227,227, 0) 100%);
	left : 0; 
}
.setHospital .setNext { 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E3E3E3",endColorstr="#E3E3E3",GradientType=1); 
	background: -webkit-linear-gradient(-90deg, rgba(227, 227, 227, 1) 0%, rgba(227,227,227, 0) 100%);
	background: -moz-linear-gradient(-90deg, rgba(227, 227, 227, 1) 0%, rgba(227,227,227, 0) 100%);
	background: linear-gradient(-90deg, rgba(227, 227, 227, 1) 0%, rgba(227,227,227, 0) 100%);
	right: 0; 
}

.setPrev > i { background-position: 000% 000%}
.setNext > i { background-position: 100% 000%}

/* ---------------------------------------- */

.setClearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.setClearfix { display: inline-block; }
* html .setClearfix { height: 1%; }
.setClearfix { display: block; }

/* ---------------------------------------- */

.setSocial {
	width: 100%;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}

.setSocial > li {
	margin: 0 6px;
	display: inline-block;
}

.setSocial > li > a > i {
	width: 32px;
	height: 32px;
	background: url(../assets/SVG/IMG_SCL.svg?1000) no-repeat 0 0 / 200% 100%;
	display: block;
}

.setSocial > li:nth-child(1) > a > i { background-position:   0% 0; }
.setSocial > li:nth-child(2) > a > i { background-position: 100% 0; }

.setSocial li:hover > a { opacity: 0.5; }

/* ---------------------------------------- */
/* ----- >>> Menu Animation --------------- */
/* ---------------------------------------- */

.setMenu {
	width: 24px;
	height: 18px;
	margin: 18px;
	position: fixed;
	cursor: pointer;
	z-index: 29999;
	display: none;
	right: 0;
	top: 0;
}

.setMenu .setIcon {
	width: 24px;
	height: 18px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	cursor: pointer;
}

 .setMenu .setIcon span {
	width: 100%;
	height: 3px;
	display: block;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
		  	border-radius: 3px;
	-webkit-transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	background: #582C5F;
	position: absolute;
	opacity: 1;
	left: 0;
}

.setMenu .setIcon.isOpen span {
	background: #FFFFFF;
}

.setMenu .setIcon span:nth-child(1) { top: 0; }
.setMenu .setIcon span:nth-child(2),
.setMenu .setIcon span:nth-child(3) { top: 7px; }
.setMenu .setIcon span:nth-child(4) { top: 14px; }

.setMenu .setIcon.isOpen span:nth-child(1) {
	width: 0%;
	left: 50%;
	top: 8px;
}

.setMenu .setIcon.isOpen span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.setMenu .setIcon.isOpen span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.setMenu .setIcon.isOpen span:nth-child(4) {
	width: 0%;
	left: 50%;
	top: 8px;
}

/* ---------------------------------------- */
/* ----- >>> Animations ------------------- */
/* ---------------------------------------- */

a,
aside,
.setTabs > div,
aside .setOverlay,
.setCare .setItem svg,
.setSlider .setDots > .setItem {
	transition: all 0.25s ease-in-out;
}

.setProfesional .setItem,
.setProfesional .setItem i,
.setProducts .setMove .setThumb,
.setProducts .setMove .setThumb i{
	transition: background 0.25s ease-in-out;
}


@media screen and (min-width:980px){
	#isI06 p{
		display: none;
	}
	}
	@media screen and (max-width:980px){
		#isI06 { background-image: url(../assets/@0x/comercial_mobile_taman_o_1.webp); 
			background-size: 130%;
			background-position: center 100%;
		} 
		#isI06 img {
			left: 50%;
			transform: translate(-50%);
			max-width: 150px;
			top:55%;
		}
	
		#isI06 .setButton {
			transform: translate(-50%);
			top: 75%;
		}
		div#videoModal iframe#youtubeVideo {
			max-height: 200px;
		}
	}