@charset "utf-8";
/* CSS Document */
html {
	padding: 0;
	margin: 0;
	/*font-size: 62.5%;*/
	width:100%;
	height:100%;
}
body {
	padding: 0;
	margin: 0;
	font-family: 'promptlight' ,Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 1.5em;*/
	line-height:1.3;
	width:100%;
	height:100%;
	max-width: 1920px;
    margin: 0 auto;
}
p{
	padding:0;
	margin:0;	
}
h1,h2,h3,h4,h5,h6{
	padding:0px;
	margin:0px;
	font-style:normal;
	font-size:inherit;
	font-weight:normal;	
}

/*---------------------- Layout -------------------------*/
.wrapper{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	position:relative;
}
.wrapperS{
	width:95%;
	max-width:1190px;
	margin:0 auto;
	position:relative;
}
.wrapperM{
	width:95%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}
.wrapperP{
	width:100%;
	padding:0px 5vw;
	margin:0 auto;
	position:relative;
}
.left{
	float:left;	
}
.right{
	float:right;	
}
.clear{
	clear:both;
}
.resize{
	width:100%;
	height:auto;	
}
.resizeH{
	width:auto;
	height:100%;	
}
.hideBrOnMobile{
	display:inline;	
}
.hideOnMobile{
	display:block;	
}
.hideOnPc{
	display:none;	
}


/*---------------------- PRR -------------------------*/
.promptlight{
	font-family: 'promptlight';
}
.promptmedium{
	font-family: 'promptmedium';
}
.promptregular{
	font-family: 'promptregular';
}
.hindlight{
	font-family: 'hindlight';
}
.hindmedium{
	font-family: 'hindmedium';
}
.hindsemibold{
	font-family: 'hindsemibold';
}
.green{
	color:#22b24c;
}
.btnGreen{
	display:inline-block;
	width:100%;
	max-width:500px;
    font-family: 'hindsemibold';
    font-size: 18px;
    font-size: 1.3vw;
	color:#FFF;
	text-align:center;
	background:#22b24c;
	border:1px solid #22b24c;
	border-radius:0px;
	padding:12px 0px;
}
.btnGreen:hover , .btnGreen:active , .btnGreen:focus{
	background:#FFF;
	color:#22b24c;
	text-decoration:none;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor: pointer;
}


/* Nav Icon from https://codepen.io/designcouch/pen/Atyop */
/********************************************************/
/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 35px;
  height: 30px;
  position: relative;
  /*margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #FFF;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */
#nav-icon3 span:nth-child(1) {
  top: 0px;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}
#nav-icon3 span:nth-child(4) {
  top: 20px;
}
#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
/********************************************************/

/* HEADER */
/********************************************************/
header{
    font-family: 'hindmedium';
	font-size:20px;	
	font-size:1.4vw;	
	padding-bottom:90px;
}
header .navbar-header{
	text-align:right;
}
header .navbar-icon{
	position: relative;
    float: none;
    margin-top: 15px;
    margin-right: 3vw;
}
header.smaller .navbar-icon{/****.smaller*/
	margin-top: 12px;
	margin-bottom: 0px;
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
header .navbar-default .navbar-toggle{
	border:0px;
}
header .navbar-default .navbar-toggle:hover,  header .navbar-default .navbar-toggle:focus {
	background-color:transparent;
}

header .navbar-default .navbar-brand{
	padding:0px;
	height:auto;
	/*background:url(../images/img/logo.png) center center no-repeat;*/
}
header .navbar-default .navbar-brand .header_logo{
	display:inline-block;
    max-width: 90px;
    padding: 15px 15px;
	vertical-align:middle;
	
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
header.smaller .navbar-default .navbar-brand .header_logo{ /****.smaller*/
    max-width: 70px;
    padding: 5px 10px;
	
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
header .navbar-default .navbar-brand .header_text{
	display:inline-block;
    font-family: 'hindsemibold';
	font-size:26px;
	color:#322f31;
	vertical-align:middle;
	
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

header .navbar , header .navbar-default{
	border:0px;	
	background:#FFF;
    border-bottom: 1px solid #d6d6d6;
	border-bottom: 0.5px solid #d6d6d6;
	margin-bottom: 0px;
}
/* Producct Submenu*/
header .product_dropdown{
	position:static !important;
	color:red;	
}
header .product_dropdown .glyphicon {
	display:none;
}
header .product_dropdown .dropdown-menu{
	/*display: block;*/
	text-align: center;
	width:100% !important;
	padding: 30px 0 50px 0;
	/*padding: 30px 12vw 50px 12vw;  
	padding: 30px 10vw 50px 10vw;2024rev*/
	background-color:#FFF;
	background-color: rgba(255,255,255,0.95);
}
	header .product_dropdown .dropdown-menu > li {
		/* width:20%;
		width: 16.66%;   2024rev 
		float: left;*/
		float: none;
		display: inline-block;
		text-align: left;
		font-family: 'promptmedium';
		font-size: 18px;
		font-size: 1.4vw;
		color: #322f31;
		vertical-align: top;
	}
header .product_dropdown .dropdown-menu > li > a ,
header .navbar-default .navbar-nav .open .dropdown-menu>li>a{
	/*padding: 10px 15px 15px 15px;*/
	padding: 10px 40px 15px 7px;
	white-space:normal;
}

header .product_dropdown .dropdown-menu > li > a > .second ,
header .navbar-default .navbar-nav .open .dropdown-menu>li>a > .second{
	display:block;
	font-family: 'promptlight';
	font-size:16px;
	font-size:1.2vw;	
	line-height:16x;
	line-height:1.2vw;	
	
}
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li ,
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a{
	font-family: 'promptmedium';
	font-size:14px;
	font-size:1vw;	
	color:#322f31;
	padding-right: 20px;
}
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > .second ,
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a > .second{
	font-family: 'promptlight';
	font-size:14px;
	font-size:1vw;	
	color:#322f31;
}

header .product_dropdown .dropdown-menu > li > a:hover, 
header .product_dropdown .dropdown-menu > li > a:focus{
	background-color: transparent;
	color:#000;
	text-decoration: none;
}
header .product_dropdown .dropdown-menu > li > a.hovund:hover, 
header .product_dropdown .dropdown-menu > li > a.hovund:focus{
	text-decoration: underline;
}
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a:hover, 
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a:focus{
	background-color: transparent;
	color:#000;
	text-decoration: underline;
}
/* END Producct Submenu*/
header .navbar-default .navbar-nav>li>a{
	color:#322f31;
	padding: 35px 2vw;
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
header.smaller .navbar-default .navbar-nav>li>a{ /****.smaller*/
	padding-top: 20px;
    padding-bottom: 20px;
	
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
header .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#322f31;
	background-color: inherit;
	border-color:#eaeaea;
}
.navbar-default .navbar-nav>.active>a , .navbar-default .navbar-nav>.active>a:hover{
	color:#322f31;
	background-color: inherit;
}
header .navbar-default .navbar-nav>li>a:after , .navbar-default .navbar-nav>.active>a:after  {
	content: " ";
    position: absolute;
    display: inline-block;
    width: 0px;
	/*max-width:75%;
    height: 3px;*/
    background: #000;
    bottom: 0px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
header .navbar-default .navbar-nav>li>a:hover:after , .navbar-default .navbar-nav>.active>a:after  {
	content: " ";
    position: absolute;
    display: inline-block;
    width: 340px;
	max-width: 70%;
    height: 3px;

	-ms-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	transition: all .7s ease-out;
}
header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color: inherit;
}





/* Rev2024 -- Search Menu */
header #main_navbar {
	float:right;
}

header #search_navbar {
	float: right;
	padding: 25px 0px 0px 0px;
	-ms-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
header.smaller #search_navbar {
	padding: 10px 0px 0px 0px;
}
header #search_navbar .search_navbar_box{
	font-size: 0px;
    line-height: 0px;
}
header #search_navbar .search_txt{
	height: 40px;
    width: 25vw;
    font-family: promptlight;
    font-size: 14px;
    padding: 5px;
    margin: 0px;
    vertical-align: middle;
    border-width: 1px 1px 1px 1px;
    border-color: #d6d6d6;
    border-style: solid;
    border-radius: 5px 0px 0px 5px;
}
header #search_navbar .search_txt:focus,
header #search_navbar .search_txt:focus-visible
{

	outline: 0px;

}
header #search_navbar .search_btn{
	vertical-align: middle;
    font-size: 16px;
    color: #bcbcbc;
    line-height: 40px;
    height: 40px;
    background: #eeeeee;
    border: 1px solid #d6d6d6;
    border-radius: 0px 5px 5px 0px;

}

/********************************************************/
/* FOOTER */
/********************************************************/
footer {
	background: #333132;
}
footer .footer_logo{
	display:inline-block;
    max-width: 55px;
    padding: 10px;
	vertical-align:middle;
}
footer .footer_text{
	display:inline-block;
    font-family: 'hindsemibold';
    font-size: 18px;
	color:#FFF;
    vertical-align: middle;
}
footer .footer_social{
	float:right;	
	padding:0px 10px 0px 0px;
}
footer .footer_social a{
	display:inline-block;
	padding:12px 8px;
	line-height:0px;
}
footer .footer_social a img.footer_logo_social{
	max-width:30px;
}
/********************************************************/


/* BREADCRUMPS 2024rev  */
/********************************************************/
.section-breadcrumbs {
	padding:15px 0px;

}
.section-breadcrumbs a{
	font-family: 'promptmedium';
	font-size: 16px;
    font-size: 1.2vw;
	color: #322f31;
}
.section-breadcrumbs a.current{
	font-family: 'promptlight';
	font-size: 16px;
    font-size: 1.2vw;

}
.section-breadcrumbs a.current:hover ,
.section-breadcrumbs a.current:focus{
	text-decoration:none;
}
.section-breadcrumbs a:not(:first-child):before{
	content:' / ';
	display: inline-block;
	padding: 0px 5px 0px 0px;
}
/********************************************************/


/* FILTER 2024rev  */
/********************************************************/
.section-filter {
	
}
.section-filter .navbar-default{
	margin-bottom: 0px;
	min-height: auto;
}
.section-filter .numrowall{
	font-family: 'promptlight';
    font-size: 13px;
    font-size: 1vw;
    padding: 10px 0px;
}

.section-product-filter{



}
.section-product-filter #nav-icon-filter{
	border:0px;
	float: none;
    clear: both;
	margin: 0px;
    padding: 20px;
}
.section-product-filter #nav-icon-filter.collapsed .navbar-toggle-txt{
	border:5px;
}
.section-product-filter #nav-icon-filter .navbar-toggle-txt::after{
	content: "\f00d";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 25px;
    position: absolute;
    display: inline-block;
    right: 20px;
    top: 15px;

}
.section-product-filter #nav-icon-filter.collapsed .navbar-toggle-txt::after{
	content: "\f1de";
}

.section-product-filter #filter_navbar {
	padding: 0px;
	font-family: 'promptmedium';
	font-size: 14px;
	font-size: 1vw;
	color: #000;
}
.section-product-filter #filter_navbar .navbar-nav{
	margin: 0px;
}
.section-product-filter #filter_navbar .filter_dropdown{


}
.section-product-filter #filter_navbar .filter_dropdown a.filter_dropdown_toggle{
	padding: 15px 30px 15px 10px;
}
.section-product-filter #filter_navbar .filter_dropdown a.filter_dropdown_toggle::after{
	content: "\f078";
	font-family: FontAwesome;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
	right: -5px;

}
.section-product-filter #filter_navbar .filter_dropdown.open a.filter_dropdown_toggle::after{
	content: "\f077";

}

.section-product-filter #filter_navbar .filter_dropdown a.filter_dropdown_toggle:active,
.section-product-filter #filter_navbar .filter_dropdown a.filter_dropdown_toggle:focus,
.section-product-filter #filter_navbar .filter_dropdown a.filter_dropdown_toggle:focus-visible {
	background-color: #FFF;
}
.section-product-filter #filter_navbar .filter_dropdown a.filter_dropdown_toggle span {
	padding: 0px 10px;
}
.section-product-filter #filter_navbar .filter_dropdown .dropdown-menu{
	border:0px;
	font-family: 'promptlight';
    font-size: 14px;
    font-size: 1vw;
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;

}
.section-product-filter #filter_navbar .filter_dropdown .dropdown-menu li a{
	padding: 5px 20px;


}





/********************************************************/
@media screen and (max-width: 1180px) {
	/* Rev2024 -- Search Menu */
	header .search_navbar {
		
	}

}

@media screen and (max-width: 1024px) {
.wrapper{
	width:95%;
}
.hideBrOnMobile{
	display:none;	
}
/* HEADER */
/********************************************************/
header{
	/*font-size:20px;	*/
	font-size:16px;	
}
header .navbar-default .navbar-brand .header_text{
	font-size:20px;	
}
header .navbar-default .navbar-brand .header_logo{
    max-width: 70px;
    padding: 17px 0px 17px 15px;
}
header.smaller .navbar-default .navbar-brand .header_logo{
    max-width: 55px;
    padding: 5px 0px 5px 10px;
}
header .product_dropdown .dropdown-menu {
	padding: 30px 5vw 50px 5vw;
}
header .product_dropdown .dropdown-menu > li {
	/*font-size:18px;*/
	font-size: 14px;
}
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li ,
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a{
	/*font-size:18px;font-family: 'promptlight';*/
	font-size:12px;
	padding-right: 0px;
}
/********************************************************/


/* BREADCRUMPS 2024rev  */
/********************************************************/
.section-breadcrumbs a {
	font-size: 16px;
	font-size: 1.5vw;
}
/********************************************************/



/* FILTER 2024rev  */
/********************************************************/
.section-filter .numrowall{
    font-size: 15px;
    font-size: 1.2vw;
}

.section-product-filter #filter_navbar {
    font-size: 14px;
}

/********************************************************/
}


@media screen and (max-width: 950px) {
	header .navbar-default .navbar-brand .header_text {
		display:none;
	}
}



@media screen and (max-width: 875px) {
	header .product_dropdown .dropdown-menu {
		padding: 30px 1vw 50px 1vw;
	}
	header .product_dropdown .dropdown-menu > li > a ,
	header .navbar-default .navbar-nav .open .dropdown-menu>li>a{
		/*padding: 10px 15px 15px 15px;*/
		padding: 10px 25px 15px 7px;
		white-space:normal;
	}

}

@media screen and (max-width: 768px){
.wrapperP{
	padding: 0px 3vw;
}
.hideOnMobile{
	display:none;	
}
.hideOnPc{
	display:block;	
}

.btnGreen{
	font-size:18px;
}
/* HEADER */
/********************************************************/
header{
	font-size:20px;	
	font-family: 'hindsemibold';
	padding-bottom: 55px;
}
header #main_navbar {
    float: none;
}
header #search_navbar{
	float: none;
    background: white;
    padding: 20px 20px;
    overflow-y: hidden;
	text-align:center;
}
header #search_navbar .search_txt{
	width: 90%;
}
header #search_navbar .search_btn{
	width: 10%;
}
header #nav-icon-search{
	color: white;
    font-size: 40px;
    margin: -45px 0px 0px 0px;
    padding: 0px 15px;
    vertical-align: middle;
}
header.smaller #nav-icon-search{
    margin: -35px 0px 0px 0px;
}


header .navbar-header{
	background:#322f31;
}
header .navbar-icon{
    display: inline-block;
}
header{
	font-size:20px;	
}

header .navbar-default .navbar-brand .header_logo{
    max-width: 55px;
    padding: 8px 5px 9px 10px;
}
header.smaller .navbar-default .navbar-brand .header_logo{
   	max-width: 45px;
    padding: 8px 5px 9px 10px;
}
header .navbar-default .navbar-brand .header_text{
	display:inline-block;
	color:#FFF;
	padding-top:5px;
}
header.smaller .navbar-default .navbar-brand .header_text{
	color:#FFF;
	font-size:20px;
	padding-top:5px;
}

header.smaller .navbar-default #nav-icon1 span, header.smaller .navbar-default #nav-icon3 span, header.smaller .navbar-default #nav-icon4 span{
    height: 3px;
}





header .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
	overflow-y: scroll;
	border:0px;
	padding-bottom: 20px;
}
header .navbar-default .navbar-nav{
	margin: 0px -15px;
}
header .navbar , header .navbar-default{
    border-bottom: 0px;
	margin-bottom: 0px;
}
header .navbar-default .navbar-nav>li>a{
	padding: 35px 2vw;
	border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
	border-bottom: 0.5px solid #eaeaea;
    border-top: 0.5px solid #eaeaea;
    margin: -1px 10px 0px 10px;
}
/*header .navbar-default .navbar-nav>li:last-child>a{
	border-bottom: 0px solid #eaeaea;
	border-bottom: 0px solid #eaeaea;
}*/

header.smaller .navbar-default .navbar-nav>li>a{
	padding: 30px 2vw;
}
header .navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>.active>a:after{
	display:none;	
}
header .product_dropdown .glyphicon {
	display:inline-block;
	float: right;
}
header .product_dropdown .dropdown-menu{
	padding:20px;
}
header .product_dropdown .dropdown-menu > li{
	width: 100%;
    float: none;
}
header .product_dropdown .dropdown-menu > li > a , 
header .navbar-default .navbar-nav .open .dropdown-menu>li>a{
	color:#333132;
	padding: 10px 15px 10px 20px;
}

header .product_dropdown .dropdown-menu > li > a > .second ,
header .navbar-default .navbar-nav .open .dropdown-menu>li>a > .second{
	display:inline;
	font-family: 'promptmedium';
	font-size:18px;
	line-height:normal;
}
header .product_dropdown .dropdown-menu > li > a > .second::before {
	content:"-";
	padding:0px 5px 0px 0px;
}


header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li, header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a{
	padding: 5px 15px 5px 20px;
}
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li  .second , 
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a  .second{
	display:inline;
	font-family: 'promptlight';
	font-size:18px;
	line-height:normal;
}
header .product_dropdown .dropdown-menu > li > ul.nav-stacked > li > a  .second::before{
	content:"-";
	padding:0px 5px 0px 5px;
}
/********************************************************/


.section-filter .numrowall {
	font-size: 12px;
}
.section-product-filter #filter_navbar .filter_dropdown a.filter_dropdown_toggle::after{
	position: absolute;
	right: 15px;
}
.section-product-filter #filter_navbar .filter_dropdown .dropdown-menu{
	position: relative;
    float: none;
    clear: both;
    font-size: 14px;
    font-size: 1vw;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
	background-color: #FFF;
	border-top: 1px solid #e7e7e7;
}
.section-product-filter #filter_navbar .filter_dropdown .dropdown-menu li a{
	font-size: 14px;

}




}





@media screen and (max-width: 370px) {
	/* FOOTER */
	/********************************************************/
	footer .footer_logo {
		max-width: 45px;
		padding: 10px 0px 10px 10px;
	}

	footer .footer_social a {
		padding: 12px 2px;
	}
	/********************************************************/
}