/*======================================================
  Screen Style Sheet
  Scientific Climate Systems
  ------------------------------------------------------
  Author(s): Michael Rohal @ TopSpotIMS.com
  Created: February 11, 2016
  ======================================================*/
 
  
@media (min-width: 1025px) { /* Desktop */
	
}

@media (max-width: 1024px) { /* Tablet Down */
	
}

@media (max-width: 767px) { /* Mobile */
	
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.visible-xs-inline,
.visible-xs-block,
.visible-xs,
.visible-sm-inline,
.visible-sm-block,
.visible-sm {
	display: none !important;
}

/* ****************************************** Desktop */

#footer-nav-wrap1 {
	width: 986px;
	margin: 0 auto;
	padding-bottom: 8px;
}

.map iframe {width: 100%;}
/* .disabled {pointer-events: none;} */

@media (min-width: 1025px) { /* Desktop */

	.hidden-desktop {display: none;}
	
	/* Hero */
	.anythingSlider .panel {
		height: 314px !important;
		width: 982px !important;
	}

}



/* ****************************************** Tablet */


@media (max-width: 1024px) { /* Tablet Down */

	#wrap, 
	#footer-content,
	#footer-nav,
	#credits > div {
		width: 690px;
	}
	
	body {
		background-image: url(../images/template/bg-main-tile-mobile.png);
	}
	
	/* Header */
	header {padding: 0;}
	
	#logo {
		top: 18px;
		left: 0;
		width: 188px;
		height: 71px;
	}
	
	#global-nav-wrap {
		right: 0;
	}
	
	#head-row-two {
		top: 65px;
		right: 0;
		width: 100%;
	}
	
	/* Phone */
	header p#telephone {
		float: none;
		margin: 0;
		height: 40px;
	}
	#telephone br {
		display: none;
	}
	header p#telephone > span {
		padding-left: 10px;
	}
	
	/* Search Bar */
	#searchWrap {
		margin: 0;
	}
	form#simpleSearchForm fieldset {
		padding-left: 0;
		background: none;
	}
	#searchWrap #search {
		width: 537px;
	}
	#searchWrap #simpleSearch_submit {
		width: 28px;
	}
	
	#head-row-two .menu-trigger {
		color: #035393;
		text-decoration: none;
		font-size: 15px;
		display: block;
		float: left;
		margin-top: 9px;
	}
	#head-row-two .menu-trigger:before {
		content: 'Menu';
	}
	#head-row-two .menu-trigger .ion {
		padding-left: 7px;
		position: relative;
		top: 1px;
	}
	#head-row-two .menu-trigger .ion:before {
		content:"\f20d";
	}
	
	/* Primary Nav */
	header nav {
		display: none;
		position: absolute;
		top: 148px;
		left: 0;
		z-index: 999;
		background: url(../images/template/overlay-white.png);
		width: 263px;
		border-bottom: #005191 solid 1px;
	}
	#primary-nav {}
	#primary-nav,
	#primary-nav ul {
		margin: 0;
		list-style: none;
	}
	#primary-nav > li {
		border-bottom: #005191 solid 1px;
	}
	#primary-nav a {
		display: block;
		position: relative;
		color: #005495;
		font-size: 14px;
		text-decoration: none;
		padding: 6px 10px;
	}
	#primary-nav a span {
		display: none;
		position: absolute;
		top: 8px;
		right: -20px;
	}
	#primary-nav a .ion:before {
		content:"\f218"
	}
	#primary-nav li.parent > a {
		margin-right: 55px;
	}
	#primary-nav li.parent > a span {display: block;}
	/* Hide plus from contact link */
	#primary-nav li#nav-li-47 > a span {display: none;}
	#primary-nav li.active {background: #005191;}
	#primary-nav li.active > a {color: #FFF;}
	#primary-nav .drop {
		display: none;
		background: #FFF;
	}
	#primary-nav ul a {
		padding-left: 25px;
	}
	/* Close link */
	header nav .menu-trigger {
		display: block;
		margin-top: 20px;
		padding: 10px;
	}
	header nav .menu-trigger span {
		
	}
	header nav .menu-trigger .ion:before {
		content:"\f129"
	}
	
	/* Content */
	#content.two-col #main-content,
	#content.three-col #main-content,
	body#page-1 #main-content {
		width: auto;
		float: none;
	}
	
	/* Buckets */
	.bucket {
		width: 198px;
		height: 270px;
	}
	.bucket h3 {
		background: none;
	}
	.bucket h3 a {
		font-size: 13px;
	}
	
	/* Footer */
	#footer-nav-wrap1 {
		width: auto;
		padding-bottom: 32px;
	}
	#footer-nav-wrap2 {
		padding: 0;
		border-top: #C9C9C9 solid 1px;
		border-bottom: #C9C9C9 solid 1px;
		-webkit-box-shadow: 0 2px 2px 0 #c2c2c2;
		box-shadow: 0 2px 2px 0 #c2c2c2;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
		background: linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* W3C */
	/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); IE6-9 */
	}
	#footer-nav {
		padding: 32px 0;
		margin: 0 auto;
		border: none;
		background: none;
	}
	#footer-nav .span4 {
		width: 235px;
		padding-right: 20px;
	}
	#footer-nav .span4.last {
		width: 126px;
		padding-right: 0;
		float: right;
	}
	#footer-nav .span4.first {display: none;}
/* 	#footer-nav .span4.last h4 {text-align: right;} */
	#footer-nav h4 {
		margin-bottom: 0;
	}
	#footer-nav .span4 h4 .ion {
		margin-left: 35px;
		cursor: pointer;
	}
	#footer-nav .span4 h4 .ion:before {
		content:"\f123";
	}
	#footer-nav .span4 h4 .ion.expanded:before {
		content:"\f126";
	}
	#footer-nav ul {margin-top: 23px;}
	#footer-nav ul,
	#footer-nav a.more {display: none;}
	#footer-nav ul li {
		margin-bottom: 12px;
	}
	
	footer {
		text-align: center;
	}
	#footer-content {
		padding-bottom: 33px;
	}
	#boilerplate {
		right: 95px;
		bottom: 0;
		height: 27px;
		padding: 8px 30px 0;
		width: 500px;
		text-align: center;
	}
	#boilerplate .triangle-left {
		border-top: 26px solid #004e8b;
		border-right: 26px solid transparent;
	}
	#boilerplate .triangle-right {
		border-top: 26px solid #004e8b;
		border-left: 26px solid transparent;
	}
	#credits {
		text-align: center;
	}
	
	/* Breadcrumbs */
	ul.B_crumbBox {
		margin-bottom: 7px;
		/* max-width: 425px; */
	}
	.level-1.not-parent ul.B_crumbBox li {display: none;}
	.level-1.not-parent ul.B_crumbBox li.B_firstCrumb {display: inline;}
	.level-1.not-parent ul.B_crumbBox a.B_homeCrumb {color: #005096;}
	.level-1.not-parent ul.B_crumbBox a.B_homeCrumb:after {
		content: "Back Home";
	}
	.level-1.not-parent ul.B_crumbBox a.B_homeCrumb:before {
		content:"\f3cf";
		padding-right: 5px;
		position: relative;
		top: 2px;
	}
	/* .level-2 */.col-three ul.B_crumbBox li {display: none;}
	/* .level-2 */.col-three ul.B_crumbBox li.B_crumb,
	.level-1.col-three ul.B_crumbBox li.B_currentCrumb {display: inline;}
	/* .level-2 */.col-three ul.B_crumbBox a.B_crumb {color: #005096;}
	.level-1.col-three ul.B_crumbBox li.B_currentCrumb {cursor: pointer;}
	/* .level-2 */.col-three ul.B_crumbBox li.B_crumb:after,
	.level-1.col-three ul.B_crumbBox li.B_currentCrumb:after {
		display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
		content: "\f123";
		padding-left: 5px;
		color: #005096;
	}
	/* Hide social media bar */
	.social-bar-container {display: none;}
	
	/* Left Sidebar */
	#sidebar-left,
	#sidebar-right {
		display: none;
		width: auto;
		float: none;
		margin-right: 0;
	}
	/* .level-2 */.col-three #sidebar-left {
		margin-top: -13px;
	}
	#sidebar-left h2 {display: none;}
	#sidebar-left nav,
	#secondary-nav li {
		background-size: 100% 9px;
	}
	#secondary-nav a {
		padding: 12px 16px;
	}
	
	/* Right Sidebar */
	#sidebar-right {
		display: block;
	}
	#sidebar-right .rfq-btn {
/* 		display: none; */
	}
	#quickContact .form-header {
		margin-top: 6px;
		margin-left: 14px;
	}
	#quickContact fieldset {padding-bottom: 20px;}
	
	/* Make form inputs use different box model */
/*
	#content input[type="text"], 
	#content input[type="email"], 
	#content textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
	}
*/
	
	/* Contact Page */
	body#page-47 #main-content {
		margin-left: 0;
		margin-right: 0;
	}
	#contact,
	#page-47 .page-right {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}
	#contact input#file_Attachment,
	#quickContact input#file_Attachment {width: 86%;} /* if 25px margin on #main-content - 88% */
	#contact-box {margin-bottom: 30px;}

	/* Home page */
	body#page-1 #main-content {
		margin-left: 0;
		margin-right: 0;
	}
	#home-btns {
		float: none;
		width: auto;
		margin: 30px 0;
	}
	
	/* Hero */
	#hero-banners {
		height: 201px;
	}
	.anythingSlider .panel {
		height: 202px !important;
		width: 632px !important;
	}
	#hero-banners .caption {
		top: auto;
		bottom: 5px;
	}
	#hero-banners .caption p {
		font-size: 12px;
		font-weight: normal;
		display: none;
	}
	#hero-banners .caption h4 {
		/*font-size: 13px;*/
	}
	.anythingControls ul.thumbNav {
		top: 0;
		right: 8px;
		-webkit-box-shadow: none;
		box-shadow: none; 
	}
	.anythingSlider-default .anythingControls a {
		font-size: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
}

@media (min-width: 768px) { /* Tablet Up */

	/* header */
	header p#telephone .phone-text {display: inline;}
	header p#telephone .phone-number {display: none;}

}

@media (min-width: 768px) and (max-width: 1024px) { /* Tablet Only */

	.hidden-sm,
	.hidden-tablet {display: none !important;}
	.visible-sm-inline {display: inline !important;}
	.visible-sm-block,
	.visible-sm {
		display: block !important;
	}
	
/*
	#main-content {
		margin-left: 25px;
		margin-right: 25px;
	}
*/
	
	/* Right Sidebar */
	#sidebar-right {
		margin: 0 40px;
	}
	#sidebar-right .rfq-btn {
    	width: 206px;
    	margin: 30px auto;
    }
	
	#quickContact .form-header-divider {
		margin-left: 25px;
		margin-right: 25px;
	}
	
	/* Contact Page */
	#contact p {text-align: left;}
	
	/* Home Page */
	#home-btns {
		margin: 30px 0 37px;
		padding-left: 53px;
		background: url(../images/template/bg-blue-bar.png) center center no-repeat;
	}
	body#page-1 #content .rfq-btn,
	body#page-1 #content a.new-btn {
		float: left;
		margin: 0 17px;
		padding: 8px 17px;
	}
	body#page-1 #content a.new-btn {
		padding-left: 48px;
		padding-right: 48px;
	}
	
}


/* ****************************************** Mobile */

@media (max-width: 767px) { /* Mobile */

	.hidden-xs,
	.hidden-mobile {display: none !important;}
	.visible-xs-inline {display: inline !important;}
	.visible-xs-block,
	.visible-xs {
		display: block !important;
	}
	
	.right, .left {
		float: none;
		margin: 0 auto;
	}
	img.right,
	img.left {
		display: block;
		margin: 0 auto 16px;
	}
	/* Content */
	.caption {margin-bottom: 16px;}
	
	body {background-position:  center -30px;}
	
	#wrap, 
	#footer-content,
	#footer-nav,
	#credits > div {
		width: auto;
	}
	
	/* Header */
	header {
		margin-left: 15px;
		margin-right: 15px;
		height: 118px;
	}
	header nav {
		top: 118px;
		left: -15px;
	}
	
	#global-nav-wrap {display: none;}
	
	#logo {
		top: 14px;
		width: 129px;
		height: 50px;
	}
	
	#head-row-two {
		top: 30px;
	}
	header p#telephone {height: 45px;}
	header p#telephone .text {display: none}
	header p#telephone .digits {
		font-size: 21px;
	}
	#searchWrap #search {width: 470px;} /* Max container width 640px */
	
	#content-wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	/* Buckets */
	.bucket {
		width: auto;
		height: auto;
		float: none;
		margin: 0 0 10px;
	}
	.bucket a.img-wrap,
	.bucket p {display: none;}
	.bucket h3 a {
		border: #FFF solid 2px;
		-webkit-box-shadow: 0px 0px 1px 1px #c6c6c6;
		box-shadow: 0px 0px 1px 1px #c6c6c6; 
		-webkit-border-radius: 8px;
		border-radius: 8px; 
		text-shadow: 1px 2px 0px #000;
		/* filter: dropshadow(color=#000, offx=1, offy=2); */
		display: block;
		text-align: center;
		text-transform: uppercase;
		color: #FFF;
		font-size: 17.5px;
		font-weight: bold;
		padding: 10px;
		background: #0068ad; /* Old browsers */
		background: -moz-linear-gradient(top,  #0068ad 0%, #00427d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0068ad), color-stop(100%,#00427d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #0068ad 0%,#00427d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #0068ad 0%,#00427d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0068ad 0%,#00427d 100%); /* IE10+ */
		background: linear-gradient(top,  #0068ad 0%,#00427d 100%); /* W3C */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068ad', endColorstr='#00427d',GradientType=0 );  IE6-9 */
	}
	.bucket h3 a:hover {
		text-decoration: none;
		background: #004e93; /* Old browsers */
		background: -moz-linear-gradient(top,  #004e93 0%, #00214c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004e93), color-stop(100%,#00214c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #004e93 0%,#00214c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #004e93 0%,#00214c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #004e93 0%,#00214c 100%); /* IE10+ */
		background: linear-gradient(top,  #004e93 0%,#00214c 100%); /* W3C */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e93', endColorstr='#00214c',GradientType=0 );  IE6-9 */
	}
	
	/* Footer */
	#footer-nav {
		padding-left: 15px;
		padding-right: 15px;
	}
	#footer-nav .span4,
	#footer-nav .span4.last {
		width: auto;
		float: none;
		padding-right: 0;
		margin-bottom: 10px;
	}
	#footer-nav h4 a {
		padding: 
	}
	#footer-nav .span4 h4 .ion {
		float: right;
	}
	#footer-content {
		padding-bottom: 0;
	}
	#boilerplate {
		position: relative;
		right: auto;
		width: 100%;
		bottom: auto;
		height: auto;
		min-height: 27px;
		margin-top: 8px;
		line-height: 1.6;
	}
	#boilerplate span[itemprop="address"] {
		display: block;
		font-size: 1.2em;
	}
	#boilerplate .phone {
		display: block;
		color: #02406F;
		font-size: 16px;
	}
	
	/* Home Page */
	#page-1 #content-wrap {padding-top: 0;}
	#home-btns {margin: 15px 0;}
	
	/* Hero Banners */
	#hero-banners {
		border: 0;
		-webkit-border-radius: 0;
		border-radius: 0; 
		-webkit-box-shadow: none;
		box-shadow: none; 
		margin-left: -15px;
		margin-right: -15px;
	}
	.anythingSlider .anythingWindow {
		-webkit-border-radius: 0;
		border-radius: 0; 
	}
	.anythingControls ul.thumbNav {display: none;}
	
	/* Contact Page */
	#contact-box address {
		float: none;
		padding-right: 0;
		height: auto;
		background: none;
	}
	#contact-box .right {
		padding-top: 46px;
		background: url(/images/template/shadow-bucket.png) left 20px no-repeat;
	}
	
	/* News & Events Page */
	h2 span {
		display: block;
		float: none;
		margin: 0;
	}
	
}


/* ****************************************** Mobile - Large */

@media (max-width: 640px) { /* Mobile */

	/* Container = 480px */
	
	#searchWrap #search {width: 310px;} /* Max container width 480px */
	
	#contact input#file_Attachment {width: 86%;}
	
	.rfq-form .accordion > li:first-child p br {display: none;}

}


/* ****************************************** Mobile - Landscape */

@media (max-width: 565px) { /* Mobile */

	/* Home Hero Banner */
	.anythingSlider-default .anythingControls {display: none !important;}
	
	/* File Attachment */
	#contact input#file_Attachment,
	#quickContact input#file_Attachment {width: 83%;}
	
}


/* ****************************************** Mobile - Portrait */

@media (max-width: 479px) { /* Mobile */

	/* Container = 320px */
	
	.jbmodal-box a.rfq-btn br {display: none;}
	
	/* Header */
	#searchWrap #search {width: 150px;} /* Max container width 320px */
	
	header nav {
		left: 0;
		width: 100%;
	}
	
	/* Footer */
	#boilerplate span[itemprop="address"] {
		font-size: 1em;
	}
	
	/* File Attachment */
	#contact input#file_Attachment,
	#quickContact input#file_Attachment {width: 72%;}
	/* Submit Button */
	#content input[type="submit"] {width: 100%;}
	
	/* Home Page */
	#hero-banners .caption div {width: 288px;}
	#hero-banners .caption h4 {font-size: 13px;}
	#hero-banners .caption p {display: none;}
	#hero-banners .panel img {
		position: relative;
		left: -200px;
	}
	
	/* Contact Page */
	#contact-box .right {background-size: 100% auto;}
	
	/* RFQ Forms */
	.rfq-form .span4 {width: 100%;}
	/* .rfq-form .control-group {width: 335px;}*/
	#content .rfq-form fieldset input.long[type=text] {width: 100%;}
	

}

/* ****************************************** Mobile - Small Portrait */

@media (max-width: 380px) { /* Mobile */

	

}