@import url("/css/fck_editorarea.css");

/* GENERAL */

body {
	background-color: #303030;
	}

.isDevice a .image:before,
.isDevice a .image:after {
	display: none !important;
	}

.smallScreen {
	display: none;
	}

.print-only {
	display: none;
	}

a {
	text-decoration: none;
	color: #0692cf;
	}

a:hover {
	color: #056D9A;
	}

.image-wrapper {
	display: block;
	position: relative;
	}

.image-wrapper .onsale {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 86px;
	height: 86px;
	background: url(/images/banner-sale.png);
	}

.image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #161616;
	}

.image.faded img {
	opacity: 0.75;
	}

a .image:before {
	content: "";
	position: absolute;
	z-index: 2;
	left: -600px;
	top: 50%;
	border-style: solid;
	border-color: transparent;
	border-width: 600px 0 600px 600px;
	border-left-color: #079bdb;
	margin-top: -600px;
	-webkit-transition: left 400ms;
	-webkit-transition-timing-function: ease-out;
	-moz-transition: left 400ms;
	-moz-transition-timing-function: ease-out;
	transition: left 400ms;
	transition-timing-function: ease-out;
	opacity: 0.5;
	}

a:hover .image:before {
	left: 0;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
	}

a .image:after {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e001";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 3;
	font-size: 72px;
	margin: -36px 0 0 -36px;
	color: #ffffff;
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-webkit-transition-property: -webkit-transform, opacity;
	-webkit-transition-duration: 300ms;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0;
	-moz-transform: translateX(-20px);
	-moz-transition-property: -moz-transform, opacity;
	-moz-transition-duration: 300ms;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0;
	transform: translateX(-20px);
	transition-property: transform, opacity;
	transition-duration: 300ms;
	transition-timing-function: ease;
	transition-delay: 0;
	}

a:hover .image:after {
	opacity: 1;
	-webkit-transform: translateX(0);
	-webkit-transition-delay: 200ms;
	-moz-transform: translateX(0);
	-moz-transition-delay: 200ms;
	transform: translateX(0);
	transition-delay: 200ms;
	}

.image div {
	height: 100%;
	}

.image img {
	display: block;
	}

.gradient{
    position: absolute;
    z-index: 2;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
    }

h2 .onsale {
	position: relative;
	display: inline-block;
	padding: 8px 12px 6px 9px;
	color: #2E3928;
	background: #79C553;
	font-weight: 900;
	font-size: 16px;
	font-family: 'museo-sans', sans-serif;
	line-height: 1;
	vertical-align: 8px;
	margin-left: 8px;
	}

h2 .onsale:before {
	content: "SALE";
	}

h2 .onsale:after {
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0);
	border-width: 15px 8px 15px 0;
	border-right-color: #79C553;
	}

#backToTop {
	display: block;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: 100;
	background: #90918f;
	right: 0;
	bottom: 10%;
	width: 43px;
	height: 39px;
	-webkit-border-radius: 20px 0 0 20px;
	   -moz-border-radius: 20px 0 0 20px;
	    -ms-border-radius: 20px 0 0 20px;
	     -o-border-radius: 20px 0 0 20px;
	        border-radius: 20px 0 0 20px;
	-webkit-transition: opacity 200ms linear, visibility 1ms linear 200ms;
	   -moz-transition: opacity 200ms linear, visibility 1ms linear 200ms;
	     -o-transition: opacity 200ms linear, visibility 1ms linear 200ms;
	        transition: opacity 200ms linear, visibility 1ms linear 200ms;
	}

#backToTop .arrow {
	position: absolute;
	background: #a9aaa9 url(/images/arrow-up.png) center no-repeat;
	top: 4px;
	right: 8px;
	bottom: 4px;
	left: 4px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
	-webkit-transition: 0.2s color linear, 0.2s background-color linear, 0.2s border-color linear, 0.2s opacity linear;
	   -moz-transition: 0.2s color linear, 0.2s background-color linear, 0.2s border-color linear, 0.2s opacity linear;
	    -ms-transition: 0.2s color linear, 0.2s background-color linear, 0.2s border-color linear, 0.2s opacity linear;
	     -o-transition: 0.2s color linear, 0.2s background-color linear, 0.2s border-color linear, 0.2s opacity linear;
	        transition: 0.2s color linear, 0.2s background-color linear, 0.2s border-color linear, 0.2s opacity linear;
	}

#backToTop:hover .arrow {
	background-color: #c3c3c3;
	}

#backToTop.show {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 200ms linear;
	   -moz-transition: opacity 200ms linear;
	     -o-transition: opacity 200ms linear;
	        transition: opacity 200ms linear;
	}



/* HEADER */

header {
	position: absolute;
	z-index: 102;
	left: 0;
	right: 0;
	top: 0;
	}

header .bounds {
	height: 100%;
	}

header .header-top {
	background-color: rgba(255,255,255,0.88);
	height: 85px;
	}

header .header-top .logo {
	position: absolute;
	left: 10px;
	top: 50%;
	width: 289px;
	height: 45px;
	margin-top: -22px;
	background: url(/images/logo.png) center center no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	}

.branch-container {
	position: absolute;
	z-index: 3;
	right: 10px;
	width: 450px;
	color: #ffffff;
	}

.branch-container-bottom {
    height: 50px;
    background: #079adb;
    margin-left: 10px;
	}

.branch-container .side {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	}

.branch-container .action {
	cursor: pointer;
	line-height: 50px;
	}

.branch-container .action span {
	display: inline-block;
	vertical-align: middle;
	}

.branch-container .input-wrapper {
	position: absolute;
	left: 0;
	right: 7px;
	top: 50%;
	margin: -20px 0 0;
	}

.branch-container .input-wrapper input[type="text"],
.branch-container .input-wrapper label {
	padding: 9px;
	}

.branch-container-top {
	background: #0c8ec8 url(/images/map.png) no-repeat right top;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	transition: max-height 0.4s;
	}

.branch-container-top-padding {
    padding: 20px;
	}

.branch-container.active .branch-container-top {
    max-height: 280px;
	}

.branch-container-bottom:before {
    content: "";
    position: absolute;
    left: 0;
    border-right: 10px solid #079adb;
    border-bottom: 50px solid rgba(0, 0, 0, 0);
	}

.branch-container.active .branch-container-bottom .icon-after-down:after {
	content: "\e000"
	}

header .nav-container {
	background-color: rgba(0,0,0,0.85);
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0%,rgba(255,255,255,0) 100%);
	}

header nav ul {
	margin: 0;
	list-style: none;
	}

header nav > ul > li {
	display: inline-block;
	border-right: 1px solid rgba(255,255,255,0.2);
	}

header nav > ul > li:first-child {
	border-left: 1px solid rgba(255,255,255,0.2);
	}

header nav > ul > li > a {
	display: block;
	color: #ffffff;
	padding: 10px 38px;
	text-transform: uppercase;
	}

header nav > ul > li:hover > a {
	position: relative;
	padding-top: 5px;
	border-top: 5px solid #079bdb;
	color: #ffffff;
	}

header nav > ul > li.has-dropdown:hover > a:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -10px;
	bottom: -10px;
	border-style: solid;
	border-color: transparent;
	border-width: 10px 10px 0;
	border-top-color: rgba(0,0,0,0.85);
	}

header nav ul ul {
	position: absolute;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	background-color: #ffffff;
	min-width: 270px;
	padding: 15px 0 10px;
	margin-left: -1px;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.2);
	box-shadow: 0 1px 8px rgba(0,0,0,0.2);
	}

header .dropdown.products ul {
	left: 10px;
	right: 10px;
	margin: 0;
	padding: 30px 10px 25px;
	}

header .dropdown.products li {
	float: left;
	width: 23%;
	border-right: 1px solid rgba(0,0,0,0.13);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

header .dropdown.products li.last {
	width: 31%;
	padding: 0 20px;
	border: none;
	text-align: center;
	}

header .dropdown.products a {
	padding: 0 20px;
	}

header .dropdown.products .image-wrapper {
	height: 160px;
	margin-bottom: 6px;
	}

header .dropdown.products .search-heading {
	padding-top: 35px;
	}

header .dropdown.products .input-wrapper {
	margin: 6px 0 0;
	}

header nav > ul > li:hover ul {
	opacity: 1;
	visibility: visible;
	}

header nav ul ul li {
	display: block;
	}

header nav ul ul a {
	color: #202020;
	display: block;
	padding: 6px 40px 6px 20px;
	white-space: nowrap;
	}



/* HERO */

.hero {
	position: relative;
	z-index: 5;
	height: 630px;
	}

.hero.short {
	height: 440px;
	}

.hero.interior {
	height: 440px;
	margin-top: 135px;
	height: 305px;
	}

.hero.product {
	height: 480px;
	}

.hero h1 {
	color: #ffffff;
	}

.hero [class*="subdue"] {
	color: #cecece;
	}

.hero .process {
	width: 700px;
	}

.hero .slideshow {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}

.hero .caption,
.hero .text-wrapper {
	position: absolute;
	z-index: 1;
	opacity: 1;
	top: 155px;
	bottom: 0;
	width: 100%;
	line-height: 475px;
	color: white;
	}

.hero.proportional {
    margin-top: 135px;
    height: auto;
    padding-bottom: 24%;
	}

.hero.interior .text-wrapper {
	line-height: 365px;
	}

.hero.short .text-wrapper {
	line-height: 285px;
	}

.hero .text-wrapper {
	text-align: center;
	}

.hero .caption {
	text-align: right;
	}

.hero .text {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	}

.hero .caption .text {
	text-align: right;
	max-width: 45%;
	}

.hero .see-how,
.hero .contact-online {
	position: absolute;
	cursor: pointer;
	z-index: 3;
	left: 50%;
	bottom: 0;
	width: 180px;
	height: 70px;
	margin-left: -90px;
	background-color: #6ca64d;
	color: #ffffff;
	line-height: 70px !important;
	text-align: center;
	}

.hero .contact-online {
	bottom: -4px;
	width: 250px;
	margin-left: -125px;
	background-color: #182428;
	}

.hero .see-how:before,
.hero .contact-online:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -20px;
	border-color: transparent;
	border-top-color: #6ca64d;
	border-style: solid;
	border-width: 15px 20px 0;
	}

.hero .contact-online:before {
	border-top-color: #182428;
	}

.hero .see-how:after,
.hero .contact-online:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 18px;
	height: 19px;
	margin-left: -9px;
	margin-top: -15px;
	background: url(/images/arrow-white-down.png);
	}

.hero a.button {
	background-color: #dfdfdf;
	color: #202020 !important;
	}

.hero.home .yar-slide:before,
.hero.home .video-wrapper:before {
	content: "";
	position: absolute;
	z-index: 1;
	right: 0;
	width: 70%;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 71%, rgba(0,0,0,.7) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(71%,rgba(0,0,0,.7)), color-stop(100%,rgba(0,0,0,.7)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 71%,rgba(0,0,0,.7) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 71%,rgba(0,0,0,.7) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 71%,rgba(0,0,0,.7) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 71%,rgba(0,0,0,.7) 100%);
	}

.hero .ss-wrapper {
	display: inline-block;
	margin: 0 3px;
	}

.quicksearch-wrapper {
	position: absolute;
	left: 10px;
	right: 10px;
	z-index: 3;
	top: 260px;
	pointer-events: none;
	}

.quicksearch-wrapper * {
	pointer-events: all;
	}

.quicksearch {
	z-index: 2;
	left: 0;
	width: 285px;
	opacity: 0.94;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	transition: opacity 200ms;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}

.quicksearch:hover {
	opacity: 1;
	}

.quicksearch [class*="subdue"] {
	color: #666666 !important;
	}

.quicksearch .tab {
	position: absolute;
	left: 50%;
	top: -46px;
	width: 108px;
	margin-left: -54px;
	line-height: 90px;
	font-size: 36px;
	text-align: center;
	color: #0b96d3;
	background: url(/images/panel-tab.png) center top no-repeat;
	}

.quicksearch-wrapper [class*="menu"] {
	display: none;
	position: absolute;
	left: 291px;
	right: 0;
	top: 0;
	background: #333333;
	min-height: 100%;
	padding: 20px;
	cursor: default;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.quicksearch-wrapper [class*="menu"] a,
.quicksearch-wrapper [class*="menu"] a:hover {
	display: block;
	color: #cccccc;
	}

.quicksearch-wrapper [class*="menu"] a:hover {
	text-decoration: underline;
	}

.quicksearch-wrapper [class*="menu"].active {
	display: block;
	}

.quicksearch-wrapper [class*="menu"] .close {
	position: absolute;
	top: 0px;
	right: 12px;
	color: #AAA;
	cursor: pointer;
	font-size: 24px;
	}

.quicksearch-wrapper .menu .c {
	float: left;
	width: 33.33%;
	padding-right: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.quicksearch-wrapper .menu .item {
	line-height: 1.3em;
	margin-bottom: 12px;
	word-break: break-word;
	}

.quicksearch-wrapper .menu .c:last-child {
	padding-right: 0;
	}

.quicksearch-wrapper .item-toggle {
	color: #cccccc;
	}

.hero .search-wrapper .input-wrapper:before {
	position: absolute;
	content: "\e008";
	font-family: 'icons';
	speak: none;
	line-height: 1;
	left: 10px;
	top: 50%;
	margin-top: -12px;
	color: #079bdb;
	font-size: 24px;
	pointer-events: none;
	}

.hero .search-wrapper input,
.hero .search-wrapper label {
	font-size: 1.5rem;
	line-height: 2.1rem;
	}

.hero .search-wrapper .input-wrapper input {
	padding-left: 40px;
	}



/* TAB BARS */

.home-tab-bar {
	position: relative;
    background: #079cdb;
    padding-top: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}

.home-tab-bar [class*="tab"] {
	cursor: pointer;
	display: inline-block;
	position: relative;
    height: 70px;
    line-height: 70px;
    color: #9fd5ed;
    background: #127fae;
    border-color: #127fae;
    margin: 0 20px;
    padding: 0 40px;
    }

.home-tab-bar [class*="tab"]:hover {
	color: #bee1f0;
	}

.home-tab-bar [class*="tab"]:before,
.home-tab-bar [class*="tab"]:after {
	content: "";
    position: absolute;
    top: 0;
    border-width: 70px 0 0;
    border-style: solid;
    border-color: transparent;
	}

.home-tab-bar [class*="tab"]:before {
	left: -20px;
    border-right-width: 20px;
    border-right-color: inherit;
	}

.home-tab-bar [class*="tab"]:after {
	right: -20px;
	border-left-width: 20px;
    border-left-color: inherit;
	}

.home-tab-bar .tab1 {
	z-index: 2;
	background-color: #0f5f81;
	border-color: #0f5f81;
	}

.home-tab-bar .tab2 {
	z-index: 3;
	background-color: #156f96;
	border-color: #156f96;
	margin-left: -24px;
	}

.home-tab-bar .tab3 {
	z-index: 1;
	margin-left: -24px;
	}

.home-tab-bar [class*="tab"].active {
	z-index: 4;
	background-color: #eeeeee;
	border-color: #eeeeee;
	color: #202020;
	}

.tab-bar {
	border-bottom: 2px solid #b5b5b5;
	color: #202020;
	margin-bottom: 30px;
	margin-top: 50px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	}

.tab-bar:first-child {
	margin-top: 0;
	}

.tab-bar [class*="tab"] {
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding: 10px 24px;
	margin-right: 2px;
	background: #c8c8c8;
	}

.tab-bar [class*="tab"]:hover {
	background-color: #bebebe;
	}

.tab-bar [class*="tab"].active {
	background: #303030;
	color: #ffffff;
	border-bottom: 2px solid #303030;
	margin-bottom: -2px;
	}

.tab-bar [class*="tab"].active:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	border-style: solid;
	border-color: transparent;
	border-width: 12px 12px 0;
	border-top-color: #303030;
	margin-left: -12px;
	}

.tab-container {
	visibility: hidden;
	height: 0;
	overflow: hidden;
	}

.tab-container.initial {
	visibility: visible;
	height: auto;
	}

.tab-container .side {
	float: left;
	width: 50%;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.tab-container .image-wrapper {
	height: 270px;
	}



/* TOOLS */

.tools {
	position: relative;
	background: #079bdb;
	padding: 13px 0;
	min-height: 28px;
	}

header + .tools {
	margin-top: 135px;
	}

.tools .breadcrumbs {
	color: #202020;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width: 56%;
	}

.tools a {
	cursor: pointer;
	color: #202020;
	opacity: 0.6;
	}

.tools a:hover {
	opacity: 1;
	}

.tools .breadcrumbs a:after {
	content: "\e001";
	font-family: 'icons';
	line-height: 1;
	vertical-align: -2px;
	margin-left: 6px;
	speak: none;
	display: inline;
	color: #ffffff;
	}

.tools .breadcrumbs a.back:after {
	display: none;
	}

.tools .breadcrumbs a.back:before {
	content: "\e003";
	font-family: 'icons';
	line-height: 1;
	vertical-align: -2px;
	margin-right: 6px;
	speak: none;
	display: inline;
	color: #ffffff;
	}

.tools .breadcrumbs a:hover:after {
	opacity: 0.6;
	}

.tools .actions {
	position: absolute;
	z-index: 1;
	right: 10px;
	top: 2px;
	height: 24px;
	}

.tools .actions a:before {
	color: #ffffff;
	font-size: 24px;
	vertical-align: -5px;
	}

.tools .actions a {
	margin-left: 30px;
	}

.tools .column9 .breadcrumbs,
.tools .column8 .breadcrumbs {
	margin-left: 30px;
	}



/* CONTENT */

.content {
	position: relative;
	padding: 50px 0;
	background-color: #eeeeee;
	}

header + .content {
	margin-top: 156px;
	}

.content .bounds + .bounds {
	margin-top: 40px;
	}

.content .bg-gray {
	padding: 25px 30px;
	background: #515151;
	color: #ffffff;
	}

.content .bg-gray h4 {
	color: inherit;
	}

.content .bg-gray a {
	color: #8adbfe;
	}

.content .bg-gray a:hover {
	color: #5cbce5;
	}

.sidebar {
	position: relative;
	border: 3px solid #ffffff;
	background: #fbfbfb url(/images/texture.png) repeat;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	}

.content .sidebar {
	margin-bottom: 30px;
	}

.content .sidebar:first-child {
	margin-top: -106px;
	}

.sidebar .header {
	padding: 30px;
	}

.sidebar .info {
	padding: 20px;
	}

.sidebar .social a {
	margin-right: 8px;
	}

.sidebar .social a:last-child {
	margin: 0;
	}

.sidebar h2 {
	color: #202020;
	margin: 0;
	}

.sidebar p {
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 0;
	}

.sidebar ul {
	margin: 0;
	list-style: none;
	}

.sidebar [class*="item"] {
	position: relative;
	display: block;
	cursor: pointer;
	padding: 12px 20px;
	color: #202020;
	border-top: 1px solid rgba(0,0,0,0.1);
	background-color: #fcfcfc;
	background-image: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	}

.sidebar [class*="item"]:after {
	font-family: icons;
	font-size: 24px;
	position: absolute;
	content: "\e001";
	right: 5px;
	top: 50%;
	margin-top: -14px;
	color: #079bdb;
	}

.sidebar [class*="item"].active:after,
.sidebar [class*="item"].selectedtrue:after {
	right: 8px;
	color: #ffffff;
	}

.sidebar [class*="item"]:hover {
	background: #f3f3f3;
	}

.sidebar [class*="item"].active,
.sidebar [class*="item"].selectedtrue {
	background: #333333;
	color: #ffffff;
	margin-left: -3px;
	margin-right: -3px;
	padding-left: 23px;
	}

.sidebar [class*="item"].active:last-child,
.sidebar li:last-child [class*="item"].selectedtrue {
	margin-bottom: -3px;
	padding-bottom: 15px;
	}

.content .input-wrapper {
	border: 1px solid rgba(0,0,0,0.2);
	}

.content .news {
	margin-top: -130px;
	}

.content .news .title {
	line-height: 1em;
	}

.content .news p {
	margin-top: 10px;
	line-height: 1.5em;
	}

.content [class*="column"]:nth-child(2) .text,
.content .reverse [class*="column"]:nth-child(1) .text {
	padding-left: 40px;
	padding-right: 0;
	}

.content [class*="column"]:nth-child(1) .text,
.content .reverse [class*="column"]:nth-child(2) .text {
	padding-right: 40px;
	padding-left: 0;
	}

.content .column12 .text {
	padding: 0 !important;
	}

.content .text h2,
.content .text h3,
.content .text h4 {
	border-bottom: 2px solid #b5b5b5;
	}

.content.list a.item {
	display: block;
	padding: 8px 0;
	line-height: 1.4em;
	word-break: break-word;
	}

.product-landing a {
	display: block;
	}

.product-landing .image-wrapper {
	height: 200px;
	margin-bottom: 12px;
	}

.product-grid {
	text-align: center;
	}

.product-grid .item {
	position: relative;
	float: left;
	width: 15.17857%;
	color: #666666;
	margin-right: 1.78571%;
	}

.product-grid .item:nth-child(12n + 11) {
	margin-right: 0;
	}

.product-grid .item:nth-child(12n + 11) + div {
	margin-bottom: 30px;
	clear: both;
	}

.product-grid .image-wrapper {
	position: relative;
	padding-bottom: 100%;
	}

.product-grid .label {
	margin-top: 14px;
	line-height: 1.3em;
	}

.file-list .item {
	display: block;
	position: relative;
	padding: 10px 10px 10px 12px;
	background: rgba(255,255,255,0.7);
	margin-bottom: 10px;
	}

.file-list .item:after {
	content: "Download";
	position: absolute;
	right: 14px;
	top: 50%;
	font-size: 13px;
	margin-top: -15px;
	color: #999;
	line-height: 30px;
	}

.product-list .item {
	display: block;
	position: relative;
	padding: 10px 10px 10px 100px;
	background: rgba(255,255,255,0.7);
	min-height: 75px;
	margin-bottom: 10px;
	}

.product-list .item:hover,
.file-list .item:hover {
	background-color: rgba(255,255,255,0.9);
	}

.product-list .image-wrapper {
	position: absolute;
	left: 10px;
	top: 10px;
	width:  75px;
	height: 75px;
	}

.product-list .sublabel {
	line-height: 1.5em;
	color: #666666;
	}

.material-types .item {
	margin-bottom: 8px !important;
	}

.material-types .item-toggle {
	position: relative;
	display: block;
	cursor: pointer;
	padding-bottom: 4px;
	}

.content .material-types .item-toggle {
	padding-left: 20px;
	color: #666666;
	}

.content .material-types .item-toggle:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 12px;
	height: 12px;
	border: 1px solid #999999;
	background: url(/images/icon-plus.png) center center no-repeat;
	}

.content .material-types .item-toggle.no-plus:before {
    display: none !important;
    }

.content .material-types .item-toggle.active:before {
	background-image: url(/images/icon-minus.png);
	}

.material-types .item-toggle:hover {
	text-decoration: underline;
	}

.material-types .subtypes {
	position: relative;
	display: none;
	}

.material-types .subtypes a {
	display: block;
	position: relative;
	padding-left: 20px;
	line-height: 1.75;
	}

.material-types .subtypes a:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 50%;
	border-top: 1px dotted #999999;
	width: 11px;
	}

.material-types .subtypes a:after {
	content: "";
	position: absolute;
	left: 1px;
	top: -13px;
	bottom: 13px;
	border-left: 1px dotted #999999;
	}

.material-types .subtypes a:first-child:after {
	top: 0;
	}

.browse-trigger {
	display: none;
	}
.post .date{
    margin-bottom: 25px;
    }


/* PRODUCT GRID MEDIA QUERIES */

@media screen and (max-width:950px) {
	.product-grid .item {
		width: 18.4%;
		margin-right: 2%;
		}
	.product-grid .item:nth-child(12n + 11) {
		margin-right: 2%;
		}
	.product-grid .item:nth-child(12n + 11) + div {
		margin-bottom: 0;
		clear: none;
		}
	.product-grid .item:nth-child(10n + 9) {
		margin-right: 0;
		}
	.product-grid .item:nth-child(10n + 9) + div {
		margin-bottom: 30px;
		clear: both;
		}
	}

@media screen and (max-width:775px) {
	.product-grid .item {
		width: 22.75%;
		margin-right: 3%;
		}
	.product-grid .item:nth-child(10n + 9) {
		margin-right: 3%;
		}
	.product-grid .item:nth-child(10n + 9) + div {
		margin-bottom: 0;
		clear: none;
		}
	.product-grid .item:nth-child(8n + 7) {
		margin-right: 0;
		}
	.product-grid .item:nth-child(8n + 7) + div {
		margin-bottom: 30px;
		clear: both;
		}
    .file-list .item {
    	padding: 10px 100px 10px 12px;
    	}
	}


@media screen and (max-width:585px) {
	.product-grid .item {
		width: 30.66666%;
		margin-right: 4%;
		}
	.product-grid .item:nth-child(8n + 7) {
		margin-right: 4%;
		}
	.product-grid .item:nth-child(8n + 7) + div {
		margin-bottom: 0;
		clear: none;
		}
	.product-grid .item:nth-child(6n + 5) {
		margin-right: 0;
		}
	.product-grid .item:nth-child(6n + 5) + div {
		margin-bottom: 30px;
		clear: both;
		}
	}

@media screen and (max-width:385px) {
	.product-grid .item {
		width: 47%;
		margin-right: 6%;
		}
	.product-grid .item:nth-child(6n + 5) {
		margin-right: 6%;
		}
	.product-grid .item:nth-child(6n + 5) + div {
		margin-bottom: 0;
		clear: none;
		}
	.product-grid .item:nth-child(4n + 3) {
		margin-right: 0;
		}
	.product-grid .item:nth-child(4n + 3) + div {
		margin-bottom: 20px;
		clear: both;
		}
	}



/* FOOTER */

footer {
	position: relative;
	background-color: #303030;
	color: #818181;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	}

/*footer:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 20px;
	background-color: #eeeeee;
	}*/

footer .input-wrapper {
	background: #555555;
	margin-bottom: 30px;
	}

footer input {
	color: #ffffff !important;
	padding-left: 50px !important;
	}

footer label {
	padding-left: 50px !important;
	}

footer .input-wrapper [class*="button"] {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	line-height: 44px;
	padding-top: 0;
	padding-bottom: 0;
	white-space: nowrap;
	}

footer .input-wrapper .icon-only-email {
	position: absolute;
	line-height: 1;
	left: 14px;
	top: 50%;
	color: #b1b1b1;
	font-size: 24px;
	margin-top: -12px;
	}

footer nav ul {
	margin: 0 0 10px;
	list-style: none;
	text-align: center;
	}

footer nav li {
	display: inline-block;
	margin-bottom: 15px;
	}

footer nav a {
	color: #b7b7b7;
	padding: 0 10px;
	}

footer p a {
	color: #818181;
	}

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

footer nav a:hover {
	color: #ffffff;
	}

footer .social-group {
	white-space: nowrap;
	}

footer li.social {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    }

footer .social a {
    display: block;
	color: #ffffff;
	padding: 0 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0.9;
	}

footer .social a:hover {
	opacity: 1;
	}

footer .social a img {
    display: block;
    width: 32px;
    }

.signature {
	padding-top: 10px;
	border-top: 1px solid #4b4b4b;
	margin-top: 60px;
	color: #6b6b6b;
	}

.signature a {
	color: #777;
	}

.signature a:hover {
	color: #ffffff;
	}



/* POPUP */

[class*="button"].popup-active {
	opacity: 1 !important;
	}

.popup-wrapper {
	cursor: default;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	display: table;
	width: 100%;
	height: 100%;
	background: rgba(7,155,219,0.95);
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-duration: 300ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-duration: 300ms;
	transition-property: opacity, visibility;
	transition-duration: 300ms;
	}

.popup-active .popup-wrapper {
	visibility: visible;
	opacity: 1;
	}

.popup {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 300ms;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 300ms;
	transition-property: transform;
	transition-duration: 300ms;
	padding: 0 20px;
	}

.popup-active .popup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	}

.popup .text {
	display: inline-block;
	text-align: left;
	padding: 0 !important;
	}

.popup .label {
	color: #ffffff;
	margin-bottom: 20px;
	}

.popup .input-wrapper {
	border: none;
	}

.popup .input-wrapper {
	margin-bottom: 0;
	background: #ffffff;
	}

.input-wrapper .icon-only-car {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -10px;
	font-size: 20px;
	line-height: 1;
	color: #47485D;
	}

.popup .input-wrapper input[type="text"] {
	position: relative;
	z-index: 1;
	padding-right: 50px;
	padding-left: 40px;
	}

.hero .input-wrapper input[type="text"] {
	position: relative;
	z-index: 1;
	padding-left: 40px;
	}

.input-wrapper .go {
	position: absolute;
	z-index: 2;
	right: 6px;
	top: 50%;
	line-height: 34px;
	opacity: 0.8;
	background: #079BDB;
	width: 34px;
	height: 34px;
	border: none;
	text-align: center;
	margin-top: -17px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}

.input-wrapper .go:hover {
	opacity: 1;
	}

.input-wrapper .go:before {
	font-size: 19px;
	vertical-align: -4px;
	margin-left: 2px;
	color: #ffffff;
	}



/* ELEMENTS */

.input-wrapper {
	position: relative;
	background: #fbfbfb url(/images/texture.png) repeat;
	margin-bottom: 20px;
	}

.input-wrapper input[type="text"],
.input-wrapper input[type="password"],
.input-wrapper textarea {
	outline: none;
	width: 100%;
	max-width: 100%;
	padding: 10px;
	border: none;
	background: transparent;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #303030;
	}

.input-wrapper input,
.input-wrapper textarea {
	font-family: 'museo-sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.input-wrapper.search:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 8px;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	background: url(/images/icon-search.png);
	}

.input-wrapper.search input,
.input-wrapper.search label {
	padding-left: 30px !important;
	}

.search-wrapper {
	position: relative;
	text-align: left;
	}

.search-wrapper .input-wrapper {
	border: 2px solid #d4d4d4;
	}

.search-wrapper .results {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding: 6px 0;
	max-height: 360px;
	overflow: scroll;
	background: #f5f5f5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	}

.search-wrapper .empty {
	padding: 15px;
	}

.results a {
	display: block;
	color: #5c5c5c;
	padding: 1px 15px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
	}

.results a:hover {
	text-decoration: underline;
	}

.input-wrapper textarea {
	display: block;
	height: 150px;
	resize: none;
	}

.input-wrapper label {
	font-family: 'museo-sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5em;
	padding: 10px;
	color: #999999;
	}

.ss-wrapper {
	position: relative;
	background: rgba(255,255,255,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 15px 0;
	}

.ss-wrapper {
	padding: 10px 52px 10px 10px;
	margin-bottom: 0;
	}

.ss-wrapper select {
	z-index: 1;
	font-size: 18px;
	}

.ss-wrapper.initial {
	}

.ss-wrapper:after {
	content: "";
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 42px;
	height: 100%;
	background: url(/images/select-arrow.png) center center no-repeat;
	}

.checkboxes {
	margin-bottom: 20px;
	}

.checkbox {
	display: inline-block;
	margin-right: 20px;
	}

.checkbox input {
	vertical-align: 2px;
	margin-right: 8px;
	}

.validator {
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 100%;
	background: #1B6A93 url(/images/icon-validator.png) center center no-repeat;
	}

.error {
	display: block;
	border: 1px solid #93595c;
	background: #e7d3d4;
	color: #912028;
	padding: 6px 10px;
	margin-bottom: 20px;
	}

[class*="button"] {
	cursor: pointer;
	position: relative;
	display: inline-block;
	padding: 8px 20px;
	background: #079bdb;
	color: #ffffff !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

[class*="button"]:hover {
	color: #ffffff;
	opacity: 0.92;
	}

.button-teal {
	background-color: #45bdab;
	}

.button-blue {
	background-color: #079bdb;
	}

.button-green {
	background-color: #489059;
	}

.button-white {
	background-color: #ffffff;
	color: #202020 !important;
	}

.button-full {
	width: 100%;
	}

.button.full-mobile {
	display: block;
	text-align: center;
	}

[class*="button"].icon-after-right {
	padding-right: 60px;
	}

[class*="button"].icon-after-right:after {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 44px;
	height: 100%;
	line-height: 44px;
	background: rgba(255,255,255,0.3);
	text-align: center;
	}



/* GRID FRAMEWORK */

.bounds {
	position: relative;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.bounds.padding {
	padding-left: 10px;
	padding-right: 10px;
	}

[class*="column"] {
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.fixed {
	position: fixed;
	top: 0;
	}

.reverse > [class*="column"] {
	float: right;
	}

[class*="column"][class*="center"] {
	float: none;
	margin: 0 auto;
	}

[class*="column"] [class*="column"]:first-child,
.bounds.padding [class*="column"]:first-child,
.form [class*="column"]:first-child,
.column-half:first-child {
	padding-left: 0;
	}

[class*="column"] [class*="column"]:last-child,
.bounds.padding [class*="column"]:last-child,
.form [class*="column"]:last-child,
.column-half:last-child {
	padding-right: 0;
	}

[class*="column1"] { width: 8.33333% }
[class*="column2"] { width: 16.66667% }	
[class*="column3"] { width: 25% }
[class*="column4"] { width: 33.33333% }
[class*="column5"] { width: 41.66667% }
[class*="column6"], [class*="half"] { width: 50% }
[class*="column7"] { width: 58.33333% }
[class*="column8"] { width: 66.66667% }
[class*="column9"] { width: 75% }
[class*="column10"] { width: 83.33333% }
[class*="column11"] { width: 91.66667% }
[class*="column12"] { width: 100% }


/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.validator {
		background-image: url(/images/icon-validator-2x.png) !important;
		background-size: 16px 16px !important;
	}
	header .header-top .logo{
	background: url(/images/logo-2x.png);
	background-size: 289px 45px;
	}
}

/* RESPONSIVE */

@media screen and (max-width:1020px) {
	header nav > ul > li > a {
		padding: 8px 30px !important;
		}
	header nav > ul > li:hover > a {
		padding-top: 3px !important;
		}
	header + .tools {
		margin-top: 131px !important;
		}
	.hero .caption,
	.hero .text-wrapper {
		top: 146px !important;
		line-height: 484px !important;
		}
	.hero.short .text-wrapper {
		line-height: 294px !important;
		}
	.hero.short.contact-page .text-wrapper {
		top: 0 !important;
		}
	.hero.interior {
		height: 259px !important;
		margin-top: 131px !important;
		}
    .hero.proportional {
        margin-top: 135px;
        height: auto !important;
        padding-bottom: 24%;
    	}	
	.tab-bar [class*="tab"] {
		padding: 6px 14px !important;
		margin-right: 0 !important;
		font-size: 95% !important;
		}
	.content {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		}
	.content .sidebar:first-child {
		margin-top: -78px !important;
		}
	.content [class*="column"]:nth-child(2) .text,
	.content .reverse [class*="column"]:nth-child(1) .text {
		padding-left: 20px !important;
		}
	.tools {
		padding: 9px 0 !important;
		}
	}

@media screen and (max-width:940px) {
	header nav > ul > li > a {
		padding: 8px 20px !important;
		}
	header .dropdown.products .image-wrapper {
		height: 110px !important;
		}
	.hero.home {
		height: 560px !important;
		}
	.hero .caption,
	.hero .text-wrapper {
		line-height: 414px !important;
		}
	.hero.short .text-wrapper {
		line-height: 294px !important;
		}
	.quicksearch-wrapper {
		top: 215px !important;
		}
	.home-tab-bar [class*="tab"] {
		padding-left: 30px !important;
		padding-right: 30px !important;
		}
	}

@media screen and (max-width:840px) {
	.smallScreen,
	.tab-container.product-page {
		display: block !important;
		}
	.largeScreen {
		display: none;
		}
	.smallScreenInlineBlock {
		display: inline-block !important;
		}
	header .header-top {
		height: 70px !important;
		}
	header .header-top .logo {
		width: 231px !important;
		height: 40px !important;
		margin-top: -20px !important;
		background-size: 231px 40px !important;
		}
	header .nav-container {
		display: none !important;
		background-color: rgba(0,0,0,0.95) !important;
		}
	.branch-container {
		top: -50px !important;
		display: none !important;
		width: auto !important;
		left: 10px !important;
		}
	.nav-active .branch-container {
		display: block !important;
		}
	.branch-container-bottom {
		margin-left: 0 !important;
		}
	.branch-container.active .branch-container-top {
		max-height: 0 !important;
		}
	.branch-container .side:first-child {
		display: none !important;
		}
	.branch-container .side:nth-child(2) {
		float: none;
		width: 100% !important;
		}
	.branch-container .side .input-wrapper {
		margin: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: 140px !important;
		}
	header + .tools {
		margin-top: 70px !important;
		}
	.hero {
		height: 220px !important;
		}
	.hero.interior {
		height: 150px !important;
		margin-top: 70px !important;
		}
    .hero.proportional {
        height: auto !important;
        padding-bottom: 24%;
    	}		
	.hero .text-wrapper {
		top: 70px !important;
		}
	.hero.home {
		position: relative !important;
		height: auto !important;
		}
	.hero.short {
		height: 280px !important;
		}
	.hero.short .text-wrapper {
		line-height: 210px !important;
		}
	.hero.short.contact-page .text-wrapper {
		line-height: 280px !important;
		}
	.hero.home .slideshow {
		position: relative !important;
		height: auto !important;
		background: #101010;
		}
	.hero.home .video-wrapper {
		opacity: 0.2;
		}
	.hero.home .yar-slide:before,
	.hero.home .video-wrapper:before {
		display: none !important;
		}
	.hero.home .caption {
		position: relative !important;
		top: auto !important;
		line-height: 1 !important;
		padding-top: 100px;
		padding-bottom: 70px;
		}
	.hero.home .caption .text {
		text-align: center !important;
		max-width: 100% !important;
		}
	.quicksearch-wrapper {
		position: relative !important;
		top: 0 !important;
		left: auto !important;
		right: auto !important;
		}
	.quicksearch-wrapper .menu {
		display: none !important;
		}
	.quicksearch {
		width: auto !important;
		}
	.quicksearch .item a {
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		}
	.quicksearch [class*="item"].active {
		color: #202020 !important;
		padding: 12px 20px !important;
		margin: 0 !important;
		background-color: #fcfcfc !important;
		background-image: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) !important;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.15)), color-stop(100%,rgba(255,255,255,0))) !important;
		background-image: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important;
		background-image: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important;
		background-image: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important;
		background-image: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%) !important;
		}
	.quicksearch [class*="item"].active:after {
		right: 5px !important;
		color: #079BDB !important;
		}
	.nav-trigger {
		cursor: pointer;
		position: absolute;
		z-index: 1000;
		top: 0;
		right: 0;
		padding: 23px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: opacity, visibility;
		-webkit-transition-duration: 300ms;
		-moz-transition: opacity, visibility;
		-moz-transition-duration: 300ms;
		-o-transition: opacity, visibility;
		-o-transition-duration: 300ms;
		transition: opacity, visibility;
		transition-duration: 300ms;
		}	
	.nav-trigger .patty {
		position: relative;
		width: 24px;
		height: 4px;
		margin: 10px 0;
		background: #000000;
		-webkit-transition: background-color 300ms;
		-webkit-transition-delay: 300ms;
		-moz-transition: background-color 300ms;
		-moz-transition-delay: 300ms;
		-o-transition: background-color 300ms;
		-o-transition-delay: 300ms;
		transition: background-color 300ms;
		transition-delay: 300ms;
		}
	.nav-trigger .patty:after,
	.nav-trigger .patty:before {
		content: '';
		display: block;
		position: absolute;
		width: 24px;
		height: 4px;
		background: #000000;
		-webkit-transition-property: background-color, top, -webkit-transform;
		-webkit-transition-duration: 300ms;
		-webkit-transition-delay: 0, 300ms, 0;
		-moz-transition-property: background-color, top, -moz-transform;
		-moz-transition-duration: 300ms;
		-moz-transition-delay: 0, 300ms, 0;
		-o-transition-property: background-color, top, -o-transform;
		-o-transition-duration: 300ms;
		-o-transition-delay: 0, 300ms, 0;
		transition-property: background-color, top, transform;
		transition-duration: 300ms;
		transition-delay: 0, 300ms, 0;
		}
	.nav-trigger .patty:before {
		top: -8px;
		}
	
	.nav-trigger .patty:after {
		top: 8px;
		}
	.nav-active .nav-trigger .patty {
		background: rgba(0,0,0,0);
		-webkit-transition-delay: 0;
		}
	.nav-active .nav-trigger .patty:before,
	.nav-active .nav-trigger .patty:after {
		-webkit-transition-delay: 0, 0, 300ms;
		-moz-transition-delay: 0, 0, 300ms;
		-o-transition-delay: 0, 0, 300ms;
		transition-delay: 0, 0, 300ms;
		}
	.nav-active .nav-trigger .patty:before {
		top: 0;
		background: #000000;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		}
	.nav-active .nav-trigger .patty:after {
		top: 0;
		background: #000000;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
		}
	.nav-active header .nav-container {
		display: block !important;
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		}
	header nav > ul > li {
		cursor: pointer;
		position: relative;
		display: block !important;
		border: none !important;
		}
	header nav > ul > li.has-dropdown .trigger {
		position: absolute;
		z-index: 1;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 47px;
		font-family: 'icons';
		speak: none;
		}
	header nav > ul > li.has-dropdown .trigger:after {
		content: "\e002";
		position: absolute;
		right: 8px;
		top: 50%;
		margin-top: -15px;
		}
	header nav > ul > li.has-dropdown.active .trigger:after {
		content: "\e000";
		}
	header nav a {
		border-bottom: 1px solid rgba(255,255,255,0.3) !important;
		}
	header nav > ul > li > a {
		padding: 8px 10px !important;
		border-top: none !important;
		}
	header nav > ul > li:hover > a {
		padding: 8px 10px !important;
		}
	header nav > ul > li.has-dropdown:hover > a:after {
		display: none !important;
		}
	.dropdown.products {
		display: none;
		}
	header nav {
		padding: 70px 0 0 !important;
		}
	header nav ul ul {
		display: none;
		position: relative !important;
		top: auto !important;
		background-color: rgba(0, 0, 0, 0) !important;
		min-width: 0 !important;
		padding: 0 !important;
		margin-left: 0 !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		color: #ffffff !important;
		font-size: 85%;
		}
	header nav ul ul a {
		color: rgba(255,255,255,0.8) !important;
		padding: 6px 6px 6px 28px !important;
		}
	header nav ul li.active ul {
		display: block;
		visibility: visible !important;
		opacity: 1 !important;
		}
	.hero.short.contact-page {
		height: auto !important;
		}
	.hero.short.contact-page .text-wrapper {
		position: relative !important;
		line-height: 1 !important;
		padding: 30px 0 20px !important;
		}
	.hero.short.contact-page .ss-wrapper {
		margin-bottom: 10px !important;
		}
	.hero.short.contact-page iframe {
		display: block !important;
		}
	.content {
		padding: 20px 0 !important;
		}
	.content.home {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		}
	.content .news {
		margin-top: 0 !important;
		}
	.home-tab-bar,
	.content.home .column9 {
		display: none !important;
		}
	.home-tab-bar .bounds {
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		}
	.home-tab-bar [class*="tab"] {
		height: 50px !important;
		line-height: 50px !important;
		margin: 0 10px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		}
	.home-tab-bar [class*="tab"]:before {
		left: -10px !important;
		border-right-width: 10px !important;
		}
	.home-tab-bar [class*="tab"]:after {
		right: -10px !important;
		border-left-width: 10px !important;
		}
	.home-tab-bar [class*="tab"]:before,
	.home-tab-bar [class*="tab"]:after {
		border-top-width: 50px !important;
		}
	.home-tab-bar .tab2,
	.home-tab-bar .tab3 {
		margin-left: -14px !important;
		}
	.home-tab-bar .tab3 {
		margin-right: 20px !important;
		}
	.tab-container .side:last-child {
		padding-right: 0 !important;
		}
	.tools .breadcrumbs {
		max-width: 100% !important;
		margin-left: 0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 120px;
		line-height: 1.1em !important;
		}
	.tools .breadcrumbs a,
	.tools .breadcrumbs span {
		font-size: 70%;
		}
	.tools .actions a {
		display: inline-block;
		width: 24px;
		overflow: hidden;
		margin-left: 10px !important;
		white-space: nowrap;
		}
	.content .sidebar:not(.contact-page) {
		display: none !important;
		}
	.content .sidebar.contact-page {
		margin-top: 0 !important;
		}
	.content .sidebar ~ .bg-gray {
		margin-bottom: 20px;
		}
	.map-trigger {
		display: none !important;
		}
	.bounds > [class*="column"] {
		width: 100% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		}
	.content .text,
	.content [class*="column"]:nth-child(2) .text,
	.content .reverse [class*="column"]:nth-child(1) .text {
		padding: 0 !important;
		}
	.content .bounds.padding.text {
		padding: 0 10px !important;
		}
	.filter-wrapper {
		padding: 0 !important;
		margin: -20px -10px 30px !important;
		}
	.filter-wrapper > .filter,
	.filter-wrapper nav {
		display: none;
		}
	.filter-wrapper .browse-trigger {
		display: block !important;
		color: #ffffff;
		padding: 15px 10px;
		}
	.filter-wrapper .browse-trigger:after {
		content: "\e002";
		font-family: 'icons';
		speak: none;
		line-height: 1;
		display: inline;
		vertical-align: -2px;
		margin-left: 5px;
		}
	.filter-wrapper.active > .filter,
	.filter-wrapper.active nav {
		display: block !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		}
	.filter-wrapper.active .browse-trigger:after {
		content: "\e000" !important;
		}
	.filter-wrapper.active nav {
		padding-bottom: 20px;
		}
	.post {
		padding-bottom: 0 !important;
		}
	.product-landing .column4 {
		width: 33.33333% !important;
		float: left !important;
		}
	.product-landing .image-wrapper {
		height: 120px !important;
		}
	.product-landing .image-wrapper img {
		opacity: 0.3;
		}
	.product-landing a {
		position: relative;
		color: #ffffff;
		}
	.product-landing a .text-center {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		margin-top: -14px;
		}
	.device-gallery a:first-child {
		display: block !important;
		}
	.location-photo {
		float: left;
		width: 62%;
		margin: 0 !important;
		padding-right: 20px;
		padding-bottom: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	.location-info {
		float: left;
		width: 38%;
		margin-bottom: 20px;
		}
	}

@media screen and (max-width:750px) {
	.product-landing .column4 {
		width: 100% !important;
		float: none !important;
		}
	}

@media screen and (max-width:640px) {
	.content.list [class*="column"],
	.material-types [class*="column"] {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
		}
	}

@media screen and (max-width:560px) {
	.tab-container .side {
		width: 100% !important;
		padding: 30px 0 0 !important;
		}
	h2 .button {
		position: relative !important;
		display: block !important;
		margin-bottom: -2px !important;
		margin-top: 15px !important;
		}
	[class*="column"] [class*="column"] {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		}
	.careers-row {
		margin-bottom: 10px !important;
		}
	.careers-row .image-wrapper {
		height: 90px !important;
		}
	.careers-row .image-wrapper img {
		opacity: 0.4;
		}
	.careers-row .label {
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		margin-top: -14px;
		color: #ffffff;
		}
	.location-photo {
		float: none !important;
		width: auto !important;
		margin: -20px -20px 10px !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
		}
	.location-info {
		float: none !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		}
	}