/* GENERAL */
h1{text-transform: uppercase}
h1, h2, h3, h4, h5, h6{color: #333333}
h4{border-bottom: none; text-align: left}

.paddingtb20{padding-top: 20px; padding-bottom: 20px}
.paddingtb30{padding-top: 30px; padding-bottom: 30px}
.paddingtb40{padding-top: 40px; padding-bottom: 40px}
.padright { padding-right:0 }
.darkgreybg{background-color: #27231a} 
.darkgreybg h1, .darkgreybg p{color: #fff} 
.welcometext a{color: #CDCDCD}
.width60{width: 60%; margin: auto}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
    height:100%;
}

/* Drawer */
.drawer-account-box {
    border-bottom: 3px solid #0e72b5;
}
.drawer-nav .fa {
    color: #0e72b5;
}
.drawer-nav li, .drawer-fullnav li {
    border-bottom: 1px solid #0e72b5;
}
.drawer-account-box .btn-colour1 {
    padding: 12px 24px 12px 24px;
}
.drawerfooticons .fab {
    color: #DE702B;
    font-size: 22px;
	margin-right:5px;
	margin-bottom: 14px
}

.subnavcol:nth-child(2) .thirdlevelnav {
    max-height: 380px;
    overflow: auto;
}

ul.topsubnav li a {
    font-size: 15px;
}

.btn-default.active {
    background-color: #DC7727 !important;
	color: #fff;
	border: 1px solid #fff;
	font-weight: 700;
	
}
.tagbutton {margin-right: 1px; color: #0F72B5; border-color: #0F72B5;
    font-weight: 500; margin-top: 5px; font-size: 13px; padding: 5px 6px 5px 6px }
.tagbutton span { margin-left: 8px; color: #FFF; font-size: 12px; }



.btn-default.active:focus, .btn-default:active:hover{
    color: #fff !important;
    background-color: #DC7727 !important;
	border-color: #fff !important;
	font-weight: 700;
}



.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}


.alfrescobgrd { background-color: #706e6f !important} 
.spacer10.alfrescobgrd {}
.alfrescocolour { color: #706e6f !important} 
.alfrescofreedel { background-color: #706e6f;color: #FFF; font-weight: 600; text-align:center; padding: 0 0 10px 0; margin-bottom: 20px; font-size: 17px; font-weight: 500 }

/* OWL CAROUSEL */
.owl-theme .owl-nav .owl-prev:before{font-family: 'Font Awesome 5 Pro'; content: "\f30a"; font-size: 22px}
.owl-theme .owl-nav .owl-next:before{font-family: 'Font Awesome 5 Pro'; content: "\f30b"; font-size: 22px}

/* BUTTONS */
.btn-colour1{
	background-color: #DE702B;
	color: #fff !important;
	text-transform: uppercase;
	padding: 12px 24px 8px 24px;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 10px
}
.btn-colour1:hover{
	background-color: #fff;
	color: #DE702B !important;
	border: 1px solid #DE702B
}
.btn.wide {padding: 12px 80px;}


/* TOPBAR */
.topstrip a{font-size: 14px; font-weight: 400}
ul.topbarlinks li {padding: 11px 5px;}
ul.topbarlinks li:last-child{border-right: 1px solid #fff}

.topsociallinks, .businesshours{display: inline-block}
.topsociallinks{line-height: 42px; font-size: 18px}
.topsociallinks a{font-size: 18px; font-weight: 600}
.businesshours{line-height: 43px; font-size: 12px; border-left: 1px solid #fff; padding-left: 10px}

.mobsearchbox{width: 88%; display: inline-block}
#nav-search{display: inline-block}


/* NAV */
#navbar2{border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc}
.navbar-nav>li>a{padding:  16px 11px 16px 11px; text-transform: uppercase}
.dropdown-menu{top: 120%;}
ul.topsubnav li a {padding: 4px 0 4px 10px;}
.subnavdesc{
	text-align: left;
	height: 325px;
	border-left: 1px solid #ddd;
	padding: 15px 20px 20px 25px;
    line-height: 26px;
}
.subnavdesc p{color: #666666; font-weight: 400; font-size: 15px; margin-bottom: 10px}
.subnavimgcol p{color: #666666; font-weight: 400; font-size: 15px; margin-bottom: 10px}
li.collapsed.open .dropdown-menu  a{border-bottom: none; background: none}

ul.topthirdnav>li>a {
    font-size: 14px;
    font-weight: 400;
    display: block;
    border-bottom: 0 solid #ddd !important;
    padding-bottom: 0;
    padding-left:20px;
}

/* MINI SHOPPING BAG */
.bagsurround{line-height: 1.3}
.basketholder{margin-top: 15px; padding: 5px 10px; background-color: #fff; border: 1px solid #fff; color:#194993 ; font-size: 13px}
.basketiconholder{float: left; font-size: 30px; height: 60px; line-height: 60px; color: #0e72b5} 
.minibasket{float: left; padding-left: 15px; padding-top: 10px} 
.minibasket p{margin: 0}


/* ANIMATED BANNER */
.carousel-inner .carousel-position-four{color: #fff}
.carousel-inner .carousel-position-four h2{margin-bottom: 15px; }
.spotlightline1{font-size: 48px}
.spotlightline2{font-size: 36px; text-shadow: 1px 1px #000; font-weight: 600}
.spotlightline3{font-size: 21px; text-shadow: 1px 1px #000;}
.carousel-inner .carousel-position-four .btn-colour1{padding: 12px 24px}

.suggestionList .autosuggestprice { font-size: 12px; color: #3a3a3a; font-weight: 600; margin-top: 3px; display: block;} 

/* AD BANNERS */
.adbanouter{
	height: 200px;
    width: 100%;
    overflow: hidden;
    transition: all 0.3s;
}
.banlarge{height: 450px}
.bannersmright .adbanouter{height: 130px; }
.bannersmright{margin-bottom: 30px}
.bannersmright:last-child{margin-bottom: 0px}

.adbaninner{
	width: 100%;
    height: 100%;
    transition: all 0.3s;
    background-size: contain;
	background-repeat: no-repeat;
}
.bannersmright, .adbaninner { cursor:pointer}


/* HOMEPAGE NEW AND SALE */
/*.tworowowl li{list-style: none}
.tworowowl {padding: 0 !important}
.tworowowl .owl-stage {padding: 0}
.tworowowl .owl-nav .owl-prev:before, .tworowowl .owl-nav .owl-next:before{
	font-size: 16px;
	top: -6%;
	border: 1px solid #ccc;
	padding: 0 10px;
}
.tworowowl .owl-nav .owl-prev:before{right: 3%; left: unset; }
.tworowowl .owl-nav .owl-next:before{right: 0}*/
.homepagetabs{}
.homepagetabs #myTab li{text-transform: uppercase; font-size: 18px;  position: relative}
.homepagetabs #myTab li:nth-child(1):before {
    content: '';
    position: absolute;
    right: 0;
    height: 60%;
    top: 30%;
    width: 1px;
    background-color: #e5e5e5;
}
/*.homepagetabs #myTab li:first-child{border-right: 1px solid #ccc}*/
.homepagetabs #myTab li a{color: #000; border: none; font-weight: 500; padding: 10px 25px;}
.homepagetabs #myTab li a:hover, .homepagetabs #myTab li a:focus{border: none}
.homepagetabs #myTab li.active{border-bottom: 2px solid #000; }
.homepagetabs #myTab li.active a{font-weight: 600;}
.homepagetabs #myTab li.active:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 7px #000;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
}
.homepagetabs .tab-content{padding: 25px 0}




/* TESTIMONIALS */
.testimonial{font-style: normal}
.testimonialname{font-size: 18px; color: #e34444; margin: 15px 0}
.testimonialtext{ margin: auto; color: #fff}
.testimonial .fa{color: #fff}

.owl-singleitem .owl-nav .owl-next:before, .owl-singleitem .owl-nav .owl-prev:before{height: 40px; width: 40px; line-height: 40px}



/* AWARDS/LOGOS */
.brands{padding: 20px 0; border-top: 1px solid #f1f1f1}

/* HOMEPAGE ABOUT TEXT */
.homesocialicons { margin-top:10px }
.homesocialicons a{color: #fff; font-size: 25px; margin-right: 5px} 
.homesocialicons a:hover {color: #e5e5e5; font-size: 25px; margin-right: 5px} 


/* HOMEPAGE FEAT PRODUCTS */
.featprodssurround h2{
	text-align: left;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 20px;
	width: 93%; 
	border-bottom: 1px solid #ccc; 
	margin: 10px 0 30px; 
	line-height: 0
}
.featprodssurround h2:after{display: none}
.featprodssurround h2 span {background:#fff; padding: 0 20px 0 10px; }

.owl-carousel6-homeprods .owl-nav .owl-prev:before, .owl-carousel6-homeprods .owl-nav .owl-next:before{
	font-size: 16px;
	top: -9%;
	border: 1px solid #ccc;
	padding: 0 10px;
}
.owl-carousel6-homeprods .owl-nav .owl-prev:before{right: 3%; left: unset; }
.owl-carousel6-homeprods .owl-nav .owl-next:before{right: 0}
.homeproductitem.product-item{height: 350px;}
.owl-carousel6-homeprods .product-item{padding: 0 10px}


/* SHOP */
h1.shoptitle{background-color: #fff; color: #333}

.categorybanner{
	background-size: cover;
	background-position: center;
	height: 250px;
	position: relative;
}
.categorybanner h1{
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 30px;
    background-color: transparent;
	color: #fff;
	font-size: 38px; 
	text-shadow: 3px 3px #333;
	padding: 0px;
	display: inline-block
}
.categorybanner p{
	margin-left: 30px; 
	color: #fff;
	font-size: 15px; 
	text-shadow: 1px 1px #000;
	width: 60%;
	font-weight: 400;
}
.categorybox h2 {background: rgba(0,0,0,0.6); font-weight: 500}
.categorybox:hover h2 {background: rgba(0,0,0,0.8);}

/* PRODUCT ITEM */
.product-item .pi-img-wrapper { border: 1px solid #d9d9d9;}
.product-item h3{text-align: center; height: 40px}
.product-item .pricebox{text-align: center}
.product-item .newsticker{background-color: #0e72b5; position:absolute; top:0; left:0}
.product-item .newsticker:after{border-top: solid 5px #0e72b5}
.product-item .salesticker{position:absolute; top:0; right:0}

.product-item .shop-prodimg-holder.frame{height: 300px; width: 100%; margin: 0}

.owl-carousel .owl-item img {
    display: inline-block !important;
}

/* PRODUCT */
.pricebox .bigprice{color: #333333; font-size: 16px}
.pricebox .saleprice{color: #ff0000; font-size: 16px}
.product-page h1{
	text-transform: capitalize;
	width: unset;
	padding-bottom: 0;
	margin-bottom: 15px;
	color: #666666;
	font-weight: 600
}
.product-salesticker {
    font-size: 15px;
    padding: 6px 12px 5px 12px;
    margin-right: 20px;
}
.product-page .pricebox .bigprice, .wishlist-item .bigprice{color: #000; font-size: 22px}
/* .homeproductitem .bigprice { font-size: 18px !important } */
.qtysurround{display: inline-block; border-radius: 0; width: auto;}
.qtyplusminus{padding: 10px}
#qtyminus{border-right: 1px solid #ccc}
#qtyplus{border-left: 1px solid #ccc}
.quantityinp{padding: 0}
.qtytxt{font-weight: 600}
.product-page .bootstrap-select { margin-left: 15px !important; margin-top: 5px ; width: 40% !important}

.homeproductitem .shop-prodimg-holder{height: 250px; width:200px !important; background-size: contain !important; text-align: center; margin: 1em 0; white-space: nowrap;}



.btn-addtobag{
	border-radius: 0px;
	background-color: #4dae3d;
	color: #fff;
	border: 1px solid transparent;
	padding: 10px 16px;
    font-size: 16px;
    text-transform: uppercase;
	font-weight: 600
}
.btn-addtobag:hover{
	background-color: #fff;
	border: 1px solid #4dae3d;
	color: #4dae3d;
}
/* WISHLIST BUTTONS */
.square.addWishlist{
	display: inline-block;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 16px;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 5px;
}	
.addWishlist.added{background-color: #0e72b5; color: #fff}

/* PRODUCT MORE IMAGES */
.product-page .owl-carousel6-prodimages{background-color: #fff}
.product-main-image{border: 1px solid #ccc}
.product-page .owl-carousel6-prodimages .owl-nav .owl-next:before, .product-page .owl-carousel6-prodimages .owl-nav .owl-prev:before{
	border-radius: 0;
	color: #cccccc;
	font-size: 16px;
	font-weight: 400;
	background-color: #fafafa;
	
}

/* PRODUCT TABS */
.product-page-content .customnav-tabs{
	border: 1px solid #ccc;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	display: block;
}
.customnav-tabs::before{display: table; content: " "}
.customnav-tabs::after{clear: both; display: table; content: " "}
.product-page-content .customnav-tabs li{float: left; position: static; display: block; margin-bottom: 0}
.product-page-content .customnav-tabs>li.active>a{background-color: #ccc}
.product-page-content .customnav-tabs li a{
	padding: 15px 20px;
	font-size: 16px;
	text-transform: uppercase;
	border-radius: 0; 
	position: relative; 
	display: block;
	text-decoration: none;
    color: #000;
	border-right: 1px solid #ccc
}
.product-page-content .tab-content{border: 1px solid #ccc; border-top: none; padding: 20px}
.reviewstab{max-height: 300px; overflow: auto; padding: 10px}
.tab-content a{color: #0E72B5}
/* VIDEO WRAPPER */
.frame {
    height: 300px;      /* equals max image height */
    width: 300px;
    white-space: nowrap;
    text-align: center;
    margin: 1em 0;
}

img.prod_image { max-width: 250px; max-height:300px; vertical-align: middle; }
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/* DELIVERY CONTENT */
.tab-content .deliverymethods, .content-page .deliverymethods{}
.tab-content .deliverymethods li, .content-page .deliverymethods li{font-weight: 500}
.tab-content .deliverymethods p, .content-page .deliverymethods p{font-weight: 400}
.tab-content .deliverymethods .deliverycost, .content-page .deliverymethods .deliverycost{font-size: 16px; font-weight: 600}








/* PRODUCT PAGE BRIEF DESC */
.product-page .productbriefdesc h2{font-size: 16px; text-align: left; color: #666666; margin-bottom: 20px} 
.product-page .productbriefdesc h2:after{display: none} 
.product-page .productbriefdesc ul.fa-ul{
	list-style: none !important;
    padding-left: 0 !important;
    list-style-type: none !important;
} 
.product-page .productbriefdesc ul.fa-ul li{
	list-style: none !important;
    margin-bottom: 10px;
	font-size: 16px;
}
.product-page .productbriefdesc ul.fa-ul .fa-li{
	color: #07AD00;
	font-size: 18px
}
.productbriefdesc .alert-local{font-size: 13px}
.productbriefdesc .alert-local .fal{font-size: 22px;display: inline-block;vertical-align: middle;margin-right: 7px;}

.alert-paypal{background: #d3d7e5; color: #24397c; border-color:#24397c}
.alert-paypal img{display: inline-block; margin-right: 10px; vertical-align: middle}

.alert-klarna{background: #ffb3c7; color: #464646; border-color:#f16086}
.alert-klarna img{display: inline-block; margin-right: 10px; vertical-align: middle}

.product-page-content h3{font-weight: 600; margin-bottom: 20px}
.product-page-content .owl-carousel6-homeprods .owl-nav .owl-prev:before{right: 4%; left: unset; }

/* PRODUCT PAGE IN TAB VIDEO */
.vidcontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* LEFT SPECIALS */
.leftmenu{padding-left: 0}
.specials{height: 450px; overflow-y: auto; border: 1px solid #ccc; padding: 15px}
.specials h3{text-transform: uppercase; margin-bottom: 10px; text-align: left}
.specials h3:after{display: none}

.product-item.mini{height: 120px} 
.product-item.mini .pi-img-wrapper{margin-bottom: 0}
.product-item.mini .shop-prodimg-holder{height: 100px}
.product-item.mini .pricebox{text-align: left; margin-bottom: 10px}
.product-item.mini .pricebox .bigprice{font-size: 14px}
.product-item.mini h4{
	text-align: left;
	font-size: 12px;
	border-bottom: none;
	color: #666666;
	text-transform: unset;
	line-height: 1.2;
	margin-bottom: 0
}
.product-item.mini .addtocartbtn{
	color: #666666;
	font-weight: 600; 
	text-transform: uppercase;
	font-size: 12px;
	border: 1px solid #999;
	padding: 5px;
}
.product-item.mini .addtocartbtn:hover {
	color: #666666;
	font-weight: 600; 
	text-transform: uppercase;
	font-size: 12px;
	border: 1px solid #999;
	padding: 5px;
	background-color: #efefef;

}

.leftmenu .adbanouter{height: 340px}
.leftmenuadbans .adbaninner{background-size: cover}

h2:after {
    content: "";
    display: block;
    background-color: #0E72B5;
    height: 2px;
    width: 200px;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 14px;
}	

/* CHECKOUT */
.panel-default>.panel-active {
    background: #db7230 !important;
	color:#fff
}	

/* FOOTER */
footer{border-top: 0px; padding-top: 0px; color: #fff; font-size: 13px}
footer a{color: #fff; padding-top: 5px !important; padding-bottom: 5px; padding-right: 8px; display: inline-block; }
footer a:hover{color: #cccccc}
.mainfooter{padding: 10px 0}
footer h3{color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500}

.contactrow{clear: both; margin-bottom: 20px}
.contactrow .circle{float: left; margin-right: 15px; font-size: 21px; color: #0e72b5}

footer ul li a{color: #fff}

#newsletteradd .newsemail { width:80%; height: 40px !important; }

.btn-send{margin-top: -1px; background-color: #0E72B5; margin-left: -2px; border: 0 !important; min-height: 41px !important;}

.subfooter{background-color: #fff; color: #666666}
.subfooter a{color: #666}
.subfooter .locations{color: #ccc}

@media only screen and (max-width : 1400px) {
	.navbar-nav>li>a{padding: 16px 8px}
	
	.adbaninner{background-size: cover}
	.top3adbans .adbaninner{background-size: contain}
}

@media only screen and (max-width : 1200px) {
	.businesshours {display: none}
	
	.navbar-nav>li>a{padding: 10px 5px}
	
	.bannersmright .adbanouter{height: 91px}
	.banlarge {height: 360px;}
	.bannersmright{height: 115px}
}

@media only screen and (max-width : 1024px) {
	.businesshours.visible-lg{display: none !important}
	
	.featprodssurround h2{width: 86%;}
	.product-page-content .owl-carousel6-homeprods .owl-nav .owl-prev:before, .owl-carousel6-homeprods .owl-nav .owl-prev:before{right: 7%}
	
	.banlarge { height: 333px;}
	.bannersmright{height: unset}
	
	
	
	#newsletteradd .newsemail{width: 100%}
	.btn-send{width: 100%; margin-left: 0 !important}
}

@media only screen and (max-width : 992px) {
	.topsociallinks a{font-size: 16px}
	
	.header{border-bottom: 2px solid #0E72B5}

}

@media only screen and (max-width : 768px) {
	
	.top3adbans .adbanouter{margin-bottom: 15px; height: 200px}
	
	#newsletteradd .newsemail{width: 80%}
	.btn-send{width: unset; margin-left: -2px !important}
	
	.categorybanner p{width: 80%}
	
	footer h3{margin-top: 20px}
    .vidframe { max-height: 350px !important }
}


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

	.categorybanner p{width: 90%; margin-left: 15px;}
	.categorybanner h1 { margin-top: 15px; margin-left: 15px;

} 



@media only screen and (max-width : 480px) {
	
	.width60{width: 100%}
	
	.mobsearchbox{width: 74%}
	
	.top3adbans .adbanouter{height: 175px}
	
	.featprodssurround h2 { width: 70%;}
    .featprodssurround h2 { font-size: 13px !important; }
	.product-page-content .owl-carousel6-homeprods .owl-nav .owl-prev:before, .owl-carousel6-homeprods .owl-nav .owl-prev:before { right: 12%;}
	
	
	.productbriefdesc .alert-local{font-size: 16px}
	.productbriefdesc .alert-local .fal{font-size: 26px}
	
	.alert-paypal img{display: block}
	
	.product-page-options label{height: unset}
	.product-page .bootstrap-select{width: 100% !important; margin-left: 0px !important}
	.addtobagsurround{margin-top: 15px}
	.product-page-content .customnav-tabs li{float: none; border-bottom: 1px solid #ccc}
	
	.carousel-inner .carousel-position-four {
		width: 96%;
		left: 0%;
		text-align: center;
		margin-top:40px;
	}
	.carousel-inner .carousel-position-four h2 {text-align: center;}
	
	.spotlightline1 {
		font-size: 39px;
		text-align:center !important;
	}
	.spotlightline2 {
		font-size: 28px;
		line-height: 25px;
		text-shadow: 1px 1px #000;
		font-weight: 600;
	}
	
	.banlargeimg{margin-bottom: 15px }
	.bannersmright{margin-bottom: 15px}
	
	.categorybanner h1{margin-top: 20px; margin-bottom: 20px; margin-left: 15px; font-size: 28px}
	.categorybanner p{width: auto; margin-left: 15px; margin-right: 5px; font-size: 12px}

}

}


.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
  -moz-animation: fadeIn ease 5s;
  -o-animation: fadeIn ease 5s;
  -ms-animation: fadeIn ease 5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}