@charset "utf-8";
/* CSS Document */

body, html {
	padding:0px;
	margin:0px;
	background-image:url(../img/bg.jpg);
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#00101b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}
h1 {font-family: 'Roboto Condensed', sans-serif;}
#logo {
	background:#555d60 url(../img/logo-br-bg.jpg) top center repeat;
	padding:3px !important;
	border-radius:6px;
	margin-left:15px;
}
.logo {
	background: #fbfbfb url(../img/logobg.jpg) bottom center repeat-x;
	padding:0px 15px;
	border-radius:6px;
}
.header { padding-top:30px; padding-bottom:10px;}
.topcontact {
	background-color: #000;
	border:1px solid #3c3c3c;
	position:relative;
	text-align:right;
	color:#a7a7a7;
	font-size:11px;
	padding:8px 25px;
	clear:both;
	margin-bottom:10px;
}
@media (max-width: 768px){ #logo { margin-right:15px !important}}
@media (max-width: 640px){ .header{ padding-top:0px !important;}}
.logonav { max-height:35px; margin-top:-8px; margin-left:-10px}
.navbar-brand { padding:15px; font-size:18px; font-weight:bold}
@media (max-width: 320px){
	.navbar-brand { font-size:14px}
	.nav-wrap { width:100% !important}
}

/*navigator*/
@media (min-width: 768px){
nav > .container-fluid, .navbar-collapse  { padding:0px !important}
.navbar{
	background: #e61f24 url(../img/nav-bg.jpg) bottom center repeat-x;
	border:0px;
	border-radius:0px;
}
.nav > li > a { padding-right:25px !important; padding-left:25px !important; }
.navbar-default .navbar-nav > li > a {
	color: #fff
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: #303030 url(../img/nav-bg-active.jpg) top center repeat-x;
	border: 1px solid #8c8c8c;
	color: #fff
}
}
@media (max-width: 1024px){
	
	.nav > li > a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
}
/*end navigator*/
.slider-wrapper { 
	width: 100%; 
	margin:15px auto 30px auto;
	overflow:hidden !important;
	
}
.slidewrap {
	padding:4px;
	background:url(../img/slider-bg.jpg) top center repeat-y;
	overflow:hidden;
	position:relative
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
.nivoSlider { margin-bottom:0px !important; box-shadow:none !important}	
.nivo-controlNav { position:absolute; display:none; visibility:hidden; height:1px;}
.screw1 { position:absolute; top:15px;  width:98%; z-index:50000; left:25px;}
.screw2 { position:absolute; bottom:5px;  width:98%; z-index:50000; left:25px; }

/**/
.box-wrap {
	background-color: #fff;
	padding:15px 0px;
	overflow:hidden;
	color:#404040;
	
}
.box-col { padding:15px;}
.about
{
	color:#cd0900;
	font-family: 'Roboto', sans-serif;
	font-size:12px;

}
.box-wrap h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:20px
}
.box-wrap h1 span {color:#0394ae}
.mission p { font-size:12px}

#midpanel {
	 width:100%; 
	 position:relative; 
	 overflow:hidden; 
	 background-color:#042e49; 
	 padding:25px 0px; 
	 margin:25px 0px;
	 color:#d8d8d8;

	 }
#midpanel h1 { font-size:24px; color: #fff; margin-top:0px; margin-bottom:30px;}	 
#midpanel h1 span {color:#01c1d8}
.box-wrap2 {
	background-color: #000c14;
	padding:15px 15px;
	overflow:hidden;
	color:#d9d9d9;	
}
.box-wrap2 ul { list-style:none; padding-left:0px; margin-top:15px;}
.box-wrap2 ul li { padding-left:25px; margin-bottom:5px;}
.box-wrap2 ul li:before {font-family: 'FontAwesome';
content: '\f101';
margin:0 10px 0 -20px;
color: #0394ae;}

/*bottom panel*/
.bottompanel h1 { font-size:24px; color:#fff; margin-top:0px; margin-bottom:25px}
.bottompanel h1 span {color:#01c1d8}
.services { 
	margin-bottom:15px; 
	background-color:#b2b6b9; 
	color:#323232; font-family: 'Roboto', sans-serif; 
	padding:0px; 
	position:relative; 
	overflow:hidden;
	display:table;
	width:100%;
	height:3.5em;
	}
.service-ico { 
	background-color:#d80f0f; 
	margin:0px; 
	position:relative; 
	overflow:hidden; 
	font-size:35px; 
	color:#fff; 
	text-align:center; 
	display:table-cell;
	float:left;
	width:2em
	}
.service-des { 
	padding:4px 15px 4px 10px; 
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:inherit;
	font-size:12px
	}
.service-des a {color:#323232 !important; text-decoration:none}	
.services:hover .service-ico{ background-color:#F90!important}

.learn1 { background-color:#babec1; border:1px solid #898989; padding:5px 15px; margin-bottom:18px;}
.learn1 a { color:#323232;}
.learn1 a:hover{ color:#fff; text-decoration:none;}
.learn1:hover { background-color:#01c1d8; color:#fff; border:1px solid #0098aa}

#cert { background-color:#dddedc; height:100%; padding:15px; position:relative; overflow:hidden}
#cert h1 { font-size:24px; color:#323232; margin-top:0px; margin-bottom:25px; font-weight:bold}
#cert h1 span {color:#0394ae}
#cert ul { list-style:none; padding-left:0px;}
#cert li { 
	border-bottom:1px dashed #969696;
	padding:4px 15px 3px 40px;
}
#cert ul li:before {font-family: 'FontAwesome';
content: '\f005';
margin:0 10px 0 -20px;
color: #0394ae;}
.learn { overflow:hidden; text-align:right}
.learn2 { background-color:#ffffff; border:1px solid #898989; padding:5px 15px; margin-bottom:18px; position:relative; display:block; float:right}
.learn2 a { color:#323232;}
.learn2 a:hover{ color:#fff; text-decoration:none;}
.learn2:hover { background-color:#01c1d8; color:#fff; border:1px solid #0098aa}

@media (max-width: 640px)
{
	.topcontact { text-align:center}
	.navbar-default { margin-bottom:0px;}
	.slider-wrapper { margin-bottom:10px;}
	#cert h1 { margin-bottom:10px}
	.learn2 { float:left}
}
#footer {
	 width:100%; 
	 background-color:#000000; 
	 color: #939393; 
	 font-size:11px; 
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	 text-align:center;
	 position:relative; 
	 display:block;
	 clear:both;
	 margin-top:15px; 
	}
#footer .container { padding:10px 15px;}