body{
	/* font-family: 'AvenirNextLTW01-Medium'; */
	font-family: agenda, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
}

div.homepage-join a.homepage-tile h3.rideUp {
	  margin-top: -150px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
	white-space: nowrap;
}
#form_sds, #tdssearchform{
	display: contents;
}
.d-xl-nonelg {
    width: 100%;
}
.col-lg-3, .col-lg-9, .col-xl-5, .col-md-4{
	float:left;
}
#enterZipCode .col-md-4, 
#form_newsletter .col-md-4{
	float: none;
}
#item-container {
    width: 100%;
}
.headline {
	display: inline-block;
}
.fa-play-circle-o{
	position: absolute;
	top: 33%;
	left: 40%;
	font-size: 3em !important;
}
.products-kolor{
	display: inline-block;
}
@media (max-width: 739px){
	div.homepage-join a.homepage-tile h3.rideUp {
		margin-top: -150px;
	}
}
@media (min-width: 740px){
	div.homepage-join a.homepage-tile h3.rideUp {
	  margin-top: -111px;
	}
}
@media (min-width: 768px){
	div.homepage-join a.homepage-tile h3.rideUp {
	  margin-top: -152px;
	}
	.col-md-pull-0{
		right: 0;
	}
	.col-md-pull-1{
		right: 8.333333%;
	}
	.col-md-pull-2{
		right: 16.66666%;
	}
	.col-md-pull-3{
		right: 24.99999%;
	}
	.col-md-pull-4{
		right: 33.3333332%;
	}
	.col-md-pull-5{
		right: 41.66665%;
	}
	.col-md-pull-6{
		right: 49.99998%;
	}
	.col-md-pull-7{
		right: 58.333333%;
	}
	.col-md-pull-8{
		right: 66.666664%;
	}
	.col-md-pull-9{
		right: 74.99997%;
	}
	.col-md-pull-10{
		right: 83.33333%;
	}
	.col-md-push-0{
		left: 0;
	}
	.col-md-push-1{
		left: 8.333333%;
	}
	.col-md-push-2{
		left: 16.66666%;
	}
	.col-md-push-3{
		left: 24.99999%;
	}
	.col-md-push-4{
		left: 33.3333332%;
	}
	.col-md-push-5{
		left: 41.66665%;
	}
	.col-md-push-6{
		left: 49.99998%;
	}
	.col-md-push-7{
		left: 58.333333%;
	}
	.col-md-push-8{
		left: 66.666664%;
	}
	.col-md-push-9{
		left: 74.99997%;
	}
	.col-md-push-10{
		left: 83.33333%;
	}

	
}

@media (min-width: 820px){
	div.homepage-join a.homepage-tile h3.rideUp {
	  margin-top: -112px;
	}
}

@media (min-width: 1309px){
	div.homepage-join a.homepage-tile h3.rideUp {
	  margin-top: -72px;
	}
}
a, a:visited, a:focus, 
.documents-page a, 
.table a, 
.primer-formula a, 
a.normal-link{
	color:#e1e1e1;
	cursor: pointer;
	text-decoration: none;
}
a:hover, a:active, 
.documents-page a:hover, 
.table a:hover, 
.primer-formula a:hover, 
a.normal-link:hover, 
a.active:hover{
	color: #F7B419;
}
a.normal-link{
	text-decoration: underline;
}
.side-information{
	margin-left: 1em;
	margin-right: 1em;
}
.bold-caps{
	font-weight:bold;
	text-transform:uppercase;
}
h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6{
	/* font-family:'AvenirNextLTW01-HeavyCn_721326'; */
	font-family: agenda-condensed, sans-serif;
	font-style: italic;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}
h1{
	font-size: 54px;
	color:#ffffff;
	text-transform: uppercase;
}
h2, .h2{
	font-size: 28px;
	color:#e1e1e1;
	text-transform: uppercase;
}
h3, .h3{
	font-size: 41px;
	color:#929397;
}
h4, .h4{
	font-size: 28px;
	color:#929397;
}
h5, .h5{
	font-size: 21px;
	color:#929397;
}
h6, .h6{
	color:#929397;
	/* font-family: 'Avenir Next LT W01 Bold'; */
	font-family: agenda, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}
p{
	color: #929396;
}
.phase2, .phasebacklog{
	display:none !important;
}
.noise-bg-default, .noise-bg{
	background:#111111 url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise.png);
}
.noise-bg-default, .noise-bg-222224{
	background:#222224 url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise.png);
}
.bg-noise2 {
			background:transparent url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise-prestigious.png);
			color:#222224;
}
.noise-bg{
	background:#111111 url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise.png);
	top: 0;
}


.hide{
	display: none;
}
.errorMessage { color:red; }

.invisible {
	visibility:hidden;
}
table.table.invisible {
	display: block;
	line-height:0;
	height: 0;
	overflow: hidden;
}
.table{
	margin-bottom: 2em;
	margin-top: 1em;
}
.table > thead > tr > th, 
.table > tbody > tr > td{
	padding: 15px 0;
}
.table > thead > tr > th{
	color: #929396;
	text-transform: uppercase;
}
.table > tbody > tr > td{
	color: #E1E1E1;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th{
	border-top: none;
}
.table > tbody > tr{
	border-top: 1px solid #929397;
}

.float-left{
	float: left;
}
.float-right, 
.difficulty{
	float: right;
}
.difficulty {
	/* font-family: 'AvenirNextLTW01-Medium'; */
	font-family: agenda, sans-serif;
	font-size:6px;
	font-style: normal;
	font-weight: 500;
}
.margin-top-zero{
	margin-top: 0 !important;
}
.margin-top-15{
	margin-top: 15px;
}
#formulaFormSearch, #formula_form{
	width: 100%;
}
select, select option{
	text-transform: uppercase;
}
select.form-control{
	background-color: transparent;
	background-image: linear-gradient(45deg, transparent 50%, #929396 50%),linear-gradient(135deg, #929396 50%, transparent 50%);
	background-position: calc(100% - 20px), calc(100% - 15px);
	background-repeat: no-repeat;
	background-size: 5px 5px,5px 5px;
	border: 1px solid #929396;
	color: #929396;
	font-size: 1em;
	height: unset;
	line-height: normal;
	padding: 0.3em 2em 0.3em 1em;
	text-transform: uppercase;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select.form-control::-ms-expand {
	display: none;
}
select.form-control:focus{
	border-color: #929396;
}
.search-glyph{
	position: relative;
}
.search-glyph input{
	height: 3em;
	padding-left: 3em;
	position: absolute;
}
.search-glyph span{
	cursor: pointer;
	left: 0px;
	padding: 12px 25px;
	pointer-events: inherit;
	position: sticky;
}

#tutorials .search-glyph input{
	background-color: transparent;
	border: none;
	padding-left: 0;
	padding-right: 0;
}
#tutorials .search-glyph span{
	left: unset;
	right: 0;
}
#tutorials h4, 
.filters .button-group button.button{
	border-top: 1px solid #222224;
	color: #222224;
	/* font-family: "AvenirNextLTW01-HeavyCn_721326"; */
	font-family: agenda-condensed, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: 800;
	line-height: 1.1;
	margin: 0;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
}
.second-filter h4{
	background-color: #AAA;
	cursor: default;
}
.filters .button-group button.button{
	border-radius: 0;
	float: left;
}
.filters .button-group button.button.is-checked, 
.filters .button-group button.button:hover{
	color: #AAA;
}
#tutorials h4:first-child, 
.filters .button-group button.button:first-child{
	border-top: none;
}
.second-filter .filters .button-group button.button:first-child{
	border-top: 1px solid #222224;
}
.second-filter .filters .button-group button.button{
	font-size: 1em;
	padding-left: 2em;
}
#tutorials .greyRow{
	margin-bottom: 1em;
}
#filter-series > div{
	margin: 0;
	overflow: hidden;
	padding: 0 10px 10px 10px;
}
#filter-series button{
	border-radius: 10px;
	float: left;
	margin: 0;
	padding: 5px 15px;
	text-align: left;
}
div.second-filter{
	margin-top: 2em;
}

a.btn-black, 
button.btn-black, 
input.btn-black, 
a.btn-empty, 
button.btn-empty, 
input.btn-empty, 
a.btn-white, 
button.btn-white, 
input.btn-white{
	border-radius: 5px;
	/* font-family: 'AvenirNextLTW01-HeavyCn_721326'; */
	font-family: agenda-condensed, sans-serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 800;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding: 0.5em 1em;
	text-transform: uppercase;
}
a.btn-black, 
button.btn-black, 
input.btn-black{
	background-color: #000000;
	color: #FFFFFF;
}
a.btn-empty, 
button.btn-empty, 
input.btn-empty{
	background-color: transparent;
	border: 1px solid #E1E1E1;
	border-radius: 0;
	color: #E1E1E1;
	text-align: center;
	text-decoration: none;
}
a.btn-white, 
a.btn-white, 
button.btn-white, 
button.btn-white h5, 
input.btn-white{
	background-color: #FFFFFF;
	color: #000000;
}
.white-border{
	border: 1px solid #FFFFFF;
}
.a-bit-wide, 
.btn-black.white-border.a-bit-wide{
	padding-left: 6em;
	padding-right: 6em;
}
.input-dark{
	background-color: #000;
	border: 1px solid #000;
	color: #e1e1e1;
	display: inline-block;
	line-height: 1.33;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}
.link-white{
	background-color: #FFFFFF;
	border-radius: 5px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	text-transform: uppercase;
}
.link-white .fa { padding:0 8px; }
a.btn-black:hover, 
a.btn-black:hover, 
button.btn-black:hover, 
input.btn-black:hover, 
a.btn-white:hover, 
a.btn-white:hover, 
button.btn-white:hover, 
button.btn-white:hover, 
input.btn-white:hover, 
.link-white:hover, 
#contactForm .form-group .btn-white:hover{
	background-color: #F7B419;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
}
a.btn-empty:hover, 
button.btn-empty:hover, 
input.btn-empty:hover, 
a.btn-empty.selected, 
button.btn-empty.selected, 
input.btn-empty.selected{
	background-color: #E1E1E1;
	color: #222224;
	text-decoration: none;
}
.error{
	border: 1px solid red !important;
}
.error-text{
	color: red !important;
}
.error-message{
	margin-top: -1em;
}
.required:after{
	color: #EB1C23;
	content:'*';
	margin-left: 5px;
}
.bold{
	font-weight: bold;
}
.table > tbody > tr.no-border, 
.no-border{
	border: 0;
}
.padded-15px{
	padding: 15px;
}
.uppercase{
	text-transform: uppercase;
}
#top { overflow-x:hidden; }
.bread-crumb{
	color: #929396;
	margin: 0;
	padding: 15px 30px;
	text-transform: uppercase;
}
.hover-bar{
	background: rgba(0,0,0,0.85);
}
.bread-crumb.hover-bar{
	background: rgba(0,0,0,0.25);
}
.locator-heading.hover-bar{
	position: absolute;
}
.locator-heading.hover-bar ul li h4{
	font-size: 0.8em;
	margin-bottom: 0;
	margin-top: 0;
}
/********** contact hero **********/
div.contact-slant{
	background-image: url(/system/modules/com.houseofkolor/resources/images/heros/Hero-Contactus-Large.png);
	background-position: center top;
	/* background-position: 50% 0; */
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 350px;
	position: relative;
	width: 100%;
}
.contact-slant{
	display: block;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
}
.contact-heading{
	padding: 0.5em 15px;
}
.top-text{
	color: #FFFFFF;
	text-transform: capitalize;
}
.contact-distributor a{
	text-decoration: none;
}
.contact-li-nav{
	padding: 0.5em 15px;
    overflow: hidden;
    max-height: 53px;
    color: #fff;
    margin-bottom: 0;
} 
.locator-li-nav{
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
	padding-top: 0;
}
.locator-li-nav li{
	display: inline-block;
	margin-left: 0.5em;
	position: relative;
	top: -0.2em;
}
.locator-li-nav li:first-child{
	color: #FFFFFF;
	font-size: 2em;
	margin: 0 0.25em 0 0;
	text-transform: uppercase;
	top: 0;

}
.locator-li-nav li a{
	font-size: 0.9em;
}
.contact-li-nav li a.active{
	color: #f7b419;
}
.locator-li-nav li a.active{
	color: #707074;
}

.locator-li-nav li a:hover{
	color: #F7B419;
	text-decoration: none;
}
.contact-hero .products-bread-crumb.hover-bar{
	display: none;
}
.extra-small-and-above{
	display: inline-block;
	margin-top: 12px;
}
.small-and-above, 
.locator-li-nav li.small-and-above, 
.large-and-above{
	display: none;
}
.small-and-above a, 
.large-and-above a{
	text-decoration: none;
}
.small-and-above a:hover, 
.large-and-above a:hover{
	color: #F7B419;
}
.small-and-above a.btn-white:hover, 
.large-and-above a.btn-white:hover{
	background-color: #F7B419;
	color:#000;
}
.contact-find{
	float: right;
	margin-top: 2px;
}
.products-bread-crumb.hover-bar ul.breadcrumb-sub-listing li.contact-find{
	display: none;
}

.btn-white.contact-find{
	margin-bottom: 0;
	margin-top: 0;
}
.btn-white.contact-thankyou{
	text-decoration: none;
}
.contact-ty-button{
	margin-bottom: 4em;
}
/********** END contact hero **********/
/********** contact **********/
.contact-page p.required-indication{
	color: #929396;
	display: block;
}
.required-indication:before{
	color: #EB1C23;
	content:'*';
	margin-right: 5px;
}
.contact-page p{
	color: #E1E1E1;
}
.page-group.page-form{
	margin-top: 2em;
}
#contactForm .form-group label{
	color: #929396;
	display: block;
	text-transform: capitalize;
}
#contactForm .form-group input, 
#contactForm .form-group textarea{
	background-color: #000000;
	border: 1px solid #000000;
	color: #F5F5F5;
	display: block;
	margin: 0.25em 0;
	padding: 1em;
	width: 100%;
}
#contactForm .form-group .btn-white{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	margin: 1em 0;
	padding: 0.5em 0;
	text-transform: uppercase;
	width: 100%;
}
h3.rightSide{
	margin: 0;
	padding: 0;
}
p.rightSide{
	border-top: 1px solid #BBBBBD;
	color: #E1E1E1;
	margin: 0.5em 0;
	padding: 0.5em 0 0 0;
}
p.rightSide strong{
	color: #F5F5F5;
}	
#teamMembers {
	border-top: 1px solid #BBBBBD;
}
h5.memberName {
	  color: #ffffff;
}
#teamMembers .columnLeft, #teamMembers .columnRight {
	margin-top:1em;
}
/********** END contact **********/
/********** documents **********/
#collapse-sds > div{
	margin-bottom: 1em;
}
#form_sds input{
	font-size: 1em;
	height: 2.7em;
	margin-bottom: 0;
	margin-top: 0;
}
#form_sds button{
	margin-bottom: 0;
	margin-top: 0;
}
#tdssearchform > div{
	margin-bottom: 2em;
}
#tdssearchform input{
	font-size: 1em;
}
.msdsresult{
	width: 100%;
	margin-bottom: 1em;
}
.msdsresult a{
	
	margin: 0;
	float: left;
	clear: both;
}
.dlink a, 
.download_tds a, 
a.sdsresultlink{
	color: #707074;
	color: black;
	padding-bottom: 0.25em;
}
.background-color-bbbbbd .table{
	background-color: #929396;
}
.background-color-bbbbbd .table > thead > tr > th{
	color: #222224;
	text-transform: uppercase;
}
.background-color-bbbbbd .table > tbody > tr > td{
	color: #4E4E52;
}
.background-color-bbbbbd .table > tbody > tr:nth-child(odd){
	background-color: #BBBBBD;
}
div.row.background-color-929396{
	background-color: #929396;
}
div.row.background-color-bbbbbd{
	background-color: #bbbbbd;
	margin-right: 0;
}
.documents-heading{
	padding-bottom: 30px;
	padding-top: 25px;
	text-align: center;
}
.documents-section{
	border-top: 1px solid #929396;
	margin: 30px 0 20px 0;
}
.documents-section a{
	color: #E1E1E1;
	display: block;
}
.download-alt span, 
.new-window span{
	margin: 0 1em 0 0;
	padding: 0;
}
.results-title{
	border-top: 1px solid #929396;
	margin-top: 40px;
	text-align: center;
}
.results-section{
	margin: 1em 0;
}
.results-section > div > div > h4:first-child{
	margin-top: 0;
}
.h4-white, 
.result-link{
	color: #E1E1E1;
}
#documents-accordion{
	background-color: #BBBBBD;
	border: none;
	color: ;
	margin-bottom: 50px;
}
#documents-accordion li.group-bar{
	padding: 0;
}
#documents-accordion li.group-bar a.group-link{
	margin: 0;
	padding: 1em;
}
#documents-accordion li.group-bar a.group-link .minus-plus:after{
	top: 0.5em;
}
#documents-accordion li > div{
	background-color: #929396;
}
#documents-accordion > li > div.collapse > div{
	margin-left: 0;
}
#documents-accordion > li > div.collapse > div > div{
	padding-left: 0;
	padding-right: 0;
}
#documents-accordion > li > div.collapse > div > div a{
	color: #4e4e52;
	text-decoration: underline;
}
#documents-accordion > li > div.collapse > div > div a:hover{
	color: #F7B419;
}
.group-bar{
	border-top: 1px solid #929396;
	padding: 1.3em 0 0 1em;
}
a.group-link, 
#documents-accordion a.group-link{
	color: #222224;
	font-weight: bold;
	margin: -10px 0 0 0;
	padding: 0 0 10px 0;
	text-decoration: none;
}
.group-link .minus-plus:after{
	content: "-";
	font-size: 1.3em;
	position: absolute;
	right: 15px;
	top: -5px;
}
.group-link.collapsed .minus-plus:after {
	content: "+";
}
.documents-additional, 
.documents-additional .row{
	background-color: #000000;
}
.documents-additional h2{
	text-align: center;
}
.documents-section h4{
	margin: 25px 0 0 0;
}
.documents-section h6{
	font-weight: bold;
	margin-top: 30px;
}
.documents-section h6 .sub-text{
	font-weight: normal;
	text-transform: none;
}
/********** END documents **********/
/********** error **********/
.error-heading p{
	color: #e1e1e1;
}
.error-container{
	border-top: 1px solid #929396;
}
.fourohfour .error-container{
	border-top: none;
}
.error-unordered-list{
	list-style: none;
	margin-top: 15px;
	padding: 0;
}
.error-list-item{
	color: #e1e1e1;
	margin: 0;
	padding: 5px 0;
}
.error-list-item h4{
	color: #929396;
	margin: 0;
}
.error-list-item a{
	color: #e1e1e1;
	text-decoration: none;
}
.error-list-item a:hover{
	color: #F7B419;
}
/********** END error **********/
/********** formulas-find **********/
.find-heading, 
#find-kolor, 
#find-documents{
	padding-bottom: 3em;
	padding-top: 1em;
	text-align: center;
}
#find-kolor, 
#find-documents{
	padding-bottom: 6em;
}
#find-documents{
	border-left: none;
	border-top: 1px solid #707074;
}
.find-options h2{
	margin-bottom: 1em;
}
/********** END formulas-find **********/
/********** formulas-results **********/
.results-heading{
	padding-bottom: 30px;
	padding-top: 25px;
	text-align: center;
}
img.bgswatch{
	width: 100%;
}
.results-section > div > div{
	text-align: left;
}
.result-link{
	text-decoration: underline;
}
.result-link:hover{
	color: #F7B419;
}
.not-formula{
	border-top:1px solid #e1e1e1;
	margin-bottom:2em;
	margin-top:1em;
	padding-bottom:1em;
	padding-top:3em;
}
/********** END formulas-results **********/
/********** formulas **********/
.mix-formula-by-parts, 
.mix-formula-by-weight{
	border-top: 1px solid #929397;
	padding-top: 2em;
}
.mix-formula-by-parts a, 
.mix-formula-by-weight a{
	display: none;
}
.mix-formula-by-parts table.table th:first-child, 
.mix-formula-by-parts table.table td:first-child, 
.mix-formula-by-weight table.table th:first-child, 
.mix-formula-by-weight table.table td:first-child{
	padding-left: 0;
}
.space-out{
	margin-top: 2em;
}
.space-out a{
	display: block;
	text-align: center;
}
.formulas-path{
	margin-top: 0.5em;
}
/********** END formulas **********/
/********** foundation **********/
.foundation div.row{
	background-color: #222224;
}
.image-section{
	margin-bottom: 2em;
	margin-top: 2em;
}
.image-section h2, 
.image-section h3{
	margin: 0 0 0.25em 0;
}
#kdswatch{
	margin-bottom: 2em;
}
#kdswatch img {
	width: 100%;
}
.foundation-page .mix-formula-by-parts{
	border-top: none;
}
/********** END foundation **********/
/********** homepage **********/

.hero-container {
	position: relative;
	width: 100%;
}
.homepage-hero img{
	width: 100%;
}
.homepage-founded
{
	margin-bottom: 4em;
	margin-top: 4em;
	text-align: center;
}
.homepage-distributor{
		padding-bottom: 4em;
	padding-top: 4em;
	text-align: center;
}
.h1-homepage{
	margin: 0;
}
.h3-homepage{
	color: #F5F5F5;
	margin: 0;
}
.homepage-founded p{
	color: #FFFFFF;
	margin: 1em 0 0 0;
}
.homepage-founded .btn-white{
	margin-top: 1.5em;
	display: block;
}
.homepage-tiles a:hover{
	color: #F7B419;
	text-decoration: none;
}
.homepage-tiles h3{
	color: #FFFFFF;
	margin-top: -2em;
	text-align: center;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.homepage-tiles a:hover h3{
	color: #FFF;
	position: relative;
	z-index: 999;
}

.homepage-distributor-form .input-dark{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.modal-body{
	margin: 0 1em;
}
.modalDiv a{
	color: #707074;
}
.modalDiv a:hover{
	color: #F7B419;
	text-decoration: none;
}
/*sloppy http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/ */
.se-container, 
.homepage{
	display: block;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
}
.bg-noise2 .se-slope {
	    background: transparent url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise-prestigious.png);
}
.se-slope-wrap { position:relative; width:100%; }
.se-slope{
	box-shadow: none;
	left: 0;
	margin: 0;
	position: absolute;
	transform: rotate(-2deg);
	transform-origin: left center;
	width: 125%;
}
.se-content{
	margin: 0;
	padding: 0 0 50px 0;
}
/********** END homepage **********/
/********** kolors **********/
#kolors .container-fluid, 
#jobbers .container-fluid{
	padding-bottom: 15px;
	padding-top: 15px;
}
#filters-loading a.btn-white.disabled{
	color: #929396;
	cursor: default;
	pointer-events: none;
}
#filters-ready{
	display: none;
}
.sort-by{
	visibility: hidden;
}
.topRow{
	background-color: #EEEEEE;
	color: black;
	margin: 0;
	padding: 10px;
}
.middleRow{
	background-color: #CCCCCC;
	color: black;
	margin: 0;
	padding: 1em;
}
#kolors span.glyphicon.glyphicon-search, 
#jobbers span.glyphicon.glyphicon-search{
	float: right;
	margin: 0;
	padding: 1em 0 0 1em;
}
.greyRow{
	background-color: #AAAAAA;
	border-bottom: 1px solid #222224;
	color: black;
}
#accordion h4{
	border-top: 1px solid #222224;
	color: #222224;
	cursor: pointer;
	font-size: 1.5em;
	margin: 0;
	padding: 10px;
}
#accordion h4:after{
	content: '+';
	float: right;
}
#accordion h4.openAccordion:after{
	content: '-';
}
.jobber-portal #accordion h4{
	cursor: default;
}
.jobber-portal #accordion h4.openAccordion:after{
	content: none;
}
#accordion h4:first-child{
	border-top: none;
}
#accordion > div{
	display: none;
	margin: 0;
	overflow: hidden;
	padding: 0 10px 10px 10px;
}
#accordion > div:after{
	clear: both;
	content: '';
}
.button-group .button, 
#accordion > div > button{
	border-radius: 10px;
	float: left;
	margin: 0;
	padding: 5px 15px;
	text-align: left;
}
.button-group .button:hover, 
#accordion > div > button:hover{
	background-color: #222224;
	color: #EEEEEE;
}
#jobbers #accordion > div > span > button{
	border-radius: 0;
}
#filter-color div{
	float: left;
}
#filter-color button{
	border: 3px solid #AAAAAA;
	border-radius: 50%;
	height:0;
	overflow:hidden;
	padding-bottom: 29px;
	width: 40px;
}
#filter-color button:hover, 
#filter-color .button.is-checked{
	border: 3px solid #EEEEEE;
}
#filter-color div.chosen button{
	background-color: #222224;
	border: 1px solid #222224;
	border-radius: 10px;
	color: #FFFFFF;
	height: auto;
	margin: 2px 0;
	padding: 5px 15px;
	width: 100%;
}
#filter-color div.chosen button:after{
	content: "X";
	float: right;
	margin: 0 0;
}
.button:active, 
.button:hover, 
.button.is-checked, 
#filter-color > button:hover{
	background-color: #222224;
	color: #EEEEEE;
}
.show-all, 
#filter-color > button.show-all{
	background-color: #AAAAAA;
	border: 1px solid #AAAAAA;
	border-radius: 10px;
	color: #222224;
	cursor: pointer;
	height: auto;
	padding: 5px 15px;
	width: 100%;
}
#filter-color > button.show-all:hover, 
#filter-color > button.show-all.is-checked{
	background-color: #222224;
	border: 1px solid #222224;
	color: #AAAAAA;
	cursor: pointer;
	height: auto;
	width: 100%;
}
#filter-color > button.show-all.is-checked{
	cursor: default;
}
.chosen{
	width: 100%;
}
.chosen .chosen-color .circle{
	border-radius: 50%;
	float: left;
	height: 25px;
	width: 25px;
}
.chosen .chosen-color span{
	color: #FFFFFF;
	float: left;
	margin: 0 0 0 5%;
	text-transform: uppercase;
}
.button-group{
	margin: 0;
	padding: 0;
}
div.glyphiconQuestion{
	display: none;
}
.button{
	background: #AAAAAA;
	border: 1px solid #AAAAAA;
	color: #222;
	cursor: pointer;
	display: inline-block;
	font-family: sans-serif;
	font-size: 16px;
	width: 100%
}
#kolors #accordion .button:after, 
#jobbers #accordion .button:after{
    content: attr(data-count);
    float:right;
}
#kolors #accordion .button.is-checked:after, 
#jobbers #accordion .button.is-checked:after{
	content: 'X';
}
#jobbers #accordion #all .button.is-checked:after{
	content: attr(data-count);
}
.button.show-all.is-checked:hover{
	cursor: default;
}
.button.show-all.is-checked:after{
	content:none;
}
span.glyphicon.glyphicon-question-sign{
	color: #777777;
	font-size: .75em;
}
.color-shape{
	/* font-family: 'Avenir Next LT W01 Bold'; */
	font-family: agenda, sans-serif;
	font-size:14px;
	font-style: normal;
	font-weight: 700;
	line-height:1em;
	min-height:208px;
	position: relative;
	text-transform:uppercase;
}
.color-shape:hover, .swatch-hover {
	background-color: #FFFFFF;
	color: #000000;
}
.color-shape:hover a, 
.swatch-hover a, 
.color-shape:hover a .shape-detail .title, 
.swatch-hover a .shape-detail .title, 
.color-shape:hover a .shape-detail .glyphicon.glyphicon-star, 
.swatch-hover a .shape-detail .glyphicon.glyphicon-star {
	color: #222224;
	text-decoration: none;
}
.color-shape a img{
	margin-top: 15px;
	width: 100%;
}
.shape-detail{
	color: #E1E1E1;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #BBBBBD;
}
.shape-detail .title {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-weight: 700;
}

/* Jobber Portal -specific styles */
#filterresults{
	padding-bottom: 1em;
}
#jobbers #accordion h4{
	font-size: 1.25em;
}
#jobbers .button{
	font-size: 1em;
}
#jobbers .shape-detail .title {
	font-size: 0.7em;
}
#jobbers .image-hover{
	font-size: 0.75em;
	padding: 0.75em;
}
@media (min-width: 600px){
	#jobbers .shape-detail .title {
		font-size: 0.9em;
	}
	#jobbers .image-hover{
		font-size: 1em;
		padding: 1em;
	}
}
@media (min-width: 768px){
	#jobbers #accordion h4{
		font-size: 1em;
	}
	#jobbers .button{
		font-size: 0.8em;
	}
	#jobbers .shape-detail .title {
		font-size: 0.61em;
	}
	#jobbers .image-hover{
		font-size: 0.75em;
		padding: 0.75em;
	}
	.products-bread-crumb.hover-bar ul.breadcrumb-sub-listing li.contact-find{
		display: inline-block;
		padding: 0 0.75em;
	}
}
@media (min-width: 992px){
	.products-bread-crumb.hover-bar ul.breadcrumb-sub-listing li.contact-find{
		padding: 0 1em;
	}
}
@media (min-width: 1200px){
	#jobbers #accordion h4{
		font-size: 1.5em;
	}
	#jobbers .button{
		font-size: 1.2em;
	}
	#jobbers .shape-detail .title {
		font-size: 0.79em;
	}
	#jobbers .image-hover{
		font-size: 1em;
		padding: 1em 0.5em;
	}
	.offset-xl-rm-1{
		margin-left: 0;
	}
}
@media (min-width: 1500px){
	#jobbers .shape-detail .title {
		font-size: 1em;
	}
	#jobbers .image-hover{
		padding: 1.25em 0.5em;
	}
}
/* END Jobber Portal -specific styles */

span.glyphicon.glyphicon-star, 
span.glyphicon.glyphicon-star-empty{
	margin: 0;
	padding: 0;
}
span.glyphicon.glyphicon-star:first-child{
	margin-left: 1em;
}
.border-below{
	border-bottom: 1px solid #BBBBBD;
	margin-bottom: 15px;
	display:none;
}
.details-below{
	display: none;
	padding: 10px 15px;
	float: none;
	background: #fff;
	z-index: 5000;
	width:100%;
	position:absolute;
	bottom:-14px;
	left:0;
}
.product-line{
	float: left;
	/* font-family:'AvenirNextLTW01-HeavyCn_721326'; /** Heavy Condensed Italic ***/ */
	font-family: agenda-condensed, sans-serif;
	font-size:13px;
	font-style: italic;
	font-weight: 800;
}
.kolors-h1{
	display: none;
}
.float-right select{
	margin: 1em 0;
	padding: 0.5em;
	text-align: left;
	width: 200px;
}
.difficulty .glyphicon{
	font-size: 6px;
	line-height: 10px;
	top:-1px;
}
.difficultyTxt { }
.image-hover{
	background-color: #000;
	border-radius: 1em;
	border-radius:7px;
	color: #E1E1E1;
	display: none;
	/* font-family: 'AvenirNextLTW01-HeavyCn_721326'; */
	font-family: agenda-condensed, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 800;
	left: 25%;
	padding:.83em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 35%;
	width: 50%;
}
.color-shape:hover .details-below, .swatch-hover .details-below,
.color-shape:hover .image-hover, .swatch-hover .image-hover {
	display: inline-block;
}
#paginater li{
	display:inline-block;
	padding:0 6px;
}

.pagination > li.page-item > a.page-link, 
.pagination > li.page-item > span{
	background-color: transparent;
	border: none;
	color: #E1E1E1;
	/* font-family: 'Avenir Next LT W01 Bold'; */
	font-family: agenda, sans-serif;
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}
.pagination > li.page-item > a:focus, 
.pagination > li.page-item > a:hover, 
.pagination > li.page-item > span:focus, 
.pagination > li.page-item > span:hover{
	background-color: transparent;
	border: none;
	color: #F7B419;
}
.pagination > li.disabled > a.page-link, 
.pagination > li.disabled > a:focus, 
.pagination > li.disabled > a:hover, 
.pagination > li.disabled > span, 
.pagination > li.disabled > span:focus, 
.pagination > li.disabled > span:hover{
	background-color: transparent;
	border: none;
	color: #707074;
	cursor: default;
}
.load-more{
	height: 3em;
	margin-top: 1em;
}
a.kolorLink{
	display: revert !important;
	text-decoration: underline;
}
a.factoryPack{
	color: white;
	text-decoration: underline;
}
a.factoryPack:hover{
	color: #f7b419;
}
/********** END kolors **********/
/********** kolors detail **********/
.redcuerCanshot {
	padding-top:19px;
	padding-bottom:22px;
}
#products-detail .text-center .img-fluid{
	margin:0 auto;
}
.kolors-detail-bread-crumb{
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.25);
	color: #929396;
	margin: 0;
	padding: 15px 30px;
	text-transform: uppercase;
}
.kolors-detail-path{
	padding-bottom: 0;
	padding-top: 0;
}
.kolors-detail-body{
	margin-bottom: 2em;
}
.kolors-detail-body h2, 
.kolors-detail-body h3{
	margin: 0 0 0.25em 0;
}
.kolors-detail-padding{
	padding-bottom: 1em;
	padding-top: 1em;	
}
.kolors-detail-padding-bottom-border{
	border-bottom: 1px solid #929396;
	padding-bottom: 1em;
	padding-top: 1em;
}
.kolors-detail-padding-no-border{
	border: none;
	padding-bottom: 1em;
	padding-top: 1em;
}
.kolors-detail-product-difficulty p, 
.kolors-detail-try-another p{
	text-transform: uppercase;
}
.kolors-detail-product-difficulty .fa { font-size: 11px; }
.kolors-detail-body > div.row > div.kolors-detail-create, 
.kolors-detail-body > div.row > div.kolors-detail-similar-kolors{
	border-bottom: none;
}
.kolors-detail-try-another select{
	padding: 0.5em;
	width: 100%;
}
.kolors-detail-product-buttons div a{
	text-align: center;
}
.kolors-detail-product-share .share-social{
	float: left;
}
.kolors-detail-share-ul{
	list-style: none;
	margin: 2em auto;
	padding: 0;
	text-align: center;
}
.kolors-detail-share-ul li{
	display: inline-block;
	padding: 0 0.5em;
}
.kolors-detail-share-ul li span{
	color: #E1E1E1;
	text-transform: uppercase;
}
.kolors-detail-create-heading{
	margin-top: 100px;
}
.kolors-detail-similar-heading{
	margin-top: 50px;
}
.kolors-detail-similar-kolors p{
	border-bottom: 1px solid #E1E1E1;
	color: #E1E1E1;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
.kolors-detail-similar-kolors a:hover p{
	color: #F7B419;
	text-decoration: none;
}
.kolors-detail-similar-kolors p .glyphicon.glyphicon-star{
	top: 4px;
}
.kolor-detail-tab-detail > div > div{
	border-top: 1px solid #E1E1E1;
	padding-bottom: 3em;
	padding-top: 3em;
}
.kolor-detail-tab-detail > div > div:first-child{
	border-top: none;
	padding-top: 0.25em;
}
.kolor-detail-tab-detail > div > div.kolor-detail-prep, 
.kolor-detail-tab-detail > div > div.kolor-detail-primer-formula, 
.kolor-detail-tab-detail > div > div.kolor-detail-estimator{
	border-top: none;
}
.kolor-detail-tab-detail h3{
	margin-right: 1em;
}
.kolor-detail-tab-detail h5{
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 10%;
}
.kolor-detail-tab-detail#products-detail h5{
	color: #E1E1E1;
}
.kolor-detail-tab-detail p{
	color: #E1E1E1;
	margin-top: 14px;
}
.kolor-detail-tab-detail img{
	padding-bottom: 1em;
}
.kolor-detail-tab-detail img.float-left{
	display: none;
}
.kolor-detail-tab-detail .kolor-detail-create p{
	margin-top: 0;
}
.kolor-detail-create .table > tbody > tr > td{
	border-top: none;
}
.kolor-detail-tab-detail.clearfix{
	margin: 2em 0;
}
.kode-example {}
.kode-example p {
	text-align: left;
}
p.border_top {
    border-top: 1px solid #929397;
    padding-top: 15px;
}
#rtsprice{
	color: #E1E1E1;
	margin-left: 1em;
}
.kolor-detail-estimator-row.kolor-detail-create {
	
}
.kolor-detail-mix-formula-parts, 
.kolor-detail-mix-formula-weight{
	border-top: 1px solid #929397;
}
.table > thead > tr > th{
	border-bottom: 1px solid #929397;
}
.kolor-detail-mix-formula-parts a, 
.kolor-detail-mix-formula-weight a, 
.kolor-detail-estimator a{
	display: none;
}
.modal-content{
	background-color: #BBBBBD;
}
.modal-header h4{
	color: #222224;
}
.modalSection{
	border-bottom: 1px solid #e5e5e5;
	margin-top: 0.5em;
	padding-top: 0.5em;
	width: 100%;
}
.modalSection:first-child{
	margin-top: 0;
	padding-top: 0;
}
.modalSection:last-child{
	border-bottom: none;
}
.modalSectionLabel{
	color: #222224;
	margin-bottom: 0;
}
.modalDiv{
	display: inline-block;
	width: 100%;
}
.modalDiv > div{
	float: left;
}
.modalColumnHalf{
	width: 50%;
}
.modalColumnQuarter{
	width: 25%;
}
/*sloppy http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/ */
.kolors-detail-create{
	background-color: #222224;
	display: block;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
}
.kolors-detail-create .slope {
	left:-5px;
}
.kolors-detail-create .se-content{
	margin: 0;
	padding: 0 0 50px 0;
}
.kolors-detail-page span.glyphicon.glyphicon-question-sign{
	margin-left: 1em;
}
/********** END kolors detail **********/
/********** locator-results // locator-iframe **********/
body#locator-iframe {
	background:#111111 url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise.png);
	color: #E1E1E1;
}
#locator-iframe #results{
	width: 100%;
}
#locator-iframe #map{
	display: none;
	width: 50%;
}
#locator-iframe #regions, 
#locator-iframe #locations {
	width: 100%;
}
#locator-iframe #locations li {
	margin-bottom:20px;
}
#locator-iframe #allstores {
	padding-left:0;
}
#locator-iframe li.marker {
	background-position-x:0;
	background-position-y:0;
	padding-left:30px;
}
#locator-iframe .measurement {
	color:#239601;
	font-weight:normal;
}
#locator-iframe ::-webkit-scrollbar-thumb {
	color:#fff;
}
/********** END locator-results // locator-iframe **********/
/********** locator **********/
.stretch img{
	background-size: 100% 100%;
	height:100%;
	width:100%;
}
.locatorHero{
	position:relative;
}
#inputPostalDiv{
	position:absolute;
	top: 13em;
}
#inputPostalDiv label.radio-inline{
	color: #E1E1E1;
	/* font-family: "AvenirNextLTW01-HeavyCn_721326"; */
	font-family: agenda-condensed, sans-serif;
	font-style: italic;
	font-weight: 800;
	text-shadow: 0 0 1em black, 0 0 1em black, 0 0 1em black, 0 0 1em black, 0 0 1em black, 0 0 1em black;
	text-transform: uppercase;
}
#locatorFields{
	margin-bottom: 3em;
	margin-top: 2em;
}
.form-other .form-control.btn-white{
	padding-top: 0.25em;
}
/********** END locator **********/
/********** PP & TOU **********/
#brandifyDiv, #touDiv, #ppDiv{
	color: #e1e1e1;
	margin-bottom: 2em;
	margin-top: 2em;
	padding:0px;
}
body#privacyPolicyBody, body#termsOfUseBody{
	margin-top:0 !important;
}
section.privacyPolicySection, section.termsOfUseSection{
	border:none;
	padding:0;
}
section.privacyPolicySection h1, section.termsOfUseSection h1{
	color: #929396;
	margin: 0;
}
section.privacyPolicySection p, section.termsOfUseSection p{
	color: #E1E1E1;
	text-align:left;
}
section.privacyPolicySection a, section.termsOfUseSection a{
	color: #E1E1E1;
	text-decoration: underline;
}
section.privacyPolicySection a:hover, section.termsOfUseSection a:hover{
	color: #F7B419;
}
/********** END PP & TOU **********/
/**************************** PRODUCTS PAGE [MEDIA QUERIES INCULDED]*********************** */
.center_text {
	text-align: center;
	padding-top: 25px;
}

.download_sds p,.download_tds p{
	color:#222224;
}
.dealer-btm{
	background-color: #222224;
	border-bottom: 1px solid #4e4e52;
}

.dealer-btm div.headline{
	display:none;
}
#products-landing p{
color:#fff;}
h1.huge_text {
	font-size: 621%
}

section#products_4 {
	background-origin: padding-box;
	background-position: center top;
	/* height: 460px; */
}

.Xl_img {
	height: 460px;
}
#products_1{
	text-align: center;
}
.anchr_btm {
	border-right-width: 38px;
	border-left-width: 40px;
}
P.para_btn a{
	display:block;
}

.para_text {
	padding: 35px 10px 0 0;
	text-align: justify;
}

.para_text_bottom, .para_text_bottom_btn {
	text-align: center;
	padding-top: 15px;
}
.white,span#para,span#para p,span#tds span,div#tophead p {
	color: #e1e1e1;
}
.products-bread-crumb {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
#tophead {
	margin-left: 20px;
}
#primers {
	margin-top: 2em;
}
li.white span.labels{
	padding-left: 1em;
	
}
li a.active {
	color: rgba(224, 224, 224, 0.47);
}
div.prdct {
	background: linear-gradient(178deg, rgb(129, 42, 0) 3%, #030304 66%);
}
.prdct h4 {
	color: #e1e1e1;
}
.topspace {
	margin-top: 2em;
}
a.btn-empty {
	padding: 0.5em 2em;
}
li.white span.labels {
	padding-left: 1em;
}
li.white a {
	padding-left: 1em;
	text-decoration: underline;
}

li.white a:hover {
	text-decoration: none;
}

h6.white {
	color: #f5f5f5;
}

h3.main_heading {
	margin-top: 3em;
	color: #e1e1e1;
}

h3.white p {
	text-align: justify;
	width: 90%;
}

.spacing {
	padding-top: 2em;
	padding-bottom: 1em;
}

.pad_left {
	padding-left: 2em;
}

.more_color {
	margin-top: 3em;
	padding: 0;
}

.image {
	height: 310px;
	padding-top: 2em;
	text-align: center;
}

.desc {
	padding: 2em 0px;
}

li.white a {
	padding-left: 1em;
	text-decoration: underline;
}

li.white a:hover {
	text-decoration: none;
}

p.details {
	color: #e1e1e1;
	text-decoration: underline;
}

p.details:hover {
	text-decoration: none;
	cursor: pointer;
}

.seperator {
	border-top: 1px solid rgba(238, 238, 238, 0.12);
}

#close {
	color: white;
	text-align: right;
	font-size: 2em;
}

#close:hover {
	color: #CCC;
	cursor: pointer;
}

span.diamond {
	text-align: center;
	width: 0;
	height: 0;
	border-left: 2em solid transparent;
	border-right: 2em solid transparent;
	border-bottom: 4em solid #1D1D1F;
	overflow: hidden;
}

#blackbox {
	background: #1D1D1F;
	padding-top: 5px;
	margin: 0px auto 0 auto;;
}

div#primers span.HeadLine, div.primers span.HeadLine {
	height: 0px;
}

#tophead_1,#tophead_2 {
	padding-top: 3em;
	padding-bottom: 2em;
	background: linear-gradient(177deg, rgba(128, 42, 1, 0.64) 7%,
		rgba(0, 0, 0, 0.09) 74%, rgba(129, 42, 0, 0.22) 37%, rgb(129, 42, 0)
		55%);
}

.center {
	text-align: center;
}

div.padd img {
	padding-bottom: 10px;
}

.overlay {
	background: rgba(0, 0, 0, 0.11);
}

.canHead {
	color: #dfdfdf;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

div.padd {
	margin-bottom: 2em;
}

.bullets ul {
	text-align: left !important;
	padding-left: 15px;
	color: #e4e2e2;
	list-style-type: none;
	margin-bottom: 0px;
}

.textblkdscp p {
	color: #e1e1e1;
}

.bullets ul li {
	padding-bottom: 2px;
	padding-top: 5px;
	font-size: 14px;
	text-transform: uppercase;
}

p.overlay {
	padding-top: 10px;
	padding-bottom: 10px;
}

p.overlay a {
	width: 90%;
}
/* *************************** END PRODUCTS PAGE *********************** */
/********** search **********/
#pages a { text-transform:uppercase; }
.search-heading{
	margin: 50px 0;
}
.search-searched{
	margin-top: 20px;
}
.search-section{
	border-top: 1px solid #929396;
	margin: 0;
	padding-bottom: 30px;
	padding-top: 15px;
	text-align: left;
}
.search-section p, 
ul.simplePagerNav li a{
	color: #E1E1E1;
}
.h4-white{
	font-size: 1em;
	text-transform:uppercase;
}
.search-section a .h4-white {
	text-decoration: underline;
}
.search-section a:hover, 
.search-section a:hover .h4-white{
	color: #F7B419;
}
ul.quick-pagination{
	list-style: none;
	padding-left: 0;
}
ul.simplePagerNav li{
	margin: 0;
}
ul.simplePagerNav li:hover{
	border: 1px solid #ff9500;
	margin: -1px;
}
.searchresultsrow { border-bottom: 1px solid #929397; }
.searchresultsrow .btn, .searchresultsrow a.btn.btn-white { font-size:0.83em; }
/**jquery.quick.pagination styles**/
ul.simplePagerNav li{
	display:block;
	float: left;
}
ul.simplePagerNav li.currentPage:hover{
	border: none;
	cursor: text;
	margin: 0;
}
ul.simplePagerNav li a{
	padding: 0 20px;
}
ul.simplePagerNav li.currentPage a{
	color: #707074;
}
ul.simplePagerNav li.currentPage a:hover{
	cursor: text;
	text-decoration: none;
}
#pagination span a{
	color: #E1E1E1;
	float: left;
	margin: 0;
	padding: 0 1em;
	text-decoration: none;
}
#pagination span a.active, 
#pagination span a:hover{
	color: #F7B419;
	text-decoration: none;
}
.pageprev{
	margin-left: 0;
}
.pagenext{
	margin-right: 0;
}
.not-site-search{
	border-top:1px solid #e1e1e1;
	margin-top:2em;
}
/********** END search **********/
/********** sitemap **********/
.sitemap-heading{
	text-align: center;
}
.sitemap-container{
	border-top: 1px solid #929396;
}
.sitemap-unordered-list{
	list-style: none;
	margin-top: 15px;
	padding: 0;
}
.sitemap-list-item{
	color: #e1e1e1;
	margin: 0;
	padding: 5px 0;
}
.sitemap-list-item h4{
	color: #929396;
	margin: 0;
}
.sitemap-list-item a{
	color: #e1e1e1;
}
/********** END sitemap **********/
/* KUSTOM KREW LANDING */
.kustom-krew-hero, 
.hero-section{
	min-height: 3em;
	overflow:hidden;
	position:relative;
	width:100%;
}
.kustom-krew-hero .hover-bar, 
.hero-section .hover-bar{
	background: rgba(0,0,0,.20);
}
.contact-hero .kustom-krew-hero .hover-bar{
	background: rgba(0,0,0,.5);
}
.kustom-krew-hero img, 
.hero-section img{
	width:100%;
}
.kustom-krew-bread-crumb, 
.hero-bread-crumb{
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
.breadcrumb{
	background-color: transparent;
}
.kustom-krew-hero .breadcrumb-sub-listing, 
.hero-section .breadcrumb-sub-listing{
	padding: 0.5em 15px;
	overflow:hidden;
	max-height:53px;
	color:#fff;
	margin-bottom:0;
}
.kustom-krew-hero .breadcrumb-sub-listing > li, 
.hero-section .breadcrumb-sub-listing > li{
	display: inline-block;
	font-size: 0.8em;
	padding: 0 1em;
}
.kustom-krew-hero .breadcrumb-sub-listing strong, 
.hero-section .breadcrumb-sub-listing strong{
	/* font-family: 'AvenirNextLTW01-HeavyCn_721326'; */
	font-family: agenda-condensed, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: 800;
	margin:10px 0;
	text-transform: uppercase;
}
.kustom-krew-sub-listing > li{
	display: inline-block;
	font-size: 0.8em;
	padding: 0 1em;
}
.kustom-krew-upcoming{
	background-color: #4E4E52;
	padding-bottom: 2em;
}
.kustom-krew-upcoming-heading{
	text-align: center;
}
.kustom-krew-events-page .tab-content ul{
	margin-left:0;
	padding-left:0;
}
.tb-kustom-krew-events{
	margin-top:2em;
	margin-bottom:2em;
}
.tb-kustom-krew-copy{
	margin-bottom:2em;
	font-size: 14px;
}
.kustom-krew-upcoming{
	color:#e1e1e1;
	background-color: #222224;
	padding: 1em 0 2em; 
}
ul.upcoming-tabs .active .btn-empty{
	background-color: #E1E1E1;
	color:#262626;
}
ul.upcoming-tabs{
	list-style:none;
	margin:1em 0;
	padding:0;
}
.upcoming-tabs li{
	display:inline-block;
	list-style:none;
	margin:0 auto;
	padding:0;
}
.upcoming-tabs > li > a{
	margin:0;
	margin-right:-6px;
}
.kustom-krew-upcoming ul.kustom-krew-events-wrap, 
.kustom-krew-upcoming ul.kustom-krew-events-wrap li{
	list-style:none;
	margin:0;
	padding:0;
}
.kustom-krew-upcoming ul.kustom-krew-events-wrap{
	display:table;
	width:100%;
	border-collapse: collapse;
	margin-bottom:1em;
}
.kustom-krew-upcoming ul.kustom-krew-events-wrap li, 
.kustom-krew-events{
	display:table-row;
	border-bottom:1px solid #4e4e52;
	padding:1em 0;
}
.kustom-krew-events, 
.kustom-krew-workshops{
	border-bottom: 1px solid #707074;
	padding-bottom: 1em;
	padding-top: 1em;
}
.kustom-krew-events h3, 
.kustom-krew-events h5, 
.kustom-krew-workshops h3, 
.kustom-krew-workshops h5{
	color: #e1e1e1;
	margin-bottom: 0;
	margin-top: 0;
}
.kustom-krew-date-date, 
.kustom-krew-section-details{
	display:table-cell;
}
.kustom-krew-section-heading{
	/* font-family: 'Avenir Next LT W01 Bold'; */
	font-family: agenda, sans-serif;
	font-style: normal;
	font-weight: 700;
}
p.kustom-krew-section-details{
	margin-top: 0.5em;
}
.tb-kustom-krew-events .kustom-krew-date-date,.tb-kustom-krew-events .kustom-krew-section-details{
	padding:12px 0;
}
.kustom-krew-tab-detail{
	margin:0 15px;
}
.kustom-krew-all-events{
	clear:both;
	padding-top:20px;
}
.kustom-krew-all-events, 
.kustom-krew-all-workshops{
	padding-top: 2em;
	text-align: center;
}
.kustom-krew-all-events a, 
.kustom-krew-all-workshops a{
	float: left;
	width: 100%;
}
.kustom-krew-events-list{
	color: #e1e1e1;
}
.kustom-krew-upcoming .active a {
	background-color: #E1E1E1;
	color: #222224;
	text-decoration: none;
}
.tb-kustom-krew-events .tb-kustom-krew-events{
	padding-top:1em;
}
.tb-kustom-krew-events .kustom-krew-date-month{
	display:block;
	/* font-family: 'Avenir Next LT W01 Bold'; */
	font-family: agenda, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: 700;
	text-transform:uppercase;
}
.tb-kustom-krew-events .kustom-krew-date-days{
	/* font-family:'AvenirNextLTW01-HeavyCn_721326'; */
	font-family: agenda-condensed, sans-serif;
	font-size:24px;
	font-style: italic;
	font-weight: 800;
	line-height:20px;
}
.tb-kustom-krew-events .kustom-krew-section-details, 
.tb-kustom-krew-events .kustom-krew-section-details p{
	color: #e1e1e1;
}
.tb-kustom-krew-events .kustom-krew-section-details strong{
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 14px;
}
.bg-noise2 {
	background:transparent url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise-prestigious.png);
}
.bg-noise2 p{
	color:#222224;
}
.bg-noise2 h2, 
.bg-noise2 h3, 
.bg-noise2 h4, 
.bg-noise2 h5{
	color:#222224;
}
.skewTop {
	position:relative;
}
.skewTop:before {
	content: '';
	position: absolute;
	left: 0;
	top: -30px;
	width: 100%;
	height: 38px;
	background:#111111 url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise.png);
	-webkit-transform: skewY(-2.5deg);
	-moz-transform: skewY(-2.5deg);
	-ms-transform: skewY(-2.5deg);
	-o-transform: skewY(-2.5deg);
	transform: skewY(-2.5deg);
	-webkit-backface-visibility: hidden;
}
.kustom-krew-ppa{
	background-color: #e1e1e1;
}
.kustom-krew-ppa-heading{
	text-align: center;
}
.kustom-krew-ppa-heading h2{
	color: #222224;
}
.kustom-krew-ppa-blocks{
	padding:2em 15px 0; 
}
.kustom-krew-ppa-body-links{
	text-align:center;
}
.kustom-krew-ppa-body-link{
	min-height: 3em;
}
.kustom-krew-ppa-body-link a{
	float: left;
	text-align: center;
	width: 100%;
}
.kustom-krew-ppa-body-link .btn{
	min-width:75%;
	display:inline-block;
}
.kustom-krew-ppa-picture{
	padding-top:1em;
}
.kustom-krew-ppa-picture img{
	margin-bottom:-5px;
	width:100%;
}
.kustom-krew-socialmedia{
	font-size: 14px;
	padding: 2em 0;
}
.kustom-krew-socialmedia .headline{
	text-align:center;
	margin-top: 20px;
	margin-bottom: 10px;
}
.kustom-krew-social{
	text-align: center;
}
.kustom-krew-social ul{
	margin-bottom: 2em;
	margin-top: 1em;
}
.kustom-krew-social ul li{
	display: inline-block;
	padding: 0 1em;
}
.kustom-krew-events-page .kustom-krew-body{
	padding-left:0;
	padding-right:0;
}
.kustom-krew-events-page ul.upcoming-tabs{
	padding-left:15px;
	padding-right:15px;
}
.events-ul-teaser{
	color:#e1e1e1;
	padding:15px;
}
.kustom-krew-events-page .row.kustom-krew-events{
	margin-left:0;
	margin-right:0;
	display:block;
	border-bottom:0;
	border-top:1px solid #4e4e52;
}
.events-disclaimer{
	font-size:12px;
	font-style:italic;
	color:#e1e1e1;
	padding:1em 0 0 0;
	margin-bottom:0;
}
.kustom-krew-events-page .kustom-krew-date-month, 
.kustom-krew-events-page .kustom-krew-date-days{
	font-size: 14px;
	font-weight: 600;
}
.kustom-krew-events-page .kk-event-txt-upper{
	font-size:15px;
}
.kustom-krew-events-page .kk-event-txt-upper strong{
	display:block;
	text-transform:uppercase;
	margin:3px 0;
	padding:0;
}
.kustom-krew-events-page .kk-event-txt-upper a{
	text-decoration:underline;
	color: #e1e1e1;
	font-weight:600;
}
.kustom-krew-events-page .kk-event-txt-upper a:hover{
	text-decoration:none;
}
.kustom-krew-events-page .kk-event-txt-lower{
	font-size: 14px;
}
.kustom-krew-section-details{
	/* font-family: 'AvenirNextLTW01-Medium'; */
	font-family: agenda, sans-serif;
	font-size:12px;
	font-style: normal;
	font-weight: 500;
}
.ppa-form{
	padding:20px 0;
}
.ppa-form p, 
.ppa-form li, 
.ppa-form .filename{
	color:#ffffff;
}
#ppa-form-breadcrumb{
	font-size: 14px;
	color:#929396;
	text-transform:uppercase;
	border-bottom:none;
}
#ppa-form-breadcrumb.nav>li>a:focus, 
#ppa-form-breadcrumb .nav>li>a:hover{
	background-color:transparent;
}
#ppa-form-breadcrumb .active,#ppa-form-breadcrumb.nav-tabs>li.active>a, 
#ppa-form-breadcrumb.nav-tabs>li.active>a:focus, 
#ppa-form-breadcrumb.nav-tabs>li.active>a:hover {
	color:#f7b419;
	cursor: default;
	background-color: transparent;
	border: 0;
} 
#ppa-form-breadcrumb.nav-tabs>li>a {
	border: 0;
	border-radius: 0;
	padding: 1em 0.8em;
}
@media (min-width: 768px){
#ppa-form-breadcrumb.nav-tabs>li:first-child>a {
	padding-left: 0;
}
}
#ppa-form-breadcrumb.nav-tabs>li>a:hover{
	border-color: 0;
}
#ppa-form-breadcrumb.nav>li>a:focus, 
#ppa-form-breadcrumb.nav>li>a:hover {
	text-decoration: none;
	background-color: transparent;
}
.ppa-form .btn-file {
	position: relative;
	overflow: hidden;
}
.ppa-form.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}   
.ppa-form .tab-pane{
	display:none;
}
.ppa-form .tab-content .active{
	display:block;
}
.kustom-krew .form-control {
	color: #e1e1e1;
	background-color: #000;
	background-image: none;
	border: 1px solid #000;
	border-radius: 0; 
}
.kustom-krew-tintup{
	margin-bottom: 2em;
}
.kustom-krew-tintup .nextPost{
	background-color: white;
	color: black;
}
.kustom-krew-tintup .nextPost:hover{
	background-color: orange;
	color: black;
}
/* END KUSTOM KREW LANDING */
/* step 1 img preview **/
#step0Preview img, 
#step1Preview img { width:100px; }
/** accordion kustum krew ***/
.hok-accordion .panel-heading .panel-title a.active, .hok-accordion .panel-heading .panel-title a, .hok-accordion .panel-heading .panel-title a:hover, .hok-accordion .panel-heading .panel-title a:visited, .hok-accordion .panel-heading .panel-title a:active { color:#222224; }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
/* how to */
.tile-formatter .tile{
	background-image: url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise.png);
	background: #111111; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba(0,0,0,0), rgba(50,50,50,1)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(0,0,0,0), rgba(50,50,50,1)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(0,0,0,0), rgba(50,50,50,1)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(0,0,0,0), rgba(50,50,50,1)); /* Standard syntax (must be last) */
	padding-bottom: 3em;
	padding-top: 3em;
	text-align: center;
}
.tile-formatter .tile h3{
	color: white;
}
.tile-formatter .tile a.btn.btn-white{
	padding: 0.5em 4em;
}
.hero-bread-crumb{
	display: none;
}
#filters-button{
	margin-bottom: 2em;
	margin-top: 2em;
	padding-left: 2em;
}
.tutorialSection .breadcrumb-sub-listing{
	min-height: 4em;
}
.tutorialSection .breadcrumb-sub-listing li:first-child{
	text-align: center;
	width: 100%;
}
.tutorial-right h3{
	display: none;
}
a.nextVideoInSeries{
	border-bottom: 2px solid black;
	display: block;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}
a.gallery-item{
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
a.gallery-item hr{
	display: none;
}
@media (min-width: 768px){
	.hero-bread-crumb{
		display: block;
	}
	.tutorialSection .breadcrumb-sub-listing{
		min-height: unset;
	}
	.tutorialSection .breadcrumb-sub-listing li:first-child{
		width: unset;
	}
	#filters-button{
		display: none;
	}
	#tutorials #filters-ready{
		display: inline-block;
	}
	.tutorial-right h3{
		color: white;
		display: inline-block;
	}
	a.gallery-item{
		border-bottom: none;
		padding-bottom: 0;
	}
	a.gallery-item hr{
		display: block;
	}
}
/* END how to */
/* tutorials-video detail pages */
.video-formatter{
	padding-bottom: 2em;
}
.video-player{
	clear: both;
	float: none;
	height: 0;
	padding-bottom: 53%;
	padding-top: 25px;
	position: relative;
	width: 100%;
}
.video-player iframe{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.videoThumbnail{
	margin-top: 1em;
}
.nextVideoInSeries .nextVideoThumbnail, 
.videoThumbnail{
	overflow: hidden;
	position: relative;
}
.nextVideoInSeries .nextVideoThumbnail .glyphicon, 
.videoThumbnail .glyphicon{
	color: white;
	font-size: 3em;
	left: 50%;
	margin-left: -0.5em;
	margin-top: -0.5em;
	position: absolute;
	top: 50%;
	transition: all .25s;
	z-index: 999;
}
.nextVideoInSeries:hover .nextVideoThumbnail .glyphicon, 
.gallery-item:hover .videoThumbnail .glyphicon{
	color: #f7b419;
}
.nextVideoInSeries .nextVideoThumbnail img, 
.videoThumbnail img{
	margin-bottom: -10%;
	margin-top: -10%;
}

@media (min-width: 768px){
	.video-next h3{
		font-size: 18px;
		margin-top: 0;
	}
}
.tile p{
	margin-bottom: 0;
}
.share-social{
	color: white;
	float: right;
	padding-left: 1em;
}
canvas.myCanvas, 
canvas.mobileCanvas{
	float: left;
	padding-right: 0.5em;
}
.gallery-item hr{
	margin-top: 0;
}
.gallery-item:hover{
	background-color: black;
}
/* END tutorials-video detail pages */

@media only screen and (max-device-width: 640px), 
only screen and (max-device-width: 667px), 
only screen and (max-width: 480px) and (orientation : portrait), 
only screen and (min-device-width : 320px) and (max-device-width : 480px){
	.canHead {
		color: #e1e1e1;
	}
	.bullets ul {
		padding-left: 8px;
	}
	.bullets ul li {
		padding-top: 10px;
	}
	p.overlay a {
		font-size: 14px;
		width: 90% !important;
		color: #222224;
	}
	div.padd img {
		width: 90px;
		padding-bottom: 0px;
	}
	div.padd>div {
		padding-left: 5px;
		padding-right: 5px;
	}
	.textblkdscp p {
		font-size: 14px;
	}
	p.para_btn a,a.anchr_btm {
		display: inline;
		border: 0;
		padding: 0.5em 5em;
	}
	.para_text_bottom {
		text-align: left;
	}
	div.para_text_bottom p {
		padding: 10px 16px;
	}
	.para_text {
		padding: 10px 16px;
		text-align: left;
	}
	.para_btn{
		text-align:center;
	}
	h1.huge_text {
		font-size: 56px;
	}
	h6.white {
		font-size: 12px;
		margin: 5px auto;
	}
	a.btn-empty {
		padding: 0.5em 1em;
	}
	#tophead_1,#tophead_2 {
		padding-top: 0;
	}
	ul.upcoming-tabs {
		text-align: center;
	}
	img.topspace {
		width: 310px;
		padding: 0 5px 0 0;
	}
	.kustom-krew-hero .breadcrumb-sub-listing>li {
		display: inline-block;
		font-size: 11px;
		padding: 0px 2px;
	}
	span.diamond {
		text-align: center;
		width: 0;
		height: 0;
		border-left: 3em solid transparent;
		border-right: 3em solid transparent;
		border-bottom: 5em solid #1D1D1F;
		overflow: hidden;
	}
	div#primers span.HeadLine, div.primers span.HeadLine{
		height: 1px;
	}
	#blackbox {
		padding: 5px;
		margin-top: 15px;
	}
	li.white a {
		padding-left: 0.5em;
		display: inline-block;
	}
	div.desc,.pad_left,.Kolors-list {
		padding: 0;
	}
	ul.Kolors-list li {
		display: inline-block;
		font-size: 14px;
		width: 125px;
	}
	h3.white {
		font-size: 25px;
	}
	a.btn.btn-white {
		width: 100%;
	}
	span#para {
		font-size: 14px;
	}
	.image {
		height: 230px;
	}
}

/* Devices (up to 767px) */
@media (max-width: 767px){
	#filters-loading{
		position: absolute;
		top: 86px;
		z-index: 1000;
	}
	#news-hero-img img{
		width:320px;
		height:200px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
	.extra-small, 
	.locator-li-nav li.extra-small{
		display: none;
	}
	.small-and-above, 
	.locator-li-nav li.small-and-above{
		display: inline-block;
	}
	.small-and-above h4{
		margin-bottom: 0;
		margin-top: 0;
	}
	.contact-hero .products-bread-crumb.hover-bar{
		display: unset;
	}
	.contact-li-nav li{
		font-size: 0.8em;
		padding: 0 1em;
	}
	.contact-li-nav li:first-child{
		/* font-family: 'AvenirNextLTW01-HeavyCn_721326'; */
		font-family: agenda-condensed, sans-serif;
		font-size: 18px;
		font-style: italic;
		font-weight: 800;
		text-transform: uppercase;
	}
	/** template **/
	.container-sm{
		width: 750px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.side-information{
		margin-left: 0;
		margin-right: 0;
	}
	h2{
		font-size: 54px;
	}
	/** contact hero **/
	div.contact-slant{
		min-height: 450px;
	}
	.top-text{
		float: left;
	}
	/** END contact hero **/
	/** documents **/
	.results-title{
		text-align: left;
	}
	.table > thead > tr > th, 
	.table > tbody > tr > td{
		padding: 1em 0;
	}
	/** END documents **/
	/** formulas-find **/
	.find-container{
		margin-bottom: 3em;
		margin-top: 3em;
	}
	#find-documents{
		border-left: 1px solid #707074;
		border-top: none;
	}
	.search-glyph span{
		left: 87%;
	}
	.search-glyph input{
		padding-left: 1em;
	}
	/** END formulas-find **/
	/** foundation **/
	.mix-formula-by-parts a, 
	.mix-formula-by-weight a{
		display: block;
		text-align: center;
	}
	/** END foundation **/
	/** homepage **/
	.homepage-tiles, .homepage-tiles .col-md-4{
		padding: 0;
	}
	.homepage-tiles > div{
		margin: 0;
	}
	#form_newsletter{
		height: 3em;
	}
	#form_newsletter input, 
	#form_newsletter button{
		height: 100%;
	}
	/** END homepage **/
	/** kolors landing **/
	.kolors-h1{
		display: inline-block;
	}
	#kolors span.glyphicon.glyphicon-search, 
	#jobbers span.glyphicon.glyphicon-search{
		padding-left: 0;
	}
	.details-below{
		position:absolute;
		bottom:-14px;
		left:0;		
	}
	#accordion h4, 
	#tutorials h4, 
	.filters .button-group button.button{
		font-size: 1.25em;
	}
	.details-below { }
	.product-line {  font-size:15px; }
	.difficulty { font-size:6px; }
	.color-shape { min-height:181px; }
	/** END kolors landing **/
	/** kolors detail **/
	.kolors-detail-create h2, 
	.kolors-detail-similar-kolors h2{
		text-align: center;
	}
	.kolors-detail-product-name h2, 
	.kolors-detail-product-difficulty p, 
	.kolors-detail-try-another p, 
	.kolors-detail-try-another select, 
	.kolors-detail-product-share ul{
		margin-left: -15px;
	}
	.kolors-detail-product-name h2{
		margin-top: -25px;
	}
	.kolors-detail-similar-kolors > div.row > div.col-md-4:nth-child(5){
		display: none;
	}
	.kolor-detail-tab-detail#products-detail h5, 
	.kolor-detail-tab-detail p{
		text-align: center;
	}
	.kode-example p {
		text-align: left !important;
	}
	.kolor-detail-tab-detail img{
		padding-bottom: 0;
	}
	.kolor-detail-tab-detail img.float-left{
		display: inline;
	}
	.kolor-detail-tab-detail p.float-left{
		display: none;
	}
	.kolor-detail-mix-formula-parts a, 
	.kolor-detail-mix-formula-weight a, 
	.kolor-detail-estimator a{
		display: block;
		text-align: center;
	}
	.kolors-detail-share-ul{
		text-align: left;
	}
	.kolors-detail-share-ul li {
		margin:0 auto;
	}
	.kolors-detail-try-another.kolors-detail-padding-bottom-border{
		border-bottom: none;
	}
	.kolors-detail-body{
		margin-top: 2em;
	}
	/** END kolors detail **/
	/** locator-results // locator-iframe **/
	#locator-iframe #breadcrumb, 
	#locator-iframe #breadcrumb li {
		height:30px;
		list-style:none;
		margin:0;
		padding:0;
	}
	#locator-iframe #breadcrumb li {
		float:left;
		margin-left:10px;
	}
	#locator-iframe #results {
		font-size: 1em;
	}
	#locator-iframe #map {
		border:3px outset #239601;
		display: inline-block;
		float:right;
		height:400px;
	}
	#locator-iframe #regions, 
	#locator-iframe #locations {
		width: 50%;
	}
	#locator-iframe #locations, 
	#locator-iframe #locations li {
		list-style:none;
	}
	#locator-iframe #locations strong, 
	#locator-iframe span.address, 
	#locator-iframe span.contact, 
	#locator-iframe span.phone, 
	#locator-iframe span.fax, 
	#locator-iframe span.website {
		display:block;
	}
	/** END locator-results // locator-iframe **/
	/** locator **/
	#inputPostalDiv{
		top: 16em;
	}
	.locator-li-nav li{
		margin-left: 1em;
		top: -0.4em;
	}
	.locator-li-nav li:first-child{
		margin-right: 1em;
	}
	.locator-heading.hover-bar ul li h4{
		font-size: 1em;
	}
	/** END locator **/
	/********** START KUSTOM KREW LANDING (KKL) **********/
	/** KKL Upcoming ***/
	.kustom-krew-ppa > .container-fluid > .row {display: flow-root;}
	.tb-kustom-krew-copy { margin-top:0; }
	.tb-kustom-krew-copy .headline h2 { margin-top:0; }
	.kustom-krew-upcoming { font-size:14px; }
	.kustom-krew-upcoming .headline h2 { font-size: 28px; }	
	/** KKL PPA **/
	.kustom-krew-ppa-blocks { padding-right:0; padding-left:0; }
	.skewTop:before { top:-17px; }
	.skewTop { padding-top:2em; }
	.kustom-krew-ppa-blocks { text-align:center; }
	.kustom-krew-ppa-body { width:80%; margin:0 auto; }
	.kustom-krew-ppa-picture img { margin-bottom:-23px;}
	/** KKL Social Media **/
	.kustom-krew-social-blocks { text-align:center; }
	.kustom-krew-social-body { width:80%; margin:0 auto; }	
	/*** KK Events Page ***/
	.kustom-krew-events-page .kustom-krew-body { text-align:center; }
	.kustom-krew-events-page .events-ul-teaser p { width:50%; margin:0 auto; }
	.kustom-krew-events-page .events-ul-teaser p.events-disclaimer { width:auto; text-align:left; margin-left: 8.33333333%; }
	.kustom-krew-events-page .row.kustom-krew-events { text-align:left; }
	/** column 1 **/
	.kustom-krew-date-date { width:40%;   }
	.kustom-krew-date-month, .kustom-krew-events-page .kustom-krew-date-month {
		display:block;
		/* font-family: 'Avenir Next LT W01 Bold'; */
		font-family: agenda, sans-serif;
		font-size:12px;
		font-style: normal;
		font-weight: 700;
		text-transform:uppercase;
	}
	.kustom-krew-date-days, .kustom-krew-events-page .kustom-krew-date-days {
		/* font-family:'AvenirNextLTW01-HeavyCn_721326'; */
		font-family: agenda-condensed, sans-serif;
		font-size:24px;
		font-style: italic;
		font-weight: 800;
		line-height:20px;
	}
	/** column 2 ***/
	.kustom-krew-section-details { width:60%;  }
	.kustom-krew-events-page .kk-event-txt-lower { padding-top:1em; }	
	.kustom-krew-ppa-body{
		text-align: center;
	}
	.kustom-krew-ppa-body > div.row{
		display: none;
	}
	/* how to */
	.tile-formatter .tile h3{
		font-size: 1.5em;
	}
	/* END how to */
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px){
	/********** START KUSTOM KREW LANDING (KKL) **********/
	/** KKL PPA **/
	.skewTop:before { top:0; z-index:11; }
	.skewTop { padding-top:50px; }
	.kustom-krew-ppa { position:relative; }
	/**   .kustom-krew-ppa:before  { content:''; background:#111111 url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise.png); position:absolute; top:0;left:0; height:30px; z-index:10; width:50%; } **/
	.kustom-krew-ppa-picture img { margin-bottom:-43px;}
	.tb-kustom-krew-events { margin-bottom:4em; }
	/** template **/
	.container-md{
		width: 970px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}


	/** contact hero **/
	div.contact-slant{
		min-height: 550px;
	}
	/** END contact hero **/
	/** contact thankyou **/
	.contact-ty-button{
		margin-bottom: 0;
	}
	/** END contact thankyou **/
	/** error **/
	.error-heading{
		text-align: center;
	}
	/** END error **/
	/** formulas-find **/
	.search-glyph span{
		left: 90%;
	}
	/** END formulas-find **/
	/** kolors **/
	#accordion h4, 
	#tutorials h4, 
	.filters .button-group button.button{
		font-size: 1.2em;
	}
	.color-shape { min-height:208px; }
	.details-below{
		bottom:-14px;
		left:0;
	}
	.difficulty { font-size: 6px;}
	.difficulty .fa { font-size:9px; top:1px; }	
	.product-line { font-size: 16px; }
	/** END kolors **/
	/** kolors detail **/
	.kolors-detail-similar-kolors > div.row > div.col-md-4:nth-child(5){
		display: inline;
	}
	.kolors-detail-share-ul{
		text-align: center;
	}
	/** END kolors detail **/
	/** locator **/
	#inputPostalDiv{
		top: 20em;
	}
	/** END locator **/
	/** sitemap **/
	.sitemap-heading{
		text-align: center;
	}
	/** END sitemap **/
	/* how to */
	.tile-formatter .tile h3{
		font-size: 2em;
	}
	/* END how to */
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){
	/** template **/
	.container-lg{
		width: 1170px;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	
	/** contact hero **/
	div.contact-slant{
		min-height: 690px;
	}
	.medium-and-below{
		display: none;
	}
	.large-and-above{
		display: inline-block;
	}
	.large-and-above h4{
		margin-bottom: 0;
		margin-top: 0;
	}
	.extra-small-and-above{
		margin-top: 0;
	}
	/** END contact hero **/
	/** formula / foundation **/
	.primer-formula h5, 
	.primer-formula h5 span.glyphicon.glyphicon-question-sign, 
	.mix-formula-by-parts h5, 
	.mix-formula-by-weight h5{
		color: #E1E1E1;
	}
	/** END formula / foundation **/
	/** homepage **/
	.homepage-founded{
		left: 0;
		margin: 2em 0 0 15px;
		position: absolute;
		text-align: left;
		top: 0;
	}
	.homepage-founded p{
		font-size: 0.75em;
	}
	.homepage-founded a.btn-white{
		margin-top: 1em;
		text-align: center;
	}
	.homepage-founded.homepage-gemstone {
		background: rgba(0, 0, 0, 0.75);
		bottom: 0;
		top: unset;
		width: auto;
		margin-left: 15px;
		margin-right: 15px;
		text-align: center;
		font-size: 22px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.homepage-gemstone a {
		margin: auto;
		width: 30%;
	}
	.h3-homepage-float{
		
	}
	/** END homepage **/
	/** kolors **/
	#accordion h4, 
	#tutorials h4, 
	.filters .button-group button.button{
		font-size: 1.5em;
	}
	/** END kolors **/
	/** kolors landing **/
	.details-below{
		position:absolute;
		bottom:-34px;
		left:0;
	}
	/** END kolors landing **/
	/** kolors detail **/
	.kolors-detail-product-buttons{
		padding-bottom: 2em;
		padding-top: 0;
	}
	a.link-white.black-link-lg{
		background-color: #000;
		color: #FFF;
	}
	a.link-white.black-link-lg:hover{
		background-color: #F7B419;
		color: #000;
	}
	.kolor-detail-tab-detail h5{
		margin-top: 0;
	}
	.kolor-detail-estimator-row.kolor-detail-create{
		padding-top: 0;
	}
	.kolor-detail-estimator-row.kolor-detail-create p{
		text-align:left;
		font-size:13px;
	}
	/** END kolors detail **/
	/** locator **/
	#inputPostalDiv{
		top: 24em;
	}
	/** END locator **/
	/********** START KUSTOM KREW LANDING (KKL) **********/
	/** KKL PPA **/
	.kustom-krew-ppa { min-height:550px; }
	.kustom-krew-ppa-blocks { float:right; width:35%; }
	.kustom-krew-ppa-picture { position:absolute; left:-40px; top:0;  z-index:9; overflow:hidden;}
	.skewBottom-lg:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -30px;
		width: 100%;
		height: 80px;
		z-index:8;
		background:transparent url(/system/modules/com.houseofkolor/resources/images/hok-bg-noise-prestigious.png);
		-webkit-transform: skewY(-2.5deg);
		-moz-transform: skewY(-2.5deg);
		-ms-transform: skewY(-2.5deg);
		-o-transform: skewY(-2.5deg);
		transform: skewY(-2.5deg);
		-webkit-backface-visibility: hidden;
	}
	.kustom-krew-ppa-picture img {  width:85%;  margin-bottom:0; }
	.kustom-krew-all-events a, .kustom-krew-all-workshops a{
		float: right;
	}
	/* how to */
	.tile-formatter .tile h3{
		font-size: 41px;;
	}
	/* END how to */
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1500px){
	/** formulas-find **/
	.search-glyph span{
		left: 92%;
	}
	/** END formulas-find **/
	/** locator **/
	#inputPostalDiv{
		top: 26em;
	}
	/** END locator **/
}

/*Showcase page*/
.item-headline{
	color: #E1E1E1;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}

.kolor-number-btn {
	font-size: 1.0em !important;
}

.description {
	border-bottom: 1px solid #BBBBBD !important;
}

.details-title{
	text-decoration: underline;
	display: block;
	cursor: pointer;
}

@media (min-width: 1200px) {
	#details_thumbnail_container {
		margin-left: auto;
	}	
}

@media (max-width: 900px) {
	#details_thumbnail_container {
		margin-center: auto;
	}
	
	.details_thumbnail {
		float: left;
		display: inline-block;
		padding-bottom: 5px;
	}
}

#details-dropdown {
	margin: 0 auto;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: black;
}

#details_thumbnail_container div img {
	width: 100%;
	cursor: pointer;
}

.details_thumbnail {
	float: left;
	padding-bottom: 5px;
}

.details_thumbnail:hover {
	border-color: yellow;
}

.details-close {
	float: right;
	color: #ffffff;
}

.details-close:hover {
	color: yellow;
	cursor: pointer;
}

#details_hero_container {
	display: inline-block;
}

#details_hero_container div img{
	width: 100%;
}

.details_hero {
	text-align: center;
}

#details_information_container {
	display: inline-block;
}

.details_information div h1 {
	text-align: center;
}

.description-title {
	color: #ffffff;
}

.description {
	text-align: left;
}

.other-information {
	text-align: left;
}

.other-information-header {
	margin-top: 2px;
	margin-bottom: 10px;
	color: #ffffff;
}

.other-information-body {
	margin-top: 2px;
	margin-bottom: 10px;
	color: #ffffff;
}

.showcase-social-media  {
	border-top: 1px solid #BBBBBD !important;
}

.showcase-social {
	text-align: left !important;
}

#showcase-filter-container {
	float: right;
}

#showcase-vehicle-filter {
	display: inline-block;
}

#showcase-color-filter {
	display: inline-block;
}

#filter-button-container {
	display: inline-block;
}

.drop-btn {
	background-color: transparent;
	background-image: linear-gradient(45deg, transparent 50%, #929396 50%),linear-gradient(135deg, #929396 50%, transparent 50%);
	background-position: calc(100% - 20px), calc(100% - 15px);
	background-repeat: no-repeat;
	background-size: 5px 5px,5px 5px;
	border: 1px solid #929396;
	color: #929396;
	font-size: 1em;
	height: unset;
	line-height: normal;
	padding: 0.3em 2em 0.3em 1em;
	text-transform: uppercase;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 /*END Showcase*/
 
.headline h2 a {
	z-index: -1 !important;
	color: #222224 !important;
}

/* /documents/ */
.ui-progressbar {
	position: relative;
}
.progress-label {
	color: #000;
	font-weight: bold;
	left: 15px;
	position: absolute;
	text-shadow: 1px 1px 0 #fff;
}
#progressbar {
	display: none;
	height: 1.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	width: 100%;
}
/* /products/kolors/ */
.download_sds p.modal-heading{
	display: inline-block;
	float: left;
}
.download_sds div#progressbar{
	float: left;
	margin: 0 0 0 20px;
	max-width: 50%;
	position: relative;
}
.download_sds > div > div.row{
	margin-bottom: 1em;
}
.download_sds .product_code p{
	margin-bottom: 0;
}