@charset "utf-8";

/* CSS Document */
body{font-family: 'Cabin', sans-serif; color:#666;}
.logo img{ /*width:300px; float:left; margin-right:15px;*/  max-width:500px; padding:15px 0;}
header {
	height:110px;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}
.navbar-inverse {
    background-color: #2ca495;
    border:none;
}
.about h2 {
    margin-top: 0;
	text-align: center;
}
.navbar-inverse .navbar-nav > li > a{ color: #fff;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ background-color:#FFF; color: #2ca495;}
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: #2ca495 !important;
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.appointment{ float:right; text-align:right;}
.appointment h4{ color:#2ca495; }
a:hover{ text-decoration:none; }
/*.left-side{ width:50%; float:left;}
.right-side{ width:50%; float:right;}
*/.about{ background-color:#2ca495; overflow:hidden; padding:25px 15px; color:#FFF; text-align:justify; }
.about p{ margin-bottom:20px;}
.green h4{ color:#FFF;}
.navbar-default{ background-color:#2ca495; border:none; border-radius:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
 {color: #2ca495; background-color: #fff; }
 .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ background-color:#FFF; color:#2ca495;}
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background-color:#FFF;}
 .navbar-default .navbar-nav > li > a{ color:#FFF; font-size:16px;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{ width:100%;}
.carousel-control.right{ background-image:none;}
.carousel-control.left{ background-image:none;}
 h1 { color:#514c8c; padding:15px 0;}
 .navbar{ margin-bottom:0px;}
 .services{ padding:40px 0; text-align:justify; overflow:hidden;}
 .services h2{ margin-bottom:30px; color:#666;}
  .services h2 a{ color:#2ca495;}
 .services h2 a:hover{ color:#666; cursor:pointer; }
.carousel-fade{height:auto;} 
.carousel-fade .item img{height:auto !important; width:100%;}
.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: 2;
}
.services h4 {
 	color:#2ca495;
    text-align: center;
    display: block;
    box-shadow: 0px -2px 3px #ccc;
    padding: 10px 0 ;
}
.services img{ margin-bottom:10px;}
.read{ background-color:#fff; color:#2ca495; padding:7px 15px;}
.read2{ background-color:#2ca495;border:1px solid #2ca495; color:#fff; padding:7px 15px; display:block; text-align:center;}
.read2:hover{ color:#2ca495; background-color:transparent; border:1px solid #2ca495;}
.other-serives{padding: 40px 0; background-color:#F2F2F2; }
.other-serives p{ font-size:16px; }
.other-serives h2 a{ color:#2ca495; }
.other-serives a:hover{ color:#666; cursor:pointer; }
.other-services1{ text-align:justify;}
.other-serives .read {background-color:#2ca495; border:1px solid #2ca495;  color:#fff; padding:7px 15px; margin-top:15px; display:block; width:150px; text-align:center; }
.other-serives .read:hover {background-color:transparent; color:#2ca495; padding:7px 15px; border:1px solid #2ca495;}
.clr{ color:#2ca495;}
.prlx{ background-image:url(../images/healthcare.jpg); background-attachment:fixed; padding:25px; background-size:cover; background-repeat:no-repeat; color:#FFF; text-align:center; box-shadow: 0 0px 10px #ccc;}
.prlx h1{ color:#2ca495;  font-family: 'Lobster', cursive; text-shadow:1px 1px 1px #000; font-size:48px;}
.other-serives h2 {  margin-bottom: 30px;}
.footer{ background-color: #2A2A2A; overflow:hidden; padding:25px;}
.hvr-grow-shadow {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  text-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor:pointer;
}
.testimonial{
    margin-bottom: 10px;
}

    .testimonial-section {
        width: 100%;
        height: auto;
        padding: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: relative;
        border: 1px solid #fff;
    }
    .testimonial-section:after {
        top: 100%;
        left: 50px;
        border: solid transparent;
        content: " ";
        position: absolute;
        border-top-color: #fff;
        border-width: 15px;
        margin-left: -15px;
    }

    .testimonial-desc {
        margin-top: 20px;
        text-align:left;
        padding-left: 15px;
    }
        .testimonial-desc img {
            border: 1px solid #f5f5f5;
            border-radius: 150px;
            height: 70px;
            padding: 3px;
            width: 70px;
            display:inline-block;
            vertical-align: top;
        }

        .testimonial-writer{
            display: inline-block;
            vertical-align: top;
            padding-left: 10px;
        }

            .testimonial-writer-name{
                font-weight: bold;
            }

            .testimonial-writer-designation{
                font-size: 85%;
            }

            .testimonial-writer-company{
                font-size: 85%;
            }
    .testimonial.testimonial-default{
        
    }
        .testimonial.testimonial-default .testimonial-section{
            border-color: #777;
        }

            .testimonial.testimonial-default .testimonial-section:after{
                border-top-color: #777;
            }

        .testimonial.testimonial-default .testimonial-desc{
            
        }

            .testimonial.testimonial-default .testimonial-desc img{
                border-color: #777;
            }

            .testimonial.testimonial-default .testimonial-writer-name{
                color: #777;
            }


#rig {
    max-width:900px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:#000;
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
        
/* The wrapper for each item */
.rig-cell {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#rig li:hover .rig-img {
    transform:scale(1.05);
}
        
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #3DC0F1 url(img/link.png) no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}

/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: 'Oswald', sans-serif;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}

@media (max-width: 9000px) {
    #rig li {
        width:25%;
    }
}

@media (max-width: 700px) {
    #rig li {
        width:33.33%;
    }
}

@media (max-width: 550px) {
    #rig li {
        width:50%;
    }
}
.icon {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 8px 13px;
    float: left;
    margin: 0 2px;
}
.icon:hover { background-color: rgba(255,255,255,0.2);  }
.social{ color:#FFF; overflow:hidden;}
.social h5{  margin-top:10px;}
.address{ color:#FFF; clear:both; overflow:hidden;}
.footer a{ color:#FFF;}
.footer a:hover{ color:#2ca495;}
.footer ul{ margin-left:-30px;}
.footer li{ list-style:none;}
.footer h3{ color:#FFF;}
.map{ margin:10px 0; border:1px solid #fff;}
.last-footer{ padding:15px; text-align:center; }
.contact{ background-color:#2ca495; overflow:hidden; padding:25px 15px; color:#FFF;  margin-top: 25px;
box-shadow: 5px 5px 2px #ccc; }
.border{ border-right:1px dotted #fff;  border-left:1px dotted #fff; }
.contact-map{ padding:25px 15px;  }
.contact-page li{ float:left; padding:7px;  }
.facility { padding:25px 15px;   }
.facility h3{ text-align:center; margin-bottom:25px;} 
.facility h4 {
    color: #2ca495;
    background-color: #fff;
    display: block;
    padding: 10px;
    box-shadow: 0px -4px 3px #ccc;
	text-align:center;
	    text-transform: uppercase;
}
.facility p {
    text-align: center;
    text-transform: uppercase;
}
.box{ min-height:110px;}
.facilities{  padding:25px 15px; }
.facilities h4{  color: #2ca495;}
.facilities img{  display:block; float:left; margin: 0 15px 15px 0  }

.careers{  padding:25px 15px; }
.careers td, th {
    padding: 5px 10px;
}
 h4 {  color: #2ca495;}
.careers tbody tr:nth-child(2n+1) {
    background: #CCC;
    color: #333;
}
.careers form { margin-top:50px;}

.about-page, .services{  padding:25px 15px; text-align:justify; }.about-page img{  display:block; float:left; margin: 0 15px 15px 0  }
.services h4  {  color: #2ca495; text-align:left; padding-left:10px; font-size: 16px;}
.petient{ padding:25px; border:1px solid #ccc; margin-bottom:15px; box-shadow: 5px 5px 3px #ccc;}
.line{ width:50px; height:3px; background-color: #2ca495; display:block; margin:0 15px 25px 20px; }

@media (min-width: 320px) and (max-width: 767px) 
{
    header {
    height: 70px;
    clear: both;
    }
   .logo img{width:100%;}
   
    .appointment {
    float: left;
    text-align: left;
    
    }
    #nav {
    clear:both;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border:none;}
}