body{
  font-family: "Open Sans", serif;
  background: #f7f4f2;  
} 

.logo{
  width: 90px; 
} 

.btn-float1{
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 99999999;
}

.btn-float2{
  position: fixed;
  bottom: 160px;
  right: 30px;
  z-index: 99999999;
}

.img-btn-float{
  width: 50px;
}

  

/*titulos banner*/
.h1banner{ 
	font-weight: 400;
  color:#394330;
  /*text-shadow: 3px 3px 3px #000;*/
  font-size: 3.6rem;
}
.h2banner{
	font-weight: 400;
  color: white;
  font-size: 2rem;  
  
}

.icon-footer{
  color: white;
}

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

.txt-form{
  color:#2a3620;
}

.txt-gray1{
  color: #474747;
}

.txt-green{
  color: #50623f;
}

.txt-green-2 {
    color: #5e7846;
}

/*botones*/
.btn-llamanos{
  background: #b2d042;
  color: #394330;
  border-radius: 20px;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-llamanos:hover{
  background: #7b912d; 
  color: white;
} 

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

.btn-1{
  background: #416322;
  color: white;
  border-radius: 20px;
  font-size: 18px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-1:hover{ 
  background: #477c15;
  color: white;
} 

.btn-2{
  background: #477c15;
  color: white;
  border-radius: 20px;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-2:hover{ 
  background: #416322;
  color: white;
} 

.btn-envia{
  background: #416322;
  color: white;
  border-radius: 10px;
  font-size: 20px;
  margin-left: 5px;   
  margin-top: 5px;
}

.btn-envia:hover{ 
  background: #2e4618; 
  color: white;  
} 

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

.btn-llamanos-g{
  background: #b2d042;
  color: #424f13;
  border-radius: 10px;
  font-size: 25px;
  margin-left: 5px;
  margin-top: 5px; 
}
.btn-llamanos-g:hover{
  background:#6a7e22;
  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;

}  

/*banner fondo*/ 
#banner {
  background-image: url(../img/banner.webp);
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center;
}

/*backgrounds*/
.bg-menu{ 
  background: gray;
}

.bg-green{
  background: #c0cca4;
}

.bg-white{
  background: white;
}

.parallax1 { 
  /* The image used */
  background: url(../img/parallax.webp) center center no-repeat;
  background-size: cover;

  /* Set a specific height */
  min-height: 200px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
}


/*formulario*/
.bg-form {
  background: #91a66e;
  border-radius: 20px; 
} 

.bg-form-movil {
  background: #91a66e;
} 

.bg-form-movil-2 {
  background: #b3cd8a;
} 
 

/*tamaño de imagenes*/
.img-size1{
  width: 70px;
}

.img-size2{ 
  width: 60px;
}

.img-tslider{
  width:180px;
}

.img-border2 {
    border-radius: 30px 30px 30px 30px;
}

/*accent card*/

.bcard-accent { 
  border-color: #9da982!important;  
}




@media (max-width: 425px){
  #banner {
    background-size: 160% auto!important;
    background-position: 0px 0px;
} 

}



@media (max-width: 768px){

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

  .h1banner{
    font-size: 31px;
    margin-bottom: 4px;
  }
 
.form-mobile{
  margin-top: 50px;
  margin-bottom: 50px;
}
 
}