@import url("bootstrap-drawer.css");
body{font-family: 'Noto Sans', sans-serif; font-size: 14px; background-color:rgba(255,255,255,1); font-weight: 500}
.modal-body { width: 100%; }
#cookieholder{width:100% !important;position:fixed;background:rgba(0,0,0,0.5);background:rgb(0,0,0,0.5);bottom:0px;z-index:9999;}
#cookiefoot{margin:0 auto;padding:10px;}
#cookiefoot p{color:#FFFFFF;text-align:left;}
#cookiefoot a{color:#FFFFFF;text-decoration:underline;text-align:left;}
#cookiefoot p.accept{color:#FFFFFF;text-decoration:none;cursor:pointer;}
#cookieOK{text-align:right !important;float:right !important;font-weight:700 !important;font-size:13px !important}
.show { display: block;}
#basketpreviewtab {  padding: 10px; border-top-right-radius:12px; border-top-left-radius:12px;} 
.basketpreview{background: #FFF;}
#myaccounttab { background: #FFF; padding-top: 10px; border-top-right-radius:12px; border-top-left-radius:12px;}
.basketicon i{color:#fe0000;}
.basketicon i:hover{color:#000;}
.drawer-contents ul.drawer-nav li{margin:0px; padding:8px 0px;}
.drawer-contents ul.drawer-nav .subsubnav li{margin:0px;}
#quotebuttons{display:none;}
a:focus{outline:none!important;}
.topsubnav a:focus{outline: 5px auto -webkit-focus-ring-color!important;}
.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}
 .loader {
	border: 4px solid #f3f3f3; /* Light grey */
	border-top: 4px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 2s linear infinite;
	float:left;
	margin: 8px
}
.inputicon {position: absolute; top: 45px; right: 2%;}
.filterlabels {font-size:14px; font-weight:500;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.bg-tint{position: fixed; z-index: 10000; height: 100%; width: 100%; display:none; clear:both; background-color:#000; opacity:0.4}
.loadersurround {
	text-align:center;
	top:40%;
	position: relative;
}
.loadersurround img{ 
	width: 100px;
	height: 100px;
}
.arrowreveal {float:right; color:#fe0000; font-size:16px;}

.wideitems .owl-item{display:block!important;}
.owl-carousel6-prodimages-under .owl-prev:before{display:none;}
.owl-carousel6-prodimages-under .owl-next:before{display:none;}

.checkerlist {list-style: none; padding:0px;}
#BasketHoverDrop{display: none; width: 500px; background: #FFF; min-height: 100px; position: absolute; right: 0; top:86px; z-index: 10; border-radius:5px;}

.btnempty {
    padding: 10px 10px 10px 10px;
    border-radius: 5px !important;
    background-color: #fe0000 !important;
}
.btnempty:hover {
    padding: 10px 10px 10px 10px;
    border-radius: 5px !important;
    background-color: #ffffff !important;
    color: #fe0000 !important;
}

.badge-success {
  background-color: #5cc45e;
    font-family: 'Noto Sans', sans-serif;
    font-size: 13px
}

.breadcrumb>li+li:before{content:none;}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
a.disabled {
  pointer-events: none;
  cursor: default;

}
a.disabled .portalboxes  {
  background-color: #eee;
}
.palletqtypad{margin:20px 0px; background-color: #f7f7f7; padding: 10px 15px; border-radius: 5px;}
	
.buttonposition{bottom:6%; position: absolute; left: 0; right: 0; margin-inline: auto; width: fit-content;}
.successtop{background-color:#5db133; border-radius: 10px 10px 0px 0px; min-height: 150px; text-align:center;}
.successbottom{background-color:#F9F9F9; border-radius: 0px 0px 10px 10px; min-height: 120px; text-align:center; padding:20px 40px;}
.successbottom p{font-size:20px;}
.lastsubnav{font-weight:400!important; color:#444!important;}
.details td { padding: 6px;
  text-align: left; font-size: 15px }
.hidedesktop{display:none;}
.fadeinup {opacity:0; margin: auto; margin-top: 150px;}
.fadeinup img { margin: auto; }
.fadein { animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


.tradeticks { font-size: 16px; font-weight: 600; }
.tradeticks li { padding: 8px }

.tradeticks { list-style:square; list-style-image:url(../../images/red-tick20.png) !important; background-position:left !important; background-repeat:no-repeat !important; }

.step1 { list-style: none; background-position-y: top !important; background-image:url(../../images/step1.png);background-position:left; background-repeat:no-repeat; padding-left: 40px }
.step2 { list-style: none; background-position-y: top !important; background-image:url(../../images/step2.png);background-position:left;background-repeat:no-repeat; padding-left: 40px }
.step3 { list-style: none; background-position-y: top !important; background-image:url(../../images/step3.png);background-position:left;background-repeat:no-repeat; padding-left: 40px }
.step4 { list-style: none; background-position-y: top !important; background-image:url(../../images/step4.png);background-position:left;background-repeat:no-repeat; padding-left: 40px; }

.lightgreybg{background-color: #eeeeee;}
.buenard-regular {
  font-family: "Buenard", serif;
  font-weight: 400;
  font-style: normal;
}

.buenard-bold {
  font-family: "Buenard", serif;
  font-weight: 700;
  font-style: normal;
}
.btn { border-radius: 5px }
.btn-group-sm>.btn, .btn-sm{
	font-size:13px!important;
}

.rangeValues { position: absolute;
    left: 50%;
    right: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    padding-top: 16px;}
.catban { min-height: 200px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 34px; }
.catban h1 { color: #ffffff !important; padding-top: 75px; font-size: 46px !important; text-align: center; text-shadow: 2px 2px #000000;  }
#tint {
    position: absolute;
	z-index: 1;
    top: 0;
    left: 0;
    pointer-events: none;
    background:rgba(0,0,0,0.3);
    width: 100%;
    height: 135%;
	display: none;
}
.hidden{display:none;}
.imgcapholder { height: 390px; }
.embed-responsive{position: static;}
.easypaymenthead{text-align: center; font-weight: 600; padding: 10px 0; font-size: 25px;}
.easypaymenthead:after{content: ''; border-bottom: 4px solid #fe0000; width: 200px; display: block; margin: auto; padding-top: 10px;}
.alignicons {text-align:right; margin-bottom:20px;}
.alignicons a:hover { color: #fe0000; }
.restrictwidth{width:40%;}
.videomargin{margin-top:60px;}
.btn-success{background-color: #fe0000; border-color: #333;}
.btn-success:hover{background-color: #fff; border-color: #fe0000; color: #fe0000;}

.btn-success.focus, .btn-success:focus, .btn-success.active, .btn-success:active, .btn-success:active:focus {background-color: #fff; border-color: #fe0000; color: #fe0000;}

.btn-reorder{background: none!important; color: #fe0000; font-weight: 600; margin-top:10px;}
.filterboxbg{background-color: #fff; border: 1px solid #e8e8e8; border-radius:6px; min-height: 100px;}
.filteritem{background: #F3F3F3; color: #999; float: left; font-size: 12px; padding: 0 5px; border-radius: 3px; border: 1px solid #DDD; margin: 1px 5px 1px 0;}
.table>thead:first-child>tr {
  background-color: #555; color:#fff;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #f7f7f7; color:#111;
 }

.socialbuttons{padding:5px;}
.socialbuttons i{font-size:26px;}
.carousel-font-style .btn {
    padding: 8px 14px;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #fff;
    border-radius: 4px;
	margin-top: 16px;
}
.circle {
	width: 44px;
	height: 44px;
	border: 1px solid black;
	border-radius: 50%;
	display: inline-block;
	margin: 2px;
}
.outer {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	border-radius: 50%;
	display: inline-block;
}
input.circle{opacity: 0; cursor: pointer;}

/*colours for radio colour picker*/

.salehero {padding:5px 0; font-size: 20px; font-weight: 400; text-shadow: 1px 1px #000000; color: #FFF; background-repeat: no-repeat;background-position: center; background-size: contain}
.salehero .highlight { font-size: 25px; font-weight: 600;}

.carousel-font-style .btn:hover {
    padding: 8px 14px;
    font-size: 18px;
    font-weight: 700;
	color: #fff !important;
    border: 2px solid #fff;
    border-radius: 4px;
	background-color: #fe0000;
}

#showFilterBar{margin-left:15px;}
/*hides arrows on fancybox*/
/*.fancybox-navigation .fancybox-button--arrow_left{display: none;}
.fancybox-navigation .fancybox-button--arrow_right{display: none;}
*/
.porticon{font-size: 32px; font-weight: 600; margin-bottom:20px; margin-top:10px; color:#fe0000;}
.unslider { margin-bottom:20px; margin-top: 20px }
.unslider-nav li { width:20px !important; height:20px !important; border-radius:19px !important; }
/*.unslider-nav ol li.unslider-active { background-color:#fe0000 !important; }*/
.specialbg{background-color: #F9F9F9;}
.greybg { background-color:#efefef !important; }
.customer-review { padding:10px 20px 10px 20px !important; margin: 25px 0; height:160px;}
.review-slider { width: 100%; }
.titleline { border-bottom: 1px solid #333; }
.quotation-left { font-size:22px; color:#aaa !important; display: inline-block; clear: none; margin-right:0px; margin-top:-10px; }
.quotation-right { font-size:22px; color:#aaa !important; display: inline-block; clear: none; margin-left:0px; padding-top:10px }
.testimonial { font-size:15px; }
.testimonial p { display: inline-block; clear: none; width:75%; }
.uniformsize{min-height: 100px;}
.tabbackground{background-color: #fe0000!important; border-radius: 5px 5px 0px 0px!important; color:#fff!important; width:160px; text-align:center;}
.tabbackground:hover{background-color: #fff!important; color: #fe0000!important;}
.blockimportant { display: block !important; }

h1, h2, h3, h4, h5, h6{margin:0 0 10px;color:#111111;}
h1{font-size:28px; margin-bottom:26px}
h2{font-size:26px; text-align: center; position: relative; margin-bottom: 42px; font-weight: 600; margin-top:30px;}
/*h1.newarrivals:after{
    content: "";
    display: block;
    background-color: #fe0000;
    height: 2px;
    width: 200px;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 14px ;
}*/
.newarrivals{color:#fe0000; font-weight:600; padding: 0px 15px;}
h2.panel-title{text-align: left;}
h2.panel-title:after{display: none}
.unslider h2 { margin-bottom: 10px } 
button:focus{outline:none!important;}

.grey-tooltip + .tooltip > .tooltip-inner {background-color: #333;}
.tooltip .tooltip-arrow {border-top: 5px solid #333 !important;}
.tooltip-inner { padding: 15px;  }
.tooltip-inner {  max-width: 400px !important; /*define whatever width you want*/ 
}

.fab, .far {
    font-size: 18px;
}
.trashicon{color:#fe0000; font-size:17px;}
.trashicon:hover{color:#3c3c3c;}
.topstrip .fa-facebook:hover { color: #3b5998}
.topstrip .fa-twitter:hover { color: #00acee }
.topstrip .fa-instagram:hover { color: #833AB4 }
.topstrip .fa-youtube:hover { color: #FF0000 }
.black-spacer{padding: 5px 0; background-color: #2a2a2a}
h3{font-size:19px;}
h4 { font-size: 16px; text-transform: uppercase; font-weight: 600; border-bottom: 3px solid #eee; padding-bottom: 5px;}
.modal h4{ text-align: center; text-transform: capitalize; color:#fff; font-size: 30px; border-bottom: none;}
.modal-body h4{color:#111;}
h4:hover a { text-decoration: none}
.panel-body h4{text-align: left; border-bottom: none}
.panel-body h4:after{display: none}

h6 { font-weight: 700;font-size: 13px;}

#pagecontent p { line-height:1.9em }
#pagecontent li { line-height:2.1em }

a { color: #fe0000; font-weight: 600 }
a:hover { color: #000000; text-decoration: none;}


a.faqlink { font-weight: 600; font-size: 16px;}
a.faqlink .faqq { color: #B61F7A; font-size: 18px;}
.minheight45{min-height:45px;}
hr { border-top: 1px solid #ccc;}
.basketbg{background-color:#3c3c3c; padding: 15px 20px; border-radius: 10px}
.pad0 {padding: 0 !important}
.pad10 {padding:10px!important;}
.padbot0{padding-bottom:0px !important;}
.padbot8{padding-bottom:8px !important;}
.padleft7 { padding-left:7px !important; }
.padleft0{padding-left:0px !important;}
.padleft10{padding-left:10px!important;}
.padright0{padding-right:0px !important;}
.padright7 { padding-right:7px !important; }
.padright10{padding-right:10px !important;}
.padright20{ padding-right: 20px; }
.padtopbot10{ padding:10px 0 !important;}
.padtop15 { padding-top: 15px!important;}
.padtop30 { padding-top: 30px;}
.padtop20 { padding-top: 20px;}
.padleft20 { padding-left: 20px;}
.padbot30 { padding-bottom: 30px;}
.padbot20 { padding-bottom: 20px;}
.padbot10 { padding-bottom: 10px;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad30{padding:30px !important;}
.spacer0{clear:both;height:0 !important;}
.spacer2{clear:both;height:2px !important;}
.spacer3{clear:both;height:3px !important;}
.spacer10{clear:both;height:10px !important;}
.spacer15{clear:both;height:15px !important;}
.spacer20{clear:both;height:20px !important;}
.spacer25{clear:both;height:25px !important;}
.spacer30{clear:both;height:30px !important;}
.spacer35{clear:both;height:35px !important;}
.spacer40 {clear: both; height: 40px !important}
.spacer60 {clear: both; height: 60px !important}
.spacer80 {clear: both; height: 80px !important}
.spacer100 {clear: both; height: 100px !important}
.marbot0{margin-bottom:0px !important;}
.marbot5{margin-bottom:5px !important;}
.marbot10{margin-bottom:10px !important;}
.marbot20{margin-bottom:20px !important;}
.marbot25{margin-bottom:25px !important;}
.marbot30{margin-bottom:30px !important;}
.marbot40{margin-bottom:40px !important;}
.marbot50{margin-bottom:50px !important;}
.martop0{margin-top:0px !important;}
.martop5{margin-top:5px !important;}
.martop10{margin-top:10px !important;}
.martop15{margin-top:15px !important;}
.martop20{margin-top:20px !important;}
.martop30{margin-top:30px !important;}
.martop40{margin-top:40px !important;}
.martop50{margin-top:50px !important;}
.martop60{margin-top:60px !important;}
.marright5{margin-right:5px !important;}
.marright0{margin-right:0 !important;}
.marright10{margin-right:10px !important;}
.marright15{margin-right:15px !important;}
.marright20{margin-right:20px !important;}
.marleft10 { margin-left: 10px !important}
.marleft5 { margin-left: 5px !important}
.marleft0 { margin-left: 0px !important}
.margin0{margin:0px;}
.marginauto{margin: auto}
.borderbot0{border-bottom:0 !important;}
.borrad5{border-radius:5px;}
.posrel{position:relative;}
.containerpad { padding-left: 15px; padding-right: 15px;}
.glyphicon-remove { color: red;}
.whitebg { background-color: #FFFFFF !important;}
.table-responsive { border: 0;}
#mobilesearch{display:none;padding:10px;background-color:#f3f3f3;border-bottom:1px solid #ccc;z-index:99999;}
.mobiletop{padding:6px 10px !important;margin-right:8px !important;cursor:pointer;border:1px solid #ccc !important; margin-top: 0}
.mobsearchbox{width:100% !important;border:1px solid #ccc !important;}
.basket-notification{width:20px;height:20px;border-radius:50% !important;background-color:red;color:#FFFFFF;text-align:center;line-height:20px;position:absolute;top:-8px;right:-8px;font-size:12px !important;font-weight:bold !important}
.mobbotpad { margin-bottom: 15px; }

.header{margin-bottom:0px; }
.headercont{padding-top: 0px; margin-bottom:0px; }
.header .fa-phone { font-size: 11px; margin-right: 3px; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.topstrip{background-color:#fe0000;padding:6px 0px;min-height:40px;overflow:hidden;color:#FFF;font-size:13px; font-weight: 400;}
.topstrip a{color:#FFF;font-size:14px;font-weight:600;}
.aligniconshead a{font-size:12px!important; margin-bottom:20px;}
.aligniconshead a:hover{color:#dddddd;}
.headerhover:hover{color:#dddddd;}
.alignicons a{font-size:12px!important;}
.whyshedhead::after{content: ''; border-bottom: 4px solid #fe0000; width:200px; display:block; margin:auto; padding-top:10px;}
.alert-warning{font-size:12px;}
.bagsurround{height: 27px; line-height: 27px;}
#bagholder { display: inline-block; width:23px; height: 27px; margin-right: 5px; position:relative; background: url("../../images/shopping-bag.png"); background-repeat: no-repeat}
.mybagnum { text-align: center; position: absolute; font-size: 11px; font-weight: 600; color: #fe0000; line-height: 36px; width: 100%;}
.mybagtxt { color:#888888; font-size: 13px; vertical-align: text-bottom;}
.mybagval { color:#111111; font-size: 13px; vertical-align: text-bottom; font-weight: 600; }

.iconfloater{margin-right:60px !important; float:left;}
.navbar{margin-bottom: 0px; margin-top: 0px; min-height: auto; z-index:3; padding: 0px;}

.header-navigation ul {margin: 0;padding: 0;list-style: none;}
.header-navigation > ul > li { float: left; color: #3a3a3a; /*padding:10px 0;*/ max-width:100px; display: table; vertical-align:middle; text-align:center; height: 52px;}
.header-navigation > ul > li > a{
	font-size: 13px;
	font-weight: 600;
	padding: 10px 19px 10px 19px;
	/*border-bottom: 2px solid #FFF;*/
	line-height:1.2em;
	cursor: pointer; 
	display: block;
	color:#fff;
    vertical-align: middle;
    display: table-cell;
    height: 50px;
}
.openinghours{/*padding:0 10px 0 20px;*/ padding: 0 0px 0 10px; font-weight: 600}
.header-navigation > ul > li:hover a{color: #111; transition: all 0.3s ease;}
.header-navigation > ul > li:hover{background: #fff; color: #111;}
.header-navigation > ul > li:hover > .dropdown-menu { display: block;}
.whitetext{color: #fff;}
.iconmargin{padding-right:10px;}
.navbar-nav>li>.dropdown-menu{border-radius: 0}
.header-navigation .dropdown-menu{
	min-width: 100%; 
	margin-top:0;
	background-color:#fff;
	border-radius: 0px
}
.header-navigation .dropdown-menu li > a{
    padding: 5px 13px 5px 13px;
	display:block;
	color:#FFF;
	/*margin-bottom: 5px;*/
	font-size: 14px;
    font-weight: 500;
}
.lipadding{padding: 8px 0px 8px 0px; width: 270px;}
.natwestlogo{border-radius: 5px;padding: 0!important; margin-left:5px;}
/*.header-navigation .dropdown-menu li > a:hover { background-color:rgba(102,102,102,0.5)!important; color:#fff;}*/
.header-navigation .dropdown-menu .fa { top:9px !important; }
.header-navigation .dropdown-menu .dropdown-menu { top:0 !important; }
.header-navigation > ul > li > ul > li:hover > .dropdown-menu{display:block; background-color: #fe0000; left: 100%}
.subnavpad{padding:10px;}
.topsubnav{ list-style: none; padding: 0; margin: 0;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: rgba(254,110,162,0.6); color: #fff}
ul.topthirdnav { list-style: none; padding-left: 5px; margin-top: 10px}
ul.topthirdnav li{ margin-bottom: 0}
ul.topthirdnav>li>a {padding: 3px 6px ;/* border-bottom: 1px solid #ddd;*/ color: #666666; font-size: 12px; font-weight: 500; display: block; border-bottom: none !important}
ul.topthirdnav>li>a:hover {font-weight: 500}

.payli li{font-size:15px; font-weight:400; margin-top:20px}

.checkoutbuttonleft{width:180px; height:56px; float: left;border: 1px solid #666; border-right: 0; padding:10px; border-radius:5px 0 0 5px; margin-left:50px;}
.checkoutbuttonright{width:120px; height:56px; float: left;border: 1px solid #666; border-left: 0; padding:10px; border-radius:0 5px 5px 0; background-color: #fe0000; padding-top:15px;}

.headerinfo{margin:0; padding:15px 0; font-size:13px;}

.headerphonetop{margin:0; font-size:20px; text-align:center; float:right; width:80%; margin-bottom:20px;}
.headerphonebottom{font-size:24px;}

.checkouttextleft{font-size:19px; font-weight:700; text-align: center; padding:5px 0; position: absolute; right: 170px;}
.checkouttextright{color:#fff; font-size:17px; font-weight:700; padding:5px 0}

.barshift{padding-top: 4%;}

.iconstyle{font-size:27px;}
.phoneicon{font-size:25px!important; padding-left:10px;}
.prodchoose{background-color:#f7f7f7; padding:15px 10px; height:100%; border:none;}
/* SHOP */
li.sale { background: #ce0000; }
li.sale a { color: #FFF; }
li.sale>a:focus, li.sale>a:hover { background: #ce0000; color: #FFF; }


/*.unslider-nav ol li {
    background: #fff;
    border: 2px solid #fe0000;
}*/
.quotation-right, .quotation-left {
    font-size: 27px;
    color: #cfcfcf !important;
}


input[type='range'] {
  width: 100%;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
    outline: none;
}
input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
    background: none;
}
input[type='range']::-webkit-slider-runnable-track {
  width: 270px;
  height: 1px;
  background: #164030;
}

input[type='range']:nth-child(2)::-webkit-slider-runnable-track{
  background: none;
}

input[type='range']::-webkit-slider-thumb {
  position: relative;
  height: 15px;
  width: 15px;
  margin-top: -7px;
  background: #fff;
  border: 1px solid #164030;
  border-radius: 25px;
  z-index: 1;
}


input[type='range']:nth-child(1)::-webkit-slider-thumb{
  z-index: 2;
}

.rangeslider{
    position: relative;
    height: 60px;
    width: 263px;
    display: inline-block;
    margin-top: -5px;
    margin-left: 2px;
}
.rangeslider input{
    position: absolute;
}
.rangeslider{
    position: absolute;
}

.rangeslider span{
    position: absolute;
    margin-top: 30px;
    left: 0;
}

.rangeslider .right{
   position: relative;
   float: right;
   margin-right: -5px;
}


/* Proof of concept for Firefox */
@-moz-document url-prefix() {
  .rangeslider::before{
    content:'';
    width:100%;
    height:2px;
    background: #003D7C;
    display:block;
    position: relative;
    top:16px;
  }

  input[type='range']:nth-child(1){
    position:absolute;
    top:35px !important;
    overflow:visible !important;
    height:0;
  }

  input[type='range']:nth-child(2){
    position:absolute;
    top:35px !important;
    overflow:visible !important;
    height:0;
  }
input[type='range']::-moz-range-thumb {
  position: relative;
  height: 15px; 
  width: 15px;
  margin-top: -7px;
  background: #fff;
  border: 1px solid #003D7C;
  border-radius: 25px;
  z-index: 1;
}

  input[type='range']:nth-child(1)::-moz-range-thumb {
      transform: translateY(-20px);    
  }
  input[type='range']:nth-child(2)::-moz-range-thumb {
      transform: translateY(-20px);    
  }
}

.carousel-control .glyphicon-chevron-right { font-size: 26px }
.carousel-control .glyphicon-chevron-left { font-size: 26px }

.shoptopstrip{background-color: #f9f9f9; padding: 25px 0 10px 0}
.shoptopstrip h1, .shoptopstrip h2{font-weight: 700; margin-bottom: 8px; font-size: 30px; text-align:left; color:#fe0000;}
.greenshopnow h2 {font-weight: 700; margin-bottom: 8px; font-size: 30px; text-align:center !important; color:#ffffff !important;}
.shoptopstrip h2:after{display: none}
.shoptopstrip p{width: 100%; margin: auto}
.shoptopstrip .shoptopstrip{font-weight: 600; color: #fe0000}
.catdesc { font-size: 15px !important }

.col-seven{width: 14.285714285714285714285714285714%;}
.basketlinename:hover {color:#dddddd!important;}

.carousel-inner{position: relative}
.carousel-inner .item{min-height:700px !important;}
.carousel-font-style{padding:50px; width:50%; position: absolute; color:#000; border-radius:10px;}
.carousel-inner .carousel-position-1 {left: 10%; top:10%;}
.carousel-inner .carousel-position-2 {right: 10%; top:25%;}
.carousel-inner .carousel-position-3 {right:28%; top:25%;}
.carousel-inner .carousel-position-1 .carousel-position-2 .carousel-position-3 h2 { font-family:'Spartan', sans-serif !important; /*font-size:40px !important;*/  color:#000; text-align: left;}
.carousel-inner .carousel-position-1 .carousel-position-2 .carousel-position-3 h2:before, .carousel-inner h2:after {display: none }
.carousel-inner .carousel-position-1 .carousel-position-2 .carousel-position-3 .btn-pink{margin-top: 20px; border-radius: 0}
.carousel-inner .carousel-position-1 .carousel-position-2 .carousel-position-3 .pink{color:#fe0000}
.carousel-inner .carousel-subtitle-v2 { font-family:'Spartan', sans-serif !important;  font-size:18px !important; }
.carousel-inner .btn-red{margin-top: 20px}

.carousel-indicators li{display:none;}
.carousel-indicators .active{display:none;}

.spotlightline1 {color:#fff; font-size: 52px; line-height: 1.3}
.spotlightline2 {color:#fff; font-size: 24px; line-height: 1.4}
.spotlightline3 {color:#fff; font-size: 10px}

.spotlightline1 p{text-shadow: 3px 3px 10px #000;}
.carousel-control.left,.carousel-control.right { background:none !important; }


.topsearchsurround { padding: 5px 0; border: 1px solid #333; border-radius: 30px; float: right; height:50px; width:80%;}
.topsearchsurround button {font-size: 20px; margin-top: 5px;float: right; font-weight:bold; background: none; border: none; color: #b4b4b4; padding: 0}
.topsearchsurround button:hover {background: none; color: #b4b4b4; border: none}
.topsearchbox { padding: 5px 0; border: 0; color: #818181 !important; box-shadow: none !important;}
.topsearchbox::placeholder { color: #818181 !important }

.glyphicon-chevron-left:before{background-color:#fe0000; padding:7px;}
.glyphicon-chevron-right:before{background-color:#fe0000; padding:7px;}
.portalboxes{min-height:130px; border: 1px solid #ccc; background-color: #fff; padding:20px; border-radius:20px; max-width:86%; margin-left: auto; margin-right: auto;}
.portalboxes h3{color: #333; font-weight: 600; font-size:19px; text-align: center;}
.portalboxes:hover{background-color: #f9f9f9;}
.detailsheader{border-bottom: 3px solid #eee; padding-bottom:10px;}
.contactheader{font-size: 22px; color: #fe0000; text-transform: none; border-bottom: 3px solid #eee; padding-bottom:10px; }

.predsearchholder {
	position:absolute;
	top:45px; 
	left: 0;
	width: 109%;
	z-index:99;
}
.predsearchholderbasket {
	position:absolute;
	top:40px; 
	left: 0;
	width: 98%;
	z-index:99;
}
.suggestionsBox{
	position:relative;
	left:0;
	top:0px;
	margin:0;
	width:100%;
	padding:0;
	background-color:#FFF;
	box-shadow:1px 1px 5px #888;
	color:#fff;
	z-index:20;
	border-radius: 7px;
}
.forcebg{background-color:#fff!important; color:#111!important;}
.suggestionList{margin:0;padding:0;}
.suggestionList ul{padding:6px;margin:0;}
.suggestionList ul li{
	list-style:none;
	margin:0;
	padding:5px 10px;
	cursor:pointer;
	color:#111;
	font-size:15px;
    font-weight: 600;
}
.suggestionList ul li:hover{background-color:#fe0000;color:#FFF;}
.load{background-image:url(../autosuggest/loader.gif);background-position:right;background-repeat:no-repeat;}
#suggest{position:relative;}
.suggestionList ul li img{max-width:60px !important;max-height:60px !important;margin:auto;}

.suggestionsBox2{
	position:relative;
	left:0;
	top:0px;
	margin:0;
	width:100%;
	padding:0;
	background-color:#FFF;
	box-shadow:1px 1px 5px #888;
	color:#fff;
	z-index:20;
	border-bottom-right-radius:5px !important;
	border-bottom-left-radius:5px !important
}
.suggestionList2{margin:0;padding:0;}
.suggestionList2 ul{padding:6px;margin:0;}
.suggestionList2 ul li{
	list-style:none;
	margin:0;
	padding:6px 10px;
	cursor:pointer;
	color:#111;
	font-size:13px;
}
.blacktext{color:#111!important;}
.navalign{padding:10px 0;}
.doorposposition{margin:auto; width:100px;}
.suggestionList2 ul li:hover{background-color:#fe0000;color:#FFF;}
.suggestionList2 ul li img{max-width:60px !important;max-height:60px !important;margin:auto;}
.imagebox{
	height:62px;
	width:62px;
	background-color:#fff;
	text-align:center;
	float:left;
	border:1px solid #E5E5E5;
	margin-right:7px
}
.suggestionList .autosuggestprice{
	font-size: 15px;
    color: #111;
    font-weight: 700;
    margin-top: 10px;
	display: block;
}
.suggestionList ul li:hover .autosuggestprice{color:#FFF;}
.whitetext{color:#fff;}
.shopnow  { padding:14px 40px; background-color:#fff; border:none; margin-top:20px; font-size:26px; font-weight:700; color:#fe0000; border-radius:5px;}
.shopnow:hover { background-color:#fe0000; color: #fff; border: 2px solid #fff }
.brands { padding: 20px 0 18px 0;}
.brands .owl-carousel { margin-bottom: 0 !important; padding: 0 !important;}

.bulkbtn { padding:12px 60px; background-color:#fe0000; margin-top:20px; font-size:18px; font-weight:400; color:#fff; border-radius:5px; border: 1px solid #fff;}
.bulkbtn:hover { background-color:#fff; color: #fe0000;}
.bulkoffers{font-size:37px; font-weight:500;}

h2.featuredproducts { text-align: center; text-transform: capitalize; font-weight: 700;}
.owl-carousel6-brands .owl-stage {
	display: flex;
	align-items: center;
}

.breadcrumb { padding: 0; margin-bottom: 0;  background: none; color: #5f6d7b;}
.breadcrumb a{font-weight: 500; color:#111;}
.breadcrumb>li+li:before{color: #9C9C9C}
.breadcrumb>.active{color: #111; font-weight: 600}

ul.leftnav { padding-left: 0; list-style: none}
ul.leftnav > li { padding: 5px 0; border-bottom: 1px solid #ccc;}
ul.leftnav > li > a {font-size: 16px;}
ul.leftnav > li.activesub > a { font-weight: 600;}
ul.leftsubnav { padding-left: 20px;}
ul.leftsubnav > li { padding: 4px 0;}
ul.leftsubnav > li > a {font-size: 15px;}
ul.leftsubnav > li.activesub > a { font-weight: 600;}


.keypoints { padding: 60px 0  }
.keypointimg{float: left; height: 75px; margin-right: 22px}
.keypoints .kp_holder { padding-left:60px; }
.keypoints .kp_title { font-weight: 600; margin-bottom: 5px;}
.keypoints .kp_desc { font-size:13px;}

.smallpad{padding:0px 6px!important;}
.filterbg{background-color:#F2F2F2;}
.filterlistbox{background-color:#F0EDE8; border-radius: 6px; padding:10px; margin-bottom:10px;}
.catbg{background-color:#fff; padding:5px;}
.catbackground{background-color:#fff; padding: 5px 5px 0px 5px;}
.catposition{margin-top: -220px;}
/* .catposition h3 { text-shadow: 2px 2px #000000; } */
.catminheight{min-height:480px;}
.catbox { min-height: 320px }
.catbox p { font-size: 13px }
.categorybox { background-color:#FFFFFF; height:180px; -webkit-transition: all 0.3s ease-in-out;}
.categorybox a:hover { text-decoration: none; }
.categorybox h3 { font-size: 18px; background: #fe0000;  padding: 12px; color: #FFF; text-shadow: 1px 1px 3px #000; transition: background 0.5s ease; line-height: 1.5; text-align: center; position: absolute; margin:0; bottom:0;}
.categorybox:hover { cursor: pointer}
.categorybox:hover h3 { background: #80a61c; }
.categorybox:hover {-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.3s ease-in-out;}
.categorybox.sm { height: 250px; }
.categorytitle{ font-size: 16px; color:#FE0000; padding: 6px 0 2px 0; transition: background 0.5s ease; line-height: 1.5;  margin:0; bottom:0; width:100%; font-weight:600; }
.galbox{background-color:#FFFFFF; -webkit-transition: all 0.3s ease-in-out;}
.galbox:hover {-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.3s ease-in-out;}
.bigleftbox{min-height:600px;}
.smallrightbox{max-height:285px;}
.optioncolours{border-radius:50%; padding:10px; display:inline-block;}
.product-item-btn{width:86%; font-size:17px!important; padding:15px 20px!important;}

.product-item{background-color: #FFF;position:relative; height:370px; margin-bottom: 10px; padding: 25px 15px 15px 15px; border: 1px solid #e8e8e8;
    border-radius: 6px;}
.product-item:hover{box-shadow:none !important;}
.pi-img-wrapper { position: relative;margin-bottom: 20px; max-height:200px; } 
.freefitbadge { position: absolute; left:-5px; top: 20px; }
.freefitbadge.nudgedown { top: 66px;}
.freefitbadge.nudgedownx { top: 88px;}
.shop-prodimg-holder { overflow: hidden; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; border-radius: 7px; max-height:200px;}
.product-item .actions { text-align: center; position: absolute; bottom: -100%; left: 0; right: 0; margin: auto; background: rgba(255,255,255,0.8); height: 90px; width: 100%; padding: 15px; transition: bottom 0.3s ease;}
.product-item .actions .circle { margin: auto; background-color: #FFF; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 50%; transition: all 0.5s ease; float: none; display: inline-block; text-align: center}
.product-item .actions .circle.added { background-color:#fe0000 !important}
.product-item .actions .circle.added .fas { color:#FFF !important}
.product-item .actions .circle.success { background-color:#2aa212 !important}
.product-item .actions .circle .fas { color: #111; font-size: 22px; line-height: 50px}
.product-item .actions .circle .fa-check { /*padding: 12px 0 0 13px; */color:#FFF !important; }
/*.product-item .actions .circle.addWishlist .fa-check { font-size: 25px}
.product-item .actions .circle .fa-shopping-bag { padding: 12px 0 0 15px;}
.product-item .actions .circle .fa-eye { padding: 13px 0 0 12px;}
.product-item .actions .circle .fa-heart { padding: 15px 0 0 13px;}*/
.product-item .actions .circle:hover { background-color:#fe0000; cursor: pointer}
.product-item .actions .circle:hover .fas { color: #FFF;}
.product-item:hover .actions { bottom: 0%;}
/*.product-item .img-responsive{max-height:350px;margin:auto}*/
.product-item .img-responsive, .owl-carousel .img-resposnive{margin:auto}
.product-item .buttons .btn:hover{background:#0c1d36 !important}

#totalprice { font-size: 26px; font-weight: 600 }
.totaltext { font-size: 20px; font-weight: 600 }
.baskettitle{text-align:left!important; font-size:21px!important;}
.detailsbg{background-color:#fff; border:1px solid #bfbfbf; padding:15px;}
.featuredproducts h2 { margin-bottom: 0 }
.btn-warning { background-color: #f1c353 !important; border-radius: 0px; text-shadow: 1px 1px #666666; padding: 14px 20px; font-weight: 700; }
.btn-warning:hover { background-color: #eea236 !important; border-radius: 0px }

.owl-carousel6-prodimages .owl-prev:before {
    padding-top:150px;
    content: "\f104";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #fe0000 !important;
    font-size: 40px;
	text-shadow: 1px 1px 5px #111;
}

.owl-carousel6-prodimages .owl-next:before {
	padding-top:150px;
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: 400;
    color: #fe0000 !important;
    font-size: 40px;
	text-shadow: 1px 1px 1px #111;
}


/*.product-item .salesticker { position: absolute; top: 10px; left: 10px;; width: auto; height: auto; background-color:#de0101; color: #FFF; font-size: 12px; padding: 5px; font-weight: 600; z-index: 9 }
.product-item .newsticker { position: absolute; top: 10px; left: 10px;; width: auto; height: auto; background-color:#1a7be9; color: #FFF; font-size: 12px; padding: 5px; font-weight: 600; z-index: 9 }
.product-item .newsticker.nudge { left: 65px;}*/
.product-item .newsticker, .product-item .salesticker, .product-item .comingsoonsticker{color: #fff; font-size: 12px; padding: 5px 10px; font-weight: 600; z-index: 1; margin: 10px 0px 10px 10px; display: inline-block; position: relative; border-radius: 2px}
.product-item .newsticker:after, .product-item .salesticker:after, .product-item .comingsoonsticker:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 5px;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}
.product-item .newsticker{background-color: #1a7be9}
.product-item .newsticker:after{ border-top: solid 5px #1a7be9}
.product-item .salesticker{background-color: #de0101}
.product-item .salesticker:after{ border-top: solid 5px #de0101}

.product-item .comingsoonsticker{background-color: #de0101}
.product-item .comingsoonsticker:after{ border-top: solid 5px #de0101}

.product-item h3 {text-align:center; font-size: 13px; font-weight: 500; color: #0d0d0d; height: auto; min-height: 40px; line-height: 1.4; }
.product-item h3 a { font-size: 14px; color: #3f3f3f;transition: all 0.5s ease; text-align: center; }
.product-item h3 a:hover { color: #fe0000; text-decoration: none}

.pricebox .bigprice { font-size: 18px; color: #444; font-weight: 700; margin-bottom: 0; text-align: center  }
.product-page .pricebox .bigprice, .wishlist-item .bigprice { font-size: 17px; color: #7f7f7f; font-weight: 700; margin-bottom: 0; text-align: center; }
.owl-carousel6-relatedprods .pricebox .bigprice{font-size: 14px}
.pricebox .saleprice { font-size: 15px; color: #de1339; font-weight: 700; margin-bottom: 0; text-align: center; }
.pricebox .smallprice { font-size: 12px;}
.pricebox .wasprice { font-size: 18px; color: #444444; font-weight: 700; margin-bottom: 0 !important; padding: 0 10px 0 10px;}
.product-bg{background-color:#f9f9f9!important;}

.product-page { margin-right: 0px !important; min-height: 450px; padding-top: 0 !important; padding-left: 15px;  padding-right: 15px;  padding-bottom: 5px; position: relative}
.product-page h1 { font-family: 'Noto Sans', sans-serif; border-bottom: 0 !important;padding-bottom: 12px; font-weight: 700; color: #fe0000; font-size: 32px; line-height: 1.4;width: 92%; margin-bottom: 0px}
.product-page .tab-pane { font-size: 14px}

.product-page .tab-pane ul { margin-bottom: 20px;}
.product-page p { font-size:15px; font-weight: 600; color:#666; margin-top: 15px }
.tab-pane ul {
	list-style: none;
	padding-left: 40px;
}
.tab-pane ul li{font-weight: 600}
.tab-pane ul li::before {
  content: "\2022";
  color: #fe0000;
  font-weight: bolder; 
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.labelpad{padding:20px 20px 20px 20px;}
.product-main-image{min-height:430px; padding: 0px 0px 0px 0px}
.product-page form { margin: 0px; padding: 0px }
.product-page .pricebox .wasprice {padding: 0 0 10px}
.product-main-image img { width: 100%; max-height: 600px;}
/*.product-page .owl-carousel6-prodimages{background-color: #ffffff}*/
.product-page .owl-carousel6-prodimages .owl-nav{margin-top: 0px}
.product-page .owl-carousel6-prodimages .owl-nav [class*=owl-]{padding: 0px; display: none}
.product-page .owl-carousel6-prodimages .owl-stage-outer{width: 100%; margin: auto; margin-top: 20px;}
.product-page .owl-carousel6-prodimages .owl-nav .owl-next:before{right: 0%; border-radius: 0px 5px 5px 0px;}
.product-page .owl-carousel6-prodimages .owl-nav .owl-prev:before{left: 0%; border-radius: 5px 0px 0px 5px;}
.product-page .owl-carousel6-prodimages .owl-nav .owl-next:before, .product-page .owl-carousel6-prodimages .owl-nav .owl-prev:before{color: #111; font-size: 26px; line-height: 35px; background-color: #fff; opacity: 0; height: 100%; top: 0%; width: 40px;}
.product-page .owl-carousel6-prodimages .owl-nav .owl-next:hover:before, .product-page .owl-carousel6-prodimages .owl-nav .owl-prev:hover:before{opacity: 0.3;}
.product-other-images { text-align: left;}
.product-other-images .thumb { overflow: hidden; float: left; height: 154px; width: 160px; text-align: center}
.product-other-images .thumb img{height: 113px; border-radius: 8px; border: 1px solid #ccc }
.product-other-images .thumb video{border-radius: 8px;}
.thumb .fancybox-button { box-sizing: border-box !important; display: inline-block!important; vertical-align: top!important; padding: 0 !important;  margin: 0!important;  border: 0!important; border-radius: 0!important; transition: color .3s ease!important; cursor: pointer!important; outline: none!important; width: auto!important;  height: auto!important; background: none !important;}
.product-page-options label{float: left; height: 40px; padding-top: 10px; font-weight: 600; font-size: 16px}
.product-page-options .form-control{    
	margin-bottom: 10px;
	background: #fff;
    display: inline-block;
    width: auto;
	height: auto;
    margin-left: 15px;
	padding: 12px; 
	border-radius: 25px;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	cursor: pointer;
}
.topstrip .toplinks a{padding:5px 8px 5px 8px;}
/*.product-page .owl-carousel6-relatedprods .owl-stage-outer{padding: 0 40px}*/
.product-page .owl-carousel6-relatedprods .owl-prev:before{left: -15px; top: 30%}
.product-page .owl-carousel6-relatedprods .owl-next:before{right: -15px; top: 30%}

.topright{position: absolute; right: 1%; z-index: 9}
.topright .circle {background-color: #FFF; width: 50px; height: 50px; border: 1px solid #ccc; border-radius: 50%; transition: all 0.5s ease; }
.topright .circle.success { background-color:#2aa212 !important}
.topright  .circle.added { background-color:#fe0000 !important}
.topright  .circle.added .fas { color:#FFF !important}
.topright .circle .fas { color: #111; font-size: 22px; }
.topright .circle .fa-check { padding: 12px 0 0 13px; color:#FFF !important}
.topright .circle .fa-heart { padding: 15px 0 0 13px;}
.topright .circle:hover { background-color:#fe0000; cursor: pointer}
.topright .circle:hover .fas { color: #FFF;}

#qtyminus{background-color:#f7f7f7;}
#qtyplus{background-color:#e4e4e4;}

.qtysurround{border: 1px solid #ccc; display:inline-flex; min-height:56px; border-radius:5px;}
.qtysurroundsm{border: 1px solid #ccc;  display:inline-flex; min-height:34px; border-radius:5px; background: #fff}
.quantityinp{border: none; padding: 4px 1px; font-size: 18px; background-color: transparent; display: inline-block; text-align: center; width: 46px; color: #818181 }
.quantityinpsm{border: none; padding: 6px 1px; font-size: 13px; background-color: transparent; display: inline-block; text-align: center; width: 40px; color: #818181; text-align: center }
.quantityinp:active, .quantityinp:focus, .quantityinp:focus-visible{outline: none}
.quantityinp::-webkit-outer-spin-button, .quantityinp::-webkit-inner-spin-button {  -webkit-appearance: none; margin: 0;}
.quantityinp[type=number] { -moz-appearance: textfield;}
.qtyplusminus{color: #888888; display: inline-block; padding: 16px 10px; cursor: pointer}
.addtobagicon{display: inline-block; height: 48px; width: 48px; border-radius: 50%; background-color: #fe0000; color: #fff; position: absolute; left: -1px; top: -1px; font-size: 20px; line-height: 48px}
.btn-addtobag{
	border-radius: 25px;
	padding: 12px 24px 12px 58px;
	text-transform: uppercase;
	background-color: #b2e823;
	color: #be2179;
	font-weight: 600;
	font-size: 16px;
	position: relative;
	border: 1px solid #fff;
	width: auto;
	height: 48px;
	display:inline-block;
	background-size: 200% 200%;
	transition: all 0.8s ease;
	background-image: linear-gradient(to right, #fe0000 50%, #b2e823 0);
	background-position: right;
}
.btn-addtobag:hover{
	background-position: left;
	color: #fff
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border: none}
.product-page-content .nav-tabs>li:not(.active)>a:hover{border: none}
.product-page-content .nav-tabs>li>a, .product-page-content .nav-tabs>li.active>a:hover{}
.product-page-content .nav-tabs{border-bottom: none}
.product-page-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #fff!important; color: #fe0000!important; font-weight: 700; border: 1px solid #ccc;}
.product-page-content .tab-content { border: 1px solid #ebebeb; border-radius:0px 5px 5px 5px; padding: 30px; background: #fff;}
.product-page-content .tab-content p {line-height: 23px}
.tab-content>.tab-pane ul li { margin-bottom: 10px; list-style: none ;}
.product-page-content .nav>li.active>a{border-radius: 0}
.specialoffer{color:#ff0000;}



.brand { background: #000; border-bottom: 5px solid #9ecc3b; padding: 8px 8px 2px 20px; margin-bottom: 10px;}
.brand h2 { color: #fff; font-size: 22px;}
.featuredproducts { padding-left: 40px;}
.featuredproducts .owl-next, .featuredproducts .owl-prev { display: block !important;}

h1.shoptitle { font-size: 19px; background-color: #000; padding: 10px; color: #FFFFFF; font-weight: 600;}
/*.list-view-sorting label { font-weight: normal; text-transform: uppercase; font-size: 14px; color: #616161; float: left;  margin-right: 10px;  position: relative; top: 5px;}*/
.list-view-sorting label { font-weight: 500; font-size: 14px; color: #616161; display:block;}
/*.list-view-sorting select { float: left; width: auto;}*/
.product-list #itemContainer{list-style: none}

.sidebar { padding: 0px; margin: 0px;}
.section-title { background-color: #000000; padding: 10px; font-size:15px; color: #FFF; font-weight:600; margin-bottom: 0;}
.leftbox { border: 1px solid #ccc; margin-bottom: 20px; background-color: #FFF;}


.goods-data table, .checkout-page table { width: 100%; }
.goods-data th, .checkout-page th { text-transform: uppercase; border-bottom: solid 1px #ecebeb; padding-bottom: 8px;}
.goods-page-image, .checkout-image { width: 105px;}
.goods-data td, .checkout-page td { vertical-align: top; padding: 20px 20px 20px 0; border-bottom: solid 1px #ecebeb;}
.goods-page-image img, .checkout-image img { width: 75px;}
.goods-data h3, .checkout-page .checkout-description h3, h3.basketprodtitle { text-transform: inherit;  padding: 0;  margin: 0 0 5px; font-size: 13px; font-weight: 700;}
.goods-data a, .checkout-page .checkout-description a { color: #fff;}
.goods-data p, .checkout-description p, .goods-page-description p { margin-bottom: 14px;}
td.goods-page-price, td.goods-page-total { font-size: 15px !important; font-weight: 600;}

.product-quantity,
.product-quantity .input-group{width:70px;float:left;margin-right:20px;position:relative;}
table .product-quantity,
table .product-quantity .input-group{margin-right:0;}
.product-quantity input.form-control{border:none;background:#edeff1 !important;font:300 23px 'Spartan', sans-serif;color:#647484;height:38px;width:50px;text-align:center;padding:5px;}
.product-quantity input.form-control:focus{border:none;}
.product-quantity .input-group-btn{position:static;}
.product-quantity .btn{text-align:center;height:18px !important;width:18px;padding:0 2px 0 1px !important;background:#edeff1;border-radius:0 !important;font-size:18px !important;line-height:1 !important;color:#616b76;margin:0 !important;position:absolute;right:0;}
.product-quantity .quantity-up{top:0;}
.product-quantity .quantity-down{bottom:0;}
.product-quantity .btn i{position:relative;top:-2px;left:1px;}
p.vouchersum { font-weight: 600; font-size: 12px;}
.balancecheckerouter { background: #fafafa; border: 1px solid #eee; padding: 40px; }

/* WHY SHED CITY */

#whyshed { display: block; }


/*  PAGE CONTENT */
.content-page {background: #fff;; position: relative;/* margin-right: 0 !important*/;}
.content-page h1{margin: 37px 0 47px; color: #fe0000; font-weight: 600; font-size: 32px; text-align: center;}
.content-page h2{margin: 20px 0 20px; color: #0D0D0D; font-weight: 500; text-align: left; font-size: 28px; line-height: 36px}
.content-page .text-center h2{ text-align: center;}
.content-page h2:after{display: none}
.content-page a{font-weight: 600; /*padding:10px;*/}
.content-page a:hover{font-weight: 600; color: #111}
.pagetitle { ont-size: 24px !important; background-color: #000; padding: 10px; color: #FFFFFF !important; font-weight: 600 !important;}

.pre-footer { background: #222222 !important; border-top: 5px solid #9ecc3b; min-height: 360px; color: #b0b0b0; }
.pre-footer h2 { text-transform: uppercase; font-size: 13px !important; font-weight: 700; color: #FFFFFF; padding-top: 25px; margin-bottom: 22px; letter-spacing: 1px;}
.pre-footer-col { padding-bottom: 22px; min-height: 205px;  padding: 0 20px;}
.pre-footer-col a { color: #b0b0b0; }
.paymentcards { background-color: #494949; padding: 20px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;}
.newsletter { font-size: 20px; color: #FFFFFF; margin-bottom: 0 }

/*CONTACT US */
.contactboxes { height: 250px; font-size: 16px}
/*.contactboxes:hover { opacity: 0.6;}*/
.contactboxes h3{margin-top: 10px}
.contactboxes p { font-size: 13px; font-weight: 500; padding: 0 40px;}
.contactboxes a:hover{text-decoration: none;} 
.contactboxes .sociallinks a{font-size: 26px; color: #b61f7a}
.contactboxes .sociallinks i{margin-right: 5px}
.contactboxes .sociallinks a:last-child i{margin-right: 0px}

.contactboxes .sociallinks .fab {color: #B61F7A}
/*.contactboxes .sociallinks .fa-facebook {color: #4A70BF}
.contactboxes .sociallinks .fa-twitter {color: #1DA1F2}
.contactboxes .sociallinks .fa-linkedin {color: #0077b5}
.contactboxes .sociallinks .fa-instagram {color: #E1306C}
.contactboxes .sociallinks .fa-youtube {color: #ff0000}*/
.squarequantity{width:66px; height:40px; text-align: center; display:inline-block;}
.quoteref { width:100%; height:40px; padding-left: 10px }
.redtext{color:#fe0000!important;}
.baskettitle{font-weight:700!important; font-size:19px!important;}
.basketdetails{display:inline-block; margin-left:10px;}

.basketlineitem {margin-bottom: 15px; padding:0px;}
.basketlineitem .basketimg { max-height: 75px; margin: auto; border:1px solid #bfbfbf; }
/*.basketlineitem .basketlineinfo { padding-left: 30px; padding-right: 0; }*/
.basketlineitem .basketlineprice { font-weight: 700; font-size:15px }
.basketlineitem .basketlinename { font-size: 16px; font-weight: 600; color: #fff; }
.basketlineitem .basketoption { font-size: 12px; font-weight: 600;  }
.basketlineitem .basketqtydrop { width: 40%; float:left; margin-right: 5px; }
.basketlineitem .basketupdatebtn { float: left;font-size:12px; border-color: #286090; padding:8px 10px 7px 10px}
.basketlineitem .basketremoveposition { position: absolute; bottom: 15px; right: 15px; }
.basketlineitem .basketremovebtn { font-size:14px; margin-left: 10px; color: #fff; background-color: #fe0000; font-weight:500; padding:6px 8px; cursor:pointer !important; border-radius: 5px;}
.basketlineitem .basketremovebtn:hover { color: #fe0000 !important; background-color: #fff !important; font-weight:500; border: 1px solid #fe0000;}
.btncheckout { padding: 10px 10px 10px 10px; border: #449D44; background-color: #57b900; border-radius: 5px !important;}
.btncheckout:hover { border: #57b900; background-color: #fff; color: #57b900;}

.btntrade { padding: 10px 10px 10px 10px; border: #449D44; background-color: #3776d5; font-size: 16px; font-weight:700 }
.btntrade:hover { border: #57b900; background-color: #6093df; color: #fff; }
.btn-standard{padding:6px 10px; background-color:#fe0000; color:#fff!important; font-weight:600; font-size:14px; border:1px solid #E08615;}
.btn-standard:focus{outline:none!important;}
.btn-standard:hover{background-color:#fff; color:#fe0000!important; border:1px solid #fe0000;}
.btn-basket{padding:6px 10px; background-color:#5db133; color:#fff!important; font-weight:600; font-size:14px; border:1px solid #5db133;}
.btn-basket:focus{outline:none!important;}
.btn-basket:hover{background-color:#fff; color:#5db133!important; border:1px solid #5db133;}
.btn-add{transition: .5s;}
.btnaddtext{font-size:14px; font-weight:600;}
h2.baskettotals{font-size:19px; font-weight: 600; margin-bottom: 15px; margin-top:0px;}
h3.havepromo{font-size:14px; font-weight: 600; margin-bottom: 0; color: #000; /*text-align: center*/}
#opengvholder:hover, #openprholder:hover { cursor: pointer; }
#giftcardholder, #promoholder { padding-top: 10px;; }
.prodspec ul {line-height:2.4em; list-style:none; padding:0px;}
.promo-codes{color:#000 !important;font-weight:700;width:100%}
.promo-codes em{}
.promo-codes button{margin-right:0px !important;margin-left: 10px; margin-top: 2px}

.fa-eye, .fa-eye-slash {
    font-size: 20px;
    margin-left: 5px;
}

.totalbox { padding-top: 8px; padding-bottom: 8px;}
.totalboxtext { font-weight: 600; font-size: 15px}
.totalboxvalue { background-color: #f6f6f6; font-weight:600}
.totalboxdiscount { color: #900;}
.totalboxtotal { font-size: 18px;}

.basketlineinfo .form-control{    
	padding: 20px;
    border-radius: 10px;
}

.successbox { background-color: #44a351; color: #FFF !important }
.successbox p { font-size: 16px;}
.successbox a { color: #FFF;}
.failedpayment { background-color: #d44116; color: #FFF !important}
.successbox h1, .failedpayment h1 { color: #FFF; font-size: 40px; margin-bottom: 20px; font-weight: bold}
.failedpayment h1 { font-size: 35px;}
.successbox .orderref, .failedpayment .orderref  { font-size: 24px; font-weight: bold}


.instagramsurround{position: relative; margin-top: 60px} 
.instagramoverlay{
	position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgb(255,255,255,0.3);
}
.instagrambox{
	padding: 30px;
	text-align: center;
	background-color: #fff;
	width: 350px; 
	position: absolute;
	top: 33%;
	left: 0;
	right: 0;
	margin: auto;
	border: 1px solid #ccc;
	z-index: 9;
	box-shadow: 0px 0px 20px -5px rgba(79,79,79,1);
}
.instagrambox .fab{color: #fe0000; font-size: 32px}
.instagrambox h3{font-weight: 600; color: #666; margin: 15px 0}
.instagrambox p{color: #666;}
.margin-center{margin-left:auto; margin-right:auto;}
.col-five { width: 20%; position: relative; min-height: 1px; float: left; padding: 10px;}
.col-five img {max-height:80px; }
.navbrands {vertical-align: middle !important; }
.navbrands img {max-height:70px; max-width: 140px; display: inline; float: left; margin: 0px 25px 20px 25px; vertical-align: middle; }
.colpad{ min-height: 1px; padding-right: 5px; padding-left: 5px; float: left; padding-top: 3px;}
.horizontalnav{display:inline-block; font-size:15px;}
.divspacing{padding:5px 0;}
footer{background-color: #3c3c3c; background-position: 80% center;  background-repeat: no-repeat; color: #fff; display:block }
.sociallinks .circle{background-color: #fff; width: 45px; height: 45px; border: 1px solid #ccc; border-radius: 50%; display: inline-block; color: #fe0000; text-align: center; line-height: 45px; font-size: 22px}
.sociallinks .circle:hover{color: #fff; background-color: #fe0000}
.owl-carousel6-brands .owl-item {
border-radius: 10px;
    background-color: #fff;
    min-height: 110px !important;
    margin: 14px !important;
}
/*.owl-item img { max-height: 88px }*/
.newslettercol{}
#newsresponse_error { color: #ef5f5f; text-align: center; font-weight: 600}
#newsresponse_success { color: #60ce54; text-align: center; font-weight: 600}
#newsletteradd label{font-weight: 500; margin-right: 15px}
.newsemail{display: inline-block; border-radius: 0; box-shadow: none; width: 200px; height: 40px}
.btn-send{background-color: #000; color: #fff; border: 1px solid #000; border-radius: 0px; padding: 9px 16px; margin-left: -6px; margin-top: 1px}
.btn-send:hover{background-color: #fff; color: #000; border: 1px solid #000}

.mainfooter{padding: 25px 0}
footer h3{font-weight: 600; color: #fff; margin-bottom: 10px; font-size:14px; padding-left:15px;}
footer h3::after{content: ''; border-bottom: 1px solid #fff; width: 110px; display: block; padding-top:13px;}
footer p{color: #fff; line-height: 1.4; font-size: 14px; font-weight: 500; margin-bottom: 15px}
footer ul li{margin-bottom: 8px; color: #fff; line-height: 1.3; font-size: 13px}
footer ul li a{color: #fff; }
footer ul li a:hover{color: #fe0000; }
footer ul li a:active{color: #ddd; }

.subfooter{background-color: #fe0000; padding: 24px 0 30px 0; font-size: 13px; color: #fff; text-align: center;} 
.subfooter p{margin: 0} 
.subfooter a{color: #fff} 
.footerimg{padding-left:7px;}
.paymentlogos{padding-left:5px; margin-bottom:10px;}
.product-salesticker { width: auto; height: auto; background-color:#de0101; color: #FFF; font-size: 12px; padding: 5px; font-weight: 600; z-index: 9; display: inline-block; margin: 5px 5px 5px 0;}

.cta{background-color: #b2e823; padding: 50px 0; text-align: center}
.cta h3{color: #fe0000; font-size: 28px; margin-bottom: 30px}

.noowlpad .owl-item{padding:0px;}

.btn-green{background-color: #fe0000; color: #fff !important;  text-transform: uppercase; padding: 8px 24px 8px 24px; font-weight: 600; font-size: 14px; border: 1px solid transparent; box-shadow: none!important;}
.btn-green:hover{background-color: #fff; color: #fe0000 !important; border: 1px solid #fe0000}
.btn-green.wide { padding: 12px 80px;}
.btn-green.promo { width: 100%; padding: 8px; margin-left: 0}
.promofield { height: 43px;  padding: 6px 12px 4px 12px; font-weight: 500; margin-bottom: 8px; }


.btn-white{background-color: #fff; color: #fe0000!important; padding: 4px 12px; font-weight: 700!important; font-size: 12px!important; border-radius: 5px}
.btn-white:hover{background-color: #fe0000; color: #fff!important; border: 1px solid #fff}

.btn-colour1{background-color: #fe0000; color: #fff !important;  text-transform: uppercase; padding: 12px 24px 8px 24px; font-weight: 600; font-size: 14px; border: 1px solid transparent}
.btn-colour1:hover{background-color: #fff; color: #fe0000 !important; border: 1px solid #fe0000}


#nav-search.btn{font-size: 11px; width: 100%}

/* PAGER */
.pager{margin: 10px 0}
.pagerblock {
	display: inline-block;
    width: 40px!important;
    height: 40px!important;
    line-height: 40px;
    float: left;
    background-color: #fefefe;
    border: 1px solid #ddd;
    margin-right: 8px;
	margin-top:15px;
    text-align: center;
}
.pagerblock:hover{background-color: #fe0000;}
.pagelink {
	color: #333;
    text-decoration: none;
    display: block;
}
.pagerblockfocus{background-color: #555555!important;}
.pager-current {font-weight: 600; color: #fff; font-size: 16px;}
.pagerlink{padding: 15px; font-size: 16px; color: #888; font-weight:600 }
.pagerlink:hover{color:#fff;}
/* CUSTOMER LOGIN & MY ACCOUNT */
.loginbox{
	width: 50%;
	background-color: #eeeeee;
	padding: 20px;
	margin: 50px auto;
	text-align: center;
    box-shadow: 0px 0px 5px #7E7E7E;
	border-radius: 5px
}
.borderbox {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}

.loginfield {
    padding: 15px;
    height: auto;
    font-size: 17px;
    margin-bottom: 15px;
}

.btn.wide {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
}
.errortitle{font-size:26px; color:#a94442;}
.errorlink{padding:0px!important; color:#a94442;}
.paymenttitles{ font-size:24px; color:#fe0000;}
.blacklinks{color:#333;}
.col-centered {
    float: none;
    margin: 0 auto;
}
.custinfoboxes{
	padding: 20px;
	background-color: #fafafa;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	min-height: 290px;
}
.custinfoboxestop{
	padding: 20px;
	background-color: #fafafa;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	min-height: 345px;
	margin-bottom:20px;;
}
.payonlinefonts {font-size: 25px;}
.custinfoboxes.custdetails{min-height: 400px}
.custinfoboxes.ordertab{min-height: 200px}

.custinfoboxes p{font-size: 14px; line-height: 24px}
.custinfoboxes h3{margin: 0px 0 15px; color: #fe0000; font-weight: 600; font-size: 22px}
.custinfoboxes .table tr:first-child th{border-top: none} 
.custinfoboxes.mini{min-height: 250px}
.custinfoboxes .editlink{color: #fe0000;}
.custinfoboxes .editlink:hover{color: #4A4A4A}


.modal .modal-header {
    background-color: #fe0000;
    border-radius: 6px 6px 0 0 !important;
	border-bottom: none;
}

.modal-body { padding: 20px 15px;}
#editProfileModal .control-label{font-weight: 500; margin-bottom: 0px}
#editProfileModal .form-group:after{clear: both; display: table; content: " "}
#editProfileModal .form-group{margin-bottom: 10px}
.modalimage{width:200px; height: auto; padding-bottom:15px;}
.modalinsidediv{float:left; padding:10px; margin-top:20px;}
.admineditlink{position: fixed; bottom: 10px; left: 10px; background-color: #fe0000; height: 50px; width: 50px; border-radius: 50%; line-height: 50px; color: #fff; text-align: center; font-size: 21px}
/* Ensure the carousel container and items are centered */
.owl-carousel .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Override any conflicting margins */
.owl-carousel .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center; /* Optional for text-based items */
}

/* WISH LIST */
.emptyWL { border:1px solid #eee; padding:30px; margin: auto; text-align: center}
.fa-heart.emptywishlist { font-size: 50px; margin-bottom: 30px; }
.fa-trash.remove { font-size: 22px; color: #e92e2e}
.fa-trash.remove:hover { cursor: pointer; color: #787878}
.wishlist-item { border:1px solid #eee; padding: 15px; margin-bottom: 30px; position: relative}
.wishlist-item h3 { font-size: 20px; line-height: 1.3; padding-right:30px; margin-bottom: 20px;}
.wishlist-item .wishlistimg { margin-bottom: 15px; max-width: 120px}
.wishlist-item p { margin-bottom: 15px; }

.emptyBag { border:1px solid #eee; padding:15px; margin: auto; text-align: center}
.emptyBag h2{margin-bottom: 20px}
.emptyBag .fas { font-size: 50px; margin-bottom: 30px; }

span.disabled { color: #999;}
.accountheaders {font-weight: 600; color: #3C3C3C; font-size: 22px;}
.checkout-block { padding: 30px; border: 1px solid #eee;}
.nopad {padding:0px;}
.galholder2 { display: block; padding: 5px }
.galleryimage { min-height: 320px; border-radius: 8px; background-repeat: no-repeat; background-size: cover }
.galleryimage2 { min-height: 196px; border-radius: 8px; background-repeat: no-repeat; background-size: cover }
.galleryimageelite { min-height: 200px; border-radius: 12px; background-repeat: no-repeat; background-size: cover; background-position: center center }

.galpagetitle h1 { background-color: #fff; margin-bottom: 100px }
.galtitle h2 { font-size:18px }

.custgalcap {position: absolute; bottom: 0; left: 0; right: 0; background:rgba(0,0,0,0.5); color:#FFF; padding: 3px;; font-size: 12px;}
.galleryintro{padding:10px; }
.galholder h4{text-align: center; padding: 10px; border:none}
.galtitle h2{text-align: center; padding: 10px;}
.discountapplied { clear: both; font-weight: 600; color: #d9534f; font-size: 12px; }
.carouselswitch{display: none;}
.textcenter{text-align: center;}
.smallsocials{padding-right:40px;}
.socialdiv{padding: 15px 0; display: inline-block;}
.footercol-md{padding-left:0;}
.cosxsalign{list-style: none; text-align: right; padding-bottom:20px;}
.contactinfo{text-align: right; margin-bottom:24px!important;}
.contactinfo::after{content: ''; border-bottom: 1px solid #fff; width: 110px; display: block; padding-top: 13px; position: absolute; right: 0px; margin-right:15px;}
.deliveryinput{width: 83%!important; display: inline-block!important; border-radius: 4px 0px 0px 4px; height:40px; margin-bottom:10px;}
.btn-mod{border-radius: 0px 4px 4px 0px; height:40px; vertical-align: bottom; margin-bottom:10px;}
.maintenance::after{content: ''; border-bottom: 1px solid #fff; width: 110px; display: block; padding-top: 13px; margin-left:0px;}
.col-five .fa, .col-five .fas {font-size:22px; vertical-align: middle;}

.table.productchoice td, .table.productchoice tr { border: 0 !important; }

.prodopbox { border:1px solid #ccc; margin-bottom:20px;}
.prodopbox .heading { padding: 8px 15px; color: #FFF; font-size: 18px; background-color: #888; font-weight: 600; text-transform: uppercase }
.prodopbox .boxpad { padding: 10px 15px; }
.prodopbox td { font-weight: 600; }

.tab-show-portrait{display:none;}
.generalfaq .faqhead { border-color: #FFF; color: #FFF; border-radius: 0; }
.generalfaq .faqhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border: solid #ccc 1px;
    border-radius: 5px;
	background-color: #555;
}
.generalfaq .faqcontent { border-radius: 0; color: #000; }
.generalfaq .faqcontent {  min-height: 20px;  padding: 19px;  border: 1px solid #e3e3e3;   border-radius: 4px;  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);  background: #fafafa; margin-bottom: 10px;}
.generalfaq a.faqlink { color: #FFF;font-weight: 500; font-size: 17px;  }
.generalfaq a.faqlink:hover { text-decoration: none; }
.generalfaq .faqhead[aria-expanded="true"]{
  background-color: #fe0000; 
}
.generalfaq .fas.fa-minus
{
	display: none;
}
.generalfaq .faqhead[aria-expanded="true"] .fas.fa-minus{
 	display: block;
	color: white;
}
.generalfaq .faqhead[aria-expanded="true"] .fas.fa-plus{
 	display: none;
}
.generalfaq .faqhead[aria-expanded="true"] a{
 	color: white;
	
}
.greenshopnow h2 {font-size:27px; font-weight:300; margin-bottom: 60px; margin-top: 50px;}
.btnwidth{width:30% !important}
/* TESTIMONIALS - MASONRY */
.speech-bubble {
	position: relative;
	background: #f7f7f7;
	border-radius: 15px;
	padding: 20px
}
.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	top: 100%;
	left: 12%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #f7f7f7;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px;
}
.showmob{display:none;}
.filtersortby{float:right; width:10%;}
.footertextpad{padding: 0px 60px 0px 15px;}
.productimageheight{min-height:495px;}
.testimonials .quotation-right{padding-top: 0px }
.testimonials .rating{color: #f4ac00;margin-bottom: 5px; float: right; font-size: 22px}
.testimonials .testimonialfrom{margin-top: 15px}
.testimonials .testimonialfrom .fas{font-size: 36px; margin-left: 8px}
.testimonials .testimonialfrom .name{font-size: 16px; font-weight: 500; margin-left: 15px; vertical-align: top; display: inline-block}
.testimonials .testimonialfrom .compname{font-size: 14px; font-weight: 400; color: #767676}
.grid.testimonials {
	display: grid;
	grid-row-gap: 40px;
	column-gap: 15px;
	grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
	grid-auto-rows: 20px;
	max-width: 1300px;
	margin: auto;
}
.testimonials .item{padding: 30px 15px 0px; }
.testimonials .content{border-bottom: 1px solid #ccc; padding-bottom: 20px}
.recalc{margin-top:10px!important;}
.basketbutton{width: 24%; font-weight:500; font-size: 14px; float:right; margin-top:10px; background-color: #57b900; color:#fff;}
.basketbutton:hover{background-color: #fff; color:#57b900; border: 1px solid #57b900;}
.moveright{float:right;}
.moveleft{float:left;}
.topbarmob{height:45px;}
.spancircle{border:2px solid #fff; border-radius: 50%; height:20px; width:20px; display:inline-block;}

h3.greenbg { background-color: #fe0000; padding: 6px 15px; color: #FFF;}

.freedelstrip { font-size: 14px; }
.freedelstrip .mini { font-size: 10px; }

.freedelstrip.pimg { font-size: 18px; }
.freedelstrip.pimg .mini { font-size: 14px; }

.whitebb { border-bottom: 1px solid #FFF; }
.elite-view-collections { background-color: #fe0000; border-bottom: solid 1px #fff }
.elite-download { background-color: #1d1d1b;}
.elite-download-text { float: right; text-align: right; color: #FFF; padding: 50px 0 50px 50px;; }
.elite-download-text h2 { font-family: "Buenard", serif; font-weight: 400; font-style: normal; color: #FFF; text-align: right; text-transform: uppercase; font-size: 40px;}
.elite-download-text p {  font-family: "Buenard", serif; font-weight: 400; font-style: normal;font-size: 20px; }
.elite-download-image { padding: 10px 0 }
.elite-download-text .btn-elite { background: #94c11f; padding: 20px 40px; color: #FFF; font-size: 18px; text-transform: uppercase; border: 1px solid #FFF; margin-top: 30px; font-weight: 400}
.elite-download-text .btn-elite:hover { background: #FFF; border-color: #94c11f; color: #94c11f; }
.elite-download-text .btn-elite .fa-download { padding-left: 8px; }

.btn-elite-collect  { background: #fff; padding: 20px 40px; color: #fe0000; font-size: 20px; text-transform: uppercase; border: 1px solid #FFF; margin-top: 30px; font-weight: 600}
.btn-elite-collect:hover { background: #FFF; border-color: #94c11f; color: #94c11f; }

.elite-cta { color: #FFF; text-transform: uppercase; border-bottom: 1px solid #fff; }
.elite-cta-container { padding: 120px 100px;}
.elite-cta h3 {font-family: "Buenard", serif; font-weight: 400; font-style: normal; color: #FFF;font-size: 36px; margin-bottom: 70px; line-height: 44px }
.elite-cta .btn-primary { background: transparent; border: 1px solid #FFF; border-radius:0; padding: 20px 60px; font-size: 21px; font-weight: 600 }
.elite-cta .btn-primary:hover { background: #1d1d1d;}

.elite-holder {min-height: 500px;background:#1d1d1b; }
.elite-img-holder { min-height: 500px; background-repeat: no-repeat !important; background-size: cover !important; }
.elite-text-holder {  padding: 80px 80px; text-align: center}
.elite-text-holder h3 { color: #FFF; font-family: "Buenard", serif; font-weight: 400; font-style: normal; font-size: 34px; text-transform: uppercase; margin-bottom: 30px;}
.elite-text-holder p { color: #FFF; font-size: 18px; }

@media (min-width: 1500px) {
	.container { width: 1470px !important;}
	.dropdown-menu.container { width: 1440px !important;}
	
}
@media (max-width: 1500px){
	.checkoutbuttonleft{ margin-left:0;}
	.barshift{padding-top:3.5%;}
	.headerphonetop{font-size:11px;}
	.headerphonebottom{font-size:20px;}
	.phoneicon{font-size:20px;}
}
@media (max-width: 1400px) {
	.header-navigation ul>li>a{padding: 5px 8px 5px 8px}
	.barshift{padding-top:2.8%;}
	.qtyplusminus{padding: 10px 13px}
	.header-navigation > ul > li > a{font-size:14px;}
	.checkoutbuttonleft{width:140px;}
	.checkoutbuttonright{width:110px;}
	.phoneicon{font-size:15px;}
	.headerphonetop{font-size:10px;}
	.headerphonebottom{font-size:16px;}
	.mobpull{bottom:18px;}
	.horizontalnav{font-size:12px;}
	.smalltext{font-size:12px;}
	.checkouttextleft{right:145px;}
	.header-navigation > ul > li{max-width: 80px;}
}

@media (min-width: 1400px) {
	.container { width: 1370px;}
	.dropdown-menu.container { width: 1340px !important;}
	
}

@media (max-width: 1399px) {
    
    .elite-download-text h2 { margin-top: 0; }
    .elite-download-text { padding-left: 40px; }
    
}

@media (min-width: 1200px) {
	.customspacer{width: 15%; float: left; position: relative; min-height: 1px;}
   
}

/* Large Devices, Wide Screens */
@media (max-width : 1199px) {
     .elite-download-image { padding: 87px 0 10px 0;}
    .elite-text-holder { padding: 60px 50px;}
}

@media only screen and (max-width : 1500px) {
	.header-navigation > ul > li > a{font-size:12px;}
}

@media only screen and (max-width : 1200px) {
    .header-navigation ul>li>a{padding: 7px; font-size: 14px}
	.header-navigation .dropdown-menu li > a{padding: 5px 10px; font-size: 11px}
	.navalign{padding: 5px 0px;}
	.carouselswitch{display: block;}
	.carousel-inner .carousel-position-four{width: 50%}
	
	.newsemail{width: 175px}
	.btn-send{margin-left: -12px}
	.owl-carousel .owl-item{padding:3px 0; font-size:13px;}
	/*.topbarmob{height:40px;}*/
	.qtyplusminus {padding: 20px 7px;}
	
	.topstrip .toplinks a{font-size: 12px }
	.header-navigation > ul > li{
		max-width:70px;
	}
	.header-navigation ul>li>a{font-size:11px;}
	.instagrambox{top: 22%}
    
    .balancecheckerouter { padding: 20px; } 
	.headerinfo{font-size:12px;}
	
	.barshift{padding-top:1.8%;}
	.mobpull{bottom:30px;}
	.carouselsize{font-size:15px; padding-top:3px;}
	.inlineimage{display: inline!important;}
	.iconmargin{padding: 0 10px;}
	
	.iconmargin{font-size:19px;}
	.openinghours{padding: 0px 10px;}
	.headercont{margin-top:15px;}
	.carousel-font-style{width:70%;}
	.carousel-inner .carousel-position-2{right:15%; text-align: center;}
	.carousel-inner .carousel-position-3{right:15%; text-align: center;}
	.bottomcontext{padding-bottom:60px;}
	.greenshopnow{font-size:40px;}
	.unslider{margin-bottom:40px;}
	.tabletalign{text-align: right;}
	.mobiframe{width:940px;}
	.tabletcentral{text-align: center;}
	.btn-warning{margin-top:10px;}
	.companyh3::after{margin-left:340px;}
	.mobbutcentre {float:none!important; margin-bottom: 15px;}
	.inlineimage{max-height:18px;}
	.basketlineitem .basketremovebtn{margin-left:0px; margin-top:10px;}
	.restrictwidth{width:80%;}
}
@media only screen and (max-width : 1199px) {
	.containerswitch{display: none;}
    .headercont{margin-bottom: 20px; }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.filtersortby{width:15%;}
	.shopnow{padding: 10px 30px;}
	.basketbutton{margin-left:10px;}
	.predsearchholderbasket{width:100%;}
	.mobpadright0{padding-right:0px!important}
	.mobposition{position:relative; z-index: 100;}
	.suggestionsBox{top:58px;}
	.hidedesktop{display:block;}
	.btnwidth{width:50%!important;}
	.baskettitle{margin-top:0px!important; text-align:center!important;}
	.mobmargin0 {margin:0px!important;}
	.footertextpad{padding:0px;}
	.tabletalign{min-height:380px;}
	.portalboxes{margin-bottom:20px; max-width:100%;}
	.hidemob{display:none !important;}
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	.navbar-toggle { display: block !important; background-color: #fe0000; padding: 6px 12px; border-radius: 0; color: #FFF; font-size: 16px; font-weight: bold; margin:0; }
	.icon-bar { background-color: #fff;}
	.secondnav { display: block !important; background-color: #0071bb }
	#navbar { width: 100%; padding-top: 20px;}
	.header-navigation { margin: 0; width: 100%;}
	.header-navigation ul>li>a { padding: 8px 0 8px 0; color: #FFF; border-bottom: 1px solid #438ebf; }
	.header-navigation ul>li { float: none; width: 90%}
	.navbar { margin-top: 0}
	.mobiletop a { color:#FFF; }
	.mobpull{display: none;}
	
	.qtyplusminus{padding: 20px 15px}
	.quantityinp{padding: 12px 20px}
	.companyh3::after{content: ''; border-bottom: 1px solid #fff; width: 110px; display: block; padding-top: 13px;}
	.categorytitle{min-height: 50px;}
	footer h3 {margin-bottom:10px!important;}
	
}

@media (min-width: 992px){
	.modal-dialog {width: 992px;}
    
}

@media (max-width: 992px){
	.topstrip .toplinks a {padding: 5px 10px;}
	
	.headercont{padding-top: 10px; padding-bottom: 10px;  margin-bottom: 0; }
.carousel-inner .carousel-position-four{width: 75%;}
		
	.newsemail{width: 100%}
	.btn-send{width: 100%; margin-left: 0}
	
	.instagrambox { top: 18%;}
	.rightcol-md-6{float: right; text-align: right!important;}
	.carousel-inner .item{min-height: 500px!important;}
	.mobmargin{margin-bottom:15px;}	
	.carousel-font-style{padding:20px!important; width:70%!important;}
	.carousel-inner .item{min-height: 400px!important;}
	.spotlightline1{font-size:20px!important; text-align: center;}
	.carousel-inner .carousel-position-2{right:15%!important;}
	.carousel-inner .carousel-position-3{right:15%!important;}
	.mobcatbox{height:230px!important;}
	.bigleftbox{min-height:0px!important;}
	.smallrightbox{max-height: 350px!important;}
	.bottomcontext{padding-bottom:60px;}
	.greenshopnow{font-size:37px; margin-bottom: 40px;}
	.testimonial p{width:90%;}
	.drawer-account-box .logo img{max-width:55%;}
	.mobalign{float: none!important; text-align: center;}
	.mobiframe{width:720px!important;}
	.moveleft{float:none;}
	.moveright{float: none;}
	.restrictwidth{width:70%;}
	
}
@media only screen and (max-width : 991px) {
	.basketlineitem .basketremovebtn{margin-left:5px; margin-top:0px;}
    .elite-download-image { display: none; }
    .elite-download-text h2 { text-align: center; font-size: 36px; }
    .elite-download-text { padding-left: 0; padding-right: 0;text-align: center; }
    .elite-download-text p { text-align: center; }
    .elite-cta-container {  padding: 120px 0px;}
    .elite-text-holder { padding: 60px 90px; }
    
}
@media only screen and (max-width : 530px) {
	.showmob{display:block!important;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.tabletalign{min-height:280px;}
	.catminheight{padding:0px;}
	.product-main-image img {max-height: 300px;}
	.product-item-btn{width:100%;}
	.product-item{height:360px;}
	.filtersortby{width:20%;}
	.catbox{min-height:340px;}
	.basketbutton{width:40%;}
	.content-page h2{margin-bottom:10px;}
	.totalbox{padding-top:0px;}
	.close{opacity: 1; font-size:30px;}
	.mobwidth{max-width: 100vw;}
	.basketlineitem .basketremovebtn{margin-top:10px; margin-left:1px; float:left!important;}
	.btnwidth{width:55%!important;}
	.hidemob{display:none!important;}
	.mobpad10{padding:10px!important;}
	.mobnopad{padding:0px!important;}
	.newarrivals{font-size:22px; text-align: center;}
	.mobmarbot20{ margin-bottom:20px;}
	.mobmartop15{ margin-top: 15px!important;}
	.productimageheight{min-height:300px;}
	.product-main-image{min-height:300px;}
	.tabbackground{width:120px;}
	.owl-carousel .owl-stage {justify-content: center !important;}
    .owl-carousel .owl-item {margin: 0 auto !important;}
	.catban h1{padding-left:10px; padding-right:10px; font-size:38px!important;}
	.mobblacktext{color:#000; text-shadow: none!important;}
	.spotlightline2{font-size:20px; line-height: 1.2;}
	.catposition{margin-top: 0px;}
	.baskettitle{font-size: 15px!important;}
	.topstrip{padding: 10px 0px; min-height:0px;}
	.mobcenteralign{text-align:center;}
	.mobtitlepos{float:unset!important;}
	.hidemob{display:none !important;}
	.accountheaders{font-size:19px;}
	.mobcenter{text-align: center;}
	.hidesalemob{background-image: none!important;}
	.carousel-inner .carousel-position-four{width: 80%; left: 10%}
	.quantityinp{padding: 12px 0}
	/*.qtysurround{width: 70%}*/
	.portalboxes{min-height:155px; margin-bottom:10px;}
	.mobspace{margin: 10px 0;}
	.product-page h1{width: 100%; margin-top: 20px}
	.product-item .newsticker, .product-item .salesticker, .product-item .comingsoonsticker{ position: absolute; top:80%; }
	.instagrambox { top: 13%; padding: 20px}
	.carousel-font-style .btn{font-size:13px;}
    .marbotmob{margin-bottom: 30px}
	.carousel-font-style{padding:20px!important; width:70%!important;}
	.carousel-inner .item{min-height: 400px!important;}
	.spotlightline1{font-size:20px!important; text-align: center;}
	.iconfloater{margin-right:20px!important;}
	.product-page p{font-size:14px;}
	.carousel-inner .carousel-position-1{left:15%!important;top:10%; text-align: center;}
	.carousel-inner .carousel-position-2{right:14%!important; top:10%;}
	.carousel-inner .carousel-position-3{right:14%!important; top:10%;}
	.carousel-inner .carousel-position-four{right:14%!important;top:10%;}
	.featuredproducts{padding:0;}
	.greenshopnow{font-size:23px; line-height: 1.4;}
	.customer-review{padding:0!important;}
	.testimonial{font-size:15px;}
	.unslider-nav li{height:16px!important; width:16px!important;}
	.product-other-images .thumb{width:100%;}
	.topbarmob{height:50px;}
	.carouselsize{padding-top:10px!important;}
	.headercont{margin-top:0px;}
	.mobcenter{float: none!important;}
	/*.shoptopstrip{display: none;}*/
	.mobremove{margin:0!important;}
	h2{margin-top:15px; margin-bottom:15px;}
	footer h3{margin-top: 30px; margin-bottom: 10px}
	.product-item h3 a{font-size:16px;}
	.shop-prodimg-holder {height: 100%;}
	.deliveryinput{width:60%!important;}
	/*.contactinfo::after{position: relative; left:0px;}*/
	.videomargin{margin-top:0px;}
	.mobfont p{font-size:16px;}
	.mobcentre{text-align: center;}
	.restrictwidth{width: 100%;}
	.navalign{padding: 0px;}
	.shoptopstrip{ padding: 15px 0 15px 0}
	.hide-tab-portrait{display:none;}
	.tab-show-portrait{display:block;}
    
    .salehero {font-size: 17px;}
    .salehero .highlight { font-size: 20px;}
    
    
}
@media only screen and (max-width : 767px) {
	.rightcol-md-6{float: left; text-align: left!important;}
	.leftcol-md-6{float: left; text-align: left!important;}
	.cosxsalign{padding-left: 0; text-align: left;}
	.alignicons{text-align: left;}
	.footerimg{padding-left:0;}
	.paymentlogos{padding-left: 0;}
	.companyh3::after{margin-left:0;}
	.contactinfo::after{margin-left:0;}
	.contactinfo{text-align: left;}
	.footer h3 {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
	}
	.contactinfo::after{left:15px;}
    .freefitbadge img { height: 30px; width: auto}
    .freefitbadge { top: 5px; }
    .freefitbadge.nudgedown { top: 42px; }
    .freefitbadge.nudgedownx { top: 40px; }
    .product-item h3 a {
        font-size: 13px;
    }
    .pricebox .bigprice {
        font-size: 14px;
    }
	
     .elite-text-holder { padding: 60px 40px; }
    
}

@media only screen and (max-width : 720px) { 
	.instagrambox { top: 38%;}
	.footer h3 { margin-bottom: 10px !important;margin-top: 20px !important; }
}

@media only screen and (max-width : 640px) { 
    .salehero {font-size: 13px;}
    .salehero .highlight { font-size: 16px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	footer h3{padding-left:0px!important;}
	.filtersortby{width:40%;}
	.hidemob{display:none !important;}
	.nomobpad { padding: 0}
	.basketlineitem .basketlinename { font-size: 15px; }
	.basketlineitem .basketlineinfo { padding-left: 15px; }
	.basketlineitem .basketoption { font-size: 12px;}
	.basketlineitem .basketlineprice { font-size: 14px; }
	.basketlineitem .basketupdatebtn { font-size: 12px; }
	.basketlineitem .basketqtydrop { height: 31px; padding: 6px;}
	
	.toplinks a{padding: 0px 5px; font-size: 12px}
	.topsociallinks a{font-size: 14px;}
	
	.spotlightline1{font-size: 32px}
	.carousel-inner .carousel-position-four{top: 10%}
	
	.keypoints{text-align: center; padding: 20px 0}
	.keypointimg{float: none; text-align: center; height: 40px; margin-right: 0px}
	
	.btn-pink.wide { padding: 12px 40px;}
	
	.product-page h1{font-size: 20px; margin-top: 25px}
    .content-page h1 { font-size: 26px; }
	.qtysurround{width: fit-content}
	.quantityinp{padding: 8px 0}
	.btn-addtobag{padding: 10px 15px 12px 45px; font-size: 15px; height: 40px; }
	.addtobagicon{width: 40px; height: 40px; line-height: 40px; font-size: 18px}
	
	footer{padding-top: 25px}
	footer h3{margin-top: 30px; margin-bottom: 10px}
	.newsemail{width: 200px}
	.btn-send{width: auto;}
	
	.instagrambox { top: 32%;}
	.smallsocials{padding-right:10px;}
	.socialdiv{float: left;}
	.mobiframe{width:360px!important;}
	.shoptopstrip h1, .shoptopstrip h2{text-align: center; margin-bottom:10px;}
	.footer h3 {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
		
}
	.product-item{height: 400px;}
     .salehero {font-size: 13px;}
    .salehero .highlight { font-size: 15px;}
	
	.freedelstrip:not(.lg) { font-size: 9px; }
	.freedelstrip:not(.lg) .mini { font-size: 8px; }
    
    .freedelstrip.pimg { font-size: 18px; }
    .freedelstrip.pimg .mini { font-size: 14px; }
    
    .easypaymenthead { font-size: 21px; }
    ul.payli {padding-left: 0; }
    
    
    .elite-text-holder { padding: 60px 20px; }
	.elite-cta-container { padding: 120px 15px; }
    .galleryimageelite { min-height: 150px; }
    
}

@media only screen and (max-width : 479px) {
    
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.hidemob{display:none !important;}
	.nomobpad { padding: 0}
	.basketlineitem .basketlinename { font-size: 15px; }
	.basketlineitem .basketlineinfo { padding-left: 15px; }
	.basketlineitem .basketoption { font-size: 12px;}
	.basketlineitem .basketlineprice { font-size: 14px; }
	.basketlineitem .basketupdatebtn { font-size: 12px; }
	.basketlineitem .basketqtydrop { height: 31px; padding: 6px;}
	.btn-pink.wide { padding: 12px 22px;}
	.footer h3 {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}
}


.btn-custom-sm { width: auto; padding: 5px 10px; font-size: 12px !important;  background-color: #000 !important; border: 1px solid #9ecc3b !important;  color: #FFF;}

