header.mobileContainer, header.mobileContainer *{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header.mobileContainer {
    display: block;
    font-size: 0;
    border-bottom: 1px solid #464646;
    background:#141519;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    z-index: 1000;
}



header.mobileContainer .menuToggle {
    width: 10%;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.burgerBar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
}

.burgerBar .top {
    width: 100%;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    height: 4px;
    -webkit-transition: all 0.3s ease 0s; 
    -moz-transition: all 0.3s ease 0s; 
    -o-transition: all 0.3s ease 0s; 
    transition: all 0.3s ease 0s;
}

.burgerBar .middle {
    width: 100%;
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    height: 4px;
    -webkit-transition: all 0.3s ease 0s; 
    -moz-transition: all 0.3s ease 0s; 
    -o-transition: all 0.3s ease 0s; 
    transition: all 0.3s ease 0s;
}

.burgerBar .bottom {
    width: 100%;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    height: 4px;
    -webkit-transition: all 0.3s ease 0s; 
    -moz-transition: all 0.3s ease 0s; 
    -o-transition: all 0.3s ease 0s; 
    transition: all 0.3s ease 0s;
}

.showMobileMenu .burgerBar .top {
	top:18px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.showMobileMenu .burgerBar .bottom {
	top:18px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.showMobileMenu .burgerBar .middle{
	opacity: 0;
}

.mobileContainer .nav-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(20, 21, 25, 0.8);
    width: 0;
    -webkit-transition: all 0.3s ease 0s; 
    -moz-transition: all 0.3s ease 0s; 
    -o-transition: all 0.3s ease 0s; 
    transition: all 0.3s ease 0s;
}

.showMobileMenu .mobileContainer .nav-container{
	width: 100%;
}

.mobileContainer .nav-container .container {
    width: 100%;
}

.mobileContainer .nav-container .container #nav {
    border-radius: 0;
    padding: 0;
    margin: 0;
    width: 80%;
    border: none;
    position: absolute;
    float: none;
    top: 0;
    bottom: 0;
    padding: 0;
    overflow: scroll;
}

.mobileContainer .nav-container .container #nav li {
    display: block;
    float: none;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #2c2d30;
    position: relative;
    margin-bottom: 0
}

.mobileContainer .nav-container .container #nav li a {
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: white;
    line-height: 15px;
    padding: 15px 2%;
    margin: 0;
}

.mobileContainer .nav-container .container #nav li div div {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    top: 0;
    float: none;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    background: #292c2d;
}


.mobileContainer .nav-container .container #nav li div span.arrow {
    position: absolute;
    top: -45px;
    right: 0;
    width: 45px;
    height: 45px;
    left: 0;
    display: block;
    border: none;
    left: inherit;
    z-index: 1000;
}

.mobileContainer .nav-container .container #nav li .dropdown-6col {
    display: block !important;
    width: 100%;
    padding: 0;
    margin: 0;
    top: 0;
    left: auto;
    right: auto;
    position: relative;
    opacity: 1 !important;
/*   IMPORTANTS ARE FOR OVERWRITING THE JS PLUGIN   */
}

.mobileContainer .nav-container .container #nav li div span.arrow .top {
    width: 1px;
    height: 11px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: auto;
    max-height: 100px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mobileContainer .nav-container .container #nav li div span.arrow .bottom {
    height: 1px;
    width: 11px;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    margin: auto;
    max-height: 100px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mobileContainer .nav-container .container #nav li a:hover {
    border: none;
    box-shadow: none;
}
.mobileContainer .nav-container .container #nav li:hover a {
    box-shadow: none;
}

.mobileContainer .nav-container .container #nav li.showMore div div {
    max-height: 8000px;
}



.mobileContainer .nav-container .container #nav li a{

}

.mobileContainer .nav-container .container #nav li span {
    width: 100%;
}

.mobileContainer .nav-container .container #nav li.showMore div span.arrow .top {
    transform: rotate(45deg);
}

.mobileContainer .nav-container .container #nav li.showMore div span.arrow .bottom {
    transform: rotate(45deg);
}

.mobileContainer .nav-container .container #nav li.active a {
    box-shadow: none;
}


.nav-container .burgerBar {
    bottom: inherit;
    right: 5%;
    left: inherit;
    top: 20px;
}

.tpgSliderThumb{
	    height: 20px !important;
    width: 20px !important;
}



#narrow-by-list dd a, #narrow-by-list dd.even a, #narrow-by-list dd.odd a {
    letter-spacing: 0.02em;
    background: none;
    position: relative;
    font-size: 14px;
}

#narrow-by-list dd .sln-type-checkbox a:after {content: '';position: absolute;top: 2px;left: 0;bottom: 0;width: 10px;height: 10px;border: 1px solid #37383b;}

#narrow-by-list dd .sln-type-checkbox a.checked:before {/*Add another block-level blank space*/
    content: '';
    display: block;       /*Make it a small rectangle so the border will create an L-shape*/
    width: 3px;
    height: 6px;       /*Add a white border on the bottom and left, creating that 'L' */
    border: solid #fff;
    border-width: 0 2px 2px 0;       /*Rotate the L 45 degrees to turn it into a checkmark*/
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 4px;
}

#narrow-by-list dd .sln-type-checkbox a.checked:after {
    border: 1px solid white;
}







header.mobileContainer .searchToggle {
    width: 10%;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

header.mobileContainer .searchToggle svg {
    width: 35px;
    margin-top: 11px;
    fill: white;
    height: 57px;
}
.mobileSearchWrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #141519;
    width: 100%;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mobileSearchWrapper .searchSVGWrapper {
    display: inline-block;
    vertical-align: top;
    width: 5%;
}

.mobileSearchWrapper .searchSVGWrapper svg {
    fill: white;
    width: 21px;
    height: 21px;
}

.mobileSearchWrapper .searchWrapper {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

.header .mobileSearchWrapper .searchWrapper .form-search .input-text {
    border: none;
    font-size: 15px;
    float: none;
    color: white;
    height: 21px;
    line-height: 21px;
    border-radius: 0;
    padding: 0;
}

.header .mobileSearchWrapper .searchWrapper .form-search .search-button {
    display: none;
}

.mobileSearchWrapper .closeSearchWrapper {
    position: relative;
    width: 22px;
    height: 22px;
    /* background: green; */
    display: inline-block;
    vertical-align: top;
    width: 5%;
}

.mobileSearchWrapper .closeSearchWrapper svg {
    width: 20px;
    height: 20px;
    fill: white;
}

.mobileSearchWrapper .closeSearchWrapper .top {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 2px;
    height: 22px;
    background: white;
    margin: auto;
    transform: rotate(45deg);
}

.mobileSearchWrapper .closeSearchWrapper .bottom {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 22px;
    height: 2px;
    background: white;
    margin: auto;
    transform: rotate(45deg);
}

.showSearch .mobileSearchWrapper {
    max-height: 80px;
    padding: 29px 0;
    overflow: visible;
}

.header .mobileSearchWrapper .form-search .search-autocomplete {
    left: 0;
    right: 0;
    width: 100%;
    top: 51px !important;
    background: #141519;
}

.header .mobileSearchWrapper .form-search .search-autocomplete li {
    font-size: 14px;
    line-height: 20px;
}

.header .mobileSearchWrapper .form-search .search-autocomplete span.configurable-price-from-label {
    float: none;
}

.header .mobileSearchWrapper .form-search .search-autocomplete span {
    display: inline-block;
    vertical-align: top;
}


















header.mobileContainer .logoWrapper {
    width: 60%;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
}

header.mobileContainer .logoWrapper .mobileWrapper{
	display: none;
}

header.mobileContainer .logoWrapper h1 {
    font-size: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 262px;
}

header.mobileContainer .logoWrapper img {
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
}

header.mobileContainer .logoWrapper a {
    display: block;
    height: 60px;
    text-align: center;
    margin: 10px 0;
    position: relative;
}










header.mobileContainer .accountWrapper {
    width: 10%;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

header.mobileContainer .accountWrapper svg {
    width: 35px;
    margin-top: 11px;
    fill: white;
    height: 57px;
    display: block;
}

header.mobileContainer .accountWrapper a {
    display: block;
    height: 80px;
}









header.mobileContainer .cartWrapper {
    width: 10%;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

header.mobileContainer .cartWrapper svg {
    width: 35px;
    margin-top: 11px;
    fill: white;
    height: 57px;
    display: block;
}

header.mobileContainer .cartWrapper a {
    display: block;
    height: 80px;
}







header.mobileContainer{
	display: none;
}
.mobileCategoryBar{
	display: none;
}

.sortByFixedWrapper{
	display: none;
}

.mobileCategoryBar {
    height: 50px;
    font-size: 0;
    border-bottom: 1px solid #464646;
    position: fixed;
    top: 81px;
    left: 0;
    right: 0;
    background: #000000;
    z-index: 97;
}

.mobileCategoryBar .sortButton {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 18px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 15px 0 17px 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mobileCategoryBar .filterByButton {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 18px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 15px 0 17px 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


.footer-mobile{ display: none; }


header.mobileContainer .searchToggle.sright{
    display: none;
}
header.mobileContainer .searchToggle.sleft{
    display: inline-block;
}


#narrow-by-list dd.even a span.mobile{
	display: none;
}

#narrow-by-list dd a .mobile, #narrow-by-list dd.even a .mobile, #narrow-by-list dd.odd a .mobile{
	display: none;
}






/* NOTIFICATION AREA */

.pushNotificationWrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 1178px;
    right: 0;
    margin: auto;
    background: red;
    z-index: 1000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#313135+0,313135+100 */
    background: rgb(49,49,53); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(49,49,53,1) 0%, rgba(49,49,53,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(49,49,53,1) 0%,rgba(49,49,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(49,49,53,1) 0%,rgba(49,49,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313135', endColorstr='#313135',GradientType=0 ); /* IE6-9 */
    border-radius: 5px 5px 0 0;
    padding: 0 28px 0 52px;
    box-sizing: border-box;
    box-shadow: 0px -2px 7px 2px rgba(0, 0, 0, 0.3);
    font-size: 0;

    -webkit-transform: translateY(1125px);
    -moz-transform: translateY(1125px);
    transform: translateY(1125px);

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

    display: none;
}

.canShowNotifi .pushNotificationWrap{
	display: block;
    -webkit-transform: translateY(125px);
    -moz-transform: translateY(125px);
    transform: translateY(125px);
}

.showPreferences.canShowNotifi .pushNotificationWrap{
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.pushNotificationWrap .pushNotificationOptions {
    padding-bottom: 9px;
    text-align: left;
    padding-left: 30px;
}

.pushNotificationWrap .pushNotificationTopBar {
    height: 50px;
    text-align: left;
}

.pushNotificationWrap .pushNotificationTopBar .pnIcon {
    display: inline-block;
    vertical-align: top;
    width: 38px;
}

.pushNotificationWrap .pushNotificationTopBar .pnContent {
    display: inline-block;
    vertical-align: top;
    width: 844px;
}

.pushNotificationWrap .pushNotificationTopBar .pnHelp {
    display: inline-block;
    vertical-align: top;
    width: 43px;
    text-align: right;
    height: 50px;
}

.pushNotificationWrap .pushNotificationTopBar .pnClose {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    text-align: right;
    height: 50px;
}

.pushNotificationWrap .pushNotificationTopBar .pnContent p {
    display: inline-block;
    margin: 0;
    line-height: 50px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}

.pushNotificationWrap .pushNotificationTopBar .pnButton {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    width: 137px;
}

.pushNotificationWrap .pushNotificationTopBar .pnContent p span {
    color: #999999;
    margin-left: 10px;
}

.pushNotificationWrap .pushNotificationTopBar .pnButton button {
    width: 137px;
    height: 31px;
    -webkit-appearance: none;
    border: none;
    padding: 0;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    color: white;
    line-height: 31px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#05a33f+0,047231+100 */
    background: rgb(5,163,63); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(5,163,63,1) 0%, rgba(4,114,49,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(5,163,63,1) 0%,rgba(4,114,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(5,163,63,1) 0%,rgba(4,114,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a33f', endColorstr='#047231',GradientType=0 ); /* IE6-9 */
    font-weight:400;
    letter-spacing:0.7px;
    font-family: 'Roboto Condensed', sans-serif;
}

.onOffWrapper{
	height: 19px;
	display: inline-block;
	line-height: 19px;
}

.onOffWrapper p{
	display: inline-block;
	margin: 0;
	vertical-align: top;
}

.onOffWrapper input{
/* 	display: none; */
}

.onOffWrapper label{
	width: 53px;
	height: 19px;
	display: inline-block;
	vertical-align: top;
	line-height: 19px;
	margin: 0;
	position: relative;
	font-size: 0;

	overflow: hidden;
	border-radius: 50px;

	transform: translateZ(0);

	cursor: pointer;
}

.onOffWrapper label div{
	width: 17px;
	height: 17px;

	-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;

	position: absolute;
	top: 1px;
	left: 1px;

	box-sizing: border-box;
	border: 1px solid white;
	border-radius: 50%;

	box-shadow: 0px 0px 0px 1px #8e8e8e;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	z-index: 100;
}

.onOffWrapper label:after{
	z-index: 10;

	content:'OFF';
	position: absolute;
	width: 54px;
	height: 19px;
	background: #eeeeee;
	border-radius: 80px;

	box-shadow: inset -1px 0px 1px 1px #adadad;

	color:#7f7f7f;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	text-indent: 13px;

	-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;

}

.onOffWrapper label:before{
	z-index: 5;

	content:'ON';
	position: absolute;
	width: 54px;
	height: 19px;
	background: #047432;
	border-radius: 80px;

	box-shadow: inset 1px 0px 1px 1px #035926;

	color:#ffffff;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	text-indent: -13px;
	text-shadow: 0px 1px 1px #035c28;

	transform: translatex(-34px);

		-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;

}


.onOffWrapper input:checked + label div{
	transform: translatex(34px);
}
.onOffWrapper input:checked + label:after{
	transform: translatex(34px);
}
.onOffWrapper input:checked + label:before{
	transform: translatex(0px);
}

.pushNotificationWrap .pushNotificationOptions .pnGeneralOptions {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 655px;
}

.pushNotificationWrap .pushNotificationOptions .pnPersonalSubs {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-left: 65px;
}

.pushNotificationWrap .pushNotificationOptions h4 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #ffffff;
    margin-top: 17px;
    margin-bottom: 22px;
}

.pushNotificationWrap .pushNotificationOptions ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.pushNotificationWrap .pushNotificationOptions ul li {
    display: inline-block;
    margin-right: 25px;
    vertical-align: top;
    margin-bottom: 11px;
}

.pushNotificationWrap .pushNotificationOptions .pnPersonalSubs ul li:nth-of-type(1){
	display: block;
}

.pushNotificationWrap .pushNotificationOptions ul li input {
    display: none;
}

.pushNotificationWrap .pushNotificationOptions ul li p {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    text-align: right;
    margin-right: 10px;
    white-space: nowrap;
}

.pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(1) p, .pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(5) p {
    width: 50px;
}

.pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(3) p, .pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(7) p {
    width: 92px;
}

.pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(2) p, .pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(6) p {
    width: 50px;
}

.pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(4) p, .pushNotificationWrap .pushNotificationOptions ul li:nth-of-type(8) p {
    width: 92px;
}

.pushNotificationWrap .pushNotificationOptions .pnPersonalSubs ul li:nth-of-type(1) p, .pushNotificationWrap .pushNotificationOptions .pnPersonalSubs ul li:nth-of-type(2) p {
    width: 102px;
}

.pushNotificationWrap .pushNotificationOptions ul li.abandonedcart {
    display: block;
}

.pushNotificationWrap .pushNotificationTopBar .pnIcon svg {
    height: 24px;
    position: relative;
    top: 12px;
}

.pushNotificationWrap .pushNotificationTopBar .pnHelp svg {
    fill: #d5d5d6;
    height: 24px;
    position: relative;
    top: 12px;
}

.pushNotificationWrap .pushNotificationTopBar .pnClose svg {
    fill: #d5d5d6;
    height: 20px;
    position: relative;
    top: 14px;
}




.pushNotificationInfo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    z-index: 1000;
    width: 60%;
    height: auto;
    text-align: left;
    padding: 27px;
    margin: auto;
    height: 343px;
    width: 653px;

    display: none;
    z-index: -1;
    opacity: 0;

    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}


.showSpecHelp .pushNotificationInfo{
	display: block;
	z-index: 1501;
	opacity: 1;
}


.pushNotificationInfo h3 {
    font-size: 30px;
    color: #e2001a;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

.pushNotificationInfo .close {
    fill: #cccccc;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 34px;
    right: 27px;
}

.pushNotificationInfo {}

.pushNotificationInfo .pnInfoContent p {
    font-size: 12px;
    color: white;
    line-height: 18px;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

/* ADD TO BODY */

.showSpecHelp:before {content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.44); display: block;z-index:1500;}









.products-grid .product-image {
    position: relative;
}

.ukfriendlycarry {
    position: absolute;
    bottom: 15px;
    right: 0;
    background: #323232;
    opacity:0.8;
    z-index: 9;
}

.ukfriendlycarry .textWrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #323232;
    color: #a4a4a4;
    font-size: 11px;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 25px;
    z-index: 100;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ready .ukfriendlycarry .textWrapper {
    right: 21px;
}


.ukfriendlycarry .ufcSVG {
    position: absolute;
    height: 30px;
    background: #555555;
    width: 78px;
    bottom: 0;
    right: 0;
    z-index: 95;
    text-align: right;
    border-radius: 54px;
}

.ukfriendlycarry .ufcSVG svg {
    width: 10px;
    height: 30px;
    fill: #00a453;
    right: 8px;
    position: relative;
}

.product-img-box .ukfriendlycarry{
    bottom: inherit;
    top: 45px;
    left: 210px;
    right: auto;
}











.related_popup_wrap.hide {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    z-index: -100;
}

.related_popup_wrap .related_popup .block.block-related-slider .close {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
    z-index: 100;
}

.related_popup_wrap {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    background: rgba(29, 29, 29, 0.9);
    z-index: 1000;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    opacity: 1;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.related_popup_wrap .related_popup {
    background: #000000;
    border-radius: 5px;
    padding: 32px 27px;
    margin: 0;
    box-shadow: 0px 9px 13px 5px rgba(0, 0, 0, 0.2);
    position: relative;
    top: -10px;
}

.related_popup_wrap .related_popup .block.block-related-slider {
    margin: 0;
    position: relative;
}

.related_popup_wrap .related_popup .block.block-related-slider h3.section-title.padding-right {
    border: none;
    margin: 0;
    padding: 0;
    color: #e2001a;
    font-size: 28px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 0 !important;
    max-width: 90%;
    top: 0;
    left: 0;
    white-space: normal;
}

.related_popup_wrap ul.direction-nav {
    display: none;
}

.related_popup_wrap ul.products-grid {
    white-space: nowrap;
    overflow: hidden;
    max-width: 837px;
    position: relative;
    margin: auto;
}

.related_popup_wrap .previousItem {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    background: black;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 100;
    border-radius: 50%;
    padding: 18px;
    box-sizing: border-box;
}

.related_popup_wrap .nextItem {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -40px;
    background: black;
    width: 50px;
    height: 50px;
    margin: auto;
    z-index: 100;
    border-radius: 50%;
    padding: 18px;
    box-sizing: border-box;
}

.related_popup_wrap .nextItem svg, .related_popup_wrap .previousItem svg {
    height: 15px;
    width: 15px;
    fill: white;
}

.related_popup_wrap .previousItem svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.related_popup_wrap ul.products-grid::-webkit-scrollbar {
    height: 10px;
}

.related_popup_wrap ul.products-grid::-webkit-scrollbar-track {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171718+0,202022+100 */
    background: rgb(23,23,24); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(23,23,24,1) 0%, rgba(32,32,34,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(23,23,24,1) 0%,rgba(32,32,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(23,23,24,1) 0%,rgba(32,32,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171718', endColorstr='#202022',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
}

.related_popup_wrap ul.products-grid::-webkit-scrollbar-thumb {
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7a7a7a+0,5c5b5b+100 */
    background: rgb(122,122,122); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(92,91,91,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%,rgba(92,91,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(122,122,122,1) 0%,rgba(92,91,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#5c5b5b',GradientType=0 ); /* IE6-9 */;
}


.related_popup_wrap ul.products-grid li {
    display: inline-block;
    white-space: normal;
    margin-right: 30px;
    width: 178px;
    vertical-align: top;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



.related_popup_wrap ul.products-grid li h3.product-name {
    border-bottom: 1px solid #404145;
}


.related_popup_wrap ul.products-grid li:first-child:nth-last-child(2),
.related_popup_wrap ul.products-grid li:first-child:nth-last-child(2) ~ li {
    padding-top: 12px;
    margin: 0 26px;
}

/* three items */
.related_popup_wrap ul.produI sacts-grid li:first-child:nth-last-child(3),
.related_popup_wrap ul.products-grid li:first-child:nth-last-child(3) ~ li {
    padding-top: 0;
}

.related_popup_wrap ul.products-grid li:nth-of-type(2) + h3 {
    font-style: 40px;
}

.related_popup_wrap .related_popup .block.block-related-slider ul.products-grid li:nth-of-type(1) + h3.section-title.padding-right {
    font-size: 20px;
}

.related_popup_wrap .related_popup .block.block-related-slider ul.products-grid li:nth-of-type(2) + h3.section-title.padding-right {
    font-size: 24px;
}




.related_popup_wrap .block-related-slider .block-subtitle {
    border: none;
    padding: 0;
    margin: 0;
    color: #e2001a;
    background: black;
    position: absolute;
    bottom: -100px;
    left: -27px;
    right: 0;
    width: calc(100% + 27px * 2);
    border-radius: 3px;
    padding: 10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.6px;

    -webkit-box-shadow: 0px 9px 13px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 9px 13px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 9px 13px 5px rgba(0, 0, 0, 0.2);

    display: block;

    font-size: 14px;
}

.related_popup_wrap .block-related-slider .block-subtitle:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #000000 transparent;
    content: '';
    top: -6px;
    position: absolute;
    left: 40px;
}


.related_popup_wrap .block-related-slider input.checkbox + label {
    position: absolute;
    width: 12px;
    height: 12px;
    background: transparent;
    bottom: 23px;
    border: 1px solid #e2001a;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;

    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.related_popup_wrap .block-related-slider input.checkbox + label:hover {background: rgba(226, 0, 26, 0.34);}

.related_popup_wrap .block-related-slider input.checkbox {
    display: none;
}

.related_popup_wrap .block-related-slider label + .price-box {
    padding-left: 25px;
}

.related_popup_wrap .block-related-slider input.checkbox + label svg {
    fill: white;
    height: 12px;
    width: 7px;
    position: relative;
    top: -1px;
    opacity: 0;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.related_popup_wrap .block-related-slider input.checkbox:checked + label {
    background: rgba(226, 0, 26, 0.8);
}

.related_popup_wrap .block-related-slider input.checkbox:checked + label svg {
    opacity: 1;
}

.related_popup_wrap .add-to-cart button.btn-cart{
    margin-top:20px;
}






@media only screen and (max-width : 1240px){

	.pushNotificationWrap {
	    width: 940px;
	    padding: 0 20px;
	}

	.pushNotificationWrap .pushNotificationTopBar .pnContent p {
	    font-size: 12px;
	}

	.pushNotificationWrap .pushNotificationTopBar .pnContent {
	    width: 646px;
	}

	.pushNotificationWrap .pushNotificationOptions {
	    padding-left: 0;
	}

	.pushNotificationWrap .pushNotificationOptions .pnPersonalSubs {
	    margin-left: 34px;
	}

    .related_popup_wrap ul.products-grid{
        max-width: 607px;
    }

}

@media only screen and (max-width: 1230px) {

    .product-img-box .ukfriendlycarry{
        left:110px;
    }
    .media-button-wrapper{
        left:2%;
        bottom:40px;
        top: auto;
    }

}



@media only screen and (max-width : 1024px){

	#narrow-by-list dd a, #narrow-by-list dd.even a, #narrow-by-list dd.odd a{
		font-size: 0;
	}

	.catalogsearch-result-index #narrow-by-list dd a{
		font-size: 14px;
	}

	.grid-col2-sidebar .block-layered-nav dd.showMore.showMoreOptions {
	    padding-bottom: 40px;
	}

	.block-layered-nav dd{
		overflow: hidden;
		padding: 0;
		max-height: 0;
	}

    .seeMoreOptions {
        background: #141519;
    }
    .seeMoreOptions span{
        font-size: 15px;
        font-family: 'Roboto', sans-serif;

        font-weight: 500;
    }

	.catalog-category-view .block.block-wishlist {
	    display: none;
	}

	.block-layered-nav .currently{
		margin-top: 0;
	}

    #nav .level0.nav-10 .level0-wrapper .view-all {
        float:none;
        display: block;
        width: 100%;
        text-align: left;
        max-height: 0;
        overflow: hidden;
        width: auto;
        margin: 0;
        opacity: 0;
        padding: 0;
        font-size: 15px;
        font-weight: 500;
        background: #292c2d;
        color: #fff;
        line-height: 15px;
        transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }

    #nav .level0.nav-10 .level0-wrapper .view-all:after{
        display: none;
    }

    #nav .level0.nav-10.showMore .level0-wrapper .view-all{

        padding: 15px 3%;
        max-height: 200px;
        opacity: 1;
        transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }

    .searchautocomplete .searchautocomplete-loader{
		top: 3px;
	}



	body.category-view{
		overflow: hidden;
	}

	.block .actions {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: #141519;
	    padding: 0;
	    text-align: left;
	    border-top: 1px solid #ffffff;
	    height: 43px;
	    color: #ffffff;
	    z-index: 10;
	    bottom: -43px;
	}

	.showRefine .block .actions{
		bottom: 0;
	}

	.block .actions a,
	.block .actions .apply-button{
	    display: block;
	    float: none;
	    text-align: center;
	    font-size: 14px;
	    border: none;
	    font-size: 15px;
	    width: 50%;
	    color: white;
	    text-transform: uppercase;
	    line-height: 42px;
	    letter-spacing: 0.4px;
	    margin-left: auto;
	    height: 42px;
	    padding: 0;
	}

	.block-layered-nav .currently .actions {
	    padding: 0;
	    z-index: 100;
	    border: none;
	    height: 42px;
	    width: 50%;
	}

	.block-layered-nav .currently .actions a {
	    display: block;
	    float: none;
	    text-align: center;
	    font-size: 14px;
	    border: none;
	    font-size: 15px;
	    width: 100%;
	    color: white;
	    text-transform: uppercase;
	    line-height: 42px;
	    letter-spacing: 0.4px;
	    height: 42px;
	    padding: 0;
	    position: relative;
	}

	.block-layered-nav .currently .actions a:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;height: 22px;width: 1px;background: white;margin: auto;}

	.grid-col2-sidebar .block-layered-nav dd ol li {
	    width: 49%;
	    display: inline-block;
	    font-size: 0;
	}

	.sidebar .block.block-wishlist .block-content .block-subtitle, .sidebar .block.block-wishlist .block-content ol {display: none;}

	.grid-col2-sidebar .block-layered-nav dd ol.sln-type-image li{
		width: 33%
	}

	.toolbar .sorter .amount{
		display: block !important;
	}


	.block-layered-nav .currently p.block-subtitle {
	    padding: 0;
	    border: none;
	    margin: 0;
	    float: none;
	    display: block;
	    padding: 0;
	    font-size: 15px;
	    text-transform: uppercase;
	    font-weight: 500;
	    letter-spacing: 0.4px;
	    border-top: 0;
	}

	.block-layered-nav .currently .label {
	    color: white;
	    font-size: 14px;
	    color: #ffffff;
	    letter-spacing: 0.2px;
	    font-family: 'Roboto', sans-serif;
	    font-weight: 500;
	    background: none;
	    position: relative;
	    padding: 0;
	    display: inline-block;
	}

	.block-layered-nav .currently ol li {
	    color: white;
	    font-size: 14px;
	    color: #ffffff;
	    letter-spacing: 0.2px;
	    font-family: 'Roboto', sans-serif;
	    font-weight: 400;
	    background: none;
	    position: relative;
	    padding: 0;
	    line-height: 20px;
	    margin-bottom: 0;
	}


	.block .actions {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: #141519;
	    padding: 0;
	    text-align: left;
	    border-top: 1px solid #ffffff;
	    height: 43px;
	    color: #ffffff;
	}

	.block .actions{
		bottom: -43px;
	}

	.block .actions a {
	    display: block;
	    float: none;
	    text-align: center;
	    font-size: 14px;
	    border: none;
	    font-size: 15px;
	    width: 50%;
	    color: white;
	    text-transform: uppercase;
	    line-height: 42px;
	    letter-spacing: 0.4px;
	    margin-left: auto;
	    height: 42px;
	    padding: 0;
        background: #05a43e;
	}

    #narrow-by-list dd a, #narrow-by-list dd.even a, #narrow-by-list dd.odd a {
        font-size: 0px;
        color: #ffffff;
        letter-spacing: 0.2px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        background: none;
        position: relative;
        padding: 0;
        padding-left: 18px;
        display: inline-block;
        line-height: 18px;
    }

	.catalogsearch-result-index #narrow-by-list dd a{
		font-size: 14px;
	}

    #narrow-by-list dd a:after {top: 3px;}

    #narrow-by-list dd a.checked:before {/*Add another block-level blank space*/

        top: 3px;

    }

	.block-layered-nav .currently .actions {
	    padding: 0;
	    z-index: 100;
	    border: none;
	    height: 42px;
	}

	.block-layered-nav .currently .actions a {
	    display: block;
	    float: none;
	    text-align: center;
	    font-size: 14px;
	    border: none;
	    font-size: 15px;
	    width: 100%;
	    color: white;
	    text-transform: uppercase;
	    line-height: 42px;
	    letter-spacing: 0.4px;
	    height: 42px;
	    padding: 0;
	    position: relative;
	}

	.block-layered-nav .currently .actions a:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;height: 0;width: 1px;background: white;margin: auto;}

	.sortByFixedWrapper{
		display: block;
	}

	.toolbar .sort-by{
		display: none;
	}
	.toolbar .limiter{
		display: none;
	}

	.mobileCategoryBar:after {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background: #464646;
	    width: 1px;
	    height: 80%;
	    margin: auto;
	    content: '';
	}

	.catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar {
	    position: fixed;
	    top: 132px;
	    left: 0;
	    right: 0;
	    background: #000000;
	    width: 100%;
	    margin: 0;
	    z-index: 99;
	    bottom: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		max-height: 0;
		overflow: hidden;
		padding: 0 23px;
	}
	.catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar *{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.catalog-category-view .col-left.sidebar.grid_3.grid-col2-sidebar.in-sidebar {
	    margin-top: 0;
	    padding: 0 23px;
	    max-height: 0;
	    overflow: hidden;
	}

	.col2-left-layout .col-main{
		width: 99%;
		margin-top: 0;
	}

    .footer-primary-bottom{
        padding: 10px 0;
    }

    .category-title h1{
        text-indent: 10px;
    }

	.showRefine .col-left.sidebar.grid_3.grid-col2-sidebar.in-sidebar{
		padding: 32px 23px;
		max-height: 8000px;
		overflow: scroll;
		margin: 0;
	}

	.category-products-grid .item{
		width: 23%;
	}
	.itemgrid-3col .item:nth-child(3n+1){
		clear: none;
	}

	.catalogsearch-result-index .grid-col2-sidebar .block-title {
	    display: none;
	}
	.catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar{
		display: block;
	}

	.col-left.sidebar.grid_3.grid-col2-sidebar.in-sidebar{

	}

	#narrow-by-list dd a, #narrow-by-list dd.even a{
		font-size: 0;
	}

	#narrow-by-list dd a .mobile, #narrow-by-list dd.even a .mobile, #narrow-by-list dd.odd a .mobile, #narrow-by-list dd.even a span.mobile{
		line-height: 14px;
		font-size: 14px;
		display: inline-block;
	}

	.sidebar .block:first-child{
		margin: 0;
		border: none;
	}

	.sidebar .block .block-title{
		display: none;
	}

	.col-left.sidebar.grid_3.grid-col2-sidebar.in-sidebar{
		margin: 0;
	}

	.catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar .block-layered-nav dd {
	    max-height: 0;
	    overflow: hidden;
	    padding: 0;
	    border-bottom: 1px solid #2c2d30;
	    margin-bottom: 17px;
	}
	.catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar .block-layered-nav dd.slider-pad{
		padding-right: 10px;
		padding-left: 10px;
	}

	.block-layered-nav dt span, #narrow-by-list dt {
	    float: none;
	    display: block;
	    padding: 0;
	    font-size: 15px;
	    text-transform: uppercase;
	    font-weight: 500;
	    letter-spacing: 0.4px;
	    border-top: 0;
	}

	.block-layered-nav dt, #narrow-by-list dt {
	    padding: 0;
	    margin: 0;
	    margin-bottom: 17px;
	    position: relative;
	}

	.mobileCategoryBar{
		display: none;
	}

	.catalog-category-view .mobileCategoryBar, .catalogsearch-result-index .mobileCategoryBar{
		display: block;
	}




	.header-container.desktop {
	    display: none;
	}

	header.mobileContainer{
		display: block;
	}

	.refineToggleWrapper {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 12px;
	    height: 12px;
	}

	.refineToggleWrapper .top {
	    width: 1px;
	    height: 11px;
	    background: white;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	}

	.refineToggleWrapper .bottom {
	    height: 1px;
	    width: 11px;
	    background: white;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	}

	.grid-col2-sidebar .block-layered-nav dd.showMore {
	    max-height: 14000px;
	    padding-bottom: 17px;
	    padding-left: 12px;
	}

	.showMore .refineToggleWrapper .top, .showMore .refineToggleWrapper .bottom {
	    transform: rotate(45deg);
	}

	.grid-col2-sidebar .block-layered-nav dd ol {
	    list-style-type: none;
	    padding: 0;
	    margin: 0;
	    font-size: 0;
	}

	.block-layered-nav .currently{

	}

	.block-layered-nav .currently ol{
		padding-right: 0;
		padding-left: 20px;
	}

	.grid-col2-sidebar .block-layered-nav dd ol li {
	    font-size: 14px;
	    color: white;
	    font-family: 'Roboto', sans-serif;
	    float: none;
	    letter-spacing: 0.2px;
	    line-height: 14px;
	    margin-bottom: 14px;
	}

	.grid-col2-sidebar .block-layered-nav dd ol li a {
	    color: white;
	    font-size: 15px;
	    font-family: 'Roboto', sans-serif;
	}

	.grid-col2-sidebar .block-layered-nav dd ol li a{
		color:white;
	}

	.grid-col2-sidebar .block-layered-nav dd ol li:last-of-type {
	    margin-bottom: 6px;
	}

	.mobileCategoryBar .chevron {
	    width: 18px;
	    height: 18px;
	    /* background: red; */
	    display: inline-block;
	    vertical-align: top;
	    position: relative;
	    margin-left: 10px;
	    -webkit-transition: all 0.3s ease 0s;
	    -moz-transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
	    transition: all 0.3s ease 0s;
	}

	.mobileCategoryBar .chevron .left {
	    float: none !important;
	    width: 2px;
	    height: 9px;
	    background: white;
	    position: absolute;
	    bottom: 0;
	    left: 6px;
	    right: 0;
	    margin: auto;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	    top: 0;
	    border-radius: 2px;
	    -webkit-transition: all 0.3s ease 0s;
	    -moz-transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
	    transition: all 0.3s ease 0s;
	}

	.mobileCategoryBar .chevron .right {
	    float: none !important;
	    width: 2px;
	    height: 9px;
	    background: white;
	    position: absolute;
	    bottom: 0;
	    left: -6px;
	    right: 0;
	    margin: auto;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    top: 0;
	    border-radius: 2px;
	    -webkit-transition: all 0.3s ease 0s;
	    -moz-transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
	    transition: all 0.3s ease 0s;
	}

	.showRefine .mobileCategoryBar .sortButton {
	    opacity: 0;
	}

	.showSortBy .mobileCategoryBar .filterByButton{
		opacity: 0;
	}

	.showRefine .mobileCategoryBar:after, .showSortBy .mobileCategoryBar:after {
	    opacity: 0;
	}

	.showRefine .mobileCategoryBar .filterByButton .chevron .left, .showSortBy .mobileCategoryBar .sortButton .chevron .left {
	    left: 0;
	    height: 14px;
		transform: rotate(225deg);
	}

	.showRefine .mobileCategoryBar .filterByButton .chevron .right, .showSortBy .mobileCategoryBar .sortButton .chevron .right {
	    left: 0;
	    height: 14px;
		transform: rotate(-225deg);
	}

	.sortByFixedWrapper {
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%;
	    background: #000000;
	    z-index: 100;
	    top: 132px;
	    padding: 0 23px;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;

		max-height: 0;
		overflow: hidden;

		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	.showSortBy .sortByFixedWrapper{
		max-height: 2000px;
		overflow: scroll;
	    padding: 32px 23px;
	}

	.sortByFixedWrapper *{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.sortByFixedWrapper ul {
	    list-style-type: none;
	    padding: 0;
	    margin: 0;
	}

	.sortByFixedWrapper ul li {
	    float: none;
	    display: block;
	    padding: 0;
	    font-size: 15px;
	    text-transform: uppercase;
	    font-weight: 500;
	    letter-spacing: 0.4px;
	    border-top: 0;
	    border-bottom: 1px solid #2c2d30;
	    margin-bottom: 17px;
	    padding-bottom: 17px;
	    line-height: 18px;
	    font-family: 'Roboto', sans-serif;
	}

	.sortByFixedWrapper ul li select {
	    float: none;
	    font-size: 15px;
	    text-transform: uppercase;
	    font-weight: 500;
	    letter-spacing: 0.4px;
	    border-top: 0;
	    -webkit-appearance: none;
	    border: none;
	    padding: 0;
	    margin: 0;
	    height: 18px;
	    vertical-align: top;
	    display: inline-block;
	    background: none;
	    margin-right: 7px;
	    position: absolute;
	    left: 0;
	    right: 0;
	    width: 100%;
	    padding-left: 91px;
	}

	.sortByFixedWrapper ul li label {
	    vertical-align: top;
	    line-height: 18px;
	}

	.sortByFixedWrapper ul li div.limiter label {
	    margin-right: 20px;
	}

	.sortByFixedWrapper ul li div.limiter select {
	    padding-left: 77px;
	}

	.sortByFixedWrapper ul li a {
	    display: block;
	}

    .footer-container .newsletter-wrapper{
        width: 100%;
    }

    .newsletter-wrapper #newsletter-content{
        display: none;
    }

    .footer-mobile{
        display: block;
    }

    .footer-mobile .footer-mobile-section{
        overflow: hidden;
    }

    .footer-mobile h4,
    .newsletter-wrapper h4
    {
        display: block;
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        padding: 20px 0;
        border-bottom: 1px solid #404145;
        margin-bottom: 0;
        cursor:pointer;
    }

    .footer-mobile h4 span{
        line-height: 24px;
        margin-left: 10px;
    }

    #subscribe-form .input-box{
        margin-top: 20px;
        margin-right: 10px;
        width: 450px;
    }

    #subscribe-form .input-box input{
        box-sizing: border-box;
        width: 100%;
    }





    .footer-logos.grid_9{
        margin-left: 0;
    }

    .footer-logos .ssl-logo{
        margin-left: 0;
    }

    .footer-mobile ul{
        max-height: 0;
        padding: 0;
        transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }

    .footer-mobile ul.show-more{
        max-height: 8000px;
        padding: 20px 0;
        transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
    }

    .footer-mobile ul li{
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        line-height: 15px;
        padding: 15px 2%;
    }
    .footer-sitemap,
    .footer-returns,
    .footer-addresses,
    .footer-brands{
        display: none;
    }


    .pushNotificationWrap {
	    width: 98%;
	    -webkit-transform: translateY(523px);
	    -moz-transform: translateY(523px);
	    transform: translateY(523px);
	}

	.canShowNotifi .pushNotificationWrap{
	    -webkit-transform: translateY(223px);
	    -moz-transform: translateY(223px);
	    transform: translateY(223px);
	}

	.pushNotificationWrap .pushNotificationTopBar .pnContent p span {
	    display: none;
	}

	.pushNotificationWrap .pushNotificationTopBar .pnContent {
        -ms-flex-grow: 1;
	    flex-grow: 1;
	}

	.pushNotificationWrap .pushNotificationTopBar {
        display: -ms-flexbox;
	    display: flex;
	}

	.pushNotificationWrap .pushNotificationOptions .pnGeneralOptions{
		width: 100%;
	}

	.pushNotificationWrap .pushNotificationOptions ul li {
	    width: 23%;
	    margin: 0;
	    margin-bottom: 15px;
	    margin-right: 2%;
	}

	.pushNotificationWrap .pushNotificationOptions ul li div.onOffWrapper p {
	    width: auto;
        -ms-flex-grow: 1;
	    flex-grow: 1;
	    font-size: 12px;
	}

	.pushNotificationWrap .pushNotificationOptions ul li div.onOffWrapper {
        display: -ms-flexbox;
        display: flex;
	}

	.pushNotificationWrap .pushNotificationOptions .pnPersonalSubs {
	    margin: 0;
	    width: 100%;
	}

	.pushNotificationWrap .pushNotificationOptions .pnPersonalSubs ul li:nth-of-type(1){
		display: inline-block;
	}

    .mobileCategoryBar{
        top: 130px;
    }


    .sortByFixedWrapper{
        top: 180px;
    }

    .catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar{
        top: 182px;
    }

}

@media only screen and (max-width : 1024px) and (min-width: 964px){

    header.mobileContainer .searchToggle.sright{
        display: inline-block;
    }
    header.mobileContainer .searchToggle.sleft{
        display: none;
    }


    header.mobileContainer{
        border-bottom: none;
    }

    header.mobileContainer .menuToggle{
        display:none;
    }

    header.mobileContainer .logoWrapper{
        text-align: left;
        width: 70%;
    }

    header.mobileContainer .logoWrapper a{
        text-align: left;
    }

    header.mobileContainer .logoWrapper img{
        right:auto;
    }

    header.mobileContainer .searchToggle.sleft{
        display: none;
    }

    header.mobileContainer .searchToggle.sright{
        text-align: left;
    }

    .mobileContainer .nav-container{
        width: 100%;
        position: static;
        border-radius: 5px;
        border-bottom: none;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#333337), to(#242427));
        background: -webkit-linear-gradient(top, #333337, #242427);
        background: -moz-linear-gradient(top, #333337, #242427);
        background: -ms-linear-gradient(top, #333337, #242427);
        background: -o-linear-gradient(top, #333337, #242427);
        margin-bottom: 10px;
    }
    .mobileContainer .nav-container .container #nav{
        position: static;
    }

    .mobileContainer .nav-container .container #nav li{
        width: auto;
        display: inline-block;
        border: none;
    }

    .mobileContainer .nav-container .container #nav li a{
        border:none;
        padding: 15px 7px 15px 8px;
        display: inline-block;
        color: #999;
        box-shadow: none;
    }

    #nav>li.parent.active>a{
        background: none;
    }

    #nav>li.parent.active>a span{
        color: #eee;
    }


    .mobileContainer .nav-container .container #nav>li.new-items>a {
        color: #e2001a;
    }

    .nav-container .burgerBar{
        display: none;
    }

    .mobileContainer .nav-container .container #nav li .dropdown-6col{
        display: none !important;

    }
    #nav .level0.nav-10 .level0-wrapper .view-all {
        padding: 0 0 0 17px;
        margin-bottom: 10px;
        max-height: none;
        text-align: center;
        font-size: 15px;
        opacity: 1;
        background: none;
        color: #e2001a;
    }

    #nav .level0.nav-10 .level0-wrapper .view-all:after{
        display: inline-block;
    }

    .mobileContainer .nav-container .container #nav li .dropdown-6col .arrow{
        display: none;
    }

    .mobileContainer .nav-container .container #nav li.open-sub .dropdown-6col{
        display: block !important;
        position: absolute;
        width: 185px;
        top: 50px;
        left: -10px;

    }

    .mobileContainer .nav-container .container #nav li.open-sub.nav-10 .dropdown-6col{
        width: 155px;
    }

    .mobileContainer .nav-container .container #nav li.open-sub div div{
        max-height: none;
        padding: 10px;
        background-color: #181818;
        border-radius: 8px;
    }

    .mobileContainer .nav-container .container #nav li.open-sub li{
        width: 165px;
        vertical-align: middle;
    }

    .mobileContainer .nav-container .container #nav li.open-sub.nav-10 li {
        width: 135px;
    }

    .mobileContainer .nav-container .container #nav li.open-sub li a {
        padding: 5px;
    }

}

@media only screen and (max-width : 960px){



	.itemgrid-adaptive.itemgrid-2col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-3col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-4col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-5col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-6col .item:nth-child(2n+1), .itemgrid-adaptive.itemgrid-7col .item:nth-child(2n+1){
		clear: none !important;
	}
	.itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item{
		width: 31%;
	}


	
}

@media only screen and (max-width : 959px){

	.sort-by label{
		display: inline-block
	}
	
}

@media only screen and (max-width : 768px){

    .sortByFixedWrapper{
        top: 121px;
    }

    .mobileCategoryBar{
        top: 72px;
    }

    .catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar{
        top: 121px;
    }

    .related_popup_wrap ul.products-grid {
        max-width: 391px;
    }

    .related_popup_wrap ul.products-grid li {

    }

    .related_popup_wrap .related_popup .block.block-related-slider h3.section-title.padding-right {
        font-size: 24px;
    }





    .canShowNotifi .pushNotificationWrap{
		-webkit-transform: translateY(289px);
	    -moz-transform: translateY(289px);
	    transform: translateY(289px);
	}

	ul#nav{
		display: block;
	}
	
	.pushNotificationWrap .pushNotificationOptions ul li {
	    width: 48%;
	    text-align: left;
	}
	
	.pushNotificationWrap .pushNotificationOptions ul li div.onOffWrapper p {
	    text-align: left;
	    flex-grow: inherit;
	    width: 100px;
	}
	
	.pushNotificationInfo {
	    width: 520px;
	    height: 400px;
	}
	
}

@media only screen and (max-width : 767px){

	.block-layered-nav dd{
		width: 100%;
	}
	

	
	table#shopping-cart-table tfoot tr {
	    width: 100%;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnHelp {
	    width: 60px;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnClose {
	    width: 60px;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnIcon {
	    width: 50px;
	}
	
}

@media only screen and (max-width : 600px){
	
	.pushNotificationInfo {
	    width: 240px;
	    height: 400px;
	    overflow: scroll;
	    padding: 0;
	    border: 20px solid black;
	}
	
	.pushNotificationInfo .close{
		top: 10px;
	}
	
	.sortByFixedWrapper{
		top:107px;
	}

	.itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item{
		width: 48%;
	}
	
	
	.catalog-category-view .grid-col2-sidebar, .catalogsearch-result-index .grid-col2-sidebar{
		top: 107px;
	}

	.burgerBar {
	    height: 18px;
	    width: 20px;
	}
	
	.burgerBar .top {
	    height: 2px;
	    top:0;
	}
	
	.burgerBar .middle {
	    height: 2px;
	    top: 8px;
	}
	
	.burgerBar .bottom {
	    height: 2px;
	    top: 16px;
	}
	
	header.mobileContainer {
	    height: 48px;
	}
	
	header.mobileContainer .menuToggle {
	    height: 48px;
	}
	
	header.mobileContainer .searchToggle {
	    height: 48px;
	}
	
	header.mobileContainer .accountWrapper svg, header.mobileContainer .cartWrapper svg, header.mobileContainer .searchToggle svg{
	    width: 21px;
	    height: 47px;
	    margin: 0;
	    padding: 13px 0 0;
	}
	
	header.mobileContainer .accountWrapper {
	    height: 48px;
	}
	
	header.mobileContainer .cartWrapper {
	    height: 48px;
	}
	
	header.mobileContainer .logoWrapper {
	    height: 48px;
	}
	
	header.mobileContainer .logoWrapper a {
	    height: 48px;
	    margin: 0;
	}
	

	

	
	header.mobileContainer .logoWrapper img{
		width: auto;
        max-width: 145px;

	}
	
	.showSearch .mobileSearchWrapper {
	    max-height: 47px;
	    padding: 14px 0;
	}
	
	.showMobileMenu .burgerBar .top {
	    top: 8px;
	}
	
	.showMobileMenu .burgerBar .bottom {
	    top: 8px;
	}
	
	ul#nav{
		display: block;
	}
	
	header.mobileContainer .cartWrapper a {
	    height: 48px;
	}
	
	header.mobileContainer .accountWrapper a {
	    height: 48px;
	}
	

	
	.mobileCategoryBar {
	    height: 35px;
	    top: 71px;
	}
	
	.mobileCategoryBar .sortButton {
	    font-size: 15px;
	    padding: 9px 0 8px 0;
	}
	
	.mobileCategoryBar .filterByButton {
	    font-size: 15px;
	    padding: 9px 0 8px 0;
	}
	


    #subscribe-form .input-box{
        width: 335px;
    }


    .footer-logos .footer-logo{ display: block;}

	
	.pushNotificationWrap .pushNotificationTopBar {
	    height: 100px;
	    display: block;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnIcon {
	    position: absolute;
	    top: 0;
	    left: 20px;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnContent {
	    width: calc(100% - 40px);
	    padding-left: 40px;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnClose {
	    position: absolute;
	    top: 0;
	    right: 20px;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnHelp {
	    position: absolute;
	    right: 20px;
	}
	

}

@media only screen and (max-width : 560px){

	.grid-col2-sidebar .block-layered-nav dd ol li{
		width: 100%;
	}
	
}

@media only screen and (max-width : 480px){

    #subscribe-form .input-box{
        width: 182px;
    }


    .related_popup_wrap ul.products-grid {
        max-width: 221px;
    }

    .related_popup_wrap ul.products-grid li {
        margin: 0 26px;
    }

    .related_popup_wrap .related_popup .block.block-related-slider h3.section-title.padding-right {
        font-size: 20px;
    }
	
}


/* HEIGHT MEDIA QUERIES */
@media only screen and (max-height : 1000px){

/*
	.grid-col2-sidebar .block-layered-nav dd ol{		
	    max-height: 311px;
	    overflow: hidden;
	}
*/
	
}
@media only screen and (max-height : 800px){

	.grid-col2-sidebar .block-layered-nav dd ol{		
	    max-height: 0;
	    overflow: hidden;
	}
	
}
@media only screen and (max-height : 600px){

	.grid-col2-sidebar .block-layered-nav dd ol{		
	    max-height: 0;
	    overflow: hidden;
	}
	
}

@media only screen and (max-height: 550px) {

    .related_popup_wrap .related_popup {
        top: -30px;
    }

    .related_popup_wrap .related_popup .block.block-related-slider h3.section-title.padding-right {
        font-size: 20px;
    }

    .related_popup_wrap .related_popup .block.block-related-slider .close {
        top: 3px;
    }

    .related_popup_wrap ul.products-grid {
    }

    .related_popup_wrap ul.products-grid li {
        width: 145px;
    }


}

@media only screen and (max-height: 450px){
    .related_popup_wrap{
        overflow: scroll;
        padding-top:180px;
        padding-bottom:40px;
    }
}

@media only screen and (max-height : 400px){
	

	.itemgrid-adaptive.itemgrid-2col .item, .itemgrid-adaptive.itemgrid-3col .item, .itemgrid-adaptive.itemgrid-4col .item, .itemgrid-adaptive.itemgrid-5col .item, .itemgrid-adaptive.itemgrid-6col .item, .itemgrid-adaptive.itemgrid-7col .item{
		width: 48%;
	}


	.burgerBar {
	    height: 18px;
	    width: 20px;
	}
	
	.burgerBar .top {
	    height: 2px;
	    top:0;
	}
	
	.burgerBar .middle {
	    height: 2px;
	    top: 8px;
	}
	
	.burgerBar .bottom {
	    height: 2px;
	    top: 16px;
	}
	
	header.mobileContainer {
	    height: 48px;
	}
	
	header.mobileContainer .menuToggle {
	    height: 48px;
	}
	
	header.mobileContainer .searchToggle {
	    height: 48px;
	}
	
	header.mobileContainer .accountWrapper svg, header.mobileContainer .cartWrapper svg, header.mobileContainer .searchToggle svg{
	    width: 21px;
	    padding-top: 13px;
	}
	
	header.mobileContainer .accountWrapper {
	    height: 48px;
	}
	
	header.mobileContainer .cartWrapper {
	    height: 48px;
	}
	
	header.mobileContainer .logoWrapper {
	    height: 48px;
	}
	
	header.mobileContainer .logoWrapper a {
	    height: 48px;
	    margin: 0;
	}
	

	header.mobileContainer .logoWrapper .mobileWrapper{
		display: none;
	}
	
	header.mobileContainer .logoWrapper .tabletWrapper{
		display: block;
	}
	
	header.mobileContainer .logoWrapper img{
		width: auto;
	}
	
	.showSearch .mobileSearchWrapper {
	    max-height: 47px;
	    padding: 14px 0;
	}
	
	.showMobileMenu .burgerBar .top {
	    top: 8px;
	}
	
	.showMobileMenu .burgerBar .bottom {
	    top: 8px;
	}
	
	ul#nav{
		display: block;
	}
	
	header.mobileContainer .cartWrapper a {
	    height: 48px;
	}
	
	header.mobileContainer .accountWrapper a {
	    height: 48px;
	}
	


	


	.block-layered-nav dt{
		margin-bottom: 0
	}
	.block-layered-nav dt span{
		font-size: 12px;
	}
	
	header.mobileContainer .accountWrapper svg, header.mobileContainer .cartWrapper svg, header.mobileContainer .searchToggle svg{
	    height: 47px;
	    margin: 0;
	    padding: 0;
	}
	

	
}

@media only screen and (max-width: 380px){
    .related_popup_wrap .block-related-slider .block-subtitle{
        font-size: 12px;
    }
}

@media only screen and (max-width : 360px){

	.pushNotificationWrap .pushNotificationOptions ul li {
	    width: 100%;
	    margin-right: 0;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnIcon {
	    display: none;
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnContent {
	    padding-left: 0;
	}
	.canShowNotifi .pushNotificationWrap{
		-webkit-transform: translateY(455px);
	    -moz-transform: translateY(455px);
	    transform: translateY(455px);
	}
	
	.pushNotificationWrap .pushNotificationTopBar .pnContent{
		width: calc(100% - 20px);
	}
	
}