body{background:#000000;font-family:'open sans', segoe UI, arial;color:#ffffff;font-size:13px;}
/*========== HEADER ==========*/
header{background:#000000;height:85px;border-bottom:9px solid #000000;}
	header .white{background:#000000;height:85px;float:left;padding:0 30px;}		
	header a.logo{background:url(images/logo.gif) no-repeat;width:400px;height:100px;margin-top:10px;}
	header .navbar{margin:0;}
		header .navbar .navbar-inner{background:none;border:none; filter:none;}
		header .navbar .navbar-inner ul li{background:url(images/nav-dvd.gif) no-repeat right center;padding:0 5px;}
		header .navbar .navbar-inner ul li.last{background:none;}
		header .navbar .navbar-inner ul li a{line-height:85px;color:#fff;font-size:21px;text-shadow:1px 1px 1px #111;text-transform:uppercase;font-family:'oswald', 'open sans', segoe UI, arial;padding:0 20px;}
/*========== /HEADER ==========*/

/*========== /BANNER ==========*/
.banner{height:542px;overflow:hidden;}
	.banner ul{margin:0;height:542px;overflow:hidden;}
	.banner ul li{list-style:none;}
	#banner li{width:100%!important;height:542px!important;}
	.banner ul li img{width:100%;}
	.banner .bannerGrid{background:url(images/banner-grid.png) repeat;width:100%;height:542px;position:absolute;z-index:10;}
	.container.caption{background:url(images/red-fade-bg.png) repeat;border-top:9px solid #000000;height:130px;line-height:138px;color:#fff;margin-top:-138px;position:relative;z-index:12;}
	.container.caption h1, .news h1{font-size:90px;text-transform:uppercase;font-family:'oswald', 'open sans', segoe UI, arial;line-height:130px;margin:0;padding:0 0 0 60px;}
	:root .container.caption h1{letter-spacing:-7px\0/IE9; }
	.container.caption aside, .container.caption span{background:#000000;color:#101111;float:right;padding:0 35px;margin-left:10px;}
/*========== /BANNER ==========*/

/*========== NEWS ==========*/
.news{background:#000000;color:#4368a5;padding:20px 0;}
	.news h1{float:left;color:#4368a5;border-right:1px solid #4368a5;padding-right:30px;}
	.news aside{font-size:14px;line-height:30px;padding-top:13px;}
	.news aside li{font-size:14px;line-height:27px;}
		.news aside h4{color:#4368a5;}
		.news aside li img{width:100px;}
		.news aside li a{color:#4368a5;}
		.news aside li a:hover{color:#ffffff;}
/*========== /NEWS ==========*/

/*========== PRODUCT PANEL ==========*/
.productPanel{margin-top:40px;margin-bottom:40px;}
	.productPanel .top{border-bottom:9px solid #4368a5;}
	h2.heading1{text-transform:uppercase;font-family:'oswald', 'open sans', segoe UI, arial;font-size:50px;line-height:50px;margin:0 0 -10px;}
	.productPanel h2{color:#4368a5;}
	.productPanel section{background:#000000;padding:25px;}
		.productPanel ul{margin:0;}
		.productPanel ul li{margin:0;padding:0;list-style:none;float:left;}
		.productPanel section .pro{border-right:0px solid #eee;text-align:center;float:left;width:368px;padding:10px 0;position:relative;height:200px;overflow:hidden;}
		.productPanel .pro img{width:80%;}
		.productPanel .social{background:#EFEFEF;padding:7px 0;font-size:12px;text-shadow:1px 1px 0 #fff;text-transform:uppercase;width:80%;margin-left:10%;float:left;}
			.productPanel .social li{border-right: 1px solid #CCCCCC; float: left; margin: 0 0 0 15px; padding-right: 16px;}
				.productPanel .social li.pull-right{float:right;border:none;}
			.productPanel .social li a{color:#000000}
			.productPanel .social li a:hover{color:#000}
		
	.button-large{background:#4368a5;color:#fff;padding:0 30px;line-height:47px;font-size:16px;	-webkit-transition: all 0.2s ease-in-out;text-transform:uppercase;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.button-large i{margin-left:5px;}		
	.button-large:hover{color:#fff;	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
/*========== /PRODUCT PANEL ==========*/
.about aside{font-size:14px;line-height:25px;}
	.about aside h4{color:#4368a5;}
	.productPanel.about .top{border-color:#000000;}
	.about .top h2{color:#000000;}
	.about .top .button-large{background:#000000}
	.about blockquote{min-height:135px;margin-bottom:0;}

/*========== FOOTER ==========*/
footer{
	background:#000000;
	padding:30px 0;
	color:#E9E9E9;
	font-size:14px;
}
	footer h3, footer h4{color:#000000;text-transform:uppercase;font-family:'oswald', 'open sans', segoe UI, arial;font-size:40px;font-weight:normal;padding-bottom:10px;text-shadow:1px 1px 1px #000;}
	footer h4{color:#4368a5;font-size:28px;line-height:32px;}
	footer address{line-height:25px;}
	footer address div{background:url(images/icons/address.png) no-repeat 0 10px;padding-left:50px;}
	footer address strong{color:#fff;font-weight:normal;font-size:15px;}
	footer img{
	border:4px solid #000000;
	margin-left:15px;
}
	footer .span4, footer .span3{border-right:1px solid #000000;min-height:190px!important;}
	footer .span4.last{border:none;}
	footer .copyright{border-top:1px solid #000000;padding:20px 0 0;font-size:12px;color:#4368a5;text-align:center;margin-top:30px;}
	footer .social a{float:left;margin-right:14px;color:#000000font-size:50px;}
		footer .social a.tw{background-position:-104px 0;}
		footer .social a.pi{background-position:-52px 0;}
		footer .social a:hover{color:#fff;text-decoration:none;}
		
.banner a.control{width:90px;height:70px;position:absolute;top:280px;left:50px;z-index:50;}
.banner a.prev{background:url(images/icons/banner-prev.png) no-repeat;}
.banner a.next{background:url(images/icons/banner-next.png) no-repeat;top:306px;left:120px;}
.banner a.control:hover{background-position:0 bottom}

/*====== PRODUCT PANEL HOVER BUTTONS ======*/
.team-hover {
	width:100%;
	height:260px;
	position:absolute;
	display:block;
	top:0;
	opacity:0;
	background:url(images/team-hover.png) no-repeat;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.team-social-media {
	width:102px;
	height:40px;
	margin:0 auto;
	margin-top:110px;
	text-indent:-9999px;
}

a.team-facebook {
	height:440px;
	width:340px;
	display:block;
	background:url(images/icons/Black_Search.png) no-repeat center #2E3131;
	float:left;
	opacity:0;
	margin-right:10px;
	margin-top:40px;
	text-indent:-9999px;
	overflow:hidden;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

a.team-twitter {
	height:440px;
	width:340px;
	display:block;
	background:url(images/icons/Black_New-Page.png) no-repeat center #2E3131;
	float:left;
	opacity:0;
	margin-right:10px;
	margin-top:-40px;
	text-indent:-9999px;
	overflow:hidden;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
a.team-facebook:hover,  a.team-twitter:hover{background-color:#4368a5;}
.pro:hover img{opacity:0.4;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.pro .team-hover {
	opacity:1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.team-member:hover h3.our-team-title {
	color:#e44d26 !important;
   	-webkit-transition: all 0.4s ease-in-out;
   	-moz-transition: all 0.4s ease-in-out;
   	-o-transition: all 0.4s ease-in-out;
   	-ms-transition: all 0.4s ease-in-out;
   	transition: all 0.4s ease-in-out;
}

.pro:hover a.team-facebook, .pro:hover a.team-twitter, .pro:hover a.team-linkedin {
	opacity:1;
	margin-top:0px;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
/*====== /PRODUCT PANEL HOVER BUTTONS ======*/

.mega-icon-block-1 .iconcontainer i{font-size:80px;color:#4368a5;}
.mega-icon-block-1 .span4{text-align:center;width:350px;padding-top:30px;}
p.mega-icon-block-text{padding-bottom:20px;}


.navForMobile{display:none;}
  .navbar{display:block;}
  
/*====== CSS CHANGER ======*/
.styleswitcher{background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); left: -112px; padding: 10px 20px 8px; position: fixed; top: 150px;width: 72px; z-index: 10000;}
.styleswitcher .arrow-box {  position: absolute; right: -47px;}
.switch-button { box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.1); cursor: pointer; display: block;}
.styleswitcher ul{margin:0;}
.styleswitcher ul li { display: inline-block; list-style: none outside none; margin: 0 8px 10px 0;}
.styleswitcher ul li a { float: left; height: 25px; opacity: 0.7;width: 25px;}
.styleswitcher ul li a:hover { opacity: 1;}
.styleswitcher a.red-theme{background:#4368a5;}
.styleswitcher a.blue-theme{background:#4368a5;}
/*====== /CSS CHANGER ======*/