/*
 Theme Name: Brain Station
 Theme URI: www.sprdh.com
 Author: SPRDH
 Author URI: sprdh.com
 Description: Brain Station
 Version: 1.0
 Tags: brainstation
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
	outline: none;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
header, section, article, aside, nav, footer, address {
	display: block;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111111;
}
input,textarea,select{
	font-family: Arial, Helvetica, sans-serif;
}
p{
	font-family: 'open_sanslight';
}
a{
	color: #111111;
}
a:hover,.submit:hover{
	filter: alpha(opacity = 85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.thumb{
	display: block;
}
.thumb img{
	display: block;
}
p{
	line-height:1.6em;
}
.hidden{
	display:none;
}
.left {
	float: left;
}
.right {
	float: right;
}
br.clear {
	clear: both;
	line-height: 0;
}
.wrapper {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
header{
	background: #E67149;
}
header .wrapper{
	position: relative;
}
header h1{
	width: 337px;
	height: 163px;
	right:0;
	margin:0 auto;
	position: absolute;
	left:0;
	top:0;
	z-index: 5;
}
header h1 a {
	display: block;
	text-indent: -999999px;
	width: 337px;
	height: 163px;
	background: url(images/logo.png) no-repeat scroll 0 0;
}
header h1 a:hover{
	opacity: 1;
}
header span.trigger{
	display: none;
}
header nav{
	width:30%;
	padding: 15px 0;
	position: relative;
}

header nav ul li.first{
	float:left;
}
header nav ul li.second{
	position: absolute;
	width: 22%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 52px;
}
header nav ul li.third{
	float:right;
}
header nav ul li a{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
#spotlight{
	position: relative;
}
#spotlight ul li img{
	width: 100%;
	display: block;
}
#spotlight .caption{
	position: absolute;
	left: 130px;
	top: 160px;
	z-index: 10;
	text-transform: uppercase;
	color:#fff;
}
#spotlight .caption h2{
	font-size: 55px;
    font-family: 'open_sansbold';
    margin-bottom: 15px;
}

#spotlight .caption h2 b {
    background: none repeat scroll 0 0 rgba(230, 104, 69, 0.6);
    display: inline-block;
    padding: 0 3%;
    line-height: 70px;
}
#spotlight .caption h4{
	font-size: 21px;
    font-family: 'open_sansitalic';
    margin-bottom: 40px;
    background: none repeat scroll 0 0 rgba(230, 104, 69, 0.6);
    padding: 0 3%;
}
#spotlight div#sites{
	float: right;
}
#spotlight .bx-controls{
	display: none;
}
#links{
	position: relative;
	padding: 25px 0;
}
#links .link{
	width: 23%;
	float: left;
}
#links .link.three{
	float: right;
}
#links .link.second{
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 115px;
}
#links .link span.icon{
	background: url(images/sprite.png) no-repeat scroll 0 0;
	width: 115px;
	height: 115px;
	float: left;
}
#links .link.second span.icon{
	background: url(images/sprite.png) no-repeat scroll -115px 0;
}
#links .link.three span.icon{
	background: url(images/sprite.png) no-repeat scroll -230px 0;
}
#links .link h3{
	float: right;
	line-height: 115px;
	text-transform: uppercase;
	font-size: 19px;
}
#about div.left{
	width: 40.25%;
	height: auto;
}
#about div.left img{
	width: 100%;
	height: auto;
}
#about div.right{
	width: 57%;
	height: auto;
}
h2{
	text-transform: uppercase;
	font-size: 26px;
	margin-bottom: 13px;
}
#about div.right p{
	font-size: 15px;
	margin-bottom: 2px;
}
#about div.right a.more{
	color: #E66845;
	float: right;
}
#about div.right #about_content {
	margin-bottom: 12px;
}
#about div.right #gallery_images span.vertical{
	float: left;
	background: url(images/vertical.png) no-repeat scroll 0 0;
	width: 40px;
	height: 133px;
}
#about div.right #gallery_images ul li{
	float: left;
	width: 23.4%;
	height: 133px;
}
#about div.right #gallery_images ul li img{
	width: 100%;
	height: 100%;
}
#widgets{
	margin: 15px 0;
}
#widgets .widget{
	width: 49%;
	float: left;
}
#widgets .widget h2{
	text-align: center;
}
#widgets .widget.equipments{
	float: right;
}
#widgets .widget div{
	width: 50%;
	position: relative;
}
#widgets img{
	width: 100%;
	display: block;
}
#widgets .widget div a{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: none repeat scroll 0 0 rgba(230, 104, 69, 0.6);
	display: block;
	padding: 12px 0;
	font-size: 19px;
	text-transform: capitalize;
	text-align: center;
	color: #fff;
	font-family: 'open_sanslight';
}
#widgets .widget a.more{
	background: #E66845;
	color: #fff;
	padding: 4px 1%;
	float: left;
	font-size: 13px;
}
#widgets .widget.quarry a.more{
	float: right;
}
#testimonials{
	background: #E7E7E7;
	padding: 20px 0;
}
#testimonials .wrapper{
	position: relative;
}
#testimonials ul li{
	padding: 0 2% ;
}
#testimonials h2{
	text-align: center;
}
#testimonials .profile{
	float: left;
	width: 20%;
}
#list .profile{
	float: left;
	width: 25%;
}
#testimonials .profile img, #list .profile img{
	display: block;
	width: 121px;
	height: 121px;
	margin: 0 auto;
}
#testimonials .profile p, #list .profile p{
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
    font-family: 'open_sansregular';
    line-height: 25px;
}
#testimonials .profile p.name, #list .profile p.name{
	font-size: 19px;
    margin-top: 10px;
}
#testimonials .comment{
	float: right;
	width: 70%;
	position: relative;
	margin-top: 42px;
}
#list .comment{
	float: right;
	width: 73%;
	position: relative;
	margin-top: 42px;
}
#testimonials .comment p, #list .comment p{
	margin-top: -3px;
}
.comment span.first_comma{
	position: absolute;
	left: -34px;
	top: -15px;
	background: url(images/sprite.png) no-repeat scroll -1px -146px;
	width: 28px;
	height: 19px;
	z-index: 10;
}
.comment span.last_comma{
	position: absolute;
	background: url(images/sprite.png) no-repeat scroll -35px -146px;
	right: -4px;
	bottom: -15px;
	width: 28px;
	height: 19px;
	z-index: 10;
}
#testimonials .bx-pager{
	display: none;
}
#testimonials a.bx-prev{
	position: absolute;
	left: 0;
	top: 95px;
	background: url(images/sprite.png) no-repeat scroll 0px -167px;
	width: 22px;
	height: 37px;
	text-indent: -9999px;
}
#testimonials a.bx-next{
	position: absolute;
	right: 0;
	top: 95px;
	background: url(images/sprite.png) no-repeat scroll -26px -167px;
	width: 22px;
	height: 37px;
	text-indent: -9999px;
}
footer{
	background: #E66845;
	padding: 10px 0;
}
footer div#scl{
	float: left;
	margin-top: 10px;
}
footer div#scl ul li{
	margin-right: 5px;
	display: inline-block;
}
footer div#scl ul li a{
	background: url(images/sprite.png) no-repeat scroll -1px -116px ;
	width: 25px;
	height: 26px;
	display: block;
}
footer div#scl ul li#fbk a{
	background: url(images/sprite.png) no-repeat scroll -28px -116px ;
}
footer div#scl ul li#twr a{
	background: url(images/sprite.png) no-repeat scroll -55px -116px ;
}
footer div#scl ul li#gp a{
	background: url(images/sprite.png) no-repeat scroll -82px -116px ;
}
footer p.right, footer p.right a{
	font-size: 12px;
	line-height: 48px;
	color: #fff;
    font-family: 'open_sansregular';
}
/*inner page starts here*/
/*about page starts*/
.inner #spotlight{
	width: 100%;
	height: 200px;
}
.inner #spotlight img{
	width: 100%;
	height: 200px;
}
.inner #spotlight h2.title{
    background: none repeat scroll 0 0 rgba(230, 104, 69, 0.6);
    display: inline-block;
    padding: 0 8%;
    margin-bottom: 0;
    font-size: 40px;
    width: 88%;
}
.inner #spotlight .caption {
    left: 63px;
    position: absolute;
    top: 126px;
}
.inner #content{
	margin: 20px 0;
}
.inner #content_left{
	float: left;
	width: 68%;
	min-height: 407px;
	font-size: 17px;
}
.inner #sidebar{
	float: right;
	width: 24.34%;
}
.inner #sidebar aside{
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}
.inner #sidebar aside img{
	width: 100%;
	display: block;
}
.inner #sidebar aside a{
	position: absolute;
	bottom: 0;
	width: 98%;
	padding: 8px 1%;
	font-size: 17px;
	text-transform: uppercase;
	text-align: center;
	background: none repeat scroll 0 0 rgba(230, 104, 69, 0.6);
	left: 0;
	color: #fff;
}
/*about page ends*/
/*contact page style starts here*/
.inner #contact {
	width: 100%;
	height: 500px;
	position: relative;
}
#map_canvas{
	width: 100%;
	height: 500px;
}
.inner #address {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 20px;
    height: 462px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 46%;
}
.inner #address span{
	margin-top: 200px;
	display: block;
}
.inner #address p{
	text-align: center;
	font-size: 17px;
	color: #fff;
}
.inner  .form{
	margin-top: 20px;
	width: 100%;
	float: right;
}
.inner  .form h3{
	margin-bottom: 45px;	
	font-size: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E7E7E7;
}
.inner  .form p.left,  .inner  .form p.right{
	margin-bottom: 15px;
	width: 43%;
	display: block;	
}
.inner  .form p.full textarea{
	width: 98%;
	height: 160px;
	border: 1px solid #e8e8e8;
	resize: none;
	padding: 7px 1%;
}
.inner  .form input {
	padding: 10px;
	border: 1px solid #e8e8e8;
	width: 95%;
}
.inner .form p.submit{
	display: block;
	width: 22.1%;
	margin-top:15px;
}
.inner  .form p.submit input {
	background: #E67149;
	color: #fcffff;
	height: 46px;
	width: 185px;
	cursor: pointer;
	font-size: 19px;
}
/*contact page style ends here*/
/*list style starts here*/
.inner ul#list li{
	border-bottom: 1px solid #c0c0c0;
	padding:15px 0;
}
.inner ul#list li a.thumb{
	width: 19%;
	height: 110px;
	border: 4px solid #c0c0c0;
	float: left;
	margin: 0 15px 15px 0;
}
.inner ul#list li a.thumb img{
	width: 100%;
	height: 100%;
}
.inner ul#list li a.button{
    font-size: 15px;
    padding: 5px 2%;
    float: right;
    color: #E67149;
}
.inner ul#list li h3{
	margin-bottom: 11px;
	font-size: 21px;
}
.inner ul#list li p{
	font-size: 16px;
}
/*list style ends here*/

/*gallery page style start here*/
.inner #gallery {
	float: left;
	width: 100%;
}
.inner #gallery li {
	width: 22%;
	float: left;
	margin: 0 1.5% 3% 1.5%;
	height: 120px;
	overflow: hidden;
	border: 3px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.inner #gallery li.second {
	margin-right: 0;
}
.inner #gallery li img{
	width: 100%;
	display: block;
	height: auto;
}
/*gallery page style end here*/
#content_left.single div.image {
    float: left;
    width: 40%;
    margin-right: 2%;
}
#content_left.full{
	width: 100%;
}
#content_left.single div.image img{
	width: 100%;
	display: block;
}
/*typography starts here*/
.single p {
	margin-bottom: 15px;
	color: #343434;
}
.single p a {
	color: #0e7fdb;
}
section.single ul, section.single ol {
	list-style: square;
	margin-bottom: 15px;
	padding-left: 15px;
}
section.single ol {
	list-style: decimal;
}
section.single li {
	margin-bottom: 12px;
}
section.single  li ul, section.single li ol {
	padding-left: 30px;
	margin: 15px 0;
	list-style: disc;
}
section.single  li ol {
	list-style: lower-roman;
}
section.single table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
section.single a {
	color: #555;
}
section.single a:hover {
	color: #444343;
}
section.single table th {
	background: #EEEEEE;
	padding: 10px 20px;
	border: 1px solid #e0e0e0;
}
section.single td {
	padding: 10px 20px;
	border: 1px solid #e0e0e0;
}
section.single h1 {
	text-transform: uppercase;
	color: #515151;
	font-size: 30px;
}
section.single h2 {
	font-size: 26px;
}
section.single h3 {
	font-size: 24px;
	color: #555;
}
section.single h4 {
	font-size: 22px;
}
section.single strong, section.single b {
	font-weight: bold;
}
section.single i {
	font-style: italic;
}
section.single h5 {
	font-size: 20px;
}
section.single h6 {
	font-size: 18px;
}
section.single h1, section.single h2, section.single h3, section.single h4, section.single h5, section.single h6 {
	margin-bottom: 10px;
}
/*typography ends here*/
/*inner page ends here*/
@media all and (max-width: 1080px) {
	header nav ul li a{
		font-size: 15px;
	}
	#links .link{
		width: 27%;
	}
	#about div.right #gallery_images ul li{
		width: 23%;
	}
	.inner #gallery li img{
		width: 100%;
	}
}
@media all and (max-width: 1024px) {
	#gallery_images{
		display: none;
	}
}
@media all and (max-width: 980px) {
	#links .link {
	    width: 29%;
	}
	#spotlight .caption{
		top: 100px;
	}
}
@media all and (max-width: 800px) {
	.wrapper{
		width: 100%;
	}
	header .wrapper{
		width: 90%;
	}
	header nav{
		display: none;
	}
	header span.trigger{
		display: block;
		background: url(images/menu.png) no-repeat scroll 0 0 ;
		height: 40px;
		width: 40px;
		float: right;
		cursor: pointer; 
		margin-right: 8%;	
	}
	header #mobileMenu{
		position: absolute;
		right: 0;
		top: 41px;
		z-index: 100;
		color: #fff;
	}
	header #mobileMenu li{
		background: none repeat scroll 0 0 rgba(230, 104, 69, 0.6);
		margin-bottom: 1px;
		text-align: center;
		padding: 0;
	}
	header #mobileMenu li a{
		color:#fff;
		text-transform: uppercase;
		padding: 5px 22%;
		display: block;
	}
	#spotlight .caption h2{
		font-size: 41px;
	}
	#spotlight .caption h2 b{
		line-height: 52px;
		margin-bottom: 2px;	
	}
	#testimonials .comment{
		margin-top: 18px;
	}
	#links .link {
    	width: 15%;
	}
	#links .link h3 {
	    line-height: 30px;
	    margin-top: 10px;
	}
	#links .link.second{
		top:25px;
		height: auto;
	}
	.inner #sidebar{
		width: 30%;
	}
	.inner #spotlight .caption {
	    left: 20px;
	    top: 138px;
	}
	.inner #spotlight h2{
		font-size: 30px !important;
	}
	.inner #sidebar {
		width: 27%;
	}
	.inner #content_left{
		width: 67%;
	}
	.inner ul#list li a.thumb{
		width: 25%;
	}
	.inner #gallery li{
		width: 29%;
	}
}
@media all and (max-width: 640px) {
	#links .link {
	    width: 19%;
	}
	#spotlight .caption {
	    top: 132px;
	}
	#spotlight .caption h2{
		font-size: 26px;
		margin-bottom: 6px;
	}
	#spotlight .caption h2 b {
	    line-height: 35px;
	}
	#spotlight .caption h4{
		font-size: 17px;
		margin-bottom: 0;
	}
	#widgets{
		margin-top: 0;
	}
	#widgets .widget{
		width: 100%;
	}
	#widgets .widget a.more{
		float: right;
	}
	.inner #spotlight h2{
		font-size: 23px !important;
	}
	.inner ul#list li a.thumb{
		width: 29%;
	}
	.inner ul#list li p{
		font-size: 15px;
	}
	.inner #contact{
		height: auto;
	}
	.inner #address{
		position: static;
		width: 100%;
		height: auto;
		padding:15px 0;
		margin: 15px 0;
	}
	.inner #address span{
		margin-top: 0;
	}
	#map_canvas{
		height: 250px;
	}
}
@media all and (max-width: 600px) {
	#links .link {
	    width: 20%;
	}
	header h1{
		margin: 0;
	}
	#spotlight .caption{
		left: 54px;
	}
	#testimonials .profile{
		width: 27%;
	}
	#testimonials .comment{
		width: 62%;
	}
	.comment span.last_comma{
		bottom: 5px;
	}
	#about div.left, #about div.right{
		width: 100%;
	}
	#about div.left img{
		width: 75%;
		display: block;
		margin: 0 auto;
	}
	#about div.right{
		text-align: center;
	}
	.inner #gallery li{
		width: 46%;
	}
}
@media all and (max-width: 480px) {
	header .wrapper{
		width: 100%;
	}
	header #mobileMenu{
		right: 0px;
	}
	header h1{
		left: -4px;
	}
	header span.trigger{
		margin-right: 10%;
	}
	#spotlight .caption{
		display: none;
	}
	#links .link{
		width: 25%;
	}
	.inner #spotlight{
		display: block;
	}
	.inner #spotlight .caption{
		display: block;
	}
	.inner #content_left{
		width: 100%;
	}
	.inner #sidebar{
		display: none;
	}
	.inner .form p.left, .inner .form p.right{
		width: 100%;
	}
	.inner #contact #map{
		width: 98%;
		border:4px solid #666666;
	}
}
@media all and (max-width: 360px){
	header{
		position: relative;
		height: 218px;
	}
	header span.trigger{
		position: absolute;
		bottom: -183px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	header h1{
		margin: 0 auto;
	}
	header #mobileMenu{
		right: 0;
		left: 0;
		top: 214px;
		margin: 0 auto;
	}
	header #mobileMenu li{
		width: 100%;
		background: #E67149;
		margin-bottom: 0;
		border-bottom: 1px solid #fff;
	}
	header #mobileMenu li a{
		font-size: 14px;
		padding: 7px 22%;
	}
	#links{
		display: none;
	}
	#about div.left img{
		width: 100%;
	}
	#about div.right p{
		text-align: justify;
	}
	#widgets .widget div{
		width: 100%;
	}
	#testimonials{
		display: none;
	}
	.inner #spotlight{
		height: auto;
	}
	#spotlght{
		display: none;
	}
	#about div.left{
		display: none;
	}
	#about div.right #about_content{
		margin-top: 15px;
	}
	footer p{
		width: 100%;
		text-align: center;
	}
	footer div#scl{
		width: 100%;
		text-align: center;	
	}
} 
@media all and (max-width: 320px){
	header h1{
		left: -8px;
	}
	.inner ul#list li a.thumb{
		width: 36%;
	}
}