/* banner */
#banner{position: relative; height: calc(100vh - 171px); margin: 0 auto;}
#banner .item{height: calc(100vh - 171px); background-size: cover; background-repeat: no-repeat; background-position:  center top;}
#banner .banner-text {position: absolute;max-width:1140px; z-index: 2; margin: 0 auto; left: 0; right: 0; bottom: 0; padding-bottom: 150px;color:#ffffff;}
#banner .banner-text .info{width:490px;}
#banner .banner-text .sub-title{font-family: 'Exo', sans-serif;font-size: 4.6875rem;font-weight:800; line-height:125%;text-align: left;margin-bottom: 30px;}
#banner .banner-text p{font-size:1.0625rem;line-height: 25px;}
#banner .owl-carousel .owl-dots{bottom:50px;}
#banner .btn-custom{box-shadow: 0px 10px 18px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 10px 18px 2px rgba(0, 0, 0, 0.2);}


/* about */
#about-clinic .title-text{color:#00a8b4;font-weight:500;font-size:1.0625rem;margin-bottom: 25px;}
#about-clinic p{color:#666666;font-size:1.0625rem;line-height: 25px;}
#about-clinic hr{border-top: 1px solid rgba(18,19,20,0.10);margin:30px 0;}
#about-clinic .item{margin:15px 0;}
#about-clinic .item .img-content{margin-left: -15px;}
#about-clinic .item .name{color:#121314;font-weight:500;font-size:1.125rem;}
#about-clinic .item .des{color:#666666;font-size:0.9375rem;font-style: italic;}
#about-clinic .btn-custom{margin-top: 15px;min-width:auto;}

#about-clinic .about-pic{float: right;position: relative;}
#about-clinic .about-pic .tour-wrapper{position: absolute;left:-110px;bottom:-45px;box-shadow: 0px 36px 33px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 36px 33px 0px rgba(0, 0, 0, 0.2);background-color: #00a8b4;border-radius:5px;}
#about-clinic .about-pic .tour-wrapper .info{width:220px;background-color:#00a8b4;border-radius:5px;overflow: hidden;}
#about-clinic .about-pic .tour-wrapper .info img{border-radius:5px 5px 0 0;}
#about-clinic .about-pic .tour-wrapper .info .text{border-radius:0px 0px 5px 5px;font-weight:500;font-size:1.0625rem;color:#ffffff;padding: 10px;text-align: center;background-color: #00a8b4;}


#about-clinic .about-pic .tour-wrapper:hover .info .text{background-color: #057f88;}

#treatment{height:700px;background-size: cover;background-position: center center;}
#treatment h2.title{text-align: center;}
#treatment .title-text{font-size:1.0625rem;color:#002345;font-weight:500;text-align: center;}

#treatment .services-slider{padding:50px 50px 100px;background-color: #ffffff;margin-top: 50px;}
#treatment .services-slider a.item{position: relative;margin-bottom: 50px;border-radius:5px 5px 0 0;transition: all 0.3s;}
#treatment .services-slider a.item .img-wrapper{height:225px;overflow: hidden;border-radius:5px 5px 0 0;margin:  0 1px;}
#treatment .services-slider a.item .img-wrapper img{border-radius:5px 5px 0 0;}

#treatment .services-slider a.item .detail-info{height:calc(100% - 225px);border:1px solid #e5e5e5;border-radius:0 0 15px 15px;margin:0 1px;padding:40px 25px 75px;position: relative;}
#treatment .services-slider a.item .detail-info h3{font-size:1.3125rem;margin-bottom: 20px;}
#treatment .services-slider a.item .detail-info p{color:#666666;}

#treatment .services-slider a.item .more{background-color:#fff; width: 64px; height: 64px; border:1px solid #e5e5e5;z-index:999;border-radius: 50%;position: absolute;left: 0;right: 0;bottom:-32px;margin: 0 auto;transition: all 0.3s;}
#treatment .services-slider a.item .more .arrow{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-position:-286px -17px;width: 21px;height: 15px;}


#treatment .services-slider a.item:hover h3{color: #002345;}
#treatment .services-slider a.item:hover .more{background-color: #00a8b4;}
#treatment .services-slider a.item:hover .more .arrow{background-position: -312px -17px;}




#testimonials{background-color:#f5f5f5;position: relative;padding-top:320px;}
#testimonials .info-slider{position: relative;padding-top: 90px;}
#testimonials .info-slider:before{content:"";background:url(../images/sprite.png) -11px -126px;width: 48px;height: 44px;position: absolute;left:0;right:0;top:0px;margin: 0 auto;}
#testimonials  h2.title{margin-bottom: 60px;}
#testimonials .info-slider .item .testi-text{max-width:920px;margin: 0 auto}
#testimonials .info-slider .item .testi-text p{font-weight:300;font-size: 1.5rem;}
#testimonials .info-slider .item .testi-text .name-block{padding: 30px 0;}
#testimonials .info-slider .item .testi-text .name-block .name{font-weight:500;font-size:1.125rem;color:#00a8b4;}
#testimonials .info-slider .item .testi-text .name-block .des{font-size:0.875rem;font-style: italic;}

#testimonials .owl-carousel .owl-dots{bottom:-50px;}

#statistics{background-size: cover;min-height:250px;background-position: center center;padding:90px 0;background-repeat: no-repeat;}
#statistics .text{font-family: 'Roboto', sans-serif;font-weight:500;font-size:1.3125rem; color: #fff;line-height: 178%;text-align:center;}
#statistics .text span{font-family: 'Exo', sans-serif;font-weight:700;font-size:3.4375rem;display: block;}
#statistics .text span.number:after{content: "+"}

