@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Lora:400,700|Volkhov:400,700);
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700,300);

html,body{
	max-width:100%;
	overflow-x:hidden;
}

.row{
	margin-left:0;
	margin-right:0;
}

.container{
	padding:0;
	max-width:100%;
	background-color:rgb(230,230,230);
	font-family:Oxygen, sans-serif;
}

.header{
	background-color:#EBF5FF;
	padding-top:10px;
	padding-bottom:10px;
}
.carousel{
	background-color:rgb(230,230,230);
	max-height:400px;
	overflow:hidden;
}

.carousel .item img {
	 left: 0 !important;
      -webkit-transition: opacity 1.8s; /*adjust timing here */
         -moz-transition: opacity 1.8s;
           -o-transition: opacity 1.8s;
              transition: opacity 1.8s;
     margin:0 auto;
     width:100%;
}

.nav-tabs{
	background-color:#00005C;
}


.nav-tabs li:hover{
	background-color:lightgray;
	color:#00005C !important;
}
.nav-tabs li {
	height:70px;
	width: 33.33%;
	font-size:.7em;
	text-align:center;
	color:lightgray !important;
	/* background-color:#3D5C99; */
	margin-bottom:-1px;
}

li.active{
	font-weight:bold;
	text-decoration:underline;
	color:black !important;
	background-color:#fff !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color:black;
}

.nav-tabs li a{
	height:100%;
	width:100%;
	display:table;
	border:none !important;
	margin:0;
	font-size:1.5em;
	line-height:1.7em;
}

.nav-tabs li span{
	display:table-cell;
	vertical-align:middle;
}

.content{
	background-color:#FFF;
	font-size:1.3em;
	padding:15px;
	/* text-indent:1.2em; */
	/* padding-top:20px; */
}



.sidebar{
	padding:0;
}

.sidebar img{
	display:block;
	margin:0 auto;
	width:100%;
}
.doctorSidebar img{
	display:block;
	margin:0 auto;
	width:100%;
}

body {
	background-color:#EBF5FF;
	font-family:Lora,serif;
}

.copy p{
	text-indent:1em;	
}

h1 {
	font-size:3.5em;
	font-family:Oxygen,sans-serif;
	font-weight:700;
	text-align:center;
}

h2{
	text-align:center;
	margin-top:0;
	padding-top:20px;
	font-size:3em;
}

address {
	text-align:center;
	line-height:1.5em;
}

.header h3{
	font-size:1.3em;
	text-align:center;
}

h3{
	margin-top:10px;
	text-align:left;
	font-size:2em;
	line-height:1.3em;
}
h4{
	color:lightgray;
	font-size:1.5em;
}
h5{
	text-align:left;
	margin-top:0;
	font-size:2em;
}

li a{
	color:lightgray;
}

.doctor{
	border-top:2px solid #00005C;
	/* border-left:1px solid gray; */
	/*padding-top:30px;*/
}

.footer{
	background-color:#00005C;
	font-size:1.2em;
	
}
.footer .add{
	text-align:center;
	position:relative;
}
.footer p{
	color:lightgray;
}
.footer .add a{
	color:lightgray;
	
	/* position:absolute;
	top:50%;
	transform:translateY(-50%); */
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) { 
 	
 	.doctorSidebar img{
 		max-width:65%;
 	}
 	.landscape{
 		max-width:95% !important;
 	}
	
.nav-tabs li {
	height:auto;
	width:auto;
	/* font-size:1em; */
}
/* nav-tabs li a{
	height:auto;
	margin:auto;
	line-height:1em;
} */ 

	
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.container{
		max-width:960px;
	}
	
	h1{
		font-size:4.4em;
		margin-left:-15px;
		line-height:1.5em;
		text-align:left;
	}
	
	h2{
		text-align:left;
		font-weight:400;
	}
	
	h3{
		line-height:1.2em;
	}
	

	
	.nav-tabs li a{
		font-size:2em;
	}
	
}

/* Large devices (large desktops, 1200px and up)
@media (min-width: @screen-lg-min) { ... } */