/* CSS Document */

/*-----------------------
 GLOBALS

red; #d0112b
gray; #cacaca

-------------------------*/

@import url('https://fonts.googleapis.com/css?family=Muli:400,400i,600,600i,700,700i&display=swap');

h1, h2, h3, h4, h5, h6 { text-transform: none; color: #d0112b; font-family: 'Muli', sans-serif !important;  font-weight: 600 !important; }
body { background: #fff; font-family: 'Muli', sans-serif !important; }

.btn.btn-add-to-basket { font-family: 'Muli', sans-serif !important; text-shadow: none; font-weight: 700; border: 1px solid #b0b0b0; color: #d0112b; background: #fff; padding: 0 14px !important; font-size: 16px; transition: all 0.2s; }
.btn.btn-add-to-basket::after { display: none; }
.btn.btn-add-to-basket:hover { color: #fff; background: #d0112b; }

/* IE Sucks */
*.bottom-header .center, 
*.flexi-row, 
*.middle-header, 
*.top-header, 
*.center { padding-left: 0 !important; padding-right: 0 !important; }

#content--request--catalog { text-align: center; background: #d0112b; color: #fff; text-decoration: none; padding: 13px 0; display: block; font-size: 19px; }
#content--request--catalog:hover { text-decoration: underline; }

/*------------------------
 HEADER
-------------------------*/

.top-header .top-action a.top-hyp:nth-child(2) { display: none; }

.middle-header .logo { max-width: 315px; margin: -5px 0 15px 0; }
.middle-header .logo img { max-width: 315px; }
header.sticky-mode .logo img { max-height: 45px; }

.middle-header .search { text-align: right; }
.middle-header .search .search-wrapper { display: inline-block; width: 80%; right: 0; box-sizing: border-box; }
.middle-header .search .tbx-main-search { border-color: #d1d1d1; border-width: 2px; }
.middle-header .search .tbx-main-search.focused { border-color: #d0112b; }
.middle-header .search .tbx-main-search input { height: 40px; }

.middle-header .basket .hyp:before { height: 25px; width: 30px; left: 12px; }
.over-summary .hyp:before { width: 30px; height: 25px; }


/*------------------------
 NAVIGATION
-------------------------*/

.nav-item-root { *display: inline; zoom: 1;}
.nav-item-root > .nav-list > .nav-item { padding: 0 20px; font-size: 15px; margin: 5px 0 10px 0; font-weight: 700; line-height: 20px; } 
.nav-item-root > .nav-list > .nav-item > .hyp { padding: 0; }

.nav-main .hyp.arrow-grey:before { display: none; }
.nav-item.selected .hyp-top-lvl span:after { display: none; }
.nav-item { line-height: 1.1rem; padding-right: 20px; }

.menu--product--tier1 .nav-item { background: none; padding: 0 0 0 15px; margin: 5px 0 10px 0; line-height: 20px; vertical-align: top; font-family: 'Muli', sans-serif !important; }
.menu--product--tier1 > .nav-item { font-weight: 700; }
.menu--product--tier1 > .nav-item > a { font-size: 15px; }
.menu--product--tier1 .nav-item a { padding: 0 0 0 0; }
.menu--product--tier1 .nav-item a:hover { color: #d0112b; }
 
.menu--product--tier2 { width: 800px; min-height: 500px; }
.menu--product--tier2 .nav-item { margin: 3px 0; }
.menu--product--tier2 > .nav-item { display: inline-block; width: 24%; }
.menu--product--tier2.two-column > .nav-item { padding-right: 24%; width: 48%; }
.menu--product--tier2 > .nav-item.background-gray { background: #ebebeb; }
.menu--product--tier2 > .nav-item.background-gray > .hyp { font-size: 15px; }
.menu--product--tier2 > .nav-item.label-hidden > a { opacity: 0; cursor: default; }
.menu--product--tier2 > .nav-item > .hyp { font-weight: 700; /*text-transform: uppercase;*/ color: #000; margin: 5px 0 0 0; font-size: 13px; }
.menu--product--tier2 > .nav-item.background-gray > .hyp:hover { color: #000; cursor: default; }
header.sticky-mode .menu--product--tier2 { width: 500px; min-height: 500px; }
header.sticky-mode .menu--product--tier2 > .nav-item { width: 32%; }

.menu--product--tier3 { width: 100%; padding: 0 0 0 0 !important; margin: 0 0 0 0; position: relative; left: 0 !important; background: none; border: none; display: block; }
.menu--product--tier3 .nav-item { padding: 2px 0; margin: 2px 0; font-weight: 500; line-height: 18px; font-size: 13px; }
.menu--product--tier3 > .nav-item.label-inside > .hyp { font-size: 15px; margin-top: 15px; font-weight: 700; /*text-transform: uppercase;*/ color: #000; }

/*-------------------------
 HOME PAGE
------------------------*/

body.page--home { background: #ededee; }
body.page--home #hero { height: 30px; }

.section--products { background: #fff; width: 100%; max-width: none; padding: 0 0 0 0; margin: 0 0 0 0; }
.section--products.first { margin-top: 20px; padding-top: 20px; }
.section--products.last { margin-bottom: 20px; padding-bottom: 20px; }
.section--products .banner--featured--products { text-align: center; color: #d0112b; margin: 20px 0; }
.section--products .products-flow { max-width: 1000px; margin: 0 auto; }

/*-------------------------
 PRODUCTS
------------------------*/

.product-list .product--item--stacked { padding: 0 15px; }
.product--item--stacked { max-width: 300px; padding-left: 1px; }
.product--item--stacked .hyp-thumbnail { max-width: 100%; display: block; margin: 0 auto; }
.product--item--stacked .product-info { text-align: left; }
.product--item--stacked .product-id { font-size: 13px; }
.product--item--stacked .product-id-name { display: inline-block; }
.product--item--stacked .product-description { min-height: 120px; }
.product--item--stacked .product-title { font-size: 20px; line-height: 25px; text-align: left; }
.product--item--stacked .product-title:hover { text-decoration: none; }
.product--item--stacked .prices { text-align: left; }
.product--item--stacked .list-price { font-size: 13px; margin: 0 0 0 5px; }
.product--item--stacked .lbl-price { font-size: 19px; margin: 0 0 0 5px; }

.product-list.list-mode .product--item--stacked { max-width: none; }
.product-list.list-mode .product--item--stacked .product-img { display: inline-block; width: 32%; margin: 0 0 0 0; }
.product-list.list-mode .product--item--stacked .product-info { display: inline-block; width: 63%; margin: 0 0 0 0; }
.product-list.list-mode .product--item--stacked .product-id { display: block; }
.product-list.list-mode .product--item--stacked .product-description { display: inline-block; width: 59%; }
.product-list.list-mode .product--item--stacked .product-action { display: inline-block; width: 35%; margin-top: -20px; }

/* shopping cart */

#basketModalPopup .summary-title { text-transform: none; }
#basketModalPopup .product--item--stacked { max-width: none; }
#basketModalPopup .product--item--stacked .product-img { width: 20%; display: inline-block; margin: 0 0 0 0 ; }
#basketModalPopup .product--item--stacked .product-img .hyp-thumbnail { height: 75px; }
#basketModalPopup .product--item--stacked .product-info { width: 70%; padding-left: 5%; display: inline-block; }
#basketModalPopup .btn-action { font-family: 'Muli', sans-serif; text-shadow: none; font-weight: 700; border: 1px solid #b0b0b0; color: #d0112b; background: #fff; padding: 0 14px !important; font-size: 16px; transition: all 0.2s; }
#basketModalPopup .btn-action::after { display: none; }
#basketModalPopup .btn-action:hover { color: #fff; background: #d0112b; }

/* info */
#productPage { font-family: 'Muli', sans-serif; }
#productPage .product--item--single .product--item--subhead { text-transform: uppercase; font-size: 23px; }
#productPage .product--item--single .font-product-title { text-transform: none; margin: 0 0 5px 0; color: #000; font-size: 32px; }
#productPage .product--item--single .product-id { display: inline-block; color: #444;}
#productPage .product--item--single .product-id span { min-width: 0; font-weight: 500; }
#productPage .product--item--single .product-id .name { width: auto; }
#productPage .product--item--single .product-id + .product-id { border-left: 1px solid #cacaca; margin: 0 0 0 10px; padding: 0 0 0 10px; }

#productPage .product--item--single .prices-row { margin: 25px 0; }
#productPage .product--item--single .prices-row .label { display: none; }
#productPage .product--item--single .prices-row .after-prices { display: none; }
#productPage .product--item--single .list-price { font-size: 13px; margin: 0 0 0 5px; }
#productPage .product--item--single .lbl-price { font-size: 26px; margin: 0 0 0 0; font-weight: 700; }

#productPage .product--item--single .row-quantity .label { display: block; font-weight: 700; padding: 0 0 0 7px; font-size: 16px; }
#productPage .product--item--single .row-quantity .field { display: block; margin: 3px 0 0 0; }
#productPage .product--item--single .row-quantity .tbx-quantity { margin: 0 0 0 0; border: 2px solid #b0b0b0; padding: 5px 0; font-size: 18px; width: 40px; background: #fff; }
#productPage .product--item--single .row-quantity .tbx-quantity.focused { border-color: #d0112b; }
#productPage .product--item--single .row-quantity .tbx-quantity .ui-button { display: none; }
#productPage .product--item--single .product--item--availability { display: inline-block; margin: 0 0 0 0; }
#productPage .product--item--single .product--item--availability .control > div { font-weight: 500; display: inline-block; font-size: 13px; margin: 0 0 0 7px; width: auto; }
#productPage .product--item--single .product--item--availability .label { display: none !important; }

#productPage .product--item--single .order-box { margin: 15px 0 0 0; clear: none; }
#productPage .product--item--single .order-box::after { display: none; }

#productPage .product--item--single .btn.btn-add-to-basket { color: #fff; background: #d0112b; transition: all 0.2s; }
#productPage .product--item--single .btn.btn-add-to-basket:hover { color: #d0112b; background: #fff; }

/* rating */
#productPage .product--item--ratings .star-rating { width: 14px !important; height: 30px; }
#productPage .product--item--ratings .star-rating a { width: 28px !important; margin-left: 0 !important; }
#productPage .product--item--ratings .star-rating:nth-child(odd) a { margin-left: -14px !important; }
#productPage .product--item--ratings .hyp { text-transform: lowercase; color: inherit; border: none; }
#productPage .product--item--ratings.no-reviews { display: none; }
#productPage .product--item--ratings.no-reviews .hyp { padding: 0 0 0 0; margin: 0 0 0 0; }
#productPage .product--item--ratings.no-reviews span.hyp { display: none; }

/* formatting */
#productPage .add-this { display: none; }
#productPage .tt-w-instant-answers { display: none; }

#productPage .product--item--single .description { margin: 0 0 0 0; }
#productPage .product--item--single .description h3 { margin-bottom: 10px; font-size: 1.6em; }
#productPage .product--item--single .description p { font-size: 13px; }
#productPage .product--item--single .additional-links { font-size: 16px; font-weight: 600; margin: 10px 0 0 0; padding: 10px 0; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
#productPage .product--item--single .additional-links > a:before { display: none; }

/*-----------------------
 CATEGORY HEADERS 
------------------------*/

#header--product--image { background: center center no-repeat; height: 80px; background-size: cover; }

.header--product--category { background: #ededee; margin: 0 0 10px 0; padding: 0 0 20px 0; }
.header--product--category .center { padding: 0 4%; }
.header--product--category .breadcrumbs { border-bottom: 1px solid #cacaca; padding: 10px 0 7px 0; }
.header--product--category .breadcrumbs li { display: inline-block; width: auto; }
.header--product--category .combined-header { margin: 20px 0 0 0; }
.header--product--category .h1-holder { padding: 0 0 0 0; margin: 30px 0 5px 0; }
.header--product--category .h1-holder h1 { text-transform: none; font-size: 34px; color: #000; }
.header--product--category .combined-description { max-width: 650px; font-size: 14px; }

.header--image--category { display: none; }

.footer--product--category { margin: 20px auto 40px auto; }

/*-----------------------
 CATEGORY SIDEBARS 
------------------------*/

.filters-wrapper .facet h4 { color: #000; }

/*-----------------------
 PRODUCT HEADERS 
------------------------*/

.header--product--details { background: #ededee; margin: 0 0 10px 0; padding: 10px 0; }
.header--product--details .center { padding: 0 4%; }
.header--product--details .breadcrumbs { padding: 0 0 0 20px; margin: 0 0 0 20px; border-color: #cacaca; }

/*---------------------
 MISC PAGES
-----------------------*/

#loginPage .h1-holder h1 { color: #000; font-weight: 500 !important; }
#basketPage .h1-holder h1 { color: #000; font-weight: 500 !important; }
#productListPage .h1-holder { padding-top: 25px; }
#productListPage .h1-holder h1 { color: #000; font-size: 34px; }

.header--cart--details { background: #ededee; margin: 0 0 10px 0; padding: 10px 0; }
.header--cart--details .center { padding: 0 4%; }
.header--cart--details .breadcrumbs { padding: 0 0 0 0; margin: 0 0 0 0; border-color: #cacaca; }

.header--search--details { background: #ededee; margin: 0 0 10px 0; padding: 10px 0; }
.header--search--details .combined-header { margin-top: 20px; }
.header--search--details .center { padding: 0 4%; }
.header--search--details .breadcrumbs { padding: 0 0 0 0; margin: 0 0 0 0; border-color: #cacaca; }
.header--search--details .h1-holder { padding-top: 0; }
.header--search--details .h1-holder h1 { color: #000; font-size: 34px; font-weight: 500 !important; }

.gvi .product-title-super { text-transform: none; font-family: 'Muli', sans-serif !important; }

/*---------------------
 LAST VIEWED TABS
-----------------------*/

.section--product--detail { padding: 30px 0; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
.product-bottom-info { margin-bottom: 0; }
.tab--product--detail { border: 1px solid #cacaca; }
.tab--product--detail .ui-tabs-nav { border-bottom: 1px solid #cacaca; }
.tab--product--detail .ui-tabs-nav li { background: #ededee; margin: 0 0 0 0; }
.tab--product--detail .ui-tabs-nav .ui-tabs-anchor { text-transform: none; font-weight: 500; color: #d1263f; padding: 10px 15px; font-size: 14px; font-family: 'Muli', sans-serif; }
.tab--product--detail .ui-tabs-nav .ui-tabs-anchor::after { display: none; }
.tab--product--detail .ui-tabs-nav .ui-tabs-active { margin-bottom: -1px; border: none; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; background: #fff; }
.tab--product--detail .ui-tabs-nav .ui-tabs-active:first-child { border-left: none !important; }
.tab--product--detail .ui-tabs-panel { padding: 20px; }
.tab--product--detail .btn { text-shadow: none; text-transform: none; font-family: 'Muli', sans-serif; color: #fff; font-size: 1.4em; font-weight: 600; }

.tab--product--viewed { margin: 30px 0; padding: 0 0 0 0; overflow: hidden; }
.tab--product--viewed .ui-tabs-nav { border-bottom: none; }
.tab--product--viewed .ui-tabs-nav li { float: none; }
.tab--product--viewed .ui-tabs-tab { text-align: center; }
.tab--product--viewed .ui-tabs-tab .ui-tabs-anchor { float: none; }
.tab--product--viewed .ui-tabs-tab a { font-family: 'Muli', sans-serif; text-transform: none !important; color: #d0112b; float: none; margin: 0 10px; }

.tab--product--checkout { margin: 30px 0; padding: 30px 0 0 0; overflow: hidden; border-top: 1px solid #cacaca; }
.tab--product--checkout .ui-tabs-nav { border-bottom: none; }
.tab--product--checkout .ui-tabs-nav li { float: none; }
.tab--product--checkout .ui-tabs-tab { text-align: center; }
.tab--product--checkout .ui-tabs-tab .ui-tabs-anchor { float: none; }
.tab--product--checkout .ui-tabs-tab a { font-family: 'Muli', sans-serif; text-transform: none !important; color: #d0112b; float: none; margin: 0 10px; }

.tab--product--related { }
.tab--product--related .ui-tabs-nav .ui-tabs-anchor { text-transform: none; font-weight: 500 !important; color: #d1263f; font-size: 28px; font-family: 'Muli', sans-serif;}
.tab--product--related .simple-product-tile { font-size: 20px; line-height: 25px; font-weight: 600; }


/*----------------------
 MOBILE 
-----------------------*/

@media screen and (max-width: 940px)
{
	/*---------header---------*/
	header.sticky-mode .menu--product--tier1 a { font-family: 'Muli', sans-serif !important; }
	header.sticky-mode .menu--product--tier2 { width: 400px; }
	header.sticky-mode .menu--product--tier2 > .nav-item { width: 49%; }
}

@media screen and (max-width: 840px)
{
	/*---------header---------*/
	header.sticky-mode .menu--product--tier2 { width: 300px; }
}

@media screen and (max-width: 639px)
{
	/*---------header---------*/
	header .bottom-header { background: #fff;  }
	header .bottom-header .nav-item a { color: #000; text-transform: none; }
	
	.middle-header .logo { margin: 0 0 0 0; }
	.middle-header .logo img { max-height: 45px; }
	
	.middle-header .search .search-wrapper { width: 100%; }
	
	.menu--product--tier1 { width: 100% !important; }
	.menu--product--tier1 > .nav-item { padding: 0 0 0 0; }
	.menu--product--tier1 > .nav-item > a { font-size: 14px; color: #d0112b; }
	.menu--product--tier2 { width: 100%; }
	.menu--product--tier2 > .nav-item.label-hidden > a { display: none; }
	.menu--product--tier2 > .nav-item { display: block; width: 100%; }
	.menu--product--tier2 .submenu-expanded + .nav-item.label-hidden { display: none; }
	
	/*---------product---------*/
	.products-flow .product--item--stacked { margin: 0 auto 20px auto !important; }
	.product-list .product--item--stacked { margin: 0 auto !important; }
	
	/*--------- single product ------------*/
	.section--product--detail .hidden-tabs-name { text-transform: none; color: #d0112b; }
	
	.section--product--detail { padding: 0 0 0 0; border: none; }
	
	/*---------viewed products ------------*/
	#lastViewedProductsTab .blocks-row-item { min-width: 0; }
	#lastViewedProductsTab .product--item--stacked { margin: 0 auto !important; }
}
@media screen and (max-width: 539px)
{
	/* products */
	.product-list.list-mode .product--item--stacked .product-info { width: 55%; }
	.product-list.list-mode .product--item--stacked .product-description { display: block; width: 100%; }
	.product-list.list-mode .product--item--stacked .product-action { display: block; width: 100%; margin-top: 0px; }
}