@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: Hebrew;
	src:url(OpenSansHebrewCondensed-Regular.ttf) format("truetype");
	}
body{
	background-image:url(../img/fondo-construccion.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	font-size:16px;
	font-family:sans-serif;
	background-attachment:fixed;
}
.fondo{
	position:fixed;
	width:100vw;
	height:100vh;
	background:rgba(56,53,51,.5);
	z-index:-1;
	top:0;
}
section{
	margin:0;
	padding:3%;
	text-align:center;
	padding-top:calc((100vh - 537px) / 2);
	padding-bottom:calc((100vh - 537px) / 2);
	z-index:5;
}
.logo1{
 	position:absolute;
	top:-20px;
	right:-20px;
	transform:scale(.5,.5);
}
.info{
	max-height:100vh;
	margin-top:80px;
}
.boton{
	text-decoration: none;
    height: 45px;
    font-size:.9rem;
	border: solid 1.5px #fff;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 0 23px;
    color: #ffffff;
    letter-spacing: 2.5px;
    margin: 2rem auto;
    line-height: 45px;
    display: inline-block;
    text-align: center;
	clear:both;
	width:190px;
}
.fa-phone:before {
    margin-right:15px;
}
h1, p{
	color:#fff;
	text-transform:uppercase;
}
h1{
	font-family:Hebrew;
	font-size:2.4rem;
	letter-spacing: 0.15em;
	font-weight:bold;

}
p{
	letter-spacing: 0.3em;
	font-size:1rem;
	line-height:1.5rem;
	font-weight:100;
}
.pronto{
	padding:0 10%;
}
progress[value] {
	-webkit-appearance: none;
	appearance: none;
	width: 280px;
	height: 15px;
	margin-top:1rem;
}
progress[value]::-webkit-progress-bar {
	background-color: #cecbca;
 	border-radius: 10px;
  	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress[value]::-webkit-progress-value {
	 background-image:
	   -webkit-linear-gradient(rgba(149, 199, 251, 1) 0%,rgba(128, 173, 220, 1) 100%);
	 border-radius: 10px; 
     background-size: 35px 15px;
}
.cero, .cien{
	display:inline-block;
	width:50%;
	font-size:.8rem;
}
.valores{
	display:flex;
	width: 280px;
	margin:0 auto;
}
.cien{
	text-align:right;
}
.cero{
	text-align:left;
}
.social i{
	color:#fff;
	border:solid 2px #fff;
	border-radius:50%;
	width:40px;
	height:40px;
	font-size:1.4rem;
	line-height:40px;
	margin:1rem 10px 34px;
}

@media screen and (min-width:768px){
h1{
	font-size:3.25rem;
	margin:3.25rem 0;
}
p{
	font-size:1.3rem;
	margin:1.3rem 0;
}
progress[value]{
	width: 480px;
    height: 19.5px;
    margin-top:2rem;
	
}
.valores{
	width: 480px;
}
.cien, .cero{
	font-size: 1.04rem;
}
.logo1{
	transform:scale(1,1);
	top: 15px;
    right: 15px;
}
.pronto {
    padding: 0;
}
.boton {
    height: 59px;
    font-size: 1.35rem;
    padding: 0 30px;
    margin: 2.6rem auto;
    line-height: 59px;
    width: 270px;
}
.social a i{
	transform:scale(1.3,1.3);
	margin: 1.3rem 26px 34px;
}
section{
    padding-top: calc((100vh - 722px) / 2);
    padding-bottom: calc((100vh - 722px) / 2);
}
.info {
    margin-top: 150px;
}
}

@media screen and (min-width:1024px){
h1{
	margin:2.5rem 0;
}
p{
	margin:1rem 0;
}
progress[value]{
	margin-top:1.5rem;
	
}
.logo1{
	top: 30px;
    right: 30px;
}

.boton {
    height: 50px;
    font-size: 1.2rem;
    margin: 2rem auto 2.5rem;   
	line-height: 50px;
	cursor:default;
}
.social a i{
	margin: 1.1rem 26px 34px;
}
section{
    padding-top: calc((100vh - 614px) / 2);
    padding-bottom: calc((100vh - 614px) / 2);
}
.info {
    margin-top: 150px;
}
}