/* ====================================================================== */
/* =========================== 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: #777777;
}

.setWrapper {
	max-width: 1200px;
	width:-webkit-calc(100% - 80px);
	   width:-moz-calc(100% - 80px);
		 width:-o-calc(100% - 80px);
			width:calc(100% - 80px);
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}


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


header {
	width: 100%;
	position: fixed;
	z-index: 9999;
	top: 0;
}

section {
	padding: 70px 0 80px 0;
	position: relative;
}

section.setNPD { padding: 0; }

footer {
	width: 100%;
	overflow: hidden;
	background: #222222;
	color: #999999;
	padding-bottom: 32px;
}


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


h1{ font: 700 48px/54px 'Montserrat', Helvetica, Arial, sans-serif; position: relative; text-align: center;  color: #333333; margin: 0 auto 24px auto; max-width: 100%; }
h2{ font: 400 16px/28px 'Montserrat', Helvetica, Arial, sans-serif; position: relative; text-align: center;  color: #666666; margin: 0 auto 96px auto; max-width: 50%; }
h3{ font: 400 16px/28px 'Montserrat', Helvetica, Arial, sans-serif; position: relative; text-align: center;  color: #666666; margin: 0 auto 96px auto; max-width: 50%; }
h4{ font: 700 13px/22px 'Montserrat', Helvetica, Arial, sans-serif; position: relative; text-align: left; color: #333333; margin: 12px auto 12px auto; text-transform: uppercase;}
p { font: 400 13px/24px 'Montserrat', Helvetica, Arial, sans-serif; position: relative; text-align: left; color: inherit; margin: 0 auto 32px auto; }

small { font: 400 11px/80px 'Montserrat', Helvetica, Arial, sans-serif; position: relative; text-align: inherit; color: #777777; }
small span { display: inline-block; margin: 0 6px; color: #F3F3F3; }

a { text-decoration: none; color: inherit;}
a:hover { color: #48A2FA; }

strong { 
	text-transform: uppercase;
	letter-spacing: 0.75px;
	font-size: 0.95em; 
	color: #333333;
}

p span {
	font-weight: 600;
	color: #333333;
}

footer p span {
	color: #FFFFFF;
}


h2:before {
	width: 80px;
	height: 2px;
	content: "";
	background: #BCC6D0;
	position: absolute;
	margin-left: -40px;
	bottom: -32px;
	left: 50%;
}

p:last-of-type {
	margin: 0 auto;
}


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


header .setBrand{
	width: 200px;
	height: 80px;
	background: url(../assets/SVG/imageBND.svg) no-repeat left center / 200px 80px;
	margin: 24px auto;
	float: left;
}

nav {
	margin: 43px auto;
	float: right;
}

nav li {
	display: inline-block;
	margin: 0 12px;
}

nav li a {
	font: 700 12px/20px 'Montserrat', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #F2F2F2;
}

nav li a:hover,
nav li.isSelected a {
	color: #1B8BF9;
}

footer nav li.isSelected a {
	color: inherit;
}

footer .setNav {
	width: 100%;
	border-bottom: 1px solid rgba(188,198,208,0.12);
	margin: 12px auto 12px;
	padding: 0 0 32px 0;
}

footer p {
	line-height: 18px;
	font-size: 11px;
}

footer p strong {
	color: inherit;
}

footer .setColumn:last-child p {
	text-align: right;
}

footer .setBrand{
	width: 124px;
	height: 32px;
	background: url(../assets/SVG/imageBNW.svg) no-repeat center center / cover;
	margin: 3px auto;
	opacity: 0.5;
	float: left;
}

footer nav {
	width: 100%; 
	display: inline-block;
	text-align: center;
	margin: 8px auto;
	float: none;
}

footer nav li a {
	color: inherit;
}


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

.setTop {
	background: rgba(255,255,255,1);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.setTop .setBrand {
	width: 120px;
	height: 48px;
	background-size: 120px 48px;
	margin: 12px 0 24px;
}

.setTop nav {
	margin: 31px auto;
	float: right;
}

.setTop li a {
	color: #333333;
}


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


.setSlide,
.setSlide .setItem {
	width: 100%;
	height: 100vh;
	max-height: 960px;
	position: relative;
}

.setSlide .setItem {
	background-position: center center;
	background-color: #F2F2F2;
	background-size: cover;
}

.setSlide .setCenter {
	width: 60%;
	max-width: 720px;
	color: #FFFFFF;
} 

.setSlide h1,
.setSlide h2 {
	color: inherit;
}

.setSlide h1 {
    -webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
       -moz-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    		text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.setSlide h2 {
	max-width: 80%;
    -webkit-text-shadow: 0 1px 2px rgba(0,0,0,1);
       -moz-text-shadow: 0 1px 2px rgba(0,0,0,1);
    		text-shadow: 0 1px 2px rgba(0,0,0,1);

}


.setScroll {
	width: 42px;
	height: 42px;
	background: url(../assets/SVG/imageARR.svg) no-repeat center center / 12px 12px #F2F2F2;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		  	border-radius: 50%;
	position: absolute;
	margin: 0 0 0 -21px;
	bottom: 42px;
	left: 50%;
	cursor: pointer;
}

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

#isS02 .setColumn {
	text-align: center;
}

.setColumns.setFull {
	display: none;
}

#isS02 .setButton {
	margin: 32px auto 0 auto;
	float: none;
}

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

#isS04 {
	padding: 96px 0;
	background: url(../assets/@0x/imageSRV.jpg) no-repeat center center / cover;
}

#isS04 h1{
	color: #FFFFFF;
	font-size: 32px;
}

#isS04 h3 {
	margin: 0 auto;
	color: #FFFFFF;
}

#isS04 h3:before {
	display: none;
}


/* ---------------------------------------- */
/* ----- >>> Section: Servicios ----------- */
/* ---------------------------------------- */


.setServices {
	text-align: center;
	overflow: hidden;
}

.setServices .setIcon {
	width: 96px;
	height: 96px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		  	border-radius: 50%;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	margin: 0 auto 24px auto;
	display: inline-block;
	background: #1B8BF9;
}

.setServices > li:hover .setIcon{
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
       -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.setServices .setIcon i {
	width: 48px;
	height: 48px;
	display: inline-block;
	background: url(../assets/SVG/imageSRV.svg) no-repeat 0 0 / 576px 48px ;
	margin: 24px;
}

.setServices > li:nth-child(1)  .setIcon i { background-position:    0px 0px; }
.setServices > li:nth-child(2)  .setIcon i { background-position:  -48px 0px; }
.setServices > li:nth-child(3)  .setIcon i { background-position:  -96px 0px; }
.setServices > li:nth-child(4)  .setIcon i { background-position: -144px 0px; }
.setServices > li:nth-child(5)  .setIcon i { background-position: -192px 0px; }
.setServices > li:nth-child(6)  .setIcon i { background-position: -240px 0px; }
.setServices > li:nth-child(7)  .setIcon i { background-position: -288px 0px; }
.setServices > li:nth-child(8)  .setIcon i { background-position: -336px 0px; }
.setServices > li:nth-child(9)  .setIcon i { background-position: -384px 0px; }
.setServices > li:nth-child(10) .setIcon i { background-position: -432px 0px; }
.setServices > li:nth-child(11) .setIcon i { background-position: -480px 0px; }
.setServices > li:nth-child(12) .setIcon i { background-position: -528px 0px; }


.setServices > li {
	width: 30%;
	margin: 64px auto 0 auto;
	vertical-align: text-top;
	display: inline-block;
}

.setServices > li:nth-child(-n+3) {
	margin: 0 auto;
}

.setServices > li > p {
	text-align: center;
	max-width: 70%;
}

.setServices > strong {
	margin: 0 auto 6px auto;
	display: inline-block;
}

.setVM {
	font: 700 9px/24px 'Montserrat', Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #1B8BF9;
	text-transform: uppercase;
	margin: 12px auto 0 auto;
	display: inline-block;
	letter-spacing: 1px;
	cursor: pointer;
	color: #1B8BF9;
}

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

.setModal {
	display: none;
}

.setModal .setContent {
	max-width: 500px;
	background: #FFFFFF;
	position: relative;
}

.setModal .setContent .setClose {
	width: 32px;
	height: 32px;
	background: url(../assets/SVG/imageCLS.svg) no-repeat center center / 16px 16px;
	position: absolute;
	cursor: pointer;
	right: 12px;
	top: 12px;
}

.setModal .setContent p,
.setModal .setContent li {
	width: 100%;
	font: 400 13px/24px 'Montserrat', Helvetica, Arial, sans-serif;
	margin: 0 auto 12px auto;
	text-align: left;
}

.setModal .setContent h1 {
	margin: 0 auto 64px auto;
	line-height: 42px;
	font-size: 36px;
}

.setModal .setContent h1:before {
	width: 80px;
	height: 2px;
	content: "";
	background: #BCC6D0;
	position: absolute;
	margin-left: -40px;
	bottom: -32px;
	left: 50%;
}

.setModal .setContent h4 {
	width: 100%;
	margin: 0 auto 24px auto;
	letter-spacing: 1px;
	text-align: center;
	font-size: 12px;
}

.setModal .setContent > ul {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 12px auto;
}

.setModal .setContent li {
	background: url(../assets/SVG/imageDOT.svg) no-repeat left top 6px / 12px 12px;
	padding: 0 0 0 18px;
	margin: 0 auto;
}

.setModal .setContent ul.setCOL2 > li {
	width:  -webkit-calc(50% - 18px);
	   width:  -moz-calc(50% - 18px);
		 width:  -o-calc(50% - 18px);
			width:  calc(50% - 18px);
	float: left;
}



/* ---------------------------------------- */
/* ----- >>> Section: Partners ------------ */
/* ---------------------------------------- */


.setPTN {
	width: 100%;
	overflow: hidden;
	padding-bottom: 64px;
}

.setPTN .setItem {
	text-align: center;
	float: left;
}

.setPTN .setItem i {
	width: 100%;
	padding-bottom: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	margin: 0 auto;
}

.setPTN .setItem p {
	margin: 24px auto 0 auto;
}


/* ---------------------------------------- */
/* ----- >>> Section: Contacto ------------ */
/* ---------------------------------------- */


#isS06 h1 {
	margin: 0 auto 12px auto;
	display: inline-block;
	text-align: left;
	line-height: 36px;
	font-size: 36px;
}

.setMap {
	width: 100%;
	height: 50vh;
	max-height: 480px;
	background: #E5E3DF;
	position: relative;
	overflow: hidden;
}

.setMap #setMap {
	width: 100%;
	height: -webkit-calc(100% + 32px);
	   height: -moz-calc(100% + 32px);
		 height: -o-calc(100% + 32px);
			height: calc(100% + 32px);
	position: absolute;
	top: 0;
}

.setContact {
	width: 50%;
	margin: 32px auto 0 auto;
	overflow: hidden;
	float: left;
}
.setContact li {
	margin: 0 auto 12px auto;
}

.setContact li strong {
	font-size: 12px;
}

.setContact li:last-child {
	margin: 0 auto;
}

.setContact.setOpen li > p {
	margin: 0 auto 5.5px auto;
}

.setContact.setOpen li > p span {
	width: 72px;
	display: inline-block;
	color: #333333;
}


/* ---------------------------------------- */
/* ----- >>> 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%;
}

.setButton,
.setCorners,
input, textarea, select, .selector {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
		  	border-radius: 5px;
}

.setBKG {
	background-position: center center;
	background-color: #F2F2F2;
	background-size: cover;
}

.setFlex {
	display: flex;
}


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

.setBW { background: #FFFFFF; }
.setBG { background: #F9F9F9; }
.setBD { background: #222222; }

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

.setDots {
	width: 100%;
	height: 8px;
	position: absolute;
	text-align: center;
	z-index: 900;
	bottom: 0;
}

.setDots > li {
	width: 8px;
	height: 8px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #333333;
	cursor: pointer;
	opacity: 0.25;
	margin: 0 6px;
	padding: 0;

}

.setDots li:hover,
.setDots .isSelected {
	background: #1B8BF9;
	opacity: 1;
}

.setDots span {
	display: none;
}

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

.setColumns {
	width: 100%;
	position: relative;
	margin: 24px auto 0 auto;
	overflow: hidden;
}

.setColumns .setColumn {
	min-height: 1px;
	display: inline-block;
	position: relative;
	text-align: left;
	float: left;
}

.setColumns.setS32 .setColumn {
	width: -webkit-calc(50% - 32px);
	   width: -moz-calc(50% - 32px);
		 width: -o-calc(50% - 32px);
			width: calc(50% - 32px);
}

.setColumns.setS12 .setColumn {
	width: -webkit-calc(50% - 12px);
	   width: -moz-calc(50% - 12px);
		 width: -o-calc(50% - 12px);
			width: calc(50% - 12px);
}

.setColumns.setX3 .setColumn:nth-child(1),
.setColumns.setX3 .setColumn:nth-child(3) {
	width: -webkit-calc(25% - 12px);
	   width: -moz-calc(25% - 12px);
		 width: -o-calc(25% - 12px);
			width: calc(25% - 12px);
}

.setColumns.setX3 .setColumn:nth-child(2) {
	width: -webkit-calc(50% - 24px);
	   width: -moz-calc(50% - 24px);
		 width: -o-calc(50% - 24px);
			width: calc(50% - 24px);
	margin: 0 24px;
}

.setColumns.setFull .setColumn {
	width: 100%;
}

.setColumns .setColumn:last-child {
	float: right;
}


.setColumns .setColumn p {
	margin: 0 auto 12px auto;
}

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


.setSocial {
	margin: 7px auto;
	float: right;
}

.setSocial li {
	width: 24px;
	height: 24px;
	margin: 0 12px 0 0;
	display: block;
	opacity: 0.5;
	float: left;
}

.setSocial li:last-child {
	margin: 0;
}

.setSocial li i {
	width: 24px;
	height: 24px;
	background: url(../assets/SVG/imageSCL.svg) no-repeat 0 0 / 96px 24px;
	display: inline-block;
	margin: 0;
}

.setSocial li:nth-child(1) i { background-position: 0 0; }
.setSocial li:nth-child(2) i { background-position: -24px 0; }
.setSocial li:nth-child(3) i { background-position: -48px 0; }

.setSocial li:hover { opacity: 1; }

/* ---------------------------------------- */
/* ----- >>> Media Forms ------------------ */
/* ---------------------------------------- */


form {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 32px auto 0 auto;
	float: left;
}

.setInput {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0 0 12px 0;
}

.setInput:last-child {
	margin: 0;
}

.setOutput {
	font: 400 11px/48px 'Montserrat', Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
	float: left;
}

.setOutput span {
	color: #333333;
}

.setError input,
.setError textarea {
	border-color: #F00;
}

::-webkit-input-placeholder { opacity: 0.5; }
:-ms-input-placeholder 		{ opacity: 0.5; }
::-moz-placeholder 			{ opacity: 0.5; }
:-moz-placeholder 			{ opacity: 0.5; }

.radio:focus,
.button:focus,
.checker:focus,
.selector:focus,
.uploader:focus {
	outline: 0;
}

.radio,
.button,
.checker,
.selector,
.uploader,
.radio *,
.button *,
.checker *,
.selector *,
.uploader * {
	margin: 0;
	padding: 0;
}

input, textarea, select, .selector {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

input, textarea, select, .selector {
	width: 100%;
	height: 48px;
	font: 400 11px/48px 'Montserrat', Helvetica, Arial, sans-serif;
	letter-spacing: 0.25px;
	text-align: left;
	background: none;
	color: #222222; 
	border: 1px solid #BCC6D0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 16px;
	position: relative;
	overflow: hidden;
	resize: none;
	float: left;
	margin: 0;
}


textarea {
	height: 124px;
	line-height: 20px;
	padding: 10px 16px;
}

.setHalf,
.setButton {
	width:-webkit-calc(50% - 6px);
	   width:-moz-calc(50% - 6px);
		 width:-o-calc(50% - 6px);
			width:calc(50% - 6px);
}

.setHalf:nth-child(2n+1) {
	margin: 0 12px 0  0;
} 

.setHalf input:first-child {
	margin: 0 10px 0 0;
}

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

.setButton {
	font-weight: 700;
	line-height: 32px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	cursor: pointer;
	float: right;
	display: inline-block;
	background: #1B8BF9;
	color: #FFFFFF;
	border: none;
	padding: 0;
	margin: 0;
}

.setButton:hover {
	background: #48A2FA;
}

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

.setMenu {
	width: 32px;
	height: 32px;
	position: absolute;
	display: none;
	z-index: 20000;
	right: 16px;
	top: 16px;
}

.setMenu .setIcon {
	width: 16px;
	height: 10px;
	position: relative;
	margin: 11px auto;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	cursor: pointer;
}

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

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

.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,
nav,
header,
.setIcon,
.setBrand,
.setButton,
.setDots > li,
.setSocial li {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}