
@import 'sanitize.min.css';
@import 'fonts.min.css';

/* GENERAL------------------------ */

*{margin:0px; padding: 0px; box-sizing: border-box;}
*,*:after,*:before{box-sizing: border-box;}

body, html{width:100%; height:100%;}

html{
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
}
body{
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:focus{/* remember to define focus styles! */
	outline: 0;
}
table{/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td{
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q{
	quotes: "" "";
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display: block;
}
embed, iframe, object{
	max-width: 100%;
}
nav, ul{list-style: none;}
a{text-decoration: none; color: #000000;}
img{border:none;}
button{outline:none;}

html{
	font-family: 'ITCAvantGardeStd-Md';
}



/* BODY ------------------- */
.wrapper{
	width: 100%;
	/* max-width: 1120px; */
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	position: relative;
}
.content{width: 100%;}
.border{
	/* border: 3px solid #000000; */
	/* border: 0.208vw solid #000000; */
	outline: 0.104vw solid #000000;
}


/* TYPOGRAPHY ------------------- */
h1{
	font-size: 3.542vw;
	line-height: 1.2;
	margin: 0;
}
h2{
	font-size: 3.125vw;
	line-height: 1.2;
	
}
h3{
	font-size: 1.563vw;
	line-height: 1.2;
}
h4{
	font-size: 1.146vw;
	line-height: 1.4;
}
p,span,label{
	font-size: 1.042vw;
	line-height: 1.4;
}

.avantGardeBold{
	font-family: 'ITCAvantGardeStd-Bold';
}
.avantGardeDemi{
	font-family: 'ITCAvantGardeStd-Demi';
}
.avantGardeMedium{
	font-family: 'ITCAvantGardeStd-Md';
}
.avantGardeBook{
	font-family: 'ITCAvantGardeStd-Bk';
}
.dystopianBold{
	font-family: 'Dystopian-Bold';
}

.lowercase{text-transform: lowercase!important;}
.uppercase{text-transform: uppercase!important;}
.capitalize{text-transform: capitalize!important;}

.white-text{color: #ffffff;}
.black-text{color: #000000;}

.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.text-center{text-align: center!important;}

.underline{text-decoration: underline;}

.bold{font-weight: bold!important;}
.lighter{font-weight: lighter!important;}



/* COLOR ------------------- */
.black-color{background:#000000!important}
.grey-color{background: #2f2f2f!important;}
.white-color{background: #ffffff!important;}
.green-color{background: #39ff14!important;}



/* CONTENT POSITION ------------------- */
.block{display: block!important;}
.inline{display: inline-block!important; font-size: 0;}

.relative{position: relative!important;}
.absolute{position: absolute!important;}
.fixed{position: fixed!important;}
.position-top-left{
	top: 0;
	left: 0;
}
.position-top-right{
	top: 0;
	right: 0;
}
.position-bottom-left{
	bottom: 0;
	left: 0;
}
.position-bottom-right{
	bottom: 0;
	right: 0;
}
.center{
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0;
	margin: auto;
}



/* IMAGE ------------------- */
.image-border{
	border: 0.365vw solid #39ff14;
}



/* CTA ------------------- */
.btn-big{
	width: 9.714vw;
	max-width: 186px;
	text-align: center;
	/* padding: 0.616vw 0; */
	padding: 0.833vw 0;
	height: 2.969vw;
	max-height: 57px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.btn-small{
	width: 7.083vw;
	max-width: 136px;
	text-align: center;
	/* padding: 0.616vw 0; */
	padding: 0.833vw 0;
	height: 2.969vw;
	max-height: 57px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.btn-big p, .btn-small p{
	font-family: 'Dystopian-Bold';
	font-size: 0.911vw!important;
	text-transform: uppercase;
	vertical-align: top;
	position: relative;
	z-index: 2;
}
.btn-big > img, .btn-small > img{
	width: 1.302vw;
	max-width: 25px;
	vertical-align: top;
	margin-left: 4px;
	position: relative;
	z-index: 2;
}
.btn-black-clear,
.btn-black{
	/* border: 0.104vw solid #000000; */
	/* border: 0.208vw solid #000000; */
	outline: 0.104vw solid #000000;
}
.btn-green-clear,
.btn-green{
	/* border: 0.104vw solid #39ff14; */
	/* border: 0.208vw solid #39ff14; */
	outline: 0.104vw solid #39ff14;
}

.btn-black-clear .bg,
.btn-black .bg,
.btn-green-clear .bg,
.btn-green .bg{
	width: 0;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
}
.btn-black .bg, .btn-black-clear .bg{background: #000000;}
.btn-green .bg, .btn-green-clear .bg{background: #39ff14;}
.btn-black .bg, .btn-green .bg{width: 100%; left: auto; right: 0}
.btn-black p{
	color: #ffffff;
}




/* ARROW ------------------- */
.arrow{
	width: 6vw;
	max-width: 115px;
	height: 6vw;
	max-height: 115px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	transform-origin: center;
	cursor: pointer;
	overflow: hidden;
}
.arrow-black{
	/* border: 4px solid #000000; */
	border: 0.208vw solid #000000;
}
.arrow-white{
	/* border: 4px solid #ffffff; */
	border: 0.208vw solid #ffffff;
}
.arrow-left{transform: rotate(180deg);}
.arrow-right{transform: rotate(0);}
.arrow-bottom{transform: rotate(90deg);}
.arrow-top{transform: rotate(-90deg);}
.arrow img{
	width: 56%;
}
.arrow1{
	left: 0;
	transform:scale(1);
}



/* SOCIAL ------------------- */
.facebook-icon, .instagram-icon, .twitter-icon{
	width: 40px;
	height: 40px;
	text-align: center;
	border: 2px solid #ffffff;
	border-radius: 50%;
	margin: 10px 6px;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.facebook-icon-news, .twitter-icon-news, .whatsapp-icon-news{
	width: 40px;
	height: 40px;
	text-align: center;
	border: 2px solid #39ff14;
	border-radius: 50%;
	margin: 10px 6px;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.facebook-icon img, .instagram-icon img, .twitter-icon img,
.facebook-icon-news img, .twitter-icon-news img, .whatsapp-icon-news img{
	width: 100%;
	position: absolute;
	top: 0; left: 0;
	z-index: 2; 
	opacity: 0;
}
.facebook-icon{
	background: url(../../setup/img/facebook-blanco.png) center no-repeat;
	background-size: cover;
}
.instagram-icon{
	background: url(../../setup/img/instagram-blanco.png) center no-repeat;
	background-size: cover;
}
.twitter-icon{
	background: url(../../setup/img/twitter-blanco.png) center no-repeat;
	background-size: cover;
}
.facebook-icon-news{
	background: url(../../setup/img/facebook-noticias.png) center no-repeat;
	background-size: cover;
}
.whatsapp-icon-news{
	background: url(../../setup/img/whatsapp-noticias.png) center no-repeat;
	background-size: cover;
}
.twitter-icon-news{
	background: url(../../setup/img/twitter-noticias.png) center no-repeat;
	background-size: cover;
}
.rrss-hover{
	width: 100%;
	height: 100%;
	background: #ffffff;
	border-radius: 50%;
	transform: scale(0);
	transform-origin: center;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}
.rrss-hover-news{
	width: 100%;
	height: 100%;
	background: #39ff14;
	border-radius: 50%;
	transform: scale(0);
	transform-origin: center;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}


/* FORM ------------------- */
.input, .dropdown, .select-form{
	width: 100%;
	margin-bottom: 20px;
}
.input label, .dropdown label, .select-form label{
	margin-bottom: 10px;
}
.input.inline, .dropdown.inline, .select-form.inline{
	margin-right: 22px;
	vertical-align: middle;
	position: relative;
}
.form-block > div:last-child{
	margin-right: 0;
}
.input input,
.input-file,
.select-form select{
	width: 100%;
	height: 50px;
	border: 3px solid #000000;
	font-family: 'ITCAvantGardeStd-Bk';
	font-size: 0.885vw;
	padding: 14px;
	padding-top: 20px;
	position: relative;
}
.select-form select{
	padding: 10px 0 0 10px;
}
.select-form select::-ms-expand{
	display: none;
}
.select-form select:focus{
	border-color: #aaa;
  	box-shadow: 0 0 1px 2px rgba(57, 255, 20, .5);
	box-shadow: 0 0 0 2px -moz-mac-focusring;
  	outline: none;
}
select option {
	font-weight:normal;
	background-color: #fafafb;
}
.input-file p,
.select-form p{
	font-family: 'ITCAvantGardeStd-Bk';
	font-size: 0.885vw;
	padding: 14px 130px;
	position: absolute;
	top: 0;
	left: 0; right: 0;
	margin: auto;
	z-index: -1;
}
.input input[type='file']{
	padding: 0;
	position: absolute;
    left: 0;
    top: -2px;
    opacity: 0;
}
.input-file-bg{
	width: 120px;
	height: 50px;
	background: #000000;
	position: absolute;
	bottom: 0; left: 0;
	z-index: -1;
}
.input-file-bg p{
	height: 1.4vw;
	max-height: 24px;
	font-size: 0.911vw;
	text-align: center;
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	margin: auto;
}
.dropdown .dropdown-element{
	width: 100%;
	height: 50px;
	border: 3px solid #000000;
	padding: 14px;
	position: relative;
	cursor: pointer;
}
.dropdown-element span,
.dropdown-element .dropdown-list li{
	font-family: 'ITCAvantGardeStd-Bk';
	font-size: 0.885vw!important;
}
.dropdown-element .drop-arrow{
	height: 100%;
	width: 50px;
	background: #000000;
	position: absolute;
	top: 0; right: 0;
}
.dropdown-element .drop-line{
	width: 12px;
    height: 2px;
    background: #ffffff;
    transform-origin: center;
    position: absolute;
    right: 14px;
    top: 21px;
    transition: all .2s ease-out;
}
.dropdown-element .drop-line1{
	transform: rotate(45deg);
    margin: 0 8px;
}
.dropdown-element .drop-line2{
	transform: rotate(-45deg);
}
.dropdown-element .dropdown-list{
	position: absolute;
	width: 0;
    top: 106%;
    left: -3px;
    right: 0;
    background: #ffffff;
    border: 3px solid #000000;
    border-top: none;
    border-bottom: none;
    transition: all .2s ease-out;
    max-height: 0;
    margin-top: 0!important;
    overflow: hidden;
    z-index: 5;
}
.dropdown-element.opened .dropdown-list{
	max-height: 125px;
    overflow-y: scroll;
    width: 175px;
}
.dropdown-element .dropdown-list li{
	padding: 10px 0;
    display: block;
    width: 94%;
    margin: 0 10px 0px;
    margin-left: 14px!important;
    color: #000000;
    border-bottom: 1px solid #000000;
    transition: all .2s ease-out;
}
.dropdown-element .dropdown-list li:last-child{
	border-bottom: 0;
}
.check-element{
	margin: 1.302vw 0;
}
.check-element .check{
	width: 1.823vw;
	max-width: 35px;
	height: 1.823vw;
	max-height: 35px;
	border: 3px solid #39ff14;
	background: #ffffff;
	margin-right: 10px;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}
.check-element .check input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}
.check-element .check img{
	width: 100%;
	position: absolute;
	/* top: -12px; */
	top: -0.625vw;
	/* left: 10px; */
	left: 0.521vw;
	z-index: 0;
	transform-origin: bottom center;
	transform: scale(0);
	display: none;
}
.check-element p{
	font-size: 0.729vw;
}

.mt-5{
    margin-top: 5px;
}
.mt-20{
    margin-top: 20px;
}

/* LOADING */
#loading, #load{
    width: 100vw;
    height: 100vh;
    top: 0; left: 0;
    z-index: 200;
}
#loading img, #load img{
	width: 10vw;
	max-width: 280px;
}

/* MEDIA QUERIES -------------- */
@media screen and (min-width:1920px){

	h1{
		font-size: 68px;
	}
	h2{
		font-size: 60px;
	}
	h3{
		font-size: 30px;
	}
	h4{
		font-size: 22px;
	}
	p,span,label{
		font-size: 20px;
	}

	.btn-big, .btn-small{padding: 16px 0;}
	.btn-big p, .btn-small p{font-size: 17.5px!important;}
	.input-file-bg p{font-size: 17.5px!important;}

	.arrow-black{border: 4px solid #000000;}
	.arrow-white{border: 4px solid #ffffff;}

	.input input, 
	.input-file p,
	.dropdown-element span,
	.dropdown-element .dropdown-list li,
	.select-form select{font-size: 17.5px!important;}
	.check-element{margin: 25px 0;}
	.check-element .check img{top: -12px; left: 10px;}
	.check-element p{font-size: 14px;}

}
@media screen and (max-width:1660px){
	.wrapper{max-width: 900px;}
}
@media screen and (max-width:1440px){
	.wrapper{width: 56%;}
	.input input, .input-file, 
	.dropdown .dropdown-element,
	.select-form select{height: 40px;}
	.input input, .input-file,
	.dropdown-element span, .dropdown-element .dropdown-list li,
	.input-file p, .select-form select{font-size: 1vw!important;}
}

@media screen and (max-width:1280px){
	.input.inline, .dropdown.inline, .select-form.inline{margin-right: 16px;}
}

@media screen and (max-width:1120px){
	.input.inline, .dropdown.inline, .select-form.inline{margin-right: 12px;}
}

@media screen and (max-width:1024px){
	.wrapper{width: 70%;}
	.btn-big p, .btn-small p{line-height: 1!important;}
}

@media screen and (max-width:840px){
	h1{
		font-size: 7.542vw;
		line-height: 1.2;
		margin: 0;
	}
	h2{
		font-size: 7.125vw;
		line-height: 1.2;
		
	}
	h3{
		font-size: 5.563vw;
		line-height: 1.2;
	}
	h4{
		font-size: 5.146vw;
		line-height: 1.4;
	}
	p,span,label{
		font-size: 2.042vw;
		line-height: 1.4;
	}
	.wrapper{width: 90%;}
	.arrow{
		width: 21.04vw;
		max-width: 102px;
		height: 21.04vw;
		max-height: 102px;
	}
	.facebook-icon, .instagram-icon, .twitter-icon{
		width: 70px;
		height: 70px;
		margin: 10px 10px;
	}
	.btn-big{
		width: 39.714vw;
		max-width: 186px;
		height: 9.969vw;
    	max-height: 57px;
	}
	.btn-small{
		width: 37.083vw;
		max-width: 136px;
		height: 9.969vw;
    	max-height: 57px;
	}
	.btn-big p, .btn-small p{line-height: 2.4!important; font-size: 2.211vw!important;}
	.input label, .dropdown label, .select-form label{font-size: 2.042vw;}
	.input input, .input-file, .dropdown-element span, .dropdown-element .dropdown-list li, .input-file p, .select-form select{font-size: 1.6vw!important;}
	#loading img, #load img{width: 18vw;}
}


/*landscape smartphone big*/
@media screen and (max-width:740px) and (orientation:landscape){
	.btn-big p, .btn-small p{font-size: 1.911vw!important;}
	.btn-big, .btn-small{height: 6.969vw;}
}

/*landscape smartphone normal*/
@media screen and (max-width:570px){}

@media screen and (max-width:450px){
	p,span,label{
		font-size: 4.042vw;
		line-height: 1.4;
	}
	.arrow{
		max-width: 162px;
		max-height: 162px;
	}
	.facebook-icon, .instagram-icon, .twitter-icon{width: 50px; height: 50px;}
	.btn-big{width: 48%; max-width: 226px;}
	.btn-small{width: 27.083vw; max-width: 226px;}
	.btn-big p, .btn-small p{line-height: 2.4!important; font-size: 3.211vw!important;}
	.input label, .dropdown label, .select-form label{font-size: 4.042vw;}
	.input input, .input-file, .dropdown-element span, .dropdown-element .dropdown-list li, .input-file p, .select-form select{font-size: 3.6vw!important;}
	.check-element{margin: 5.302vw 0;}
}

@media screen and (max-width:375px){}

@media screen and (max-width:320px){}



