p, ul, li { font-family: 'Lato'; color: #222;}
a { color: #bb2227; font-family: inherit; }
a:focus, a:hover { color:#BB2227; text-decoration: underline; }
h1, h2, h3 { font-family: 'Ubuntu', sans-serif; /*margin: 0; padding: 0;*/ }
h4, h5 { font-family: 'Lato', serif; }
h1 { color: #bb2227; font-size: 28px; line-height: 1.3; margin: 0 0 5px; }
h2 { font-size: 22px; font-weight: 200; line-height: 1.3; text-transform: uppercase; }
.lined { color: #222; font-size: 22px; font-weight: 200; line-height: 1.2;
	margin: 0 auto 30px; position: relative; text-align: center; text-transform: uppercase;
	width: 100%; z-index: 1; }
.lined::before { border-top: 1px solid #bb2227; bottom: 0; content: ''; left: 0;
	margin: 0 auto; position: absolute; right: 0; top: 14px; width: 70%; z-index: -1; }
.lined > span { background: #fff; padding: 0 10px; }
.lined > span.secondary { background: #ebebeb; }
h3 { color:#191917; font-family: 'Ubuntu', sans-serif; font-size: 22px; font-weight: 200;
	line-height: 1.2; margin:0 0 30px; position: relative; text-align: center;
	text-transform: uppercase; width: 100%; z-index: 1; }
h3::before { border-top: 1px solid #bb2227; bottom: 0; content: ''; left: 0; margin: 0 auto;
	position: absolute; right: 0; top: 11px; width: 100%; z-index: -1; }
h3 span {background:#f5f5f5; padding: 0 10px;}
h3 a {color:#191917;}
h4 {color:#BB2227; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 0;}
h5 { font-size: 1.25rem; line-height: 1.15; }
iframe { border: 0; }
input[type="submit"] {background-color: #bb2227 !important; }
input[type="submit"]:hover {background-color: #751d1c !important; }

.fullwidth { width: 100% !important; }
.red { color: #bb2227 !important; }
.collapse {max-width: 100%;}
.noborder { border: 0 !important; }
#wrapper { overflow: hidden; }

/** Header Styles **/
.header-top {height: 140px;background: #242021; }
.h-top {height: 140px;display: flex;align-items: center;/*justify-content: space-between; */}

/** Region Selector Styles **/
.selector-wrapper { width: 250px; }
.ddTitleText img { width: 64px; }

/** Logo **/
.logo {padding: 0;}
.logo img { display: block; /*margin: auto;*/ }

/** Search Styles **/
.form-inline { display: flex; /*width: 250px; margin: auto;*/ }
.form-inline label {display: none; }
.search .button {margin:0;width: 40px;height: 40px;border-top: 1px solid #6d6d6d;border-right: 1px solid #6d6d6d;border-bottom: 1px solid #6d6d6d; border-left: none;background: url("../images/search-icon.png") no-repeat center; }
input[type="search"] {margin: 0;color: #fff;height: 40px;font-size: 13px;font-family: 'Lato';background: transparent;text-transform: uppercase;border: 1px solid #6d6d6d;border-right: none; }
input[type="search"]:focus {box-shadow: none;border: 1px solid #6d6d6d;background-color: transparent;border-right: none; }

/** Header Menu Styles **/
.header-bottom {height: 55px;background-image: -ms-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: -moz-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: -o-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #BB2227), color-stop(49, #BB2227), color-stop(50, #AE1319), color-stop(100, #ae1319));background-image: -webkit-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: linear-gradient(to bottom, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%); }
.header-bottom .menu { align-items: center; display: flex; position: relative; /*justify-content: center;*/ }
.header-bottom .menu a {color: #fff;text-transform: uppercase; }
.header-bottom .menu .active > a {font-weight: 700;background: transparent; }
.header-bottom .menu > li > a {padding: 1.2rem 40px; }
.header-bottom .menu > li.item-301 { text-align: right; width: 28%; /*width: 20%;*/ }
.header-bottom .menu > li.item-301 > a { padding: 0.375rem 0; } /* 6/16 */ /* 40/16 */
.header-bottom .deeper ul {display: none;z-index: 50;position: absolute; }
.header-bottom .deeper:hover ul {display: inline-block; margin-top: 1px; list-style-type: none ; list-style-image: none;}
.header-bottom .deeper ul a { /*width: 200px;*/ padding: 8px 20px; display: block; background-color: #242021; }
.header-bottom .deeper ul a:hover, .header-bottom .menu li .active {background-image: -o-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: -ms-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: -moz-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: linear-gradient(to bottom, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: -webkit-linear-gradient(top, #BB2227 0%, #BB2227 49%, #AE1319 50%, #ae1319 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #BB2227), color-stop(49, #BB2227), color-stop(50, #AE1319), color-stop(100, #ae1319));}

/** Country Selector **/
#webmenu {margin-bottom: 0; margin-top: 2.5rem;}
.countries dd, .countries dt, .countries ul { margin:0px; padding:0px; }
.countries dd { position:relative; }
.countries dt {background-color: #242021;}
.countries a, .countries a:visited { color:#ccc; text-decoration:none; outline:none; text-transform: uppercase;}
.countries a:hover { color:#fff;}
.countries dt a {display:block; padding-right:20px; border:1px solid #6d6d6d; width:250px;}
.countries dt a span {cursor:pointer; display:inline-block;}
.countries dd ul { background:#242021 none repeat scroll 0 0; border:1px solid #3d3d3d; color:#C5C0B0; display:none; left:0px; padding:5px 0px; position:absolute; border-top:0px; width:250px; min-width:170px; list-style:none; z-index: 999;}
.countries span.value { display:none;}
.countries dd ul li a {padding:4px; display:block;}
.countries img.flag { border:none; vertical-align:middle; margin:4px; width: 32px;}
.countries .arrow {position: relative;left: 1.85rem; bottom: 2.55rem; width: 40px;height: 40px;background-color: #6d6d6d;float: right; border-right: 1px solid #6d6d6d;}
.countries .arrow img {position: absolute; left: 40%; top: 40%;}
.flagvisibility { display:none;}
.header-top .selector-wrapper { width: inherit; }
.header-top #webmenu { margin-top: 0; }
.header-top .countries dt { display: inline-flex; }
.header-top .countries dt a { border: 1px solid #6d6d6d; display: inline-block; padding-right: 0px; vertical-align: top; width: 190px; }
.header-top .countries .arrow { background-color: #6d6d6d; border-right: 1px solid #6d6d6d; bottom: initial;
	display: inline-block; left: initial; height: 42px; margin-left: -4px; position: relative; vertical-align: top;
	width: 40px; }

/* Pushy Bar */
.pushy-menu-btn { width: fit-content; }
.burger-bar { height: 4px; width: 40px; background-color: white; margin: 10px; }

/** Rotator Styles **/
.bx-viewport {border: none !important; box-shadow: none !important; left: 0 !important;}
.bannerarrow {display: none;}
.bannerslide, .bannertext {height: 34.375rem;}
.bannertext {position: absolute;color: #fff;font-size: 0.875rem;padding-left: 15px; top: 10%; width: 100%;}
.bannertext h1 { font-family: 'Ubuntu'; font-size: 35px; font-weight: 300; display: inline-table; padding-bottom: 5px; border-bottom: 2px solid #bb2227; }
.bannertext ul {list-style: url(../images/red-bullet.png);}
.bannertext ul li { color: #fff;font-family: 'Ubuntu'; font-weight: 400; font-size: 20px; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
.bannertext p img {margin-right: 40px !important;}
a.rotator-button {color: #fff;font-size: 12px;font-weight: 700;padding: 15px 50px;font-family: 'Lato';transition: all .2s;display: inline-block;border: 1px solid #fff; }
a.rotator-button:hover {color: #000;background-color: white; }
.inner-banner .bannerslide {height: 20rem; background-position: center top;}

.bx-controls { bottom: 30px; left: 0; position: absolute; right: 0; z-index: 1000; }
.bx-wrapper .bx-pager.bx-default-pager a { background: transparent; border: 1px solid #f9f9f9; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f9f9f9;
	/*background-image: url('../images/filled-dot.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
}

/** Homeblocks Styles **/
#homeblock-container {background-color: #f6f6f6; padding: 3rem 0 2rem;}

/** Middle **/
/*.breadbox { margin-bottom: 52px; }*/
.breadcrumb-container {height: 3rem; background-color: #F7F7F7;}
.bread-crumb { margin: 0; padding: 0.375rem 0 0; width: auto; }
.breadcrumb { display: inline-flex; width:100%; text-align:left; font-size:14px; border-style: none; position: relative; margin-left: .75rem; }
.breadcrumb > * { font-weight: 400; font-family:'Lato'; font-size: 15px; color:#333333; }
.breadcrumb li {display: inline; list-style-type: none; padding-left: .25rem;}
.breadcrumb li:first-of-type {padding-left: 0;}
.breadcrumb li a {color:#333333; font-size: 15px;}
.breadcrumb li a:hover {text-decoration: underline;}

.copyarea { margin-top: 52px; }
.subtitle { border-bottom: 1px solid #ccc; color: #222; font-family: 'Lato', sans-serif; font-size: 20px;
	line-height: 1.2; margin: 0 0 20px; padding: 0 0 20px; }

/** Footer Styles **/
footer {display: flex;padding: 50px 0;align-items: center;flex-direction: column;justify-content: center;background: url('../images/footer-background.png') no-repeat center;background-size: cover; }
.f-menu {display: flex;justify-content: center; }
footer .menu a {color: #ccc;font-size: 14px;text-transform: uppercase; }
footer .menu > li {border-right: 1px solid #ccc; }
footer .menu li:last-of-type {border: none; }
footer .menu > li > a {padding: 0.2rem 2rem; }
footer .menu > li > a:hover {text-decoration: underline; }
footer .menu .active > a {background: transparent; color: #ccc; }
.entron-callout {margin: 25px 0;color: #bb2227;font-size: 16px;padding: 12px 90px;border-top: 1px solid #333;border-bottom: 1px solid #333; }
.footer-text p {color: #ccc;font-size: 12px;text-align: center;margin-bottom: 3px; }
.footer-text a {color: #bb2227; }
.footer-text a:hover {text-decoration: underline; }
.footer-image {margin-top: 20px; }

/** Hannush customs **/
.button { text-transform: uppercase; }
.button.alert { background: #bb2227; }
.button.secondary { background: #999; }
/*.copyright { display: none; opacity: 0; visibility: hidden; }*/
.bread-crumb li.active { font-weight: bold; }
select[name="ordering"] option[value="popular"], select[name="ordering"] option[value="category"] { display: none; }

.infoicon {background-image: url(../images/product-info.png);background-repeat: no-repeat;display: inline-block;height: 16px;vertical-align: text-top;width: 14px; }

.sidebar .moduletable { background: #f7f7f7; margin: 0 0 1.313rem; padding: 1.25rem; }
.moduletable.productmenu { padding-top: 1.688rem; }
.moduletable.psbox, .moduletable.psbox h3 > span { background: #e3e3e3; }
.sidebar h3 { font-size: 18px; }
.sidebar h3 > span { background: #f7f7f7; }
.sidebar li {color:#333;}

.side-nav { margin: 0; }
li.navlink { line-height: 1.65; border-top: 1px solid #ccc; }
li.navlink a { color: #333; display: block; padding: 0.188rem 0; }
li.navlink a:focus, li.navlink a:hover { color: #777; }
li.navlink.nested { border-top: 0; font-size: 0.875rem; }
li.navlink.nested a { padding: 0; }
li.navlink.nested a::before { content: '•'; padding-right: 0.313rem; }

.photoblock { background-position: center; background-repeat: no-repeat; background-size: contain;
	border: 1px solid #ccc; box-sizing: border-box; display: inline-block; font-size: 0;
	height: 200px; margin: 0 0 5px; width: 100%; }
.photoblock a { display: block; height: 100%; }
.photoblock.mini { height: 70px; margin: 0; }

h2.sales-team { color: #bb2227; border-bottom: 1px solid #cbcbcb; }
.product.column { margin-bottom: 15px; }
/*.dlcol h4 { color: #0a0a0a; cursor: pointer; }*/

footer a { color: #a6a6a6 !important; }
.copyright { max-width: 100%; padding-right: 33px; padding: 0;margin: 0 auto; }
.copyright p, .copyright p a { color: #ccc; margin-top: 2rem; font-size: 12px;}
.copyright p a:hover {text-decoration: underline;}

.callout.secondary.noborder {padding-right: 0; padding-left: 0;}
.callout.secondary.noborder .row {padding-left: 15px; padding-right: 15px;}

/** End Hannush customs **/

/** Media Queries **/
@media screen and (max-width: 74.375em) { /* 1190/16 */
	.header-bottom .menu > li.item-301 { position: absolute; right: 4%; top: 0; width: auto; }
}

@media screen and (max-width: 1023px) {
	#webmenu {margin-top: 0;}
	footer { padding: 0 0 25px 0; }
	.form-inline {display: flex; width: 190px; margin: auto; }
	.header-bottom {justify-content: flex-start;}
	.homeblock h3 { font-size: 15px; }
	.h-top { justify-content: center; }
	.selector-wrapper, .search {margin: .5rem 1rem 0;}
	.selector-wrapper {height: 0px;}
	.countries dt a {height: 40px;}
	.countries dt a span {padding: 0;}
	.countries .arrow {left: 1.8rem; bottom: 2.5rem;}
	.homeblocks-wrapper { padding: 20px 0 25px 0; }
	.entron-callout { text-align: center; padding: 12px 45px; }
	.pushy-search {display: flex; justify-content: flex-end;}
	.bannertext {width: 100%;}
	.bannertext h1 {font-size: 30px;}
	.bannertext img {width: 40%;}
}

@media screen and (max-width: 880px) {
/*  .bannerslide, .bannertext { height: 18.75rem;}
*/  .bannertext h1 { font-size: 25px; }
	.bannertext ul li { font-size: 20px; }
	.bannertext img {width: 45%;}
	
}

@media screen and (max-width: 840px) {
	.homeblocks h3 {font-size: 16px}
	.bannertext img {display: none;}

}

@media screen and (max-width: 638px) {
/*  #webmenu {background-color: #000;}
*/.countries dt a { background-position-x: 4.75rem; width: 100px; }
	.flag-label {display: none !important;}
	.form-inline {width: auto;}
	.search-container {display: inline-flex;}
	.search .button { border-left: 1px solid #3d3d3d;margin: .5rem 1rem 0; } 
	input[type="search"] { display: none; }  
	.homeblocks h3 { font-size: 22px; }
	.search { margin: 0; }
	.search .button {width: 38px;height: 38px;}
	.ddTitleText img { width: 1px; }
/*  .bannertext img {display: none;}
*/  .bannertext {margin-left: 1rem;}


}