@import url("bootstrap-drawer.css");
body{font-family: 'Poppins', sans-serif; font-size: 14px; background-color: #FFF; font-weight: 500; font-display: swap; /* Define how the browser behaves during download */}
#richSnippetReviewsWidget-defaultContainer_frame { margin-top:0;top: 20% } 
#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 !important; }
.customer-review { padding:60px !important; }
.review-slider { width: 100%; }
.titleline { border-bottom: 1px solid #333; }
.quotation-left { font-size:22px; color:#b9b9b9 !important; display: inline-block; clear: none; margin-right:10px; margin-top:-10px; }
.quotation-right { font-size:22px; color:#b9b9b9 !important; 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; }

ul#itemContainer{list-style:none}

h1, h2, h3, h4, h5, h6{margin:10px 0 10px 0px;color:#111111;}
h1{font-size:24px; margin-bottom:26px; line-height: 36px; text-transform: none !important }
h2{font-size:26px; text-align: center; position: relative; margin-bottom: 30px; font-weight: 600}
h2:after{
    content: "";
    display: block;
    background-color: #d40f34;
    height: 2px;
    width: 200px;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 14px ;
}
h2.panel-title{text-align: left}
h2.panel-title:after{display: none}

.fab, .far {
    /*font-size: 18px;*/
}
.topstrip .fa-facebook:hover { color: #3b5998}
.topstrip .fa-twitter:hover { color: #00acee }
.topstrip .fa-instagram:hover { color: #833AB4 }
.topstrip .fa-youtube:hover { color: #FF0000 }

h3{font-size:19px;}
h4 { font-size: 16px; text-align: center; text-transform: uppercase; font-weight: 600; border-bottom: 3px solid #0e72b5; padding-bottom: 5px;}
.modal h4{border-bottom: none; text-align: left; text-transform: capitalize}
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: #000000;}
a:hover { color: #000000; text-decoration: none;}

ul:not(.nav) li{margin-bottom: 12px}

a.faqlink { font-weight: 600; font-size: 16px;}
a.faqlink .faqq { color: #DA712F; 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;}
.padbot10 { padding-bottom: 10px;}
.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}
.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}
.marginauto{margin: auto}
.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%;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; }
.header .fa-phone { font-size: 11px; margin-right: 3px; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.topstrip{background-color:#0e72b5;padding:0px;overflow:hidden;color:#FFF;font-size:13px; font-weight: 400;}
.topstrip a{padding: 0 8px; color:#FFF;font-size:12px;font-weight:400;}

ul.topbarlinks { list-style: none; margin-bottom: 0 }
ul.topbarlinks li { list-style: none; display: inline-block; padding: 11px 15px; border-left:1px solid #fff; margin-bottom: 0  }
ul.topbarlinks li a { display: block}
ul.topbarlinks li i { margin-right: 6px;}

.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: #0e72b5; 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; }*/

/*
.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 */
.menuspacer { clear: both; height: 30px;}
#navbar { }
.navbar-collapse { padding-right: 0; padding-left: 0 }
.nav>li { position: static}
.navbar-nav>li>a { color: #3a3a3a; font-size: 13px; font-weight: 600; padding: 5px 11px 5px 11px; transition: all 0.5s ease; border-bottom: 2px solid #FFF }
/*.navbar-nav>li:last-child a {padding-right: 0px }*/
/*.nav>li>a:focus, .nav>li>a:hover, .nav>li.collapsed.open { background: #FFF; border-bottom: 2px solid #0e72b5}*/
.nav>li>a:focus, .nav>li>a:hover{ background: #FFF; border-bottom: 2px solid #0e72b5}
li.collapsed.open a { background: #FFF; border-bottom: 2px solid #0e72b5}


.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: transparent;}

/* sub nav */
.subnavpad { padding: 10px;}
.dropdown-menu { background: rgba(255,255,255,1); width: 100%; top: 140%;}
.dropdown-menu .line { width: 140px; height: 1px; margin: 0; margin-bottom: 15px;}
.topsubnav { list-style: none; padding: 0; margin: 0; }
ul.topsubnav li a {padding: 12px 10px; border-bottom: 1px solid #ddd !important; background-color: transparent !important; color: #666666; font-size: 16px; font-weight: 500; 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;}
.subnavimgcol img{border-radius: 5px}

li.sale { background: #ce0000; }
li.sale:hover { background: #ce0000 !important; }
li.sale a { color: #FFF; }

li.sale>a:focus, li.sale>a:hover { background: #ce0000 !important; color: #FFF; }
.drawer-nav li.sale, .drawer-fullnav li.sale { padding-top: 8px; padding-left: 10px;}

/* third level nav */
/*.thirdlevelnav { display: none;}*/
.subnavcol:nth-child(2) .thirdlevelnav{max-height: 240px; overflow: hidden}
.navviewmore, .navviewless{font-size: 13px; font-weight: 600; margin-top: 12px; margin-left: 12px; cursor: pointer}
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}
/* nav - burger icon */
.burgerholder { width: 50px; float: left;  padding-top: 4px;}
.navbar-toggle .icon-bar { width: 32px; height: 5px; background-color: #000000; float: right; }




.shoptopstrip{background-color: #ffdbe8; padding: 30px 0}
.shoptopstrip h1, .shoptopstrip h2{font-weight: 700; margin-bottom: 20px; font-size: 30px}
.shoptopstrip h2:after{display: none}
.shoptopstrip p{width: 80%; margin: auto}


.carousel-inner{position: relative}
.carousel-inner .item{min-height:600px !important;}
.carousel-inner .carousel-position-four {padding:30px; width:60%; position: absolute; left: 0%; top:25%; color:#000;}
.carousel-inner .carousel-position-four h2 { font-family:'Open Sans', sans-serif !important; font-size:40px !important;  color:#fff; text-align: left; text-shadow: 1px 1px #000 }
.carousel-inner .carousel-position-four h2:before, .carousel-inner .carousel-position-four h2:after {display: none }
.carousel-inner .carousel-position-four .btn-colour1{margin-top: 20px;}
.carousel-inner .carousel-position-four .pink{color:#0e72b5}
.carousel-inner .carousel-subtitle-v2 { font-family:'Open Sans', sans-serif !important;  font-size:18px !important; }
.carousel-inner .carousel-position-four{}
.carousel-inner .btn-red{margin-top: 20px}

.carousel-indicators li{border-radius: 50%; height: 10px; width: 10px; background-color: #B0B0B0}
.carousel-indicators .active{background-color: #515151; border: none}

.spotlightline1 {font-size: 45px; font-weight: 700}
.spotlightline2 {font-size: 18px; font-weight: 500; line-height: 1.4}
.spotlightline3 {font-size: 10px}


.carousel-control.left,.carousel-control.right { background:none !important; }


.topsearchsurround { padding: 5px 0; border: 1px solid #e1e1e1; border-radius: 10px; }
.topsearchsurround button {font-size: 20px; margin-top: 2px;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}




.predsearchholder { position:absolute; top:40px; left: 0; width: 109%; z-index:99 }
.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:7px 10px 7px 10px;cursor:pointer;color:#3a3a3a;font-size:13px;}
.suggestionList ul li:hover{background-color:#F3F3F3;color:#666;}
.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:50px !important;max-height:50px !important;padding:2px;margin:auto;}
.imagebox{height:50px;width:50px;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;}
 

.breadcrumb { padding: 0; margin-bottom: 20px;  background: none; color: #5f6d7b;}
.breadcrumb a{font-weight: 500}
.breadcrumb>li+li:before{color: #9C9C9C}
.breadcrumb>.active{color: #DA712F; 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: 80px 0  }
.keypointimg{float: left; height: 75px; margin-right: 28px}
.keypoints .kp_holder { padding-left:60px; }
.keypoints .kp_title { font-weight: 600; margin-bottom: 5px;}
.keypoints .kp_desc { font-size:13px;}


.categorybox { background-color:#FFFFFF; height:300px; }
.categorybox a:hover { text-decoration: none; }
.categorybox h2 { 
	font-size: 20px; 
	background: rgba(255,76,141,0.3);
	padding: 15px 0;
	color: #FFF;
	text-shadow: 1px 1px 1px #888;
	transition: background 0.5s ease;
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
}
.categorybox h2:after{display: none}
.categorybox:hover { cursor: pointer}
.categorybox:hover h2 { background: rgba(255,76,141,1); }




.product-item{background-color: #FFF;height:420px;position:relative; margin-bottom: 10px; }
.product-item:hover{box-shadow:none !important;}
.pi-img-wrapper { position: relative;margin-bottom: 20px;overflow: hidden; }

.shop-prodimg-holder { height: 340px;  overflow: hidden; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important}
.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:#0e72b5 !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:#0e72b5; cursor: pointer}
.product-item .actions.alfrescoproductbox .circle:hover { background-color:#706e6f; 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{max-height:180px;margin:auto}
.product-item .buttons .btn:hover{background:#0c1d36 !important}



/*.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{color: #fff; font-size: 12px; padding: 5px 10px; font-weight: 600; z-index: 9; margin: 10px; display: inline-block; position: relative; border-radius: 2px}
.product-item .newsticker:after, .product-item .salesticker: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 h3 { font-size: 13px; font-weight: 600; color: #0d0d0d; text-align: left; height: 50px; line-height: 1.4 }
.product-item h3 a { font-size: 13px; color: #0d0d0d;transition: all 0.5s ease; }
.product-item h3 a:hover { color: #0e72b5; text-decoration: none}

.pricebox .bigprice { font-size: 14px; color: #ff005c; font-weight: 700; margin-bottom: 0;  }
.product-page .pricebox .bigprice, .wishlist-item .bigprice { font-size: 21px; color: #ff005c; font-weight: 700; margin-bottom: 0;  }
.owl-carousel6-relatedprods .pricebox .bigprice{font-size: 14px}
.pricebox .saleprice { font-size: 14px; color: #de1339; font-weight: 700; margin-bottom: 0 }
.pricebox .smallprice { font-size: 12px;}
.pricebox .wasprice { font-size: 14px; color: #888888; font-weight: 700; margin-bottom: 0 !important; text-decoration: line-through; padding: 0 10px 0 10px;}


.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: 500; color: #111111; font-size: 24px; line-height: 1.4;width: 92%}
.product-page .tab-pane { font-size: 14px}

.product-page .tab-pane ul { margin-bottom: 20px;}
.tab-pane ul {
	list-style: none;
	padding-left: 40px;
}
.tab-pane ul li{font-weight: 600}
.tab-pane ul li::before {
  content: "\2022";
  color: #0e72b5;
  font-weight: bolder; 
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.product-page .pricebox .wasprice {padding: 0 0 10px}
.product-main-image img { width: 100%;}
.product-page .owl-carousel6-prodimages{background-color: #ffe5ee}
.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: 85%; margin: auto; margin-top: 20px; background-color: #fff}
.product-page .owl-carousel6-prodimages .owl-nav .owl-next:before{right: 1%}
.product-page .owl-carousel6-prodimages .owl-nav .owl-prev:before{left: 1%}
.product-page .owl-carousel6-prodimages .owl-nav .owl-next:before, .product-page .owl-carousel6-prodimages .owl-nav .owl-prev:before{color: #111; font-size: 30px; line-height: 35px; background-color: #fff; border-radius: 50%; height: 35px; width: 35px; top: 32%}
.product-other-images { text-align: left;}
.product-other-images .thumb { overflow: hidden; float: left; height: 100px; width: 100%; text-align: center}
.product-other-images .thumb img{max-height: 100px; padding: 6px }
.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;
}*/

/*.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:#0e72b5 !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:#0e72b5; cursor: pointer}
.topright .circle:hover .fas { color: #FFF;}



.qtysurround{border: 1px solid #ccc; border-radius: 25px; width: 85%}
.quantityinp{border: none; padding: 12px; font-size: 18px; background-color: transparent; display: inline-block; 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: 10px 15px; cursor: pointer}
.addtobagicon{display: inline-block; height: 48px; width: 48px; border-radius: 50%; background-color: #0e72b5; 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: #ffdbe8;
	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, #0e72b5 50%, #ffdbe8 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{border: none}*/
.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; color: #000; font-weight: 700;}
.product-page-content .tab-content { border-top: 2px solid #ebebeb; padding: 20px 0; 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-bottom: 4px solid #0e72b5 !important; border-radius: 0}


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


/*  PAGE CONTENT */
.content-page {background: #fff;; position: relative;/* margin-right: 0 !important*/;}
.content-page h1{margin: 20px 0 10px; color: #0e72b5 ; font-weight: 600; font-size: 32px}
.content-page h2{margin: 20px 0 10px; color: #0D0D0D; font-weight: 500; text-align: left; font-size: 28px}
.content-page .text-center h2{ text-align: center;}
.content-page h2:after{display: none}
.content-page a{font-weight: 600}
.content-page a:hover{font-weight: 600; color: #4A4A4A}
.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: #DA712F}
.contactboxes .sociallinks i{margin-right: 5px}
.contactboxes .sociallinks a:last-child i{margin-right: 0px}

.contactboxes .sociallinks .fab {color: #DA712F}
/*.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}*/

.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: 700; font-size:15px }
.basketlineitem .basketlinename { font-size: 15px; font-weight: 600; }
.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:12px; margin-left: 10px; border-color: #d43f3a; color: #d43f3a; background-color: #fff; font-weight:500; padding:8px 10px 7px 10px}
.basketlineitem .basketremovebtn:hover { font-size:12px; border-color: #d43f3a; color: #fff !important; background-color: #d43f3a !important; font-weight:500}
.btncheckout { padding: 10px 10px 10px 10px; border: #449D44 }

h2.baskettotals{font-size:19px; font-weight: 600; margin-bottom: 15px;}
h2.havepromo{font-size:14px; 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-weight: 600; font-size: 15px}
.totalboxvalue { background-color: #f6f6f6; font-weight:600}
.totalboxdiscount { color: #900;}
.totalboxtotal { font-size: 18px;}


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


 
.footersurround{}
footer{padding-top: 50px; color: #666666; border-top:5px solid #ffe5ee}
footer .circle{background-color: #fff; width: 45px; height: 45px; border: 1px solid #ccc; border-radius: 50%; display: inline-block; color: #0e72b5; text-align: center; line-height: 45px; font-size: 22px}

footer .circle:hover{color: #fff; background-color: #0e72b5}
footer .circle.alfrescocircle:hover{color: #fff; background-color: #706e6f}
footer .circle.alfrescocircle:hover .fas,footer .circle.alfrescocircle:hover .far {color: #fff !important;}

.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: 20px 0}
footer h3{font-weight: 600; color: #111111; margin-bottom: 30px}
footer p{color: #111111; line-height: 1.8; font-size: 14px; font-weight: 500; margin-bottom: 15px}
footer ul li{margin-bottom: 8px; color: #666666; line-height: 1.3; font-size: 14px}
footer ul li a{color: #666666; }

.subfooter{background-color: #252525; padding: 15px 0; font-size: 13px; color: #fff} 
.subfooter p{margin: 0} 
.subfooter a{color: #fff} 


.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: #ffe5ee; padding: 50px 0; text-align: center}
.cta h3{color: #0e72b5; font-size: 28px; margin-bottom: 30px}


.btn-colour1{background-color: #0e72b5; 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: #0e72b5 !important; border: 1px solid #0e72b5}
.btn.wide { padding: 12px 80px;}

.btn-white{background-color: #fff; color: #0e72b5;  text-transform: uppercase; padding: 12px 24px; font-weight: 600; font-size: 14px; border: 1px solid #0e72b5; border-radius: 0}
.btn-white:hover{background-color: #0e72b5; color: #fff; border: 1px solid #0e72b5}


/* PAGER */
.pager{margin: 10px 0}
.pagerblock {
	display: inline-block;
    width: 30px!important;
    height: 30px!important;
    line-height: 30px;
    float: left;
    background-color: #fefefe;
    border: 1px solid #ddd;
    margin-right: 2px;
    text-align: center;
}
.pagelink {
	color: #333;
    text-decoration: none;
    display: block;
}
.pager-current {font-weight: 500; color: #110460; font-size: 13px; font-weight:600}
.pagerlink{padding: 2px; font-size: 13px; color: #888; font-weight:600 }

/* 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
}
.custinfoboxes{
	padding: 20px;
	background-color: #fafafa;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	min-height: 290px;
}
.custinfoboxes p{font-size: 14px}
.custinfoboxes h3{margin: 0px 0 15px}
.custinfoboxes .table tr:first-child th{border-top: none} 
.custinfoboxes.mini{min-height: 250px}

.modal .modal-header {
    background-color: #fafafa;
    border-radius: 10px 10px 0 0 !important;
}
#editProfileModal .control-label{font-weight: 500; margin-bottom: 0px}
#editProfileModal .form-group:after{clear: both; display: table; content: " "}
#editProfileModal .form-group{margin-bottom: 10px}


.admineditlink{position: fixed; bottom: 10px; left: 10px; background-color: #9ECC3B; height: 50px; width: 50px; border-radius: 50%; line-height: 50px; color: #fff; text-align: center; font-size: 21px}

.emptyWL { border:1px solid #eee; padding:30px; margin: auto; text-align: center}
.fa-heart.emptywishlist { font-size: 50px; margin-bottom: 30px; }
.fa-heart.remove { font-size: 30px;}
.fa-heart.remove:hover { cursor: pointer}
.wishlist-item { border:1px solid #eee; padding: 30px; margin-bottom: 30px; position: relative}
.wishlist-item h3 { font-size: 20px; line-height: 1.3; padding-right:30px; margin-bottom: 50px;}
.wishlist-item img { margin-bottom: 15px;}

span.disabled { color: #999;}

.checkout-block { padding: 30px; border: 1px solid #eee;}

.emptyBag { border:1px solid #eee; padding:30px; margin: auto; text-align: center}
.emptyBag .fas { font-size: 50px; margin-bottom: 30px; }

.footcards { width: 300px; display: inline; }
    #thawteseal { margin: auto; text-align: center; margin: 20px 0; width: 100%; clear: both}
    .mobfootspacer { clear: both; height: 15px; }
    .footcards { width: 100%; text-align: center; display: inline-block}
    .footcards img { margin: 0; }
    .foottxtcenter { text-align: center; }
@media (max-width: 1400px) {
	.navbar-nav>li>a{padding: 0 8px 5px 8px}
	
	.qtyplusminus{padding: 10px 13px}
	.quantityinp{padding: 12px 0}
}

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



@media (min-width: 1200px) {
	.customspacer{width: 23%; float: left; position: relative; min-height: 1px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .navbar-nav>li>a{padding: 0 5px 5px 5px; font-size: 11.5px}
	
	.carousel-inner .carousel-position-four{width: 50%}
	
	.newsemail{width: 175px}
	.btn-send{margin-left: -12px}
	
	.qtyplusminus {padding: 10px 7px;}
	
	.topstrip .toplinks a{padding: 0 2px; font-size: 12px }
}

/* 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: #0e72b5; 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; }
	
	
	.qtyplusminus{padding: 10px 15px}
	.quantityinp{padding: 12px 20px}
}

@media (min-width: 992px){
	.modal-dialog {width: 992px;}
}

@media (max-width: 992px){
	.topstrip .toplinks a {padding: 0 1px;}
	
		
	.newsemail{width: 100%}
	.btn-send{width: 100%; margin-left: 0}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    

    
	.hidemob{display:none !important;}
	
	.carousel-inner .carousel-position-four{width: 80%; left: 10%}
	
	
	.quantityinp{padding: 12px 0}
	.qtysurround{width: 70%}
	
	.product-page h1{width: 100%; margin-top: 20px}
    
    .loginbox{ width: 90%;}
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    

    
	.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: 0 2px; font-size: 12px}
	.topsociallinks a{font-size: 14px;}
	
	.spotlightline1{font-size: 38px}
	.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.wide { padding: 12px 40px;}
	
	.product-page h1{font-size: 20px; margin-top: 25px}
	.qtysurround{width: 100%}
	.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: 10px}
	.newsemail{width: 200px}
	.btn-send{width: auto;}
}

/* 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.wide { padding: 12px 22px;}
}


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