/*
Theme Name: biospehere
Theme URI: 
Author: the Egetway team
Author URI:
Description: The 2014 theme for BF-Programs is a fully responsive theme.
Version: 0.1
License: 
License 
Tags: responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images
Text Domain: BF-Programs

*/

.page-header{ margin:20px 0px; border:none;}
.page-header.effect_1{
	height:180px;
	background:url(img/header_bg.png) left top;
	padding-top:20px;
	
}

h1{ height:45px; text-align:center;  font-family:'GothamLight'; text-transform:uppercase; font-weight:normal;}
h1.cufon{ color:#10576b;text-transform:capitalize;}
#site_slider{ height:632px;}
#site_slider img{ width:100%; height:632px;}
.effect_1 h1 span{ font-family:'GothamUltra'; color:#10576b;}
.effect_1{ color:#fffffe;}
.effect_2{ background:url(img/line_bg.jpg) repeat-x left 15px;}
.effect_2 .wrp{ background:url(img/line_block.jpg) no-repeat center bottom; 
display:block;
margin:0px auto;
padding:0px 10px;
padding-bottom:10px;
}
.effect_2 h1.cufon span{ padding:0px 30px; background:#FFF;}
section.container{ min-height:600px;}
section.container{
	line-height:32px;
	color:#7f7f7f;
	font-family: 'GothamBook';
	font-size:20px;
	word-wrap:break-word;
}
.effect_2 h1:nth-child(2){
	font-family: 'GothamBook';
}
.effect_2 h1{
	color:#10576b;
}

.navbar{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
.mainContent{
	padding-bottom:60px;
}
.mainContent .addpadding {
	padding:0px 15%;
	padding-bottom:20px;
	clear:both;
}

.effects{ display:block; margin:10px auto;}
.effects li{ float:left; list-style:none; width:200px; height:200px; margin-left:15px; margin-bottom:30px; -webkit-border-radius:50%; moz-:50%; border-radius:50%; border-radius:50%; overflow:hidden; position:relative;}
.effects li img{-webkit-border-radius:50%; moz-:50%; border-radius:50%; width:200px; height:200px;}
.effects .mask{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	 margin-bottom:30px; -webkit-border-radius:50%; moz-:50%; border-radius:50%;
	 background:rgba(64,181,193,0.5);
	 color:#FFF;
	 padding:20px;
	  width:200px; height:200px;
	}
.effects li:hover .mask{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}#gallery .wrp{ text-align:center;}
#gallery h1{
	display:inline-block;
	background:#FFF;
	width:40%;
	margin:0px;
	 vertical-align:central;
	
	 color:#49c4d3;
}
#gallery h1 span{
	display:inline-block;
	font-family: 'GothamUltra';
	color:#10576b;
}
#gallery .effect_2 .wrp{
	background:none;
}
.gallerysubnav{ display:block; padding-bottom:72px; text-align:center;}
.gallerysubnav li { list-style:none; display:inline-block;}
.gallerysubnav li a{
	width: 253px;
	display: block;
	border: 2px solid  #10576b;
	height: 47px;
	line-height: 45px;
	text-transform: uppercase;
}
#gallery .gallerylist{ display:block; margin:0px; padding:0px;}
#gallery .gallerylist li{ list-style:none; float:left; margin:10px;
font-family: 'GothamMedium';
}
#gallery{ overflow:hidden;}
#gallery .gallerylist li h3{
	display: block;
	font-size: 14px;
	font-family: GothamMedium;
	margin: 0px;
	font-weight: normal;
	margin-top: 10px;
	text-transform: uppercase;
}
#gallery .gallerylist li img{ width:220px; height:170px;}

#pagination{
	display:block;
	padding-top:15px;
	padding-bottom:20px;
}
#pagination li{
	float:left;
	list-style:none;
}
#pagination a,#pagination span.current{
	float:left;
	padding:5px 6px;
	background:#28bcc1;
	color:#FFF;
	min-width:15px;
	text-align:center;
	margin:2px;
	font-size:12px;
	text-decoration:none;
	min-width:38px;
}
#pagination span{
	float:left;
}
#pagination span.current,#pagination a:hover{
	background:#4d5056;
}
#top_space{
	background:url(img/top_space.png) repeat-x left bottom #0048a1;
	height:195px;
	padding-bottom:20px;
}
#programs .leftBlock h2{
	display:block;
	background:url(img/line_bg.jpg) repeat-x left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
	color:#10576b;
	font-size:40px;
	padding-top:45px;
}
#programs .leftBlock ul {
	margin:0px;
	padding:0px;
	margin-right:10px;
	list-style:none;
}
#programs .leftBlock li{
	list-style:none;
}
#programs .leftBlock li a{
	border:2px solid #10576b;
	padding: 8px;
	display: block;
	text-transform: uppercase;
	font-size:14px;
	text-align:center;
	margin-bottom:20px;
}
#programs .rightblock{
	background:url(img/programs_bg.png) repeat-y left top;
	min-height:700px;
}
#programs .container{
	padding-bottom:0px;
}
#programs .rightblock .block{
	display:block;
	padding:40px;
}
#programs .rightblock h1{
	text-align:left;
	color:#FFF;
	margin-bottom:0px;
	height:auto;
	
}
#programs .rightblock h1{
	margin-bottom:0px;
	padding:0px;
	line-height:30px;
}
#programs .rightblock h1.cufon,#programs .rightblock h1 span{
	color:#10576b;
}
#programs .rightblock h1 span{
	font-family: 'GothamMedium';
}
.navbar-inverse .navbar-toggle{
	background:#10576b;
}
#programs .nav.nav-tabs{
	margin:0px;
	border:none;
	margin-bottom:30px;
	margin-top:20px;
}
#programs .nav > li {
	padding:4px 2px;
}
#programs .nav > li > a{
	padding:8px 10px;
	font-family: 'GothamMedium';
	color:#ffffff;
	font-size:14px;
	border:2px solid #FFF;
	outline:none;
	}
#programs .nav-tabs > li.active > a, #programs .nav-tabs > li.active > a:hover,#programs  .nav-tabs > li.active > a:focus,#programs .nav > li > a:hover, #programs .nav > li > a:focus{
	border:2px solid #10576b;
	color:#10576b;
	background:none;
}
#programs .tab-pane{
	font-size:16px;
	color:#ffffff;
	line-height:22px;
	
}
#programs .tab-pane img.center{
	text-align:center;
	margin:0px auto;
	border:3px solid #ffffff;
	margin:20px 0px;
	max-width:100%;
}
#content{
	display:block;
	height:100px;
}
#contact{
	font-size:13px;
	line-height:20px;
}
#contact h5{
	display:block;
	font-weight:bold;
	font-size:13px;
}
#contact h3{
	background:url(img/line_bg.jpg) repeat-x left bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}
#contact h3 span{
	background: url(img/contact.png) no-repeat left 5px;
	padding-left: 40px;
	font-size: 30px;
	color: #3d7787;
	text-transform: uppercase;
}
#contact .right-block{ 
	padding-top:50px;
}
#contact clearfix{
	
}
#contact label{
	font-size: 12px;
	width: 120px;
	float: left;
	text-transform: uppercase;
}
#contact input[type=text],#contact input[type=email],#contact textarea{
	float:right;
	width:320px;
	padding:6px 10px;
	margin-bottom:20px;
	background:#f8f8f8;
	border:1px solid #e8e8e8;
	max-width:100%;	
}
#contact textarea{
	height:150px;
}
#contact input[type=submit]{
	background:#10576b;
	border:none;
	padding:6px 10px;
	color:#FFFFFF;
	width:150px;
	max-width:50%;
	float:right;
}
#responsiveWrp{
	
	overflow:hidden!important;
	}
@media (min-width:320px) And (max-width:480px) {
	.carousel-inner > .item{
		height:160px!important;
	}
	.carousel-inner > .item img{
		height:160px!important;
	}
	.nav-pills > li{
		float:none;
		display:block;
	}
	.moregallery{
		float:left!important;	
	}
	#video iframe{
		width:100%!important;
	}
	#features h3{
		margin-top:20px;
	}
	.textwidget { text-align:center;}
	#header nav{
		background:none;
	}
	.navbar-inverse{
		background:none;
	}
	.navbar-collapse{
		background:#FFF;
	}
	
	.carousel-control.left{
		z-index:999;
		background:none;
		width:20px;
	}
	.carousel-control.right{
		z-index:999;
		background:none;
		width:20px;
	}
}
@media (min-width:481px) And (max-width:767px) {
	#header nav{
		background:none;
	}
	.navbar-inverse{
		background:none;
	}
	.nav-pills > li{
		float:none;
		display:block;
	}
	.carousel-inner > .item{
		height:300px!important;
	}
	.nav > li > a{
		padding:13px 5px;
		
	}
	.carousel-inner > .item img{
		height:300px!important;
	}
	.moregallery{
		float:left!important;	
	}
	#video iframe{
		width:100%!important;
	}
	#features h3{
		margin-top:20px;
	}
	.textwidget { text-align:center;}
	#header nav{
		background:none;
	}
	.navbar-inverse{
		background:none;
	}
	.navbar-collapse{
		background:#FFF;
	}
	
	.carousel-control.left{
		z-index:999;
		background:none;
		width:20px;
	}
	.carousel-control.right{
		z-index:999;
		background:none;
		width:20px;
	}
}
@media (min-width:768px) And (max-width:1024px) {
	.navbar-left{
		float:none!important;
		display:block;
		margin:0px auto;
		text-align:center;
		width:700px;
	}
	.carousel-inner > .item{
		height:410px!important;
	}
	
	.nav > li > a{
		padding:13px 5px;
		font-size:12px;
	}
	.carousel-inner > .item img{
		height:410px!important;
	}
	
}
#responsiveWrp{
	width:100%;
	overflow:hidden;
	
}
#gallery .attachment-full{
	width:100%;
}

#navbar ul.nav{
	display:inline-block;
	text-align:center;
	float:none!important;
	margin:0px auto;
}
#navbar{
	text-align:center;	
}