/*
Theme Name: Altherm
Author: Flint Media :: PBS
Version: 1.0
*/
/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

* {
	margin:0;
	padding:0;
}

html, body {

} 

html { 
  background-image: url(images/home-bg1.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.images/home-bg1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home-bg1.jpg', sizingMethod='scale')";
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height:20px;
	color:#666666;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Oswald', sans-serif;
	color:#0A103E;
}

h1 {
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	margin:0 0 17px 0;
	text-transform:uppercase;
}

sup {
vertical-align: top;
font-size:85%;
}

.container {
	background-color: #fff;
	margin: 0px auto;
	padding: 0px 80px 0 0;
	width: 337px;
	position:absolute;
	top:0;
	right:0px;
	min-height:110%;
	-webkit-box-shadow: -3px -5px 4px 2px rgba(0, 0, 0, 0.34);
	box-shadow: -3px -5px 4px 0px rgba(0, 0, 0, 0.34);
}

.container.wide {
	width: 724px;
	border-left:1px solid #fff;
	z-index:9999;
}

header {
	background:#0A103E;
	padding:18px 0;
	position: relative;
	display:none;
}

header  .mlogo{
	margin-left:35px;
}

.container p {
	margin:0 0 14px 0;
}

.container strong,
.container b {
	font-weight:700;
}

#topcontact {
	height:63px;
	line-height:63px;
	text-align:right;
	color:#0A103E;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
}

.grey {
	color:#878787;
}

.envelope a{
	background:url(images/envelope.png) no-repeat right center;
	padding:0 41px 0 0;
  color: #0a103e;
  text-align: right;
  text-decoration:none;
}

.contactpad {
	padding-right:5px;
}

#headerimg {
  line-height: 0;
}

#headerimg.homeshow {
	display:none;
}

#headerimg img {
	width:100%;
	height:auto;
}

#breadcrumbs {
	height:42px;
	line-height:42px;
	background:#E1E1E1;
	font-size:12px;
	padding-right:27px;
	text-align:right;
	margin-bottom:34px;
	font-weight:700;
}

#breadcrumbs .sep {
	font-weight:400;
}

#breadcrumbs a {
	color:#666;
	text-decoration:none;
	font-weight:400;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

.inset p a {
	color:#C2141A;
}

.container .inset {
	margin:0 27px;
}

.container .inset.rule {
	border-bottom:1px solid #ccc;
	padding-bottom:6px;
}

.container .inset.pad {
	padding-top:23px;
}

.shadow {
	-webkit-box-shadow: -1px -3px 7px 0 rgba(0, 0, 0, 0.34);
	box-shadow: -1px -3px 7px 0 rgba(0, 0, 0, 0.34);
}

.logo {
	line-height:0;
}

.logo a img {
	border:0 none;
}

#leftsidetop {
	background:url(images/left-side-top.png) no-repeat 0 0;
	width:258px;
	height:61px;
	position:absolute;
	top:0px;
	left:-3px;
	z-index: 99;
}

#leftside {
  margin: 61px 442px 0 80px;
  position:relative;
}

#leftside .inset {
  width: 175px;
}

nav {
	background:#fff;
	margin-bottom:34px;
}

nav ul {
	list-style:none;
}

nav ul  li{
	border-bottom:1px solid #ccc;	
	position: relative;
}

nav ul  li:last-child{
	border-bottom:0 none;	
}

nav ul  li a{
	font-size:15px;
	color:#999;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	height:43px;
	line-height:43px;
	padding-left:19px;
	display: block;	
}

nav ul  li:hover a {
	background:#999999;
	color:#fff;
}

nav ul  li.current-menu-item a,
nav ul  li.current-page-ancestor a {
	color:#090B2E;
}


nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 0px; 
	left:175px;
	z-index:1000;
	background:#999;
	height:auto;
	width:170px;
	padding: 10px 20px;
	overflow:hidden;
}

nav ul ul li { /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	line-height:2em;
	margin:0;
	border:0 none;
}

nav ul ul li:last-child { 
}

nav ul ul li a { /* target all sub menu item links */ 
	display:block; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	margin:0;
	padding:0;
	line-height:35px;
	height:35px;
}

nav  ul.sub-menu li a {
	color:#CCCCCC;
}
  
nav ul ul li.current-menu-item a,
nav ul ul li a:hover {
	color:#fff;
}

nav ul li:hover > ul {
	display: inline; /* show sub menus when hovering over a parent */
}

#sidr-left {
	display:none!important;
}

#mobilemenuwrap {
	display:block;
	-moz-user-select: none;
	cursor: pointer;
	z-index: 10001;
}	
		

	
#subfooter  {
	border-top:1px solid #cccccc;
	padding:22px 0 0 0;
	margin-top: 25px;
	display:none;
}
	
#subfooter.homesub {
	border-top:0 none;
	padding:0;
	margin-top: 0px;
	display:block;
}
	
#environ {
	float:left;
}

.container #warrantys {
	float:right;
	padding-top: 10px;
	display:none;
}

#imagenav {
	height:41px;
	line-height:41px;
		margin-bottom:30px;
}

#prev  {
	width:40px;
	height:41px;
	float:left;
	margin-right:11px;
}

#prev a {
	background:url(images/left-arrow.png) no-repeat 0 0 transparent;
	text-indent:-9999px;
	display:block;	
}

#next  {
	width:40px;
	height:41px;
	float:left;
}

#next a {
	background:url(images/right-arrow.png) no-repeat 0 0 transparent;
	text-indent:-9999px;
	display:block;
}

.backstretch-caption {
	font-size:16px;
	font-weight:bold;
	height:41px;
	line-height:41px;
	margin-left:23px;
	float:left;
	color:#fff;
	text-shadow: 1px 1px 2px #000000;
}

footer {
	border-top: 1px solid rgba(255, 255, 255, 0.55);
	padding:15px 0;
}

footer#footer-lower {
	margin-top:65px;
}

footer.homefooter {
	display:none;
}

.container footer {
  border-top: 1px solid #cccccc;
  margin: 25px 0 0;
  padding: 25px 0 10px 0;
}

footer p{
	color:#fff;
	font-size:12px;
	text-shadow: 1px 1px 2px #000000;
	text-align:center;
}

footer img.footerlogo {
	float:left;
}

footer p{
	color:#fff;
	font-size:12px;
	text-shadow: 1px 1px 2px #000000;
	text-align:center;
	float:left;
	line-height:51px;
}

#footerlogobox {
	background:url(images/altherm-logo-footer.png) no-repeat 0 0 transparent;
	width:88px;
	height:51px;
	float:left;
	margin-left:25px;
}

.page-template-page-templatesnarrow-template-php #footerlogobox,
.page-template-page-templateshome-template-php #footerlogobox {
	background:url(images/altherm-logo-footer-white.png) no-repeat 0 0 transparent;
}

.container footer p{
	color:#999;
	text-shadow: none;
}

footer p a{
	color:#fff;
	text-decoration:none;
}

footer p a{
	color:#999;
	text-decoration:underline;
}

.inset footer p a {
    color: #999999;
    text-decoration: underline;
}

#gmap  {
  border: 0px solid #D9D9D9;
  height: auto;
  margin: 47px 0 20px 0;
}

#gmap iframe, 
#gmap object, 
#gmap embed { 
	width: 100%; 
	overflow: hidden;
}

#leftside footer p a{
	color:#fff;
}

.gform_wrapper .top_label .gfield_label {
  font-weight: 400!important;
}

.gform_wrapper .gfield_required {
  color: #666!important;
}

.gform_wrapper textarea.medium {
  height: 130px!important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 100%!important;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */


/*////// GALLERY STYLES ******/
ul.gallery1 {
	list-style:none;
}

ul.gallery1 li {
	float:left;
	margin-right:17px;
}

ul.gallery1 li strong {
	background:url(images/folders-icon.png) no-repeat left transparent;
	padding-left:23px;
}

ul.gallery1 li a strong,
ul.gallery1 li strong a {
	color:#666;
	text-decoration:none;
}

.gallery {
	margin-bottom: 20px;
	overflow: auto;
}

.gallery-item {
	float: left;
	margin: 0 17px 20px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

xx.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 17px);
	max-width:         calc(25% - 17px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.nav-links a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

nav.image-navigation {
	margin-bottom:14px;
}


.inset .attachment img {
	max-width:100%;
	height:auto;
}


.responsiveSelectContainer select.responsiveMenuSelect,
select.responsiveMenuSelect {
  margin: 5px 0 0 35px;
  padding: 3px;
  width: auto!important;
}


/*////////////////////// RESPONIVE START **********************/
/*////////////////////// RESPONIVE START **********************/
/*////////////////////// RESPONIVE START **********************/


/* for 11000px or less */
@media screen and (max-width: 1100px) {
	
header {
	display:block;
	}
	

.home #headerimg.homeshow {
	display:none;
	}
	
#headerimg.homeshow {
	display:block;
	}

	
	#sidebar {
	float: none;
	max-width: 100%;
	}
	
#leftside {
  display: none;
	}
	
#leftsidetop {
  display: none;
	}

.container,
.container.wide {
	margin: 0px auto;
	padding: 0px 0px 0 0;
	width: 100%;
	position:relative;
	min-height:100%;
	-webkit-box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.34);
	box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.34);
	width:724px;
	border:0 none;
	}
	

.container.wide {
	height:auto;
	}
	
	
html { 
  xbackground: #fff; 
	}

	
#topcontact,
#breadcrumbs {
	padding-right:35px;
	}

.container .inset {
  margin: 0 35px;
}

.backstretch {
	display:none;
	}

	
	#subfooter  {
	display:block;
	}

	#subfooter.homesub {
	border-top: 1px solid #cccccc;
	margin-top: 25px;
	padding: 22px 0 0;
	}	

	footer.homefooter {
	display:block;
	}

.container .inset.rule {
  border-bottom: 0 none;
  padding-bottom: 0px;
}

.container .inset.pad {
  padding-top: 0px;
	}
	

.container #warrantys {
	display:block;
}

	.page-template-page-templatesnarrow-template-php #footerlogobox,
	.page-template-page-templateshome-template-php #footerlogobox {
	background:url(images/altherm-logo-footer.png) no-repeat 0 0 transparent;
	}


}


/* for 724px or less */
@media screen and (max-width: 724px) {
.container,
.container.wide {
	width:auto;
	-webkit-box-shadow:none;
	box-shadow: none;
	}
	
		footer p{
		color:#fff;
		font-size:12px;
		text-shadow: 1px 1px 2px #000000;
		text-align:center;
		float:none;
		line-height:1.2;
	}

	#footerlogobox {
		background:url(images/altherm-logo-footer.png) no-repeat 0 0 transparent;
		float:none;
		margin:10px auto;
	}
}


/* for 490px or less */
@media screen and (max-width: 490px) {
	#environ {
	float:none;
	text-align:center;
	}

	.container #warrantys {
		float:none;
		padding-top: 10px;
		text-align:center;
	}
	
}