/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
.main-home{
  padding: 9%;  
}
.main-home h2{
     color:#2B9E62;
    font-size: 37px;
    font-weight:800;
    line-height: 42px;
    
}
.main-home p{
    color:black;
    font-size: 26px;
    line-height: 28px;
    font-weight: 600; 
}
.separador-color{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #FFFF;
    padding: 10px;   
}

.main-tratamientos{
    padding: 9%;
}

.main-tratamientos h2{
    color:#F7A941;
    font-size: 20px;
    font-weight:800;
    line-height: 22px;
    
}
.main-tratamientos p{
    color:black;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600; 
}
.btn-conoce{
text-align:center;    
}
	
.btn-conoce a{
    padding: 10px 10%;
    color: white;
    background-color: #F7A941;
    font-size: 15px;
    font-weight: bold;
}    
.slider-trata{
  margin-left: 10%;
    margin-top: 3%;  
}
.slider-trata>p{
    color:#CA5052;
    font-size:38px;
    font-weight:bold;
    padding-bottom: 1%;
    line-height: 32px;
}
.slider-trata p:nth-child(2){
    color:#2F5588;
    font-size:43px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom: 1%;
}
.slider-trata p:nth-child(3){
  color:#4FA17B;
    font-size:14px;
    font-weight:600;
    padding-bottom: 1%;
    line-height: 20px;
}
.slider-trata p:nth-child(4){
   color:#4FA17B;
    font-size:11px;
    font-weight:200;
    margin-top:2%;
    line-height: 15px;
}
.iconos{
    color:#CA5052;
    font-size:18px;
    font-weight: 800;
    text-align: center;
}
.primera{
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
}
.primera span{
    font-size: 29px;
    color: #FFFF;
    text-align: center;
    line-height: 35px;
}
.btn-pedir{
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.btn-pedir a{
    padding: 10px 20px;
    color: #FFFF;
    text-align:center;
     background-color:#F7A941;
}
/*tratos*/
.tratos{
    padding: 10%;
}
.tratos h2{
    font-size: 22px;
    color:#FFFFFF;
    line-height:25px;
    text-align: center;
    font-weight: 800;
}
.tratos p{
    font-size: 16px;
    line-height: 20px;
    color:#FFFFFF;
    font-weight: 600;
    text-align: center;
    
}
/*end tratos*/
/*empleados*/
.empleados h2{
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color:#F7A941;
    text-align: center;
}
.empleados p{
    color:black;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}
/*--------header-tratamoentos---------*/
.promociones{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 4%;
}
.inner-promo h2{
    font-size: 36px;
    line-height: 40px;
    font-weight: lighter;
    color: #009845;
    padding-bottom: 0px;
}
.inner-promo p{
    font-size: 36px;
    line-height: 40px;
    font-weight: lighter;
    color: #81CD9E;
    padding-bottom: 0px;
}
.inner-promo span{
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: black;
}
/*--------end header-tratamoentos---------*/
.contacto{
    display: flex;;
	justify-content: space-around;
	align-items: center;
	padding: 8%;
}
.inner-contacto{
	padding: 5%;
}
.inner-contacto h2{
    color: #09226F;
    font-size: 38px;
    line-height: 40px;
}
.inner-contacto p{
	color: #09226F;
	font-size: 35px;
	font-weight: 800;
	line-height: 39px;
	padding-bottom: 0px;
}
.inner-contacto span{
	color: #FFFF;
	font-size: 40px;
	font-weight: 400;
	line-height: 40px;
}
@media (max-width: 800px) {
.contacto{
	flex-direction: column;
}
.inner-contacto{
	padding-right:0px !important;
	padding-bottom: 20px;
   }
    .et_pb_row_6 , .et_pb_row_8, .et_pb_row_5{
        flex-direction: column !important;
    }
}
/*------------Horarios-------------*/
.horarios{
	height: auto;
    padding: 5%;
}
.horarios h2{
	text-align: center;;	
	font-weight: bold;
	font-style: 18px;
	color: #F7A941;
}
.inner-horarios{
	display: flex;;
	justify-content: space-around;
	align-items: center;
	padding: 10px;
	
}
.inner-horarios p{
	color:black;
	font-size: 15px;
	font-weight: bold;

}
.contacto-logo a{
    padding-left: 10px;
    color:#F7A941;
}
/*End Horarios*/
/*------End Horarios---------------*/
/*testimonios*/
 .testimonios{
         padding: 3%;
        text-align: center;               
    }   
    .testimonios h2{
      padding-bottom: 7%;
        color: #F7A941;
        font-weight: bold;
        font-size:18px;
    }
    .testimonios p{
        padding-bottom: 3%;
        font-size:15px;
        color: #464646;
        font-weight: bold;
    }
    .testimonios h4{
      padding-bottom: 3%;  
         color: #F7A941;
        font-weight: bold;
        font-size: 14px;
    }
    .testimonios .fa{
        font-size: 24px;
        padding-left: 1%;
        color: #F7A941;
        
        
    } 
/*End testimonios*/
/*contacto*/
.contacto-logo h2{
    text-align: center;
    font-size: 18px;
    color: #F7A941;
    font-weight: bold;
    line-height: 17px;
    padding-top: 5%;
}
.contacto-logo .fa{
    font-size: 20px;
    color: #F7A941;
    line-height: 18px;
}
.contacto-logo p span a{
    font-size: 15px;
    font-weight: bold;
    color: #F7A941;
    line-height: 18px;
    padding-left: 2%;
    margin-top: 2%;
}
/*end contacto*/
/*---------------footer------------------*/
.container-formu-footer span, .container-formu-footer a{
        font-size: 15px;
        font-weight: bold;
        color: #FFFF;
    }
.container-formu-footer p{
        padding-top: 5px;
        color: #FFFF;
        font-size: 18px;
        font-weight: bold;
        padding-bottom: 3px;
    }
.container-formu-footer h2{
        font-weight: bold;
        font-size: 18px;
        color: #FFFF;
        padding-bottom: 10%;
        
    }
.container-formu-footer input[type=password], input[type=tel], input[type=text]{
         font-size: 14px;
         color: #ADAFAF;
         font-weight: bold;
         height: 46px;
         width: 72%;
    }
 #ipad input[type=email]{
     font-size: 14px;
         color: #ADAFAF;
         font-weight: bold;
         height: 46px;
         width: 72%;
}
.container-formu-footer input[type=submit]{
    height: 42px;
    width: 168px;
    font-size: 13px;
    font-weight: bold;
    color: #ADAFAF;
    line-height: 19px;
    background-color: #FFFF;
    border: 2px solid #FFF;
    }
     #footer input[type=email]{
     font-size: 14px;
         color: #ADAFAF;
         font-weight: bold;
         height: 46px;
         width: 72%;
}
#footer input[type=submit]{
    padding: 10px 15px;
    color: black;
    background-color: #ffff;
    border: 0px;
}
 .foo-nav h2{
        color: #ffff;
        font-size: 18px;
        line-height: 19px;
      
    }
    .redes-foo{
        display: flex;
    }
    .redes-foo .fa{
          font-size: 15px;
    color: #ffff;
    padding-left: 4%;  
    }
.redes-foo .fa:first-child{
     padding: 0px;
    }
.foo-nav a{
        font-size:15px;
        color: #fff;
        font-weight: bold;
        padding-top: 3%;
        padding-left: 3%;
    }
#main-footer{
    display: none;
}
/*Tratamientos*/
.faqs-trat span{
	color: #F07400;
	font-size: 21px;
	font-weight: 400;
	line-height: 24px;
}
.faqs-trat h3{
	font-size: 21px;
	color:#009845;
	font-weight: 400;
    padding: 15px;
}
.faqs-trat p{
font-size: 15px;
font-weight: 600;
color: black;
}
.faqs-trat ul{
font-size: 15px;
font-weight: 600;
color: black;
padding-bottom: 7%;
}
/*--------------End footer---------------*/