.navbar-hok{
	background-color: #111112;
	border:none;
	min-height:48px;
	margin-bottom:0;
	border-radius:0;
}
.navbar-hok .navbar-header{
	text-align:center;
}
.navbar-hok .navbar-brand{
	color: #777;
}

.navbar-hok .navbar-brand:hover,
.navbar-hok .navbar-brand:focus{
	color: #5e5e5e;
	background-color: transparent;
}
.navbar-hok .navbar-text{
	color: #777;
}
#primary-nav1 a{
	color: #E1E1E1;
	text-transform: uppercase;
}
.navbar-hok .navbar-nav > li.nav-item > a.nav-link{
	color: #707074;
	 padding: 15px 7px;
}
.navbar-hok .navbar-nav > li.nav-item > a:hover,
.navbar-hok .navbar-nav > li.nav-item > a:focus, 
.navbar-hok .navbar-nav > .active > a, 
.navbar-hok .navbar-nav > .active > a:hover,
.navbar-hok .navbar-nav > .active > a:focus, 
#primary-nav1 a:hover, 
#primary-nav1 a:focus, 
#primary-nav1 > .active > a{
	color: #F7B419;
	background-color: transparent;
}
.navbar-hok .navbar-nav > .disabled > a,
.navbar-hok .navbar-nav > .disabled > a:hover,
.navbar-hok .navbar-nav > .disabled > a:focus{
	color: #ccc;
	background-color: transparent;
}
/** Hamburger ***/
.navbar-hok .navbar-toggler .icon-bar{
	background-color: #fff;
	display:none;
	height:3px;
	width:25px;
	margin-top: 4px;
    border-radius: 1px;
}
.navbar-hok .navbar-toggler.collapsed .icon-bar{
		background-color:#FFFFFF;
		height: 3px;
		width: 25px;
		display:block;
}
.navbar-hok .navbar-toggler.collapsed .icon-close{
	display:none;
}
/*** close button ***/
.navbar-hok .navbar-toggler .icon-close{
	color:#fff;
	font-size: 40px;
	height:17px;
	line-height:40px;
	margin: 7px 0 0;
	padding: 0 0 0 12px;
	width: 25px;
}
.navbar-hok .navbar-toggler:hover,
.navbar-hok .navbar-toggler:focus{
	/***background-color: #ddd;**/
}
.navbar-hok .navbar-toggler:hover .icon-bar{
	background-color:#f7b419;
}
.navbar-hok .navbar-collapse,
.navbar-hok .form-inline{
	border-color: #363636;
	max-height:600px;
}
.navbar-hok .navbar-nav > .open > a,
.navbar-hok .navbar-nav > .open > a:hover,
.navbar-hok .navbar-nav > .open > a:focus{
	color: #555;
	background-color: #e7e7e7;
}
.navbar-hok .navbar-link{
	color: #777;
}
.navbar-hok .navbar-link:hover{
	color: #333;
}
#hmbgr-wrap{
	float:left;
}
#sm-search-icon {
	background-color: #111112;
	border: 0;
	color: #e1e1e1;
	float: right;
	margin-right: 4px;
	margin-bottom: 0;
	padding-bottom: 0;
}
#bs-topnavigation-search {
	background-color: #222224;
	left: 0;
	position: absolute;
	top: 48px;
	width: 99%;
	z-index: 11111;
}
.topnavigation-searchwrap {
	padding:24px 8px;
}
button#sm-search-icon.btn{
	margin-top:0;
	overflow:hidden;
}
#bs-topnavigation-search .error-container{
	border:0;
	padding-left:30px;
}
#bs-topnavigation-search input.form-control{
	border-radius:0;
}
#sm-search-icon .icon-close, #sm-search-icon.active .glyphicon-search{
	display:none;
}
#sm-search-icon.active .icon-close{
	display:inline-block;
	font-size:40px;
	line-height:1em;
	margin-right:-4px;
}
#sm-search-icon .glyphicon-search{
	margin-top: 9px;
}
#sm-search-icon.btn.active:focus,#sm-search-icon.btn.active:active,#sm-search-icon.btn.active:link{
	outline:none;
	outline-offset:0;
}
.glyphicon-search:hover{
	color:#f7b419;
}
.navbar-hok .btn{
	font-size:22px;
}
.navbar-hok .navbar-logo{
	display:inline-block;
	text-align:center;
	min-width: 210px;
	padding-top:7px;
	height:50px;
}
a#hoklogo {
	display:block;
}
a#hoklogo:hover { opacity:.8; }
a#hoklogo img { padding-top:11px; }
/**** footer ***/
footer{
	background-color:#222224;
	text-align:center;
	color:#929396;
}
#hok-logo-footer{
	padding-top:20px;
	padding-bottom: 10px;
}
footer input{
	background-color:#000;
	border:1px solid #000;
	color:#e1e1e1;
	font-size: 0.75em;
	padding-bottom: 0.9em;
	padding-top: 0.9em;
}
footer button{
	background-color:#fff;
	border:1px solid #fff;
	min-width:150px;
	color:#000;
	padding:1em 1.3em;
	display:inline-block;
	border-radius:4px;
	font-weight:bold;
	text-transform:uppercase;
}
.btn-h6{
	color: #000000;
	margin: 0.25em 0;
}
.footer-top-div{
	padding-bottom: 1em;
}

.opt-in-required {
	display: none;
	color: red;
}

.opt-in-error {
	display: inline;
}
#social-links, 
ul#social-links, 
#social-links li, 
#social-links2, 
ul#social-links2, 
#social-links2 li, 
#social-links3, 
ul#social-links3, 
#social-links3 li{
	margin:0;
	padding:0;
	list-style:none;
}
ul#social-links, 
ul#social-links2, 
ul#social-links3{
	height: 30px;
	margin: 0 auto 1em;
}
#social-links li, 
#social-links2 li, 
#social-links3 li{
	display:inline-block;
	padding:0 15px;
}
footer a,footer a:focus,footer a:active{
	color:#e1e1e1;
	text-decoration:none;
}
footer a:hover{
	text-decoration: none;
}
.group{
	list-style:none;
	margin-left:0;
	padding-left:0;
}
.footer-open-links, 
.footer-closed-links{
	border-top: 1px solid #929396;
}
#footer-nav1{
	padding-top: 1em;
}
#footer-nav1.group-bar, 
.footer-closed-links .group-bar{
	border-top: 0;
	padding-right: 15px;
}
.group li{
	text-transform:uppercase;
}
#footer .group li{
	text-transform: none;
}
.group-link.link-toggle:after{
	content: '-';
	float: right;
}
.group-link.link-toggle.collapsed:after{
	content: '+';
	float: right;
}
.group-bar{
	padding:1.3em 0 1.3em 1em;
	text-align:left;
	list-style:none;
	margin:0;
}
ul.group-bar li{
	padding-bottom:4px;
}
.sub-group ol{
	list-style: none;
	margin-bottom: 1em;
	padding-left: 1em;
}
.sub-group ol li{
	margin: 0;
	padding: 0.25em 0;
}
.sub-group ol li:first-child{
	margin-top: -0.25em;
	padding-top: 0;
}
.sub-group ol li a{
	padding: 0.35em 0;
}
li.link-sm a {
	font-size: .813em;
}
a.group-link{
	display:block;
	position:relative;
}
#footer-valspar{
	background-color:#111112;
	font-size: 0.75em;
	padding-bottom:2em;
	padding-top:2em;
}
#valspar-sites{
	display:inline-block;
	margin-bottom: 2em;
	margin-top: 2em;
	position:relative;
}
#valspar-sites button{
	background-color:#222224;
	border-color:#222224;
	border-radius:0;
	color:#bebebe;
	margin:0 auto;
	width: 100%;
}
#valspar-sites .dropdown{
	min-width:125px;
}
#valspar-sites #menu-sites{
	margin-left: 15px;
	margin-left: 0;
	margin-top: 0;
	width: 90%;
	width: calc(100% - 30px);
}
#valspar-corporate-links{
	margin-bottom: 1em;
	margin-top: 1em;
}
#valspar-corporate-links a{
	padding-bottom: 1em;
	padding-top: 1em;
}
#footer-valspar ul, #footer-valspar ul li{
	list-style:none;
}
#footer-valspar  ul#corporate-links li{
	display:inline-block;
	margin-right:50px;
	height:2em;
}
.footer-pillar{
	margin-bottom:0;
}
.footer-pillar .group-bar{
	margin: 0;
	padding: 0;
}
.footer-pillar a.group-link{
	color: #E1E1E1;
	margin: 0;
	padding: 1em;
}
.footer-pillar .collapse li a{
	text-transform: none;
}
#valspar-copyright{
	padding-top: 1em;
}
#footer-navigation-wrap{
	margin-top: 1em;
}
#footer-navigation-wrap > div > div{
	display: none;
}
.sm-and-up, 
.sm-to-md, 
.md-and-up, 
.lg-and-up, 
#valspar-sites.dropup .dropdown-toggle::after{
	display: none;
}
#valspar-sites.show > button > span.fa.fa-chevron-down:before{
	content: "\f077";
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px){
	/*
	.navbar-hok .navbar-header{
		padding-top: 1.5em;
	}
	*/
	/** footer **/
	.footer-pillar .collapse{
		display:block;
	}
	.group-link.link-toggle:after, 
	.group-link.link-toggle.collapsed:after{
		content: none;
	}
	.footer-open-links, 
	.footer-closed-links{
		border-top: none;
	}
	#form_newsletter input, 
	#form_newsletter button{
		margin-top: 0;
	}
	#newsletter-heading p{
		margin-top: 0.65em;
	}
	.footer-top-div{
		border-bottom: 1px solid #4e4e52;
		padding-bottom: 6em;
	}
	.footer-link-section{
		margin-top: 1em;
	}
	#footer-navigation-wrap{
		border-bottom: 1px solid #4e4e52;
	}
	#footer-navigation-wrap-2{
		border-top: 1px solid #4e4e52;
		padding-bottom: 2em;
		padding-top: 2em;
	}
	.footer-valspar-logo{
		margin-top: 1em;
	}
	#valspar-sites{
		margin-bottom: 0;
		margin-top: 0;
	}
	#valspar-sites button{
		float: left;
		margin: 0;
		/*
		text-align: left;
		*/
	}
	#valspar-sites button .glyphicon.glyphicon-chevron-down{
		float: right;
	}
	.footer-link-section .group-bar{
		border-top: none;
	}
	#newsletter-logo{
		margin-bottom: 1em;
	}
	#footer-navigation-wrap > div > div{
		display: inline-block;
	}
	.xs-only{
		display: none;
	}
	.sm-and-up, 
	.sm-to-md{
		display: inline-block;
	}
	
}

/* Small devices (tablets, 768px and up) */
/* @media screen and (max-width: 767px){ */
@media screen and (max-width: 991px){
	.navbar-hok .navbar-collapse{
		background-color: #111112;
		border-color: #434242;
		left: 0;
		margin: 0;
		max-height:600px;
		position: absolute;
		top: 3em;
		width: 100%;
		z-index: 2000;
	}
	.navbar-hok .navbar-header {
		width: 100%;
	}
	.navbar-toggler.d-lg-none{
		margin-top: 0;
		padding-left: 0;
		padding-top: 0;
	}
	.navbar-toggler.d-lg-none.collapsed{
		margin-top: 8px;
		margin-top: 2px;
		padding-left: 10px;
		padding-top: 9px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px){
	/** top nav toggle off effect ***/
	.navbar-left {
		float: left!important;
	}
	#bs-topnavigation-1{
		border-left: 1px solid #363636;
	}
	.navbar-logo {
		min-height:45px;
		padding-right:15px;
	}
	/** top nav toggle off effect ***/
	#bs-topnavigation-1 {
		padding-left:0;
	}
	.navbar-hok .navbar-nav > li.nav-item > a.nav-link{
		font-size: 1em;
	}
	.navbar-hok .navbar-collapse #primar-nav2 {
		clear: left;
	}
	
	#hmbgr-wrap {
		position:absolute;
		right:50px;
	}
	/** top nav toggle on effect ****/
	.navbar-hok .navbar-toggler .icon-close {
		padding:0 6px;
	}
	.navbar-hok .navbar-collapse.in {
		float:none;	
		margin-left:-30px;
		margin-right:-30px;
	}
	.navbar-hok .navbar-collapse.in #primary-nav1 {
		border-left:0;
		clear:left;
		display:block;
		width:100%;
		border-top:1px solid #434242;
		border-bottom:1px solid #434242;
		padding:1em 4em;
	}
	.navbar-hok .navbar-collapse.in #primar-nav2 {
		display:block;
		clear:left;
		display:block;
		width:100%;
		padding:1em 4em;		
	}	
	.navbar-hok .navbar-collapse.in ul>li { float:none; display:block; }
	
	/** end toggle effects **/
	
	.navbar-hok .navbar-nav .open .dropdown-menu > li > a{
		color: #777;
	}
	.navbar-hok .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-hok .navbar-nav .open .dropdown-menu > li > a:focus{
		color: #333;
		background-color: transparent;
	}
	.navbar-hok .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-hok .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-hok .navbar-nav .open .dropdown-menu > .active > a:focus{
		color: #555;
		background-color: #e7e7e7;
	}
	.navbar-hok .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-hok .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-hok .navbar-nav .open .dropdown-menu > .disabled > a:focus{
		color: #ccc;
		background-color: transparent;
	}
	/** header **/
	.navbar-hok .navbar-logo{
		min-width:52px;
		float:left;
	}
	#sm-search-icon {
		position: absolute;
		right: 1em;
		/*
		top:0;
		*/
	}
	.navbar-hok .navbar-collapse{
		font-size: 14px;
		float:left;
	}
	.navbar-hok .navbar-collapse li{
		margin:0;
		padding:0;
	}
	a#hoklogo { background:transparent url(/system/modules/com.houseofkolor/resources/images/logo-hok-xs.png) no-repeat 0 0; padding-left: 58px; padding-bottom:10px; }
	
	/** footer ***/
	.md-and-up{
		display: inline-block;
	}
	#valspar-corporate-links{
		margin-bottom: 0;
		margin-top: 0;
	}
}
@media screen and (max-width: 1200px){
	#bs-topnavigation-1 {
		flex-wrap: wrap;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px){
	.navbar-hok .navbar-header{
		padding-top: 0;
	}
	.navbar-hok .navbar-collapse #primar-nav2 {
		border-left: 1px solid #434242;
		clear: none;
	}
	#sm-search-icon {
		right: 0;
	}
	.footer-top-div{
		/* padding-bottom: 1em; */
		padding-top: 1em;
	}
	#footer-valspar{
		padding-top: 1em;
	}
	#newsletter-logo{
		margin-bottom: 0;
	}
	#newsletter-heading p{
		margin: 1.2em 0 1em;
	}
	#newsletter-submit{
		margin: 0.7em 0;
	}
	#newsletter-submit button h5{
		margin-bottom: 0;
		margin-top: 0;
	}
	#form_newsletter .btn-white{
		margin-bottom: 0;
	}
	#hok-logo-footer{
		padding: 1em 0;
		width: 100%;
	}
	#footer-navigation-wrap{
		border-top:1px solid #4e4e52;
	}
	#footer-navigation-wrap .group-bar{
		border-top:0;
	}
	#footer-navigation-wrap-2{
		border-top: none;
	}
	.footer-link-section{
		margin-top: 0;
	}
	.footer-images{
		margin: 1em 0;
	}
	.footer-valspar-logo{
		margin-top: 2em;
	}
	#valspar-sites{
		margin-top: 1em;
	}
	.footer-valspar-sites{
		margin-top: 1em;
	}
	#valspar-copyright{
		padding-right: 3em;
		padding-top: 0;
		text-align: right;
	}
	.btn-h6:parent{
		padding-bottom: 0;
		padding-top: 0;
	}
	.sm-to-md{
		display: none;
	}
	.lg-and-up{
		display: inline-block;
	}
}
/* Extra Large devices (xl desktops, 1500px and up) */
@media screen and (min-width: 1500px){
	.navbar-hok .navbar-header{
		padding-right: 1em;
	}
	#sm-search-icon {
		right: 1em;
	}
	#bs-topnavigation-1 > ul{
		padding: 0 2em;
	}
}