body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}


h1{
	font-family: 'Roboto', sans-serif;
}

h2 {
	font-family: 'Roboto', sans-serif;
}

h3 {
	font-family: 'Roboto', sans-serif;
}

h4 {
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	color: #292929;
}

h5 {
	font-size: 17px;
	font-family: 'Roboto', sans-serif;
	color: #292929;
}

p{
	font-size: 17px;
	color: #3f3f3f;
}

.icon-footer{
  color: white;
}

.icon-footer:hover{
  color: gray;
}

.box2{
  background: #e5e5e5;  
  border-radius: 30px; 
  padding: 40px; 
} 

.box3{
  background: #ffffff;  
  border-radius: 30px; 
  padding: 40px; 
}


.logo{
  width: 180px;
} 
 

.txt-red{
	color: #d9001d;
}

.txt-blue{
	color: #3a75c4;
}

.menu-blue{
	color: #2c619b;
	font-size: 14px;
}

.bg-form {
    background-color: #a0a0a0 !important;
	border-radius: 15px;
}

/*botones*/
.btn-llamanos{
  background: #3a75c4;
  color: white;
  border-radius: 10px;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
}
.btn-llamanos:hover{
  background: rgb(34, 87, 145);
  color: white;
} 

.btn-whatsapp{
  background: #00e676;
  color: black; 
  border-radius: 10px;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
}
.btn-whatsapp:hover{
  background: #007a3f;; 
  color:  black;
} 

/*botones gracias*/
.btn-back{
  background: #ff0202;
  color: #ffffff;
  border-radius: 20px;
  font-size: 20px;
  margin-left: 5px;
  margin-top: 5px;
  font-weight: 600;
}
.btn-back:hover{
  background: #000000;
  color: white;  
} 

.btn-llamanos-g{
  background: #ff0202;
  color: #ffffff;
  border-radius: 10px;
  font-size: 25px;
  margin-left: 5px;
  margin-top: 5px;
}
.btn-llamanos-g:hover{
  background:#000000; 
  color: white;  
}  

.btn-whats-g{
  background: #00e676;;
  color: black; 
  border-radius: 10px;
  font-size: 25px;
  margin-left: 5px;
  margin-top: 5px;
}
.btn-whats-g:hover{
  background: #007a3f;; 
  color:  white;

}  

.blue2{
	color: white;
	background:#0068c4;
	padding-top: 2rem;
    padding-bottom: 2rem;
}

.img-size{
	width: 90px;
	text-align: center!important;
} 

.img-size1{
	width: 140px;
	text-align: center!important;
} 

.img-size2{
	width: 95px;
	text-align: center!important;
} 

.img-size3{
	width: 200px;
	text-align: center!important;
} 


.bg-form {
     background: rgba(255, 255, 255, .7);
}

.bg-red{
	background: #D1373F!important;
}

.bg-gray{
	background: #d8d8d8!important;
}

.txt-white{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	
}


.red{ 
	color: white;
	background: #d9001d;
	padding-top: 2rem;
    padding-bottom: 2rem;

}

.gray{ 
	color: white;
	background: #333;
	padding-top: 2rem;
    padding-bottom: 2rem;

}

.gray2{
	background:#ededed;
}
.menu-sticky {
    position: fixed;
    top: 0px;
    bottom: auto;
    width: 100%;
    z-index: 9999;
} 

#logo img {
	max-height: 85px;
}

#banner {
    background-image: url(../img/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.zoom {
	padding-top: 1rem;
    transition: transform .2s;
    height: auto;
    margin: 0;
    max-width: 100%;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.texto {
	top: 0;
    color: #FFF;
    z-index: 999;
}

.btn1{
	background: #d9001d;
    font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 15px;
}

.btn1:hover{
	background: #a20318;
   font-weight: bold;
	color: white;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 15px;;
	
}

.btn2{
	background: #d9001d;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    width: 300px;
    border-radius: 15px;
}

.btn2:hover{
	background: #a20318;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    width: 300px;
    border-radius: 15px;
	
}

.btn-link {
    font-weight: 600;
    color: black;
    text-align: center!important;
}

.btn-link:hover {
    font-weight: 600;
    color: black;
    text-align: center!important;
}
 

.fb{
	font-size:40px!important;
	color: #0068c4;
}

.fb:hover{
	font-size:40px!important;
	color: #0068c4;
}

@media (max-width: 767px){

#banner {
    background-size: 140% auto;
    background-position: 0px 0px;
}

.movilbanner{
    font-size: 26px;
    margin-top: -26px;
	margin-bottom: 113px;
}

.movilform1{
	color:black!important;
	margin-top: 10px;
    text-align: center;
	
}

}