/*General styles*/

*{
    margin: 0;
    padding: 0;
}
body{
    background: #fff;
    color: #010100;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.p0{padding: 0px !important;}
.row-top-bot{margin: 50px -15px;}
.row-top{margin-top: 40px;}
.pad-l50{padding-left:50px;}
.pad-r50{padding-right:50px;}
.pad-l30{padding-left:30px;}
.pad-r30{padding-right:30px;}
.pb30{padding-bottom: 30px;}
.pt40{padding-top: 30px;}
.m0{margin: 0 !important;}

.display-none-on-mob{display: none;}

@media (min-width:768px){
    .display-flex{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

a,a:hover{text-decoration: none;}
a,a:focus{text-decoration: none;outline: inherit;}
ul{list-style: none;}

h1,h2,h3,h4,h5,h6,p{margin: 0;}

/*headings*/

.ft-light{font-weight: 300;}
.fw-24{font-size: 24px;}
.brown{color: #6e4948;}
.para-text{
    font-size: 14px;
    font-weight: 400;
}
.ft-400{font-weight: 400;}

/*header styles*/

.header{
    background: url('../images/header-bg.jpg') no-repeat top center;
    background-size: cover;
    /* min-height: 1000px; */
    padding: 40px 0 100px;
    
}
.header-content{
    margin-top: 530px;
}
.header-heading{
    font-size: 70px;
    font-weight: 200;
    color: #6e4948;
    padding-left: 15px;
}
.cont-left, .cont-right{
    margin-top: 10px;
}
.cont-left{
    padding-right: 50px;
    border-right: 1px solid #603609;
}
.cont-right{
    padding-left: 50px;
}
.cont-left .brown{
    line-height: 1.3;
}

/*doctor-profile*/
.doctor-profile{
    background: url(../images/doctor-profile-bg.png) no-repeat top center;
    background-size: cover !important;
    position: relative;
    padding-bottom: 80px;
    z-index: 2;
    margin-top: -60px;
}
.profile-image{
    position: relative;
    margin-top: -40px;
    padding: 0;
}
.profile-cont{
    padding-left: 0;
}
.call-to-action {
    height: 60px;
    width: 170px;
    z-index: 99;
    margin-top: 26px;
    /* margin-right: 10px; */
    float: right;
}

.call-icons{
    width: 50px;
    height: 50px;
    margin-right: 3px;
    float: left;
    background: url('../images/call-to-action-icons.png') no-repeat 0 0;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.phone{background-position: 0px 0px}
.email{background-position: -50px 0px}
.calender{background-position: -100px 0px}

/*hover*/
.call-icons.phone:hover {
    background-position: 0px -51px;
}
.call-icons:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.call-icons.email:hover {
    background-position: -50px -51px;
}
.call-icons.calender:hover {
    background-position: -100px -51px;
}

/*accolades*/
.accolades{
    clear: both;
    margin-top: 130px;
}

.accolades .width20 {
    border-right: 1px solid #3bc6c6;
    padding: 0 30px;
}
.accolades .width20 h3{
    font-size: 22px;
    color: #010100;
    font-weight: 400;
}
.accolades .width20:last-child {
    border: none;
}
.accolades .width20:first-child{
    padding-left: 15px;
}

/*profile-desc*/
.profile-desc{
    margin-top: 50px;
    margin-left: 5px;
}
.black{color: #010100;}
.profile-head{
    font-size: 42px;
    color: #010100;
}
.profile-desc .pro-left .para-text, .profile-desc .pro-right .para-text{margin: 15px 0;}

.pro-left{padding-right: 30px;}
/*.pro-right{padding-left: 30px;}*/

/*profile-social-icons*/
.profile-social-icons a{
    width: 30px;
    height: 30px;
    margin-right: 3px;
    float: left;
    background: url(../images/social-media-icons.png) no-repeat 0 0;
}
.profile-social-icons .facebook{
    background-position: 0px 0px;
}
.profile-social-icons .twitter{
    background-position: -30px 0px;
}
.profile-social-icons .linkedin{
    background-position: -63px 0px;
}

.enquire{margin-top: 50px;}

.practo-logo{margin-top: 4px;}

/*button css*/
.button{
    float: left;
    min-width: 150px;
    max-width: 250px;
    display: block;
    margin: 1em;
    padding: 1em 2em;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}
.button--text-thick {
    font-weight: 600;
}
.button--round-l {
    border-radius: 40px;
}
.button.button--aylen {
    background: transparent;
    color: #37474f;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 13px;
    margin-right: 7px;
    border-radius: 50px;
    margin: 0;
    margin-right: 7px;
    padding: 10px 17px;
    border: 1px solid #ccc;
    font-weight: 400;
    text-align: center;
}
/*.button.button2{
    background: #3bc6c6;
    color: white;
    border: transparent;
}*/
.button--aylen::before, .button--aylen::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::before {
    background: #86cbcb;
}
.button--aylen::after {
    background: #3bc6c6;
}

/*hover css*/
.button--aylen:hover {
    color: #fff;
}
.button--aylen:hover::before, .button--aylen:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.button--aylen:hover::after {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s;
}

/*treatment*/
.col-treat-img{
    /*background: url('../images/treatments/hair-treatment.jpg') no-repeat;*/
    background-size: cover !important;
    position:relative;
}
.col-treat-img img{
    position: absolute;
    bottom: 40px;
    right: 40px;
}
.col-treat-img-drjoshi{
    /*background: url('../images/treatments/drjoshi-treatment.jpg') no-repeat 0px 0px;*/
    background-size: cover !important;
    position:relative;
}
.col-treat-img-drjoshi img{
    position: absolute;
    bottom: 40px;
    left: 40px;
}
@media screen and (max-width:1366px){
    .col-treat-img{background-position: -121px 0;}
}
.col-treat-desc{
    padding: 50px 150px 0 50px;
}
@media screen and (min-width:992px){
    .width20{
        width: 20%;
    }
}

.col-treat-desc-drjoshi{
     padding: 50px 50px 0 150px;
}
.head24{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}
.green-border{
    width: 150px;
    height: 2px;
    background: #3bc6c6;
    margin: 30px 0;
}
.treat-btn{margin: 50px 0;}


/*services*/
.services{
   background: url('../images/services.jpg') no-repeat 0px 0px; 
    background-size: cover;
    padding: 50px 0;
}
.all-services{margin-top: 50px;}

/*advantages*/

.trained-dermatologists{
    background: url('../images/advantages/aiims-trained-dermatologists.jpg') no-repeat;
}
.innovative-technology{
   background: url('../images/advantages/innovative-technology.jpg') no-repeat; 
}
.art-equipment{
    background: url('../images/advantages/art-equipment.jpg') no-repeat;
}
.trained-staff{
   background: url('../images/advantages/highly-trained-staff.jpg') no-repeat; 
}
.advant{
    /*min-height: 350px;*/
    background-size: cover;
    padding: 60px 50px;
}
.white{color: #ffffff;}
.advan-head{font-size:19px;}
.advant .para-text{
    margin-top: 30px;
}

/*experience-expertise*/
.experience-expertise{
    background: url('../images/experience-and-expertise.jpg') no-repeat; 
    background-size: cover;
    padding: 50px 0;
}
.expt-left .head24{margin: 30px 0;}
.expt-left{padding-right: 50px;}
.expt-left .green-border{margin:0;}
.no-head{font-size: 45px;}
.no-counter .no-head{margin-bottom: 15px;}

.border-right{border-right: 1px solid #3bc6c6;}
.border-bottom{border-bottom: 1px solid #3bc6c6;}

/*book-appointment*/
.book-appointment{
   background: url('../images/book-an-appointment-bg.png') no-repeat top center; 
    /*background-size: cover;*/
    padding: 200px 0 50px; 
    background-color: #ffffff;
    min-height: 500px;
}

/*appointment form*/
.form-fields .form-control{
    border-radius: 50px;
    border-color: #bebebe;
    padding: 10px 20px;
}
.form-fields ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #010100;
}
.form-fields ::-moz-placeholder { /* Firefox 19+ */
  color: #010100;
}
.form-fields :-ms-input-placeholder { /* IE 10+ */
  color: #010100;
}
.form-fields :-moz-placeholder { /* Firefox 18- */
  color: #010100;
}
.form-fields .form_datetime .add-br{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.form-fields .form_datetime input, .form-fields .form_datetime .input-group-addon{
    background: transparent;    
}
.form-control:focus{
    box-shadow: none;
}
.tick-icon button{
    background: transparent;
    border: none;
}

/*footer*/
footer.footer{
   background: url('../images/footer-bg.jpg') no-repeat top center; 
    background-size: cover;
    background-color: #ffffff;
    min-height: 400px; 
}
.footer-text .para-text{
    font-size: 12px;
    color: #000000;
    line-height: 21px;
}
.footer-text .para-text.text-center{font-size: 14px;}
.ft-mt{margin-top: 10px;}

.footer-social-icons{
    float: none;
    margin: 0 auto;
}

/*navigation style css*/
/*.menu-trigger:before{
    -moz-box-shadow: 0 6px transparent, 0 12px #37b9b9, 0 18px transparent, 0 24px #37b9b9;
    -webkit-box-shadow: 0 6px transparent, 0 12px #37b9b9, 0 18px transparent, 0 24px #37b9b9;
    box-shadow: 0 6px transparent, 0 12px #37b9b9, 0 18px transparent, 0 24px #37b9b9;
}
.navigation{
    position: absolute;
    height: 1000px;
     height: 100%; 
    width: 100%;
    display: block;
    z-index: 99;
}
.navigation .cont1{
    width: auto;
    padding: 0;
}*/

/*inner-pages*/
/*inner-header*/
.inner-header{
    background-size: cover;
    background-color: #ffffff;
    min-height: 500px;
    position: relative;
}
.inner-header.hair-bg{background: url('../images/inner-header/hair-treatment-bg.jpg') no-repeat top center;}
.inner-header.drjoshi-bg{background: url('../images/inner-header/drjoshi-treatment-bg.jpg') no-repeat top center;}
.inner-header.hair-trans-bg{background: url('../images/inner-header/hair-transplant.jpg') no-repeat top center;}
.menu-icon{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -38px;
}
/*inner-header-logo*/
.inner-header-logo{
    display: block;
    position: absolute;
    z-index: 9;
    padding-top: 15px;
    width: 100%;
}
.inner-header-logo img{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
}
/*gradient-bg*/
.gradient-bg{
    position: absolute;
    top: 0;
    width: 537px;
    height:auto;
    /* left: 50px; */
    /* right: 0; */
    margin: 0 auto;
}

.inner-section{
    background: url('../images/inner-section-bg.jpg') no-repeat top center; 
    background-size: cover;
    background-color: #fefdfa;
    min-height: 500px;
    padding: 60px 0 0;
}
.inner-heading{
    font-size: 80px;
    font-weight: 200;
}

/*treatment-inner*/
.treat-inner{
     padding: 10px 0 50px;   
	 text-align: justify;
}
.t-content .t-img{
    padding: 0;
}
.t-content .inner-tret-desc{
    padding-left: 0;
}
.inner-tret-desc h3, .inner-tret-desc p{
    margin-bottom: 20px;
	text-align: justify;
}
/*list-items*/
.list-items{
    list-style: none;
    padding-top: 10px;
}
.list-items li{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #3bc6c6;
    font-size: 14px;
}


/*.list-items li:last-child{border: none;}*/
/*.t-content.hair-trans{
    background: url(../images/services/hair-transplant.png) no-repeat -80px 0px;
}
.t-content.h-fall{
    background: url(../images/services/hair-fall-treatment.png) no-repeat -15px 0px;
}*/

/*laser*/
.t-content.laser{
    background: url(../images/services/laser-treatments.png) no-repeat -80px 0px;
    background-size: cover;
    min-height: 700px;
}
.t-content.laser .inner-tret-desc{
    padding-left: 53px;
}

/*hair-transplant*/
.ft-18{font-size: 18px;}
.ft-36{font-size: 36px;}
.green{
    color: #03a6a6;
}
.list-2{padding-top: 0;}
.list-2 li{
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 16px;
}
.trans-content h1, .trans-content h2, .trans-content h3{margin-bottom: 30px;}
.video-archive .iframe{
    border-radius: 10px;
}
/*case-list*/
.case-cont.case1{
    padding-right: 40px;
}
.case-cont.case2{
    padding-left: 40px;
}
.case-cont.case3{
    padding-left: 80px;
}
.case-list{
    margin-bottom: 30px;
}
.case-list li{
    margin-bottom: 10px;
    font-size: 14px;
}
.case-list li span{
    margin-left: 5px;
}
.w100{width: 100%;}
.pb80{padding-bottom: 80px;}

/*lightgallery*/
.demo-gallery{padding-top: 20px;}
.pre-result-gallery{
    margin-bottom: 20px;
}
.pre-result-gallery a{
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.demo-gallery .lightgallery li a img{
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.demo-gallery .lightgallery li a:hover img{
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
}

/*doctor-profile-inner*/
.doctor-profile-inner{
    background: url(../images/doctor-profile-inner-bg.png) no-repeat top center;
    padding: 80px 0 60px;
    margin-top: -100px;
}
.doctor-profile-inner .pro-left{
    padding: 0 40px;
    padding-left: 60px;
}
.doctor-profile-inner .pro-right{
    padding: 0 40px;
    padding-right: 60px;
}
.doctor-profile-inner .pro-left .profile-head{font-size: 42px;}
.doctor-profile-inner .pro-left .profile-social-icons.clearfix{margin-bottom: 25px;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #3cc6c8;
}

/*doctor-profile-pop*/
.doctor-profile-pop .modal-header .modal-header{}
.doctor-profile-pop .modal-body {
    padding: 30px 30px;
}

.trans-content .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -15px;
    position: relative;
    z-index: 99;
}


/*humburger css*/

#nav-icon2{
  width: 46px;
  height: 30px;
  position: relative;
  margin: 17px 10px 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 35%;
  background: #37b9b9;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 35%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 10px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 20px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 2px;
}

#nav-icon2.open span:nth-child(2) {
    left: calc(36% - 3px);
    top: 2px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 14px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(36% - 3px);
  top: 14px;
}

/*navigation css*/
.header-nav{
    position: absolute;
    width: 100%;
    background:none;
    z-index: 999;
    padding:10px 0px;
}
/*menu-logo*/
.menu-logo{
    float: left;
    margin-right: 10px;
}

.display-on-mob-tab{display: none;}
.display-on-mob{display: none;}


.testimonial-content{
    overflow: hidden;
}
.testimonial-content button.close{
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px;
    opacity: 0.7;
}
.testimonial-content .modal-body{
    padding: 0 15px;
}
.testimonial-content .test-pop-img{
    background: url('../images/testimonial/testimonial.png') no-repeat top center;
    background-size: cover;
    min-height: 400px;
}
.testimonial-content .test-pop-cont{
   padding: 50px 40px;
}
.testimonial-content .test-pop-cont .green{
    margin-top: 20px;
}
.sub-tt{
    font-size: 12px;
    color: #777777;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 700px;
        margin: 30px auto;
    }

}

.trigger2{
    display: none;
}

/*contact-page-css*/

.cont-page.form-fields textarea.form-control{
    border-radius: 20px;
    resize: none;
}

.contact-details li {
    list-style: none;
    margin-bottom: 12px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 12px;
}
.contact-details li a:hover{
    color: #03a6a6;
}

.contact-details li, .contact-details li a{
    color: #010100;
}
.contact-details li i{
    margin-right: 10px;
    font-size: 16px;
    color: #03a6a6;
}
.contact-details li p{
    padding-left: 30px;
    padding-top: 6px;
}
.contact-details li span{
    font-size: 18px;
    font-weight: 500;
}

.list-items li a{
    color: #010100;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.list-items li a:hover{
    color: #03a6a6;
}

.items-2{
    margin-left: 30px; 
}
.items-2 li{
    list-style-type: disc;
    color: #3bc6c6;
    margin-bottom: 20px;
}
.items-2 li span{
    color: #010100;
}

/*practo*/
.practo-link{
    float: left;
    margin-left: 30px;
}

.expt-right .no-counter:first-child, .expt-right .no-counter:nth-child(2){
    border-bottom: 1px solid #3bc6c6;
}
.expt-right .no-counter:nth-child(odd){
    border-right: 1px solid #3bc6c6;
}
.expt-right .no-counter:nth-child(even){
    padding-left: 50px;
}
.expt-right .no-counter:nth-child(3), .expt-right .no-counter:nth-child(4){
    padding-top: 20px;
}

.inner-header.contact-bg{
    background: url(../images/inner-header/header-contact.jpg) no-repeat top center;
}
.inner-header.about-bg{
    background: url(../images/inner-header/about-us.jpg) no-repeat top center;
}


@media screen and (min-width:1367px){
    .lg-hgt{min-height: 520px;}
    .call-to-action {
        margin-top: 33px;
    }
    .doctor-profile{
       margin-top: -94px;
    }
    .gradient-bg {
        width: 990px;
    }
}
ul.profile-social-icons{
    margin-bottom: 15px;
}

.client-case .modal-body{padding: 30px;}
.client-case .modal-title{margin: 0;}

.contact{
    padding-bottom: 140px;
}