/*
Theme Name: Cosmetic Digital Theme
Author: Cosmetic Digital
Author URI: www.cosmeticdigital.co.uk
Version: 1.0.0
*/


/*
RESET
*/

.treatTabs .tab-pane .trItem:hover span{text-decoration:none;background-color: #fff;color: #fff;}
.treatTabs .tab-pane .trItem:hover span i{background:
-webkit-linear-gradient(180deg,#eece5c,#b0812a 30%,#e0c564 60%,#b07908);
    background-clip: border-box;
  -webkit-background-clip:
text;}


.treatTabs .tab-pane .trItem .inner:hover span{text-decoration:none!important;background-color: #000;color: #fff!important;}
.treatTabs .tab-pane .trItem .inner:hover span i{background:#fff !important;background-clip: border-box;
  color: #fff !important;-webkit-background-clip:text !important;}



body.page-id-5497 .treatmentSlider.real{padding-top:0!important;}

body.page-id-5149 .welcomeSec.trtBanner .info .gradBtn,
body.page-id-5161 .welcomeSec.trtBanner .info .gradBtn
{display:inline-block;}

@media all and (max-width: 1200px){
	h1{font-size: 40px !important;}
	h2{font-size:40px !important;}
}

@media all and (max-width: 768px){
	h1{font-size: 32px !important;}
	h2{font-size:32px !important;}
	
	span.sidetxt.left{left: -152px;}
	span.sidetxt.right{right: -152px;}
	span.sidetxt{font-size:18px;}
	
	
}


@media all and (max-width: 550px){
	h1{font-size: 26px!important; letter-spacing: 2px!important;}
	h2{font-size: 26px!important;letter-spacing: 2px;}

}

@media all and (max-width: 450px){
	.gradBtn{width: 280px;font-size: 14px !important;}
}




/*
Header
*/

header.main .logo a img.black{display:none;}

header.main ul.primary-nav > li{padding: 0 12px;}


	@media all and (max-width: 1500px){
		header.main ul.primary-nav > li{padding: 0 5px;}
	}

@media all and (max-width: 1400px){
	header.main .sub-menu{max-width: 1000px !important;width: 1000px !important; margin-left:0!important;left: 0 !important;}
	header.main .sub-menu li.menu-item-has-children::before{margin-left: 55px; margin-top: 2px;}

	.menuInner{flex: 0 0 83%;max-width: 83%;}
	.menuInner.logosec{flex: 0 0 17%;max-width: 17%;}
	header.main ul.primary-nav > li{padding: 0 12px;}
	.menuInner.logosec img{height: auto; width: 190px;}


}


@media all and (max-width: 1300px){
	header.main ul.primary-nav > li{padding: 0 10px;}
	header.main ul.primary-nav > li > a{font-size:15px;}
}
	


@media all and (max-width: 1050px){
	header.main ul.primary-nav > li{padding: 0 8px;}
	header.main ul.primary-nav > li > a{font-size:14px;}
}
	
	@media all and (max-width: 991px){
		header.main .logo{padding:0!important;}
		header.main .logo a img{max-width: 130px;}
		header.main .logo a img.white{display:none;}
		header.main .logo a img.black{display:initial;}
		header.main.sticky{padding-top: 7px;}
		header.main .details .menu-overlay img{display:none!important;}
		header.main .details .menu-overlay .fn-nav-main{padding: 0 15px;}
		header.main .details .menu-overlay ul.primary-nav{padding:0;}
		.menuInner{margin-top:0;}
		li.bookTab a{padding: 15px 0 !important; background:transparent;}
	
	.welcomeSec.top{
		padding-top: 15px!important;
	}
	
	
	}


@media all and (max-width: 400px){
header.main .details .menu-overlay .fn-nav-main{padding:10px;}
	}




/*
Homepage Slider
*/

	
.homeSliderSec .info .homeslider .content {width: 450px;}



@media all and (max-width: 768px){
	.homeSliderSec .image .content{padding: 0 15px; position: relative;bottom: 0;transform: none;left: 0;top: 0;margin-top: 20px;}
	.homeSliderSec .image .content h2{color: #434343;}
}




/*
welcomeSec
*/

@media all and (max-width: 991px){
.welcomeSec .img.left{margin:0;}
.welcomeSec .img.left img{width:100%;}
.welcomeSec .info h1{margin-bottom: 20px; margin-top:5px;}
.welcomeSec .info h2{margin-bottom: 20px;}
.welcomeSec .info{margin-top: 30px;}
.welcomeSec .info p{padding:0;}
.welcomeSec .img.right{margin:0; margin-top: 20px;}
.welcomeSec .img.right img{width:100%;}
 }

	
@media all and (max-width: 768px){
	.welcomeSec .info .vidSec a.play-video{width: 100px;}

}

	
@media all and (max-width: 550px){
	.welcomeSec .info .vidSec img.vidImage{height: 350px;}
	.welcomeSec .info .vidSec{padding-bottom: 0!important;}
	.welcomeSec{padding-bottom: 30px;}

}

@media all and (max-width: 450px){
	.welcomeSec .info .vidSec img.vidImage{height: 250px;}

}


/*
treatTabs
*/


@media all and (max-width: 1300px){
	.treatTabs ul.nav{padding-left:0;}
}


@media all and (max-width: 991px){
	.treatTabs ul.nav{margin-top:0;}
	.treatTabs ul.nav li a{font-size:2em;}
	.treatTabs ul.nav li{margin-bottom: 30px; padding:0; margin-top:0;}
	.treatTabs .col-lg-8{padding:0;}
	.treatTabs .tabSec{padding:0;}
	.treatTabs .tabSec .info{padding:0;}
	.treatTabs{padding-bottom: 35px;}
}

@media all and (max-width: 768px){
	.treatTabs{padding-left: 20px;padding-right: 20px;}
}


@media all and (max-width: 550px){
	.treatTabs .tab-pane .trItem{flex: 0 0 100%;max-width: 100%; margin-bottom: 15px;}
	.treatTabs ul.nav li a{font-size:1.6em;}
	.treatTabs ul.nav li{margin-bottom: 15px;}
}


/*
treatmentSlider
*/


.homeSliderSec .image .content{z-index: 9;}

@media all and (max-width: 1200px){
	.treatmentSlider{padding: 50px 0;}
}


@media all and (max-width: 991px){
	.treatmentSlider .tsslider .slick-slide .item .innerwrap h2{font-size:16px!important; letter-spacing:1px;}
	.treatmentSlider .tsslider .slick-slide .item .innerwrap h3{margin-bottom:0;}
	.treatmentSlider .tsslider .slick-slide .item .innerwrap{padding: 12px;}
}



	
/*
.welcomeSec.con
*/

@media all and (max-width: 1200px){
	.welcomeSec.con{height: auto;}
	.welcomeSec.con .info ul{padding:0; margin:50px 0;}
}


@media all and (max-width: 500px){
.welcomeSec.con .info ul li{width:100%;}
	.welcomeSec.con img.overlay{height:100%;}
}




	
/*
experience
*/

@media all and (max-width: 991px){
	.welcomeSec.experience img.overlay{height: 500px; width: auto;}
	.welcomeSec.experience{padding: 50px 0;}
	.welcomeSec .info{margin-top:0;}
	.welcomeSec.experience .info h2{margin-bottom:0;}
	.welcomeSec.experience .item .inner{padding: 30px;}
	.welcomeSec.experience .item .inner h4{margin-bottom:15px;font-size: 22px;}
}


@media all and (max-width: 768px){
	.welcomeSec.experience{padding-left: 20px;padding-right: 20px;}
}




/*
baSlider
*/


@media all and (max-width: 991px){
	.treatmentSlider .baSlider .baItem{margin-bottom: 20px;}
	.treatmentSlider .baSlider .baItem img{width:100%;}
	.treatmentSlider .baSlider .slick-arrow.slick-prev{left: -25px;}
	.treatmentSlider .baSlider .slick-arrow{right: -25px; height: 30px; top: 45%;}
}


@media all and (max-width: 550px){
	.treatmentSlider{padding: 40px 15px;}
	.treatmentSlider .baSlider span{margin-top: 0;}
	.treatmentSlider h4{margin-top: 10px;}
}




/*
ourteam
*/


@media all and (max-width: 1200px){
	.welcomeSec.ourteam{padding: 50px 0;}
}

@media all and (max-width: 991px){
	.welcomeSec.ourteam .info a.gradBtn{margin: 10px auto;}
	.welcomeSec.ourteam .info a.gradBtn:first-of-type{margin-top: 30px;}
	.welcomeSec.ourteam .img.right{padding: 0 15px; margin-top: 30px;}
	.welcomeSec.ourteam .img.right .item{margin-bottom: 20px;}
	.welcomeSec.ourteam .img.right .item .innerwrap{position: relative;z-index: 9;cursor: pointer;}
	.welcomeSec.ourteam ul li img{height: 100px;}
}


@media all and (max-width: 768px){
	.welcomeSec.ourteam{padding-left: 20px;padding-right: 20px;}
	.welcomeSec.ourteam ul li{padding: 0 10px;}
	.welcomeSec.ourteam ul li img{height: 75px;}
	.welcomeSec.ourteam{padding: 50px 0 0 0;}
}



/*
vlog
*/


@media all and (max-width: 1200px){
	.welcomeSec.vlog{padding: 0 0 50px 0;}
}





@media all and (max-width: 767px){
	.blogFeed .blogItem{flex: 0 100%!important;max-width: 100%!important;}
}




/*
compLogos
*/


@media all and (max-width: 1200px){
	.compLogos{padding-top:0;}
	.compLogos ul li img{width: 100px;}
}



@media all and (max-width: 768px){
	.compLogos ul li img{width: 75px; height: auto!important;}
	.compLogos ul li {margin: 0 10px;}
}



/*
footer
*/



@media all and (max-width: 991px){
	footer.main .logoSec{display:none;}
	.address-cont{padding:0; text-align:center;}
	footer.main{padding-bottom: 70px;}
	footer.main p{font-size: 16px!important;}
	footer.main .js-cm-form input{font-size:14px;}
	
}





/*
homeSliderSec treatment
*/



@media all and (max-width: 1200px){
	.homeSliderSec.treatment .image img{height:auto;}
}

@media all and (max-width: 991px){
	.homeSliderSec.treatment .image .content{z-index:9;}
}

@media all and (max-width: 768px){
	.homeSliderSec.treatment .image .content{top:0; width: 100%; margin-top:0; padding: 20px;}
	.homeSliderSec.treatment .image .content h2{color:#fff!important;}
}




/*
allTreatments
*/

.allTreatments.overview .treatmentItem:nth-child(3n){clear:right;}
.allTreatments.overview .treatmentItem:nth-child(3n+1){clear:left;}



@media all and (max-width: 768px){
	.allTreatments{padding: 0 0 50px 0;}
	.allTreatments.overview .treatmentItem{margin-top: 20px;}
	.allTreatments .treatmentItem h3{height: auto; min-height: auto;}

}



/*
.welcomeSec.trt
*/


@media all and (max-width: 991px){
	.welcomeSec.trt .img.left{margin-top:0;}
	.welcomeSec.trt .info{margin-top:30px;}
	.welcomeSec.trt .img.right{margin-top:30px;}
	.welcomeSec.trt .img.right img{height: auto;}
}

@media all and (max-width: 768px){
	.welcomeSec.trt{padding: 30px 0;}
}

/*
concernsSec
*/



@media all and (max-width: 1200px){
	.concernsSec{padding-bottom: 40px;}
	.concernsSec .concernsItem .inner{padding: 20px; min-height: 225px;}
	.concernsSec .concernsItem .inner img{margin-bottom: 20px;}
}

@media all and (max-width: 991px){
	.concernsSec{padding-bottom: 20px;}
	.concernsSec .concernsItem .inner{padding: 20px; min-height: auto; margin-bottom: 20px;}
	.concernsSec .concernsItem .inner img{height: 40px; margin-bottom: 10px;}
}





/*
.baSlider-treatment
*/


@media all and (max-width: 991px){
	.treatmentSlider .baSlider-treatment .slick-arrow.slick-prev{left: -25px;}
	.treatmentSlider .baSlider-treatment .slick-arrow{right: -25px; height: 30px; top: 45%;}
	.treatmentSlider .baSlider-treatment span{margin: 20px 0;}
}




/*
.faqSec.treatment
*/


@media all and (max-width: 991px){
	.faqSec.treatment{padding: 30px;}
	.faqSec .wrap .concernsItem{margin-top: 30px;}
	.faqSec .wrap .concernsItem h2{margin-bottom: 20px;}
	.faqSec .wrap{max-width: 100%;}
	.faqSec .wrap .concernsItem .faq-item .inner{padding:0;}
}



/*
yourConsultation
*/


@media all and (max-width: 1200px){
	.yourConsultation{padding: 30px 0;}
}



@media all and (max-width: 991px){
	.yourConsultation.treatment .image{text-align:center; padding: 0 15px;}
	.yourConsultation.treatment .info{text-align:center;}
	.yourConsultation.treatment .info .gradBtn{margin-left: auto;margin-right: auto;}
	.yourConsultation.treatment.ab{padding-top:0;}
	.yourConsultation.treatment.ab .image{padding: 0 15px; margin-top: 30px;}
}



/*
treatment-logo
*/


@media all and (max-width: 991px){
	section.treatment-logo .container img{width: auto; height: 100px;}
}

@media all and (max-width: 768px){
	section.treatment-logo .container img{height: 75px; margin: 0 10px;}
	section.treatment-logo{padding:0;}
}


/*
conditions-container
*/


@media all and (max-width: 991px){
	section.conditions-container nav.nav-condition ul{position: relative;top: 0;margin-top: 100px;}
}

@media all and (max-width: 768px){
	section.conditions-container nav.nav-condition ul{margin-top: 0px;}
}



/*
pricelist
*/


@media all and (max-width: 1200px){
    section.pricelist-container{padding: 50px 0; margin-top: 80px;}
    section.pricelist-container .priceInfo.top{margin-top: 50px;}

}

@media all and (max-width: 768px){
    section.pricelist-container .priceInfo.top{margin-top: 30px;}
	section.pricelist-container{margin-top: 0;}

}


@media all and (max-width: 991px){
	.yourConsultation.treatment.ab.packages .info{padding:0;}
	.yourConsultation.treatment.ab.packages {padding: 30px 0!important;}
	.yourConsultation.treatment.ab.packages .image{padding:0; margin-top:0;}
	
	
}




@media all and (max-width: 768px){
	.relatedTreatments{padding: 30px;}
	}


@media all and (max-width: 991px){
	.yourConsultation.treatment.ab.packages.teamWrap .info{margin-bottom: 30px!important;}
}


@media all and (max-width: 768px){
	.spacerSec{margin: 10px;}
	.reviewsFeed-container{padding:30px 0;}
}










@media all and (max-width: 1075px){


    section.contactIntro-container .bg-holder{
        padding-top: 0;
    }

    section.contactDetailsStrip-container{
        padding-top: 15px;
        padding-bottom: 50px;
    }


    section.blogArchive{
        padding: 35px 0;
    }

    section.blogArchive article .inner{
        padding: 20px 0;
    }

    section.blogArchive article .inner h3{
        margin-bottom: 14px;
    }

    .before_after-container{
       padding: 50px 0 0 0;
    }

    .before_after-container .row{
        margin-bottom: 30px;
    }


    .treatmentSec{padding: 0 45px;}
    .treatmentSec .container .treatment h2{font-size: 3em;}

    .allTreatments.overview .treatmentItem:nth-child(3n){clear:right;}
    .allTreatments.overview .treatmentItem:nth-child(3n+1){clear:left;}

    .faqSec.concerns .info .gradBtn{padding: 12px 30px;}

}


.blog-btn {background: #fff!important;
    border: 4px solid #ebb636!important;
    border-image: linear-gradient(180deg,#ebb636,#b6762a) 1!important;
    text-transform: uppercase!important;
    color: #000!important;
    padding: 12px 50px!important;
    font-size: 1em!important;
    letter-spacing: .5px!important;
    margin-top: 35px!important;
    display: inline-block!important;
    text-decoration: none!important;
    transition: all .25s ease-in-out!important;
    cursor: pointer!important;}

@media all and (max-width: 991px){

	header.main .details .menu-overlay ul li.bookTab a{color:#fff!important;}
	header.main .details .menu-overlay ul li.phoneNavLink{display:none!important;}
.homeSliderSec .info .homeslider .content { width: 100%!important;}

header.main ul.primary-nav > li.singleDropdown1:hover .sub-menu{
    width: 100% !important;
    left: 0% !important;
    margin-left: 0 !important;
    background: transparent !important;
    text-align: left;
    padding: 0 !important;
  }

  header.main ul.primary-nav > li.singleDropdown:hover .sub-menu{
    width: 100% !important;
    left: 0% !important;
    margin-left: 0 !important;
    background: transparent !important;
    text-align: left;
    padding: 0 !important;
  }
}


@media all and (max-width: 768px){
	
	section.contactIntro-container{padding: 40px 0;}

    body.page-id-1297 .introductionStrip-container{
        margin-top: 78px;
    }

    .review-banner{
        margin-top: 30px;
    }

    header.main .details .menu-overlay ul li  a{
        text-transform: initial!important;
    }

    header.main .details .menu-overlay ul > li > a{
        text-transform: uppercase!important;
    }

    header.main .details .menu-overlay ul li ul li a {
        text-transform: initial !important;
      }



      .allTreatments.overview .treatmentItem img{
        margin-bottom: 20px;
      }


      section.conditions-container h3{margin-top: 20px;}


}

@media all and (max-width: 550px){

    section.contactIntro-container{
        padding-bottom: 20px;
    }

    section.contactDetailsStrip-container .title{
        font-size: 1.4em;
    }

    section.mapBanner-container .map-directions p.title{
        font-size: 1.4em; 
    }

    section.mapBanner-container .map-directions{
        margin-top: 15px;
    }

    section.mapBanner-container{
        padding-bottom: 35px;
    }


    .review-banner .slick-slide .col-sm-6{
        margin-bottom: 15px;
    }

    .before_after-container h2{
        font-size: 1.4em;
        margin-bottom: 20px;
    }

    .gallery-section{
        padding: 0 30px;
    }


    section.conditions-container{
        padding-bottom: 20px;
    }

    .allTreatments .treatmentItem h3{
        font-size: 1.4em!important;
    }

    .allTreatments.overview .treatmentItem{
        margin-top: 25px;
    }

    section.conditions-container nav.nav-condition ul{
        margin-bottom: 0;
    }

}

.video-holder { position: relative; }
.video-holder .btn-dark:after { display: none; }

	
	header.main ul.primary-nav > li.singleDropdown:hover .sub-menu{left: 44.5% !important;}
	.mobileNavlink{display:none!important;}
  a.book{display:none;}
		@media all and (max-width: 1050px){
			.rightTop a.bookApp{padding: 3px 8px;letter-spacing: 0px;}
		}
		@media all and (max-width: 991px){
		  .mobileNavlink{display:block!important;}
      a.book{
position: absolute;
  right: 90px;
  top: 25px;
  background: #b58d48;
  color: #fff;
  padding: 12px 30px;
  text-transform: uppercase;
  line-height: 1;
  display:initial;
  font-size: 17px;
    letter-spacing: 1px;
      }
		}

		@media all and (max-width: 550px){
      a.book{right: 70px;top: 14px;}
    }

		@media all and (max-width: 400px){
      a.book{right: 65px;top: 16px;padding: 12px 20px;font-size: 14px;}
    }