@charset "utf-8";





a:focus,button:focus,button,div{outline:none!important}

ul,ol{list-style:none; padding: 0px; margin: 0;}

a:focus,a:hover{outline:none!important;text-decoration:none;}

.btn:focus{outline:none!important}

a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}

img{max-width: 100%; height: auto;}





/*

font-family: 'Rubik', sans-serif;

light       300

regular     400

medium      500

bold        700

black       900



font-family: 'Playfair Display', serif;

regular            400

regular-italic     400i

bold               700

bold-italic        700i

black              900

black-italic       900i

*/



body{

    font-family: 'Rubik', sans-serif;

    font-weight: 400;

    font-size: 15px;

    color: #212121;

}

h1, h2, h3{

    font-family: 'Playfair Display', serif;

    font-weight: 700;

}

p{

    line-height: 30px;

}



/*************************************************************/

/********************* header css Start **********************/

/*************************************************************/

.header_sec{

    position: fixed;

    top: 0px;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99;

    padding: 47px 0px;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}

.logo{

    float: left;

    width: 35%;

}

.logo img{

    max-width: 278px;

    margin-top: -16px;

}

.navi_main{

    float: right;

    max-width: 65%;

    text-align: right;


}

.main_menu li{

    display: inline-block;

    vertical-align: top;

    padding-left: 14px;
    position: relative;

}

.main_menu li a{

    font-weight: 500;

    color: #fff;

}

.main_menu li a:hover{

    color: #d3af6d;

}

.menuToggle_btn{

    display: none;

}

/**header drop-down start**/
.main_menu .dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    text-align: left;
    min-width: 230px;
    padding: 10px 0;
}
.main_menu .dropdown:after {
    bottom: 100%;
    right: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
}
.main_menu .dropdown li {
    padding: 0;
}
.main_menu .dropdown li a {
    color: #212121;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    font-weight: normal;
}
.main_menu .dropdown li a:hover{
    color: #d3af6d;
}

.main_menu > li{
    padding-top: 7px;
    padding-bottom: 7px;
}

/**header drop-down end**/


.header_sec.header-sticky{

    background: rgba(0,0,0,.9);

    padding: 20px 0px;

}



/*inner page black headre start*/

body.header_black{

    padding-top: 75px;

}

body.header_black .header_sec{

    background: #000;

    padding: 20px 0px;

}

/*inner page black headre end*/







/*************************************************************/

/********************** header css End************************/

/*************************************************************/



/*************************************************************/

/********************* content css start *********************/

/*************************************************************/

.HomeBanner_sec{

    position: relative;

}

.banner_img{

    background-size: cover;

    background-position: left top;

}

.banner_img{

    height: 780px;

    overflow: hidden;

}

.banner_img img{

    width: 100%;

}

.banner_cap{

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    color: #fff;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);



    font-size: 20px;

    font-weight: 300;

}

.banner_cap p{

    margin-bottom: 0px;

    line-height: 40px;

}

.banner_cap h1{

    font-size: 55px;

    margin: 0 0 15px 0;

}

.banner_cap h1 span{

    display: block;

    font-size: 30px;

    font-style: italic;

    font-weight: 400;

    padding-bottom: 12px;

}

.cap_inner {

    float: right;

    width: 60%;

}

.welcome_sec{

    position: relative;

}

.welcome_sec:after{

    content: "";

    position: absolute;

    right:0;

    top: 0;

    height: 100%;

    width: 44.5%;

    background:#e6e3e3;

    z-index: 0;

}

.welcome_content{

    padding: 90px 0px;

}

.welcome_content h2{

    font-size: 53px;

    margin: 0 0 35px 0;

}

.welcome_content h2 span{

    font-size: 40px;

    display: block;

    font-style: italic;

    color: #937b50;

    margin-top: 10px;

}

.welcome_right{

    float: right;

    width: 50%;

    position: relative;

    padding: 67px 0px 99px;

}



.welcome_right figure{

    width: 668px;

    max-width: 90%;

    position: relative;

}

.welcome_right figure img{

    border: 15px solid #fff;

    position: relative;

    z-index: 2;

}

.wlcmfigure_bg{

    position: absolute;

    right: -68px;

    bottom: -50px;

    background-image: url(../images/welcome_lineArt.png);

    background-repeat: no-repeat;

    height: 100%;

    width: 100%;

    background-position: right bottom;

    z-index: 1;

}

.ourService_sec{

    padding: 153px 0 75px;

    position: relative;

}

.ourService_sec:after{

    background-color: #1f1f1f;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    opacity: 0.8;

}

.ourservice_inner{

    position: relative;

    z-index: 1;

}

.service_head{

    position: relative;

    color: #fff;

    font-size: 35px;

    text-transform: uppercase;

    letter-spacing: 0.7px;

    margin: 0px 0 63px 0;

}



.service_head:before{

    content: attr(data-head);

    position: absolute;

    left: -13px;

    top: -41px;

    opacity: 0.1;

    color: #ffffff;

    font-size: 89px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.7px;

    line-height: 74px;

}

.serivce_list {

    width: 740px;

    max-width: 100%;

}

.serivce_list li{

    background: #fff;

    display: inline-block;

    width: 49%;

    margin: 0 11px 15px 0;

    padding: 22px 27px;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}

.serivce_list li:hover {

    box-shadow: 5px 5px 0px inset #d3af6d, -5px -5px 0px inset #d3af6d;

    -webkit-box-shadow: 5px 5px 0px inset #d3af6d, -5px -5px 0px inset #d3af6d;

}

.serivce_list li:nth-child(2n){

    margin-right: 0;

}

.serivce_list li h4{

    margin: 0 0 6px 0;

    color: #1e1e1e;

    font-size: 19px;/*20px*/

}

.serivce_list li p{

    margin: 0;

    line-height: 25px;

}

.hairRecovery_sec{

    padding:104px 0 79px;

}

.hairRecovery_sec h3{

    margin: 0;

    font-size: 25px;

    line-height: 40px;

}

.hairService_list{

    padding-top: 46px;

}

.hairService_item {

    display: inline-block;

    width: 23%;

    margin-right: 2%;

    vertical-align: top;

    margin-bottom: 30px;

}

.hairService_item figure{

    overflow: hidden;

}

.hairService_item figure img{

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}

.hairService_item:hover figure img{

    transform: scale(1.1,1.1);

    -webkit-transform: scale(1.1,1.1);

}



.hairService_item:nth-child(4n){

    margin-right: 0px;

}

.hairSer_head{

    padding:19px 0 0 0;

}

.hairSer_head h4{

    color: #1e1e1e;

    font-size: 20px;

    font-weight: 500;

    line-height: 30px;

    margin:0;

    display: table-cell;

    width: 1%;

    height: 60px;

    vertical-align: middle;

}

.btn_commen{

    min-width: 158px;

    padding: 12px 15px;

    background-color: #bd9c62;

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    display: inline-block;

    border:1px solid #bd9c62;
	
	text-align: center;

}

.btn_commen:hover{

    background: transparent;

    color: #bd9c62;

}

.service_viewmore {

    margin-top: 36px;

}

.testimonial_sec{

    background: #e6e3e3;

    padding: 80px 0;

}

.testimonial_sec h3{

    margin: 0 0 66px 0;

    color: #131313;

    font-size: 30px;

}

.testi_slider_item figure{

    height: 155px;

    width: 155px;

    border-radius: 50%;

    overflow: hidden;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    margin: 0 auto;

}

.testi_slider_item figure img{

    border-radius: 50%;

}

.testi_slider_item {

    font-weight: 300;

    padding: 0px 45px;

}

.testi_slider_item h4{

    color: #131313;

    font-size: 15px;

    font-weight: 700;

    margin: 30px 0 14px 0;

}

.testi_slider_item p{

    margin: 0;

}

.slick-dots{

    padding-top: 40px;

}

.slick-dots li{

    display: inline-block;

    vertical-align: top;

    margin: 0px 3px;

}

.slick-dots li button{

    height: 16px;

    width: 16px;

    border-radius: 50%;

    background: #bd9c62;

    opacity: .4;

    display: block;

    font-size: 0;

    border: none;

    padding: 0;

}

.slick-dots li.slick-active button, .slick-dots li button:hover{

    opacity: 1;

}

/*************************************************************/

/********************* content css End ***********************/

/*************************************************************/



/*************************************************************/

/******************** footer csss start **********************/

/*************************************************************/

.footer_sec{

    background: #000;

    color: #b7b7b7;

}

.footer_top{

    padding: 64px 0 40px;

}

.footer_block{

    float: left;

    width: 21%;

    font-size: 13px;

    line-height: 25px;

    font-weight: 400;

}

.footer_block p{

    margin-bottom: 12px;

    line-height: 25px;

}

.ftr_head{

    color: #fff;

    font-size: 15px;

    font-weight: 400;

    text-transform: uppercase;

    margin: 14px 0 30px 0;

}

.footer_block:first-child{

    width: 32%;

    padding-right: 80px;

    font-size: 15px;

    font-weight: 300;

}

.footer_block:nth-child(2){

    width: 20%;
    margin-right: 6%;

}

.footer_block:last-child{

    width: 21%;

}

.footer_logo img{

    max-width: 214px;

}

.footer_logo {

    margin-bottom: 21px;

}

.footer_block address{

    line-height: 25px;

}

.footer_block address a, .ftr_links li a{

    color: #b7b7b7;

}





.footer_block address a:hover, .ftr_links li a:hover{    

    color: #d3af6d;

}

.footer_bottom{

    padding: 8px 15px 14px;

    font-size: 13px;

    border-top: 1px solid #fff;

    color: #fff;

}

.newslaterForm .form-control{

    height: 36px;

    background: #b7b7b7;

    border-radius: 0;

    border: none;

    font-size: 13px;

    font-weight: 400;

    color: #121212;

}

.newslaterForm .form-control::-webkit-input-placeholder{color:#6b6b6b;}

.newslaterForm .form-control:-moz-placeholder{color:#6b6b6b;}

.newslaterForm .form-control::-moz-placeholder{color:#6b6b6b;}

.newslaterForm .form-control:-ms-input-placeholder{ color:#6b6b6b;}

.newslaterForm button{

    min-height: 37px;

    min-width: 114px;

    font-size: 13px;

    font-weight: 400;

    border:1px solid #bd9c62;

    background: #bd9c62;

    box-shadow: none;

    color: #fff;

    margin-top: 10px;

}

.newslaterForm button:hover{

    color: #bd9c62;

    background: transparent;

}

/*************************************************************/

/********************** footer csss End ***********************/

/*************************************************************/





/**inner page css start**/

.innerBanner_sec{

    height: 450px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: left center;

    position: relative;

}

.page_head{

    position:absolute;

    left: 0;

    top: 50%;

    width: 100%;

    color: #fff;

    transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);

    text-align: center;

    padding: 0px 15px;

    text-transform: uppercase;

    padding-top: 50px;

}

.page_head h1{

    font-size: 42px;

    margin: 0;

}

.sec_padd{

    padding:70px 0px;

}



.servicePage_sec h2{

    font-size: 32px;

    margin: 0 0 30px 0;

}

.contactPage_sec{

    position: relative;

    overflow: hidden;

}

.contactMap{

    height: 100%;

    position: absolute;

    width:50%;

    right: 0;

    top: 0;

    background: #e6e3e3;

}

.contactDetail {

    line-height: 30px;

    padding: 70px 15px 70px 0;

}



.contactDetail ul{

    padding: 0px 0 20px;

}

.contactDetail li{

    display: block;

    position: relative;

    padding-left: 45px;

    margin-bottom:  15px

}

.contactDetail li a{

    color: #121212;

}

.contactDetail li a:hover{

    color: #d3af6d;

}

.contactDetail li i.fa{

    position: absolute;

    left: 0;

    top: 2px;

    font-size: 24px;

    color: #d3af6d;

    width: 28px;

    text-align: center;

}

.contactForm .form-control{

    border-radius: 0;

    height: 44px;

}

.contactForm textarea.form-control{

    height: 200px;

    resize: vertical;

}

.inner_header {

    padding-bottom: 30px;

}

.inner_header h3{

    margin: 0;

    font-size: 32px;

}

.inner_header p{

    margin: 20px 0 0 0;

}

.prc_table{

    border:1px solid #ccc;

    border-radius:8px;

    min-height:200px;

    width:325px; 

    max-width: 100%;

    margin:0 auto;

    text-align:center;

    -webkit-transition: all 0.3s ease-in-out; 

    -moz-transition: all 0.3s ease-in-out; 

    transition: all 0.3s ease-in-out;

}

.prc_table li{

    display:block; 

    border-bottom:1px solid #ccc; 

    padding:10px 10px; 

}

.prc_table li h4.table_head{

    font-size:20px; 

    text-transform:uppercase; 

    padding:20px 0px;

}

.prc_table li:last-child{border-bottom:none;}

.prc_table:hover{

    background:#f3f3f3; 

    box-shadow:0px 0px 25px #ccc;

    -webkit-box-shadow:0px 0px 25px #ccc;

} 

.prc_table .btn_commen{

    min-width: inherit;

    min-height: inherit;

    padding: 7px 20px;

    font-size: 14px;

}

/*faq page start*/

.faq_item{

    padding-top: 20px;

}

.answer_main{

    padding-bottom: 15px;

    display: none;

    position: relative;

    padding-left: 30px;

}

.answer_main p{

    padding-top: 15px;

}

.answer_main p:last-child {

    margin-bottom: 0;

}

.faq_item h4.question_head{

    padding: 0px 25px 20px 0;

    margin: 0px;

    font-size: 16px;

    border-bottom: 1px dashed #ccc;

    position: relative;

    margin-left: 30px;

    cursor: pointer;

    font-weight: 400;

}

.faq_item h4.question_head:after{

    content: "\f105";

    position: absolute;

    right: 0px;

    top: 0;

    text-align: center;

    line-height: 18px;

    font-size: 22px;

    width: 22px;

    font-family: FontAwesome;



    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}

.faq_item h4.question_head.open:after{

    content: "\f107";

}

.faq_item h4.question_head.open,

.faq_item h4.question_head:hover{

    color: #d3af6d;

}

h4.question_head:before {

    content: "Q :";

    position: absolute;

    left: -30px;

    top: 0;

}

.answer_main:before{

    content: "A :";

    position: absolute;

    left: 0px;

    top: 17px;

    font-size: 16px;

}

/*faq page end*/

.treatment_img img {

    width: 100%;

}

.patient_block{

    margin-bottom: 30px;

}

.patient_block h4{

    margin-top: 0px;

}

.team_item {

    display: inline-block;

    vertical-align: top;

    width: 32%;

    padding: 15px;

    margin-top: 15px;

    transition: all .2s ease-in-out;

    -webkit-transition: all .2s ease-in-out;

}

.team_item h4{

    margin: 20px 0 10px;

}

.team_item p{margin: 0;}

.teamMember_img{

    width: 200px;

    height: 200px;

    border-radius: 50%;

    margin: 0 auto;

    overflow: hidden;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

}

.teamMember_img img{

    border-radius: 50%;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

}

.team_item:hover{

    background: #e6e3e3;

}

/*** 13-nov css start ***/
a.rm_button {
    color: #bd9c62;
    display: inline-block;
    margin-top: 4px;
}
a.rm_button:hover{
    padding-left: 4px;
}
.servicePage_sec p{
    margin-bottom: 30px;
}
.servicePage_sec ul, .servicePage_sec ol{
    padding-left: 20px;
    list-style:  outside;
    line-height: 30px;
    margin-bottom: 30px;
    list-style: initial;
}
.servicePage_sec ol{
    list-style-type: decimal;
}
.font-size-24{
    font-size: 24px;
}

ul.socialLink {
    margin-top: 10px;
}

.socialLink li{
	display:inline-block;
	vertical-align:top;
	margin-right: 10px;
}

.socialLink li a{
	color:#fff;
	font-size: 18px;
}

.checkmark {
    color: #bd9c62;
    font-size: 60px;
    border: 3px solid #bd9c62;
    padding: 20px;
    border-radius: 50%;
    margin: 40px 0;
}