@charset "utf-8";

/* Banner Carousel */
.homepage-banner{height:600px}
.homepage-banner-item{background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#ccc}
.homepage-banner-info{position:absolute;top:30%;left:15%;width:650px;max-height:400px;background:rgba(0,0,0,.4);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.homepage-banner-info:hover{background:rgba(0,0,0,.8)}
.homepage-banner-info-container{padding:40px}
.banner-info-title{display:block;color:#fff;font-size:45px}
.banner-info-title a{color:#fff}
.banner-info-text a{color:#fff}
.banner-info-text{display:block;margin:8px 0 10px;color:#fff;font-weight:300;font-size:14px;line-height:23px}
.banner-info-button{margin-top:5px;padding:10px 10px 10px 18px;border:1px solid #ba9f78;border-radius:10px;background:rgba(189,161,121,1);color:#fff;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.banner-info-button:hover{background:rgba(245,245,245,0)}
.banner-info-button i{font-size:18px}
.banner-pagination{top:auto!important;bottom:0}
.banner-pagination>.swiper-pagination-progressbar-fill{background:#b79d77}

@media screen and (max-width:1440px){
    .homepage-banner-info{left:10%}
}
@media screen and (max-width:1023px){
    .homepage-banner{height:400px}
    .homepage-banner-info{top:auto;bottom:0;left:0;width:100%}
    .banner-info-title{font-weight:700;font-size:35px}
    .banner-info-text{color:#ddd}
}


/* Doctor Carousel */
.doctor-carousel{width:100%;height:400px;padding:30px 0;}
.doctor-carousel-item{display:block;overflow:hidden;padding:0;width:158px;height:330px;background-position:center;background-size:cover;background-repeat:no-repeat}
.wp_editor_art_paste_table { margin-bottom: 10px; border-collapse: collapse; display: table; width:100%;}
.wp_editor_art_paste_table td{ background: white; padding: 5px 10px; border: 1px solid #000; }
.doctor-pic{display:block;width:100%;height:325px;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.doctor-carousel-item:hover .doctor-pic{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;transform:scale(1.1)}
.green{margin-top:0}
.brown{margin-top:30px}
.carousel-background{position:absolute;bottom:0;padding-top:60px;width:100%;color:#fff}
.green .carousel-background{background:-webkit-linear-gradient(rgba(41,148,135,0),#299487);background:-o-linear-gradient(rgba(41,148,135,0),#299487);background:-moz-linear-gradient(rgba(41,148,135,0),#299487);background:linear-gradient(rgba(41,148,135,0),#299487)}
.brown .carousel-background{background:-webkit-linear-gradient(rgba(186,159,120,0),#ba9f78);background:-o-linear-gradient(rgba(186,159,120,0),#ba9f78);background:-moz-linear-gradient(rgba(186,159,120,0),#ba9f78);background:linear-gradient(rgba(186,159,120,0),#ba9f78)}
@media screen and (max-width:1440px){
    .doctor-carousel .swiper-slide{width: 16.66%;}
}
@media screen and (max-width:1023px){
    .doctor-carousel .swiper-slide{width: 25%;}
    .doctor-carousel{padding:30px 0;height:auto}
    .doctor-carousel-item{height:350px}
    .doctor-pic{height:350px}
}
@media screen and (max-width:599px){
    .doctor-carousel .swiper-slide{width: 50%;}
    .doctor-carousel{padding:65px 0;height:auto}
    .doctor-carousel-item{height:300px}
    .doctor-pic{height:300px;background-position:center top}
    .brown{margin-top:0}
}
.doctor-info-container{padding:13px 15px}