@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Rubik:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;500;700&family=Rubik:wght@300;400;500;700&display=swap');

/*font-family: 'Montserrat', sans-serif;
*/

*{transition: all 0.5s ease !important;}


.bottom{

    padding-bottom: 0 !important;
}



  

body{font-family: 'Open Sans', sans-serif;font-size: 15px;color:#757575}
a{text-decoration: none;}
a:hover, a:active{text-decoration: none;}
ul{list-style: none;padding: 0;}
img{max-width: 100%;height: auto;}
h1.title{font-size: 30px;font-weight: 600;color: #529E39;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}
h1.title.white{color: #fff}
button{padding:5px 26px;color:#fff;border-radius: 40px;border: solid 2px #529E39;font-size:16px;color: #529E39;font-weight: 500;background:0;font-family: 'Montserrat', sans-serif}
.icon{max-width: 70px;}
.icon.content{width: 76px;max-width: 76px;height: 76px;margin-bottom: 30px;border-radius: 50%;background: #0779C7;display: flex;justify-content: center;align-items: center;font-size: 30px;color: #fff;}
.icon.content.white{background: #fff;color: #0779C7;}
.card{padding: 30px;box-shadow: 1px 1px 1px rgba(0,0,0, 0.15);box-shadow: 0px 3px 10px rgba(0,0,0, 0.15);  border: 0;align-items: center;height:100%}
.card.active{background: #0779C7;color:#fff;margin-top: -30px;height: 120%;}
h3{font-weight: 600;color:#4D4B4B;font-size: 30px;font-family: 'Montserrat', sans-serif;}

nav{transition: none !important;}

.green{background:#00B55D;font-size:20px;color:#fff;font-weight: bold;padding:40px 15px !important}
.logos{align-items: center;text-align: center}


header{width:100%;background: rgb(119,119,119);
    background: #fff;position: fixed;left: 0;top: 0;z-index:999;box-shadow: 1px 1px 5px rgba(0,0,0,0.1)}
header .logo{padding:20px 0}

header nav{padding-top:20px}
header ul{text-align: right;}
header ul li{display: inline-block;}
header ul li a{display: inline-block;padding: 10px;color:#333333;font-weight: 600;}
header ul li a:hover{display: inline-block;padding: 10px;color:#333333;font-weight: 600;}
header ul li a:active{color:#0779C7;}

header .social{padding-top: 32px;}
header .social>div{padding:0 12px;}

section.grey{background-color: #F4F4F4;}
section.blue{background-color: #0779C7;color:#fff;background-image: url('../images/bg-blue.png');background-size: 130%;background-position: center;}

section.container-fluid{padding:70px 15px;}


.menu-collapse{display:none}

/* Slide */

.capa{padding-top: 155px !important;background-image: url('../images/capa.png');background-size: cover;background-position: center bottom;background-repeat: no-repeat;color:#fff}
.capa h1{color:#fff;font-size:14px;}
.capa h3 span{position: static;
z-index: 10;
display: inline-block;
background: #70b594;
padding: 2px 15px;
color: #fff;
text-transform: uppercase;
margin-bottom: 6px;}
.capa button{border-color:#fff;background: #fff;position: relative;
    padding-right: 50px;}
.button-icon{

    color: #fff;
    background: #34af23;
    padding: 5px 7px;
    border-radius: 50%;
    /* float: right; */
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 20px;
}


.contact-button{background:#34af23;position: relative;color:#fff;
    padding-right: 50px;}

.contact-button .button-icon{

    color: #34af23;
    background: #fff;
    padding: 5px 7px;
    border-radius: 50%;
    /* float: right; */
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 20px;
}

.more strong{position: relative;}

.more strong::after{content: ' ';
    background: url(../images/more.png);
    width: 51px;
    height: 38px;
    display: inline-block;
    top: 5px;
    position: absolute;
    right: -65px;
}



/* Quotes Carousel */

.carousel-item{padding:10px 0}

.quotes  .carousel-item article {
    padding: 35px 35px 35px 30px;
    background: #fff;
    border-radius: 10px;
    border-left: 64px solid #0779C7;
    position: relative;
    box-shadow:0px 3px 10px rgba(0,0,0, 0.15)
}

.quotes .carousel-item article.odd{
  
    border-color: #529E39;
}

.quotes  .carousel-item article::after{content:' '; display: block;width: 55px;height: 50px;background: url('../images/quote.png');top:15px;left:-30px;position:absolute;}

 .carousel-indicators{bottom: -60px !important;}
.carousel-indicators li{background-color: #0779C7;}



.element{background-position: center;background-repeat: no-repeat;background-size: contain;justify-content: flex-start;align-items: flex-end;font-size: 50px;font-weight: 700;color: #529E39;display: flex;}
.element.reverse{justify-content: flex-end;}

footer{color:#fff;background: #0779C7;}

.item-area{background: #fff;
    text-align: center;
    padding: 30px 20px;
    border-radius: 10px;
    color: #707070;height: 100%;
}

.item-area h3{font-size: 17px;color:#529E39;margin: 10px 0 30px 0;font-weight: 600; font-family: 'Montserrat', sans-serif;}

/*Tabs */
.tabs{
text-align: center;
    padding: 20px;
    background: #fff;
    color: #0779C7;
    height: 100%;
    border-radius: 5px;
    /* margin-bottom: 10px; */
    box-shadow: 0px 2px 10px rgb(0 0 0 / 17%);
    cursor: pointer;
}

.tabs svg{
    font-size: 30px;margin-bottom: 5px;
    }

.tabs.active, .tabs:hover{
    text-align: center;
        padding: 20px;
        background: #0779C7;
        color: #fff;
        height: 100%;
        border-radius: 5px;
        /* margin-bottom: 10px; */
        box-shadow: 0px 2px 10px rgb(0 0 0 / 17%)
}

.tab-content{margin-top: 30px;display: none;}
/* Carousel */

.rehab  .carousel-item {


padding: 15px;

}

.rehab  .carousel-item article {

    padding: 35px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    height: 100%;
    text-align: center;
    box-shadow:0px 3px 10px rgba(0,0,0, 0.15);
    
}

.rehab  .carousel-item article h3{

    margin: 10px 0 27px 0;
    color:#529E39;
    font-size: 20px;

}


.rehab  .carousel-item article button{

    border-radius: 20px;
    background: #fff;
    color:#529E39;
    border:#529E39 solid 1px;
    font-size: 16px;
    font-weight: 600;

}


#accordion{

   width:100%;
   
    

}

#accordion .card{

    height:auto;
    padding:20px;
    margin-bottom:25px;
    border-top: solid 12px #0779C7;


}


#accordion .card {
 
    height:auto;
    padding:15px;
    margin-bottom:25px;
    border-top: solid 12px #0779C7;


}

#accordion .card-header{
 
  width: 100%;
  padding: 0;
  background: none;
  border: none;


}

#accordion .card-header button{

    font-weight: bold;
    color: #535353;
    padding: 0;
    width:100%;
    text-align: left ;

}

#accordion .card-header button.collapsed::after{

   position: absolute;
   right: 10px;
   font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
   color: #B4B4B4;

}

#accordion .card-header button::after{

    position: absolute;
    right: 10px;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
    color: #B4B4B4;
 
 }
 


#accordion .card-header button svg{

    color: #0779C7 !important;
    margin-right: 5px;
    
}

#accordion .collapse{

    margin-top: 10px;
    font-size: 14px;
}

.prepare p {

    padding-left: 15px;
    display:inline-block
}

.prepare p::before {

   
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f140";
    color: #0779C7;
    display:inline-block;
    margin-right: 5px;
}

/* Layers */


.layer{background-position: center;background-repeat: no-repeat;background-size: cover;margin-top: -70px;margin-bottom: -70px;border-radius: 30px;}
.l-tratamento{background-image: url('../images/tratamento.png');}

.flex-right{ margin-left: auto;order: 2;}
.flex-left{ margin-right: auto;order: 1;}
.reverse{flex-direction: row-reverse;}


img{max-width: 100%;height: auto;}
@media (max-width: 576px) {

.banner{height: 200px;}
   p.woocommerce-result-count {
    width: 100%;
}
form.woocommerce-ordering {
    width: 100%;
}

table.shop_table.shop_table_responsive {
    border: solid 1px #e0e0e0;
    background: #fff;
    padding: 15px;
}

.coupon button, .coupon input {

    width: 100% !important;
    margin: 5px 0 !important;
}

h1.after-header {
    margin-top: 70px;
    font-size: 25px;
    padding: 20px;
}

#customer_details .col-lg-7{border: solid #e0e0e0 1px;
    margin: 0 15px;
    border-radius: 5px;}



#customer_details .col-lg-7 p{width: 100% !important;}

.checkout-review {
    margin: 15px;
}


.woocommerce-pagination {
    margin: 30px 0;
}

form.checkout_coupon.woocommerce-form-coupon {
    width: 100%;
    text-align: center;
}

form.checkout_coupon.woocommerce-form-coupon input{
    width: 100% !important;
}

form.woocommerce-product-search {
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 10px;
    width: 80%;
    display: inline-block;
}

.logo-mobile{padding: 20px 0;text-align: center;}

.logo-m{width: 80%;}

input#woocommerce-product-search-field-0 {width:100%}

.top-menu {padding: 0 !important}

.top-menu li {padding: 10px 0 !important ;}

.menu-responsive {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    min-width:100%;
    padding: 50px 20px;
    text-align:center;
    font-size: 17px;
    overflow-y: auto;
    display: none;
}

.menu-responsive img{
   
    width:70%;
}

.menu-close{position: absolute;
    right: 20px;
    top: 20px;
    font-size: 25px;
}

.menu-responsive .menu-title{
   
   
    font-weight: 600;
    font-size: 20px;

}

.menu-responsive li{

    width: 100% !important;
    /* text-align: center; */
    padding: 10px;
    text-transform: uppercase;
}

.menu-responsive li ul li {
    padding: 10px 0;
}

.mobile .menu {
    
       background: #dc9c7c;
    width: 100%;
    margin-top: 20px;
    padding: 10px 15px;
    text-align: left;
    font-weight: 600;
   
}

.mobile .menu a i{font-size: 23px;}

.menu-responsive .sub-menu{display: none;}

.sub-menu{ 
    display: block;
    padding: 10px 0;
    padding-bottom: 0;
    /* color: #000; */
}

li#menu-item-99 {
    padding: 0;
}

ul.sub-menu li a {
    color: #888;
}

.content {
    padding-top: 30px;
}

.content h1 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

h1.title span, .page h1 span {
   font-size: 30px;
}


h1.after-header {
    margin-top: 0px;
   
}


  
}



@media (max-width: 768px) {


    .layer {

        margin-top: 0px;
        margin-bottom: 60px;
        height: 375px;
    }

    .col-lg-6{
        margin-bottom:30px;
        text-align: center !important;
        display: block;
        margin-left: none;
    }

    .col-lg-5{
        margin-bottom:30px;
        text-align: center !important;
        display: block;
        margin-left: none;
    }

    .col-lg-3{
        margin-bottom:30px;
        text-align: center !important;
        display: block;
        margin-left: none;
    }


    nav{padding-top:0 !important}

    header{text-align:center !important; background-color: rgba(0,0,0, 0.6);;}
   .capa{    padding-top: 180px !important;    }

   .social{text-align: center !important;
    display: block;
    padding: 15px 0;}

    .social img{width: 30px;margin: 0 5px;}

    #whatswidget-widget-wrapper, #whatswidget-conversation-message-outer, #whatswidget-pre-wrapper{display: none;all:unset !important;font-size: 0 !important;}

}

@media (max-width: 468px) {

    .logo{text-align: left !important;}

    .container{text-align: center;}
    nav{display:none}
    header{ background: #fff !important;text-align:left !important;}
    header .logo{padding: 20px;}

    .menu-collapse{

        display: block;
        position: absolute;
        right: 20px;
        top: 32px;
        color: #00b55d;
        font-size: 25px;

    }

    nav{border-top: solid 1px #f4f4f4;padding-top: 20px !important;}

    nav li{width: 100%;text-align: center;}

    .capa{padding-bottom: 100px !important;padding-top: 120px !important;}
    .capa h3{font-size: 20px;}
}


@media (max-width: 1024px) {


   
  
}

@media (min-width: 992px) {
    

}

@media (min-width: 1200px) {
    
    
}