/*
	Theme Name: DJ Hair Transplant
	Theme URI: http://

*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i%7cLibre+Baskerville:400,400i,700');

.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

body{font-family: 'Lato', sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 1.6; color: #999999;}
.display-table{ display: table; table-layout:fixed;}
.table-cell{display: table-cell; vertical-align: middle; float: none; height:100%;}
.display-table-always{ display: table; height:100%; table-layout:fixed;}
.table-cell-always{ display: table-cell; vertical-align: middle; float: none; height:100%;}
.no-LR-padding{ padding-left: 0px; padding-right: 0px}
.no-l-padding{padding-left:0;}
.no-r-padding{padding-right:0;}
.border-right{border-right: solid #ffffff 2px;}
.border-left{border-left: solid #ffffff 2px;}
.hidethis{display: none!important;}
.showthis{display: block!important;}
.pos-fixed{position: fixed;}
.pos-relative{position: relative;}
.pull-left{float: left!important;}
.pull-right{float: right!important;}
.clear-gap-5px{padding-top: 5px; clear: both; float: none; content: ''; width: 100%;display: block;}
.clear-gap-10px{padding-top: 10px; clear: both; float: none; content: ''; width: 100%;display: block;}
.clear-gap-15px{padding-top: 15px; clear: both; float: none; content: ''; width: 100%;display: block;}
.clear-gap-20px{padding-top: 20px; clear: both; float: none; content: ''; width: 100%;display: block;}
.clear-gap-40px{padding-top: 40px; clear: both; float: none; content: ''; width: 100%;display: block;}
.clear-gap-60px{padding-top: 60px; clear: both; float: none; content: ''; width: 100%;display: block;}
.clear-gap-80px{padding-top: 80px; clear: both; float: none; content: ''; width: 100%;display: block;}
.clear-gap-100px{padding-top: 100px; clear: both; float: none; content: ''; width: 100%;display: block;}

a{ color: #008DCC; }
a:hover{ color: #008DCC; text-decoration: none; }

.color-site{color: #e0a48d;}
.color-site2{color: #343431;}

.bg-light{background-color: #f9f9f7;}
.bg-dark{background-color: #343431; color: #ffffff!important;}

h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; color: #373433;}
h1 {font-size: 30px;line-height: 1.6;}
h2 {font-size: 26px;}
h3{font-size: 20px;}

p, li{ font-size: 16px; line-height: 28px; }

a, a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.btn-site{ display: block; background-color: #008DCC; color: #ffffff!important; text-align: center;}
.btn-site:hover{background-color: #0181b7; color: #ffffff!important;}
.btn-site2{ display: block; background-color:#343431; color: #ffffff!important; text-align: center;}
.btn-site2:hover{background-color: #0181b7; color: #ffffff!important;}
.btn-scroll-top{background-color: #008DCC;width: 50px;height: 50px;position: fixed;bottom: 10px;right: 15px;opacity: 0;color: #ffffff;border-radius: 50%; -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.4); box-shadow: 0 0 9px rgba(0,0,0,0.4); z-index: 9999999;}
.btn-scroll-top i{display: block; padding-top: 4px;}
.btn-block{ width: 100%;}
.btn-underline-uppercase{text-transform: uppercase; text-decoration:underline; color: #e0a48d;font-weight: 600; font-size: 12px;letter-spacing: 2px; padding-bottom: 4px;}
.btn-underline-uppercase:hover{color: #373433;text-decoration:underline; }
.btn-scroll-top:hover, .btn-scroll-top:focus, .btn-scroll-top:active{outline: none!important;border:none!important; color: #ffffff;-webkit-box-shadow: 0 0 9px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.4); box-shadow: 0 0 9px rgba(0,0,0,0.4);}

.top-bar{padding-top: 5px; padding-bottom: 5px; font-size: 12px; border-bottom: solid #f2f1ed 1px; color: #999999;}
.top-bar span{display: block; padding-top: 8px;}
.top-bar i{font-size: 18px;padding-right: 5px;}
.top-bar li a{color: #999999; padding-right: 5px;}
.top-bar .btn-site {font-size: 12px; text-transform: uppercase; color: #ffffff!important; margin-top: 4px}
.top-bar .col-md-3, .top-bar .col-md-4, .top-bar .col-md-2,
.top-bar .col-md-5{border-right: solid #f2f1ed 1px;}
.top-bar .col-md-3:last-child{border-right: none;}
.top-bar p{ font-size: 14px; margin: 0; }

.menu{width: 100%; display: block; position: relative; background-color: #ffffff;border-bottom: 1px solid #eeeeee; padding: 0;}
.menu-fixed{width: 100%; display: block; position: fixed; top: 0;background-color: #ffffff; z-index: 999;border-bottom: 1px solid #eeeeee;}

.navbar{ padding: 0; }
.navbar-brand{ padding: 10px 0; }
.navbar-nav{ padding: 10px 0; }


.menu-item>li>a{padding: 20px!important; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #373433; font-weight: 700; text-transform: uppercase;}
.menu-item>li.show{background-color: #f1f2ef;}


.menu-item>li.current-menu-item>a, .menu-item>li.current-menu-parent>a, .menu-item>li>a:hover{color: #008DCC;}

.menu-item .dropdown-menu{ width: 220px; background-color: #f1f2ef; border-radius:0; border:none; padding-top: 0; padding-bottom: 0; margin-top: 10px; right: 0; }

.menu-item .dropdown-menu a.nav-link{ color: #000; padding: 8px 10px; border-bottom: thin solid #eee; }
.menu-item .dropdown-menu a.nav-link:last-child{ border: none; }
.menu-item .dropdown-menu a.nav-link:hover{ background: #008DCC; color: #fff; }

.menu-item .dropdown-menu>.dropdown-item:hover{background-color: transparent!important; color: #e0a48d;}

.title-caps { font-size: 13px;color: #373433;text-transform: uppercase;font-weight: 700;letter-spacing: 2px;border-bottom: 1px solid #f2f1ed; padding-bottom: 15px;display: block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}

.panel-site {border: 1px solid #f2f1ed;}
.panel-site .title-caps{text-align: center; padding-right: 15px; padding-left: 15px;}
.panel-site .img-hover{position: relative;}
.panel-site .img-hover>.hover-content>i{font-size: 40px;color: #ffffff;display: block;width: 40px;height: 40px;position: absolute;left: 50%;margin-left: -20px;top: 50%;margin-top: -20px; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-site .img-hover>.hover-content{ background-color: rgba(221, 154, 128, 0); position: absolute; display: block; right: 0; left: 0; bottom: 0; top:0; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-site .img-hover:hover>.hover-content{ background-color: rgba(207, 12, 127, .4);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-site .img-hover:hover>.hover-content>i{ opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}

.panel-service .img-hover{position: relative;}
.panel-service .img-hover>.hover-content>i{font-size: 40px;color: #ffffff;display: block;width: 40px;height: 40px;position: absolute;left: 50%;margin-left: -20px;top: 50%;margin-top: -20px; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-service .img-hover>.hover-content{ background-color: rgba(221, 154, 128, 0); position: absolute; display: block; right: 0; left: 0; bottom: 0; top:0; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-service .img-hover:hover>.hover-content{ background-color: rgba(207, 12, 127, .4);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-service .img-hover:hover>.hover-content>i{ opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-service .service-title {background-color: #008DCC; display: inline-block; width: 100%; text-align: center;}
.panel-service .service-title h3{color: #ffffff; padding-top: 10px; padding-bottom: 4px; }

.panel-service .service-title:hover {background-color: #373433; display: inline-block; width: 100%; text-align: center; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}


.italic-text { font-size: 20px; color: #373433; font-weight: 500;line-height: 36px; font-family: 'Libre Baskerville', serif; font-style: italic;}
.panel-testimonial{padding-top: 15px; padding-left: 15px; padding-right: 15px; background-color: #ffffff; border: 1px solid #f2f1ed; }
.panel-testimonial h5 {margin-bottom: 0; font-size: 16px;}

.panel-news{background-color: #ffffff;border: 1px solid #f2f1ed; margin-bottom: 30px; }
.panel-news .cat-title{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.panel-news a{text-decoration: none;}
.panel-news .img-hover{position: relative;}
.panel-news .img-hover>.hover-content>i{font-size: 40px;color: #ffffff;display: block;width: 40px;height: 40px;position: absolute;left: 50%;margin-left: -20px;top: 50%;margin-top: -20px; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-news .img-hover>.hover-content{ background-color: rgba(221, 154, 128, 0); position: absolute; display: block; right: 0; left: 0; bottom: 0; top:0; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-news .img-hover:hover>.hover-content{ background-color: rgba(0, 141, 204, .4);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-news .img-hover:hover>.hover-content>i{ opacity: 1;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.panel-news .news-title{padding: 15px;}
.panel-news .news-title h5{font-size: 16px;}

.home-treatments .panel-service{ margin-bottom: 30px; }

.inner-banner{ background-repeat: no-repeat; background-size: cover; height: 280px; background-position: center;  }
.content{ padding: 50px 0 ; }
.content ol li{ margin-bottom: 20px; }

.single-service{ margin-bottom: 30px; }

footer h5 {color: #ffffff; font-size: 14px; margin: 0;}
footer p{color:#cacaca;}
footer hr{border-top: 1px solid #545454;}
footer li a {color: #cacaca; text-decoration: none; }
footer li a:hover {color: #c92e98; text-decoration: none; }
footer input {background-color: #575753; border: none; padding: 10px 10px; width: 100%; color: #ffffff;}
footer input:focus, footer input:active {outline: #c92e98 auto 1px;}
footer .lastbar {background-color: #30302e; display: block; padding-top: 4px; padding-bottom: 4px; font-size: 12px;}
footer .lastbar li a{color: #666666!important;}
footer .lastbar li a:hover{color: #aaaaaa!important;}
.socila-icons-footer li a{ font-size: 18px; }
.copyright{ font-size: 14px; color: #666; padding-top: 3px; margin: 0; }

footer .widget p{ color: #7a7a75; font-size: 14px; }

.widget-footer-about p{ margin: 0; }
/*.widget-footer-about hr{ margin-top: 8px; }*/

footer .widget .menu, footer .widget .menu-fixed{ position: relative!important; background: transparent!important; list-style: none!important; padding: 0!important; border: none; }
footer .widget .menu li a, footer .widget .menu-fixed li a{ padding: 5px 0!important; color: #7a7a75!important; font-size: 14px!important; }

.widget-footer-newsletter .es_caption{ color: #7a7a75; font-size: 14px; }
.es_lablebox{ display: none; }
.es_textbox_class{ width: 100%; }
.es_submit_button{ background: #008DCC; }

.navbar-toggler:focus, .navbar-toggler:active{outline: none; border:none; box-shadow: none;}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { color: #D8000C; background-color: #FFBABA; border: 0; padding: 10px; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #4F8A10; background-color: #DFF2BF; border: 0; padding: 10px; }
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before, div.wpcf7-mail-sent-ng:before { font: 26px/30px dashicons; margin-right: 16px; vertical-align: middle; }
div.wpcf7-mail-sent-ok:before { content: "\f147"; }
div.wpcf7-validation-errors:before, div.wpcf7-mail-sent-ng:before { content: "\f158"; }
span.wpcf7-not-valid-tip, .wpcf7-form label.error{ color: #e87979!important; font-size: 12px!important; font-weight: 200!important;  }
button.btn:hover, button.btn:active, button.btn:active, button.btn:focus, button.btn:active:focus{ color:#1eb0bd!important; border: none!important; box-shadow: none!important; outline: none!important; }
.wpcf7-recaptcha{max-width: 300px; }


@media screen and (min-width: 768px){
	.navbar-brand .logo{ height: 92px; }
}

@media screen and (max-width: 991px){
	.container{padding: 0; max-width: 90%!important;}
	.img-fluid{width: 100%}
	.logo{width: 80%;}
}

@media screen and (max-width: 767px){
	.menu{padding-top: 0px; padding-bottom: 0px;}
	.menu-item>li>a{ padding: 10px 10px!important; }
	.menu-item .dropdown-menu{ display: block; width: 90%; margin: 0; margin-left: 25px; }
	.navbar-collapse{ max-height: 300px; overflow: scroll; }
	.navbar-brand{ margin: 0; }
	.navbar-brand .logo{ width: 240px; }
	.top-bar{display: none;}
	.container{padding: 0; max-width: 90%!important;}
	.img-fluid{width: 100%}
	.logo{width: 80%;}
	.success-stories .panel-site{ margin-bottom: 20px; }
	.inner-banner{ background-size: 100%; height: 100px; }
	.inner-banner h1{ font-size: 26px; }
	footer .widget{ margin-top: 30px; }
}

.practo_link, .practo_link:visited{ display: none!important; }
.practo_abs_widget_button{ border: 1px solid #e0e0e0!important; }
.practo_abs_widget_button{ background: #1ebef0!important; }

.wp-paginate a{ padding: 6px 10px!important; background: transparent!important; }
.wp-paginate .current{ background: #008DCC!important; border-color: #008DCC!important; padding: 6px 10px!important; }

/* Make dropdown visible on hover 
@media (min-width: 767px) {
  .dropdown > .dropdown-menu {
    position: absolute;
    top: 100%;
    left: auto;
    z-index: 1000;
    float: none;
    min-width: 10rem;
    padding: 1rem;
    list-style: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    margin-top: 10px !important;
    display: block;
    visibility:hidden;
    min-width: 150px;
    transition: all  0.2s ease-in-out;
  }
  .dropdown:hover > .dropdown-menu {
    visibility:visible;
    display: block;
    opacity: 1;
    margin-top: 5px !important; 
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    transition: all  0.2s ease-in-out;
  }
    .mega-menu-parent.dropdown .dropdown-menu {
    position: absolute;
    left:  0;
  }
}*/