body{position: relative;
	margin: 0px;
	height: 100vh;
}

header{
	position: relative;
	width: 100%;
	top: 0px;
	background: transparent;
}

.hchdos{
	position: absolute;
	left: 35px;
	width: 120px;
	height: 45px;
	cursor: pointer;
}
h2{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 3vh;
	color: #010A18;
	left: 5px;
	font-family: 'EB Garamond', serif;
	font-size: 24px;
	font-weight: 500;
	z-index: 999;
}
.icon-aqoncagua{
	position: relative;
	top: 2.7vh;
	left: 2px;
	width: 115px;
	height: 27px;
}
.icon-aqoncagua:before {
  position: absolute;
  font-size: 17px;
  left:8px;
  top:-5px;
  color:#010A18;
}

@keyframes mont{
		0% {opacity: 0;}
		55% {opacity: 0;}
		100% {opacity: 1;}	
	}

a>p{
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: rgb(30,30,30);
	line-height: 16px;
	font-weight: 700;
	margin: 0px;
}
.icon-clipboard{
	position: absolute;	
	padding-left: 0px;
	padding-right: 5px;
	left: 0px;
	top: 72.5vh;
	height: 34px;
	width: 160px;
	background: #FF5600;
	text-align: right;
	text-decoration: none;
	z-index: 9999;
	animation: 1s veloz 1.5;
		-webkit-animation: 1.5s velox 1;
		-moz-animation: 2s velox 1;
		-o-animation: 2s velox 1;
		-ms-animation: 2s velox 1;	
}
.icon-clipboard:before{
	position: absolute;
	font-size: 32px;
	top: 7px;
	left: 13px;
	z-index: 999;
	color: black;
	opacity: 0.3;
}
.icon-clipboard:after{
	content: "Haga click aquí";
	position: absolute;
	font-size: 10px;
	line-height: 12.5px;
	font-weight: 500;
	color: white;
	top:34px;
	left: 0px;
	height: 13px;
	width: 160px;
	padding-right: 5px;
	background: #FF5600;
	opacity: 0.95;
}
@keyframes velox{
		0%{opacity:0.5;
		transform: translateX(-800%)}
		75%{opacity:0.5;
		transform: translateX(-800%)}
		100%{transform: translateX(0%);}
	}
/*----------------------*/
form{ 
	margin:0; 
	padding:0;
}
form,input{
	margin:0; padding:0; color:black;
}
input {right:10px;} 
div.box {
	font-family:'Roboto', sans-serif;
	margin:0 auto;
	width:95%;      
	background: #010A18;
	padding-bottom: 50px;
	position:absolute;       
	left:1%;         
	border:1px solid #262626;
	overflow:hidden;
	height: 80vh;
	top:11.5vh; 
}

div.box>p { 
position: relative;
top:0px; 
left:25px;       
color:white;
font-size:12px;        
color: #E6E6E6;
text-transform:uppercase;
padding:0px 0px 0px 5.5%;       
}

div.box label {
	width:100%;
	display: block;        
	border-top:1px solid #052D6E;
	border-bottom:1px solid #161712;
	padding:1.6vh 0 1.6vh 0;
}

div.box label span {
	display: block;
	color:#bbbbbb;
	font-size:12px;
	float:left;
	width:12%;         
	text-align:right;
	padding:5px 12px 0px 8px;        
}

div.box .input_text, textarea {
	padding:8px 0px 8px 3px;        
	width:66%;
	font-size: 14px;
	background:rgb(210,210,210);
	border-bottom: 1px double #171717;
	border-top: 1px double #171717;
	border-left:1px double #333333;
	border-right:1px double #333333;
}
textarea{
	height: 25vh;
	color:black;
}

.button
{
	position: relative;
	margin:0 0 10px 0;
	padding:10px;
	background:#3F900C;
	border:0px;
	top:-2vh;    
	left: 80%;   
	height: 44px;  
	width:44px;  
	border-radius: 100%;  
	border: 2.5px solid #bbbbbb; 
	z-index: 999;
	box-shadow: 1px 2px#29FF00 6px rgba(10,10,10,0.6);
	cursor: pointer;
}
.button:hover{
	background: radial-gradient(
		ellipse at 48%, #FF5600 0%,70%,
		#A63800 90%);
	background: -webkit-radial-gradient(
		ellipse at 48%, #FF5600 0%,70%,
		#A63800 90%);
	background: -moz-radial-gradient(
		ellipse at 48%, #FF5600 0%,70%,
		#A63800 90%);
}
.button:focus{
	background: radial-gradient(
		ellipse at 48%, #FF5600 0%,60%,
		#A63800 80%);
		transform:scale(0.95);
}
.button>span{
	position: relative;	
	left:-4.5px; 
	top:-2.5px;
	padding: 0px;
}
.icon-send:before {	 
  position: relative;
  font-size: 24px;
  color: white;
  left:0px; 

}

.alert {
	display: block;
	position: relative;
	padding: 1em;
	color:#fff;
	border-radius: 2px;
	margin-bottom: 20px;
	font-size: 14px;
}

.alert.error {
	background: #F2DEDE;
	border:1px solid #a94442;
	color: #a94442;
}

.alert.success {
	background: #4CAF50;
}
.g-recaptcha{
	position: absolute;
	visibility: hidden;
	top:200px;
	z-index: 99999;
	
}
/*-------------------fin form----------------*/

.validar{
	position: fixed;
	width: 220px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	left: 22%;
	background:palegoldenrod;
	font-family: 'Roboto', georgia, times, serif;
	font-size: 12px;
	color: black;
	border-radius: 3px;
	opacity: 0;
		-webkit-animation: 4s alert 1;
		-moz-animation: 4s alert 1;
		-o-animation: 4s alert 1;
		-ms-animation: 4s alert 1;
	}
@keyframes alert{
		25% {opacity: 1;}
		75% {opacity: 1;}	
	}

#primercampo{
	top: 15vh;
}
#segundocampo{
	top: 25vh;
}
#tercercampo{
	top: 35vh;
}
div#texto{
	position: absolute;
	display: block;
	bottom: 14vh;
	height: 20px;
	color:rgb(160,160,160);
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	margin: 0;
	text-align: center;
	width: 100%;
	vertical-align: top;
}
div#texto>div{
	position: relative;
	display: inline-block;
}
div#facebook{
	position: relative;
	margin-left: 1%;
	margin-right: 1.5%;
  	top:4px;
  	width: 30px;
  	height: 30px;
}
div.icon-facebook-f:before {
  content: "\f09a";
  position: relative;
  text-decoration: none;
  font-size: 20px;
  top: 0px;
  left: 0px;
  border: none;
  color: rgb(160,160,160);
  padding: 3px 3px 3px 3px;
  margin: auto;
  background: none;
  padding-bottom: 0px;
  z-index: 999;
}
div#facebook>a{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 35px;
	width: 35px;
	z-index: 999;
}

@media screen and (min-width: 425px){
	h2{
		top: 12px;
	}
	.icon-aqoncagua{
		top: 11px;
	}
	.icon-aqoncagua1{
		top: 11px;
	}
	.icon-clipboard{
		top: 76vh;
	}
	div.box {
	 	top:43px;        
 		height: 83vh;    
 	 	left:1.5%; 
	}
	div.box>p {
	 	margin-top: 2.5vh;
	 	margin-bottom: 1vh;
	}
	div.box label span {
		width:10%;    
	}
	div.box .input_text, textarea {       
	width:64%;
	}
	textarea{
	height: 23vh;
	}
	.button{ 
		top:-12vh;
		left: 86%;
	}
	.validar{
	left: 90px;
	}
	#primercampo{
	top: 56px;
	}
	#segundocampo{
		top: 106px;
	}
	#tercercampo{
		top: 156px;
	}
	div#texto{
		top:82vh;
		bottom: 22vh;
		left: 15px;
	}
	.icon-facebook-f:before {
	  	font-size: 18px;
	  	visibility: hidden;
	}
}

@media screen and (min-width: 540px){
	.icon-facebook-f:before {
	  	visibility: visible;
	}
}
@media screen and (min-width: 767px){

	header{
		position: relative;
		width: 100%;
	}
	.hchdos{
		display: block;
		position: relative;
		width: 120px;
		height: 45px;
		left: 214px;
		top: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	h2{
		top: 16px;
		left: 10px;
	}
	.icon-aqoncagua{
		left: 7.5px;
		top: 14.5px;
	}
	.icon-aqoncagua1{
		top: 14px;
		left: 69px;
	}
	.icon-clipboard{
		top: 12px;
		width: 210px;
		padding-right: 60px;
	}
	a>p{
		line-height: 34px;
		font-size: 13px;
	}
	a>p>br{
		display: none;
	}
	.icon-clipboard:before{
		top: 7px;
		left: 227px;
	}
	.icon-clipboard:after{
		width: 210px;
		padding-right: 60px;
		line-height: 10px;
		opacity: 0.9;
	}
	
/*--------------------Form------------------------*/


form{ 
	position: relative;
	display: block;
	margin:0; 
	padding:0;
}
form,input,select,textarea{
	margin:0; padding:0; 
}
textarea{
	padding-left: 3px;
}
label:nth-last-of-type(1){
 	height: 240px;
 }
div.box {
position: relative;
width:550px;
top:54px;
left:unset;
margin-left: auto;
margin-right: auto;
border:2px solid #262626;
height: 370px;
}
div.box>p {
	 	margin-top: 3vh;
	 	margin-bottom: 3vh;
	 	margin-left:50px;
	 	font-weight: 700;
}
div.box label{
	padding: 10px 0px 10px 25px;
}
textarea{
	height: 150px;
}
div.box .input_text, textarea {
	width:65%;
}
div.box .button
{
	position: absolute;
	top: 310px;
	left:87.5%;
	box-shadow: 1px 2px 6px rgba(5,5,5,1);
}

@keyframes fade-click{
	60%, 66%{transform:scale(0.8);}
	63%, 69%{transform:scale(1.1);}
	58%,74% {transform: scale(1);}
}

div.box:before{
		display: block;
		position: relative;
		height: 500px;
		width: 150px;
		top:0px;
		left: 0px;
		z-index: 999999;
	}
	textarea{
	font-size: 14px;
	}

	div#texto{
		bottom: unset;
		font-size: 16px;
		top: 460px;
		bottom: 22vh;
		left: 0px;
	}
	
	.validar{
	left: 29%;
	}
	.validar:before{
		content:"";
		position: absolute;
		top: 23px;
		left: 20%;
		border-style: solid;
		border-width: 15px 8px 0px 15px;
		border-color: palegoldenrod
					transparent  
		 	 	 	transparent 
		 	 	 	transparent;
	}
	#primercampo{
		top: 120px;
	}
	#segundocampo{
		top: 175px;
	}
	#tercercampo{
		top: 225px;
	}
	.icon-facebook-f:before {
		visibility: visible;
	  	font-size: 22px;
	}
}
/*------------------fin Form------------------------*/

@media screen and (min-width: 950px){


.hchdos{
		top:70px; 
}
.icon-clipboard{
	top: 28px;
	width: 300px;
	padding-right: 80px;
}
a>p{
	font-size: 14px;
}
.icon-clipboard:before{
	left: 330px;
}
	.icon-clipboard:after{
	width: 300px;
	padding-right: 80px;
	font-size: 12px;
	}
div.box {
	top:85.5px;
	}
.validar{
	left: 36%;
	}
#primercampo{
		top: 150px;
	}
#segundocampo{
		top: 200px;
	}
#tercercampo{
		top: 257px;
	}
div#texto{
	top: 485px;
	}
}