@charset "utf-8";
/* CSS Document bootstrap overrides and template styling */

/*.position_nav { height: 80px; }*/


body { background-color: #000;    
	font-family: "Source Sans Pro",Arial,san-serif; 
 }

.position_1-1 { color: #cccccc; }
ul {
	list-style:none;
}

.navbar-collapse.in {
    overflow-y: unset;
}
#navbar {
	border: none;
	/*background-color: black;*/
	position: relative;
/*	width: 100px;
	width: 100%;*/
}
.navbar {
	margin: 0; 
}
.navbar {
	background:  url("../images/bkgnd/page_bkgnd_v2.png") repeat-x scroll left top;
	padding: 0px 0px 0px 0px;
	border: none;
}
.nav > li > a { font-size: 12px; 
	/*padding: 0px 0px 10px 0px;*/
}
.col-xs-12 ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.col-xs-12 h1 {
	margin-top: 2px;
}
.belowhomeimage { display: inline-block; margin-bottom: 10px; color: #ffffff; }
.belowhomeimage ul { padding-left: 20px; }
.belowhomeimage li { margin: 5px 0px; }
.navbar-header {
	width: 100%;
	margin-left: 0px !important;
}
.navbar-toggle {
	background-color: #cccccc;
	/*float: none; margin: 18px 0px 0px 30px !important;*/
}
.navbar-brand {
	padding: 10px 0px 0px 0px;
	height:auto;
}
.nav.navbar-nav > li a { color: white; }
.nav.navbar-nav > li a:hover {
    background-color: #cccccc;
	color: #000000;
}
.navbar-nav { padding-top: 10px; margin-top: 80px; }

.navbar-nav li { margin-right: 15px; }
.button {
	padding: 0px;
	margin-top: 10px;
}
.position_maincontent_xs  .first { background-color: #f34f34; margin-bottom: 10px; }
.position_maincontent_xs  .second  { background-color: #007893; margin-bottom: 10px; }
.position_maincontent_xs  .third  { background-color: #818181; margin-bottom: 10px; }
.position_maincontent_xs .messagetxt a { color: #ffffff; }
/*.featureimg {
	display: none !important; prevents xs featureimg to display not sure why i had this in here
}*/

/*.row { margin: 0px; }*/ /*we don't want the -15px margin on left and right when the callouts are stacked. it's for wide screens only*/

.ourcompanytitle { 
    text-align: center;
    font-family: "Source Sans Pro";  
	}
.ourcompanytitle h1 { font-size: 32px; color: #f34f34; text-transform: uppercase; margin: 20px; }
.position_pagesubtitle_xs h2 { font-size: 20px; color: #ffffff; margin: 0px 20px; padding: 10px 0px;}
.safetytitle h2 {font-size: 1.0em;  color: #ffffff; margin: 0px 20px; padding: 10px 0px;}
.position_pagesubtitle_xs, .safetytitle, .usatitle, .systemsubtitle { background-color: #f34f34; text-align: center;  }
.safetytitle h3, .usatitle h3 {margin-bottom: 0px; padding: 5px; color: #ffffff; }
.ourcompanymaincontent { color: #cccccc; padding: 0px 10px; }

.position_maincontent_xs h2, .position_maincontent_xs h3 { margin-top:5px; }
.position_contactinfo_xs h2 { margin-top:5px; }
.ourcompanymaincontent ul { border-left: 4px solid #f34f34; border-right: 4px solid #f34f34; padding-left:10px; }
.ourcompanymaincontent li { margin-bottom: 7px; }
.ourcompanymaincontent .companyarticle { margin: 0px; }
.ourcompanymaincontent .companyarticle h2  { font-size: 1.3em;}

/*.ourcompanymaincontent .usa, .ourcompanymaincontent .safety { background-color: #f34f34; color: white; }*/
.ourcompanymaincontent .usa img, .ourcompanymaincontent .safety img {  
    padding: 10px;
	display: block;
    margin: auto;
	 }

.ourcompanymaincontent .commendation img {  
    padding: 0px 10px;
	display: block;
    margin: auto;
	 }

.usa p { background-color: #f34f34; padding: 5px 15px; color: #ffffff; }

.ourcompanymaincontent .commendation {
    background-color: #ffffff;
    color: #f34f34;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.ourcompanymaincontent .bowtrail h2 { text-align: center; }
.ourcompanymaincontent .sjhb p { text-align: left; margin: 10px; }
.ourcompanymaincontent .sjhb img { border-bottom: solid 1px #f34f34; }
.commendationtitle h3 { padding: 10px 15px; }
.position_corpmessage2_xs { color: #cccccc; text-align: center; }
.position_corpmessage2_xs h2 { font-size: 1.3em;}
.position_corpmessage2_xs h4 { font-size: 1.0em;}
.contactcallout_projects label { 
	display: inline;
    font-weight: normal; 
	}
	.capabilitycontent { padding: 10px; }
.system { padding: 0px; }
.thesystem .odd, .thesystem .even { background-color: #fff; color: #000; margin-bottom: 20px; }
.thesystem h2 { margin-bottom: 0px; }
.position_footer_xs { background-color: #cccccc; text-align:center;}
.position_footer_xs p { font-size: 0.7em; color: #000000;}
.position_featureimghome_xs { margin-top: -11px; }
.contact_xs {
    background-color: #f34f34;
    color: #ffffff;
    padding: 10px 20px 6px;
	text-align: center;
}
.contact_xs ul { padding-left: 10px; }

.contactaddress_xs, .contactphone_xs {
    margin: 10px 10px;
	color: #ffffff;
}
/* apple ios styling for phone numbers */
a[href^=tel] { color: inherit; text-decoration: none; font-size: 1.4em; }
.contactemail_xs hr { margin: 10px 0px;}
.contactemail_xs a { color: #cccccc; font-size: 1.4em; }
.contactemail_xs a:hover { color: #000000; }

.maincontent_header { margin-bottom: 20px; }


/* -------------CSS for viewports greater than 768px  ----------*/

@media (min-width: 768px) {
body { background-color: #000;    
	font-family: "Source Sans Pro",Arial,san-serif; 
	min-width: 1280px;
	height: 100%; }

.footer { min-width: 1280px; }
.logo { width: 35%; }
.logo img { width: 100%; }
.menu_sm { width: 65% }
/*ul#mainmenu  { margin-left: 0px; margin-top: 25px; float: right; margin-right: 10px } */
ul#mainmenu li { padding: 0px; }
ul#mainmenu li a { font-size: 12px; }
#menu-main-menu .moduletable { width: 100%; }

.container { width: unset; }
.nav > li > a { padding: 10px 5px; }

.navbar-toggle {
    display: unset;
}
.container-fluid {padding: 0px; }
.companyarticle p {
	background-color: #ffffff;
}
.smallfeatureimg {
display: none!important;
}
 .featureimg {
display:block !important;
}
 .row {
margin-left: 5px;
margin-right: 5px;
}

}
/* Corporate message */

.mobile_corpmessage {
	padding: 8px;
	background: rgba(10, 0, 0, 0.58) none repeat scroll 0 0;
}
.mobile_corpmessage h1 {
	color: #f34f34;
	font-family: "Novecento sans wide UltraLight", Nevis, sans-serif;
	font-size: 22px;
	margin: 0px 0px 10px 0px;
}
.mobile_corpmessage h3 {
	color: #ffffff;
	font-family: "Novecento sans wide UltraLight", Nevis, sans-serif;
	font-size: 16px;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
.mobile_corpmessage p {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0;
}
.mobile_corpmessage ul {
	margin: 2px;
	padding-left: 10px;
}
.mobile_corpmessage ul li {
	color: #cccccc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	list-style: outside none none;
}
/* Home page callouts */



.callouts p {
	text-align: left;
}
/*.callouts {

    text-align: center;

}*/

/*.callouts ul {

    margin: 10px 0px 0px 0px;

    padding: 0;

}*/

.callouts .visible-xs ul li.first {
	background:#929292;
	}
.callouts visible-xs li.first {
	border-top-color: #818181;
}
.callouts li.second {
	border-top-color: #007893;
}
.callouts li.second a {
	background-image: url("../images/bkgnd/secondcallout-blue.jpg");
}
.callouts li.third {
	border-top-color: #ac2f1b;
}
.callouts li.third a {
	background-image: url("../images/bkgnd/thirdcallout-red.jpg");
}



li.messagetxt h1, li.messagetxt p {
	text-align: center;
}
li.messagetxt h1 {
	color: #272727;
	font-family: "Arial Narrow", sans-serif;
	padding-top: 10px;
	margin-top: 0px;
	font-size: 24px;
}
li.messagetxt p {
	font-size: 16px;
}
li.messagetxt { margin-bottom: 5px; }
.callouts .hidden-xs ul li.first {
	border-top: 6px solid #818181;
	}
.callouts .hidden-xs  li p {
    color: #272727;
    float: left;
    font-family: "Arial",sans-serif;
    font-size: 12px;
    /*line-height: 2px;*/
    margin-left: 10px;
	margin-bottom: 0px;
}
.callouts .hidden-xs h1 {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
}
.callouts .hidden-xs li.first a {
    background-image: url("../images/bkgnd/firstcallout-grey.jpg");
}
.callouts .hidden-xs li a {
    display: block;
}


.callouts .visible-xs ul li.second {
	background-color: #238ca4;
}
/*.callouts li.third a {

    background-image: url("../images/bkgnd/thirdcallout-red.jpg");

}*/

.callouts .visible-xs ul li.third {
	background-color: #b54736;
}
.callouts li a div {
	background: transparent url("../images/GTarrow.png") no-repeat scroll right;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 40px;
	padding-right: 49px;
	text-align: right;
	text-transform: uppercase;
}
.callouts .hidden-xs ul li {
	background-color: #fff;
	margin-top: -50px;
    z-index: 10;
    position: relative;
	float: left;
	width: 300px;
	/*width: 220px;*/ }
/*.callouts .hidden-xs h1 {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
	font-size: 19px;
	}*/

@media (min-width: 768px) {

/* Callouts for large displays - taken from NI's live site -
   module left mid and right are combined in position_1-1 - styling here 
   differs slightly from NI site due to active bootstrap 3 being used */
   
   .callouts {
	text-align: center;
	width: 100%;
}
.callouts li.first {
	border-top-color: #818181;
}
.callouts ul {
	margin: 0px;
	padding: 0px;
}
.callouts li {
	background-color: #fff;
	border-top: 6px solid #818181;
	display: block;
	float: left;
	/*margin: 0px 0 0 40px;*/

    position: relative;
	width: 300px;
	z-index: 10;
}
.callouts li .hr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color -moz-use-text-color #cfcecc;
	border-image: none;
	border-style: none none solid;
	border-width: 0 0 1px;
	margin: 0 20px;
	height: 1px;
}
.callouts li p {
	color: #272727;
	font-family: "Arial", sans-serif;
	font-size: 13px;
	/*line-height: 2px;*/
	margin-left: 10px;
	float: left;
}
.callouts li.first a {
	background-image: url("../images/bkgnd/firstcallout-grey.jpg");
}
.callouts h1 {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;
	text-align: left;
}
.callouts li.second a {
	background-image: url("../images/bkgnd/secondcallout-blue.jpg");
}
.callouts li.third a {
	background-image: url("../images/bkgnd/thirdcallout-red.jpg");
}
.callouts li.second {
	border-top-color: #007893;
}
.callouts li.third {
	border-top-color: #AC2F1B;
}
.callouts li a {
	background: url("../images/bkgnd/logo-bkg.jpg") repeat-x scroll left top transparent;
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.callouts li a div {
	background: url("../images/GTarrow.png") no-repeat scroll 270px center transparent;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 40px;
	padding-right: 39px;
	text-align: right;
	text-transform: uppercase;
}

#home-page-box-3 {
    display: inline-block;
    float: left;
    margin: 0 2%;
}
.widget_home-page-box h1 {
	color: #272727;
	font-family: "Arial Narrow", sans-serif;
	font-size: 19px;/* line-height: 27px;*/

	/*margin: 0 0 0 8px;*/

}
.widget_home-page-box h2 {
	color: #272727;
	font-family: "Trajan Pro", "Arial Narrow", sans-serif;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	padding-left:20px;
}
.widget_home-page-box {
	height: 282px;
}
.widget_home-page-box h1 {
	color: #818181;
}
 
.callouts li.first {
	border-top-color: #818181;
}   
.callouts li.first a {
	background-image: url("../images/bkgnd/firstcallout-grey.jpg");
}   
.callouts li.second a {
	background-image: url("../images/bkgnd/secondcallout-blue.jpg");
}
.callouts li.second {
	border-top-color: #007893;
}
.callouts li.third a {
	background-image: url("../images/bkgnd/thirdcallout-red.jpg");
}
.callouts li.third {
	border-top-color: #AC2F1B;
}
/*.rowgt767 {     margin: 0 auto;
    max-width: 1180px;
    position: relative;
    top: -80px; }
.rowgt767 img { height: 212px; }
.callouts .rowgt767 a div { font-size: 0.8em; }*/

.rowgt992 {
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
    top: -80px;
}
/*layer slider css for sm md viewport*/
/*.slidertxt h1 { margin-left: 10px; }
.slidertxt p { margin-left: 10px; }*/
/* Callout css for gt768 */
/*.calloutbox-sm { min-height: 282px; }*/
.callout-wrapper { position: relative; top: -51px; z-index: 100; }
.callouts_gt768_992 li { background-color: #fff; }
.callouts_gt768_992 li.first { border-top: 6px solid #818181;  }

.callouts_gt768_992 li.second { border-top: 6px solid #007893; }

.callouts_gt768_992 li.third { border-top: 6px solid #ac2f1b; }

/* gt992 viewport callout formatting */

.firstcol { margin-left: -25px; }
.callouts_gt768_992 li p {
    color: #272727;
    text-align: left;
    font-size: 12px;
    margin-left: 5px;
	padding: 0px 17px;
	color: #272727;
	text-align: center;
}
.callouts_gt768_992 .col-sm-4 li.first p { padding: 0px;  }
.callouts_gt768_992 .col-sm-4 li.second p { padding: 0px 17px;  }
.callouts_gt768_992 .col-sm-4 li.third p { padding: 0px 12px;  }
.callouts_gt768_992 .col-md-4 li.first p { padding: 0px;  }
.callouts_gt768_992 .col-md-4 li.second p { padding: 0px 27px;  }
.callouts_gt768_992 .col-md-4 li.third p { padding: 0px 20px;  }

.callouts_gt768_992 h1 {
    font-size: 19px;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-top: 5px;
    text-align: center;
	color: #272727;
}
.callouts_gt768_992 .col-md-4 li.first h1 { padding: 0px 30px;  }
.callouts_gt768_992 .col-md-4 li.second h1 { padding: 0px 30px;  }
.callouts_gt768_992 .col-md-4 li.third h1 { padding: 0px 50px;  }

.callouts_gt768_992 li.first a {
    background-image: url("../images/bkgnd/firstcallout-grey.jpg");
	bottom: 0;
    display: block;
    width: 100%;
}
.callouts_gt768_992 li.second a {
    background-image: url("../images/bkgnd/secondcallout-blue.jpg");
	bottom: 0;
    display: block;
    width: 100%;
}
.callouts_gt768_992 li.third a {
    background-image: url("../images/bkgnd/thirdcallout-red.jpg");
	bottom: 0;
    display: block;
    width: 100%;
}

.callouts_gt768_992 li a div {
    color: #fff;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
	padding: 5px;
}


/* END of Callout css for gt768 */

#mid_content80 ul {color: #000000; }
/* end of  Callouts for large displays */

}

/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



/* Carousel base class */

.carousel {
	height: 500px;
	margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */

.carousel-caption {
	z-index: 10;
}
/* Declare heights because of positioning of img element */

.carousel .item {
	height: 500px;
	background-color: #777;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px;
}
.position_1-1 h2, .position_1-1 h4 { text-align: center; }

.footer .custom { text-align: center; font-size: 12px; padding-top:10px; color: #ffffff;}

@media (min-width: 992px) {
.footer { min-width: 1280px; }
}