/*
 Theme Name:   CMI Bootstrap Child
 Theme URI:    http://320press.com/wpbs/
 Description:  WP Bootstrap Child Theme
 Author:       Michael Hostiuck
 Template:     wordpress-bootstrap-master
 Text Domain:  wordpress-bootstrap-master
*/


@import url("../wordpress-bootstrap-master/style.css");



/* Fonts */
@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;
}
@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_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_sansbold_italic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') 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;
}

/* Icons */

@font-face {
	font-family: 'icomoon';
	src:url('icons/icomoon.eot?-6ch5tr');
	src:url('icons/icomoon.eot?#iefix-6ch5tr') format('embedded-opentype'),
		url('icons/icomoon.woff?-6ch5tr') format('woff'),
		url('icons/icomoon.ttf?-6ch5tr') format('truetype'),
		url('icons/icomoon.svg?-6ch5tr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
	content: "\f099";
}
.icon-facebook:before {
	content: "\f09a";
}
.icon-navicon:before {
	content: "\f0c9";
}
.icon-google-plus:before {
	content: "\f0d5";
}
.icon-linkedin:before {
	content: "\f0e1";
}
.icon-angle-left:before {
	content: "\f104";
}
.icon-angle-right:before {
	content: "\f105";
}
.icon-angle-up:before {
	content: "\f106";
}
.icon-angle-down:before {
	content: "\f107";
}
.icon-youtube:before {
	content: "\f167";
}



body { font-family: open_sansregular, Helvetica, Tahoma, sans-serif; font-size:16px; line-height:1.5; background:url('/wp-content/uploads/2014/09/bg.png'); /*(background-color: #e7e7e7;*/ }
em { font-family: open_sansitalic, Helvetica, Tahoma, sans-serif; }
strong { font-family: open_sansbold, Helvetica, Tahoma, sans-serif; }
strong + em,
em + strong { font-family: open_sansbold_italic, Helvetica, Tahoma, sans-serif; }
@media screen and (min-width:768px) { .lead { font-size:16px; }  }

h1, h2, h3 { font-family: open_sanslight, Helvetica, Tahoma, sans-serif; }
h2 { font-size:24px; }
#breadcrumbs { font-size:13px; }
ul.pad li { margin-bottom: 1em; }

.sans_heavy { font-family: open_sansextrabold, Helvetica, Tahoma, sans-serif; }
.sans_light {  font-family: open_sanslight, Helvetica, Tahoma, sans-serif; }
.sans_semibold { font-family: open_sanssemibold, Helvetica, Tahoma, sans-serif; }
.center { text-align: center; }


/* Theme resets */

body { padding-top: 0; }

/* make header normal */
.navbar-fixed-top {
	position: initial;
	top: 0;
	border: none;
}
.navbar { margin: 0; }

.page-header { margin: 0 0 20px 0; border-bottom: 0; }
.page-header h1  { margin-top: 0; }

.footer-links { float: none; }

/* Theme presets */

.padding-full { padding: 50px 0; }
.padding-top-50 { padding: 50px 0 0 0; }
.padding-top-25 { padding: 25px 0 0 0; }

.padding-bottom-50 { padding: 0 0 50px 0; }
.padding-bottom-25 { padding: 0 0 25px 0; }

a { /* Animate all links */
	-webkit-transition: all 0.45s ease;
	   -moz-transition: all 0.45s ease;
		-ms-transition: all 0.45s ease;
		 -o-transition: all 0.45s ease;
			transition: all 0.45s ease;
}

#content { padding: 40px 0 0 0; }
#main article { border-bottom: 0; padding-bottom: 0 }



/* Wrapper styles */
.outer-wrap { /* Setup for offcanvas-nav */
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}
.inner-wrap {
	
}
.background-wrap { 
	/*background:url('/wp-content/uploads/2014/09/bg-blue.png') repeat-x; 
	background-color: #003d79; */

background: #001f41; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMWY0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzAwMzI2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNkNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #001f41 0%, #003265 35%, #003d79 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001f41), color-stop(35%,#003265), color-stop(100%,#003d79)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #001f41 0%,#003265 35%,#003d79 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #001f41 0%,#003265 35%,#003d79 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #001f41 0%,#003265 35%,#003d79 100%); /* IE10+ */
background: linear-gradient(to bottom,  #001f41 0%,#003265 35%,#003d79 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f41', endColorstr='#003d79',GradientType=0 );  /* IE6-8 */
}


@media screen and (min-width:768px) { .container { width: auto; } }
@media screen and (min-width:992px) { .container { width: auto; } }
@media screen and (min-width:1200px) { .container { width: 1170px; } }



/* Header Styles */
#header {
	color: #fff;
	min-height: 200px; 
}
#header img { max-width:95%; height:auto; }
#header .header-left {
	/*height: 156px; */
	padding: 0 0 20px 0;
}
#header .header-right {
	text-align: right;
	padding-top: 15px; 
	font-size: 12px; 
	font-weight:bold; margin-bottom:20px;
}
#header .header-right .header-nav { margin-bottom:20px;  }
#header .header-right .header-nav ul#menu-header-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#header .header-right .header-nav ul#menu-header-menu > li {
	display: inline-block;
	padding: 32px 0 0 0;

}
#header .header-right .header-nav ul#menu-header-menu > li.support { background:url('/wp-content/uploads/2014/09/icon-ques.png') no-repeat; background-position: top center;}
#header .header-right .header-nav ul#menu-header-menu > li.careers { background:url('/wp-content/uploads/2016/02/icon-careers.png') no-repeat; background-position: top center;}
#header .header-right .header-nav ul#menu-header-menu > li.contact { background:url('/wp-content/uploads/2014/09/icon-env.png') no-repeat; background-position: top center;}
#header .header-right .header-nav ul#menu-header-menu > li.account { background:url('/wp-content/uploads/2014/09/icon-gear.png') no-repeat; background-position: top center;}
#header .header-right .header-nav ul#menu-header-menu > li.cart { background:url('/wp-content/uploads/2014/09/icon-cart.png') no-repeat; background-position: top center;}

#header .header-right .header-nav ul#menu-header-menu > li > a {
	color: #7aacdf;
	text-transform: uppercase; 
	margin: 0 8px; }
#header .header-right .header-nav ul#menu-header-menu > li:last-child > a { margin-right: 0; }
#header .header-right .header-nav ul#menu-header-menu > li > a:hover {
	color: #fff;
	text-decoration: none;
}
#header .header-right .header-nav ul#menu-header-menu > li:after {
	font-family: open_sanslight, Helvetica, Tahoma, sans-serif;
	content: "|";
	color: #7aacdf;
}
#header .header-right .header-nav ul#menu-header-menu > li:last-child:after { content: ""; } 
#header .social, #header .search, #header .translate { text-align:right; }
#header .phone { font-size:28px; font-style:italic; text-align:right; }
#header input[type="text"], #google_translate_element, #header input[type="search"] { width: 90%; max-width: 273px;
	background-color:#004893; 
	color:#7aacdf; 
	border: 0; 
	padding: 5px; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
#header input[type="text"] { margin-bottom: 15px; }
#header .header-right img { padding-left:5px; }
#google_translate_element  { padding: 0; margin: 0 0 5px auto; }
select.goog-te-combo { width: 200px !important; border: 0 solid lightgray !important;color: #7aacdf; }
#header .search-form label { width: 80%; }
#header .search-submit { width: 10%; }
#header .search-submit  {
	cursor: pointer;
	border: 0 !important;
	vertical-align: top;
	margin: 0;
	width: 15%;
	height: 35px;
	padding: 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	background: url(//cdn3.bigcommerce.com/r-678b8dcecd8097c9a0dc483a251b63f87782244e/themes/ClassicNext/images/searchIcon.png) 50% 50% no-repeat transparent;
	-moz-transition: background-color 150ms ease;
	-webkit-transition: background-color 150ms ease;
	-o-transition: background-color 150ms ease;
	transition: background-color 150ms ease;
}


@media screen and (min-width:993px) and (max-width:1024px) {    
	#header .translate, #header .search { width:50%; } #header .social { width: 100%; }
}
@media screen and (min-width:769px) and (max-width:992px) {    
	#header .translate, #header .search { width:50%; } #header .social { width: 100%; }
}
@media screen and (max-width:600px) { 
	#header .header-left { text-align:center; }   
	#header .translate, #header .search { width:85%; margin-left:15%; text-align:left; }
	#header .social, #header .phone, #header .header-right { width: 100%; text-align:center; }
	#google_translate_element { margin:5px 0; }
	#header .header-right { padding-top:0; }
	#google_translate_element, #header .search form { width:80%; max-width: 80%; } 
	#header input[type="search"] { width:100%; max-width: 100%; }
	select.goog-te-combo { width:100% !important; }
}


/* Navigation Styles */

.mobile-quick-nav { display: none; } /* Hide the mobile quick nav */

.navbar  {
	font-family: open_sanssemibold, Helvetica, Tahoma, sans-serif;
	background: #092049;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
	border: 1px solid #16489e;
	box-shadow: 3px 3px 3px #000;
}
.navbar-nav { width: 100%; }
.nav > li > a { padding: 10px 20px;   }
@media screen and (max-width:1170px) { .nav > li > a { padding: 10px 15px;   } }  
@media screen and (max-width:1050px) { .nav > li > a { padding: 10px 5px;   } }  

.navbar-default .navbar-nav > li { 
	border-right: 1px solid #22375c;
}
.navbar-default .navbar-nav > li:last-child { 
	border-right: 0;
}
.navbar-default .navbar-nav > li > a { 
	text-transform: uppercase;
	color:#fff;
	font-size: .875em;
}
@media (min-width: 768px) { .navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; } }




/* BODY  */
.contentblock-blue { color:#fff; }
.contentblock-gray { background:url('/wp-content/uploads/2014/09/bg.png') repeat; padding: 30px 0 40px 0; }
.contentblock-darkgray { background-color:#747474; color:#fff; padding: 30px 0 40px 0; }



/* SLIDER */
#slider {
	overflow: hidden;
	height: 355px;
	background: #003d79; border: 5px solid #fff;
}
#slider .flexslider {
	height: 355px;
	margin: 0;
	border: none;
	background: transparent;
}
#slider .flexslider .flex-viewport, #slider .flexslider ul, #slider .flexslider ul li  {
	height: 355px; border: none;
}

#slider .flexslider ul li.slide1 { background: url('/wp-content/uploads/2014/09/slide1.jpg') no-repeat; }
#slider .flexslider ul li.slide2 { background: url('/wp-content/uploads/2016/05/bg-slide-mouthpiece.jpg') no-repeat; }
#slider .flexslider ul li.slide3 { background: url('/wp-content/uploads/2014/11/slide-240d.png') no-repeat; }
#slider .flexslider ul li.slide1,
#slider .flexslider ul li.slide2, 
#slider .flexslider ul li.slide3 { /*background-size: 100% auto;*/ background-size: cover; }
#slider .flexslider ul li img { max-height: 355px; border: none; }

#slider .flexslider .caption-box {
	position: relative; text-align: left;
	color: #fff;
	bottom: 0; padding: 300px 0 0 15px;
}
#slider .flexslider .caption-box.withtext { bottom: 0; padding: 0 0 0 15px; }
#slider .flexslider .caption-box .caption {
	font-size: 1.5em;
	font-family: open_sansextrabold, Helvetica, Tahoma, sans-serif;
	text-shadow: 0 2px 1px rgba(0,0,0,0.95); 
}

#slider .flexslider .caption-box.withtext .text { height: 300px; padding-top:80px; display:block; font-weight:bold; font-size:24px; color:#000; text-align:right; padding-right:40px; text-shadow: 0 1px 1px rgba(255,255,255,0.95); }

.gold { color: #f9e533; }


@media screen and (min-width:768px) and (max-width:1200px) { 
  #slider .flexslider .caption-box.withtext a { display:block; } 
  #slider .flexslider .caption-box.withtext .text { height: 270px;   }
}
@media screen and (min-width:480px) and (max-width:768px) { 
  #slider, #slider .flexslider .flex-viewport, #slider .flexslider ul, #slider .flexslider ul li  { height: 300px; } 
  #slider .flexslider .caption-box { padding: 240px 0 0 15px;  }
  #slider .flexslider .caption-box.withtext .text { height: 220px; padding: 60px 40px 0 5px; font-size:20px;}
  #slider .flexslider .caption-box .caption { font-size: 1.2em; } 
  #slider .flexslider .caption-box.withtext a { display:block; } 
}

@media screen and (max-width:480px) { 
  #slider, #slider .flexslider .flex-viewport, #slider .flexslider ul, #slider .flexslider ul li  { height: 210px; } 
  #slider .flexslider .caption-box { padding: 40px 15px 0 0; text-align:right;  }
  #slider .flexslider .caption-box .caption { font-size: 1.2em; } 
  #slider .flexslider .caption-box.withtext .text { height: auto; padding: 20px 0 10px 5px; font-size:14px; }
  #slider .flexslider .caption-box.withtext { text-align:left; padding: 0 40px; }
}


/* PRODUCT STYLES */

.white  { color:#fff; }

.tabs {	width: 100%; display:block; } 
.tabs .tab {
	float: left;
	background: #f3f3f3;
	color: #333333;
	margin: 0 8px 0 0; 
	cursor: pointer; }
.tabs .tab div { padding: 8px 20px; }
.tabs .active { background: #fff; color:#000; font-weight:bold; }
.blocks { clear:both; background-color:#fff; font-size:14px; 
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 1px 3px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 1px 3px 0px rgba(50, 50, 50, 0.4);
}
.blocks .block { display: none; }
.blocks .active { display: block; }
.blocks .block { padding: 10px; }
.blocks li { padding-bottom: 10px; }

.accessories { margin-top: 20px; background-color:#dddddd; padding: 15px; display:table; font-size:14px; border: 1px solid #fff; width:100%;  }
.accessories h2 { font-size:16px; font-weight:bold; margin-top:0; }
.accessories ul { margin-left: 0; padding-left:0; }
.accessories li { list-style-type:none; float:left; width:19%; padding-right:1%; text-align:center;  }
.accessories img { max-width: 100%; }
@media only screen and (max-width : 651px) { .accessories li { width:49%; padding-right:1%; text-align:left; } .accessories img { float:left; padding-right: 1%; } }
@media only screen and (max-width : 481px) { .accessories li { width:99%; } }

table.basic td { vertical-align:top; padding: 0 10px 0 0; }
table.basic { margin-bottom: 1em; }

.downloads { margin-top: 20px; background-color:#dddddd; padding: 15px; display:table; font-size:14px; border: 1px solid #fff;  }


/* LANDING PAGE */
.landing { font-size: 14px; }
.landing div.col-sm-4 { padding-bottom: 15px; }
.landing div.col-sm-4 a { display: block; color:#0d2e6a; font-weight:bold; text-decoration: underline;  }
.landing div.col-sm-4 img, .accessories img { float:left; margin: 0 10px 10px 0; border: 2px solid #ccc; 
	-webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 11px 0px rgba(50, 50, 50, 0.5);
}
.landing div.col-sm-4 img.buy { float: none; margin: 10px 0 0 0; border: 0; 
	-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5);
}

@media only screen and (min-width : 651px) and (max-width : 992px) { .landing div.col-sm-4 { width: 50%; float:left; }   }
@media only screen and (max-width : 650px) { .landing div.col-sm-4 { clear:both; } }

img.border { margin: 0 10px 10px 0; border: 2px solid #ccc; 
	-webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 5px 11px 0px rgba(50, 50, 50, 0.5);
}


.pagephoto { float: right; margin: 0 0 10px 15px; border: 2px solid #ccc;
	-webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
} 

/*.video { position: relative; padding-bottom: 75%; padding-top: 15px; margin-top: 15px; height: 0; overflow: hidden; }
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/

.ans { padding-left:50px; }
.ques { padding: 1em 0;  }


.feature-box-wrapper { float: right; width:30%; margin-left: 3%; }
.feature-box { 
	margin: 0 10px 10px 0;
	padding: 0 15px 15px 15px; 
	border: 2px solid #ccc;
	-webkit-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.5);
	font-style:italic; font-size: 14px;
}
.feature-box .lead { font-size: 14px; }
@media screen and (min-width: 768px) {
	.feature-box .lead { font-size: 14px; }
}
@media screen and (max-width: 650px) {
	.feature-box-wrapper { width:45%; margin-left: 3%; }
}
.feature-box-wrapper-mobileonly {  display:none; } 
@media screen and (max-width: 481px) {
	.feature-box-wrapper {  display:none; } 
	.feature-box-wrapper-mobileonly {  display: block; } 
}


.training { padding-bottom: 10px; }
.training ul { margin-bottom: 0; }

.affiliates { padding-left:0; list-style-type:none; }
.affiliates a { color: #333333; }
.affiliates li { margin-bottom: .5em; }


/* FORMS */
#rfqform, #contactform { width:700px; max-width:100%; }
@media screen and (max-width:700px) {  #rfqform { width:95%; } }
#rfqform label, #contactform label, #careers label { display:block; margin-bottom:0; }
#rfqform input[type="text"], #rfqform textarea, #contactform input[type="text"], #contactform textarea { width: 100%; max-width:400px; margin-bottom:8px; }
#rfqform input[type="submit"], #contactform input[type="submit"], #contactform .closebtn { width: 120px; margin-top:10px; }
#rfqform input[type="checkbox"]  { width: 15px; clear:left; }
.userCompanyEmail { display: none; }
form.training { max-width:550px; }
form.training label { margin-top:8px; }
label.error { color:#c00; }

#careers .row { padding-bottom:15px; } 
#careers input[type="text"], #careers textarea { width: 100%; max-width:100%; }



/* HOME */
.home .contentblock-gray h2 { margin-top:20px; clear:both; font-weight:bold; }
.home h2 a { color: #0d2e6a;  }
.home .block p { display: table; }

.homeblock a { color:#feef4a; }
@media only screen and (max-width : 601px) {  .homeblock { /*text-align:center;*/ padding-top: 20px; }}
.homeblock p.headline { font-weight:bold; color:#fff; font-size:125%; }
.homeblock .usergroup { margin-top:.66em; }

@media only screen and (min-width : 600px) and (max-width : 769px) { 
	/*.home div.col-sm-8 { width: 66.66666666666666%; float:left; } 
	.home div.col-sm-4 { width: 33.33333333333333%; float:left; }    */
}

.home .industries { padding: 0 10% 10px 10%; }
.home .industries a { color:#fff; }



/* SubFooter Styles */
.grey { background: #dadada; }



/* Footer Styles */
#footer {
	color: #7aacdf;
	background: #002345;
	font-size: 13px;
}
#footer .footer-links .menu {
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
#footer .footer-links .menu li {
	float: left;
	margin: 0 10px 0 0;
}
#footer .footer-links .menu li:first-child {
	margin-left: 0;
}
#footer .footer-links .menu li a {
	text-decoration: none;
	color: #7aacdf;
}
#footer .footer-links .menu li a:hover {
	color: #fff;
}
#footer .footer-links .menu li:after {
	font-family: open_sanslight, Helvetica, Tahoma, sans-serif;
	content: "|";
	color: #7aacdf;
	margin: 0 0 0 10px;
}
#footer .footer-links .menu li:last-child:after {
	content: "";
}



/* Off canvas nav setups */
/* Style the mobile quick nav */
.mobile-quick-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.mobile-quick-nav ul li {
	position: relative;
	display: block;
	float: left; padding-left:15px;
}
.mobile-quick-nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.15em;
	color: #fff;
	line-height: 1;
	position: relative;
	display: block;
}
.mobile-quick-nav ul li a span.text {
	display: block;
	float: left;
	height: 50px;
	padding: 18px 0 12px 10px;
}
.mobile-quick-nav ul li a span.icon {
	font-size: 2em;
	color: #fff;
	display: block;
	float: left;
	height: 50px;
	padding: 10px 0;
	margin: 0;
	width: 38px;
}

/* Off-canvas Nav Styles */
/* ---------------------------------------------------------------------- */

.off-canvas-nav { display: none; } /* hide the off-canvas nav */
.off-canvas-nav {
	overflow-y: auto;
	display: none;
	position: absolute;
	z-index: -1;
	width: 82.5%;
	height: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	clear: both;
	background: #2464CC;
}
.off-canvas-nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: #c11c21;
}
.off-canvas-nav > ul {
	border-right: 1px solid #004588;
}
.off-canvas-nav ul li {
	color: #fff;
	clear: both;
}
.off-canvas-nav ul li a {
	position: relative;
	color: #fff;
	font-size: 1em;
	display: block;
	height: 50px;
	margin: 0;
	padding: 15px 0 15px 0; /* left padding is on the <span>'s */
	
	background: #004790;
	border-top: 1px solid #004588;
	border-bottom: 1px solid #00244f;
	/* Link Background color/gradient */
}
.off-canvas-nav ul li.menu-item-has-children ul {
	clear: both;
}
.off-canvas-nav ul li.menu-item-has-children > a {
	width: 70%;
	float: left;
}
.off-canvas-nav ul li.menu-item-has-children > span.more {
	text-align: center;
	width: 30%;
	height: 50px;
	padding: 14px 0 0 0;
	float: left;
	background: #004790;
	border-top: 1px solid #004588;
	border-bottom: 1px solid #00244f;
	/* Link Background color/gradient */
}

/* padding indenting */
.off-canvas-nav ul li a > span {
	padding-left: 15px;
}
.off-canvas-nav ul.sub-menu li a > span {
	padding-left: 30px;
}
.off-canvas-nav ul.sub-menu li ul.sub-menu li a > span {
	padding-left: 45px;
}
.off-canvas-nav ul.sub-menu li ul.sub-menu li ul.sub-menu li a > span {
	padding-left: 60px;
}

/* Styles for single-panel off-canvas nav */
/* ---------------------------------------------------------------------- */
.off-canvas-nav.single-panel ul li > ul li a {
	padding: 15px 0 0 40px;
}
.off-canvas-nav.single-panel ul li > ul li > ul li a {
	padding: 15px 0 0 55px;
}

/* Styles for accordion style sub-menus */
/* ---------------------------------------------------------------------- */
.off-canvas-nav.accordion li.menu-item-has-children ul.sub-menu {
	overflow: hidden;
	height: auto;
	max-height: 0px;
	-webkit-transition: max-height 0.5s ease-in-out;
	   -moz-transition: max-height 0.5s ease-in-out;
		-ms-transition: max-height 0.5s ease-in-out;
		 -o-transition: max-height 0.5s ease-in-out;
			transition: max-height 0.5s ease-in-out;
}
.off-canvas-nav.accordion li.menu-item-has-children.open-accordion > ul.sub-menu {
	height: auto;
	max-height: 500px;
}

.off-canvas-nav ul li.menu-item-has-children > span.more {
	padding: 0;
}
.off-canvas-nav ul li.menu-item-has-children > span.more span.icon {
	/*color: rgba(0,0,0,0.5); */
	font-size: 3em;
	display: block;
	height: 50px;
	padding: 3px 0 0 0;
}
.off-canvas-nav.accordion li.menu-item-has-children ul.sub-menu li a {
	background: #222;
	border-top: 1px solid #000;
	border-bottom: 1px solid #444;
}

/* Style the more button in submenu links that have different bg color from primary bg color */
.off-canvas-nav.accordion li.menu-item-has-children ul.sub-menu li.menu-item-has-children span.more {
	background: #222;
	border-top: 1px solid #000;
	border-bottom: 1px solid #444;
}

.off-canvas-nav.accordion li.menu-item-has-children ul.sub-menu li.menu-item-has-children span.more span.icon {
	/*color: rgba(193,18,33,0.75); */
}


/* ANIMATIONS */
/* ---------------------------------------------------------------------- */
/* Animate the first-level links */
.off-canvas-nav ul li a span {
	width: 100%;
	position: absolute;/*
	left: 100%;*/
	
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
	   -moz-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
		 -o-transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(100%, 0, 0) scale3d(1, 1, 1);
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}

.off-canvas .off-canvas-nav ul li a span {
	/*left: 0;*/
	-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	   -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		 -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
	opacity: 1;
}

/* Animate the first-level more buttons */
.off-canvas-nav ul li.menu-item-has-children > span.more span.icon {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	   -moz-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		 -o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
	-webkit-transition-delay: 0.65s;
	   -moz-transition-delay: 0.65s;
		-ms-transition-delay: 0.65s;
		 -o-transition-delay: 0.65s;
			transition-delay: 0.65s;
}
.off-canvas .off-canvas-nav ul li.menu-item-has-children > span.more span.icon {
	opacity: 1;
}
.off-canvas-nav li.menu-item-has-children > span.more span.icon:before {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
.off-canvas-nav li.menu-item-has-children.open-accordion > span.more span.icon:before {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
			transform: rotate(180deg);
}




/* MEDIA QUERIES START */
/* ---------------------------------------------------------------------- */

/* Medium Devices */
@media only screen and (min-width : 992px) and (max-width : 1199px) {

  /* Fix Navigation Link Size to fit all on 1 line */
  ul#menu-main-menu > li > a {
	font-size: 0.9em;
	padding-left: 8px;
	padding-right: 8px;
  }

}


/* Small Devices (Tablets) */
@media only screen and (min-width : 768px ) and (max-width : 991px) {

  .tablet-hide { display: none; }
  #header { height: auto; }
  #header .header-left { height: 120px; }

 .navbar .navbar-responsive-collapse { display: none !important; } /* Hide the normal nav */
  .mobile-quick-nav { display: block; } /* Show the mobile quick nav */

}


/* Small Devices (Tablets) AND SMALLER */
@media only screen and (max-width : 991px) {
  .off-canvas-nav {
	display: block;
	position: absolute;
	z-index: -1;
	width: 82.5%;
	height: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	clear: both;
	/*background: #eee; */
	background:url('/wp-content/uploads/2014/09/bg.png');
  }

  /* CSS Animates the off-canvas navigation */
  .mobile-nav-wrap {
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
  }
  .off-canvas .mobile-nav-wrap {
	-webkit-transform: translate3d(82.5%, 0, 0) scale3d(1, 1, 1);
	   -moz-transform: translate3d(82.5%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(82.5%, 0, 0) scale3d(1, 1, 1);
		 -o-transform: translate3d(82.5%, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(82.5%, 0, 0) scale3d(1, 1, 1);
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
  }
  .ie9 .off-canvas .mobile-nav-wrap {
	position: absolute;
	left: 82.5%;
  }

}


/* Extra Small Devices */
@media only screen and (max-width : 768px) {

  #header { height: auto; }

  .navbar .navbar-responsive-collapse { display: none !important; } /* Hide the normal nav */
  .mobile-quick-nav { display: block; } /* Show the mobile quick nav */

  #content { padding: 10px 0 0 0; }
}


/* Extra Small Devices */
@media only screen and (max-width : 480px) {
  .phone-hide { display: none; }
}



.search .screen-reader-text { display:none; }

.show-mobile, .show-desktop { display: none; }
@media screen and (max-width:767px) { .show-mobile { display:block; } }
@media screen and (min-width:767px) { .show-desktop { display:block; } }
.map { display:table; }
.map li { float:left; width: 33%; list-style-type:none; }
@media screen and (max-width:481px) {.map li { float:left; width: 50%; } }




/* big C account create */
.HorizontalFormContainer dt, .HorizontalFormContainer dd {
	width: 25%;
}
#CheckoutStepBillingAddress .ExpressCheckoutContent { max-width:800px; }
.HorizontalFormContainer select { max-width:250px; }