/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:400,600,700');*/
/*@import url("bootstrap-drawer.css");*/
body{font-family: 'Lato', sans-serif; font-size: 16px; background-color: #f2f2f2}

#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}

.unslider { margin-bottom:20px; }
.unslider-nav li { width:20px !important; height:20px !important; border-radius:19px !important; }
.unslider-nav ol li.unslider-active { background-color:#2B3C68 !important; }

.greybg { background-color:#efefef; }
.customer-review { padding:60px; }
.review-slider { width: 100%; }
.titleline { border-bottom: 1px solid #333; }
.quotation-left { font-size:22px; color:#b9b9b9; display: inline-block; clear: none; margin-right:10px; margin-top:-10px; }
.quotation-right { font-size:22px; color:#b9b9b9; display: inline-block; clear: none; margin-left:10px; padding-top:10px }
.testimonial { font-size:16px; font-style:italic; }
.testimonial p { display: inline-block; clear: none; }

h1, h2, h3, h4, h5, h6{margin:0 0 10px;color:#434343;}
h1{font-size:25px;}
h2{font-size:20px;}
h3{font-size:19px;}
h6 { font-weight: 700;font-size: 13px;}

a { color: #000000;}
a:hover { color: #000000; text-decoration: underline;}

a.faqlink { font-weight: 600; font-size: 16px;}
a.faqlink .faqq { color: #9ecc3b; font-size: 18px;}

hr { border-top: 1px solid #ccc;}

.pad0 {padding: 0 !important}
.padbot0{padding-bottom:0px !important;}
.padbot8{padding-bottom:8px !important;}
.padleft7 { padding-left:7px !important; }
.padleft0{padding-left:0px !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;}
.padtop30 { padding-top: 30px;}
.padtop20 { padding-top: 20px;}
.padleft20 { padding-left: 20px;}
.padbot30 { padding-bottom: 30px;}
.padbot20 { padding-bottom: 20px;}
.pad15{padding:15px !important;}
.spacer0{clear:both;height:0 !important;}
.spacer10{clear:both;height:10px !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}
.spacer50 {clear: both; height: 50px}
.marbot0{margin-bottom:0px !important;}
.marbot5{margin-bottom:5px !important;}
.marbot10{margin-bottom:10px !important;}
.marbot20{margin-bottom:20px !important;}
.marbot40{margin-bottom:40px !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;}
.marbot40{margin-bottom:40px !important;}
.marright5{margin-right:5px !important;}
.marright0{margin-right:0 !important;}
.marright10{margin-right:10px !important;}
.marleft10 { margin-left: 10px !important}
.marleft5 { margin-left: 5px !important}
.borderbot0{border-bottom:0 !important;}
.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}


.header{margin-bottom:0px; background:#000000; }
.header .fa-phone { font-size: 11px; margin-right: 3px; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.topstrip{background-color:#393939 !important;padding:10px 0px;overflow:hidden;color:#FFF;font-size:13px;font-weight:700; border-bottom:3px solid #9ecc3b}
.topstrip a{padding: 0 8px; color:#FFF;font-size:13px;font-weight:700;}

.basketholder { border:1px solid #8e8e8e; padding: 12px; background-color: #313131; color: #FFF; cursor: pointer; max-width: 150px; float: right;}
.navbarfullwidth { background-color:#696969; border-bottom:5px solid #9ecc3b }

/*
.header-navigation{text-transform:none !important; max-height: 50px;}
.header-navigation ul { margin: 0; padding: 0; list-style: none;}
.header-navigation > ul > li { float: left; padding: 11px 0px;}
.header-navigation > ul > li:hover {background-color: #9ECC3B; color: #FFF;}
.header-navigation > ul > li:hover > .dropdown-menu {  display: block;}
.header-navigation ul li a:focus, .header-navigation ul li a:active{color:#FFF !important;}
.header-navigation > ul > li > a{color:#FFFFFF;font-weight:400;display:block;font-size: 16px !important; padding: 0px 23px !important; letter-spacing: 0 !important; text-transform: uppercase; border-right: 2px solid #fff;}
.header-navigation > ul > li:hover > a{color:#000 !important;}
.header-navigation > ul > li > a:hover { text-decoration: none}
.header-navigation > ul > li > ul > li:hover > .dropdown-menu { display: block !important;}
.header-navigation .dropdown-menu > li:first-child{border-top:0 !important;}
.header-navigation .dropdown-menu li{border-bottom:0;padding:10px 24px !important;text-align:left}
.header-navigation .dropdown-menu li > a { padding: 0 !important; font-size: 15px; font-weight: 400 !important}
.header-navigation .dropdown-menu li:hover { background-color:#9ECC3B }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color:#9ECC3B }
.header-navigation .dropdown-menu .dropdown-menu { left: 100%; right: auto; top: 6px; background-color: #FFF !important}
ul.dropdown-menu{width:250px !important;}
.menu-left { border-right:2px solid #ffffff; float: left; margin-top: 11px; height: 22px; }
*/


/* top nav */
#navbar { }
.navbar-collapse { padding-right: 0; padding-left: 0 }
.nav>li { position: static}
.navbar-nav>li>a { color: #FFF; font-size: 17px; font-weight: bold; padding: 12px 23px; /*transition: color 0.5s ease;*/ }
/*.navbar-nav>li>a.last { padding-right: 0}*/
.nav>li>a:focus, .nav>li>a:hover, .nav>li.collapsed.open { background: #9ecc3b; /*color: #FFF;*/ }
.navbar { min-height:auto; margin-bottom: 0; border: 0 !important }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: transparent; border-color: #9ecc3b;}

/* sub nav */
.subnavpad { padding: 30px;}
.dropdown-menu { border-top: 5px solid #9ecc3b; /* margin-top: 1px !important;*/ }
.dropdown-menu .line { width: 140px; height: 1px; margin: 0; margin-bottom: 15px;}
.topsubnav { list-style: none; padding: 0; margin: 0}
.topsubnav>li>a {padding: 12px 10px 12px 10px;; border-bottom: 1px solid #ddd; color: #666666; font-size: 16px; font-weight: 400; display: block}
.topsubnav>li:hover>a {background: #9ecc3b;  color: #FFF; text-decoration: none}
.subnavdown { float: right}
.subnavdown .fas { color: #9ecc3b}
.topsubnav>li:hover>a>.subnavdown>.fas{color: #FFF;}
.subnavdesc { text-align: right}
.subnavdesc p { margin-bottom: 3px; font-size: 16px;}

/* third level nav */
.thirdlevelnav { display: none;}
ul.topthirdnav { list-style: square}
.topthirdnav>li>a {padding: 12px 10px 12px 10px;; border-bottom: 1px solid #ddd; color: #666666; font-size: 16px; font-weight: 400; display: block}
/* nav - burger icon */
.burgerholder { width: 50px; float: left;  padding-top: 4px;}
.navbar-toggle .icon-bar { width: 32px; height: 5px; background-color: #000000; float: right; }


.page-slider{margin-top:0px !important;}
.page-slider, .carousel-inner{width:100% !important; max-height: 580px; background-color: #000}
.carousel-slider .item { min-height: 640px !important;}
.carousel-slider .carousel-control .fa { background: none !important; font-size: 40px !important;}
.carousel-slider .carousel-control.right { top: 89% !important; background-image: none; margin-top: -20px; right: 8%}
.carousel-slider .carousel-control.left { top: 89% !important; background-image: none; margin-top: -20px; left: 8%}
.carousel-control {opacity: 1}
.carousel-control i.fa-angle-left { border: 3px solid #fff !important; padding: 0px 14px 12px 8px !important; width: 47px !important; height: 47px !important;}
.carousel-control i.fa-angle-right { border: 3px solid #fff !important; padding: 0px 4px 11px 9px !important; width: 47px !important; height: 47px !important; }


.topsearchsurround {background-color:#313131; padding: 5px 0; border: 1px solid #8e8e8e }
.topsearchsurround button {font-size: 11px; margin-top: 2px;background-color: #eaeaea;border-left: 1px solid #cecece;float: right; font-weight:bold;}
.topsearchbox { background-color:#313131; padding: 5px 0; border: 0; color: #fafafa !important}
.topsearchbox::placeholder { color: #fAFAFA !important}


.predsearchholder { position:absolute; top:40px; left: 0; width: 100%; z-index:9 }
.suggestionsBox{position:relative;left:0;top:0px;margin:0;max-width:412px !important;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}
.suggestionList{margin:0;padding:0;}
.suggestionList ul li{list-style:none;margin:0;padding:10px;cursor:pointer;color:#3E4D5C;font-size:13px;}
.suggestionList ul li:hover{background-color:#3E4D5C;color:#FFF;}
.suggestionList ul{padding:0;margin:0;}
.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;padding:2px;margin:auto;}
.imagebox{height:60px;width:60px;background-color:#fff;text-align:center;float:left;border:1px solid #E5E5E5;margin-right:7px}

.brands { padding: 20px 0 18px 0;}
.brands .owl-carousel { margin-bottom: 0 !important; padding: 0 !important;}

h2.featuredproducts { text-align: center; text-transform: uppercase; font-weight: 700;font-family: 'Montserrat', sans-serif;}


.breadcrumb { padding: 15px 0 15px 0 !important; margin-bottom: 0 !important; font-size: 12px !important; font-weight: 600; background: none; color: #5f6d7b;}

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;}

.categorybox { background-color:#FFFFFF; padding: 15px; }
.categorybox .mainimage { max-height: 180px; margin: auto; }
.categorybox a:hover { text-decoration: none; }
.categorybox h2 { text-align: center; font-size: 20px; }


.product-item{background-color: #FFF;height:410px;padding:12px 12px 16px;position:relative;}
.product-item:hover{box-shadow:none !important;}
.product-item:hover .pi-img-wrapper .buttons{display:none !important;}
.product-item .img-responsive{max-height:350px;margin:auto}
.product-item .img-responsive, .owl-carousel .img-resposnive{max-height:180px;margin:auto}
.product-item .buttons .btn:hover{background:#0c1d36 !important}
.pi-img-wrapper { position: relative;}
.shop-prodimg-holder { height: 200px; overflow: hidden; background-color: #FFFFFF;}
.shop-prodimg-holder img { position: absolute; height: 187px; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 210px;}

.pricebox .bigprice { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; margin-bottom: 0 }
.pricebox .smallprice { font-family: 'Montserrat', sans-serif; font-size: 12px;}
.pricebox .wasprice { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; margin-bottom: 0 !important}


.product-page { margin-right: 0px !important; min-height: 450px; padding-top: 0 !important; padding-left: 15px;  padding-right: 15px;  padding-bottom: 5px; background: #fff; position: relative}
.product-page h1 { border-bottom: 0 !important;padding-bottom: 12px; font-weight: 600; color: #000000;}
.product-page .description ul { margin-bottom: 0;}
.description ul, .tab-content>.tab-pane ul { padding-left: 30px !important;}
.description ul li { list-style: square;}
.product-main-image img { width: 100%;}
.product-other-images { text-align: left;}
.product-other-images .thumb { overflow: hidden; height: 95px; width: 25%; float: left; margin-bottom: 10px;}
.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;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #000000; color: #FFFFFF; font-weight: 700;}
.product-page-content .tab-content { border: 1px solid #ebebeb; padding: 20px 25px; background: #fff;}
.tab-content>.tab-pane ul li { margin-bottom: 10px; list-style: square;}

.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-family: 'Montserrat', sans-serif; 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: 2px;}
.list-view-sorting select { float: left; width: auto;}


.sidebar { padding: 0px; margin: 0px;}
.section-title { background-color: #000000; padding: 10px; font-size:15px; color: #FFF; font-weight:600; font-family: 'Montserrat', sans-serif; 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: #222222;}
.goods-data p, .checkout-description p, .goods-page-description p { margin-bottom: 2px;}
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 'Open Sans', 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;}


.content-page {background: #fff; position: relative;}
.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; 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 }

#newsresponse_error { color: #ef5f5f; text-align: right;}
#newsresponse_success { color: #60ce54; text-align: right;}

.basketlineitem { border:1px solid #ccc; margin-bottom: 15px; }
.basketlineitem .basketimg { max-height: 150px; margin: auto }
.basketlineitem .basketlineinfo { padding-left: 30px; padding-right: 0; }
.basketlineitem .basketlineprice { float:right; font-weight: 600 }
.basketlineitem .basketlinename { font-size: 17px; font-weight: 600; }
.basketlineitem .basketoption { font-size: 14px; }
.basketlineitem .basketqtydrop { width: 40%; float:left; margin-right: 5px; }
.basketlineitem .basketupdatebtn { float: left; }
.basketlineitem .basketremoveposition { position: absolute; bottom: 15px; right: 15px; }
.basketlineitem .basketremovebtn { font-size:13px; color: #d90010;background:none; border:none; }

h2.baskettotals{font-size:19px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 15px;}
h2.havepromo{font-size:14px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin-bottom: 5px;}

.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}


.totalbox { padding-top: 8px; padding-bottom: 8px;}
.totalboxtext { font-family: 'Montserrat',sans-serif; font-weight: 600}
.totalboxvalue { background-color: #f6f6f6}
.totalboxdiscount { color: #900;}
.totalboxtotal { font-size: 18px;}

.admin-edit-pos { position: relative; float: right; z-index: 999}
.admin-edit { position: absolute; left:-20px }

.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}

.delbox { border:1px solid #ccc; padding: 20px; min-height: 230px;}
.delbox p { font-size: 14px;}

.deliveryradio input[type="radio"] {
  opacity: 0;
  position: fixed;
}

.deliveryradio label {
    display: inline-block;
	font-weight: normal;
	padding: 0;
	width: 100%;
	background-color: #eee;
}

/*.deliveryradio input[type="radio"]:focus + label {
    border: 2px dashed #444;
}*/

.deliveryradio input[type="radio"]:checked + label {
    background-color: #194993 !important;
    color: #FFF;
}

@media (min-width: 1400px) {
	.container { width: 1370px !important;}
	.dropdown-menu.container { width: 1340px !important;}
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.hidemob{display:none !important;}
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	.navbar-toggle { display: block !important; background-color: #000; 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;}
	.navbar-nav { margin: 0; width: 100%;}
	.navbar-nav>li>a { padding: 8px 0 8px 0; color: #FFF; border-bottom: 1px solid #438ebf; }
	.navbar-nav>li { float: none; width: 90%}
	.navbar { margin-top: 0}
	.mobiletop a { color:#FFF; }
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.hidemob{display:none !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.hidemob{display:none !important;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.hidemob{display:none !important;}
}


.btn-custom-sm { width: auto; padding: 5px 10px; font-size: 12px;  background-color: #000; border: 1px solid #9ecc3b;  color: #FFF;}