@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300
	italic,400italic,600,600italic,700,700italic,800,800
	italic|Droid+Sans:400,700|PT+Sans:400,400italic,700,700italic|Lato:400,100,100
	italic,300,300italic,400italic,700,700italic,900,900italic|Oswald:400,300,700|
	Droid+Serif:400,400italic,700,700italic|Roboto:400,100,100italic,300,300italic,400
	italic,500,500italic,700,700italic,900,900italic|Lora:400,400italic,700,700
	italic|Libre+Baskerville:400,400italic,700|Josefin+Slab:400,100,100i
	talic,300,300italic,400italic,600,600italic,700,700italic|Arvo:400,400
	italic,700,700italic|Ubuntu:400,300,300italic,400italic,500,500italic,700,700
	italic|Raleway:400,100,200,300,500,600,700,800,900|Source+Sans+Pro:400,200,200
	italic,300,300italic,400italic,600,600italic,700,700italic,900,900
	italic|Lobster|PT+Serif:400,400italic,700,700italic|Old+Standard+TT:400,400
	italic,700|Gravitas+One|Merriweather:400,300,300italic,400italic,700,700italic,900,900italic);

/*

font-family: 'Open Sans', sans-serif;
  font-family: 'Droid Sans', sans-serif;
  font-family: 'PT Sans', sans-serif;
  font-family: 'Lato', sans-serif;
  font-family: 'Oswald', sans-serif;
  font-family: 'Droid Serif', serif;
  font-family: 'Roboto', sans-serif;
  font-family: 'Lora', serif;
  font-family: 'Libre Baskerville', serif;
  font-family: 'Josefin Slab', serif;
  font-family: 'Arvo', serif;
  font-family: 'Ubuntu', sans-serif;
  font-family: 'Raleway', sans-serif;
  font-family: 'Source Sans Pro', sans-serif;
  font-family: 'Lobster', cursive;
  font-family: 'PT Serif', serif;
  font-family: 'Old Standard TT', serif;
  font-family: 'Gravitas One', cursive;
  font-family: 'Merriweather', serif;

  ( 
  font-family: 'Open Sans', sans-serif; *****
  font-family: 'Droid Sans', sans-serif; *****
  font-family: 'PT Sans', sans-serif; *****
  font-family: 'Lato', sans-serif; *****
  font-family: 'Oswald', sans-serif; *****
  font-family: 'Source Sans Pro', sans-serif; *****  
  font-family: 'Roboto', sans-serif; *****
  font-family: 'Raleway', sans-serif; ***** 
  ) 

*/
#toTop{
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}

table {
    width: 100%;
}
.skyblue {
    background-color:#1e75a2;
    padding: 20px 0px; 
}
th {
    color: white;
    font-size: 22px;

}
 .table-curved {
    border-collapse: separate;
}
.table-curved {
    //border: solid #dce3e9 1px;
    border-radius: 3px;
    //border-left:0px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.table-curved td, .table-curved th {
    //border: 1px solid #dce3e9;
    padding: 5px;
}
.table-curved th {
    //border-top: none;
    padding: 20px;
}
.table-curved th:first-child {
    border-radius: 3px 0 0 0;
}
.table-curved th:last-child {
    border-radius: 0 3px 0 0;
}
.table-curved th:only-child{
    border-radius: 3px 3px 0 0;
}
.table-curved tr:last-child td:first-child {
    border-radius: 0 0 0 3px;
}
.table-curved tr:last-child td:last-child {
    border-radius: 0 0 3px 0;
}
  @media only screen and (max-width: 760px),
        (min-device-width: 768px) and (max-device-width: 1024px) {
            /* Force table to not be like tables anymore */
            
            table,
            thead,
            tbody,
            th,
            td,
            tr {
                display: block;
                background-color:#FFFFFF;
                //border:1px solid #ddd;
            }
            /* Hide table headers (but not display: none;, for accessibility) */
            
            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
            tr {
                border: 1px solid #ccc;
            }
            td {
                /* Behave  like a "row" */
                
                border: none;
                //border-bottom: 1px solid #eee;
                position: relative;
                padding-left: 50%;
            }
            td:before {
                /* Now like a table header */
                
                position: absolute;
                /* Top/left values mimic padding */
                
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }
            
            
            table,
            thead,
            tbody,
            th,
            td,
            tr {
                display: block;
            }
            /* Hide table headers (but not display: none;, for accessibility) */
            
            .patinf thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
                display: none;
            }
            .table-curved th{
                display: none;
            }
            .reports tr {
                border: 1px solid #dce3e9;
            }
            .reports td {
                /* Behave  like a "row" */
                
                border: none;
                border-bottom: 1px solid #dce3e9;
                position: relative;
                padding-left: 50%;
            }
            .reports td:before {
                /* Now like a table header */
                
                position: absolute;
                /* Top/left values mimic padding */
                
                top: 7px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }
            
            /*
    Label the data
    */
            .reports td:nth-of-type(1):before {
                content: "Year";
                font-weight:bold;
            }
            .reports td:nth-of-type(2):before {
                content: "Patient Check";
                font-weight:bold;
            }
            .reports td:nth-of-type(3):before {
                content: "Spects Distribution";
                font-weight:bold;
            }
            .reports td:nth-of-type(4):before {
                content: "Surgery Done";
                font-weight:bold;
            }
            .reports td:nth-of-type(5):before {
                content: "Medicine";
                font-weight:bold;
            }
            /*.reports td:nth-of-type(6):before {
                content: "Next Recall";
                font-weight:bold;
            }
            .reports td:nth-of-type(7):before {
                content: "Balance";
                font-weight:bold;
            }*/
        }




        
body,html
{
color: #333;
background-color: #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 26px;
} 
.row {
	padding: 0px;
}
p {
	text-align: justify;
}
.no-pad {
	padding: 0px;
}
.navbar-default {
	background-color: none;
	border: none;
	margin-top: 20px;
}


#main {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top:10px solid #237abc;
	background-color: #000;
}
#headermid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#bannermid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#bannermid img{
	border-bottom: 3px solid #ddd;
}
#about {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0px;
}
#aboutmid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#aboutmid h1{
	text-align: center;
	font-size: 45px;
	color: black;
	font-family: 'Raleway', sans-serif;
	font-weight: bold; 
}
#aboutmid img{
	border: 3px solid #f5f5f5;
}
#aboutmid p{
	font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #333;
}
#feature {
	width: 100%;
	height: auto;
	margin: 0 auto;
	//background-color:#e57919;
	padding: 30px 0px;
	margin-top: 30px;
	border-bottom: 4px solid #07415f;
	background-image: url(../images/feature_bg.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}
#featuremid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#featuremid h1{
	text-align: center;
	font-size: 45px;
	color: white;
	font-family: 'Raleway', sans-serif;
	font-weight: bold; 
}
#featuremid p{
	font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: white;
}
#featuremid ul li{
	line-height: 30px;
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}
#featuremid h3{
	line-height: 30px;
	color: white;
	font-weight: bold; 
}
#services {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../images/current_job.jpg);
	padding: 40px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}
#servicesmid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#servicesmid ul li{
	line-height: 40px;
	list-style-type: square;
	color: black;
	font-size: 18px;
}

#servicesmid h1{
	text-align: center;
	font-size: 45px;
	color: black;
	font-family: 'Raleway', sans-serif;
	font-weight: bold; 
}
#servicesmid p{
	font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: black;
//padding: 15px;
text-align: left;
}
#servicesmid p b{
	margin-top:20px;
	color: #0f93d7;
}
#testimonial {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#testimonialmid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#testimonialmid h1{
	text-align: center;
	font-size: 45px;
	color: black;
	font-family: 'Raleway', sans-serif;
	font-weight: bold; 
}
#testimonialmid p{
	font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
color: #333;
}
#testimonialmid p b{
	font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
color: #1e75a2;

}
#contact {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 0px;
	font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
}

address {
	font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
}
#contactmid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#contactmid h1{
	text-align: center;
	font-size: 45px;
	color: black;
	font-family: 'Raleway', sans-serif;
	font-weight: bold; 
}
#contactmid p{
	font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
color: #333;

}
#contactmid a{
    color:#3a8ecf;
}
#contactmid a:hover{
    text-decoration:none;
    color:none;
}
#footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#footermid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#footermid a{
    color:white;
    
}
#footermid a:hover{
    text-decoration:none;
    color:none;
}
#team {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	padding: 30px 0px;
	background-image: url(../images/feature_bg.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#teammid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#teammid h1{
	text-align: center;
	font-size: 45px;
	color: white;
	font-family: 'Raleway', sans-serif;
	font-weight: bold; 
}
#teammid p{
	font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
color: white;
}
#footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #333;
	padding: 10px 0px;
}
#footermid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
#footermid p {
	color: white;
	text-align: left;
}
.column-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 15px;
    position: relative;
    color: #006d8e;
    font-weight: bold;
}
.column-title::after {
    border-bottom: 1px solid #006d8e;
    bottom: -1px;
    content: " ";
    left: 0;
    position: absolute;
    width: 40%;
}
.box {
    border-radius: 3px;
	/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
	padding: 38px 0px;
	text-align: right;
	display: block;
	/* margin-top: 60px; */cursor: pointer;
}
.box-icon span {
	color: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.info h4 {
	color: white;
	font-size: 22px;
	margin: 0px;
	font-family: inherit;
	font-weight: 100;
	padding: 28px 0px;
	text-transform: uppercase;
	width: 100%;
	padding: 20px 0px;
	background-color: #1e75a2;
	font-weight: bold;
	text-align: center;
}
.info > p {
	color: #717171;
	font-size: 16px;
	text-align: center;
}

.box >.box-icon {
    border: 2px solid #fb7820;
}
.box:hover >.box-icon {
	border: 2px solid #fb7820;
	background-color: #fff;
	color: #fb7820;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
}
.box:hover >.box-icon >span {
	color: #fb7820;
}
.box-icon {
	background-color: #fb7820;
	border-radius: 50%;
	display: table;
	height: 120px;
	margin: 0 auto;
	width: 120px;/*margin-top: -61px;*/
}
section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #07415f;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
.team{
    //padding:75px 0;
}
h6.description{
	font-weight: bold;
	letter-spacing: 2px;
	color: white;
	border-bottom: 1px solid #3a8ecf;
	padding-bottom: 5px;
}
.profile{
	margin-top: 25px;
}
.profile h2{
	font-weight: bold;
	font-size: 20px;
	margin:10px 0 0 0;
	color: white;
	font-size: 20px;
}
.profile h3{
	font-size: 16px;
	font-weight: lighter;
	margin-top: 5px;
	color: white;
}
.profile .img-box{
	opacity: 1;
	display: block;
	position: relative;
}

.profile .img-box:after{
	content:"";
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
}
.profile .img-box img{
	width: 100%;
}
.img-box ul{
	position: absolute;
	z-index: 2;
	bottom: 50px;
	text-align: center;
	width: 100%;
	padding-left: 0px;
	height: 0px;
	margin:0px;
	opacity: 0;
}
.profile .img-box:after, .img-box ul, .img-box ul li{
	-webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.img-box ul i{
	font-size: 20px;
	letter-spacing: 10px;
}
.img-box ul li{
	width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #3a8ecf;
    margin: 2px;
    padding: 5px;
	display: inline-block;
}
.img-box a{
	color:#fff;
}
.img-box:hover:after{
	opacity: 1;
}
.img-box:hover ul{
	opacity: 1;
}
.img-box ul a{
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.img-box a:hover li{
	border-color: #fff;
	color: #3a8ecf;
}

i.red{
    color:#BC0213;
}
/*index page end*/



/*about page start*/

#aboutpage {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#aboutpagemid {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.nopad {
	padding: 0px;
}
/*about page end*/