/*
Template Name: Hospital
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****************/
.fade-carousel {
    position: relative;
    min-height: 600px;
}
.fade-carousel .carousel-inner .item {
    min-height: 600px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 4px;
    opacity: .8;
}
.fade-carousel .carousel-indicators > li.active {
  opacity: 1;
}

.hero h1{
font-size:52px;
color:#fff;
 }
.hero h3{
color:#fff;
 }
.hero p{
color:#fff;
 }
/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
	width:40%;
    top: 48%;
    left:70%;
	padding:10px 15px 22px 15px;
    z-index: 2;
    text-transform:capitalize;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	-ms-transform: translate3d(-50%,-50%,0);
	-o-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	background:#01d28e2e;
}


.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
}

/********************************/
/*          Custom Buttons      */
/********************************/

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  min-height: 600px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
     background-image: url(../img/1.jpg);
}
.fade-carousel .slides .slide-2 {
  background-image: url(../img/2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../img/3.jpg);
}
#center .carousel-indicators{
  bottom:80px;
  }
.fade-carousel .carousel-indicators > li{
      background: #fff;
	  border-color: #fff;
	  width:15px;
	  height:15px;
  }
.fade-carousel .carousel-indicators > li.active{
      width:15px;
	  height:15px;
	  background:#01d28e;
	  border-color:#01d28e;
  }
/*********************center_home_end****************/

/*********************consult****************/
#consult{
margin-top:-80px;
padding-bottom:40px; 
 }

.consult_1l{

background-image:    url(../img/63.jpg);
    background-size:     cover;                    
    background-repeat:   no-repeat;
    background-position: center center;

min-height:435px; 

 }
.consult_1lil .form-control{
 height:50px;
font-size:16px;
box-shadow:none;
color:#999;
 }
.consult_1li{
margin-top:20px; 
 }
.consult_1li .button_1{
background:#2d3e50;
 }
.consult_1r{
background:#fff;
padding:40px;
text-align:center;
min-height:435px;
box-shadow: 0 0 10px #01d28e36; 
 }
/*********************consult_end****************/

/*********************service****************/
#service{
padding-bottom:40px; 
 }
.service_2il span{
background: #01d28e1f;
width: 100%;
height: 60px;
line-height: 60px;
display: inline-block;
font-size: 32px;
text-align: center;
border-bottom:5px solid #2d3e50;
}
.service_2il span:hover{
background:#01d28e;
color:#fff!important; 
 }
.service_2{
margin-top:30px; 
 }
/*********************service_end****************/

/*********************team****************/
#team{
padding-bottom:40px; 
padding-top:40px; 
background: #01d28e1f;
 }
.team_1i2 ul li a {
 background-color: #2d3e50;   
}
.team_1i2 .social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	width: 35px;
	height: 35px;
	font-size:16px;
    border-radius:50%;
}
.team_1i2 .social-circle li i {
	margin:0;
	line-height:35px;
	text-align: center;
	color:#fff;
}
.team_1i2{
width:100%;
text-align:center;
position:absolute;
bottom:10px;
display:none;
 }
.team_1i{
position:relative; 
 }
.team_1i:hover .team_1i2{
display:block;
 }
.team_1b{
background:#01d28e;
border: 1px solid #00c182;
padding:15px 15px 20px 15px; 
 }
.team_1{
margin-top:30px; 
 }
/*********************team_end****************/

/*********************about****************/
.about_1l {
padding-top:170px; 
 }
.about_1l ul{
margin-top:30px; 
 }
.about_1l ul li{
display:inline-block;
padding-right:60px;
font-size:45px; 
color:#01d28e;
line-height:0.7em;
 }
.about_1l ul li span{
font-size:18px; 
line-height:0;
color:#000;
 }
/*********************about_end****************/

/*********************testim****************/
#testim{
padding-top:40px;
padding-bottom:40px;
background: #2d3e50;  
 }
.testim_1i1 span{
background:#01d28e;
width:40px;
height:40px;
text-align:center;
line-height:40px;
display:inline-block;
color:#fff;
font-size:20px; 
 }
.testim_1i2i img{
float:left; 
margin-right:10px;
 }
.testim_1i2i{
margin-top:20px; 
 }
.testim_1i{
border:1px solid #3c546d;
padding:20px 15px; 
 }
.testim_1i{
position:relative;
margin-top:50px; 
 }
.testim_1i1{
position:absolute;
top:-20px; 
width:100%;
 }
/*********************testim_end****************/

/*********************gallery****************/
.modal-content{
  margin-top:100px!important;
  }
.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important;  margin-bottom:0; border:none; }
.panel-default { border-color: #ebedef !important; }
.panel .panel-body { position: relative; padding: 0 !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_end****************/

/*********************blog_h****************/
#blog_h{
padding-top:40px;
padding-bottom:40px;
}
.blog_h_1{
margin-top:30px; 
 }
/*********************blog_h_end****************/

@media screen and (max-width : 767px){
.hero{
width:100%;
left:50%;
text-align:center; 
 }
#consult{
text-align:center; 
 }
.consult_1lil .form-control{
margin-top:10px; 
 }
#service{
text-align:center; 
 }
.service_2ir {
margin-top:10px; 
 }
.service_2i {
margin-top:15px;  
 }
.about_1l {
padding-top: 20px;
text-align:center;
margin-bottom:15px;
}
.about_1l ul li{
padding-right:0;
margin-top:10px; 
 }
.blog_h_1i p{
 text-align:center;
 }
.blog_h_1i h4{
 text-align:center;
 }
.testim_1i2i h4{
 text-align:left; 
 }
.blog_h_1i h5{
 text-align:center; 
 }
.blog_h_1i{
margin-top:15px;
 }
.product_1_last ul li{
margin-bottom:8px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.hero h1{
font-size:40px; 
 }
.hero {
top: 45%;
}
.consult_1r{
padding:15px; 
 }
.consult_1r h3{
font-size:26px;
 }
.service_2il span{
font-size:22px; 
 }
.team_1b h4{
font-size:22px; 
 }
.about_1r img{
min-height:700px; 
 }
.about_1l ul li{
padding-right:5px; 
 }
.testim_1i2i img{
width:50px;
height:50px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.consult_1r{
padding:18px; 
 }
.about_1r img{
min-height:700px; 
 }
.about_1l ul li{
padding-right:10px; 
 }
  }
@media (min-width:1201px) and (max-width:1366px) {

 }