img#logo-img{
	background-color:transparent;
	height: 100%;
}
/* Archivo and Slabo via fonts.google.com
font-family: 'Archivo Black', sans-serif;
font-family: 'Slabo 13px', serif;
*/
/**********************************
 *    Glyphicons    *
 **********************************/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../../../../../../system/modules/com.valspar.common/resources/fonts/glyphicons-halflings-regular.eot');
  src: url('../../../../../../system/modules/com.valspar.common/resources/fonts/glyphicons-halflings-regular%EF%B9%96.eot#iefix') format('embedded-opentype'), url('../../../../../../system/modules/com.valspar.common/resources/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../../../../system/modules/com.valspar.common/resources/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../../../../system/modules/com.valspar.common/resources/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../../../../system/modules/com.valspar.common/resources/fonts/glyphicons-halflings-regular.svg') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
span.glyphicon.glyphicon-menu-down{
	color: inherit;
	padding-left: 0.5em;
}

/**********************************
 *        UNIVERSAL STYLES        *
 **********************************/
html,
body {
	color: black;
  height: 100%;
}
body {
  background: white url("../images/backgroundGradient.png") repeat-x top left;
  font-size: 15px;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  width: 100%;
}
section.title-banner div,
.container {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 15px;
}
#middle-right section .container {
	width: 100%;
	text-align: left;
	padding: 0;
}
.wrapper {
  max-width: 600px;
  margin: 0 auto;
}
.row {
	margin: 0;
}
.hide{
	display: none;
}
@media (max-width: 480px) {
	.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12{
		float: left;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}
	.col-xxs-1 {
		width: 8.33333%;
	}
	.col-xxs-2 {
		width: 16.6667%;
	}
	.col-xxs-3 {
		width: 25%;
	}
	.col-xxs-4 {
		width: 33.3333%;
	}
	.col-xxs-5 {
		width: 41.6667%;
	}
	.col-xxs-6 {
		width: 50%;
	}
	.col-xxs-7 {
		width: 58.3333%;
	}
	.col-xxs-8 {
		width: 66.6667%;
	}
	.col-xxs-9 {
		width: 75%;
	}
	.col-xxs-10 {
		width: 83.3333%;
	}
	.col-xxs-11 {
		width: 91.6667%;
	}
	.col-xxs-12 {
		width: 100%;
	}
}

/**********************************
 *       TEXT / FONT STYLES       *
 **********************************/
.uppercase {
  /* text-transform: uppercase; */
}
.special {
	color: #001B96 !important;
}
sup {
  font-size: .4em;
  top: -1.2em;
}
h1 {
	font-family: 'Slabo 13px', serif;
  font-size: 1.6em;
  margin-top: 0.5em;
}
section.title-banner div h1{
	font-family: 'Archivo Black', sans-serif;
	font-size: 2.666666em;
	padding-left: 15px;
}
h2 {
	font-family: 'Archivo Black', sans-serif;
  font-size: 1.33333em;
  line-height: 120%;
}
section.section-refinish-product h2{
	font-family: sans-serif;
	font-size: 1.06666667em;
}
section.section-refinish-product h2:hover{
	cursor: pointer;
}
h3{
  display: inline-block;
  font-family:'Slabo 13px', serif;
  font-size: 1.75em;
  letter-spacing: 1px;
  line-height: 150%;
  margin: 20px 0 10px 0;
}
h3.twoOrThree-h3{
	font-family: 'Archivo Black', sans-serif;
	font-size: 2.6em; /* 39px/15px */
}
section.section-refinish-product h3{
	font-family: sans-serif;
	font-size: 1.6em;
}
section.section-refinish-news img{
	padding: 0.5em 0 1em 0;
}
#news h2,
#products h2,
.columns-title h2{
  font-family:'Slabo 13px', serif;
	font-size: 1.6em;
}
.btn-text {
  display: inline-block;
  font-family:'Slabo 13px', serif;
  font-size: 1em;
  letter-spacing: 1px;
  line-height: 150%;
  margin: 20px 0 10px 0;
}
h3 img,
.btn-text img {
  position: relative;
  bottom: 4px;
  width: auto;
  height: 18px;
  margin: -2px;
}
h4 {
	font-family: 'Slabo 13px', serif;
	font-size: 1.4em;
  margin-bottom: 0;
  margin-top: 0;
}
h5 {
	font-family: sans-serif;
  font-size: 1.1em;
}
h6 {
	background-color: black;
	color: white;
	font-family: sans-serif;
	font-size: 0.9333333em;
	padding: 0.5em 0;
	text-align: center;
}
h6,
.btn-text-sm {
  font-size: 1em;
  letter-spacing: 1px;
  line-height: 150%;
  margin: 20px 0 10px;
}
p {
  margin-bottom: 14px;
  font-size: 1em;
}
div.columns-title > p.bigger{
	font-size: 1.4em;
}
#shoptalk div.columns-title > p{
	font-size: 1em;
}
#shoptalk div.columns-title > p a{
	color: #db1600;
	font-family: sans-serif;
	text-decoration: none;
}
b, strong{
	font-family: sans-serif;
}
ul {
  list-style: none;
  text-indent: 0;
  padding: 0;
  margin-bottom: 0;
}
.panel-toggle ul{
	list-style: inherit;
}
.page-group .page-text ul {
  font-size: 1em;
  margin-top: 10px;
  text-indent: 0;
  padding-left: 22px;
}
ol {
  font-size: 1em;
}
.page-group ul {
  list-style: disc;
}
p.small,
.small {
  margin-bottom: 14px;
  line-height: 180%;
  font-size: 1em;
}
a {
	font-family: sans-serif;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration: underline;
}
a:hover,
a:focus{
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration: underline;
}
a.sidebar-item{
	display: inline-block;
	padding: 0.25em;
	text-decoration: none;
}
.panel-toggle a.dataSheet{
	display: block;
	text-decoration: none;
}
.panel-toggle a.dataSheet:before{
	content: '\e166';
  font-family: 'Glyphicons Halflings';
  font-size: 0.75em;
  padding-right: 0.5em;
}
a span,
span.accordion-first{
	font-size: 1em;
}
span.learnMore{
	color: #009ADA;
}
span.accordion-second,
table thead th{
	font-size: 1.16667em;
}
table thead th{
	color: #0095da;
}
table tbody th{
	font-size: 1em;
	font-weight: normal;
}
table img {
  position: relative;
  display: inline;
  width: 30px;
  bottom: 5px;
  height: auto;
}
.page-title p a,
.section-home-text p a{
	color: #0095da;
	font-weight: bold;
}
.section p a,
.accordion-toggle a{
	color: #027acf;
}
.section p a:hover,
.section p a:focus,
.accordion-toggle a:hover,
.accordion-toggle a:focus,
.page-title p a:hover,
.page-title p a:focus,
.section-home-text p a:hover,
.section-home-text p a:focus{
	color: #000;
}
a:focus {
  text-decoration: none;
}
hr {
  margin: 40px 0;
  border-top: 1px solid #CCC;
}
.title-line {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
  text-align: center;
}
.title-line h3:before,
.title-line h3:after {
  top: -3px;
}
.title-line h2:before,
.title-line h2:after {
  top: -7px;
}
.title-line h6:before,
.title-line h6:after {
  top: -1px;
}

.page-image .item.solo-image {
	position: relative;
}
.page-image .item.solo-image img{
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
body .content-wrapper{
	margin-top: 62px;
}
@media (min-width: 768px) {
	body .content-wrapper{
		margin-top: 100px;
	}
}
/**********************************
 *       Responsive Classes       *
 **********************************/

.wrapper:before, .wrapper:after,
.title-line:before, .title-line:after,
.parallax-flag:before, .parallax-flag:after,
.list-flag:before, .list-flag:after,
/* .breadcrumb:before, .breadcrumb:after, */
.footer-nav:before, .footer-nav:after,
.section:before, .section:after,
.section-news-vertical .news-item-details:before, .section-news-vertical .news-item-details:after,
.section-action:before, .section-action:after,
.section-action:before, .section-action:after,
.section-action .action-container:before, .section-action .action-container:after,
.section-action .action-content:before, .section-action .action-content:after,
.section-full .page-nav li:before, .section-full .page-nav li:after,
.section-full .page-nav ul:before, .section-full .page-nav ul:after,
.section-columns:before, .section-columns:after,
.section-columns .column-image:before, .section-columns .column-image:after,
.section-columns .columns-title:before, .section-columns .columns-title:after,
.section-columns .columns-title:before, .section-columns .columns-title:after,
.section-columns ul > li:before, .section-columns ul > li:after,
.sidebar-filter form:before, .sidebar-filter form:after,
.sidebar-photo:before, .sidebar-photo:after,
.sidebar-item:before, .sidebar-item:after,
.page:before, .page:after,
.page-group-sm:before, .page-group-sm:after,
.page-group:before, .page-group:after,
.page-group.page-literature .resource-item:before, .page-group.page-literature .resource-item:after,
.page-group.page-literature .resource-item .resource-text:before,
.page-group.page-literature .resource-item .resource-text:after,
.page-group .page-results .results-item:before, .page-group .page-results .results-item:after,
.page-group > div:before, .page-group > div:after,
/*.page-group .page-tabs:before, .page-group .page-tabs:after,
.page-group .page-image:before, .page-group .page-image:after,
.page-group .page-colors:before, .page-group .page-colors:before,
.page-group .page-footer-action:before, .page-group .page-footer-action:before,
.page-group .product-specs:before, .page-group .product-specs:before,
.page-group .page-text-sm:before, .page-group .page-text-sm:before,
.page-group .page-title:before, .page-group .page-title:before, */
article.horizontal:before, article.horizontal:after, div.article:before, div.article:after,
.article-content:before, .article-content:after,
.color-btn:before, .color-btn:after,
.color-toggle:before, .color-toggle:after,
.color-details:before, .color-details:after,
.color-toggle .close-toggle-btn:before, .color-toggle .close-toggle-btn:after,
.colormatters-colorbox:before, .colormatters-colorbox:after,
.color-details-text ul li:before, .color-details-text ul li:after,
.section-parallax:before, .section-parallax:after,
.section-parallax:before, .section-parallax:after,
.section-parallax .section-parallax-img:before, .section-parallax .section-parallax-img:after,
.section-parallax .parallax-tabs:before, .section-parallax .parallax-tabs:after,
.parallax-tabs-title-holder:before, .parallax-tabs-title-holder:after,
.parallax-tabs-title:before, .parallax-tabs-title:after,
.parallax-tabs-content:before, .parallax-tabs-content:after,
.panels:before, .panels:after,
.panel-item:before, .panel-item:after,
.panel-toggle:before, .panel-toggle:after,
input:before, input:after,
textarea:before, textarea:after {
  content: " ";
  display: table;
}
.wrapper:after,
.title-line:after,
.parallax-flag:after,
.list-flag:after,
/* .breadcrumb:after, */
.footer-nav:after,
.section:after,
.section-news-vertical .news-item-details:after,
.section-action:after,
.section-action:after,
.section-action .action-container:after,
.section-action .action-content:after,
.section-full .page-nav li:after,
.section-full .page-nav ul:after,
.section-columns:after,
.section-columns .column-image:after,
.section-columns .columns-title:after,
.section-columns .columns-title:after,
.section-columns ul > li:after,
.sidebar-filter form:after,
.sidebar-photo:after,
.sidebar-item:after,
.page:after,
.page-group-sm:after, .page-group-sm > div:after,
.page-group:after, .page-group > div:after,
.page-group.page-literature .resource-item:after,
.page-group.page-literature .resource-item .resource-text:after,
.page-group .page-results .results-item:after,
article.horizontal:after, div.article:after,
.article-content:after,
.color-btn:after,
.color-toggle:after,
.color-details:after,
.color-toggle .close-toggle-btn:after,
.colormatters-colorbox:after,
.color-details-text ul li:after,
.section-parallax:after,
.section-parallax:after,
.section-parallax .section-parallax-img:after,
.section-parallax .parallax-tabs:after,
.parallax-tabs-title-holder:after,
.parallax-tabs-title:after,
.parallax-tabs-content:after,
.panels:after,
.panel-item:after,
.panel-toggle:after,
input:after,
textarea:after {
  clear: both;
}
/**********************************
 *             SECTIONS            *
 **********************************/
div.page-image,
section,
.section {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}
section.nav-section{
	margin-left: 0;
	margin-right: 0;
	max-width: inherit;
}
.navbar-row-one{
	min-width: 100%;
	padding: 1em 0;
}
@media (min-width: 768px) {
	.navbar-row-one{
		/* padding: 0.5em 0 1em 0; */
	}
}
@media (max-width: 767px) {
	section.navSection{
		max-width: 100%;
	}
	nav.navbar.fixed-top,
	.navbar-fixed-top.fixed-top{
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	}
	section.navSection ul.nav.navbar-nav{
		margin-left: -15px;
		margin-right: -15px;
	}
}
#footer > div.section{
	background-color: #000;
}
.footer-image-swoosh{
	background: #000 url("https://www.valsparrefinish.mx/export/system/modules/com.automotive.refinish/resources/images/lower_large_swoosh.png") no-repeat center center;
	height: 123px;
	width: 100%;
}
#footer-image-swoosh{
	display: inline-block;
	margin-bottom: -3.5em;
	margin-top: -3em;
	max-width: 100%;
	position: relative;
}
@media (min-width: 768px) {
	#footer-image-swoosh{
		margin-right: 13em;
	}
}
.footer-swoosh{
	text-align: center;
}

.section-banner {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 35px;
  background-color: #424242;
}
.section-banner h1,
.section-banner h2,
.section-banner h3,
.section-banner h4,
.section-banner h5,
.section-banner h6,
.section-banner p {
  color: #ffffff;
  line-height: 160%;
  margin: 0;
}
.section-hr {
  padding-top: 20px;
  padding-bottom: 0;
}
.section-sidebar + .section-sidebar {
	padding-top: 0;
	padding-bottom: 20px;
}
.section-hr .container {
  border-bottom: 1px solid #CCC;
}

.section-sidebar + .section-sidebar .container{
  border-top: 1px solid #CCC;
  padding-top: 70px;
}
.section-sidebar + .section-sidebar.no-hr .container{
  border-top: none;
  padding-top: 0;
}
.section-sidebar {
  padding-top: 30px;
  padding-bottom: 30px;
}
/****** Vertical News ********/
.section-news-vertical {
  padding-top: 70px;
  padding-bottom: 70px;
}
.section-news-vertical .news-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}
.section-news-vertical .news-item-details {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  background-image: url('https://www.valsparrefinish.mx/export/system/modules/com.automotive.refinish/resources/img/Icon_Corner.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}
.section-news-vertical .news-item-img {
  position: relative;
  height: 200px;
  overflow: hidden;
}
.section-news-vertical .news-item-img img {
  width: auto;
  min-width: 100%;
  height: 100%;
}
.section-news-vertical .news-item-text {
  height: 100%;
  float: left;
  padding: 10px 20px;
}
.section-news-vertical .news-item-text p {
  line-height: 140%;
  font-size: 1em;
  margin: 0;
}
.section-news-vertical .news-item-text h2 {
  font-size: 1em;
  line-height: 150%;
  margin-top: 0;
}
/****** Call-to-Action Section ********/
.section-action {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center;
  width: 100%;
}
.section-action .btn-arrow {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.section-action.background-img {
  background-image: url('https://www.valsparrefinish.mx/export/system/modules/com.automotive.refinish/resources/img/swatch_ribbon4.png');
  background-size: 75% auto ;
  background-position: left top;
}
.section-action .action-container {
  padding: 50px 50px 80px;
  margin-left: 0;
  margin-right: 0;
}
.section-action .action-content {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0;
  margin-right: 0;
}
.section-action .action-content h3 {
  margin-bottom: 5px;
}
.section-action .action-content h2 {
  margin: 0;
}
.section-action .action-content a {
	float: none;
	margin: 0;
	text-align: center;
	width: inherit;
	/*
  margin-top: 30px;
  */
}
.section-action .action-content .action-btn-container {
  height: 100px;
}
/****** Section Full-Width ********/
.section-full {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.section-full .page-title {
  float: none;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.section-full .page-nav li {
  position: relative;
  min-height: 1px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 3px;
  display: block;
}
.section-full .page-nav li a {
  display: block;
}
.section-full .page-nav ul {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50px;
}
.section-full .page-nav ul.filter-container {
  margin-bottom: 0;
}
/****** Home Intro Section ********/
.section-home-text {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding: 30px 15px;
}
.section-home-buttons {
  float: right;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding: 80px 30px 140px 30px;
  background-image: url('https://www.valsparrefinish.mx/galleries/images/misc/homepage-intro-image.png');
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
}
.section-home-buttons li.flag-container {
  padding-bottom: 3px;
}
/****** Home Gallery Section ********/
.section-home-gallery {
	overflow: hidden;
}

.section-home-gallery .gallery-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding: 1px;
}
.section-home-gallery > .gallery-item,
.section-home-gallery > .gallery-item .gallery-item-img {
  height: 280px;
}
.gallery-item-label a:hover,
.gallery-item-label a:focus {
  background-color: rgba(0, 0, 0, 0.7);
}
/****** Section Columns ********/
section.section.section-columns > div > div > p > img{
	display: block;
	height: auto;
	width: 100%;
}
.section-columns {
  padding-bottom: 3em;
  padding-top: 3em;
}
.kustom-krew-tintup{
	margin-top: -8em;
}
#middle-right .section-columns {
	padding: 0;
	background-color: #fff;
	border: none;
}
.section-columns .column-image {
  position: relative;
  height: 200px;
  margin-left: 0;
  margin-right: 0;
}
.section-columns .image-holder {
  position: absolute;
  width: 180px;
  height: 180px;
  left: 50%;
  border: 1px solid #CCC;
  overflow: hidden;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.section-columns .image-holder img {
  height: 100%;
}
.section-columns .columns-title {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  margin-bottom: 40px;
}
.section-columns .columns-title h4{
	color: #0095da;
}
.section-columns ul > li {
  margin-left: 0;
  margin-right: 0;
}
.section-columns ul > li h2 {
  margin: 0;
}
.section-columns ul > li p {
  margin-bottom: 14px;
  line-height: 180%;
  font-size: 1em;
  padding: 10px 0 10px 0;
}
.section-columns ul > li h3 {
  margin-top: 5px;
}
.section-columns article.columns a {
  width: 100%;
}
#middle-right .section-columns > .container > article + article,
#middle-right .section-columns > .container > .row > article + article{
	border-left: none;
}
.greyBackground{
	background-color: #EEE;
}

section.section.section-columns div.container div.columns-title > p > img{
	left: -195px;
	position: relative;
	width: 1500px;
}
/**********************************
 *     SIDEBAR & PAGE STYLES      *
 **********************************/
.sidebar {
  margin-top: 2em;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.specialtyTab .sidebar {
	width: 100%;
	padding: 0 15px;
	margin: 20px auto;
	text-align: center;
}
.specialtyTab .sidebar h2, .specialtyTab .tab-pane h2  {
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0;
}
.specialtyTab .sidebar h3 {
	line-height: 1.8;
	margin: 5px;
}
.specialtyTab .container {
	width: 83.33333333%;
	margin: 60px auto;
	background-color: white;
}
.specialtyTab .container, .section-sidebar.specialtyTab .page {
	width: 100%;
	padding: 0;

}
.specialtyTab .page-tabs {
	border-left: 1px solid #CCC;
}
.specialtyTab .page-tabs .nav-tabs > li {
	width: 100%;
	margin: 0;
}
.specialtyTab .page-tabs .nav-tabs.tab2 > li {width: 50%;}
.specialtyTab .page-tabs .nav-tabs.tab3 > li {width: 33.33333333%;}
.specialtyTab .page-tabs .nav-tabs.tab4 > li {width: 25%;}
.specialtyTab .page-tabs .nav-tabs.tab5 > li {width: 20%;}
.specialtyTab .page-tabs .nav-tabs.tab6 > li {width: 16.66666667%;}
.specialtyTab .page-tabs .nav-tabs.tab7 > li {width: 14.28571429%;}

.specialtyTab .page-tabs .nav-tabs > li + li {
	border-left: 2px solid #CCC;
}
.specialtyTab .page-tabs .tab-content {
	background-color: #fff;
	padding: 25px;
	text-align: center;
}
.sidebar h5,
.sidebar a h5 {
  margin-top: 10px;
}
.sidebar p,
.sidebar a p {
  font-size: 1em;
}
.sidebar h3,
.sidebar a h3,
.sidebar h6,
.sidebar a h6 {
  margin-top: 0;
  margin-bottom: 10px;
  letter-spacing: .5px;
}
.sidebar img {
  width: 100%;
  height: auto;
}
.sidebar-group {
  margin-bottom: 30px;
  position: relative;
}
.sidebar-filter form {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px;
}
.sidebar-filter input,
.sidebar-filter select {
  width: 49.5%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.sidebar-filter .clear {
  position: absolute;
  right: 0;
  top: 4px;
}
.sidebar-photo {
  position: relative;
  width: 100%;
  max-height: 120px;
  overflow: hidden;
  margin: 0 0 5px 0;
}
.sidebar-item {
  position: relative;
  margin: 10px 0;
  width: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.sidebar-item:hover,
.sidebar-item:focus {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /* zoom: 1; */
}
.sidebar-text{
	color: black;
	margin-bottom: 2em;
}
/****** Page Styles ********/
.page {
  margin-left: 0;
  margin-right: 0;
}
.section-sidebar .page {
  position: relative;
  float: right;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.page-group-sm,
.page-group, .page-group > div, .page-group-sm > div {
  margin: 0 0 20px;
}
.page-group .page-title h2,
.page-group-sm .page-title h2 {
  line-height: 140%;
  margin: 0;
}
.page-group .page-title {
  margin-top: 20px;
}
.page-group-sm .page-title {
  margin-top: 0;
}
.page-title-actions {
	margin: 0;
}
.page-title-actions span a,
.page-title-actions span h3 {
  line-height: 12px;
  padding: 0;
  margin: 0;
}
.page-title-actions span a{
	border: none;
	clear: both;
	float: left;
	padding: 0.5em 0;
}
.page-group .page-actions {
  margin-bottom: 80px;
}
.page-group .page-image img, .page-group-sm .page-image img {
  width: 100%;
  max-width: 825px;
}
.page-group .page-controls {
  padding: 0;
}
.page-group .page-controls a {
  font-size: 1em;
}
.page-group .page-controls a:hover,
.page-group .page-controls a:focus {
  color: #222;
}
.page-group .page-controls a .glyphicon {
  font-size: 1em;
  top: -1px;
  margin: 2px;
}
.page-group .page-controls .divider.dropdown-divider {
  border-left: 1px solid #CCC;
  margin-left: 10px;
  padding-left: 10px;
}
.page-group .keywords {
  margin: 0;
  line-height: 180%;
  font-size: 1em;
}
.page-group .page-text-sm p {
  margin-bottom: 14px;
  line-height: 180%;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.page-group .page-text-sm h3 {
  margin: 0;
}
.page-group .page-text-sm h4 {
  margin-bottom: 30px;
}
/****** Innovate ********/
.page.page-innovate .page-title h1, .strongH1 {
  letter-spacing: 1px;
  line-height: 150%;
  margin-top: 0;
  padding: 0;
}
.page-group .page-colormatters h1 {
  margin: 0 0 10px 0;
}
.page-group .page-colormatters h3 {
  margin: 0;
}
.colorMatters:nth-of-type(odd) {
	border: 1px solid #CCC;
}
.colorMatters .sidebar {
	padding-left: 0;
	padding-right: 40px;
	margin-bottom: 30px;
	position: relative;
}
h1.blue, .sidebar.blue h1,
h2.blue, .sidebar.blue h2, h2.blue sup,
h3.blue,
h4.blue,
h5.blue,
h6.blue {
  color: #006b9d;
}
h1.dkblue, .sidebar.dkblue h1,
h2.dkblue, .sidebar.dkblue h2,
h3.dkblue,
h4.dkblue,
h5.dkblue,
h6.dkblue {
  color: #113454;
}
h1.purple, .sidebar.purple h1,
h2.purple, .sidebar.purple h2,
h3.purple,
h4.purple,
h5.purple,
h6.purple {
  color: #2e3180;
}
h1.red, .sidebar.red h1,
h2.red, .sidebar.red h2, .specialtyTab .page-tabs .tab-pane h2,
h3.red,
h4.red,
h5.red,
h6.red {
  color: #df1c24;
}
h1.green, .sidebar.green h1,
h2.green, .sidebar.green h2,
h3.green,
h4.green,
h5.green,
h6.green {
  color: #778800;
}
/****** Product Page ********/
.page-group .product-specs {
  margin-bottom: 30px;
}
.page-group .product-specs .specs-sheet-holder {
  float: left;
  display: none;
  position: relative;
  min-height: 1px;
  padding: 0;
  overflow: hidden;
}
.product .filter-container {
	margin-bottom: 1em;
}
.product .filter-container button {
	background-color: rgba(100,100,100,.85);
	color: #fff;
	font-size: 	1em;
	border: 1px solid #CCC;
	margin-right: -4px;
	padding: 14px 10px;
}
.product .filter-container button:hover,
.product .filter-container button:focus {
	background-color: rgba(0,0,0,.7);
}

.product .filter-container button.active {
	background-color: #001B96;
}
.product .footnote p {
	font-size: 1em;
	margin-bottom: 0px;
}
.page-group .product-specs .specs-sheet-holder img {
  width: 100%;
}
.page-group .product-specs .specs-sheet-text {
  position: absolute;
  width: 100%;
  padding: 5px 15px 15px 15px;
  top: 50%;
  left: 50%;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.page-group .product-specs .specs-sheet-text:hover,
.page-group .product-specs .specs-sheet-text:focus {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background-color: rgba(223, 28, 36, 0.85);
}
.page-group .product-specs .specs-data-holder {
  float: right;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 0;
}
.specs-data .coatingIcon:first-child{
	margin-left:5px;
}
.page-group .product-specs .specs-data {
  background-color: #f0f0f0;
  padding: 10px 20px;
}
.page-group .product-specs .specs-data table {
  width: 100%;
}
.page-group .product-specs .specs-data tr {
  border-bottom: 1px solid #CCC;
  width: 100%;
}
.page-group .product-specs .specs-data tr:last-child {
  border-bottom: none;
}
.page-group .product-specs .specs-data td {
  font-size: 1em;
  padding: 3px 25px 2px 0;
  vertical-align: center;
}
.page-group .product-specs .specs-data td:first-child {
  font-size: 1em;
  letter-spacing: 1px;
  line-height: 150%;
  width: 60%;
}
.page-group .product-specs .specs-data td:nth-child(2n){
	width: 30%;
}
.page-group .product-specs .specs-data td:nth-child(3n){
	width: 10%;
}
.page-tabs .nav-tabs {
  width: 100%;
  display: block;
  border: none;
  text-indent: 0;
}
.page-tabs .nav-tabs > li {
  padding: 0;
  margin: 1px 2px 1px 0;
}
.page-tabs .nav-tabs > li a {
  width: 100%;
  height: 50px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: 30px;
  padding: 10px 15px;
  background-color: #333333;
  font-size: 1em;
}
.product .page-tabs {
	margin-top: 3em;
}
.product .page-tabs .nav-tabs > li a {
	line-height: 1.2;
	height: 60px;
}
.page-tabs .nav-tabs li.active a {
  background-color: #001B96;
  border: none;
}
.page-tabs .nav-tabs > li > a:hover,
.page-tabs .nav-tabs > li > a:focus,
.page-tabs .nav-tabs > li.active > a,
.page-tabs .nav-tabs > li.active > a:focus,
.page-tabs .nav-tabs > li.active > a:hover {
  background-color: #001B96;
  color: #222;
  border: none;
}
.page-tabs .tab-content .tab-pane {
  background-color: #f0f0f0;
  width: 100%;
  padding: 25px;
}
.page-tabs .tab-content .zeroHeight {
	padding: 0;
}
/****** Innovate ********/
.page-group .page-columns {
  margin: 0 -15px 50px;
}
.page-group .page-columns .btn-arrow {
  width: 100%;
}
.page-group .page-columns h3, #middle-right .section-columns .columns h3 {
  width: 100%;
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}
/****** Contact Page ********/
.page-group .page-form {
  margin-left: -15px;
  margin-right: -15px;
}
.img-max-width-100-percent{
	max-width: 100%;
}
div.optinCheckbox input[type=checkbox]{
	display: inline;
	float: left;
	height: 1em;
	margin-right: 1em;
	margin-top: 2px;
	width: 1em;
}
div.optinCheckbox label{
	width: 90%; /* fallback if needed */
	width: calc(100% - 2em);
}
.g-recaptcha{
	padding-bottom: 2em;
	text-align: center;
}
.g-recaptcha > div{
	width: 100%;
}
.thankYou img{
	margin-bottom: 2em;
}
/****** Resources Page ********/
.page-group.page-resources {
  float: left;
  width: 100%;
  min-height: 1px;
  padding: 0;
  position: relative;
}
.page-group.page-resources h3 {
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px solid #CCC;
  position: relative;
}
.page-group.page-resources h5 {
  margin: 10px 0;
  padding: 0 1em;
}
.page-group.page-resources.page-resources-share-version h5 {
  padding-left: 0;
}
.page-group.page-resources.page-resources-share-version h5 {
  line-height: 150%;
  margin-bottom: 10px;
  margin-top: 10px;
}
.midRight .section-columns .columns {
	margin-bottom: 2em;
}
.page-group.page-literature {
  margin-bottom: 0;
  width: 105% !important;
}
.page-group.page-literature h3 {
  width: 95% !important;
}
.page-group.page-literature ul {
	background-color: #001B96;
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-indent: 0;
	width: 100%;
}
.page-group.page-literature ul li {
  display: inline-block;
  float: left;
  margin: 0;
  min-height: 1px;
  padding: 0.5em 0;
  position: relative;
  width: 50%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.page-group.page-literature ul li:hover,
.page-group.page-literature ul li:focus {
	background-color: #222;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
.page-group.page-literature ul a,
.page-group.page-literature ul a span {
  font-size: 1em;
  padding: 0.5em 0;
}
.page-group.page-literature ul li + li {
  border-left: 1px solid #CCC;
}
.page-group.page-literature .resource-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 40px;
  position: relative;
  width: 50%;
}
.page-group.page-literature .resource-item img {
	width: 100%;
}
.page-group.page-literature .resource-item img {
  width: 100%;
}
.page-group.page-literature .resource-item .resource-img {
  float: left !important;
  display: block;
  position: relative;
}
.page-group.page-literature.page-resources-share-version .resource-item .resource-img .resource-links{
	display: inline-block;
	float: left;
}
.page-group.page-literature .resource-item .resource-img .resource-links{
	display: none;
}
.page-group.page-literature .resource-item .resource-img .resource-text {
	background-color: white;
	margin: 0;
	position: absolute;
	top: 100px;
	width: 100%;
}
.page-group.page-literature.page-resources-share-version .resource-item .resource-text {
	clear: both;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.page-group.page-literature .resource-item .resource-img .resource-text h5:after{
	content: '>';
	left: 0.25em;
	position: relative;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
.page-group.page-literature .resource-item .resource-img:hover .resource-text h5:after,
.page-group.page-literature .resource-item .resource-img:focus .resource-text h5:after{
	left: 0.5em;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}

/**********************************
 *       HORIZONTAL ARTICLE       *
 **********************************/
div.article,
article.horizontal {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
div.article:hover,
div.article:focus,
div.small-tile:hover,
div.small-tile:focus,
article.horizontal:hover,
article.horizontal:focus {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.article-img {
  float: left;
  height: 150px;
  min-height: 1px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.article-img img {
  width: 100%;
  height: auto;
  min-height: 235px;
}
.article-content {
	color: black;
  float: left;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  min-height: 1px;
  padding: 10px 30px 10px 20px;
  position: relative;
  width: 100%;
}
.article-content p {
  margin-bottom: 14px;
  line-height: 180%;
  font-size: 1em;
}
.article-content h3:before {
  font-size: 1em;
  padding-right: 6px;
}
.article-content p span.more {
  font-size: 1em;
}
.article-content h2 {
  line-height: 120%;
}
.article-content span{
	color: #FF9100;
	display: inline-block;
	font-family: 'Archivo Black', sans-serif;
	font-size: 0.9em;
	padding-top: 1em;
	text-transform: uppercase;
}
.article-content .date{
	display: none;
}
@media (min-width: 992px) {
	.article-content .date{
		background-color: white;
		bottom: 0;
		display: inherit;
		font-size: 1.25em;
		padding-bottom: 0.75em;
		position: absolute;
		width: 100%;
	}
	.article-content .date span{
		color: inherit;
		font-family: inherit;
		padding-top: 0.5em;
	}
	.article-content .date span.pdficon{
		border-right: 1px solid gray;
		color: #CCC;
		margin-right: 0.5em;
		padding-right: 1em;
		padding-top: 0;
	}
	.article-content .date span.pdficon > i.fa.fa-file{
		color: gray;
	}
}
.article-corner {
  bottom: 10px;
  left: 20px;
}
.article-corner h6 {
  position: relative;
  line-height: 12px;
  margin: 0;
}
.article-corner th {
  padding-right: 10px;
}
.article-corner td {
  cell-padding: 20px;
  padding-right: 5px;
  vertical-align: bottom;
}
.article-corner h3 {
  margin: 0;
}
.article-corner ul {
  padding: 0;
}
.article-corner ul li {
  padding-left: 2px;
  display: inline-block;
}
.page-products-toggle .featured-toggle {
  display: none;
}
/**********************************
 *            COLORS              *
 **********************************/
.color {
  margin-bottom: 20px;
}
.color-btn {
  margin-left: 0;
  margin-right: 0;
  background-color: #fcfcfc;
  overflow: hidden;
  cursor: pointer;
  background-image: url('https://www.valsparrefinish.mx/export/system/modules/com.automotive.refinish/resources/img/Icon_Arrow_Thin_Left.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.color-btn:hover,
.color-btn:focus {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
.color-btn h2 {
  float: left;
  line-height: 85px;
  margin: 0;
  height: 90px;
  padding: 0 30px 0 30px;
}
.color-toggle {
  border-bottom: 1px solid #CCC;
  display: none;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
}
.color-details {
  margin-left: 0;
  margin-right: 0;
}
.color-details-block {
  height: 150px;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 10px solid #CCC;
  border-bottom: 10px solid #CCC;
}
.tooltip.bottom {
  max-width: 120px;
  margin: 0;
  padding: 0;
}
.tooltip-arrow {
  display: none !important;
}
.color-toggle .close-toggle-btn {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  position: relative;
  cursor: pointer;
  top: 10px;
}
.color-toggle .close-toggle-btn span {
  width: 40px;
  height: 20px;
  line-height: 30px;
  font-size: 1em;
  background-color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.color-box{
  border: 1px solid #CCC;
  float: left;
  height: 80px;
  margin-right: 80%;
  width: 20%;
}
.color-box-text{
	margin-left: 9.5em;
	min-height: 70px;
	width: 300%;
}
.color-box-text h3{
	margin-bottom: 0;
	margin-top: 1.5em;
}
.color-box-text h4{
	margin-bottom: 0;
	margin-top: 0;
}
.color-box.active {
  border: 4px solid #CCC;
  border-bottom: none;
}
.colormatters-colorbox {
  margin-left: 0;
  margin-right: 0;
  margin-top: 50px;
}
.colormatters-colorbox .color-box {
	cursor: pointer;
}
.color-details-text-wrapper {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding: 0 30px;
}
.color-details-text {
  position: relative;
  padding: 20px 0;
  width: 100%;
}
.color-details-text ul {
  list-style: none;
  text-indent: 0;
  margin: 0;
  padding: 0;
}
.color-details-text ul li {
  line-height: 150%;
  margin: 5px 0;
  width: 100%;
}
.color-details-text ul li.name {
  font-size: 1em;
}
.color-details-text ul li.products {
  font-size: 1em;
  letter-spacing: 1px;
}
.color-details-text ul li.number {
  font-size: 1em;
}
.color-details-text ul li.specs {
  font-size: 1em;
  letter-spacing: 1px;
  margin-top: 20px;
}
.color-details-text ul li.spec-details {
  margin-bottom: 60px;
  font-size: 1em;
}
.color-details-text ul li.button a {
  position: absolute;
  bottom: 20px;
  left: 0;
}
.color-btn-ribbon {
  float: left;
  height: 90px;
  border-width: 0 20px;
  border-style: solid;
  width: 60px;
}
.color-sm .color-btn-ribbon {
  float: left;
  height: 45px;
}
.other .color-btn-ribbon,
.white .color-btn-ribbon{
  border-left-color: #b3b3b3;
  background-color: #d9d9d9;
  border-right-color: #e8e8e8;
}
.black .color-btn-ribbon {
  border-left-color: #333333;
  background-color: #424242;
  border-right-color: #7f7f7f;
}
.yellow .color-btn-ribbon {
  border-left-color: #dca224;
  background-color: #d4ac7a;
  border-right-color: #e0d0b3;
}
.red .color-btn-ribbon {
  border-left-color: #70061a;
  background-color: #ae2513;
  border-right-color: #c55e10;
}
.green .color-btn-ribbon {
  border-left-color: #003a2c;
  background-color: #778800;
  border-right-color: #b29b2e;
}
.blue .color-btn-ribbon {
  border-left-color: #2e3180;
  background-color: #5357c1;
  border-right-color: #0071ae;
}
.brown .color-btn-ribbon {
  border-left-color: #603813;
  background-color: #735241;
  border-right-color: #ad836d;
}
.bronze .color-btn-ribbon {
  border-left-color: #603813;
  background-color: #735241;
  border-right-color: #ad836d;
}
.metallic .color-btn-ribbon {
  border: none;
  background-image: url('https://www.valsparrefinish.mx/export/system/modules/com.automotive.refinish/resources/img/Color-Btn-Metallic.jpg');
  background-size: 100% 100%;
}
.pearlescent .color-btn-ribbon {
  border: none;
  background-image: url('https://www.valsparrefinish.mx/export/system/modules/com.automotive.refinish/resources/img/Color-Btn-Pearlescent.jpg');
  background-size: 100% 100%;
}
/**********************************
 *      INDUSTRIES / PROJECTS     *
 **********************************/
ul.filter-container .filter.active,
ul.filter-container .filter:focus {
  background-color: #424242;
  color: #ffffff;
}
ul.filter-container {
  text-indent: 0;
  list-style: none;
}
ul.filter-container li {
  display: inline-block;
  width: auto;
  margin: 0 1px 3px 0;
}
ul.filter-container .filter {
  display: block;
  padding: 0 20px;
  background-color: #e8e8e8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  line-height: 30px;
  height: 30px;
  color: #333333;
  font-size: 1em;
}
ul.filter-container .filter:hover,
ul.filter-container .filter:focus {
  background-color: #001B96;
  color: #ffffff;
  cursor: pointer;
}
.project.page-group .specs-data table td:last-child{
	display: none;
}
/**********************************
 *         GALLERY           *
 **********************************/
.gallery-height-sm {
  height: 200px;
}
.gallery-height-lg {
  height: 280px;
}
.page-gallery {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
}
.page-gallery h3 {
  margin-left: 15px;
}
.page-gallery .gallery-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  height: 200px;
  margin-bottom: 5px;
}
.gallery-height-sm {
  height: 200px;
}
.gallery-height-lg {
  height: 280px;
}
.page-image .gallery-item {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  height: 200px;
  padding: 1px;
}
.gallery-item-content {
  position: relative;
}
.gallery-item-details {
  position: relative;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.gallery-item-img {
  padding: 0;
  width: 100%;
  height: 200px;
}
.gallery-item-img img {
  min-width: 100%;
  height: 100%;
  width: auto;
}
.gallery-item-text {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  padding: 20px 30px 20px 30px;
  background-color: rgba(255, 255, 255, 0.95);
  text-align: left;
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
}
.gallery-item-text p {
  font-size: 1em;
  margin: 0;
}
.gallery-item-text h3 {
  margin: 0;
}
.gallery-item-text:hover,
.gallery-item-text:focus {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  zoom: 1 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
.page-gallery .mix {
  display: block;
}
.gallery-item-label {
  background-color: rgba(119, 136, 0, 0.8);
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  padding: 20px 30px 0 30px;
}
.gallery-item-label p {
  font-size: 1em;
}
.gallery-item-label h1,
.gallery-item-label h2,
.gallery-item-label h3 {
  margin: 0 0 5px 0;
}
.gallery-item-label .btn-color {
  margin-top: 10px;
  background-color: #a4bb00;
}
.gallery-label-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: 0;
  right: 0;
  margin-left: 30px;
  margin-right: 30px;
}
/**********************************
 *         SECTION PARALLAX      *
 **********************************/
.parallax-lg {
  height: 500px;
}
.parallax-sm {
  height: 280px;
}
.section-parallax {
  background: transparent;
  position: relative;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-top: 5px solid #CCC;
}
.section-parallax .section-parallax-img {
  margin-left: 0;
  margin-right: 0;
  height: 500px;
}
.section-parallax .parallax-content {
  position: relative;
  display: block;
}
.section-parallax .parallax-content h1 {
  margin-top: 0;
  text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
}
.section-parallax .parallax-content ul {
  margin: 0;
  padding: 0;
}
.section-parallax .parallax-content h3,
.section-parallax .parallax-content h4,
.section-parallax .parallax-content h5,
.section-parallax .parallax-content p,
.section-parallax .parallax-content li {
  border-left: 1px solid #CCC;
  padding: 1px 5px 1px 20px;
  margin: 0;
  text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
}
.section-parallax .parallax-content h2 {
  color: white;
  letter-spacing: 1px;
  line-height: 150%;
  margin: 15px 0 20px 0;
}
.section-parallax .parallax-content h3 {
  margin: 0;
  color: white;
}
.section-parallax .parallax-content p {
  line-height: 200%;
  color: white;
  font-size: 1.4em;
}
.section-parallax .parallax-content a.btn-color {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 30px;
}
.section-parallax .parallax-content a.btn-color:hover,
.section-parallax .parallax-content a.btn-color:focus {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.7);
}
.section-parallax .parallax-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: 0;
  right: 0;
  margin-left: 30px;
  margin-right: 30px;
}
.parallax-video-wrapper,
.parallax-left,
.parallax-right {
  height: 500px;
  text-align: left;
}
.parallax-left,
.parallax-right {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 400px;
}
.parallax-wide {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.parallax-video-wrapper .parallax-left,
.parallax-left {
  float: left !important;
  left: 0;
}
.parallax-video-wrapper .parallax-right,
.parallax-right {
  float: right !important;
  right: 0;
}
.parallax-video-wrapper {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
}
.parallax-video-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%;
  border: 5px solid #CCC;
}
.section-parallax .btn-color {
  width: 100%;
}
.form-submit.btn{
	text-align: center;
	text-transform: uppercase;
}
.parallax-blue {
  background-color: rgba(0, 113, 174, 0.8);
}
.parallax-blue .btn-color {
  background-color: #00507b;
}
.parallax-dkblue {
  background-color: rgba(17, 52, 84, 0.8);
}
.parallax-dkblue .btn-color {
  background-color: #081a2a;
}
.parallax-green {
  background-color: rgba(119, 136, 0, 0.8);
}
.parallax-green .btn-color {
  background-color: #a4bb00;
}
.parallax-red {
  background-color: rgba(112, 6, 26, 0.8);
}
.parallax-red .btn-color {
  background-color: #b2161d;
}
.parallax-black {
  background-color: rgba(34, 34, 34, 0.85);
}
.parallax-black .btn-color {
  background-color: rgba(66, 66, 66, 0.85);
}
.parallax-grey {
  background-color: rgba(51, 51, 51, 0.85);
}
.parallax-grey .btn-color {
  background-color: rgba(179, 179, 179, 0.85);
}
.parallax-mdgrey {
  background-color: rgba(66, 66, 66, 0.8);
}
.parallax-mdgrey .btn-color {
  background-color: rgba(66, 66, 66, 0.85);
}
.parallax-mdgrey .btn-color {
  background-color: rgba(66, 66, 66, 0.85);
}
.parallax-purple {
  background-color: rgba(46, 49, 128, 0.85);
}
.parallax-purple .btn-color {
  background-color: rgba(86, 89, 168, 0.85);
}
.parallax-aqua {
  background-color: rgba(9, 137, 129, 0.85);
}
.parallax-aqua .btn-color {
  background-color: #0cb9ae;
}
.section-parallax .parallax-tabs, .block-tabs {
  width: 83.33333333%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: white;
  min-height: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-parallax .parallax-tabs h2 {
  letter-spacing: 1px;
  line-height: 150%;
  margin: 0;
}
.section-parallax .parallax-tabs h3 {
  margin: 5px;
  line-height: 180%;
}
.parallax-tabs-title-holder {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  min-height: 250px;
}
.parallax-tabs-title {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.parallax-tabs-content {
  border-left: 1px solid #CCC;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: right !important;
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding: 0;
}
.parallax-tabs-content .tab-pane {
  position: relative;
  min-height: 190px;
}
.parallax-tabs-content .tab-pane-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  padding: 10px 20%;
}
.parallax-tabs .nav-tabs {
  width: 100%;
  display: block;
  height: 60px;
  border: none;
}
.parallax-tabs .nav-tabs > li {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}
.parallax-tabs .nav-tabs > li + li {
  border-left: 2px solid #CCC;
}
.parallax-tabs .nav-tabs > li a {
  background-color: #333333;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 1em;
  height: 50px;
  letter-spacing: 1px;
  line-height: 150%;
  line-height: 30px;
  padding: 10px;
  width: 100%;
}
.parallax-tabs .nav-tabs ul li.active a {
  background-color: #001B96;
  color: white;
  border: none;
}
.parallax-tabs .nav-tabs > li > a:hover,
.parallax-tabs .nav-tabs > li > a:focus,
.parallax-tabs .nav-tabs > li.active > a,
.parallax-tabs .nav-tabs > li.active > a:focus,
.parallax-tabs .nav-tabs > li.active > a:hover {
  background-color: #001B96;
  color: white;
  border: none;
}
/**********************************
 *        Color Variables         *
 **********************************/
/****** Background Colors ********/
.background-blue,
.background-dkblue,
.background-green,
.background-red,
.background-black,
.background-grey,
.background-mdgrey,
.background-purple,
.background-aqua,
.background-navy {
  padding-top: 60px !important;
  padding-bottom: 40px !important;
}
.background-blue h1,
.background-dkblue h1,
.background-green h1,
.background-red h1,
.background-black h1,
.background-grey h1,
.background-mdgrey h1,
.background-purple h1,
.background-aqua h1,
.background-navy h1,
.background-blue h2,
.background-dkblue h2,
.background-green h2,
.background-red h2,
.background-black h2,
.background-grey h2,
.background-mdgrey h2,
.background-purple h2,
.background-aqua h2,
.background-navy h2,
.background-blue h3,
.background-dkblue h3,
.background-green h3,
.background-red h3,
.background-black h3,
.background-grey h3,
.background-mdgrey h3,
.background-purple h3,
.background-aqua h3,
.background-navy h3,
.background-blue h4,
.background-dkblue h4,
.background-green h4,
.background-red h4,
.background-black h4,
.background-grey h4,
.background-mdgrey h4,
.background-purple h4,
.background-aqua h4,
.background-navy h4,
.background-blue h5,
.background-dkblue h5,
.background-green h5,
.background-red h5,
.background-black h5,
.background-grey h5,
.background-mdgrey h5,
.background-purple h5,
.background-aqua h5,
.background-navy h5,
.background-blue h6,
.background-dkblue h6,
.background-green h6,
.background-red h6,
.background-black h6,
.background-grey h6,
.background-mdgrey h6,
.background-purple h6,
.background-aqua h6,
.background-navy h6,
.background-blue p,
.background-dkblue p,
.background-green p,
.background-red p,
.background-black p,
.background-grey p,
.background-mdgrey p,
.background-purple p,
.background-aqua p,
.background-navy p {
  color: #ffffff;
}
.background-blue p,
.background-dkblue p,
.background-green p,
.background-red p,
.background-black p,
.background-black p sup,
.background-grey p,
.background-mdgrey p,
.background-purple p,
.background-aqua p,
.background-navy p {
  color: #f0f0f0;
}
.background-blue a.btn-color,
.background-dkblue a.btn-color,
.background-green a.btn-color,
.background-red a.btn-color,
.background-black a.btn-color,
.background-grey a.btn-color,
.background-mdgrey a.btn-color,
.background-purple a.btn-color,
.background-aqua a.btn-color,
.background-navy a.btn-color {
  margin-top: 10px;
  margin-bottom: 20px;
}
.background-blue {background-color: rgba(0, 113, 174, 0.8);}
.background-dkblue {background-color: rgba(17, 52, 84, 0.8);}
.background-green {background-color: rgba(119, 136, 0, 0.8);}
.background-red {background-color: rgba(112, 6, 26, 0.8);}
.background-black {background-color: rgba(34, 34, 34, 0.85);}
.background-grey {background-color: rgba(51, 51, 51, 0.85);}
.background-mdgrey {background-color: rgba(66, 66, 66, 0.8);}
.background-purple {background-color: rgba(46, 49, 128, 0.85);}
.background-aqua {background-color: rgba(9, 137, 129, 0.85);}
.background-navy {background-color: #002f48;}
.background-ltgrey {
	background-color: #f0f0f0;
	border: 1px solid #CCC;
}

/*****************************
 *    BUTTON STYLES     *
 *****************************/
.btn {
  display: inline-block;
  text-align: left;
  font-size: 1em;
  border: none;
  padding: 5px 15px;
  height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.card .btn{
	height: inherit;
	min-height: 40px;
}
.btn-text-sm,
.btn-text {
  display: inline-block;
}
.btn-text-sm:hover,
.btn-text-sm:focus,
.btn-text:hover,
.btn-text:focus {
  color: #70061a;
}
.btn-white {
  background-color: white;
	border: 1px solid #CCC;
  color: #333333;
  overflow: hidden;
  width: 100%;
}
.btn-white:hover,
.btn-white:focus {
  background-color: #f0f0f0;
  color: #000000;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn-centered{
	text-align: center;
}
.btn-arrow {
  overflow: hidden;
  margin-bottom: 3px;
}
a.btn-arrow[data-link=jump]:after {
  content: "\e134";
  font-size: 1em;
}
.btn-download:before {
  font-family: 'Glyphicons Halflings';
  content: "\e166";
  font-size: 1em;
  padding-right: 6px;
}
.btn-download:hover,
.btn-download:focus {
  color: #70061a;
}
.btn-go:hover,
.btn-go:focus {
  color: #001B96;
}
.btn-go:after {
  font-family: 'Glyphicons Halflings';
  content: "\e258";
  font-size: 1em;
  padding-left: 10px;
}
.btn-video:before {
  position: relative;
  font-family: 'Glyphicons Halflings';
  content: "\e059";
  padding-right: 10px;
  font-size: 1em;
  top: 2px;
}
.btn-press:before,
.btn-document:before {
  position: relative;
  font-family: 'Glyphicons Halflings';
  content: "\e022";
  padding-right: 10px;
  font-size: 1em;
  top: 2px;
}
.btn-event:before {
  position: relative;
  font-family: 'Glyphicons Halflings';
  content: "\e109";
  padding-right: 10px;
  font-size: 1em;
  top: 2px;
}
.btn-divider:after {
  content: "|";
  font-size: 1em;
  padding: 0 10px;
}
.btn-filter {
  line-height: 150%;
  letter-spacing: 1px;
  font-size: 1em;
  width: 100%;
  overflow: hidden;
  margin-bottom: 3px;
  color: white;
  background-color: #333333;
}
.btn-filter:after {
  float: right !important;
  font-family: 'Glyphicons Halflings';
  content: "\e258";
  font-size: 1em;
  padding-left: 30px;
}
.btn-filter:hover,
.btn-filter:focus,
.btn-filter:visited {
  color: white;
  background-color: #7f7f7f;
}
.btn-right {
  float: right;
  margin: 0 10px;
  padding: 0;
}
.sidebar-group .btn-arrow.btn-white {
  margin-bottom: 2px;
}
.sidebar-group .btn-arrow.btn-white.active {
  background-color: black;
  color: white;
}
.featured-btn {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding: 5px 10px 5px 15px;
  background-color: white;
  font-size: 1em;
  line-height: 30px;
  letter-spacing: 0;
  text-align: left;
  border: none;
   -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.featured-btn:after {
  float: right !important;
  font-family: 'Glyphicons Halflings';
  content: "\e258";
  font-size: 1em;
  padding-left: 30px;
}
.featured-btn:hover,
.featured-btn:focus {
  background-color: #f0f0f0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.featured-btn img {
  height: 25px;
  padding: 0;
  margin: 0;
  top: -5px;
  position: relative;
}
.btn-inline-submit {
  width: 100%;
  height: 45px;
  color: #ffffff;
  background-color: rgba(34, 34, 34, 0.85);
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 3px;
  line-height: 40px;
}
.btn-inline-submit:hover,
.btn-inline-submit:focus {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn-inline-submit:after {
  float: right !important;
  font-family: 'Glyphicons Halflings';
  content: "\e258";
  font-size: 1em;
  padding-left: 30px;
}
/****** Btn Colors ********/
.btn-color {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.85);
}
.btn-color:hover,
.btn-color:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
/*
.btn-blue,
.btn-dkblue,
.btn-green,
.btn-red,
.btn-black,
.btn-grey,
.btn-mdgrey,
.btn-purple,
.btn-aqua,
.btn-orange,
*/
.btn-black,
.btn-darkGray,
.btn-infrastructure,
.btn-marine,
.btn-mining,
.btn-oilAndGas,
.btn-oem,
.btn-power,
.btn-waterAndWasetwater {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.85);
}
/*
.btn-blue:hover, .btn-blue:focus,
.btn-dkblue:hover, .btn-dkblue:focus,
.btn-green:hover, .btn-green:focus,
.btn-red:hover, .btn-red:focus,
.btn-black:hover, .btn-black:focus,
.btn-grey:hover, .btn-grey:focus,
.btn-mdgrey:hover, .btn-mdgrey:focus,
.btn-purple:hover, .btn-purple:focus,
.btn-aqua:hover, .btn-aqua:focus,
.btn-orange:hover, .btn-orange:focus:focus,
*/
.btn-black:hover, .btn-black:focus,
.btn-darkGray:hover, .btn-darkGray:focus,
.btn-infrastructure:hover, .btn-infrastructure:focus,
.btn-marine:hover, .btn-marine:focus,
.btn-mining:hover, .btn-mining:focus,
.btn-oilAndGas:hover, .btn-oilAndGas:focus,
.btn-oem:hover, .btn-oem:focus,
.btn-power:hover, .btn-power:focus,
.btn-waterAndWasetwater:hover, .btn-waterAndWasetwater:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.btn-black, .flagColor-black {background-color: #000000;}
.btn-darkGray, .flagColor-darkGray {background-color: #999999;}
.btn-infrastructure, .flagColor-infrastructure {background-color: #7AB800;}
.btn-marine, .flagColor-marine {background-color: #6E2585;}
.btn-mining, .flagColor-mining {background-color: #db1600;}
.btn-oilAndGas, .flagColor-oilAndGas {background-color: #0095da;}
.btn-oem, .flagColor-oem {background-color: #00B2A6;}
.btn-power, .flagColor-power {background-color: #FF9100;}
.btn-waterAndWasetwater, .flagColor-waterAndWasetwater {
  background-color: #006b9d;
}
.btn-white, .flagColor-white {background-color: #FFFFFF;}

/**********************************
 *             FLAGS              *
 **********************************/
.flag-container {
  z-index: 100;
}
.flag-container .text {
  float: left;
  width: auto;
  height: 30px;
  padding: 10px 10px;
  letter-spacing: 1px;
  text-align: left;
  color: white;
  font-size: 1em;
  background-color: rgba(0, 0, 0, 0.7);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.flag-container.flagColor-black .text,
.flag-container.flagColor-darkGray .text,
.flag-container.flagColor-infrastructure .text,
.flag-container.flagColor-marine .text,
.flag-container.flagColor-mining .text,
.flag-container.flagColor-oilAndGas .text,
.flag-container.flagColor-oem .text,
.flag-container.flagColor-power .text,
.flag-container.flagColor-waterAndWasetwater .text,
.flag-container.flagColor-white .text {
  background-color: rgba(0, 0, 0, 0);
}
.flag-container.flagColor-white .text {
  border: 1px solid #CCC;
}
.flag-container:hover,
.flag-container:focus {
  zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.list-flag, .parallax-flag {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.color-flag, .photo-flag, .sidebar-flag {
  position: absolute;
  top: 0;
  left: 0;
}
/****** Flags with Character Limit ********/
.gallery-flag {
  position: absolute;
  top: 0;
  left: 0;
}
.gallery-flag .text {
  max-width: 270px;
}
.photo-flag .text {
  max-width: 250px;
}
.sidebar-flag .text {
  max-width: 200px;
}
/****** Breadcrumbs ********/
.breadcrumb{
	background-color: transparent;
	margin: 0;
	padding: 0;
}
.breadcrumb > li.breadcrumb-item + li:before{
	color: black;
	content: '>';
	margin-left: -3px;
	padding: 0 0.5em;
}
.breadcrumb li.breadcrumb-item a{
	color: black;
	font-family: sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;
}
.breadcrumb li.breadcrumb-item a:focus,
.breadcrumb li.breadcrumb-item a:hover{
	text-decoration: underline;
}
/*****************************
 *    FOOTER STYLES     *
 *****************************/
#footer {
  width: 100%;
  background-color: #000;
  padding: 20px;
}
@media (max-width: 767px) {

}
#footer a,
#footer a:hover,
#footer a:focus {
  color: #ffffff;
}
ul.footer-nav-standard,
ul.footer-nav-mobile {
  margin-top: 40px;
  float: none;
  text-align: center;
  padding: 0;
}
ul.footer-nav-standard li,
ul.footer-nav-mobile li {
  display: inline-block;
  padding-bottom: 10px;
}
ul.footer-nav-standard a,
ul.footer-nav-mobile a {
  display: inline;
  padding: 8px 15px;
  font-size: 1em;
  letter-spacing: 1px;
  text-align: center;
}
ul.footer-nav-standard a:hover,
ul.footer-nav-standard a:focus,
ul.footer-nav-mobile a:hover,
ul.footer-nav-mobile a:focus {
  text-decoration: none;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.footer-nav {
  margin-left: 0;
  margin-right: 0;
}
ul.footer-nav-standard {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
ul.footer-nav-middle {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
ul.footer-nav-middle li {
  color: #FFF;
  display: inline;
  font-size: 1em;
  padding: 0;
}
ul.footer-nav-middle img {
  width: 25px;
  height: 25px;
}
.footer-nav-middle i.fa{
	padding: 0 0.2em;
}
ul.footer-nav-middle li + li:before {
  padding: 0 10px;
  color: #FFF;
}
.footer-nav-middle .fa{
	color: white;
	font-size: 1.5em;
	margin: 0 0.25em;
}
.footer-nav-middle .fa:hover,
.footer-nav-middle .fa:focus{
	color: #009ADA;
}
@media (max-width: 767px) {
	.footer-nav-middle .fa:hover,
	.footer-nav-middle .fa:focus{
		color: #009ADA;
	}
}
ul.footer-nav-mobile {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  display: none !important;
}
.footer-nav .automotive-logo{
	max-height: 30px;
}
@media (max-width: 767px) {
	.footer-nav .automotive-logo{
		margin: 0 auto;
		padding-top: 3px;
	}
}
.copyright p,
.disclaimer p,
.disclaimer.footer-links a{
  color: #ffffff;
  font-size: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: right;
}
.disclaimer p{
	margin-bottom: 0;
	margin-top: 1em;
  text-align: center;
}
.disclaimer{
	color: #ffffff;
	text-align: center;
}
.disclaimer.footer-links{
	display: flex;
	flex-direction: column;
}
.disclaimer.footer-links a{
	margin-right: 15px;
}
@media (min-width: 576px) {
	.disclaimer.footer-links{
		flex-direction: row;
		justify-content: center;
		padding-top: 10px;
	}
	.disclaimer.footer-links a{
		margin: 0 12px;
	}
}
/**********************************
 *        CAROUSEL STYLES         *
 **********************************/
.carousel,
.carousel .carousel-inner .item {
  overflow: hidden;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  width: 100%;
  height: auto;
}
.carousel-indicators {
  bottom: 0;
}
.carousel-indicators li {
  box-shadow: 0 0 1em 3px rgba(0, 0, 0, 0.5);
}
.carousel-control {
  background-color: rgba(0, 0, 0, 0.85);
  filter: alpha(opacity=80);
  font-size: 1em;
  height: 45px;
  line-height: 28px;
  opacity: 0;
  padding: 9px 0;
  position: absolute;
  top: 50%;
  width: 30px;
  zoom: 1;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.carousel-control-next,
.carousel-control-prev{
	max-width: 75px;
	width: 10%;
	z-index: 1000;
}
.carousel-control-next:hover,
.carousel-control-prev:hover{
	background-color: rgba(1,1,1,0.5);
	opacity: 1;
}

#carouselButtons{
	bottom: 0.5em;
	margin-left: 0.5em;
	position: absolute;
	z-index: 999;
}
#carouselButtons button{
	border: 1px solid black;
	font-size: 1em;
	line-height: 1.5;
	padding: 1px 5px;
}
#carousel:hover .carousel-control,
#carousel:focus .carousel-control{
  opacity: 0.8;
}
.carousel-control:hover,
.carousel-control:focus {
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
  zoom: 1 !important;
}
/****** Homepage Carousel Only ********/
.index-carousel .carousel-inner-img,
.index-carousel .carousel-inner-wrapper,
.index-carousel .carousel,
.index-carousel .carousel-inner .item {
  max-height: 700px;
}
.index-carousel .carousel-inner-img,
.index-carousel .carousel-inner-wrapper {
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px 40px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.index-carousel .carousel-inner-img {
  max-width: 500px;
}
.index-carousel .carousel-inner-img img {
  width: 100%;
}
.index-carousel .carousel-inner-wrapper {
  background-color: rgba(0, 0, 0, 0.85);
}
.index-carousel h3 {
  margin-bottom: 0;
}
.index-carousel h6 {
  margin: 0 0 0 5px;
}
.index-carousel h2 {
  margin-top: 10px;
}
.index-carousel h2:after {
  font-family: 'Glyphicons Halflings';
  content: "\e258";
  font-size: 1em;
  padding-left: 5px;
}
.index-carousel .carousel-colors {
  margin: 20px 0;
}
.index-carousel .carousel-colors .color-box {
  width: 60px;
  height: 15px;
  margin-right: 4px;
  border: none;
}
.index-carousel .carousel-colors .color-box:hover,
.index-carousel .carousel-colors .color-box:focus {
  border: 2px solid #CCC;
}
.index-carousel .carousel-control,
.index-carousel .carousel-inner-wrapper {
  top: 58%;
}
.share ul {
  margin: 0;
  padding: 0;
}
.share li {
  display: inline-block;
  margin: 2px 2px 20px 0;
  padding: 0;
}
.share img {
  width: 36px;
  top: -6px;
  padding: 0;
}
/**********************************
 *          INTRO STYLES          *
 **********************************/
.title-banner {
  background-image: url('https://www.valsparrefinish.mx/export/system/modules/com.automotive.refinish/resources/css/img/Parallax-TestFence.jpg');
  background-size: 100% auto;
  height: 0;
  overflow: hidden;
  width: 100%;
}
.title-banner:not(:first-child){
	height: 200px;
}
.title-banner div {
  position: relative;
  display: block;
  height: 350px;
  width: 100%;
}
/*****************************
 *   ACCORDIAN STYLES *
 *****************************/
.panels {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 60px;
}
.panel-banner {
  margin-top: 40px;
  padding: 10px 20px 0 20px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background-color: #0071ae;
  margin-bottom: 10px;
}
.panel-banner h2 {
  color: #ffffff;
}
.panel-banner h6 {
  margin-bottom: 30px;
  margin-top: 0;
  color: #e8e8e8;
}
.panel-item, .page-group.panels div.panel-item {
  margin-left: -15px;
  margin-right: -15px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 3px;
}
.panel-toggle {
  background-color: #fcfcfc;
  border: 1px solid #CCC;
  display: none;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: -5px;
  min-height: 1px;
  padding: 0 30px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.panel-toggle h1,
.panel-toggle h2,
.panel-toggle h3,
.panel-toggle h4,
.panel-toggle h5,
.panel-toggle h6,
.panel-toggle p {
  color: #333333 !important;
}
.panel-toggle a {
  line-height: 150%;
  letter-spacing: 1px;
  margin: 20px 0 10px 0;
  font-size: 1em;
  display: inline-block;
  color: #001b96;
}
.panel-toggle h5 a {
	margin: 0px;
}
.panel-toggle h5 p {
	color: #7f7f7f !important;
	margin: 0px;
}
.panel-toggle a img {
  position: relative;
  bottom: 4px;
  width: auto;
  height: 18px;
  margin: -2px;
}

.applicatorDiv {
	margin-bottom: 20px;
}

.applicatorRow { overflow: hidden;}

.panel-toggle a:hover,
.panel-toggle a:focus {
  color: #222;
}
.panel-toggle img {
  width: 18%;
  float: left;
  margin: 10px 20px 40px 0;
}
.panel-btn {
  background-color: black;
  color: #fff;
  float: left;
  font-size: 1em;
  margin-bottom: 3px;
  margin-top: 0;
  min-height: 1px;
  overflow: hidden;
  padding: 20px 45px;
  position: relative;
  text-indent: -15px;
  width: 100%;
  z-index: 2;
}
.panel-btn:after {
  float: right !important;
  font-family: 'Glyphicons Halflings';
  content: "\002b";
  font-size: 1em;
  padding-left: 30px;
}
.panel-btn.minus:after {
  content: "\2212";
}
.panel-btn:hover,
.panel-btn:focus {
	color: #ccc;
}
.product .panel-btn {
	background-color: #555;
	color: #fff;
	font-weight: normal;
	margin-bottom: -2px;
	padding: 12px 10px 12px 30px;
}
.aqua .panel-btn a:hover,
.aqua .panel-btn a:focus {
  color: #222;
}
.panel-btn span {
  width: 10px;
  text-align: left;
  color: #cccccc;
  display: inline-block;
}
/*****************************
 *         FORM STYLES       *
 *****************************/
.chosen-container,
.btn-group {
  margin-bottom: 4px;
  font-size: 1em;
  width: 100%;
}
.chosen-container-single .chosen-single {
  padding: 5px 10px;
  height: 40px;
  background: white;
  border: 1px solid #CCC;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices {
  padding: 5px 10px;
  border: 1px solid #CCC;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.chosen-container .chosen-results li.active-result,
.chosen-container-multi .chosen-drop .result-selected,
.chosen-container ul li {
  padding: 10px;
  font-size: 1em;
}
form#default-formatter-search-form {
    margin-top: 2em;
    max-width: 1500px;
    margin-left: 4%;
    margin-right: auto;
}
form#default-formatter-search-form input {
	max-width:70%;
	margin-right: 10px;
}
.chosen-container-multi .chosen-choices li.search-choice {
  margin: 0 4px 0 -3px;
  padding: 6px 20px 6px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  max-width: 120px;
}
.chosen-container-multi .chosen-choices li.search-choice {
  background-image: none;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  top: 7px;
}
.chosen-container-single .chosen-single div b {
  background-position: 0 9px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 9px;
}
button,
label {
  line-height: 150%;
  letter-spacing: 1px;
  font-family: sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #000;
}
.form-group {
  margin-bottom: 25px;
}
input,
textarea {
  background-color: #fff;
  border: 1px solid #000;
  font-size: 1em;
  height: 45px;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 10px ;
  width: 100%;
}
textarea{
	height: 8em;
}

/* -- Top Navigation ---------------------------------------------------------------------------- */
#menu{
	display: none;
}
li.primaryTop{
	display: none;
}
.navbar-default{
	background-color: #FFF;
	background-size: cover;
}
.navbar-default.homepage{
	background: -webkit-linear-gradient(right, rgba(0,0,0,0.6), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, rgba(0,0,0,0.6), rgba(0,0,0,1)); /* Standard syntax (must be last) */
}

nav.navbar.fixed-top{
	background-color: black;
	border-bottom: 0;
	flex-wrap: wrap;
	padding: 0 1em;
}
/*
.navbar-header{
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.6em;
	padding-top: 0.6em;
}
*/
a.navbar-search span.glyphicon.glyphicon-search{
	color: #B5B5B5;
	float: right;
	font-size: 1.5em;
	margin-top: 1.5em;
}

.navbar-light .navbar-toggler,
.navbar-light .navbar-toggler:focus{
	background-color: #000;
	border-color: #FFF;
	float: right;
	margin: 3px 0;
}
.navbar-light .navbar-toggler:hover{
	background-color: #FFF;
}
.navbar-light .navbar-toggler .navbar-toggler-icon{
	background-image: url("../images/icons/bars-white.png");
}
.navbar-light .navbar-toggler:hover .navbar-toggler-icon{
	background-image: url("../images/icons/bars-black.png");
}

.navbar-brand{
	height: 45px;
	min-width: 220px;
	padding-bottom: 0;
	padding-top: 0;
}
@media (max-width: 600px) {
	.navbar-brand{
		max-width: 220px;
		width: calc(100% - 72px);
	}
}
.navbar-default .navbar-nav{
	float: none;
	margin: 0 auto;
	max-width: 1500px;
}
.navbar-nav li.nav-item,
.navbar-default .navbar-nav > li{
	border-bottom: 2px solid black;
	position: relative;
	margin: 0;
	padding: 0;
}
/*
@media (max-width: 767px) {
	.navbar-nav li.nav-item:last-child{
		border-top: 2px solid black;
		margin-top: 0.5rem;
	}
}
*/
.navbar-nav li.nav-item .dropdown-menu.show li.nav-item{
	border: 0;
}
.navbar-nav li.nav-item .dropdown-menu.show li.nav-item.bottomSubLink{
	border-top: 1px solid #0095da;
}
.navbar-nav li.nav-item .dropdown-menu.show li.nav-item a{
	line-height: 1.5em;
}
.navbar-nav li.nav-item .dropdown-menu.show li.nav-item:hover a{
	color: #db1600;
}
.navbar-light .navbar-nav .nav-link, 
.navbar-light .navbar-nav .show>.nav-link, 
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link{
	color: white;
}
.navbar-light .navbar-nav .nav-link{
	padding: 0 1em;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover{
	border-bottom: 2px solid white;
	border-bottom: 2px solid #FF9100;
	color: white;
}
.navbar-nav > li > a,
ul.dropdown-menu > li > a{
	color: black;
	display: block;
	font-family: sans-serif;
	letter-spacing: 0.5px;
	line-height: 33px;
	padding: 0 2em;
	text-decoration: none;
	text-transform: uppercase;
}
.navbar-nav a{
	font-family: sans-serif;
}
.dropdown-item.active,
.dropdown-item:active{
	background-color: #DDD;
	color: black;
}
ul.dropdown-menu > li > a > .glyphicon{
	color: #D9DCD7;
}
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-nav > li.nav-item.active > a,
.navbar-nav > li.show > a,
ul.dropdown-menu > li > a.active{
	color: #db1600;
}

.navbar-nav > li > a{
	border-bottom: 2px solid #FFF;
}
@media (min-width: 768px) {
	.navbar-nav > li > a{
		border-bottom: 2px solid black;
	}
	.navbar-nav > li.nav-item.show > a, 
	.navbar-nav > li.nav-item > a:focus, 
	.navbar-nav > li.nav-item > a:hover, 
	.navbar-nav > li.nav-item.active  > a{
		border-bottom: 2px solid white;
	}
	/*
	.navbar-nav > li.nav-item.show > a, 
	.navbar-nav > li.nav-item:focus > a, 
	.navbar-nav > li.nav-item:hover > a, 
	.navbar-nav > li.nav-item.active  > a{
		border-bottom: 2px solid white;
	}
	*/
}
.navbar-nav > li.nav-item.show,
.navbar-nav > li.nav-item:focus,
.navbar-nav > li.nav-item:hover, 
.navbar-nav > li.nav-item.active{
	border-bottom: 2px solid black;
}
#accordionProductDetail button.btn {
	background-color: black;
	color: white;
	height: 75px;
	margin-top: 5px;
	width: 100%;
}
#accordionProductDetail button.btn sup{
	color: white;
}
#accordionProductDetail .collapse{
	border: 1px solid rgba(0,0,0,.125);
	border-top: none;
}
div#accordionProductDetail h2 .fa{
	color: white;
	float: right;
	padding: 0 1em;
}
.collapse.show{
	background-color: transparent;
}
#accordionProductDetail .collapse.show{
	background-color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	background-color: #e7e7e7;
	color: black;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
	background-color: #e7e7e7;
	color: #db1600;
}
@media (min-width: 768px) {
	section.nav-section{
	/* ul.navbar-nav{ */
		border-top: 5px solid black;
		margin-top: 0.5rem;
	}
	.navbar-nav li.nav-item{
		border-bottom: 2px solid black;
		position: relative;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
		background-color: white;
	}
	.bottomSubLink{
		border-top: 2px solid #CCC;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav > li.open > a{
		border-bottom-color: #CCC;
	}
}
.glyphicon-menu-left:before,
.glyphicon-menu-right:before{
	color: black;
}
div.playpause{
	z-index: 1020;
}
#carousel .glyphicon-menu-left:before,
#carousel .glyphicon-menu-right:before{
	color: white;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus .glyphicon-menu-left:before,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover .glyphicon-menu-left:before,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus .glyphicon-menu-right:before,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover .glyphicon-menu-right:before {
	color: #db1600;
}
ul.dropdown-menu{
	font-size: 1em;
	padding-bottom: 0;
	padding-top: 0;
}
ul.dropdown-menu li.divider.dropdown-divider{
	display: none;
}
#myNavbar{
	background-color: #222222;
}
#myNavbar .dropdown{
	background-color: #222222;
	left: 0;
}
.navbar-default .navbar-nav.others > li{
	padding: 0;
}
.navbar-default .navbar-nav.others > li > a{
	border: none;
	color: #CCCCCC;
	font-size: 1em;
}
.navbar-default .navbar-nav.others > li > a:after{
	float: none;
	margin-left: 10px;
}

/* language dropdown styles */
.primaryTop.language{
	background: transparent url('../../../com.valspar.common/resources/img/globe-na.png') no-repeat 0 3px;
	line-height: 3em;
	padding-left: 35px;
	position: relative;
	z-index: 5000;
}
.primaryTop.language:after{
	color: #7F7F7F;
	content: 'English';
	font-size: 1em;
}
.primaryTop.language:hover:after,
.primaryTop.language:focus:after{
	color: #222222;
}
#changeLanguage{
	background-color: #FFFFFF;
	display:none;
	left: 0;
	min-width: 100px;
	padding: 5px 10px 10px 10px;
	position: absolute;
	top: 40px;
	z-index: 5000;
}
.primaryTop.language:hover #changeLanguage,
.primaryTop.language:focus #changeLanguage{
	display: block;
}
#changeLanguage li{
	background-image: none;
	display: block;
	line-height: 1em;
	padding: 0;
	text-align: left;
	width: 120px;
}
#changeLanguage li.region{
	font-weight: bold;
	padding-top: 10px;
}
/* -- END Top Navigation ------------------------------------------------------------------------ */
/* -- documentAccordionLibrary ------------------------------------------------------------------ */
.docLibrary .panel-toggle{
	padding: 0;
}
.docRow{
	padding: 1em 2em;
}
.docRow:nth-child(even){
	background-color: #DDD;
}
.docRow h5{
	float: left;
}
.docRow ul{
	float: right;
}
.docRow ul li{
	float: right;
	padding: 0 1em;
}
.docRow ul li:first-child{
	padding-right: 0;
}
.docRow ul li a{
	margin: 0;
	padding: 10px 1em;
	text-decoration: underline;
	text-transform: none;
}
/* -- END documentAccordionLibrary -------------------------------------------------------------- */
/* ----------------- Modal ---------------------------------------------------------------------- */
#modalButton1,
#modalButton2,
#buttonOneContinueBrowsing,
#buttonTwoCompleteYourOrder{
	margin-top: 10px;
}
#modalContentSampleAddedSuccess{
	display: none;
}
#modalContentSampleAddedSuccess2{
	border-top: 1px solid #CCC;
	margin: 31px auto 0 auto;
	width:400px;
}
.modalContentSampleAddedSuccessH1{
	color: #71b6cd;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.6;
	margin: 25px 15px 0 15px;
}
h1.modalH1{
	margin: 1em;
}
h2.modalH2{
	color:#71b6cd;
	font-weight:bold;
	margin-top:8px;
}
.sampleIsCoil{
	color: #71b6cd;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.6;
	margin: 25px 15px 0 15px;
}
#closeWindow{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
/* ----------------- End Modal ------------------------------------------------------------ */
.productCategory{
	padding-bottom: 3em;
}
.contact-page{
	background-color: #FFF;
	text-transform: uppercase;
}


a.shop-talk-article{
	text-align: center;
	text-decoration: none;
}
.tile-item{
	float: left;
	padding: 1em;
}
.tile-img img{
	width: 100%;
}
.tile-content{
	padding: 0 1em 1em 1em;
}
.tile-content h2{
	font-family: 'Slabo 13px', serif;
	font-size: 1.133333em;
	margin: 0.5em 0;
}
@media (min-width: 768px) and (max-width: 991px){
	#shopTalkSection .tile-item:nth-child(2n+1){
		clear: left;
	}
}
@media (min-width: 992px) {
	#shopTalkSection .tile-item:nth-child(3n+1){
		clear: left;
	}
}

div.small-tile{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  height: auto;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#shoptalk h4.twoOrThree-h4 {
	font-size: 1.6em;
}
.embed-responsive-16by9{
	margin: 1em 0;
}

/* Search Results */
/*
.navbar-header{
	width: 100%;
}
*/
#searchlink,
#searchlinkOld{
	display: none;
	float: right;
	padding: 0.7em;
}
#searchlink input,
#searchlink button,
#searchlinkOld input,
#searchlinkOld button{
	background-color: black;
	border: 1px solid white;
	color: white;
	float: left;
	height: 29px;
}
#searchlink input,
#searchlinkOld input{
	border-right: none;
	padding-top: 0.5em;
	width: 200px;
}

#searchlink input::placeholder {
  color: white;
  opacity: 0.8; /* Firefox */
}
#searchlink input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}
#searchlink input::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}

#searchlink button,
#searchlinkOld button{
	border-bottom-right-radius: 0.25rem;
	border-left: 1px solid white;
	border-top-right-radius: 0.25rem;
	line-height: 1em;
	width: 	45px;
}
#searchlink button i.fa.fa-search{
	color: white;
}
#searchlink .btn-outline-secondary:hover,
#searchlinkOld .btn-outline-secondary:hover{
	background-color: white;
	border-color: white;
}
#searchlink button.btn-outline-secondary:hover i.fa.fa-search,
#searchlinkOld button.btn-outline-secondary:hover i.fa.fa-search{
	color: black;
}
.searchDiv{
	margin-bottom: 2em;
	margin-top: 2em;
}
form.page-searchBar{
	display: inline-block;
	width: 100%;
}
form.page-searchBar > #page-searchInput{
	float: left;
	width: -webkit-calc(100% - 46px);
	width:    -moz-calc(100% - 46px);
	width:         calc(100% - 46px);
}
form.page-searchBar > button{
	float: left;
	padding: 10.5px;
	width: 45px;
}
@media (min-width: 768px) {
	#searchlink,
	#searchlinkOld{
		display: inline-block;
		max-width: 270px;
	}
	ul.navbar-nav > li.nav-item.search-li,
	.nav>li.nav-item.search-li{
		display: none;
	}
}

/****** Search Results Page ********/
#go-search {margin-top: 0;}
.page-results {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 15px;
}
.page-results h3 {
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px solid #CCC;
}
.page-group .page-results .results-item {
  margin-left: 0;
  margin-right: 0;
  zoom: 1 !important;
  filter: alpha(opacity=100) !important;
  opacity: 1 !important;
}
.page-group .page-results .results-item p {
  margin-bottom: 14px;
  line-height: 180%;
  font-size: 1em;
}
/* END Search Results */

/* Start of xs-mobile styles */
@media (min-width: 500px) {
	.color-box{
		margin-right: 25%;
	}
	.color-box-text{
		width: 100%;
	}
	.color-box-text h3{
		margin-top: 1em;
	}
	.newsItem div.article {
		width: 425px; /* need so isotope styling doesn't collapse width */
	}
}

/* Start of mobile styles */
@media (max-width: 767px) {
	a.navbar-search{
		display: none:
	}
	.section-news-vertical .news-item-img {
		display: none;
	}
	.sidebar-group img {
		max-width: 150px;
	}
	.page-group .product-specs .specs-data-holder {
		padding: 0;
	}
	.page-group .product-specs .specs-data td,
	.page-group .product-specs .specs-data h3 {
		font-size: 1em;
	}
	.parallax-video-wrapper {
		display: none !important;
	}
	ul.footer-nav-mobile {
		display: block !important;
	}
	tableul.footer-nav-mobile {
		display: table;
	}
	trul.footer-nav-mobile {
		display: table-row !important;
	}
	thul.footer-nav-mobile,
	tdul.footer-nav-mobile {
		display: table-cell !important;
	}
	.index-carousel .carousel-inner-img,
	.index-carousel .carousel-inner-wrapper {
		display: none !important;
	}
	/* Crazy css to reverse nav elements that appear backwards in the mobile view - via: http://jsfiddle.net/vals/E7cVs/11/ */
	/*
	ul.navbar-nav,
	ul.navbar-nav > li,
	ul.nav.navbar-nav,
	ul.nav.navbar-nav > li{
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
	}
	*/
}
.navbar-nav{
	flex-direction: column-reverse;
}
select.form-control{
	border-color: black;
}
.dropdown:after{
	margin: 1em 3em;
	position: absolute;
	right: 0;
	top: 0;
}
.dropdown:hover:after{
	color: #db1600;
}
@media (min-width: 768px) {
	.dropdown:after{
		margin: 0 0.5em;
		top: 1em;
	}
}
@media (min-width: 992px) {
	.dropdown:after{
		margin: 0 1em;
	}
}

*:focus{
	box-shadow: none;
}
/*
.nav-item.dropdown.show{
	border-left: 1px solid #DDD;
}
*/
.dropdown-menu.show{
	/* background-color: #EEE; */
	border: none;
	font-size: 0.95em;
	margin: 0;
	padding: 0;
}
.dropdown-item{
	color: black;
	padding: 0.25rem 0.75rem;
	text-decoration: none;
}
.dropdown-item:focus,
.dropdown-item:hover{
	background-color: #DDD;
}
.dropdown-divider{
	border-color: #CCC;
	margin: 0;
}

.navbar-nav > li > .dropdown-menu{
	border-top: 2px solid #db1600;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media (max-width: 767px) {
	.title-banner div h1 {
		display: none;
	}
}
/* Start of tablet styles */
@media (min-width: 768px) {
	/*
	#bs-navbar-collapse{
		margin-top: 104px;
		position: relative;
	}
	*/
	.navbar-expand-md .navbar-nav{
		border-top: 5px solid black;
		border-top: 1px solid white;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		flex-direction: row-reverse;
		padding: 0 1em;
		width: 100%;
	}
	.navbar-nav li.nav-item{
		padding: 0 0.5em;
	}
	section.title-banner div,
	.container {
		max-width: 720px;
	}
	.wrapper {
		max-width: 1500px;
	}
	.title-line h3:before,
	.title-line h3:after,
	.title-line h2:before,
	.title-line h2:after,
	.title-line h6:before,
	.title-line h6:after {
		position: relative;
		content: "??????????";
		font-size: 1em;
		line-height: 100%;
		letter-spacing: -2px;
		color: #cccccc;
		padding: 0 10px 0 7px;
	}
	.page-image{
		margin: 0 auto;
		max-width: 1500px;
	}
	div.page-image,
	section, .section {
		max-width: 1500px;
	}
	section.nav-section{
		width: 100%;
	}
	#footer .section{
		background-color: #000;
	}
	.section-hr {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.section-sidebar {
		padding-top: 70px;
		padding-bottom: 40px;
	}
	.section-news-vertical .news-item {
		float: left;
		width: 33.33333333%;
	}
	.section-news-vertical .news-item {
		margin-bottom: 30px;
	}
	.section-news-vertical .news-item-text {
		padding: 10px 30px 10px 20px;
		min-height: 180px;
	}
	.section-action {
		max-width: 1500px;
	}
	.section-action .btn-arrow {
		float: left;
		width: 83.33333333%;
	}
	.section-action .btn-arrow {
		margin-left: 8.33333333%;
	}
	.section-action .action-content {
		float: left;
		width: 66.66666667%;
	}
	.section-action .action-content {
		margin-left: 16.66666667%;
	}
	.section-full {
		padding-top: 40px;
		padding-bottom: 0;
	}
	.section-full .page-nav li {
		float: left;
		width: 50%;
	}
	.section-home-text {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.section-home-buttons {
		width: 33.33333333%;
	}
	.section-home-gallery .gallery-item {
		width: 33.33333333%;
	}
	.section-home-gallery > .gallery-item,
	.section-home-gallery > .gallery-item .gallery-item-img {
		height: 380px;
	}
	.section-columns .columns-title h3:before,
	.section-columns .columns-title h3:after,
	.section-columns .columns-title h2:before,
	.section-columns .columns-title h2:after,
	.section-columns .columns-title h6:before,
	.section-columns .columns-title h6:after {
		position: relative;
		/* content: "\2014\2014\2014\2014\2014\2014\2014\2014\2014\2014"; */
		font-size: 1em;
		line-height: 100%;
		letter-spacing: -2px;
		color: #cccccc;
		padding: 0 10px 0 7px;
	}
	.section-columns ul > li p {
		font-size: 1em;
	}
	.section-columns ul > li {
		margin-bottom: 10px;
	}
	.section-columns > .container > ul > li + li,
	.section-columns > .container > .row > ul > li + li{
		border-left: 1px solid #CCC;
	}
	.specialtyTab .container {
		width: 83.33333333%;
	}
	.specialtyTab .sidebar {
		width: 33.333333%;
		margin: 60px auto 0;
	}
	.section-sidebar.specialtyTab .page {
		width: 66.6666667%;
	}
	.specialtyTab .page-tabs .tab-content {
		padding: 45px 100px 25px;
	}
	.sidebar {
		margin-top: 0;
		padding-left: 0;
		padding-right: 30px;
		width: 33.33333333%;
	}
	.sidebar-filter input,
	.sidebar-filter select {
		float: left;
		width: 100%;
	}
	.section-sidebar .page {
		padding-left: 20px;
		width: 66.66666667%;
	}
	.page-group .keywords {
		font-size: 1em;
	}
	.page-group .page-text-sm p {
		font-size: 1em;
	}
	#products a {width: 425px;}
	.midRight .section-columns .columns {
		margin-bottom: 5em;
	}
	.page-group .page-results .results-item p {
		font-size: 1em;
	}
	/*
	.navbar-header{
		border-bottom: none;
	}
	*/
	.collapse.navbar-collapse{
		background-color: black;
		margin-bottom: -0.5rem;
		margin-left: -15px;
		margin-right: -15px;
	}
	/* .nav.navbar-nav */
	section.navSection{
		background-color: #FFF;
		border-top: 5px solid black;
		bottom: 0;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		height: 40px;
		opacity: .8;
		position: absolute;
		width: 100%;
		max-width: 100%;
	}
	.navbar-default .navbar-nav > li{
		border-bottom: none;
		float: right;
	}
	.navbar-default .navbar-nav > li.open{
		border-bottom: 1px solid #000;
	}
	.navbar-default .navbar-nav > li.open a.dropdown-toggle{
		background-color: white;
		margin-bottom: 1px;
		transition: none;
	}
	.nav.navbar-nav li:first-child ul.dropdown-menu{
		left: unset;
		right: 0;
	}
	.navbar-nav > li > a{
		padding: 0 1.5em;
	}
	.navbar-nav ul.dropdown-menu li.nav-item{
		border-bottom: 1px solid #CCC;
		margin: 0;
		padding: 0;
	}
	.navbar-nav ul.dropdown-menu li.nav-item:nth-last-child(2){
		border-bottom: 0;
	}
	ul.dropdown-menu li.divider.dropdown-divider{
		background-color: white;
		display: block;
		margin: 0;
	}
	.navbar-nav ul.dropdown-menu li.nav-item a{
		/* background-color: #222; */
		line-height: 1.5em;
		padding: 0.25em 0.5em;
	}
	.navbar-nav ul.dropdown-menu li.nav-item:hover a{
		color: #db1600;
	}
	div.container ul li a:hover,
	div.container ul li a:focus{
		cursor: pointer;
	}
	#menu{
		display: block;
		list-style: none;
	}
	#menu li:hover .drop,
	#menu li:focus .drop{
		background-color: #000000;
	}
	#menu li:hover .dropdown,
	#menu li:focus .dropdown{
		left:-1px;
		top:auto;
	}
	div.submenuDiv{
		background-color: #222222;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	div.submenuDiv.dropdown{
		background-color: #000000;
	}
	div.subnavColumn{
		color: #b3b3b3;
		float: left;
		padding: 10px 5px;
	}
	ul.submenu{
		margin: 0;
		padding: 0;
	}
	ul.submenu li{
		margin: 0;
		padding: 0;
	}
	ul.submenu li.bottomSubLink{
		border-top: 1px solid #CCC;
	}
	#exploreDiv ul.scroll{
		display: inline-block;
		float: left;
		height: 148px;
		margin: 10px 0;
		overflow: auto;
		padding: 0 10px;
		position: relative;
		width: 100%;
	}
	#exploreDiv ul.scroll li{
		color: #b3b3b3;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
	}
	#newsDiv a{
		padding: 0;
	}
	#newsDiv a.subnavFooting{
		border-top: 1px solid #CCC;
	}
	div.subnavColumn div.subnavColumnDiv{
		margin: 10px 0;
		padding: 0;
	}
	div.subnavColumn div.subnavColumnDiv img{
		height: 70px;
		width: 100%;
	}
	.subnavColumnDivHeading{
		font-size: 1em;
		line-height: 1em;
		margin: 15px 0 8px 0;
		padding: 0;
	}
	.subnavColumnDivText{
		font-size: 1em;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}
	#newsDiv .subnavColumnDivText{
		min-height: 62px;
	}
	.productCategoryImage img{
		max-width: 65%;
		margin: 0 auto;
	}
	#newsSec .article-img {
		display: none;
	}
	.article-img {
		height: 100px;
		/* padding-right: 15px; */
	}
	.article-content p {
		font-size: 1em;
	}
	.color-details-responsive {
		min-height: 300px;
	}
	.color-details-block {
		min-height: 300px;
	}
	.color-details-block {
		float: left;
		width: 33.33333333%;
	}
	.color-box{
		height: 70px;
		margin-right: 0;
		width: 16.66666%;
	}
	.color-box:hover,
	.color-box:focus {
		border: 3px solid #CCC;
	}
	.color-box-text{
		display: none;
	}
	.color-details-text-wrapper {
		float: left;
		width: 66.66666667%;
	}
	.color-details-text {
		min-height: 300px;
	}
	.color-details-text ul li.name {
		font-size: 1em;
	}
	.color-details-text ul li.products {
		font-size: 1em;
	}
	.gallery-height-lg {
		height: 380px;
	}
	.page-gallery .gallery-item {
		float: left;
		width: 50%;
	}
	.page-gallery .gallery-item {
		margin-bottom: 30px;
	}
	.gallery-height-lg {
		height: 380px;
	}
	.page-image .gallery-item {
		float: left;
		width: 33.33333333%;
	}
	.section-parallax {
		max-width: 1500px;
	}
	.section-parallax .parallax-content p {
		font-size: 1em;
	}
	.section-parallax .parallax-text {
		margin-left: 50px;
		margin-right: 50px;
	}
	.parallax-left,
	.parallax-right {
		float: left;
		width: 50%;
	}
	.parallax-wide {
		float: left;
		width: 66.66666667%;
	}
	.parallax-video-wrapper {
		float: left;
		width: 50%;
	}
	.parallax-tabs-title-holder {
		float: left;
		width: 33.33333333%;
	}
	.parallax-tabs-content {
		float: left;
		width: 66.66666667%;
	}
	.btn {
		height: 40px;
		font-size: 1em;
		line-height: 30px;
	}
	.featured-btn {
		height: 40px;
		font-size: 1em;
		line-height: 30px;
	}
	.photo-flag .text {
		max-width: 350px;
	}
	.sidebar-flag .text {
		max-width: 130px;
	}
	.title-banner {
		margin-top: 100px;
		background-position-y: bottom;
	}
	.title-banner,
	.title-banner div {
		height: 195px;
	}
	.title-banner div h1 {
	  color: white;
	  display: inline-block;
	  font-size: 2.0833333em;
	  letter-spacing: 1px;
	  line-height: 2em;
	  position: relative;
	  text-shadow: 0 0 15px rgba(0, 0, 0, 1);
	  text-transform: uppercase;
	  top: 2.5em;
	}

	.panel-toggle a {
		font-size: 1em;
	}
	ul.footer-nav-standard {
		float: left;
		width: 100%;
	}
	ul.footer-nav-standard a,
	ul.footer-nav-mobile a {
		font-size: 1em;
	}
}

/* Start of bigger tablet styles */
@media (min-width: 992px) {
	section.title-banner div,
	.container {
		max-width: 900px;
	}
	.navbar-nav li.nav-item{
		padding: 0 1em;
	}
	.section-news-vertical .news-item-text p {
		font-size: 1em;
	}
	.section-news-vertical .news-item-text h2 {

	}
	.section-action .action-content {
		float: left;
		width: 50%;
	}
	.section-action .action-content {
		margin-left: 25%;
	}
	.section-action .action-content .btn-jumbo a {
		padding: 10px 30px;
	}
	.section-full .page-nav ul {
		float: left;
		width: 66.66666667%;
	}
	.section-full .page-nav ul {
		margin-left: 16.66666667%;
	}
	.title-banner,
	.title-banner div{
		height: 255px;
	}
	.section-home-buttons {
		width: 41.66666667%;
	}
	.section-columns ul > li p {
		font-size: 1em;
	}
	.sidebar {
		width: 25%;
	}
	.section-sidebar .page {
		width: 75%;
	}
	.page-group .keywords {
		font-size: 1em;
	}
	.page-group .page-text-sm p {
		font-size: 1em;
	}
	div.submenuDiv{
		padding: 0 50px;
	}
	div.subnavColumn{
		padding: 10px 20px;
	}
	.page-title-actions span a {
		border-right: 1px solid #CCC;
		clear: none;
		padding: 0 1em;
	}
	.page-title-actions span a:first-child {
		padding-left: 0;
	}
	.page-title-actions span a:last-child {
		border-right: none;
	}
	.page-group .product-specs .specs-sheet-holder {
		display: block;
	}
	table.page-group .product-specs .specs-sheet-holder {
		display: table;
	}
	tr.page-group .product-specs .specs-sheet-holder {
		display: table-row;
	}
	th.page-group .product-specs .specs-sheet-holder,
	td.page-group .product-specs .specs-sheet-holder {
		display: table-cell;
	}
	#products a {width: 617.5px;}
	.page-group .product-specs .specs-sheet-holder {
		width: 25%;
	}
	.page-group .product-specs .specs-data-holder {
		width: 75%;
	}
	.page-tabs .nav-tabs > li a {
		font-size: 1em;
	}
	.page-group.page-literature .resource-item {
		float: left;
		width: 33.33333333%;
	}
	.page-group .page-results .results-item p {
		font-size: 1em;
	}
	#newsSec .article-img {
		display: block;
	}
	.article-img {
		float: left;
		width: 25%;
	}
	.article-content {
		float: left;
		width: 75%;
	}
	.article-content p {
		font-size: 1em;
	}
	.article-content h2 {

	}
	.article-img,
	div.article,
	article.horizontal {
		height: 235px;
	}
	div.article {
		width: 100%;
	}
	.article-img{
		width: 205px;
	}
	.article-content {
		width: 410px;
	}
	.article-corner {
		position: absolute;
		bottom: 15px;
	}
	.color-details-responsive {
		min-height: 380px;
	}
	.color-details-block {
		min-height: 380px;
	}
	.color-details-block {
		float: left;
		width: 50%;
	}
	.color-box{
		height: 80px;
		width: 12.5%;
	}
	.color-details-text-wrapper {
		float: left;
		width: 50%;
	}
	.color-details-text {
		min-height: 380px;
	}
	.color-details-text ul li.name {
		font-size: 1em;
	}
	.color-details-text ul li.number {
		font-size: 1em;
	}
	.color-details-text ul li.specs {
		font-size: 1em;
	}
	.color-details-text ul li.spec-details {
		font-size: 1em;
	}
	ul.filter-container .filter {
		width: 130px;
	}
	.parallax-left,
	.parallax-right {
		float: left;
		width: 33.33333333%;
	}
	.parallax-wide {
		float: left;
		width: 50%;
	}
	.parallax-video-wrapper {
		float: left;
		width: 58.33333333%;
	}
	.parallax-tabs .nav-tabs > li a {
		font-size: 1em;
	}
	.btn {
		height: 40px;
		padding: 0 15px;
		font-size: 1em;
		line-height: 40px;
	}
	.btn-jumbo a {
		height: 60px;
		font-size: 1em;
		line-height: 40px;
		padding: 10px 20px;
	}
	.featured-btn {
		height: 40px;
		padding: 0 10px 0 15px;
		font-size: 1em;
		line-height: 40px;
	}
	.flag-container .text {
		font-size: 1em;
		height: 40px;
		padding: 11px 20px;
	}
	.photo-flag .text {
		max-width: 450px;
	}
	.sidebar-flag .text {
		max-width: 130px;
	}
	.index-carousel .carousel-control,
	.index-carousel .carousel-inner-wrapper {
		top: 56%;
	}
	.title-banner div h1 {
	  top: 4em;
	  width: 35%;
	}
	.panel-toggle a {
		font-size: 1em;
	}
	.panel-btn {
		font-size: 1em;
	}
	/*
	.panel-btn:after {
		position: relative;
		top: 4px;
	}
	*/
	.navbar-nav > li > a,
	ul.dropdown-menu > li > a{
		padding: 0 2em;
	}
	a.navbar-search span.glyphicon.glyphicon-search{
		margin-top: 2em;
	}
}

/* Start of desktop styles */
@media (min-width: 1200px) {
	section.title-banner div,
	.container {
		max-width: 1300px;
	}
	.navbar-nav li.nav-item{
		padding: 0 2em;
	}
	.section-news-vertical .news-item {
		float: left;
		width: 33.33333333%;
	}
	.section-news-vertical .news-item-text h2 {

	}
	.section-action .btn-arrow {
		float: left;
		width: 66.66666667%;
	}
	.section-action .btn-arrow {
		margin-left: 16.66666667%;
	}
	.section-full .page-title {
	  float: none;
		width: 66.66666667%;
	}
	.section-full .page-title {
		margin-left: 16.66666667%;
	}
	.section-home-buttons {
		width: 41.66666667%;
	}
	.section-home-gallery .gallery-item {
		width: 25%;
	}
	.section-columns ul > li p {
		font-size: 1em;
		margin-bottom: 20px;
	}
	.sidebar {
		width: 25%;
		padding-left: 0;
		padding-right: 40px;
	}
	.section-sidebar .page {
		width: 75%;
	}
	.page-group .keywords {
		font-size: 1em;
	}
	.page-group .page-text-sm p {
		font-size: 1em;
		margin-bottom: 20px;
	}
	.page-group .product-specs .specs-sheet-holder {
		display: block;
	}
	table.page-group .product-specs .specs-sheet-holder {
		display: table;
	}
	tr.page-group .product-specs .specs-sheet-holder {
		display: table-row;
	}
	th.page-group .product-specs .specs-sheet-holder,
	td.page-group .product-specs .specs-sheet-holder {
		display: table-cell;
	}
	#products a {width: 820px;}
	.page-group .product-specs .specs-sheet-holder {
		width: 16.66666667%;
	}
	.page-group .product-specs .specs-sheet-holder {
		max-height: 160px;
	}
	.page-group .product-specs .specs-data-holder {
		width: 83.33333333%;
	}
	.page-group .page-results .results-item p {
		font-size: 1em;
		margin-bottom: 20px;
	}
	.title-banner,
	.title-banner div{
		height: 310px;
	}
	.article-content p {
		font-size: 1em;
		margin-bottom: 20px;
	}
	.article-img,
	div.article,
	article.horizontal {
		height: 220px;
	}
	.article-img{
		width: 25%;
	}
	.article-content {
		width: 75%;
	}
	.color-details-responsive {
		min-height: 350px;
	}
	.color-details-block {
		min-height: 350px;
	}
	.color-box{
		height: 80px;
		width: 10%;
	}
	.color-details-text {
		min-height: 350px;
	}
	.color-details-text ul li.name {
		font-size: 1em;
	}
	.color-details-text ul li.products {
		font-size: 1em;
	}
	.color-details-text ul li.spec-details {
		font-size: 1em;
	}
	.page-gallery .gallery-item {
		float: left;
		width: 50%;
	}
	.section-parallax .parallax-content p {
		font-size: 1em;
	}
	.parallax-left,
	.parallax-right {
		float: left;
		width: 33.33333333%;
	}
	.parallax-video-wrapper {
		float: left;
		width: 66.66666667%;
	}
	.parallax-video-holder {
		width: 60%;
	}
	.btn {
		height: 50px;
		font-size: 1em;
		line-height: 50px;
	}
	.featured-btn {
		height: 50px;
		font-size: 1em;
		line-height: 50px;
	}
	.flag-container .text {
		font-size: 1em;
	}
	.photo-flag .text {
		max-width: 500px;
	}
	.sidebar-flag .text {
		max-width: 200px;
	}
	.carousel-control {
		width: 45px;
	}
	.index-carousel .carousel-inner-img,
	.index-carousel .carousel-inner-wrapper {
		max-width: 800px;
	}
	.index-carousel .carousel-inner-img {
		max-width: 700px;
	}
	.index-carousel .carousel-control {
		width: 40px;
		height: 120px;
		font-size: 1em;
		padding: 45px 3px;
	}
	.title-banner div {
		width: 1170px;
	}
	.title-banner div h1 {
	  padding-left: 15px;
	  top: 5em;
	}
	.panel-toggle a {
		font-size: 1em;
	}
	.panel-btn {
		font-size: 1em;
	}
	.navbar-nav > li > a,
	ul.dropdown-menu > li > a{
		padding: 0 2em;
	}
}

/* Start of xl-desktop styles */
@media (min-width: 1500px){
	.navbar-nav > li > a,
	ul.dropdown-menu > li > a{
		padding: 0 2em;
	}
	.title-banner,
	.title-banner div{
		height: 400px;
	}
	.title-banner div h1 {
		top: 7.5em;
	}
}
.productCategory:first-child h2{
	font-size: 2.58333em;
	margin-left: 0.3em;
}
.productCategoryContent h2{
	margin-bottom: 0.4em;
	margin-left: 0.6em;
}
.productCategoryContent h4{
	margin-bottom: 0.5em;
	margin-left: 0.95em;
}

/* B4 accorions */
div.productAccordions,
div.accordion{
	margin-top: 2em;
}
div.accordion .card{
	background-color: white;
	margin-bottom: 3px;
}
div.accordion .card .card-header:hover{
	cursor: pointer;
}
div.accordion .card .card-header h2{
	display: inline-block;
	font-family: sans-serif;
	font-size: 1.06666667em;
	width: 100%;
}

div.accordion .card .card-header{
  background-color: black;
  color: #fff;
  float: left;
  font-size: 1em;
  margin-bottom: 3px;
  margin-top: 0;
  min-height: 1px;
  overflow: hidden;
  padding: 20px 45px;
  position: relative;
  text-indent: -15px;
  width: 100%;
  z-index: 2;
}
div.accordion .card .card-header h2 button:after{
  float: right !important;
  font-family: 'Glyphicons Halflings';
  content: "\002b";
  font-size: 1em;
  padding-left: 30px;
  position: absolute;
  right: 2em;
  top: 1.5em;
}
div.accordion .card .card-header h2 button:not(.collapsed):after{
  content: "\2212";
}
div.accordion .card .card-header:hover,
div.accordion .card .card-header:focus {
	color: #ccc;
}

div.accordion .card .card-header h2 button.btn {
  background-color: black;
  color: white;
  white-space: normal;
}
div.accordion .card .card-header span {
  width: 10px;
  text-align: left;
  color: #cccccc;
  display: inline-block;
}
/* END B4 accorions */
/* B4 nav */

/* END B4 nav */

.productCategoryContent .accordion-item{
	border-bottom: 1px solid black;
	padding-bottom: 1em;
}
.productCategoryContent a.accordion-btn{
	text-decoration: none;
}
.form-control{
	height: 45px;
}
article.columns{
	padding-bottom: 1em;
}
article.columns img{
	padding-bottom: 1em;
}
.section-columns article.columns .btnLink{
	text-align: center;
	width: 100%;
}
.section-columns article.columns .btnLink a.btn{
	padding: 0 1em;
	width: unset;
}
@media (min-width: 768px){
	.sds-page .form-group{
		margin-bottom: 0;
	}
}
.sds-page .page-group > div{
	margin-bottom: 0;
}
#msds div label{
	width: 100%;
}
#msdsError{
	color: red;
	padding: 0 15px;
}
.sdsFormContainer{
	margin: 0 -15px;
}

#progressbar {
	/* border: 0; */
	display: none;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 0;
	padding-right: 0;
}
.ui-progressbar {
	position: relative;
}
.progress-label {
	color: #000;
	font-weight: bold;
	left: 42%;
	position: absolute;
	text-shadow: 1px 1px 0 #fff;
	top: 3px;
}

.error{
	border: 1px solid red;
}
.error-message,
.error-text{
	color: red;
}
#dev-notice{
	color: black;
	float: right;
}
@media (max-width: 767px) {
	#dev-notice{
		display: none;
	}
}

/* search */
#results-template-div .navbar{
	background-color: #DDD;
	margin: 5px 0;
	min-height: inherit;
}
.highlight {
	background-color: #DDD;
	font-weight: bold;
}
.searchResult{
	border-bottom: 1px solid black;
	margin-bottom: 1em;
}
/* END search */