@charset "utf-8";
/* CSS Document */
* {
 margin: 0px;
 padding: 0px;
}
body {
 font-family: 'Roboto', sans-serif;
 font-family: 'Lato', sans-serif;
}
img {

 max-width:100%;
}
a {
 text-decoration: none;
}

.container{width:90%; margin:auto; position:relative; max-width:1150px;}
header{width:100%; float:left; background:#fff;}
.header-top{width:100%; float:left; border-bottom:1px solid #ececec; padding:8px 0;} 
.header-top i{ color:#e65b40; font-size:18px; float:left; margin-right:5px;}
.header-top span{font-size:14px; font-weight:300; font-family: 'Roboto', sans-serif; margin-left:10px; float:left; margin-right:12px;}
.header-top span a{color:#182028;}
.header-top span a:hover{color:#51b7e1;}
.header-right{width:auto; float:right;}
.header-right a i{width:25px; height:25px; border-radius:50%; color:#fff; background:#06C; text-align:center; font-size:16px; padding:5px; box-sizing:border-box;}
.fb{background:#3849ab !important;}
.twitter{background:#42a5f5 !important;}
.insta{background:#ed42bb !important;}
.youtube{background:#d23635 !important;}

.header-right a i:hover{background:#51b7e1 !important;}

.header-bottom{width:100%; float:left; padding:8px 0;}
.logo{width:auto; float:left;}
.kids-menu{width:auto; float:right; padding:17px 0;}

.news-event{width:100%; float:left}
.news-event ul{width:100%; float:left; margin-top:-50px;}
.news-event ul li{width:33.33%; list-style:none; display:inline-block; background:#62bee4; padding:30px 20px 15px 20px; text-align:center; box-sizing:border-box; float:left; height:266px; }
.news-event ul li h5{font-size:24px; font-weight:500; color:#fff; margin:18px 0; font-family: 'Lato', sans-serif; }
.news-event ul li p{ font-size:14px; font-weight:300; text-align:center; color:#fff; line-height:22px;}
.change-color a {
  color: rgb(255, 255, 255);
  border:1px solid #fff; border-radius:25px;
  text-align:center;
  padding:8px 12px;
}


.change-color a:hover{color:#000; border:1px solid #000;}

.text-size{font-size:22px; color:#F36;}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #d0d114;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d0d114;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.change-color{background:#40b0de !important;}

.kids-slider{width:100%; float:left; position:relative; z-index:0;}

h1{width:100%; float:left; font-size:50px; color:#000; font-family: 'Lato', sans-serif; padding:8px 0;}
h4{width:100%; float:left; font-size:18px; color:#40b0de; font-family: 'Lato', sans-serif;}

.associated-school{width:100%; float:left; padding:70px 0; background:#f6f6f6}
.associated-school p{width:100%; float:left; font-size:16px; line-height:26px; color:#444444; padding:10px 0; text-align:justify; box-sizing:border-box;}


.about{width:100%; float:left; padding:70px 0;}
.about-text{width:50%; float:left;}

.about-text p{width:100%; float:left; font-size:16px; line-height:28px; color:#444444; padding:10px 60px 10px 0; text-align:justify; box-sizing:border-box;}
.about-text p span{width:100%; text-align:center; font-size:16px; color:#e62525; float:left;}

.about-text p strong{width:100%; float:left; font-size:20px;}

.about-img{width:50%; float:right;}
.clinic{width:100%; float:right;}
.about-img p{width:100%; float:left; font-size:16px; color:#575757; line-height:28px; text-align:justify;}

.qus-ans{width:100%; float:left;}
.question{width:50%; float:left; background:#62bee4; padding:70px; 0; box-sizing:border-box;}
.question span{width:100%; float:right; font-size:22px; color:#fff;}
.question p{width:100%; float:right; color:#151616; font-size:18px; line-height:24px; text-align:justify; font-weight:300; padding:50px 0;}

.question2{width:50%; float:left; background:#ebf6fc; padding:70px; 0; box-sizing:border-box; max-height:539px}
.question2 span{width:100%; float:right; font-size:22px; color:#2858b1;}
.question2 p{width:100%; float:right; color:#151616; font-size:18px; line-height:24px; text-align:justify; font-weight:300; padding:16px 0;}


.why-choose-us{width:100%; float:left; padding:70px 0;}
.why-choose-main{width:100%; float:left; text-align:center; border-radius:10px; background:#f4f9fc; padding:15px; box-sizing:border-box;}

.why-choose{width:50%; float:left; padding-top:65px}
.why-choose-img-text{width:100%; float:left; padding-right:50px;}
.why-choose-img{width:100%; float:left;}
.why-choose p{width:100%; float:left; font-size:16px; color:#575757; line-height:24px;}
.why-choose ul{width:100%; float:right; margin-top:-8px;}
.why-choose ul li{width:50%; float:left; padding:8px 8px; text-align:center; list-style:none; display:inline-block; box-sizing:border-box;}
.why-choose ul li i{width:100%; float:left; text-align:center;}
.why-choose ul li h5{width:100%; float:left; text-align:center; font-size:16px; color:#020202; padding:10px 0;}
.why-choose ul li i p{width:100%; color:#60686f; text-align:center; font-size:14px; line-height:24px;}
.why-choose-main:hover{background:#ccecff;}



.happy-patient{width:100%; float:left; background:#40b0de; padding:54px 0;}
.happy-patient ul{width:100%; float:left; margin:0; padding:0;}
.happy-patient ul li{width:25%; float:left; list-style:none; display:inline-block; text-align:center;}
.happy-patient ul li i{width:72px; height:72px; text-align:center; border-radius:50%; border:2px solid #fff; box-sizing:border-box; padding:10px; display:table; margin:auto;}
.happy-patient ul li h3{width:100%; float:left; text-align:center; font-size:30px; color:#fff;  font-family: 'Lato', sans-serif; padding:20px 0 6px 0; }
.happy-patient ul li p{width:100%; float:left; text-align:center; color:#fff; font-size:16px; font-weight:400;}


.testimonial{width:100%; float:left; background:#f4f9fc; padding:65px 0;}
.testimonial ul{width:100%; float:left; margin:0; padding:110px 0 20px 0;}
.testimonial ul li{width:100%; float:left; list-style:none; display:inline-block; background:#fff; text-align:center; margin:0 10px; }
.testimonial ul li i{width:100%; float:left; text-align:center; margin-top:-47px;}
.testimonial ul li i img{border:4px solid #f4f9fc;}
.testimonial ul li p{width:1005; float:left; text-align:center; font-size:16px; color:#60686f; padding:20px 15px 30px 15px;  font-family: 'Roboto', sans-serif; line-height:22px; font-weight:300;}

.testimonial ul li h6{width:100%; float:left; text-align:center; color:#62bee4; font-size:20px; font-weight:500; padding-bottom:40px;}

.membership{width:100%; float:left; padding:52px 0;}
.membership ul{width:100%; float:left; margin:0; padding:60px 0 0 0;}
.membership ul li{ width:16.66%; float:left; text-align:center; list-style:none; display:inline-block;}

footer{width:100%; float:left; background:#182028; padding-top:40px;}
.footer-box{width:25%; float:left;}
.footer-logo{margin:auto; text-align:center; width:auto;}
.footer-box p{font-size:16px; color:#fff; line-height:30px; font-weight:300; text-align:center; padding-top:10px;}
.footer-box ul h2{font-size:20px; color:#fff; font-weight:400; padding-top:40px;}
.footer-box ul{width:100%; padding:0 0 0 48px; float:left; box-sizing:border-box; word-break:break-all;}
.footer-box ul li{list-style:none; font-size:16px; margin:14px 0;}
.footer-box ul li a{color:#fff; font-weight:300;}
.footer-box ul li a:hover{color:#51b7e1}
.footer-box ul li i{float:left; margin-right:8px; color:#fff; margin-top:3px;}

.footer-box ul li span{color:#fff;}
.copyright{font-size:16px; color:#fff; text-align:center; font-weight:300; border-top:1px solid #fff; background:#000; width:100%; float:left; padding:12px; box-sizing:border-box; margin-top:40px;}

.emergency{width:auto; float:right; z-index:999; position:absolute; top:30px; right:0px;}

.appointment{width:30%; float:right; background: rgba(0, 0, 0, 0.5); z-index:999; position:absolute; top:30px; right:30px; border-radius:10px; padding:40px 25px; box-sizing:border-box;}


.appointment h2{width:100%; float:left; font-size:24px; color:#fff;}
.appointment p{width:100%; float:left; font-size:16px; line-height:24px; color:#fff;}

h1{width:100%; float:left; font-size:50px; color:#000; font-family: 'Lato', sans-serif; padding:8px 0;}
h4{width:100%; float:left; font-size:18px; color:#40b0de; font-family: 'Lato', sans-serif;}

.inner-banner{width:100%; float:left;}
.inner-content{width:100%; float:left; padding:35px 0;}
.inner-content h1{width:100%; float:left; font-size:50px; color:#000; font-family: 'Lato', sans-serif; padding:8px 0; border-bottom:2px solid #1bb4c4; padding-bottom:20px;}
.inner-content h4{width:100%; float:left; font-size:18px; color:#40b0de; font-family: 'Lato', sans-serif;}
.inner-content h6{width:100%; float:left; font-size:22px; color:#000; font-family: 'Lato', sans-serif; font-weight:300; margin:20px 0; border-bottom:1px solid #000; padding-bottom:8px;}
.inner-content p{width:100%; float:left; font-size:16px; colo:#4a4a4a; font-weight:400; line-height:26px; padding:40px 0; text-align:justify;}

.inner-content p strong{width:100%; float:left; padding:8px; box-sizing:border-box; background:#399; color:#fff; font-size:18px; font-weight:600; margin:10px 0;}
.bg-color{background:#C03 !important; text-align:center !important;}

.inner-content p img{padding:0 80px 25px 0; float:left;}
.inner-content ul{width:100%; float:left; margin:0; padding:25px 0; }
.inner-content ul li{width:100%; float:left; color:#4a4a4a; font-size:16px; list-style:none; padding:5px 0; list-style-image:url(../images/list-icon.png); line-height:24px;}

.inner-content ul li strong{color:#eb1749}


.services-main{width:100%; float:left; text-align:center; border-radius:10px; background:#f4f9fc; min-height:265px; padding:15px; box-sizing:border-box;}
.services ul{width:100%; float:right; padding:25px 0;}
.services ul li{width:33.33%; float:left; padding:25px 15px; text-align:center; list-style:none; display:inline-block; box-sizing:border-box;}
.services ul li i{width:100%; float:left; text-align:center;}
.services ul li h5{width:100%; float:left; text-align:center; font-size:16px; color:#020202; padding:10px 0;}
.services ul li p{width:100%; color:#60686f; text-align:center; font-size:14px; line-height:24px; padding:3px 0;}
.services-main:hover{background:#ccecff;}


.team-main{width:100%; float:left; text-align:center; background:#f6f6f6; border-radius:10px; min-height:460px; padding:0 10px; box-sizing:border-box;}
.team{width:100%; float:left; padding:25px 0;}
.team ul{width:100%; float:left; padding:0; margin:0;}
.team ul li{width:25%; float:left;   padding:10px 22px; text-align:center; list-style:none; display:inline-block; box-sizing:border-box;}
.team ul li span{width:100%; float:left; padding:10px 0;}
.team ul li h6{width:100%; float:left; text-align:center; font-size:16px; color:#4da9da; padding:0; border:none; margin:0;}
.team ul li p{width:100%; float:left; text-align:center; font-size:14px; color:#333; font-weight:300; padding:10px 0;}
.team-main:hover{background:#acdbe1;}

.books{width:100%; float:left; padding:20px 0;}
.books h3{width:100%; float:left; font-size:50px; color:#000; border-bottom:1px solid #C33; padding:20px 0;}
.books ul{width:100%; float:none; margin:0; padding:0;}
.books ul li{width:17%; float:left; list-style:none; display:inline-block; padding:15px; text-align:center}
.book-inner{width:100%; float:left; text-align:center;}

.contact-us{width:30%; float:left; margin:25px 0;}
.contact-us p{width:100%; float:left; font-size:16px; color:#000; padding:8px 0;}
.contact-us h5{width:100%; float:left; font-size:18px; color:#09F;}
.map{width:70%; float:left; margin:25px 0;}


@media screen and (max-width:980px)
{
	.appointment{padding:6px 25px; width:40%; top:5px;}
	.question2{max-height:620px;}
	.question{max-height:620px;}
	.why-choose ul li{margin:6px;}
	.kids-menu{float:left;}
}

@media screen and (max-width:800px)
{
	.appointment{display:none;}
	.question{padding:15px; min-height:525px;}
	.question2{padding:15px; min-height:525px;}
}

@media screen and (max-width:767px)
{ 
	.kids-menu{float:right;}
	.why-choose{width:100%;}
	.why-choose-img{text-align:center;}
	.footer-box{width:50%;}

}

@media all and (max-width: 680px) {
	.header-right{margin-top:15px;}
	.question2 p{font-size:16px;}
		.question p{font-size:16px; }
		
.question{min-height: 547px;}
	.why-choose ul li{margin:4px; width:100%;}
	.about-text{width:100%;}
	.about-text p{padding: 10px 15px 10px 0;}
	.news-event ul li{width:100%;}
		.about-img{width:100%;}
		.services ul li{width:100%;}
.team ul li{width:50%;}
}

@media all and (max-width: 480px) {
	.news-event ul li{width:100%;}
	
	.about-text{width:100%;}
	.about-text p{padding: 10px 15px 10px 0;}
	.about-img{width:100%;}
	.question{min-height:380px; width:100%;}
	.question2{width:100%;}
	.why-choose ul li{margin:4px; width:100%;}
	.happy-patient{padding:15px 0;}
	.happy-patient ul li{width:50%; padding:20px 0;}
	.testimonial ul{padding:35px 0;}
	.footer-box{width:100%;}
	.why-choose-img-text{padding:0;}
	.header-top i{font-size:0;}
	.header-right{margin-top:-13px;}
	.news-event ul li p{font-size:20px; line-height:28px;}
	h1{font-size:45px;}
	.services ul li{width:100%;}
	.team ul li{width:100%;}
	}