/*
Template Name: Psychologist
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.carousel-caption {
background: #0006;
width:40%;
left:10%;
padding:15px;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1 }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1 }
.carousel-fade .carousel-control { z-index: 11 }
@media only screen and (max-width:767px) { 
.carousel-caption {
padding: 15px;
}
.carousel { margin-bottom: 0 }
.hero-unit { padding-bottom: 60px }
.hero-unit p { font-size: 16px }

}

.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus{
color:#fff;
background:#e0a067 !important;
}  
.kb_control_left,.kb_control_right{
top:46%;
z-index:2;
width:55px;
height:55px;
text-align:center;
-webkit-transition:all ease-in-out .3s;
transition:all ease-in-out .3s
}
.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right{
opacity:1;
}
.kb_icons{
line-height:50px !important;
font-size:34px!important;
font-weight:normal!important;
}
.kb_control_left{
left:1%!important
}
.kb_control_right{
right:1%!important
}
.center_home .carousel-control{
opacity:1;
}
/*********************center_home_end****************/

/*********************achieve****************/
#achieve{
padding-top:40px;
padding-bottom:40px; 
 }
.achieve_1lr {
box-shadow: 0px 0px 7px 0px #ddd;
padding:30px 15px;
min-height:180px;
}
.achieve_1lr p{
font-size:17px;
}
.achieve_1ll{
position:relative; 
 }
.achieve_1ll2{
position:absolute;
width:100%;
height:100%;
background:#0006;
top:0;
padding-top:120px;
display:none;
 }
.achieve_1ll2 a{
background:#e0a067;
width:80px;
height:60px;
line-height:60px;
font-size:30px;
text-align:center;
display:inline-block;
 }
.achieve_1ll2 a:hover{
background:#001238;
 }
.achieve_1ll:hover .achieve_1ll2{
display:block;
 }
.achieve_2{
margin-top:40px; 
 }
.achieve_2ril h5 i{
background:#eee;
width:50px;
height:50px;
line-height:50px;
display:inline-block;
text-align:center;
border-radius:50%;
margin-right:10px; 
 }
.achieve_2ril h5 i:hover{
background:#e0a067;
color:#fff; 
 }
/*********************achieve_end****************/

/*********************feature****************/
#feature{
background:#f4f4f4;
padding-top:40px;
padding-bottom:40px; 
 }
.feature_2i1 span{
font-size:60px; 
 }
.feature_2i1{
background:#fff;
padding:35px 15px 40px 15px;
min-height:300px;
 }
.feature_2i{
position:relative;
 }
.feature_2i2{
position:absolute;
width:100%;
top:0;
display:none;
 }
.feature_2i:hover .feature_2i2{
display:block;
 }
.feature_2{
margin-top:30px; 
 }
/*********************feature_end****************/

/*********************prod****************/
#prod{
padding-top:40px;
padding-bottom:40px; 
 }
 
.prod_2i{
position:relative; 
 }
.prod_2i2{
position:absolute;
width:100%;
padding:10px;
top:0;
 }
.prod_2i2 h6{
background:#e0a067;
display:inline-block;
text-align:center;
color:#fff;
padding:5px 15px;
 }
.prod_2i3 ul li a{
background: #fff;
width:50px;
height:50px;
line-height:50px;
display:block;
text-align:center;
border-radius:50%;
color:#000;
font-size:16px;
 }
.prod_2i3 ul li a:hover{
background:#e0a067;
color:#fff; 
 }
.prod_2i3 ul li{
display:inline-block;
 }
.prod_2i3{
position:absolute;
width:100%;
bottom:10px;
display:none;
 }
.prod_2i:hover .prod_2i3{
display:block;
 }
.prod_1{
margin-top:30px; 
 }
/*********************prod_end****************/

/*********************serv****************/
#serv{
padding-top:40px;
padding-bottom:40px;
background:#f4f4f4; 
 }
.serv_1i{
background:#fff;
padding:15px; 
 }
.serv_1{
margin-top:30px; 
 }
/*********************serv_end****************/

/*********************spec****************/
#spec{
padding-top:40px;
padding-bottom:40px; 
 }
.spec_1r ul li a{
background:#e0a067;
border-radius:0; 
 }
/*********************spec_end****************/

/*********************team****************/
#team{
padding-top:40px;
padding-bottom:40px;
background:#f4f4f4; 
 }
.team_1i ul li a{
background:#001238; 
 }
.team_1i{
background:#fff;
padding:10px; 
 }
/*********************team_end****************/

/*********************therapy****************/
#therapy{
padding-top:40px;
padding-bottom:40px; 
 }
.therapy_1l .progress {
height: 6px;
border-radius: 0;
margin-bottom: 0;
margin-top: 10px;
margin-bottom: 30px;
}
.therapy_1l .progress-bar-success {
background: #e0a067;
}
/*********************therapy_end****************/

/*********************faq****************/
#faq{
padding-top:40px;
padding-bottom:40px;
background:#f4f4f4; 
 }
.panel-heading span {
margin-top: -20px;
font-size: 15px;
}
.ques .panel-heading{
  background: #e0a067;
    color: #46280d;
    padding: 20px 15px;
    border-color: #bf824c;
 }
.ques .panel-heading h5{
 font-size:22px;
 font-weight:bold;
 }
.ques .panel-heading h5 i{
margin-right:5px;
 }
.ques .panel-body{
 font-size:16px;
 }
.ques .panel-success{
 border-color:#ddd;
 }
/*********************faq_end****************/

/*********************prod_h****************/
#prod_h{
padding-top:40px; 
padding-bottom:40px;
 }
.prod_h2i2 span a{
background:#e0a067;
color:#fff;
display:inline-block;
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
color:#fff;
font-size:16px; 
 }
.prod_h2i{
position:relative; 
 }
.prod_h2i2{
position:absolute;
width:100%;
top:70px;
display:none;
 }
.prod_h2i3{
position:absolute; 
width:100%;
background:#fff;
bottom:0;
padding:15px;
display:none;
 }
.prod_h2i:hover .prod_h2i2{
display:block; 
 }
.prod_h2i:hover .prod_h2i3{
display:block; 
 }
 
.prod_h3 h5{
display:inline-block;
margin-left:5px;
margin-right:5px;
 }
.prod_h3{
margin-top:15px; 
 }
.prod_h2i{
padding:1px; 
 }
/*********************prod_h_end****************/

/*********************touch****************/
#touch{
padding-top:40px;
padding-bottom:40px;
background:#f4f4f4; 
 }
.touch_1li .form-control {
background: #fff;
box-shadow: none;
font-size: 16px;
height: 50px;
margin-top: 20px;
border: none;
}
.touch_1li .form_1 {
height: 150px;
}
/*********************touch_end****************/

/*********************blog_h****************/
#blog_h{
padding-top:40px;
padding-bottom:40px; 
 }
.blog_h1i2 h6 a{
display:inline-block;
background:#e0a067;
color:#fff;
font-size:14px;
padding:8px 15px;
border-radius:3px; 
 }
.blog_h1i{
position:relative;
 }
.blog_h1i2{
position:absolute;
top:0;
padding:10px;
 }
.blog_h1i3 span{
background:#e0a067;
color:#fff;
display:inline-block;
text-align:center;
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
font-size:18px; 
 }
.blog_h1i3 span a{
display:block; 
 }
.blog_h1i3 span:hover{
background:#001238;
 }
.blog_h1i3{
position:absolute;
bottom:0;
padding:10px;
display:none;
 }
.blog_h1i:hover .blog_h1i3{
display:block; 
 }
.blog_h1ib{
background:#f4f4f4;
padding:30px 15px; 
 }
 
 

.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  margin-bottom:0; border:none; }
.panel-default { border-color: #4e2907c7 !important; }
.panel .panel-title { color: relative;  }
.panel .panel-body { position: relative; padding: 15px !important; overflow: hidden; height: auto; }
.panel .panel-body a { overflow: hidden; }
.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 
    transition: all 0.5s; 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    -o-transition: all 0.5s; 
}
.panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}     
.panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; }  
.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.modal-title { font: 400 normal 1.625em "Roboto",Arial,Verdana,sans-serif; }
.modal-footer { font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; } 

/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left}
 
 .gallery_pg {
    padding: 1px;
}
/*********************blog_h_end****************/


@media screen and (max-width : 767px){
.center_home {
text-align:center; 
 }
.center_home img{
min-height:300px; 
 }
.carousel-caption{
position:static;
width:100%;
 }
.kb_control_left,.kb_control_right{
top:30%;
}
#achieve{
text-align:center; 
 }
.achieve_1l{
margin-top:10px; 
 }
.achieve_2r{
margin-top:10px;  
 }
.feature_2i{
margin-top:10px;  
 }
.prod_2i{
margin-top:10px;   
 }
#serv{
text-align:center;
 }
.serv_1ir{
margin-top:10px;   
 }
.serv_1i{
margin-top:10px; 
 }
.spec_1r{
text-align:center; 
 }
.team_1i{
margin-top:10px; 
 }
#therapy{
text-align:center;
 }
.therapy_1l h5{
text-align:left; 
 }
#faq{
text-align:center;
 }
.ques .panel-heading h5{
text-align:left; 
font-size:14px; 
 }
.touch_1l{
text-align:center;
margin-bottom:10px;
 }
.blog_h1ib{
text-align:center;
margin-bottom:10px; 
 }
 
 
.modal-content{
  margin-top:50px!important;
  }
}

@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:500px; 
 }
.achieve_1lr {
padding:10px;
}
.achieve_1lr h4{
font-size:17px;
}
.achieve_1lr p{
font-size:16px;
}
.achieve_2l img{
min-height:600px; 
 }
.achieve_2ril h5 i {
width: 30px;
height: 30px;
line-height: 30px;
margin-right:5px;
}
.achieve_2ril h5 {
font-size:16px;
}
.prod_2i1 img{
min-height:270px; 
 }
.prod_2i3 ul li a{
width:30px;
height:30px;
line-height:30px;
font-size:14px; 
 }
.serv_1il img{
min-height:240px; 
 }
.spec_1l img{
min-height:420px; 
 }
.therapy_1r img{
min-height:400px;  
 }
.faq_1r img{
min-height:560px; 
 }
.touch_1r img{
min-height:500px;  
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.achieve_1lr {
padding:15px;
}
.achieve_1lr h4{
font-size:20px;
}
.achieve_1lr p{
font-size:16px;
}
.achieve_2l img{
min-height:600px; 
 }
.serv_1il img{
min-height:240px; 
 }
.spec_1l img{
min-height:420px; 
 }
.therapy_1r img{
min-height:400px;  
 }
.faq_1r img{
min-height:560px; 
 }
.touch_1r img{
min-height:500px;  
 }
  }
@media (min-width:1201px) and (max-width:1350px) {

 }