@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Roboto+Condensed:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Roboto+Condensed:ital@0;1&display=swap");


/* KIT MANAGER */



/*@font-face { 
  font-family: 'Montserrat';
  font-style: normal;
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); 
}
@font-face { 
  font-family: 'roboto';
  font-style: normal;
  src: url('../fonts/Roboto-Regular.ttf') format('truetype'); 
}
*/
:* {
 margin: 0;
 padding: 0 
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
  a[href]:after {
    content: none !important;
  }
  body {margin: 5mm;
  font-family: Arial !important;
  }
  strong {font-weight:normal;}
 }

html { font-size: 100% }

img { height: auto; max-width: 100% }

body { font-family:  'Montserrat', sans-serif;  line-height: 1.42857143; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; color: #000000;}
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
.container {	width: 100%;}
table, table td {padding:5px 10px;border:none;border-collapse:collapse; font-size:13px;}
#privacy tr:nth-child(odd) {background:#e1e1e1; 	}
#privacy  th {font-weight: normal; padding:5px;background: #0d24df;}

img {vertical-align:top;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
::placeholder { /*! font-size: 10px; */  /*! font-style: italic; */}
.zerogrid { width: 1240px;}
input, button, select, textarea {	font-family: inherit;	font-size: inherit;	margin: 5px 0;	border-radius: 0;	border: 1px solid #c4cdd5;}
input[type="button"] {height: 25px; cursor: pointer;}
textarea {height:150px;}
b, strong { font-weight:normal;}
p {margin-bottom: 16px;	font-size: 13px;	clear: left;}
.clearfix {clear:both;}
.fa{font-size:20px;margin:0 5px;color:#0d24df;}
.buttonClass {	background: #0d24df;	color: #FFF;	text-transform: uppercase;	padding: 11px;	font-size: 10px;}
.buttonClass:hover {  color: #FFF;}

/* -------------------------------------------- */
/* ------------------Heading and Sundry---------------------- */
a{color:#667b3a;text-decoration: none; }
a:hover {	text-underline-offset: 5px;	text-decoration: underline;	cursor: pointer;}
a.button{cursor: pointer;color: #FFF; display: inline-block;padding: 6px 12px 6px 12px; font-size: 12px; background: #0d24df; font-weight: normal; text-transform: uppercase;}
a.button:hover{}

h1,h2,h3,h4,h5,h6 { /*! clear: both; */ /*! line-height: 1.4em; */ -webkit-font-smoothing: antialiased }
h3,h4,h5 { font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#0d24df;}
h1,h2,h3,h4,h5,h6 { margin:   0 0 15px 0; }

h1 {font-size:30px;}

h2 {
	font-size: 1.5rem;
	color: #0d24df;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 600;
	margin: 0 0 20px 0;
}
h3 {
	color: #0d24df;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px 0 10px 0;
	text-transform: none;
	padding: 0;
}
h4 {margin: 10px 0;}

h5 { font-size: 14px }

.error {color:#0d24df;}
.notice {color:#0d24df; font-weight:bold;}
.clear {clear:both;}
label {	width: 20em;	float: left;	font-weight: 600;	color: #0d24df;	letter-spacing: .6px;padding-top:5px;}
#textProduct label {	font-size: 14px;}
.no_label {margin-left: 20em;float:left;}
li {list-style:none;}
.tooltip {opacity:1;z-index:0;}
.tooltiptext {visibility: hidden;width: 175px; background-color:#FFF; color: #999;text-align: center;padding: 25px 22px;    
    /* Position the tooltip */ position:absolute; z-index:9; top: 65px; left: 0px; border: 1px solid #999;}
.tooltip:hover .tooltiptext {visibility: visible;}
.linerule {	color:#999;	width:50%;	height:1px; margin-top:25px; margin-bottom:20px;}

/* -------------------------------------------- */
/* ---------------General Input/Select--------- */
html,button,input,select,textarea{margin:0;padding:0px 8px; width:auto;height:30px;-o-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
select {	cursor: pointer;	text-indent: 0.01px;	text-overflow: ""; background: url("../arrow.png") no-repeat right ; width:350px;color:#929eaa;height: 50px;font-size: 18px;}
select[multiple] {height: auto;}
option {}
input {	font-size: 13px;margin: 0px 5px 5px 0px;padding: 4px 16px;color: #464f5a;border: 1px solid #c4cdd5;	height: 30px;width:350px;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px; margin:0px;}
input[type="button"] {height: 30px;}
textarea {
	font-size: 12px;
	height: 80px;
	width: 350px;
}.
rwd-break {display:block;}
.smlLabel {width:10em;}

.labelSelect {font-size:12px;margin-bottom: 16px;}
.styleSelect {overflow: hidden; min-width:150px; }
.styleCard {width:30%; }
.smallSelect {min-width:90px;}

.radio-custom {opacity: 0; position: absolute;}
.radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; margin: 10px 10px 0 0; cursor: pointer;}
.radio-custom-label {position: relative;width:auto;}
.radio-custom + .radio-custom-label:before {content: '';background: #fff; border: 2px solid #0d24df; display: inline-block;vertical-align: middle;width: 20px;height: 20px;padding: 2px; margin: 10px 20px 10px 0;text-align: center;}
.radio-custom + .radio-custom-label:before {border-radius: 50%; }
.radio-custom:checked + .radio-custom-label:before {background: #0d24df;box-shadow: inset 0px 0px 0px 4px #fff;}	

.box-custom {opacity: 0; position: absolute;max-width:50px;}
.box-custom, .box-custom-label {display: inline-block; vertical-align: middle; cursor: pointer;}
.box-custom-label {position: relative;width:auto;margin-top:10px;}
.box-custom + .box-custom-label:before {content: '';background: #fff; border: 2px solid #0d24df; display: inline-block;vertical-align: middle;width: 25px;height: 25px;padding: 0px; margin:10px 10px 15px 0px;text-align: center;}
.box-custom + .box-custom-label:before {}
.box-custom:checked + .box-custom-label:before {background: #0d24df none repeat scroll 0 0; color: #FFF; content:"✓";font-size: 20px;font-weight: bold;line-height: 20px;}

.box-custom-x {opacity: 0; position: absolute;max-width:50px;}
.box-custom-x, .box-custom-label-x {display: inline-block; vertical-align: middle; cursor: pointer;}
.box-custom-label-x {position: relative;width:35%;margin-top:10px;}
.box-custom-x + .box-custom-label-x:before {content: '';background: #fff; border: 2px solid #0d24df; display: inline-block;vertical-align: middle;width: 25px;height: 25px;padding: 6px; margin:0px 10px 0px 10px;text-align: center;}
.box-custom-x + .box-custom-label-x:before {}
.box-custom-x:checked + .box-custom-label-x:before {background: #0d24df none repeat scroll 0 0; color: #FFF; content: "x";font-size: 20px;font-weight: bold;line-height: 4px;}

.btn {padding: 18px 45px;	border-radius: 0;	line-height: 0px;	background: #0d24df;	color: #FFF;	text-transform: uppercase;	font-size: 10.5px;	letter-spacing: 1px;}
.btn:hover, .btn:focus {	color: #FFF;	background: #0d24df;	text-decoration: none; border: 1px solid #0d24df;}
input.sbtn{border: 1px solid #d6d6d6;font-size:18px;height:30px;width: 30px;font-weight: bold;background: #FFF;line-height: 20px;padding: 0px 10px;} 
input.sbtnhov{color:#0d24df; cursor: pointer;}
input.btn{	padding: 18px 45px;	border-radius: 0;	width:auto; line-height: 0px;	background: #0d24df;color: #FFF;	text-transform: uppercase;	font-size: 10.5px;	letter-spacing: 1px;} 
input.btnhov{color:#0d24df; cursor: pointer;}
input.btnm{padding: 5px 15px;border: 1px solid  #333;border-radius: 3px;height:30px; width:150px; } 
input.btnmhov{color:#0d24df; cursor: pointer;}
input.btnl{padding: 5px 15px;border: 1px solid  #333;border-radius: 3px;height:30px; width:180px; } 
input.btnlhov{color:#0d24df; cursor: pointer;}
input.btngrey{padding: 5px 15px;border: 1px solid  #333;border-radius: 3px;height:30px;} 
input.btngreyhov{color:#0d24df; cursor: pointer;}

input.loginbtn{padding: 5px 15px;border: 1px solid  #333;border-radius: 3px; height:30px;} 
input.loginbtnhov{color:#0d24df; cursor: pointer;}
input.Binbtn{background: url('../remove.png') center center no-repeat;	width:32px; height:32px; border: 1px solid #999;cursor: pointer;} 
input.Updatebtn{background: url('../update.png') center center no-repeat;	width:32px; height:32px; border: 1px solid #999;cursor: pointer;} 

.Binbtn {	font-size: 10px;color:#808080;font-weight:600;padding:0;}
.Updatebtn  {	font-size: 10px;color:#FFF;font-weight:600;visibility:hidden;height: 25px;padding: 0 20px;}
.expandBin {}
.expandBinActive{margin-left:103px;}
.showUpdatebtn {background:#0d24df;visibility:visible;}
.plussbtn, .minussbtn, .inputBtn {margin: 0;padding: 0;border: 0 !important;;background: #FFF;width: 30px;font-size: 16px !important;}

label[for="male"] {  float: none;width:150px  }
label[for="female"] {  float: none;}
label[for="radio-1"] {  float: none;width:150px  }
label[for="radio-2"] {  float: none;}

/* -------------------------------------------- */
/* ------------------Header-------------------- */
*, html {margin:0;padding:0; }
header {}
header .wrap-header{height: 130px;border-bottom: 1px solid #333;}
.page-header .nav-toggle {	flex-basis: calc(0*var(--gutter) + (100% - (var(--columns) - 1)*var(--gutter))/var(--columns)*1);	width: 65px;	max-width: 79px;	height: 82px;	display: flex;	justify-content: center;	align-items: center;
	background-color: #0d24df;	float: left;	position: relative;	z-index: 1;}
.page-header .nav-toggle .nav-icon {	width: 32px;	height: 24px;	position: relative;	-webkit-transform: rotate(0deg);	transform: rotate(0deg);	transition: .5s ease-in-out;	cursor: pointer;}
.page-header .nav-toggle .nav-icon span:first-child {	top: 0;}
.page-header .nav-toggle .nav-icon span:nth-child(2), .page-header .nav-toggle .nav-icon span:nth-child(3) {	top: 8px;}
.page-header .nav-toggle .nav-icon span:nth-child(3), .page-header .nav-toggle .nav-icon span:nth-child(4) {	top: 8px;}
.page-header .nav-toggle .nav-icon span:nth-child(4) {	top: 16px;}
.page-header .nav-toggle .nav-icon span {	display: block;	position: absolute;	height: 4px;	width: 100%;	background: #fff;	border-radius: 0;	opacity: 1;	left: 0;	-webkit-transform: rotate(0deg);	transform: rotate(0deg);	transition: .25s ease-in-out;}

header #logo {position:absolute; top:30px; width: 100%;}
.logoName {text-align:center; font-size:36px; line-height:35px; color:#666666; font-family: Helvetica, sans-serif; font-weight: normal;}

header #search {position: absolute;top: 15px; right:145px; z-index: 15;}
header .button-search {	position: absolute;	right: 0px;	background: url('../search.png') center center no-repeat;	width: 28px; height: 35px;cursor: pointer;}
header #account { position: absolute; right: 0; top: 100px; z-index: 15;display:ruby;}
#account::before {	content: "\f2bd";	display: inline-block;	font-family: "FontAwesome";	font-size: 20px;margin:0  5px;color:#0d24df;}
.headertitlebar {	margin: 0 10px 0 0px;}
.basket {
	margin: 30px;
	text-align: center;
}
.searchBox {
  width: 300px;
  float: left;
  background: #f5f6f9;
  padding: 17px 0px 0 50px;
  border-left: 2px solid #d6d6d6;
}
.searchButton:after {
  content: "\f002";
  font-family: fontawesome;
  font-size: 16px;
  color: #0d24df;
  margin-left: -60px;
}
#searchForm {
  background: #f5f6f9;
}
#searchForm input {
  background: transparent;
  width: 200px;
  border-bottom: 1px solid #d6d6d6 !important;
  padding-left:25px;
}
#searchForm input::placeholder {
  font-size: 15px;
  font-style: initial;
  font-family: 'Roboto Condensed', sans-serif;
	color: #014070;
  line-height: 13px;
  opacity: 1;
  letter-spacing:.5px;
}
.searchInput {
	width: 200px;
	background: #f5f6f9;
	border: 0;
	border-bottom: 1px solid #c4cdd5;
	color: #0d24df;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}

.page-header .header.content {
	flex-flow: row wrap;
}
.page-header {
	padding: 0 0 25px 0;
	margin: 0 0 0px;
	border-bottom:1px solid #d6d6d6;
}
.page-header .header.content {
	display: flex;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
	z-index: 45;
}
.page-header .logo-container {
	order: 1;
	flex-basis: calc(6*var(--gutter) + (100% - (var(--columns) - 1)*var(--gutter))/var(--columns)*7);
	max-height: 57px;
}
.page-header .logo-container {
	height: auto;
	flex-basis: calc(1*var(--gutter) + (100% - (var(--columns) - 1)*var(--gutter))/var(--columns)*2);
}
.page-header .logo-container {
	position: relative;
	flex-basis: calc(1*var(--gutter) + (100% - (var(--columns) - 1)*var(--gutter))/var(--columns)*2);
	flex-grow: 1;
	margin-right: var(--gutter);
	background: repeating-linear-gradient(45deg,#fff,#fff 5px,#0d24df4f 0,#0d24df33 10px);
	width: 47%;
}
.page-header .logo-container .logo {
	width: auto;
	margin: 40px;
}
.page-header .logo-container .white-box {
	position: absolute;
	height: 175px;
	width: 58px;
	right: 35px;
	top: -120px;
	background: #fff;
	-webkit-transform: skew(45deg,0deg);
	transform: skew(45deg,0deg);
}
.logo-img {
padding: 5px 30px;
}
.logo-img img {
	height: 80px;
}

.userDetail {
	border-bottom: 1px solid #e3e3e3;
	clear: both;
	height: 80px;
}
.userSession {
	clear: left;
	width: 40%;
	padding-left:10%;
	text-align: left;
	float:left;
}
.selectedAccount {
	width:50%;
	float:right;
	
}

.userAccount {
	margin-top: 35px;
	text-align:center;
}
.userAccount p {
	margin: 0;
}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
.promoItem {
  padding: 15px 0;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #0d24df;
  width:50%;
  float:left;

  text-transform:uppercase;
}
.promoItem a {
  color: #004893 !important;
}
.groham-nav {
 border-color: #f2f2f2 
}
.navbar-nav > li {
	display: inline-block;
	float: none;
}
.navbar-collapse {
 padding: 0 
}
.groham-nav .navbar-toggle {
 border-color: #005b9e;
 border-radius: 0 
}
.groham-nav .navbar-toggle .icon-bar {
 background-color: #005b9e 
}
.groham-nav .nav>li.active a {

}
.groham-nav .nav>li>a {
 color: #0d24df;
 text-transform: uppercase;
 font-size: 16px;
 line-height: 12px;
 padding: 20px 35px 12px 35px;
 font-family: 'Roboto Condensed', sans-serif;
 transition: all .23s ease 0s;
 position: relative;
 display: block;
 margin: 0;
 text-decoration: none;
 border-bottom: 5px solid #FFF;
}
.groham-nav .nav>li>a:before {
 content: "";
 position: absolute;
 width: 0;
 height: 10px;
 background-color: #fff;
 left: 32px;
 top: 17px;
 transform: scale(0);
 transition: transform .35s 
}
.groham-nav .nav>li>a:hover {
 border-bottom: 5px solid #0d24df; 
 background: transparent;
}
.groham-nav .nav>li>a:hover:before {
 transform: scale(1) 
}
.navbar {
 min-height: 0;
 margin-bottom: 0;
 border: 0;
 border-radius: 0;
}

.groham-nav .nav>li>ul.megamenu-content {
 padding: 30px;
 box-shadow: 0 3px 6px rgba(0,0,0,.16); 
 border-bottom: 8px solid #0d24df;
 background: #f4f6f9;
}
.groham-nav .nav>li>ul h5.title {
 color: #0d24df;
 font-size: 13px;
 font-family:'Roboto Condensed', sans-serif !important;
 font-weight: 600;
 letter-spacing: 1px;
 height: 15px;
 margin: 20px 0 0 0;
 text-align: left;
}
.groham-nav .nav>li>ul>li ul {
 list-style: none;
 padding: 0;
 margin-top: 15px;
 text-align: left;
 min-height: 50px 
}
.groham-nav .nav>li>ul>li li {

 padding-top: 5px;
 padding-bottom: 5px;
}
.groham-nav .nav>li>ul>li ul>li>a,
.groham-nav .nav>li>ul>li>a {
 font-family:'Roboto Condensed', sans-serif;
 font-size: 16px;
 line-height: 22px;
 text-transform: none;
 color: #6f6f6f;
 transition: all .4s ease-in-out;
height: 24px;
display: inline-block;
}
.groham-nav .nav>li>ul>li ul>li.active>a,
.groham-nav .nav>li>ul>li.active>a {
 color: #005b9e 
}
.megamenu.fw .clearance {
 a:visited {
  color: black 
 }
}
.dropdown.megamenu-fw img {
 min-height: 100px 
}
.widthAdj {
 width: 400px 
}
.widthAdj2 {
 width: 275px ;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-right: 0px;
	margin-left: -0px;
}

@media only screen and (min-width:768px) and (max-width:959px) {
 .megamenu .container {
  width: 100% 
 }
 .groham-nav .nav>li {
  width: 100% ;
border-bottom:1px solid # d6d6d6;
 }
}
@media only screen and (min-width:767px) {
 .navbar-nav {
  text-align: center !important; 
  float: none;
  margin-top: 0;
 }
 .dropdown:hover .dropdown-menu {
  visibility: visible !important;
  display: block 
 }
 ul.nav.navbar-nav li.dropdown ul.dropdown-menu {
  visibility: hidden 
 }
}
.dropdown>a:after {
 display: none;
 content: "";
 width: 5px;
 height: 5px;
 margin: 0 8px 0 8px;
 vertical-align: middle;
 border-left: 0 solid transparent;
 border-top: 1px solid;
 border-right: 1px solid;
 -moz-transform: rotate(135deg);
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg) 
}
.dropdown-menu>li>a {
 font-size: 12px 
}
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
 position: static; 
}
.megamenu .container {
 position: relative 
}
.groham-nav .navbar-collapse {
 position: relative; 
 text-align: center;
}
.home1 .megamenu .dropdown-menu,
.home2 .megamenu .dropdown-menu,
.home4 .megamenu .dropdown-menu,
.home4 .megamenu .dropdown-menu,
.megamenu .dropdown-menu {
 left: 15%;
}
.megamenu .megamenu-content {
 padding: 15px 
}
.megamenu .megamenu-content h3 {
 margin-top: 0;
 color: #428bca;
 font-size: 18px 
}
.megamenu .megamenu-content li a {
 text-transform: uppercase;
 font-family:'Roboto Condensed', sans-serif;
 font-size: 16px;
 line-height: 100%;
 padding: 0; 
 color: #0d24df;
}
.dropdown-menu.megamenu-content li a:hover {
	box-shadow: inset 0 -2px 0 0 #0d24df;
	text-decoration: none;
	color: #0d24df;
}
.navbar-style-2 .navbar-brand {
 padding: 5px 15px 
}
.navbar-style-2 .nav li a img {
 margin-right: 5px 
}
.navbar-style-2 .nav li a {
 padding-left: 18px;
 padding-right: 18px 
}
.navbar-style-2.groham-nav {
 border: 0;
 padding: 15px 0 
}
.navbar-style-2 .dropdown:hover .dropdown-menu {
 top: 79px 
}
.home5 .navbar-style-2.groham-nav,
.home6 .navbar-style-2.groham-nav {
 padding: 10px 0 30px 
}
.home5 .groham-nav .nav li a,
.home6 .groham-nav .nav li a {
 padding-top: 15px;
 padding-bottom: 15px 
}
.navbar-style-2 .cart {
 background: transparent;
 border-radius: 0;
 height: auto;
 width: auto 
}
.navbar-style-2 .cart>a span {
 background-color: transparent;
 position: static;
 color: #404040;
 border: 0;
 margin-left: 15px 
}
.dropdown-menu.megamenu-content {
	position: absolute;
	width: 75%;
}
/* -------------------------------------------- */
/* ------------------ Content------------------ */
#content {}
#content .wrap-content{}
.mainState {
	min-height: 275px;
	padding: 20px 50px;
    margin: 0 0 0px 0;
}

#blanket {background:#464f5a;position:fixed; z-index:200;top:0px;left:0px;width:100%; height:104vh;opacity:0.6;}
#blanket:before{ transform:translate(87.5%,-25%) rotate(30deg) transition:all 1.5s ease-in-out; z-index:1;}
#blanket1 {background: #464f5a;  position:fixed; z-index:200;top:25%;left:25%;width:50%; opacity:0.9;padding:150px; font-size:30px; color: var(--ks-text-white);border: 1px solid var(--ks-background);border-radius: 100px;line-height: 35px;
  text-align: center;}


.userDetails {
	position: absolute;
	top: 0px;
	right: 2px;
	height: 82px;
	display:inline-flex;
}
.advancedSearch {
	display: none;
}
#addressList {
}
button {
	border: 0;
	background: transparent;
}
.searchInput {
	border: 0;
	border-bottom: 1px solid #d6d6d6;
	height: 40px;
}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
.footer {
	padding-top: 80px;
	border-top: 40px solid #0d24df;
	clear:both;
}
.footer .col-md-4 {
    width: 100%;
	  background:#FFF;
	  text-align: center;
	  margin:0 auto;
}
.footer .col-md-2 {
	width: 25%;
}
.footer-logo__container::after {
	background: repeating-linear-gradient(45deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 8px,#0d24df 0,#0d24df 16px);
	content: "";
	height: 25px;
	display: inline-block;
	max-width: 600px;
	right: 0;
	width: 100%;
	bottom: 183px;
	position: absolute;
}
.footer-logo__container::before {
	position: absolute;
	content: "";
	height: 25px;
	width: 40px;
	right: 580px;
	bottom: 183px;
	background: #fff;
	display: inline-block;
	-webkit-transform: skew(45deg,0deg);
	transform: skew(45deg,0deg);
	overflow: hidden;
	z-index: 1;
}

.footer-top {
	background-color: #0d24df;
	padding: 125px 0 0px;
	margin-top: 50px;
}
.footer-top a {
	color: #fff;
	font-weight: normal;
}
.footer-top a:hover {
	text-decoration: underline;
}
.row {margin:0;}
.mains-foots.clearfix {
	/*! border-bottom: 2px solid #6277a6; */
	width: 50%;
	text-align: center;
	margin: 40px auto;
}
.widget {
	margin-bottom: 40px;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	text-align:left;
}
.widget h3.widget-title {
	font-family: 'Montserrat';
	font-size: 16px;
	color: #f9c201;
	margin: 0 0 14px;
	font-weight: 600;
	display: block;
	width: 100%;
	position: relative;
	text-transform:none;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget-contect > p, .widget-list a, .widget-contact-info2 > p {
	line-height: 35px;
}
.widget-list a {
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s;
	font-size: 14px;
	font-weight: normal;
}
.wrap-footer{}
.footer-bottom {
	padding: 0;
	text-align: center;
}
.minor-foots {
  width: 70%;
  margin: 0 auto;
}
.foot-logos img, .foot-logo img {
	max-width: 100%;
	vertical-align: middle;
    margin: 0 8px;
    height: 42px;
}
.minor-foots img {
    height: 25px;
	  margin: 18px;
}
.foot-logos, .foot-logo {
	display: inline-block;
	text-align: center;
}
.foot-logos, .mains-foots .foot-logo {
	max-width: 950px;
}
.social-icons__container {
	padding: 40px 0 40px 0;
	width:25%;
	margin:0 auto;
}
.social-icons {
	display: flex;
	justify-content: space-between;
}

.social-icons__container img {
	width: 29px;
	margin: 0 10px;
}
.widget-contect > p, .widget-list a, .widget-contact-info2 > p {
	line-height: 35px;
}
.footer-middle__container {
	position: relative;
	text-align: center;
}
.footer-middle__container .footer-logo__container {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: -67px;
	top: 0;
}
.footer-logo span {
	vertical-align: bottom;
	color: #FFF;
	font-size: 16px;
}

.copyright{text-align:center; background:#000; padding:16px 0px;color:#FFF; }
.copyright a{text-decoration:none; color:#FFF; font-size:10px; }
.text-center {text-align: center;	color: #FFF;	font-size: 10px;}
#showCookie {background: #333;height: 60px;position: fixed;bottom: -10px;width: 100%;padding: 10px;z-index: 999;}
#showCookie p {color: #FFF;font-size: 14px; margin-left: 10px;float: left;}
#showCookie a {color:#FFF;}
#closeCookie {	padding: 0 50px;	float: right;}
.bk-to-top{position:fixed; bottom:0; right:0; z-index: 200;}
.bk-to-top.hide{display: none !important; }
.btn3 {background: #0d24df none repeat scroll 0 0; color: #FFF; line-height: 45px;	text-align:center; transition: all 0.5s ease-in-out 0s;
	text-transform: uppercase;	margin:0 10px 15px 0px;	display: inline-block;	padding: 0 15px;border:1px solid #FFF;}
.btn3:hover {color:#0d24df;background-color:#f9c201;}	

/*Address book */

#address_pick {padding: 10px;	background: #0d24df;	color: #FFF;	line-height: 45px;	margin: 20px;}
#address_pick:hover {	background: #0d24df;	text-decoration: none;	color: #FFF;	border: 0px solid #0d24df;}

/* ------------This section controls the LOOP displays on viewbasket, orderhistory, confirmorder and accept_order--------- */
/*These are the styles on products, accept order, viewbasket, order history, wish list and order confirmations pages */
#orderHistory p {clear: none;}
#confirmOrder p {clear: none;}
.address_orderhistory > label {	font-size: 16px !important;}
.StyleProductFloat {float:left;clear: none;}

.StyleProducttsmmo {color:#0d24df;}
.StyleProductstandard {color: #0d24df ;}
.StyleProduct {color: #0d24df ;}
.StyleDescription {font-style:inherit; width:450px;margin-left:20px;}  
.StyleUnitPrice { width:80px;margin-left:20px;text-align:right;min-height:1px;} /*important height, as this fixes field width if null */
.StyleCost {text-align:right;  width:80px;}
.StyleQuantity { width:80px;text-align: right;}

.StyleProductstandard {}
.StyleDate {width:140px;}
.StyleOrderNo\. {width:80px;text-align:center;}
.StyleName {padding:10px;}
.StylePrice {text-align:center;}
.StyleUnitPrice {width:80px;}
.StyleQuantity {width:80px;}
.StyleCost {width:80px;}
.StyleOriginalPrice {width:80px;}
.StyleProducttsmmo {}
.StyleProduct {color: #333;}
.StyleDescription {width:300px; display:inline-block;}  
.StyleStatus {display:none;}
.StyleDespatch {width:80px;}
.StyleConfirmationRef {width:90px;}
.StyleConfirmationNumber {width:90px;}
.StylePriority {width:40px;}
.StyleUnitPrice.miniHeader {}
.StyleUpdate {}
.StyleAddtobasket {}
.StyleRemoveitem {}

.ecommerceComments::before {content: "\a";white-space:pre;}

/*--------------- floating baset module ----------------*/
#basketcell { position: relative; float:right; padding-top: 20px; width:10%; line-height:15px;}
#basketcell #basketpop { display: none; z-index:100; background: #fafafa;  box-shadow: 1px 1px 1px 0 #e1e1e1; border: 1px solid #333; border-radius: 5px;  padding:8px; }
#basketcell:hover #basketpop { display: block; position: absolute; margin-left:-190px; top:40px; }

/* Basket drop down */
.basketShow {position: absolute;	width: calc(100% - 180px);	background: #FFF;	z-index: 1100;	padding: 15px 25px 25px 25px;	visibility: hidden;	right: 90px;	top: 133px;	box-shadow: 0 3px 6px #000029;
	border-bottom: 9px solid #0d24df;	border-radius: 0;}
.basketShow.activeBasket {	visibility: visible;	-webkit-transform: unset;	transform: unset;}
.splitBasket div {padding: 0px;}
#leftBasket {float:left; margin-right:10px; width:calc(100% - 340px);height:235px;overflow-x: auto;}
#leftBasket form {display: inline;}
#rightBasket {overflow:hidden;padding: 0 0px 0 25px;}
#rightBasket p {font-size: 16px;color:#0d24df; font-weight:bold;line-height: 22px;}
.activeItems {display:none;}	
.click-to-expand {font-size: 10px;font-weight: 600;line-height: 20px;}
.textLines {margin-left:103px;}

#viewBasketModule .btn {  width: 100%;  text-transform: none;  font-weight: bold;  font-size: 12px;padding:17px 0;border: 1px solid #0f4a84;}
#viewBasketModule .viewBasketTotal {font-size:22px; color: #353535;font-weight: 500;}
#viewBasketModule  .items-total {		font-size: 16px;	color: #0d24df;	font-weight: 600;	line-height: 75px; width:50px;float:left;}
#viewBasketModule  .subtotal {display: flex;	align-items: flex-end;	flex-wrap: wrap;	flex-direction: column;color: #0d24df;font-size: 12px;font-weight: 500;}
#viewBasketModule h3 {color: #0d24df;letter-spacing: 0;	font-size: 20px;	font-weight: 600;	padding-top: 50px;	padding-bottom: 20px;font-family:Montserrat,sans-serif}
#viewBasketModule img  {height: 70px; float:left;margin-bottom:15px}
#viewBasketModule p {clear: none;margin-bottom:0;font-size:12px;}
#viewBasketModule input {border: 1px solid #0f4a84;	padding-left: 2px;	font-size:14px; text-align:center;}
#viewBasketModule .StyleProductstandard {color:#333;}
#viewBasketModule .StyleName {color:#333;}
#viewBasketModule .StyleDescription {margin-top:20px; width:350px; text-align:left;font-size: 15px}
#viewBasketModule .StylePrice {color:#333;}
#viewBasketModule .StyleUnitPrice {text-align:right;color:#333; }
#viewBasketModule .StyleQuantity {font-style:inherit;color:#333;}
#viewBasketModule .StyleCost {display:none; line-height:1px; }
.largeText { margin-bottom: 0;}

/*-----------------  viewbasket page --------------------*/
/*---------------- the LB allow a line break between products when letter/numbers in the basket ----------*/

#ContinueShop .btn { background: #999 !important;width: auto;margin: 20px;}
#quickAdd { display:none;} /* This shows/hides and quick add products on viewbasket page, nb must set cat code/dept/sub dept */
 #BasketCheckout {	text-align: center;}
 #viewBasket {	width: 70%;	margin: 0 auto;}
.largeText a {	font-weight: 600;	color:#0c293f !important;}
.textLinesRight {	float: right;}
#viewBasket p {	clear: none;margin-bottom:2px;} 
#viewBasket .SmallProduct { height:65px; width: 65px; visibility:visible;float:left;margin:0 15px;}
#viewBasket .LineBreak {border-top: 1px dotted #CCCCCC; vertical-align:middle; padding:5px;}
#viewBasket .PATCH_LB {border-top: 0px;}
#viewBasket .LETTERS_LB{ border-top: 0px; }
#viewBasket .NUMBERS_LB { border-top: 0px; }
#viewBasket .PATCH {display:none;}
#viewBasket .LETTERS{display:none; }
#viewBasket .NUMBERS {display:none; } 

#date_1 {
  width: 100px;
}
select[name="collect_time_1"] {
  width: 100px;
}
/*--------------- Dept and Sub Dept pages --------*/
#dept_01 {  display: none;}
#deptPage {min-height:400px;text-align: center;}
#subDept {min-height:400px;}
.deptLoop {width: 30%; display: inline-table; margin: 15px;}
.deptName a {font-size: 16px;font-weight: bold;}
.deptDesc {}
.deptImage {}
.deptSubLoop {margin-top: 35px;}

.subDeptLoop {width: 30%;display: inline-table;margin: 5px;padding:10px;border:1px solid #333;}	
.subDeptImage {}
.subDeptText a {font-size: 16px;font-weight: bold;text-align: center;padding: 5px;}
.subDeptDesc {}

/*---------------products--------------*/
/* these rows are for the column lists on the products page
- the number of rows 'A-Z' are set in the Back Office */

.productView {float:right;} /*this controls the optional views on products.tmpl */
.rowA {padding:5px; color:#333;}
.rowB{padding:5px; color:#333;}
.rowA a, .rowB a  {color: #333;	text-decoration: none;	}
.rowA a:hover, .rowB a:hover  {color:#0d24df; text-decoration: none;}

.col-lg-3 {	width: 22%;	margin: 20px;}
.ProductCell {	margin: 3px;padding: 3px;		box-shadow: 0 1px 5px rgba(0,0,0,.08);width: 30%;float: left;text-align: center;}
.ProductCell img {margin-top:5px;}
.smallProductCell {margin: 5px;	box-shadow: 3px 0px 3px 0 #333; border: 1px solid #E4E4E4; width:110px; height:200px; }
.viewbasketCell {margin: 5px;	box-shadow: 3px 0px 3px 0 #333; border: 1px solid #E4E4E4; width:110px; height:200px; float:right;}
#productStitch { overflow: hidden; text-align:center; height:240px; width:180px;	}

#productListing {float:left; width:140px; text-align:center;}
#productListing .StylePrice {text-align:center;font-size:85%; margin-left:0px;}
.productListing {		}
.productListing img {}
.product-link {margin-bottom: 0px; text-align: center; font-size: 30px; border-bottom: solid 4px #999;}

#productTitle {	text-align: center;	padding-left: 5px;	padding-right: 5px;}
#productTitle a:link {color:#000000; text-decoration:none;}
#productTitle a:visited {color:#000000; text-decoration:none;}
#productTitle a:hover {text-decoration:none;}
#productTitle a:focus {text-decoration:none;}
.productTitle {	font-size:16px;height:55px;border-top: 1px solid #d6d6d6;margin-top: 15px;}
.productTitle a:link {color:#0C3757; text-decoration:none;}
.productTitle a:visited {color:#0C3757; text-decoration:none;}
.productTitle a:hover {text-decoration:none;}
.productTitle a:focus {text-decoration:none;}

#productPrice {text-align: center; color: #000; border-bottom-left-radius:4px; border-bottom-right-radius:4px; display:block;}
.productPrice {font-size: 16px;width: 100%; margin: 0 10px 10px;text-align:left;font-weight:600;color: #0d24df;line-height: 22px;}
.salePrice {text-align: center; color:#990000;font-size: 70%;}

.displayBanners {position: relative;top: -340px;left: 85px;height:1px;width:1px;}
.saleLogo {background: #dc241f none repeat scroll 0 0;height: 25px;top: 30px;z-index: 1;position: absolute;transform: rotate(45deg);width: 100px;text-align: center;left:80px;}
.saleLogo::after {content: "sale";text-transform: uppercase;color: #FFF;font-size: 16px;font-weight: bold;}
.in_multibuys {background: #0032b9  none repeat scroll 0 0;left: 53px;padding: 5px 15px;top: 190px;position: absolute;}
.in_multibuys::after {content: "offers!"; text-transform: uppercase;color: #FFF;font-size: 14px;font-weight: bold;}
.personalisable  {background: #a1a1a1;padding: 1px;width: 75px;height: 25px;top: 40px;position: absolute;right: 16px;text-align: center;}
.personalisable::after {content: "add a name!"; text-transform: uppercase;color: #FFF;font-size: 11px;font-weight: bold;}
.multiple_variants {position: absolute;background: #fff;top: 215px;right: 70px;}
.link-product-add-cart {color:#0d24df;font-size:12px;}
.link-product-add-load {position:absolute;top:65px;}
.saleDot {
  display: none !important;
}

/* ------------------Pages--------------------- */
/* ------------------Split page--------------------- */

.splitPage {overflow:hidden;}
.splitPage div {padding: 0px;}
#leftPage {float:left; margin-right:10px; width:40%; border-right: 0px dotted #CCC;}
#rightPage {overflow:hidden; margin: 0px 0px 0px 0px;}

/*---------------Order Confirm-----------*/
.splitConfirm {overflow:hidden;}
.splitConfirm div {padding: 0px;}
#leftConfirm {float:left; margin-right:10px; width:25%; border-right: 0px dotted #CCC;}
#rightConfirm {overflow:hidden; margin: 0px 0px 0px 0px;}

/*---------------My Shop-----------*/
.splitShop {overflow:hidden;}
.splitShop div {}
#leftShop {float:left; padding:25px 0; width:19%; margin-right: 20px;}
#rightShop {overflow:hidden; margin: 25px 0px 0px 0px; min-height:300px;}
#rightShop p {color: #808080;font-weight: 500;}
.myShopDetail {border:1px solid #dcdcdc; padding:25px;}
#account_update { margin-top: 30px;}
#rightShop h1 {	display: none;}
.myShop.active { border-left: 5px solid #0d24df;   }
.myShop.active a {color: #0d24df !important;font-weight: bold;}
.myShop a { color: #0c293f;}
.myShop a:hover {  text-decoration: none;  border-left: 4px solid #c4cdd5;  padding: 0 20px;  margin-left: -24px;}
#leftShop p { padding-left: 25px; font-size: 14px;  letter-spacing: 0;}
.myShopDetail h2 {	font-size: 32px;color: #0d24df;font-weight: 600;letter-spacing: 0;}
#rightShop label {width: auto;	float: none;	clear: both;	display: block;	color: #3e3e3e;	font-size: 12px;}
.mobileShop {display:none;background:#FFF; margin:25px 0;}
#mobileShop {	background: #f2f2f2;	padding: 25px 0 5px 0;}
.mobileShop:after {  content: "\f107";  float: right;  margin-right: 25px;  font-family: fontawesome;}

/*---------------Shipping-----------*/
.splitShip {overflow:hidden; width:100%;}
.splitShip div {padding: 0;}
#leftShip {float:left; margin: 0px 20px 0px 0px;width:50%;}
#rightShip {overflow:hidden; margin: 0px 0px 0px 00px; min-height:170px;}
#shipOptions p { clear: left;}

/*---------------Login---------------*/
.logIn {overflow:hidden;margin-top:30px;}
.logIn div {padding:0 5px 0 0;}
#login_new {float:left; width:73%;border-right: 2px dotted #CCC;}
#login_exist {overflow:hidden; padding-left: 20px;}
#login_linked_accounts {border-top: 2px dotted #CCC;}

/*-----------------  product filter --------------------*/

#product_browser {clear: both;}
#product_browser p {}
#product_browser label {width:14em; float:left;display:block;}
.maxPrice {font-weight: bold; text-transform: uppercase; vertical-align: middle;}
#search_terms {display: block;	clear: both;}
#price_range {	display: inline;}
#categories {float: left;width: 25%;display: block;	clear: both;margin-top: 141px;}
#categories h3 {font-size: 18px;text-transform: capitalize;font-weight: normal;margin-bottom:10px;}
#categories input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;width:16px;height:16px;margin-top:5px;}
#categories ul li {list-style:none;clear:both;}

#categories label {margin-top:0px;line-height:13px;font-size:12px;}
#categories .linerule {color: #E0E0E0;width: 50%;height: 1px;}
.selected-category {clear: both; padding: 6px 0 10px 0; border-bottom: 1px solid #f1f1f1; height: 20px;  width: 95%;}
#products {/*! float: right; */width: 100%;	display: block;margin: 0 auto;text-align: center;}
#products_per_page_div {clear: both;}
.pagination {display: inline;}
#pagination-container p {line-height:40px;}
#go_to_1 {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#prev {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#next {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#last {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#product-container {display: block;	/*! text-align:center; */margin: 0 auto;}
.category-count {display: inline;font-size: 12px;line-height:29px;}
.category { }
#navigation {margin-left: -20%;}
#navigation p {}
#product_count { }
#navigation label {width: 13em; float: left;display: block;}

/*--------------Item_Standard-----------*/

.ItemProduct {
	overflow: hidden;
	width: 100%;
	min-height: 600px;
	margin-bottom: 10px;
}
#imgProduct {
	float: left;
	margin: 0;
	width: 50%;
	text-align: center;
}
#mainImage {
	padding: 0px;
	margin: 20px 5px auto;
	display: inline-block;
	position: relative;
	z-index: 1;
}

#Thumbs {text-align:left;}
#Thumbs img {	margin-bottom: 4px;	border: solid 1px #E1E1E1;	width: 75px;}
#patches {margin-top: 10px;height: 125px;}
.ItemProduct div {padding: 0;}
#textProduct {overflow:hidden;margin: 0px 0px 0px 00px;min-height:170px;}
.ItemHeader {font-size:16px; margin: 10px 0px;}
#MediafFles {margin: 10px;}
.variant1 {color: #367FA9;	font-size: 16px;	float: left;	clear: both;}
.variant2 {color: #367FA9;	font-size: 16px;	float: left;	clear: both;}
.ItemOption {}
#variant_colour { margin-top: 20px;clear: both;}
.price {} /* yellow */
#imgProduct img {max-width:none;}
.tablink {	border: 1px solid #0d24df;	padding: 10px 20px;font-size: 11px;width:155px;display:inline-block;}	
.selectPersonalOption {	margin: 20px 0 5px 0;clear:both;}
.tablink.active {background: #0d24df;color: #FFF;}

#PlayerImg {position: relative;width: 90px;height: 90px;background-size: contain;background-repeat: no-repeat;display: inline-block;margin: -50px 0 0 50px;}
#Total {position:relative;  margin:10px 0;}
.TotalCostHead {font-size:18px; color:#367FA9 ; font-weight:normal; }
#TotalCost {font-size:18px; color:#367FA9 ; position:relative; top:0; width:90px; font-weight:normal;}
#mediaPage {top: 130px;position: absolute;width: 75%;left: 15%;height: auto;background:transparent;padding: 0;z-index: 9002;text-align:center;}
.playButton {background:transparent;border: 0;font-size: 30px;font-weight: bold;color:#FFF;margin: 0px 15px 0px 0px;float:right;position: relative;top: 50px;}
#mediaClip {    border: 1px solid     #367fa9;}
.origText {	width: 110px;	word-wrap: break-word;	display: inline-block;	line-height: 20px;	color: #b1bac2;}
.origPrice {	font-size: 25px;}

/*------------- confirm order, accept order --*/
#confirmOrder .miniHeader {  font-weight: normal;  font-size: 14px;}
#confirmOrder .StyleQuantity {width:10%;text-align: center}
#confirmOrder .StyleCost {width:10%;}
#confirmOrder .StyleDescription {width:60%; margin:0px; }  
#confirmOrder .StyleUnitPrice { width:15%;margin:0px;text-align:center;min-height:1px;}

.TotalOrder {border: 1px solid #999;}
.TotalCell {border-bottom: 1px dotted #999; }
#rightPage table td {font-size: 16px;	color: #0d24df;	padding: 8px;}

.orderRecipients {}
.orderCustomer {}
.address {text-transform:capitalize; line-height:17px; padding:5px;}
.postcode {text-transform:uppercase;}
.email {text-transform:none;}
.colHeader {font-size:11px; font-weight:bold;}

div#a2apage_dropdown {
 display:none!important
}
#showHide {
 position:fixed;
 top:10%;
 z-index:9999;
 background:#FFF;
 width:75%;
 left:15%;
 padding:15px;
 min-height:500px
}
#imgProductPopup > #mainImage {
  width: 46%;
  float: left;
}
#textProductPopup {
	float: right;
	width: 50%;
}

.pop-button {font-family:'FontAwesome';cursor: pointer;position: fixed; }
.pop-button {color:#333 ;transform: scale(.90); transition: transform .25s;}
.pop-button:hover {text-decoration:none;transform: scale(.90) ;}
.pop-button.pop-button-close::before { content: "\f00d"; font-size: 30px;background: transparent;}
.pop-button-close {font-size: 40px !important;cursor: pointer;position: relative;float: right;}

.arrowUp,
.arrowDown {
}
.arrowUp:after {
 content:"-";
 font-family:"FontAwesome";
 margin-left:15px;
}
.arrowDown:after {
 content:"+";
 font-family:"FontAwesome";
 margin-left:15px;
}
.ItemProduct h3 {
	font-size: 12px;
	color: #0c293f;
	font-family: Montserrat,sans-serif;
}
.ItemProduct div p {
	font-family: Montserrat,sans-serif;
	color: #626262;
	font-size: 12px;
	line-height: 22px;
	font-weight: 500;
}
.ItemProduct div li {
    font-family: Montserrat,sans-serif;
    color: #626262;
	font-size: 12px;
}
#textAccordion h3 {
 color:#005b9e;
 font-size:15px;
 line-height:1.5em;
 font-weight:normal;
 margin:10px 0 10px 0;
 margin-bottom:10px;
 border-bottom:0px solid #a8a8a8;
 text-transform:uppercase;
 padding:5px;
 display: inline-block;
}

#selectSquad {float: right; width: 55%;}

#PayPage p {clear: left;}
#orderForm h3 {  font-size: 20px;  text-transform: uppercase;}
#orderForm h3 label {  margin: -13px 0px 10px 0;}
.payFees {display:none;}
#PayDetail {display:none;}

/*---- change variants to boxes instead of drop down ----*/
#variant_size ul {    display:inline-block;  margin:0 5px 30px;}
#variant_size ul li {      position: relative;    /*! cursor: pointer; */}
#variant_size ul li input[type="radio"] {    position: absolute;    visibility: hidden;	width:auto;min-width: auto;}
#variant_size ul li label { cursor: pointer;    position: relative;     transition: all 0.25s linear 0s;   z-index: 9;top: 5px;font-size: 10px;text-align: center;width: 65px; min-width:42px;color: #333;text-transform: uppercase;}
#variant_size ul li:hover label { }
#variant_size ul li .check {    border: 1px solid #d6d6d6;	    display: block;  position: absolute;        transition: border 0.25s linear 0s; background:#FFF;       z-index: 5;height: 65px;cursor: pointer;width: 65px;}
#variant_size ul li:hover .check {    background:#fff894;color: #333;}
#variant_size ul li .check::before {    content: "";    display: block;        left: 5px;    margin: auto;    position: absolute;    top: 0px;    transition: background 0.25s linear 0s;    width: 15px;}
#variant_size input[type="radio"]:checked ~ .check {    background:#0d24df;border: 2px solid #0d24df;}
#variant_size input[type="radio"]:checked ~ .check::before {}
#variant_size input[type="radio"]:checked ~ label { color: #FFF}
#variant_size {z-index: 1;position: relative;clear: both;}
#list_of_items { text-align:left;width:100%;margin:0 auto 0px auto;}
.outofstck {	visibility: hidden;width:1px;}
.outofstck label {font-size: 10px !important;line-height: 10px !important;}
.outofstck label:hover {color: #FFF !important; cursor: default !important;}
.outofstck div {background: #E1E1E1;color: #1B365D !important;}
#itemPrice {  text-align: center;font-size: 20px;color: #0d24df;width:250px;}
#quantity { width: 60px;text-align: center;height: 50px;padding: 5px;font-size: 18px;}
#addButton {margin: 10px 0;	clear: both;	width: 225px;}

#dept_93, #dept_94, #dept_95, #dept_25 {display: none;}

/* Nav side bar */
.nav-sidebar-main {
	position: fixed;
	width: 400px;
	height: 100%;
	background: #fff;
	top: 0;
	z-index: 210;
	padding: 32px;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	transition: all .4s ease;
}
.nav-sidebar-main.active {
	visibility: visible;
	-webkit-transform: unset;
	transform: unset;
}
.nav-sidebar-main .nav-sidebar-inner .close-btn a {
	font-size: 16px;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	display: flex;
	align-items: center;
}
.nav-sidebar-main .nav-sidebar-inner .close-btn a img {
	width: 15px;
	height: 15px;
	margin-right: 8px;
	margin-top: -1px;
}
.nav-sidebar-main .nav-sidebar-inner .navigation-list {
	padding: 64px 32px;
}
.nav-sidebar-main .nav-sidebar-inner .navigation-list ul li {
	margin: 0 0 16px;
}
.nav-sidebar-main .nav-sidebar-inner .navigation-list ul li a {
	font-size: 16px;
	line-height: 1.5;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #0d24df;
}
.nav-sidebar-main .nav-sidebar-inner .social-links-block {
	position: absolute;
	bottom: 28px;
	left: 32px;
	width: calc(100% - 64px);
}
.nav-sidebar-main .nav-sidebar-inner .social-links-block ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#socialBlock .fab {font-size:20px; color: #0d24df;}
.social-icons .fa, .fab {font-size:20px; color:#FFF;}

#orderHistory th {	font-weight: normal;	padding: 2px;	background: #f8f8f8;}
#orderHistory table tr:nth-child(odd) {   background: #e6edf3;}
#orderHistory tr {line-height:25px;}
#live_basket {clear: both;}