@font-face {font-family:proxima_nova_reg; src: url(../font/FontsFree-Net-proxima_nova_reg-webfont.ttf); }
@font-face {font-family:Proxima-Nova-Bold; src: url(../font/FontsFree-Net-Proxima-Nova-Bold.otf); }
@font-face {font-family:'FontAwesome'; src: url(../font/fontawesome-webfont.woff); }

html { scroll-behavior: smooth; } 
.dr-logo img{max-width:150px;}
.my-bar{padding:0;}
body .navbar.navbar-light .my-header{display: table;}
body .navbar.navbar-light .my-header li{display: table-cell;vertical-align: middle;}
body .navbar.navbar-light .my-header li a{border-right:3px solid #000;line-height:normal; padding:0; font-family:  Proxima-Nova-Bold; font-size:22px;font-weight:600;text-transform:capitalize;font-style:italic;color:#000;padding: 0 20px;}
body .navbar.navbar-light .my-header li i{color:#3b7dc5;}
body .navbar.navbar-light .my-header .book-apoint{transition: all 0.5s; border-right: 0; padding:10px 15px; color:#fff;border-radius:5px; background: -webkit-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: -o-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: -ms-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: linear-gradient(135deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%);}
.left-slider{width:62%;display:inline-block;}
.left-slider .carousel-caption h3{font-family: Proxima-Nova-Bold;font-style: italic;}
.left-slider .carousel-caption {font-family: proxima_nova_reg;right: auto; bottom: 0; left: auto; z-index: 10; padding:80px 20px 20px 15px; text-align: left; width: 100%; background: rgba(36,36,36,0); background: -moz-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,36,36,0)), color-stop(100%, rgba(0,0,0,0.91))); background: -webkit-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: -o-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: -ms-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: linear-gradient(to bottom, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000', GradientType=0 ); }
.left-slider img{width:100%;}
.modal-body .right-appoinntment{width:100%;}
.right-appoinntment{width:38%;display:inline-block; background: rgba(36,75,134,1); background: -moz-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(36,75,134,1)), color-stop(100%, rgba(60,128,201,1))); background: -webkit-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: -o-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: -ms-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: linear-gradient(135deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#244b86', endColorstr='#3c80c9', GradientType=1 ); }
.right-appoinntment h3{font-family: Proxima-Nova-Bold;color:#fff;text-transform: uppercase;font-size:30px;font-weight: 700;font-style: italic;}
.apointment-title{font-family: Proxima-Nova-Bold;color:#000;text-transform: uppercase;font-size:24px;font-weight: 700;font-style: italic;}
.right-appoinntment label{width: 100%;margin:0;color:#fff;font-family: proxima_nova_reg;font-weight: 600;text-transform: capitalize;font-size:14px;}
.right-appoinntment input,.right-appoinntment textarea{width: 100%;border-radius: 5px;padding:5px 10px;border:none;}
.right-appoinntment .registerbtn{text-transform:uppercase;}
.registerbtn{transition: all 0.5s; font-family: Proxima-Nova-Bold; background-color: #60e8fa; border-radius: 5px;border:none;padding:10px 35px;color: #fff;text-transform:capitalize;font-size:20px;font-weight:800;font-style: italic;letter-spacing:1.5px;}
.registerbtn:hover,.navbar.navbar-light .my-header .book-apoint:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: 25px; color:#fff;background-color: #2a5897;}
.about-part{background:url(../img/dr-malpani-bg.jpg);background-position:top right;background-repeat: no-repeat;background-size: 100% 100%;}
.informational{background:url(../img/video-artical-bg.jpg);background-position:top right;background-repeat: no-repeat;background-size: 100% 100%;}
.book-appointment{background:url(../img/call-to-action-bg.jpg);background-position:top right;background-repeat: no-repeat;background-size: 100% 100%;}
.set-space{padding:80px 0;}
.dr-image img{border-radius:20px;box-shadow:0 0.7rem 0.4rem rgba(0, 0, 0, 0.51);width:100%; }
.details-dr .title-set{text-align:left;margin:0 0 20px 0;}
.details-dr .title-set::before{display: none;}
.title-set{text-align: center; font-family: Proxima-Nova-Bold; position: relative; color: #244c86;width: auto;text-transform:uppercase;font-style: italic;font-weight:700;font-size:30px;letter-spacing:2px;margin-bottom:50px;}
.title-set::after{content: ''; position: relative; width: 10%; height: 2px; background-color: #3f89cb; top: -10px;margin-left: 20px;display: inline-block; }
.title-set::before{content: ''; position: relative; width:10%; height: 2px; background-color: #3f89cb; top: -10px;margin-right: 20px;display: inline-block; }
.details-dr p{font-family:proxima_nova_reg;font-size: 16px;font-style: italic;font-weight:500; }
.hover-effect {position: relative;cursor: pointer;}
.h-image {display: block; width: 100%; height: auto; }
.h-overlay {position: absolute; bottom: 0; left: 0; right: 0;overflow: hidden; width: 100%; height:40%; transition: .5s ease;background: rgba(36,36,36,0); background: -moz-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,36,36,0)), color-stop(100%, rgba(0,0,0,0.91))); background: -webkit-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: -o-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: -ms-linear-gradient(top, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); background: linear-gradient(to bottom, rgba(36,36,36,0) 0%, rgba(0,0,0,0.91) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#000000', GradientType=0 );}
.hover-effect:hover .h-overlay {height: 100%;background: linear-gradient(to bottom, rgba(36,36,36,0) 0%, rgba(0, 0, 0, 0) 100%); background-color:#3c7fc9d9;margin-bottom:0;}
.h-text { font-family:proxima_nova_reg;font-size: 16px;font-weight:600; color: white;position: absolute; top:30px;left: 0; text-align: left; width: 100%; padding:15px;}
.h-text h1{font-family:Proxima-Nova-Bold;font-size:34px;font-style: italic;}
.set-bottom-t{margin-bottom: 30px;}
.set-bottom-t h1{font-family:Proxima-Nova-Bold;font-size:20px;font-style: italic;color:#244c86;padding:10px 20px;margin-bottom:0px;}
.informational .set-bottom-t{background:#fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.informational .title-set::before,.informational .title-set::after{background-color:#fff;}
.success-stories .set-bottom-t h1{padding:0 0 0;}
.success-stories .set-bottom-t{padding:10px;font-size:12px;line-height:normal;font-style: italic;color:#9e9e9e;display: block;}
.on-hover:hover{text-decoration:none;}
.on-hover:hover .set-bottom-t{background-color:#3978c1;color:#fff;text-decoration:none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.on-hover:hover h1{color:#fff;}
.book-appointment h3{font-family:Proxima-Nova-Bold;font-size:30px;font-style: italic;color:#000;font-weight: 700;}
body .navbar.navbar-light .my-header li.n-br a{border-right: 0;}
.footer_bottom {background:#3c7fc9; color: #fff; }
.footer_bottom p, .footer_bottom a {font-family:proxima_nova_reg;font-size: 16px;margin-top: 15px;color:#fff; display: inline-block; font-size: 15px; }
.set-width{width:75%;}
.treatments .rounded{overflow: hidden;}
.treatments .rounded img{max-width: none; width: calc(100% + 60px); transition: opacity .35s,transform .45s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0)}
.treatments .rounded:hover img{opacity: .6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.about-part .carousel-inner{padding:20px 15px;}
.about-part .carousel-indicators{bottom:-60px;}
.about-part .carousel-indicators li{border-top: 0px solid transparent; border-bottom: 0px solid transparent; background: #2f62a4; border-radius: 25px; height: 20px; width: 20px;}
.success-stories iframe{width:100%;}
.main-menu-fix { position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 1000; }
.sec-margin { margin-top: 77px; }
.mobil-view { display: none; }
.mobil-view .book-apoint { display: inline-block; width: 100%; line-height: normal; font-family: Proxima-Nova-Bold; font-size: 22px; font-weight: 600; text-transform: capitalize; text-align: center; font-style: italic; transition: all 0.5s; border-right: 0; padding: 10px 15px; color: #fff; border-radius: 5px; background: -webkit-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: -o-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: -ms-linear-gradient(-45deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background: linear-gradient(135deg, rgba(36,75,134,1) 0%, rgba(60,128,201,1) 100%); background-color: rgba(0, 0, 0, 0); }
.video-faq-div { display: inline-block; width: 100%; }
.video-faq-div a.on-hover { display: inline-block; width: 100%; }
.video-faq-div iframe { width: 100%; }
.desk-hide { display: none !important; }

/*testimonial-div*/
.testimonial-sec { background-image: url(../img/ptn-1.png); background-repeat: repeat; font-family: proxima_nova_reg; }
.test-pic { display: inline-block; width: 80px; height: 80px; position: relative; border: 0px; }
.test-pic::before, .test-pic::after { content: ""; position: absolute; background-color: #244c86; }
.test-pic::before { left: 0px; top: -3px; width: 30px; height: 3px; }
.test-pic::after { left: -3px; top: -3px; width: 3px; height: 30px; }
.test-details { position: relative; background-color: #fbfbfb; margin-top: 10px; padding: 30px; margin-bottom: 20px; -webkit-box-shadow: 3px 3px 5px rgb(0,0,0,0.1); box-shadow: 3px 3px 5px 0 rgb(0,0,0,0.1); }
.test-details::after { display: inline-block; content: ""; height: 100px; width: 100px; position: absolute; top: 0; right: 0; background-image: url(../img/quote.png); background-size: cover; background-repeat: no-repeat; }
.test-details h1 { font-family: Proxima-Nova-Bold; color: #244c86; text-transform: uppercase; font-size: 24px; margin-bottom: 0; }
.test-details h3 { font-family: Proxima-Nova-Bold; font-size: 16px; }
.test-details p { color: #4f4f4f; margin-bottom: 0; }


/*responsive css*/
@media screen and (min-width:992px) {
   .about-part .carousel-inner{min-height: 455px;}
}

@media screen and (min-width:768px) and (max-width:992px) {
   .registerbtn,.h-text p{font-size:14px;line-height: normal;}
   .h-text{top: 0;}
   .right-appoinntment h3,.h-text h1{font-size:20px;}
   .h-overlay{height: 45%;}
}

@media screen and (min-width:320px) and (max-width:480px) {
   .h-overlay{height:80%;}
   .treatments img,.informational img{width:100%;}
}

@media screen and (max-width:767px) {
   body .navbar.navbar-light .my-header,
   body .navbar.navbar-light .my-header ul,  
   body .navbar.navbar-light .my-header li {display:block;}
   .left-slider,.success-stories .on-hover img{width: 100%;}
   .set-width{width: 100%;max-width:540px;}
   .right-appoinntment{width: 100%;padding:50px 15px;}
   .left-slider img{height:auto;}
   .details-dr .title-set,body .navbar.navbar-light .my-header .book-apoint{text-align: center;}
   .about-part{background-position: bottom right;background-size: cover;}
   .informational{background-size:cover;}
   .details-dr .title-set::before{display:block;}
   .title-set::after {width: 20%; margin:20px auto 0; display: block;}
   .title-set::before {width: 20%; margin: 0 auto; display: block;}
   body .navbar.navbar-light .my-header li a{border: none; margin: 20px 0; padding: 0;font-size:20px;}
   .left-slider h3{font-size:16px;}
   .left-slider p{font-size:12px;}
   .book-appointment h3{font-size:20px;}
}

@media screen and (min-width:320px) and (max-width:767px) {
   .mobil-view { display: inline-block; width: 100%; margin: 0 0 15px; }
   body .navbar.navbar-light .my-header li.desk-view { display: none; }
   .sec-margin { margin-top: 138px; }/*margin-top: 163px;*/
   .set-space { padding: 40px 0; }
   .about-part .carousel-indicators { bottom: -40px; }
   .h-text h1 { font-size: 20px; }
   .h-text p { font-size: 14px; line-height: 1.4; margin-bottom: 10px; }
   .mob-hide { display: none !important; }
   .desk-hide { display: block !important; }
   .navbar .my-header .whatsnot a { display:block; }
}

.whatsnot a { display: none; }