/*
Theme Name: John Zink
Theme URI: http://www.johnzink.com
Description: A wordpress theme from John Zink
Version: 1.0
Author: Walsh Barnes Interactive
Author URI: http://www.walshbarnes.com

*
* Made for John Zink.
* Created by Walsh Barnes Interactive.
* http://www.walshbarnes.com
* All Rights Reserved.
*
* Ver 1.0
* Created on 03/24/2010
*

font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 400;
font-family: "myriad-pro",sans-serif; font-style: italic; font-weight: 400;
font-family: "myriad-pro",sans-serif; font-style: normal; font-weight: 700;
font-family: "myriad-pro",sans-serif; font-style: italic; font-weight: 700;
_______________________
UNIVERSAL STYLES */
/*.top-literature, .literature-link {display:none !important; visibility:hidden !important;}*/

html { background-color: #168ecb; }
html.shadowbox {background-color:transparent;}
body { padding: 0; background: #FFFFFF; margin: 0; font-family: "myriad-pro",sans-serif; font-style: normal; font-weight:400; }

a, .content a { color: #0193CF; }
a:visited, .content a:visited {  }
a:hover, .content a:hover { color: #F3901D; }

select { font-size: 11px; padding: 1px; border: 1px solid #A7CFDF; color: #666; width: 133px; }
textarea { width: 100%; height: 100px; }

.content table {margin-bottom:0;}
.mobile {display:none;}
body.mobile {display:block;}

img {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering: -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
*:focus {outline:none;}

/* _______________________
STRUCTURE */

.section, .home-section, section {/*max-width:1200px;*/ width:85%; margin:0 auto;}
.home-section {max-width:75%;}
@media (max-width:1400px) {
	.section, .home-section, section {max-width:90%;}
}
#nav .section {max-width:1055px;}

/*________________________
TEXT */
sub {font-size:10px; vertical-align: sub;}
sup {font-size:10px; vertical-align: top; }
#the-content strong { /*color: #f3901d;*/ }
#the-content h1, #the-content h2, #the-content h3, #the-content h4, #the-content h5, #the-content h6,
.ui-widget h1, .ui-widget h2, .ui-widget h3, .ui-widget h4, .ui-widget h5, .ui-widget h6 { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-weight: normal; }
#the-content h1,
.ui-widget h1{ font-size: 200%; line-height: 200%; color: #0093D0;}
#the-content h2, #the-content h3, #the-content h4, #the-content h5, #the-content h6,
.ui-widget h2, .ui-widget h3, .ui-widget h4, .ui-widget h5, .ui-widget h6 { font-size: 140%; line-height: 120%; color: #0093D0; padding: 8px 0; }
#the-content h2,
.ui-widget h2 {font-size: 145%;}
#the-content h3,
.ui-widget h3 { color: #F3901D; font-size: 135%; }
#the-content h4,
.ui-widget h4 {font-size:100%;}
#the-content h3 a,
.ui-widget h3 a {color: #F3901D; text-decoration:none;}
#the-content h6,
.ui-widget h6 { color: #000; font-size: 80%; font-weight: bold; line-height: 140%; margin-bottom: 20px;  }
#office-results, #the-content p, #the-content td,
.the-content p, .ui-widget p {margin-bottom:15px; line-height:1.5;}
#office-results h3 {margin-top:20px;}

.the-content p,
.ui-widget p {font-size:18px;}
.the-content h2 {color: #F3901D; margin-bottom:15px; font-family: 'GeometricSlab-BoldCond'; font-size:35px; text-transform:uppercase;}

h1.title,
h2.title {margin-bottom:40px; font-family: 'GeometricSlab-BoldCond'; font-size:40px; text-transform:uppercase;}
h2.title {font-size:30px;}
h1.title.blue,
h2.title.blue {color: #0093D0; font-size:30px;}

#page-title { position: relative;
	/*-webkit-box-shadow: inset 0px 15px 5px -10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:inset 0px 15px 5px -10px rgba(50, 50, 50, 0.75);
	box-shadow:inset 0px 15px 5px -10px rgba(50, 50, 50, 0.75);*/
	background-color:#7C3999;
}
body.page-template-page-contact #page-title {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
#product-subtitle {padding:0px 0 30px;}
#page-title .section {position:relative; padding:30px 0 25px;}
#page-title.image .section {padding:100px 0 75px;}
#page-title.image {background-position:center center; background-size:cover; margin-bottom:30px; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
#page-title.purple {background-color:#7D3599;}
#page-title.purple .section {background-size:contain; background-repeat:no-repeat; background-position: right -30px center;}
#page-title h2.title,
#product-subtitle h2.title {color:#fff; font-size:34px; font-weight: 700; margin-bottom:10px; /*float:left;*/}
#product-subtitle .section {max-width:1200px;}
#page-title h2.title sup,
#product-subtitle h2.title sup {font-size:80%;}
#product-subtitle h2.title {color:#0093D0;}
#page-title.image h2.title {color:#fff; float:none; font-family: "myriad-pro",sans-serif;}
.product-new #page-title.image h2.title {font-size:24px; font-weight:600; text-transform: capitalize;}
#page-title .breadcrumbs {padding-top:9px; /*float:right;*/ line-height:1.5; display:none;}
#page-title.image .breadcrumbs {margin-bottom:20px; float:none;}
	.breadcrumbs a, .breadcrumbs span, .breadcrumbs {font-size:14px; text-decoration:none;}
#page-title.image .breadcrumbs a, #page-title.image .breadcrumbs span, #page-title.image .breadcrumbs {color:#fff;}
.top-content {padding:30px 0; width:55%; max-width:600px;}
.top-content.left {float:left;}
.top-content.larger {width:65%; max-width:800px}
.top-content.full {width:100%; max-width:none;}
body.page-template-page-turnkey-php .top-content {width:40%;}
.top-content.thinner {width:35%;}
#page-title .top-content h2 {font-weight:400; color:#f79c31; margin-bottom:25px; font-size:28px;}
.top-content p {color:#fff; margin-bottom:15px; line-height:1.5;}

#sidebar li {border-top:solid thin #d3d3d3; padding:7px 0 0;}
#sidebar li:last-child {border-bottom:solid thin #d3d3d3;}
#sidebar li:hover, #sidebar li.current_page_item {background:url(images/subnav-tick.png) right center no-repeat;}
#sidebar a {font-weight: 600; color:#231f20; font-size:16px; text-decoration:none; display:block; padding-bottom:5px; line-height:1.5;}
#sidebar ul.products {margin-bottom:30px;}
#sidebar ul ul li {padding-left:20px; border-bottom:none !important;}
#sidebar ul.products li a {color:#0099d8;}
#sidebar > img {margin-bottom:30px;}
#subnav {padding-bottom:30px;}
#subnav h2 { padding: 5px 0; color: #0193CF; text-decoration: none; border-bottom: 1px solid #FFFFFF; display: block; font-size:22px; }
#subnav h3 {margin-bottom:15px; color:#000; font-size:18px; text-transform: uppercase; font-weight:bold;}
#sidebar .sidebar-copy p {color:#666; line-height:1.5;}
#sidebar .sidebar-copy a {color:#666;}

#the-content td {padding:5px 10px 10px;}
#the-content th {background-color:#0093D0; padding:5px 10px; text-align: left;}
#the-content th > * {color:#fff; margin:0;}
#the-content table.courses th:nth-child(2) {border-left:solid thin #fff;}
#the-content table.courses td:nth-child(2) {border-left:solid thin #333;}
#the-content table.courses ul {padding-bottom:0;}
#the-content table.courses {margin-bottom:20px;}

/*.orange { color: #F3901D; text-transform: uppercase; font-weight: bold; }
.purple { color: #9F1F8B; }
.red { color: red; }*/

.breadcrumb { font-size: 11px; color: #666; }

#the-content ul, #the-content ol { padding: 0 0 24px 0; margin: 0; }
body:not(.page-id-13) #the-content ul li {padding: 3px 0 3px 20px;margin: 0;line-height:1.5;list-style: none;background: url(images/old/img_arrow-blueonwhite.gif) 10px 10px no-repeat;}
#the-content ol {margin-left:25px;}
#the-content ol li { padding: 3px 0 3px 15px; line-height:1.5; list-style:decimal; }

#the-content ul#sitemap li {
    background: none;
}

#the-content .alignleft { float: left; }
#the-content img.alignleft { padding: 0 12px 8px 0 }
#the-content .alignright { float: right; }
#the-content img.alignright { padding: 0 0 8px 12px }

.info h2 { display: none !important; }
input.button, .button, input[type=submit] { color: #FFF; background: #0193CF; padding: 6px 8px; margin: 6px 0; text-transform: uppercase; font-size: 14px; border: 0; }
input.button { padding: 5px 8px; }
.grey { background: #666; }
.button a, a.button { color: #FFF; text-decoration: none; }
.button a:hover, a.button:hover, input.button:hover { color: #FFF; background: #2CB7EF; }
.grey a:hover, a.grey:hover { color: #FFF; background: #868686; }

.orange-arrow,
.white-arrow,
.black-arrow,
.product-new h1 a,
.product-new h2 a {position:relative; padding-right:40px; display:inline-block;}
.product-new h1 a,
.product-new h2 a {padding-right:20px;}
.orange-arrow:after,
.white-arrow:after,
.black-arrow:after,
.product-new h1 a:after,
.product-new h2 a:after {
	content:"";
	display:block;
	width:25px;
	height:25px;
	background-image:url('images/orange-arrow.png');
	background-image:url('images/orange-arrow.svg');
	background-size:cover;
	position:absolute;
	right:0;
	top:-3px;
}
.white-arrow:after,
.product-new h1 a:after,
.product-new h2 a:after {
	background-image:url('images/white-circle-arrow.png');
	background-image:url('images/white-circle-arrow.svg');
}
.black-arrow:after,
.product-new h1 a.black-arrow:after,
.product-new h2 a.black-arrow:after {
	background-image:url('images/black-arrow.png');
	background-image:url('images/black-arrow.svg');
}
h1 .white-arrow,
h1 .black-arrow {padding-right:60px;}
h1 .white-arrow:after,
h1 .black-arrow:after {
	width:35px;
	height:35px;
	top:2px;
}
.white-arrow.white-arrow-down:after {transform:rotate(90deg);}

.white-arrow > span[style="visibility: hidden;"] {position:absolute; width:1px; height:1px; overflow:hidden;}

.literature-link {width:120px; display:block; padding-top:20px;}
.literature-link.float-right,
.literature-link.better-float-right {float:right; padding-top:90px; padding-left:40px; z-index:900;}
.literature-link.better-float-right {padding-top:0;}
.literature-link.bottom-right {position:absolute; bottom:75px; right:150px; z-index:998;}
.literature-link img,
.literature-link object {width:100%;}
.benefits-link {margin:20px 0 50px;}

.top-content .smaller {width:70%;}
.top-content .smaller.left {float:left;}
.top-content .lit-right {float:right;}
.top-content .lit-right a {padding-top:0;}

@media (max-width:750px) {
	.top-content .smaller {width:100%;}
	.top-content .smaller.left,
	.top-content .lit-right {float:none;}
	.top-content .lit-right a {padding-top:30px;}
}

@media (max-width:600px) {
	.literature-link.float-right,
	.literature-link.better-float-right {float:none; padding-top:0; padding-left:0;}
}

select.special-select {
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	font-size:85%;
	padding:5px 70px 5px 10px;
	width:100%;
	background-color:#f5f5f5;
	background-repeat:no-repeat;
	background-position:right 15px center;
	background-image:url(images/down-arrow-blk.png);
	background-image:url(images/down-arrow-blk.svg);
	background-size:25px auto;
	border-radius:0;
}

.formtable table {width:500px!important;}
.formtable .text {width:200px;}
.formtable tbody{width:500px!Important;}
.formtable tr {width:300px!Important;}
.formtable td {width:250px!important;}
.required {color:#000000;width:100px;}
.red {color:#FF0000;}
.formtable input.text, textarea.textarea {border-top:solid 1px #888888;}
.formtable h2 {margin-top:0px!Important;padding-top:0px;}

#page-content td {vertical-align:top;}

.page-id-52 #the-content h2 {padding-left:30px; background:url(images/plus.png) center left no-repeat;}
.page-id-52 #the-content a {text-decoration:none;}

sup {vertical-align:super; font-size:10px;}

#the-content img.size-full {max-width:100%; height:auto;}

@media (max-width:1095px) {
	#the-content iframe {width:100%;}
	h1.title,
	h2.title {font-size:28px;}
}

.white-title-logo {width:170px; margin-bottom:30px;}
.white-title-logo img {width:100%;}

/*________________________
CONTENT */

div#tipDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background: #333; padding:4px 10px 4px 10px; color:#FFFFFF; font-size:12px; line-height:16px; text-align: right; }

.navigation { clear: both; padding: 12px 0; }
.alignleft { float: left; }
.alignleft img { padding-right: 12px; padding-bottom: 8px; }
.alignright { float: right; }
.alignright img { padding-left: 12px; padding-bottom: 8px; }
.a_left { text-align: left; }
.a_right { text-align: right; }
.a_center { text-align: center; }
img.aligncenter {display:block; margin:0 auto;}

/*________________________
HEADER */

#top {width:100%; background:#167abf url(images/jz-header-bg.jpg) right no-repeat; height:110px;}
#top .section {}
	#logo {float:left; padding-top:25px; width:252px;}
#top #logo a,
#top #logo img {width:100%; display:block;}
	#top-right {float:right; margin-top:38px; position:relative;}
		#top #language_selector {padding-top:10px; float:right; color:#6d6e71; font-style:italic; padding-bottom:5px;}
		#contact-button img {width:100%;}
		.search #s,
		#contact-button {
			width:220px;
			font-size:14px;
			padding:5px 10px;
			color:#6d6e71;
			border-radius:5px;
			border:none;
			/*font-family: 'Open Sans';*/
			background-image:url(images/search-icon.png);
			background-image:url(images/search-icon.svg);
			background-size:14px;
			background-position:right 10px center;
			background-repeat: no-repeat;
		}
#contact-button {color:#fff; text-decoration:none; border:solid thin #fff; padding:7px 10px; width:150px; background:#8FC64A url(images/white-subnav-tick.png) no-repeat; background-position:right 10px center; float:right;}

#nav {width:100%; display:block; background-color:#f99d1c; border-top:solid 4px #fff; border-bottom:solid 4px #fff; position:relative; /*height:30px;*/ z-index:999; text-align:center;}
	#nav .main {position: relative; z-index: 901;}
 	#nav .main .menu {overflow: hidden}
	#nav .main .menu > li {display:inline; display:inline-block; position:relative; vertical-align: middle;}
	#nav .main .menu > li:before,
	#nav .main .menu > li:last-child:after {content:""; display:block; height:26px; width:1px; background-color:#fff; position:absolute; top:50%; margin-top:-13px; left:-2px;}
	#nav .main .menu > li:last-child:after {left:auto; right:-1px;}
	#nav .main .menu > li > a {
		display:block; color:#fff; text-decoration:none; position: relative;z-index: 100; text-transform:uppercase; font-size:14px; font-weight:600; padding:7px 23px;
	}
	#nav .main .menu > li.current_page_ancestor > a,
	#nav .main .menu > li.current_page_item > a,
	#nav .main .menu > li > a:hover {background-color:#8CC63F;}
	#nav .main .menu > li.current_page_ancestor:before,
	#nav .main .menu > li.current_page_item:before,
	#nav .main .menu > li:hover:before,
	#nav .main .menu > li.current_page_ancestor + li:before,
	#nav .main .menu > li.current_page_item + li:before,
	#nav .main .menu > li:hover + li:before,
	#nav .main .menu > li:hover:last-child:after,
	#nav .main .menu > li.current_page_ancestor:after,
	#nav .main .menu > li.current_page_item:after {display:none;}
	#nav .main .menu > li.current_page_ancestor > a:after,
	#nav .main .menu > li.current_page_item > a:after,
	#nav .main .menu > li > a:hover:after {
		display:block;
		content:"";
		background:url(images/green-menu-tick.png) center no-repeat;
		position:absolute;
		width:17px;
		height:14px;
		bottom:-13px;
		left:50%;
		margin-left:-8px;
	}
	#nav ul ul.sub-menu {display:none; border-top:solid thin #fff;}
#nav .main .menu > li:hover:after,
#nav .main .menu > li.current_page_ancestor:after, 
#nav .main .menu > li.current_page_item:after {
	content:"";
	display:block !important;
	background-color:#8CC63F;
	width:100%;
	height:42px;
	top:-6px;
	left:0;
	position:absolute;
	margin-top:0;
}

		#submenu {position:absolute; top:calc(100% + 4px); left:0; width:100%; background-color:rgba(51,51,51,0.8); z-index:900; -webkit-box-shadow: inset 0px 5px 10px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:inset 0px 5px 10px 0px rgba(50, 50, 50, 0.75);box-shadow:inset 0px 5px 10px 0px rgba(50, 50, 50, 0.75);}
		#submenu > div {display:none; width:1015px; margin:0 auto; padding:30px 0 20px;}
		#submenu ul {text-align:left; /*-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;*/}
		#submenu .submenu-2 {/*display:block;*/}
		#submenu li {width:300px; margin-bottom:0; display:inline-block; vertical-align: top;}
		#submenu a {text-transform:uppercase; /*color:#231f20;*/ color:#fff; -webkit-margin-before: 0; -webkit-margin-after: 0; text-decoration:none; padding-bottom:15px; display:block;}

.goog-te-gadget {color:#EBE9EB !important;}
.goog-te-gadget > span {display:none !important;}

.search {margin-top:30px;}
body.search {margin-top:0;}

#hamburger,
#nav .expander {display:none;}

@media (max-width:1330px) {
	#nav .main .menu > li > a {padding:9px 18px; font-size:12px;}
}

@media (min-width:1000px) {
	#nav {display:block !important;}
}

@media (max-width:1100px) {
	#nav .main .menu > li > a {padding:7px 15px;}
}

@media (max-width:1000px) {
	#top {border-bottom:solid 4px #fff;}
	#top .search {display:none;}
	#hamburger {display:block; float:right; margin-left:20px;}
	#contact-button {right:40px;}
	.header-social {display:none;}

	#nav .expander {position:absolute; top:0px; right:0px; height:100%; width:30px; z-index:600; cursor:pointer; display:block;}
	#nav .expander span:first-child {background:white; display:block; height:16px; width:3px; border-radius:1px; position:absolute; top:10px; right:16px;}
	#nav .expander span:last-child { background:white; display:block; height:3px; right:10px; position:absolute; top:16px; width:15px; border-radius:1px;}
	#nav .expander.open span:first-child {display:none;}

	#nav {height:auto; border-top:none; text-align:left; width:100%; overflow:hidden; display:none;}
	#nav .main li {display:block; width:100%; border-bottom:solid thin #fff; position:relative;}
	#nav .main li:last-child {border-bottom:none;}
	#nav .main .menu > li.current_page_ancestor > a,
	#nav .main .menu > li.current_page_item > a,
	#nav .main .menu > li > a:hover {background-color:#f99d1c;}
	#nav .main li:before,
	#nav .main .menu > li > a:after {display:none !important;}
	#nav .main li a {height:auto; font-size:18px; color:#fff; display:block; text-decoration:none; padding:10px 23px;}
}

/*________________________
FOOTER */

#footer {padding-top:80px; padding-bottom:50px; /*background: #fff url(images/footer-bg.jpg) top repeat-x;*/
background: #ebebeb;
background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 70%);
background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 70%);
background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );}
#footer-top {padding-bottom:30px; margin-bottom:30px; border-bottom:solid thin #333;}
	#footer #footer-logo {float:left; padding-right:30px; width:163px;}
#footer #footer-logo img,
#footer #footer-logo object {width:100%;}
	#footer #language_selector {padding-top:10px; float:left; color:#6d6e71; font-style:italic;}

#footer-nav {position:relative;}
	#footer-nav ul {text-align:center;}
	#footer-nav ul li {padding-bottom:0px;}
	#footer-nav a {color:#58595b; font-size:11px; text-decoration:none; line-height:1.3;  display:block; padding-bottom:0px;}
	#footer-nav > ul > li > a {text-transform:uppercase; font-size:15px;}
	#footer-nav > ul > li {padding:0 15px; display:inline-block; position:relative; vertical-align:middle;}
	#footer-nav > ul > li:after {
		content:"";
		position:absolute;
		background-color:#333;
		height:2px;
		width:2px;
		margin-top:-1px;
		border-radius:50%;
		top:50%;
		right:-3px;
	}
	#footer-nav > ul > li:last-child:after {display:none;}
		#footer-nav ul ul {padding-top:3px; display:none;}

.search { margin-top:0;}
.search #s {color:#fff; background-color:#1e8ecc;}
#ps-content {position:relative;}
#ps-content .search {position:absolute; right:30px; top:20px; }
#ps-content .search #s {background-color:#8ec741; padding:10px; border:solid thin #fff;}

#footer-bottom {/*border-top:solid thin #58595b; margin-top:30px;*/ padding:20px 0 10px; background-color:#168ecb; overflow:hidden;}
#footer-bottom ul {text-align:center;}
#footer-bottom .copyright, #footer-bottom a {color:#fff; font-size:14px; text-decoration: none; text-transform: uppercase;}
#footer-bottom li {display:inline-block; border-right:solid thin #fff; padding:0 10px; margin-bottom:10px;}
#footer-bottom li:last-child {border-right:none;}

@media (max-width:1120px) {
	#footer-nav li.page-item-52 {position:relative; top:auto; right:auto;}
	#ps-content .search {position:relative; right:auto; top:auto; float:none;}
}

@media (max-width:1000px) {
	#google_translate_element, #footer-nav {display:none;}

	.search {display:block; margin-top:0; float:none;}
	.search #s,
	#footer #footer-logo img {margin:0 auto; display:block; max-width:250px;}
	#footer #footer-logo {padding-right:0; float:none; display:block; width:100%; margin-bottom:30px;}

	.footer-social {float:none; margin-top:30px; margin-right:0 !important; width:100%;}
	.footer-social ul {text-align:center;}
	.footer-social li {margin:0 5px;}
}

#page-contact-footer {position:fixed; bottom:0; right:0; z-index: 100000003;}
#page-contact-footer.load {z-index:1;}
#page-contact-button {position:absolute; bottom:0; right:50px; cursor:pointer;}
.page-contact-button-inner {
	background-color: #eca040;
    color: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
	width: 170px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
	font-size:15px;
}
.page-contact-button-inner .icon {width:25px; float:left; padding-right:20px;}
.page-contact-button-inner .icon img,
.page-contact-button-inner .icon object {width:100%;}
.page-contact-button-inner .text {float:left; text-transform:uppercase; padding-top:7px;}
#page-contact-footer.left {left:0; right:auto;}
#page-contact-footer.left #page-contact-button {right:auto; left:50px;}
#page-contact-form, #watson-box {box-shadow: 0 0 0.688em 0 rgba(0,0,0,0.5); font-size: 16px;transform: translateZ(0px);position: fixed; /*height: 31.75em;*/ width: 24.25em; right:20px; float: right; bottom:20px;  -webkit-overflow-scrolling: touch;}
#watson-box {height: 31.75em;}
#watson-box a {color:#fff;}
#message-container {height: 322pt;}
#message-container #messages .watson-message, #watson-box #watson-header, #watson-fab {background-color: #3498db;}
#page-contact-form {overflow:hidden;}
#page-contact-footer.left #page-contact-form {float:left; right:auto; left:20px;}
#page-contact-form #header-desktop, 
#watson-box #watson-header {height:47px; width:100%; line-height:2.8125em; position:relative; background-color: #3498db;color: #ffffff;font-weight: normal;}
#watson-box #watson-header {height:auto; position:relative;}
#watson-box #watson-header:after {content:"Powered by Watson"; position:absolute; top:-2px; left:36px;}
#watson-box #watson-header:before {content:""; background:url("images/watson.png") center no-repeat; background-size:cover; width:22px; height:22px; position:absolute; top:5px; left:10px;}
#page-contact-form #icon-custom, #page-contact-form #icon-minimize, #page-contact-form #icon-close {cursor: pointer;display: inline-block;position: absolute;margin: 0 0.625em; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#page-contact-form #icon-custom {left:0;}
#page-contact-form #icon-minimize {right: 2em;}
#page-contact-form #icon-close {right: 0;}
#icon-custom > svg {width: 1.875em;height: 1.875em;}
#icon-close > svg, #icon-minimize > svg {cursor: pointer;width: 1.25em;height: 1.25em;}
#page-contact-form #header-text {display: inline-block;width:100%;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size:17px; line-height: 2.8125em;}
#page-contact-form #the-page-form {height:calc(100% - 90px); width: calc(100% - 2.5em); overflow-y:scroll;padding: 1.25em; background-color:#FBFBFB;}

#page-content, #footer, #footer-bottom {position:relative; z-index:900;}

@media (max-height:1500px) {
	#page-contact-form {height:500px;}
}
@media (max-height:700px) {
	#page-contact-form {height:400px;}
}
@media (max-width:1000px) {
	#page-contact-button img {width:auto !important;}
}
@media (max-width:450px) {
	#page-contact-form {width:88%}
}

.footer-social {float:right; text-align:right; margin-right:30px;}
.footer-social li {display:inline-block; width:auto; height:27px; margin-right:7px;}
.footer-social img,
.footer-social object {height:100%; width:auto;}


/*________________________
HOME PAGE */

#home-video {/*background:#84b840; background-size:cover;*/ position:relative; z-index:600; overflow:hidden; width:100%; background-color:#468715;}/*url(images/home-video.jpg) center no-repeat*/
/*#home-video #the-video, #home-video #the-video video {width:auto; height:100%;}*/
#home-video video {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 101%;
    width: auto;
    height: auto;
    z-index: 500;
    overflow: hidden;
}
.home-video-content {text-align:center; padding:150px 0 205px; width:100%; position:relative; z-index:800;}
.home-video-content.video { padding:0; position: absolute; top:50%; margin-top:-145px; left:0; }
.home-video-content .literature-link-table {position:absolute; bottom:100px; right:7.5%;}
#home-video h1 {color:#fff; font-family:GeometricSlab; font-size:80px; margin-bottom:30px;}
#home-video p {color:#fff; line-height:1.7; font-size:18px; margin-bottom:15px;}
#home-video a {color:#fff; text-decoration: none;}

#home-middle,
#home-events {padding:100px 0 130px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; z-index:500;}
#home-middle .middle-content {max-width:590px;}
#home-middle .middle-content p {line-height:1.6; color:#fff; font-size:18px;}
#home-middle .middle-content p strong {color:#f99d1c;}

@media (max-width: 800px) {
div#home-events iframe {
    width: 100%;
    height: 200px;
}
}

#home-boxes {}
.home-box {width:50%; height:600px; float:left; background-position:center; background-size:cover; overflow:hidden;}
.home-box .box-info {height:100%; margin-top:36%; background-color:rgba(0,0,0,0.3);}
.home-box .box-info-inner {padding:10% 25% 0;}
#home-boxes h1.title {color:#fff; margin-bottom:25px;}
.home-box h1.title sup {font-size:25px;}
#home-boxes h1 a {color:#fff; text-transform: uppercase; text-decoration: none;}
#home-boxes p {color:#fff; font-size:18px; line-height:1.5;}
@media (max-width:1400px) {
	#home-box-one .box-info-inner {padding-left:10%; padding-right:50px;}
	#home-box-two .box-info-inner {padding-left:50px; padding-right:10%;}
}
@media (max-width:1200px) {
	.home-box .box-info {margin-top:50%;}
}
@media (max-width:1000px) {
	#home-middle {padding:100px 0;}
	.home-box {width:100%; height:400px; float:none;}
	.home-box .box-info {margin-top:200px;}
	#home-box-one .box-info-inner,
	#home-box-two .box-info-inner {padding-left:10%; padding-right:10%;}
}

#home-events {padding:70px 0;}
#home-events h1 {margin-bottom:40px;}
#home-events ul {margin-bottom:20px; text-align:left;}
#home-events li {display:inline-block; width:18%; margin-right:9%; margin-bottom:20px; vertical-align: top; line-height:1.5;}
#home-events li:last-child {margin-right:0;}
#home-events li a {text-decoration:none; color:#000;}
#home-events .events-link {float:right; text-decoration: none; color:#000;}

#home-koch-logos {width:100%; padding:100px 0; background:url(images/home-koch-logos.jpg) center no-repeat; background-size:cover; text-align:center; position:relative; z-index:500;}
#home-koch-logos .the-content {padding:0 0 70px; max-width:800px; margin:0 auto;}
#home-koch-logos .the-content p {color:#fff;}
#home-koch-logos .the-content a {color:#F3901D; text-decoration:none;}
#home-koch-logos .the-logos img {display:block; margin:0 auto; width:100%; max-width:650px;}

#rotator-elements {position:relative; width:100%; height:500px;}
.rotator-element {width:100%; height:500px; overflow:hidden; position:absolute; display:none; top:0; right:0;}
.rotator-element.active {display:block; position: relative;}
.rotator-element img {display:block; margin:0 auto; }

.home .content.with-shadow {padding:40px 80px; background-color:#fff; -webkit-box-shadow: 0px 0px 30px 20px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 30px 20px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 30px 20px rgba(50, 50, 50, 0.25); width:855px;}

.home #middle strong {color:#f99d1c;}
.home #middle p {line-height:1.5; margin-bottom:15px;}

.quad-o p {padding:0 22px; color:#fff;}
.quad-o a {color:#fff;}

.emissions-plus .featured-content {padding:160px 0 0 30px;}
.emissions-plus p, .emissions-plus a {color:#fff; text-decoration:none; font-style:italic; margin-bottom:5px !important; line-height:1.2;}

.featured-element.events {background:url(images/events.png) center no-repeat; background-size:cover; position: relative;}
.featured-element.events .events-link {width:80px; height:50px; display:block; position:absolute; bottom:23px; left:15px;}
.events p, .events a {color:#fff; text-decoration:none; font-style:italic; margin-bottom:5px !important; line-height:1;}

#home-featured {padding:50px 0 40px; border-top:solid thin #333; background:#fff url(images/front-bg.jpg) top center no-repeat; background-size: cover;}
#home-featured ul {text-align:center;}
#home-featured li {display:inline-block; vertical-align:top;}
#home-featured li:nth-child(2) {margin:0 17px}
.featured-element {width:325px; margin-bottom:20px; height:200px; background-repeat:no-repeat; background-position:center;}
.featured-event {padding:60px 30px 0 140px; text-align:left;}
.featured-event a {font-size:18px; margin-bottom:15px; line-height:1.2; display:block; font-style:normal; font-weight:bold;}
.featured-event p {line-height:1.3 !important; margin:0; font-style:normal;}

#home-news, .home-news {background:url(images/home-news-bg.jpg) center no-repeat; background-size:cover;}
#home-news .home-section,
.home-news .home-section {max-width: 85%; padding:150px 0 75px; position:relative;}
#home-news .home-news-head,
.home-news .home-news-head {background-color:#eca040; color:#fff; padding:20px 35px; text-transform:uppercase; position:absolute; top:0; left:3.5%;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	font-family: 'GeometricSlab-BoldCond';
	font-size:25px;
}
#home-news-content,
.home-news-content {padding:70px 6%; background:rgba(0,0,0,0.4); color:#fff;}
#home-news .orange-arrow,
.home-news .orange-arrow {color:#fff; text-decoration:none;}
#home-news .left,
.home-news .left {float:left; width:45%;}
#home-news .left h2,
.home-news .left h2 {font-family: 'GeometricSlab-BoldCond'; font-size:45px;}
#home-news .right, 
.home-news .right {float:right; width:50%;}
#home-news .right p,
.home-news .right p {font-size:18px; line-height:1.5; margin-bottom:30px;}
.home-news .col-60 {width:60%;}
.home-news .col-40 {width:40%;}
.home-news .col-30 {width:30%;}
.home-news .col-50 {width:50%;}
.home-news .col-45 {width:45%;}
.home-news .col-48 {width:48%;}
.home-news .col-90 {width:90%;}
.home-news .stop-resize {height:auto !important;}

@media (max-width:1400px) {
	#home-news .home-section,
	.home-news .home-section {width:95%; max-width:none;}
}

@media (max-width:1025px) {
	#rotator-elements, .rotator-element {height:auto;}
	.rotator-element img {width:100%;}

	.home .content.with-shadow {
		width:92%;
		padding-left:3%;
		padding-right:3%;
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;
	}
	#home-featured {text-align:center;}
	.featured-element {display:inline-block; float:none;vertical-align: top;}
	.featured-element:nth-child(2) {padding:0;}
}

@media (max-width:950px) {
	#home-news .left,
	.home-news .left {width:100%; float:none; margin-bottom:30px;}
	.home-news .col-60, .home-news .col-48,
	.home-news .col-40,
	.home-news .col-50,
	.home-news .col-45,
	.home-news .col-30 {width:100%;}
	#home-news .left h2, .home-news .left h2 {font-size:35px;}
	#home-news .right,
	.home-news .right {width:100%; float:none;}
	#home-news .right p, .home-news .right p {font-size:14px;}
}

/*________________________
CONTENT AREAS */

#page-content {padding-bottom:30px;}
#page-content.search {background-color:#fff}
#page-content.product-new {padding-bottom:0; overflow:hidden;}

#header_image {width:100%; background-size:cover; background-position:center; position:relative;}
#header_image.blue-border {border-bottom:solid 40px #00bcf3;}
#header_image img {width:100%;}
.header-text {width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
#header_image h1 {color:#fff; position:relative; top:50%; transform:translateY(-50%); font-family:GeometricSlab; font-size:80px; margin:0; text-align:center; text-transform:uppercase;}

#content {}
#the-content {float:right; width:calc(100% - 350px);}
#the-content.section {float:none; width: inherit;}
	#the-content.full {width:100%; float:none;}
#content.no-sidebar #the-content {float:none; width:100%; max-width:1200px; margin:0 auto; padding:30px 0 50px; min-height:200px;}

.page-template-page-subnav #content {max-width:1200px;}
.page-template-page-subnav #content #the-content {width:calc(100% - 350px); float:right;}

#sidebar {width:300px; float:left; margin-top:10px;}

#cart-summary {position:absolute; top:50px; right:0;}
	#cart-summary p {color:#333; font-size:16px;}
	#cart-summary a {float:left; margin-top:10px; margin-left:10px; margin-bottom:5px; display:block; padding:9px 0 9px 40px; height:12px; background-image:url(images/cart-icon.jpg);  background-position:center left; background-repeat:no-repeat; color:#333; text-decoration:none;}
	#cart-summary span {float:left;}
.landing-summary {background-color:#7d3895; position:absolute; right:0; top:0; padding:20px 20px 5px; border-radius:0 0 0 15px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
.landing-summary #cart-summary p {color:#f99d1c; display:inline-block; vertical-align:top;}
.landing-summary #cart-summary p.icon {margin-top:-18px;}
.landing-summary #cart-summary {position:relative; top:auto; right:auto;}
.landing-summary #cart-summary a {background-image:url(images/cart-icon.png); background-image:url(images/cart-icon.svg); background-size:auto 100%; color:#f99d1c;}

#brand-rollover {width:670px; height:660px; position:relative;}
#brand-rollover .marker {position:absolute; z-index:999; width:70px; height:50px; /*background:rgba(53,53,53,0.5);*/}
#brand-rollover .rollovers {z-index:800; position:absolute; display:none; width:300px; height:140px; font-size:14px; padding:10px 20px; border-radius:10px; background-color:#0099d8; color:#fff; margin-left:-170px; margin-top:-75px; top:50%; left:50%; text-align:center; }
#brand-rollover .rollovers-container {display:table; width:100%; height:100%;}
#brand-rollover .rollovers .rollover {display:table-cell; vertical-align:middle; line-height:1.3;}
.coordinates {
	background:#1dbfe0;
	color:#fff;
	padding:7px;
	position:absolute;
	display:none;
}

#products-repeater {padding-top:20px;}
.product-repeat {padding-bottom:20px;}
.product-image {float:left; width:100px; padding-right:20px;}
.product-image img {width:100%;}
.product-content {float:left; width:calc(100% - 120px);}
.product-content.no-image {float:none; width:100%;}
#the-content .product-content > *:last-child {margin-bottom:0;}

.careers-content {margin-bottom:20px; border-bottom:solid thin #333; padding-bottom:20px;}

@media (max-width:1095px) {
	#sidebar {width:25%;}
	#the-content {width:70%;}
}

.single-event {margin-bottom:20px;}

#page-title .title-logo {}
#page-title .title-logo h2.title {float:left; margin-right:30px; margin-top:20px;}
#page-title .title-logo .institute-logo {width:150px; float:left;}
#page-title .title-logo .institute-logo img {width:100%;}

/* Product new */
.top-literature {padding-top:30px;}
.top-literature.page {padding:10px 0 25px;}
.top-literature.left {float:left; margin:80px 0 0 60px;}
.top-literature img {width:120px; cursor:pointer; float:left;}
.top-literature .literature-links {margin-left:50px; float:left; height:120px; position:relative; overflow:hidden; width:275px;}
.top-literature .lit-links-inner {padding-top:20px; position: absolute; top:0; left:-150%;}
.top-literature .lit-links-inner p {margin-bottom:10px; font-size:18px; cursor:pointer;}
.top-literature .lit-links-inner p a,
.lit-icon,
.video-icon {
	color:#fff; text-decoration:none; padding:0 0 2px 30px; display:block; position:relative;
	background:url(images/pdf-icon.png) top left no-repeat;
	background-size:20px 23px;
	cursor:pointer;
	font-size:14px;
}
.video-icon {background-image:url(images/lit-icon.png); background-position:left center; background-size:23px; font-size:18px; color:#000;}

body.page-template-template-fluegas .top-content {padding-bottom:0; max-width:650px;}
body.page-template-template-fluegas .top-content a {text-decoration:underline;}
/*body.page-template-template-fluegas .top-content a.white-arrow {text-decoration:none;}*/
body.page-template-template-fluegas .top-literature {position:absolute; bottom:110px; left:700px;}
body.page-template-template-fluegas .top-literature .lit-links-inner {background-color:rgba(81,81,81,0.7); padding:15px 10px 0; border-radius:10px;}
body.page-template-template-fluegas .top-literature a {color: #ef9d24; text-decoration:none;}
/*body.page-template-template-fluegas .top-literature .literature-links,
body.page-template-template-fluegas .top-literature img {float:right}
*/
body.page-template-template-turnkey .top-content {width:40%}
body.page-template-template-zolo .top-content {width:40%;}

.product-new #page-title .top-content h2 {margin-bottom:20px; font-family: GeometricSlab; font-size:65px !important; text-transform:uppercase; color:#ef9d24; line-height:1;}
body.page-id-10836 .product-new #page-title .top-content h2 {
    font-size: 70px !important;
}
.smart-solutions #page-title .top-content h2 {font-size:62px !important;}
.product-new #page-title.image {margin-bottom:0;}
#product-squares {background:url(images/solutions-bg.jpg) center no-repeat; background-size:cover; padding:50px 0;}
#ps-content {text-align:center;}
#ps-content h1,
.table-band h1,
.modal-boxes h1 {margin-bottom:40px; font-family: GeometricSlab; font-size:50px; color:#fff; text-transform:uppercase; display:inline-block; border-bottom:solid 5px rgba(255,255,255,0.8); padding:0 5px 5px;}
#ps-repeater,
.ps-repeater {padding:30px 0; text-align:center;}
.ps-repeat {width:23%; margin:0 1% 20px; display:inline-block; float:left; position:relative;}
.ps-repeat.box-content-two ul {margin-top:80px;}
.ps-repeat:nth-child(4n+1) {margin-left:0;}
.ps-repeat:nth-child(4n) {margin-right:0;}
.ps-repeat.last {width:24%;}
#ps-repeater.inline .ps-repeat {float:none; margin:0 1% 20px !important; width:31%; }
.ps-repeat img {
	width:100%;
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
}
.ps-repeat:hover img {-webkit-filter:grayscale(0%); filter:grayscale(0%); filter:none;}
.ps-repeat .ps-content {width:100%; height:50px; background-color:rgba(35,31,32,0.65); display:table; margin-top:-2px;}
.ps-repeat .ps-content .ps-inner {display:table-cell; vertical-align: middle;}
.ps-repeat a, .ps-repeat:hover a {color:#fff; text-decoration: none; display:block; padding:0;}
.ps-repeat a:after {bottom:-12px;right:-12px;top:auto;left:auto;}

.ps-repeat.last .ps-inner {padding:10px 0 10px 10px; color:#fff; text-align:left;}
.ps-repeat.last.full {width:100%; margin:0 0 20px; float:none;}
.ps-repeat.last.half {width:46%;}
.ps-repeat.last.full .ps-inner,
.ps-repeat.last.half .ps-inner {padding:0;}
.ps-repeat.last h3 {margin-bottom:10px; font-family: GeometricSlab; font-size:32px; text-transform:uppercase;}

#ps-repeater.threes,
.ps-repeater.threes {max-width:1000px; margin:0 auto; width:100%;}
#ps-repeater.threes .ps-repeat,
.ps-repeater.threes .ps-repeat {width:31%}
#ps-repeater.threes .ps-repeat:nth-child(4n+1),
.ps-repeater.threes .ps-repeat:nth-child(4n+1) {margin-left:1%;}
#ps-repeater.threes .ps-repeat:nth-child(4n),
.ps-repeater.threes .ps-repeat:nth-child(4n) {margin-right:1%;}
#ps-repeater.threes .ps-repeat:nth-child(3n+1),
.ps-repeater.threes .ps-repeat:nth-child(3n+1) {margin-left:0;}
#ps-repeater.threes .ps-repeat:nth-child(3n),
.ps-repeater.threes .ps-repeat:nth-child(3n) {margin-right:0;}


.product-new .ps-repeat ul {margin-left:5px;}
.product-new .ps-repeat li {background:url(images/white-subnav-tick.png) no-repeat; background-position:left top 9px; padding-left:20px; margin-bottom:5px; line-height:1.5; font-size:18px; list-style:none; background-size:9px;}

/* Product extras */
.product-top {background-position:center; background-size:cover; padding:150px 0;}
.product-top.shorter {padding:100px 0;}
.product-top.very-short {padding:50px 0;}
.product-top.heavy-bottom {padding:50px 0 100px;}
.product-top-inner {width:50%; float:right; }
.product-top.center .product-top-inner {width:85%; float:none; margin:0 auto; max-width:1000px;}
.product-top.left .product-top-inner.wider {width:60%;}
.product-top .product-top-inner.thinner {width:40%;}
.product-top .product-top-inner.no-center-padding .product-top-content {padding-right:0;}
.product-top.left .product-top-inner,
.product-top-inner.left {float:left; width:50%; }
.product-top.duel .duel-container {position:relative;}
.product-top.duel .product-top-inner.left {float:left; width:45%;}
.product-top.duel .product-top-inner.right {float:right; width:45%;}
.product-top.duel .product-top-inner.align-bottom {position:absolute; bottom:0; right:0;}
.product-top-content {padding:100px 150px 75px; position:relative;}
.product-top-content.very-short {padding-top:0; padding-bottom:0;}
.product-top-content.no-pad {padding:0;}
.products-brands-content.product-top-content {max-width:700px; width:100%; margin:0 auto; padding-bottom:50px;}
.product-new h1,
.product-new h2,
.product-boxes h1 {margin-bottom:35px; /*font-family: 'GeometricSlab-BoldCond';*/ font-family: GeometricSlab; font-size:40px; line-height:1.2; text-transform:uppercase; color:#ef9d24}
.product-new .ps-repeat.last h2 {margin-bottom:10px;}
.product-new h2 {color:#fff;}
.product-top-content p,
.product-boxes p,
.product-column p {font-size:18px; line-height:1.5; margin-bottom:20px;}
.product-new ul {margin-left:20px; margin-bottom:15px;}
.product-new li {font-size:18px; margin-bottom:0; position:relative; padding-left:10px; line-height:1.5; list-style:disc;}
.product-new .products-brands-content h2 {color:#f99d1c;}
.product-new .products-brands-content p {color:#333;}
.product-boxes .product-box-content img {max-width:100%; height:auto;}

/*.product-new li:after {
	content:"";
	display:block;
	width:0;
	height:0;
	border-left:solid 10px #fff;
	border-top:solid 5px transparent;
	border-bottom:solid 5px transparent;
	position:absolute;
	top:10px;
	left:0;
}*/
.product-new a {text-decoration:none; color:#000;}
.product-new p,
.product-new li,
.product-new h1,
.product-new a {color:#fff; position: relative;}
.product-new .orange-title a {color:#f99d1c;}
.product-new h1 a:after,
.product-new h2 a:after {right:-50px; top:4px; width:30px; height:30px;}
.product-new .link-circle-bottom h2 a:after {top:auto; bottom:14px;}
.product-top.white_text .product-top-inner {background-color:transparent;}
.product-top.white_text .product-top-inner .product-top-content * {color:#fff;}
body.page-template-page-rentals .product-top.left .product-top-content h1 {color:#ef9d24;}
.product-top.position-lower {padding:250px 0 50px;}
.product-top.position-higher {padding:50px 0 250px;}
.product-top.position-lower .product-top-inner .product-top-content {padding:100px 0 75px 150px;}
.product-top.white_box .product-top-inner,
.product-top-inner.white_box {background-color:rgba(255,255,255,0.7);}
.product-top.dark_box .product-top-inner,
.product-top-inner.dark_box {background-color:rgba(0,0,0,0.5);}
.product-top.green_box .product-top-inner,
.product-top-inner.green_box {background-color:rgba(102,144,46,0.70);}
.product-top.no-padding .product-top-content {padding-top:0; padding-bottom:0;}

@media (max-width:1450px) {
	.product-new h1,
	.product-new h2,
	.product-boxes h1 {font-size:32px;}
	.product-new #page-title .top-content h2, body.page-id-10836 .product-new #page-title .top-content h2 {font-size:55px !important;}
	.product-top-content p, .product-boxes p, .product-column p {font-size:16px;}
	.product-top-content {padding-left:105px; padding-right:105px;}
}

.product-top.full-width .product-top-inner,
.product-top.three-quarter-width .product-top-inner {float:none; margin:0 auto; width:90%;}
.product-top.three-quarter-width .product-top-inner {width:70%; margin:0;}
.product-top.middle .product-top-inner {float:none; margin:0 auto; width:60%;}
.product-top.position-top {padding:0 0 300px;}
.product-top.position-top-tall {padding:0 0 400px;}
.product-top.position-top .product-top-content {padding-top:75px;}
.product-top.position-mid-bottom {padding:250px 0 50px;}
.product-top.position-bottom {padding:300px 0 0 ;}
.product-top.position-bottom-tall {padding:400px 0 0;}
.product-top.right-wide .product-top-inner {width:65%;}
.product-top.padding-bottom {padding-bottom:100px;}

.products-brands .the-brands {width:100%;}

.product-top.video {padding:0;}
.product-top.video video {position:relative; z-index:500; padding-top:50px;}
.product-top.video .product-top-inner {margin-top:-105px; background-color:#fff; float:none; width:100%; position:relative; z-index:600;}
.product-top.video .product-top-content {padding:0 0 50px; width:95%; margin:0 auto; max-width:60%;}
.product-top.video .product-top-inner p {color:#333;}

.product-boxes,
#video-boxes {}
.product-box,
.video-box {width:50%; float:left; height:632px; background-position:center; background-size:cover;}
.product-box.smaller {height:530px;}
.product-box.taller {height:800px;}
.product-box.tallerest {height:850px;}
.product-box-inner {padding:0 150px; height:100%; width:calc(100% - 300px); display:table;}
.product-box-inner.wider {padding:0 100px; width:calc(100% - 200px);}
.product-box-content {display:table-cell; vertical-align:middle;}
/*body.page-template-template-vaporcontrol .product-box-content {vertical-align:top; padding:175px 0;}*/
.product-boxes h1, .product-boxes p, .product-boxes p a,
.video-box h1, .video-box h2, .video-box p {color:#fff;}
.product-boxes .product-box.dark-text h1,
.product-boxes .product-box.dark-text p,
.product-boxes .product-box.dark-text p a {color:#333;}
.product-box.position-lower .product-box-inner {padding-top:250px;}
.product-box.position-lower .product-box-content {vertical-align:top;}
.product-box.position-top .product-box-content {display:block; padding-top:50px;}
.product-box.position-top.extra-top .product-box-content {padding-top:100px;}
.product-top.white_box h1, .product-top.white_box p, .product-top.white_box p a,
.product-top.white_box h1 a, .product-top.white_box li, .product-top.white_box li a {color:#333;}

.product-new .orange-title h2,
.product-new .orange-title h2 a,
.product-top.orange-title h1 {color:#ef9d24;}

.video-box {height:530px;}
.video-box.tall {height:600px;}
.video-box.taller {height:632px;}
.video-box-inner {height:100%;}
.video-box-content {padding:0 150px; height:40%; display:table; width:calc(100% - 300px);}
.video-box-content .video-inner {display:table-cell; vertical-align:top; padding-top:50px;}
.video-box-content.arrow .video-inner {vertical-align:top;}
.video-box-content.position-top .video-inner {vertical-align: top;}
.video-box-content.dark {background-color:rgba(55,55,55,0.7);}
.video-box-content.arrow {height:60%;}
.video-box-content {vertical-align:top;}
#video-boxes .video-box h1.title {margin-bottom:5px;}
.video-box h2 {font-size:30px;}
#video-boxes .video-box a {display:block; height:150px; padding-right:0;}
#video-boxes .video-box a:after {width:100px; height:100px; top:50%; left:50%; bottom:auto; right:auto; -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); box-shadow:0 0 30px #333; border-radius:50%;}
.video-box.dark-text h1,
.video-box.dark-text h2 {color:#333;}

body.page-template-page-partsservices #video-boxes .product-box h2 a:after {display:none;}
body.page-template-page-partsservices #video-boxes .product-box h2 a {height:auto; display:inline-block; color:#f99d1c;}
body.page-template-page-partsservices #video-boxes .product-box ul {margin-left:25px;}

#about-content {background-color:#fff;}
#about-content em {color:#01aaeb;}
.about-brands {width:670px; float:left;}
#about-content .about-content {height:660px; width:400px; float:left; padding-left:15%; display:table;}
@media (max-width:1500px) {
	#about-content .about-content {float:right; padding-left:0;}
}
#about-content .about-content .about-content-inner {display:table-cell; vertical-align:middle;}
#about-content .about-content p,
#about-content .about-content h2 {color:#333;}

#about-boxes {background-position:center; background-size:cover; padding:120px 0 150px;}
#about-boxes .section {/*max-width:1300px;*/ border-bottom:solid thin rgba(255,255,255,0.5); position:relative;}
#about-boxes .section:before {
	content:"";
	display:block;
	background-color:rgba(255,255,255,0.5);
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:50%;
}
#about-boxes h1.title {color:#fff;}
#about-boxes a {color:#fff; text-decoration:none;}
#about-boxes p {color:#fff; line-height:1.6;}
.about-box {float:left; width:38%; padding:75px 0 75px 50px;}
.about-box:last-child {float:right; padding-left:0; padding-right:50px;}
.about-box p:last-child img {width:100px; margin-bottom:-60px; margin-right:-20px; height:auto;}

#product-bottom {background-position:top center; background-size:cover; padding:300px 0 150px;}
#product-bottom-inner {width:50%; margin:0 auto;}
#product-bottom-content {padding-right:150px;}
#product-bottom h1.title a {color:#fff; text-decoration:none;}
#product-bottom p {color:#fff; line-height:1.5; font-size:18px;}

.col-25 {width:25%;}
.col-30 {width:30%;}
.col-35 {width:35%;}
.col-40 {width:40%;}
.col-45 {width:45%;}
.col-50 {width:50%;}
.col-55 {width:55%;}
.col-70 {width:70%;}
.col-65 {width:65%;}
.col-60 {width:60%;}
.col-75 {width:75%;}
.col-80 {width:80%;}
.col-85 {width:85%;}
.product-column.left {float:left;}
.product-column.right {float:right;}
.product-column.image {position:relative;}
.product-column.image img {width:100%;}
.product-column.image.shadow img {
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.23);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.23);
}
.product-column.table {display:table;}
.product-column.h100 {height:100%;}
.product-column.table .table-cell {display:table-cell; vertical-align: middle;}

.product-new .gr-imglink-one,
.product-new .gr-imglink-two {display:block; width:50%; height:20%; position:absolute; right:0;}
.product-new .gr-imglink-one {top:0;}
.product-new .gr-imglink-two {bottom:35%;}

.product-new .product-dialog {display:none;}
#dialog-screen {background-color: rgb(51, 51, 51); opacity: 0.8; height:400000px; width:400000px; position:absolute; top:0; left:0; z-index:99; display:none;}

.top-content h2 sub {font-size:40px;}
.oil-sands h2 sup {font-size:20px;}

.oil-sands {}
.oil-sands #page-title.image .section {padding-bottom:100px;}
.oil-sands .top-content {width:80%; max-width:1000px;}
.oil-sands .top-logo {margin-top:50px; width:100%; max-width:300px;}
.oil-sands .top-logo img {width:100%;}
.oil-sands h2 {color:#fff;}
.oil-sands h3 {margin:30px 0 30px; font-size:25px; line-height:1.7; font-weight:bold;}
.oil-sands h3 a {color:#f99d1c;}

.side-by-side-images {margin-top:50px;}
.side-by-side-image {width:48%;}
.side-by-side-image.left {float:left;}
.side-by-side-image.right {float:right;}
.side-by-side-image img {width:100%; margin-bottom:20px;}

.video-banner {position:relative; overflow:hidden;}
.video-banner video {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 500;
    overflow: hidden;
}
.video-banner .product-top-inner {position: relative;z-index: 800;}

@media (max-width:1600px) {
	.product-box-inner,
	.video-box-content {padding:0 75px; width:calc(100% - 150px);}
}

@media (max-width:1500px) {
	.product-box-inner,
	.video-box-content {padding:0 75px; width:calc(100% - 150px);}
	.product-top.left .product-top-inner.thinner {width:60%;}
}

@media (max-width:1300px) {
	#about-content .section {max-width:100%; width:100%;}
	#about-content .about-content {float:left; padding-left:50px;}

	.product-top.video video {width:100%;}
	.product-top.video .product-top-content {margin-top:50px; max-width:none; width:calc(100% - 40px); padding:40px 20px;}
	.product-top.video .product-top-inner p {color:#fff;}
	.product-top.video .product-top-inner.keep-black p {color:#333;}

	.product-top-content {padding:100px 75px;}
	#product-bottom {padding:100px 0 50px;}
	#product-bottom-content {padding-right:0;}

	.ps-repeat, #ps-repeater.threes .ps-repeat, .ps-repeat.last {width:31%; margin:0 1% 20px !important;}
}

@media (max-width:1140px) {
	#about-content .about-brands {margin-left:-40px;}
	#about-content .about-content {float:left; padding-left:20px; width:calc(100% - 700px);}
}

@media (max-width:1000px) {
	.product-top.video .product-top-inner.keep-black p {color:#fff;}

	.section, .home-section {width:90%;}

	.top-content {width:100%;}

	.product-new #page-title .top-content h2 {font-size:40px !important;}
	#ps-content h1 {font-size:35px;}

	.product-top.shorter {padding:0;}

	.col-25,
	.col-30,
	.col-35,
	.col-40,
	.col-45,
	.col-50,
	.col-55,
	.col-70,
	.col-65,
	.col-60,
	.col-80,
	.col-85
	.col-75 {width:100%;}
	.product-column.left,
	.product-column.right {float:none;}

	.ps-repeat, #ps-repeater.threes .ps-repeat, .ps-repeat.last {width:46%;}

	.product-top-content {padding:100px 5%;}

	#brand-rollover {margin-left:-10%}

	#about-boxes {padding:30px 0;}
	#about-boxes .section {border-bottom:none;}
	#about-boxes .section:before {display:none;}
	.about-box, .about-box:last-child {float:none; width:100%; padding:20px 0 !important;}
	.about-box:last-child {margin-top:20px; border-top:solid thin rgba(255,255,255,0.5);}

	.product-top {padding:0;}
	.product-top .product-top-inner {float:none !important; width:100% !important;}
	.product-top.very-short {padding-top:0; padding-bottom:0;}

	.product-top.position-bottom, .product-top.padding-bottom {padding:0}
	.product-box-inner, .video-box-inner, .product-top-content,
	.product-top.no-padding .product-top-content,
	.product-top.position-lower .product-top-inner .product-top-content {width:calc(100% - 40px); padding:80px 20px; background-color:rgba(55,55,55,0.6);}
	#page-title .section {background-color:rgba(55,55,55,0.5); padding:50px 5% !important;}
	.product-boxes, #video-boxes {height:auto;}
	.product-box, .video-box, .video-box.tall, .video-box.taller, .product-box.smaller, .product-box.taller {width:100%; float:none; height:auto;}
	.video-box {padding:0;}
	body.page-template-template-vaporcontrol .product-box-content {padding:0;}
	.product-boxes .product-box.dark-text h1, .product-boxes .product-box.dark-text p, .product-boxes .product-box.dark-text p a,
	.product-top.white_box h1, .product-top.white_box p, .product-top.white_box p a, .product-top.white_box h1 a, .product-top.white_box li, .product-top.white_box li a,
	.video-box.dark-text h1, .video-box.dark-text h2 {
    	color: #fff;
	}
	body.page-template-template-zolo .top-content {width:100%;}
	.product-top.position-lower {padding:0;}
	.video-box-content.dark {background-color:transparent;}
	.video-box-inner {padding-top:40px; padding-bottom:40px;}
	.video-box-content {padding:0; width:100%;}
	.video-box-content .video-inner {padding-top:0;}
	.product-box.position-lower .product-box-inner {padding-top:80px;}

	#about-content {overflow:hidden;}
	#about-content .about-brands,
	#about-content .about-content {margin:0 auto; float:none; height:auto;}
	#about-content .about-content {padding:20px 0; width:90%;}
	#brand-rollover {margin-left:0;}

	.side-by-side-image {width:100%; float:none !important;}

	.product-top-full {padding-top:100px !important; padding-bottom:100px !important;}
}

@media (max-width:700px) {
	.page-id-8975 #about-boxes .about-box.right {display:none;}

	.product-new #page-title .top-content h2 {font-size:25px !important;}
	#ps-content h1 {font-size:25px;}
	.product-new h1, .product-new h2, .product-boxes h1 {font-size:25px;}
	.orange-arrow:after, .white-arrow:after, .black-arrow:after, .product-new h1 a:after, .product-new h2 a:after, body.page-template-template-fluegas .top-content a:after {width:18px; height:18px;}
	.ps-repeat.box-content-two ul {margin-top:0;}
	.ps-repeat.box-content-two .ps-inner {padding-top:0;}
	.landing-summary {padding:15px 15px 0px;}
	.product-new p, .product-new li, .product-new .ps-repeat li {font-size:14px;}

	.top-content p br {display:none;}

	.product-top-content,
	.product-box-inner, .video-box-content, .product-box-inner.wider {padding-left:20px; padding-right:20px; width:calc(100% - 40px);}
	.product-top-content {padding-top:60px; padding-bottom:60px;}
	#page-title .section {padding-top:40px; padding-bottom:20px;}
	.video-box-content {width:calc(100% - 40px);}
	.product-top.position-top {padding:0;}
	.product-box-content {padding:30px 0;}
	.product-top.position-top-tall {padding: 0 0 100px;}
	.product-box.position-top.extra-top .product-box-content {padding-top:30px;}
	.top-literature .literature-links {width:calc(100% - 180px)}
	.top-literature .lit-links-inner {left:0; display:none;}

	.video-box-content .video-inner {padding-top:0;}
}

@media (max-width:635px) {
	#about-content {display:none;}
}

@media (max-width:500px) {
	.ps-repeat, #ps-repeater.threes .ps-repeat, .ps-repeat.last {width:100%; margin:0 0 20px !important;}
}

/* Gallery */
.page-gallery {text-align:left;}
.gallery-image {display:inline-block; margin:0 10px 10px 0;}
.gallery-image-inner {width:150px; height:150px; background-position: center; background-size: cover;}

/* Contact map */
#map-wrap {height:800px; width:100%; position:relative; background-color:#EEEEEE; border-bottom: solid 40px #00bcf3;}
#map-mask {background-color:#EEEEEE; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000000; text-align:center; display:table;}
.mask-inner {display:table-cell; vertical-align:middle;}
#map-mask .spinner {width:100px; height:100px; background: url(images/loading.png) center no-repeat; margin:0 auto;}
#mapbox {width:calc(100% - 300px); height:800px; position: relative; float:left;}

#map-wrap #keys {position:relative; float:right; width:300px; overflow-y: scroll; height:calc(100% - 30px);}
#map-wrap .group-title {background: #00AEEF; color:#fff; padding:10px 15px; cursor:pointer; line-height:1.3; border-bottom:solid thin #fff;}
#map-wrap .group {display:none;}
#map-wrap .group.active {display:block;}
#map-wrap .key {text-align:left; padding:10px 15px; cursor: pointer; border-bottom:solid thin #000; line-height:1.3;}
#map-wrap .key:last-child {border-bottom:none;}
#map-wrap .key-content {display:none;}
#map-wrap .reset,
#map-wrap .overall-reset {text-align: center; cursor:pointer; margin-top:20px; text-transform:uppercase; font-size:14px; position:absolute; bottom:10px; right:15px;}
#map-wrap .overall-reset {text-align:left; bottom:0; margin:0; right:0; padding:10px 25px 10px; width:250px; color:#fff; background-color:#F79C32}

#product-keys {position:relative;}
#product-keys-top {padding:15px 25px;}
#product-keys .legend {text-align:left; padding-bottom:10px;}
#product-keys .legend div {padding:5px 25px; display:inline-block; position:relative; cursor:pointer;}
#product-keys .legend div:before {
	content:"";
	display:block;
	height:31px;
	width:20px;
	top:0;
	left:0;
	background:url(images/marker.png) center no-repeat;
	position:absolute;
}
#product-keys .legend div.rep-icon:before {background-image:url(images/rep-marker.png)}
#product-keys h3 {margin-top:15px; font-size:18px; line-height:1.3;}
#product-keys ul {margin:0 25px; /*box-shadow: inset 0 0 15px rgba(0,0,0,0.25);*/}
#product-keys li {padding:15px 0; font-size:16px; border-bottom:solid thin #ccc; cursor:pointer;}
#product-keys li:last-child {border-bottom:none;}

#map-wrap .mapboxgl-ctrl-bottom-left, #map-wrap .mapboxgl-ctrl-bottom-right {display:none;}
.map-marker {cursor:pointer;}
.mapboxgl-popup-content {padding: 0 !important;width: 180px;}
.mapboxgl-popup-content-wrapper {padding: 1%;}
.mapboxgl-popup-content h3 {
	background: #00AEEF;
	color: #fff !important;
	margin: 0;
	display: block;
	padding: 10px !important;
	border-radius: 3px 3px 0 0;
	font-weight: 700;
	margin-top: -15px;
}
.mapboxgl-popup-content h4 {margin: 0; display: block; padding: 10px !important; font-weight: 400;}
.mapboxgl-popup-content div {padding: 10px;}
.mapboxgl-container .leaflet-marker-icon {cursor: pointer;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {margin-top: 15px;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {border-bottom-color: #91c949;}
.mapboxgl-marker.purple {background-image: url("/wp-content/themes/johnzink/images/purple-marker.png?asdf") !important; }
#map-detail.active {
    padding: 0rem;
    background-color: rgba(197, 192, 159, 0.87);
    position: absolute;
    background: #fff;
    height: 100%;
    opacity: 1;
    -webkit-box-shadow: 0px 1px 46px rgba(0, 0, 0, .5);
    box-shadow: 0px 1px 46px rgba(0, 0, 0, .5);
    visibility: visible;
}
#map-detail {
	position: absolute;
    padding: 0rem;
	z-index: 900;
    background-color: rgba(197, 192, 159, 0.87);
    opacity: 0;
    width: 26%;
    max-height: 420px;
    height: auto;
    bottom: 0px;
    top: 50%;
    left: 115px;
    transform: translateY(-153px);
    margin: 0;
    box-shadow: 0 10px 45px rgba(0,0,0,0.45);
    transition: opacity 1s ease 0s,height 1s ease 0s,box-shadow .5s ease 0s;
    visibility: hidden;
}
#map-detail.zolo-rep {max-height:250px; width:20%; top: 60%;}
#map-detail.right {left:auto; right:415px;}
@media (max-width:1400px) {
	#map-detail {left: 50px; width: 29%;}
	#map-detail.right {left:auto; right:375px;}
}
#map-detail .company_title {
    background: #00AEEF;
    padding: .5rem 1rem;
    color: #fff;
    font-size: 19px;
	line-height:1.3;
}
#map-detail .company_title.home {
	background:#f2a03e;
}
#map-detail .company_title.rep {background:#76B236;}
#map-detail .inset {padding: .5rem 1rem; height: 339px; overflow: auto;}
#map-detail .inset p {line-height:1.4; font-size:15px; margin-bottom:15px;}
#map-detail.zolo-rep .inset p {margin-bottom:5px; font-size:17px;}
#map-detail .inset h3 {margin-bottom:5px; font-size:18px; color: #00AEEF; line-height:1.5;}
#map-detail .inset h3.rep {color: #76B236;}
.marker {cursor:pointer;}
.marker .key-data {display:none;}
#map-markers {z-index:999;}
#map-zoom {position:absolute; top:20px; left:20px; z-index:1000000; height:77px; width:50px;}
#map-zoom div {background-color:#F79C32; opacity:0.5; font-size:30px; padding:4px 11px 12px 11px; color:#fff; cursor:pointer; position:absolute; top:0; left:0;}
#map-zoom div.out {bottom:0; top:auto; font-size:35px; padding:5px 13px 12px 13px;}
#map-zoom div:hover {/*background-color:#333;*/ opacity:1;}

.map-search {margin:15px 0 5px; padding:5px; display:block; border:none; font-size:16px; width:calc(100% - 10px);
	background-image: url(images/search-icon.png);
    background-image: url(images/search-icon.svg);
    background-size: 14px;
    background-position: right 10px center;
    background-repeat: no-repeat;
}
.search-error {margin-bottom:5px; color:red; display:none;}

#company-keys,
#select-keys {display:none; overflow:hidden; padding-top:20px;}
#company-back,
#select-back {color:#F79C32; padding:10px; cursor:pointer;}
.the-companies {padding:30px 0 10px;}
.the-companies p {padding:5px 10px; color:#F79C32; font-size:18px; text-transform: uppercase;}
.the-companies ul {margin:0 10px; /*box-shadow: inset 0 0 15px rgba(0,0,0,0.25); border-top:1px solid #ccc;*/ margin-bottom:25px;}
.the-companies li {
	float: left;
    width: calc(50% - 21px);
    padding:15px 10px;
    list-style-type: none;
    border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
    height: 100px;
    overflow: hidden;
	cursor:pointer;
}
.the-companies li:nth-child(odd) {padding-left:0;}
.the-companies li:nth-child(even) {border-right:none;}
.the-companies li:nth-last-child(-n+2) {border-none:none;}
.the-companies li p {font-size:12px; padding:0; margin-bottom:8px; line-height:1.3; color:#333; text-transform: none;}
.the-companies li p.name {font-size:14px; overflow: hidden; height:52px;}
.the-companies li p span {font-size:10px;}

#map-sorting {padding:30px 0; background:#20BDF1;}
#map-sorting select {width:24%;}
#map-sorting select:nth-child(2) {margin:0 1%;}
#map-sorting select:nth-child(3) {margin:0 1% 0 0;}
#map-sorting h2 {color:#fff; font-size:22px; margin-bottom:25px; line-height:1.4;}
#map-sorting h2 a {color:#fff; text-decoration:none; font-weight:bold;}

/*
#the-content ul#sitemap {padding-top:30px;}
#the-content ul#sitemap a {text-decoration:none;}
#the-content ul#sitemap ul {padding:0;}
#the-content ul#sitemap li {background-position:10px 12px;}
#the-content ul#sitemap > li {background-image:none; margin-bottom:20px; float:left; width:33%; padding:0;}
#the-content ul#sitemap > li > a {text-transform: uppercase; color:#F99D1C; font-weight:bold;}
#the-content ul#sitemap > li > ul > li > a:hover {color:#0193CF;}
#the-content ul#sitemap > li > ul > li > ul > li > a {color:#838383;}
#the-content ul#sitemap > li > ul > li > ul > li > ul > li > a {color:#8CC63F;}
#the-content ul#sitemap > li > ul > li > ul > li > ul > li > ul > li > a {color:#7D3599;}
*/

.sb-image {width:100%;}

.course-schedule {width:100% !important;}
#the-content .course-schedule th {color:#fff; vertical-align:middle;}

/*_______________________
SHADOWBOX STYLES */

body.shadowbox #top,
body.shadowbox #nav,
body.shadowbox #footer,
body.shadowbox #footer-bottom,
body.shadowbox #page-title,
body.shadowbox #sidebar,
body.shadowbox #wpadminbar,
body.page-template-page_ec #sb-container {display:none !important;}
body.shadowbox #page-content {padding:30px 0;}
body.shadowbox #product-subtitle {padding:0;}
#sb-body {background-color:rgba(255,255,255,0.8);}
body.shadowbox {background-color:rgba(255,255,255,0.8); margin-bottom:-18px;}
body.shadowbox #page-content {padding-bottom:0;}
body.shadowbox.page-template-page_ec {background-color:transparent;}
body.shadowbox #content.no-sidebar #the-content {padding:0;}

#sb-title {height:35px; padding:5px 0; background-color:#8ec741;}
#sb-title-inner {float:left; width:300px;}
#sb-title-close {float:right; width:150px; text-align:right; padding-right:15px; padding-top:5px;}
#sb-title #sb-title-close a {color:#fff; font-size:32px; font-family: Arial;}
#sb-nav {display:none;}

/*_______________________
WUFOO STYLES */

#fo112li1 {background:#006666 !important;}
.phone {width:100px !important;border:solid 1px #666666 !important;}

/*________________________
CLEARS */

.clear { clear: both; }
#top:after, #middle:after, .navigation:after, #cd:after, .clearfix:after
{ content: " ";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden; }

/*________________________
END */


/* Extra HTML */
#office15 {
	font-size: .9em;
}
#sidebar_caption a {color:#fff;}

/*_________________________
JQUERY UI */

.ui-widget {font-family: "myriad-pro",sans-serif;}
.ui-widget.ui-widget-content {z-index:100000 !important;}
.ui-widget #the-content {float:none;}
.ui-widget.ui-widget-content {border:none; max-width:700px;}
.ui-dialog .ui-dialog-content {padding:30px;}
.ui-dialog {padding:0;}
.ui-dialog .ui-dialog-titlebar {border-radius:0; }
.ui-dialog .ui-dialog-title {font-weight:normal; font-size:120%;}
.ui-widget-header {background-color:#8ec741; color:#fff; background-image:none; padding-top:5px; padding-bottom:5px; border:none;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {background-image:none; background-color:transparent; text-indent:0; margin-top:-25px; margin-left:-20px; border:none; overflow:visible;}
.ui-dialog .ui-button {background-color:transparent; background-image:none; margin:0; border:none;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon:before {content:"X"; color: #fff; display:block; font-size:28px; font-family: Arial;}
.ui-widget-overlay {background-color: rgb(51, 51, 51); opacity:0.7;}

/*_________________________
COUNTDOWN CSS */

#cd > div {float:left;}
#cd_days, #cd_hours, #cd_mins {margin-right:10px;}
.cd_text {text-align:center; }

.page-template-default #cd,
.page-template-page-conversion_code-php #cd {height:100px; margin:20px 0 30px;}
.page-template-default .cd_day_num,
.page-template-default .cd_hour_num,
.page-template-default .cd_min_num,
.page-template-page-conversion_code-php .cd_day_num,
.page-template-page-conversion_code-php .cd_hour_num,
.page-template-page-conversion_code-php .cd_min_num { padding:20px 15px; font-size:42px; color:#fff; }
.page-template-default .cd_text,
.page-template-page-conversion_code-php .cd_text {text-align:center; text-transform:uppercase; font-size:16px; margin-top:10px;}

.page-template-page-home-php #cd {padding:20px 0 0 25px;}
.page-template-page-home-php .cd_day_num,
.page-template-page-home-php .cd_hour_num,
.page-template-page-home-php .cd_min_num { padding:10px 14px; color:#fff; font-size:42px; font-weight:bold; }

#table_rep_results b {font-weight:bold;}

body.page-id-8337 .content td {vertical-align:top !important;}
body.page-id-8337 .with-border td {border:solid thin #333;}

#sidebar_right_home { float: right; width: 260px; margin-left:30px;}
#sidebar_caption { padding: 14px 20px 5px 20px; background: #0197D2; font-size: 10px; line-height: 140%; color: #FFFFFF; }
#sidebar_right_home #cd {padding:10px 0 10px 0; background:url(images/cd-bg.jpg) no-repeat; background-position: 131px 0px;}
#sidebar_right_home .cd_day_num,
#sidebar_right_home .cd_hour_num,
#sidebar_right_home .cd_min_num { padding:10px 7px; background-color:#000; font-size:20px; }

/*_________________________
WELDERS PAGE CSS */

.welders-page #home-video .home-video-content {max-width:800px; padding:100px 0 75px;}
.welders-page #home-video .home-video-content h1 {font-family: 'GeometricSlab-BoldCond'; font-size: 70px;}
.welders-page .home-video-content .literature-link {position:relative; margin:0 auto; padding-top:40px; bottom:auto; right:auto;}
.welders-page #page-title .top-content {max-width:400px}
.welders-page #page-title .top-content h2 {font-size: 40px !important;}

.product-top.double-content {padding:100px 0;}
.product-top.double-content .double-column {width:48%; float:left;}
.product-top.double-content .double-column:first-child {margin-right:4%;}

#welders-bottom {background-position:center right;}
#welders-bottom .product-top-inner {width:600px}
#welders-bottom .product-top-content {padding:0; padding-right:150px;}

.welders-page .literature-link {padding-top:40px;}

.welders-overlay {position:absolute; top:0; left:0; width:100%; height:100%; z-index:600; background-color:rgba(0,0,0,0.3);}

@media (max-width: 1450px) {
	.product-new li {font-size:16px;}
}

@media (max-width:1000px) {
	#welders-bottom {background-position:center left;}
	#welders-bottom .product-top-inner {width:100%; background-color: rgba(55,55,55,0.6);}
	#welders-bottom .product-top-content {padding:100px 0; width:90%; margin:0 auto; background:none;}
}

@media (max-width:800px) {
	.welders-page #home-video .home-video-content h1 {font-size:50px;}

	.product-top.double-content .double-column {width:100%; float:none;}
	.product-top.double-content .double-column:first-child {margin-right:0; margin-bottom:40px;}
}

@media (max-width: 700px) {
	.product-new li {font-size:14px;}
	.welders-page #page-title .top-content h2 {font-size: 25px !important;}
}

@media (max-width: 500px) {
	.welders-page #home-video .home-video-content h1 {font-size:40px;}
}



.literature-children a {text-decoration:none;}
#the-content .literature-children h2 {    margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid thin #0093D0;}
.menu-footer-menu-container {display:inline-block;}

#onetrust-pc-sdk .label-text {display:none !important;}