@import url("bootstrap-drawer.css");
body{font-family: 'Spartan', sans-serif; font-size: 14px; background-color: #FFF; font-weight: 500}

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

.contactformfield { display: none; }

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: 30px; font-weight: 500; line-height: 40px}
h1:after, h2:after{
    content: "";
    display: block;
    background-color: #25408f;
    height: 2px;
    width: 140px;
    margin: 0 auto;
    margin-top: 14px;
    margin-bottom: 14px ;
}
.shoptopstrip h1, .shoptopstrip h2 { text-shadow: 1px 1px 1px #000}
.shoptopstrip h1:after { display: none}
.followpage h1:after { margin: 10px 0}
.product-page h1:after, .gallery h1:after { margin: 10px 0}
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 #25408f; 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: 8px}

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


.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: #25408f; 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: 19px;}
#navbar { }
.navbar-collapse { padding-right: 0; padding-left: 0 }



.navbar { min-height:auto; margin-bottom: 0; border: 0 !important }
.header-navigation ul {margin: 0;padding: 0;list-style: none;}
.header-navigation > ul > li { float: left; color: #3a3a3a;}
.header-navigation > ul > li > a{
	font-size: 13px;
	font-weight: 700;
	padding: 10px 16px 10px 16px;
	transition: all 0.5s ease;
	color:#fff;
	cursor: pointer; 
	display: block;
}
.header-navigation > ul > li:hover a{color: #fff; background-color: transparent}
.header-navigation > ul > li:hover{background-color: #2d8acf; color: #fff;}
.header-navigation > ul > li:hover > .dropdown-menu { display: block;}


.navbar-nav>li>.dropdown-menu{border-radius: 0}
.header-navigation .dropdown-menu{
	min-width: 250px; 
	left: auto;
	top: 100%;
	margin-top:0;
	background-color:#25408f;
	border-radius: 0px
}
.header-navigation .dropdown-menu li > a{
    padding: 9px 18px;
	color:#FFF;
	margin-bottom: 0;
	font-size: 13px;
    font-weight: 500;
	border-bottom: 1px solid #5fa3d6;
}
.header-navigation .dropdown-menu li { margin-bottom: 0; } 
.header-navigation .dropdown-menu li > a:hover { background-color:#2d8acf; 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: #25408f; left: 100%}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background: #337ab7; color: #fff}




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: #2d8acf;
	padding: 30px 0;
	color: #FFF;
	height: 330px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 1px solid #FFF;
}
.shoptopstrip h1, .shoptopstrip h2{font-weight: 600; margin-bottom: 20px; font-size: 48px;color: #FFF; margin-top: 90px; text-shadow: 2px 2px 3px #000000; }
.shoptopstrip.producttopstrip h1, .shoptopstrip.producttopstrip h2{margin-top: 10px }
.shoptopstrip h2:after{display: none}
.shoptopstrip p{width: 80%; margin: auto; color: #FFF; text-shadow: 1px 1px 1px #000;}
.shoptopstrip a {width: 80%; margin: auto; color: #FFF; text-shadow: 1px 1px 1px #000;}
.shoptopstrip li {text-shadow: 1px 1px 1px #000;}

.catdesc{text-align: center}

#Carousel { border-bottom: 3px solid #2d8acf; margin-bottom: 30px;}
.carousel-inner{position: relative}
.carousel-inner .item{min-height:600px !important;}
.carousel-inner .carousel-position-four {padding:30px; width:50%; position: absolute; left: 0%; top:25%; color:#FFF; background-color: rgba(0,0,0,0.4)}
.carousel-inner .carousel-position-four h2 { font-weight: normal; /*font-family:'Open Sans', sans-serif !important;*/ font-size:40px !important;  color:#FFF; text-align: left; line-height: 1.3 }
.carousel-inner .carousel-position-four h2:before, .carousel-inner .carousel-position-four h2:after {display: none }
.carousel-inner .carousel-position-four .btn-custom{margin-top: 20px; border-radius: 0}
.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: 15px; letter-spacing: 4px; text-shadow: 1px 1px 1px #000}
.spotlightline2 {font-size: 45px;  text-shadow: 1px 1px 1px #000; font-weight: 400; margin-bottom: 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:10px;cursor:pointer;color:#3a3a3a;font-size:13px;}
.suggestionList ul li:hover{background-color:#be2179;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;}
 

.breadcrumb { padding: 0; margin-bottom: 0;  background: none; color: #5f6d7b;}
.breadcrumb a{font-weight: 500}
.breadcrumb>li+li:before{color: #FFF}
.breadcrumb>.active{color: #FFF; 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: 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:360px; /*padding-top: 30px; */ }
.categorybox a:hover { text-decoration: none; }
.categorybox h3 { position: absolute; bottom: 0; left: 15px; right:15px; font-size: 20px; background: rgba(45,138,207,0.7);  padding: 15px; color: #FFF; text-shadow: 1px 1px 1px #888; transition: background 0.5s ease; text-align: center; margin-bottom: 0}
.categorybox:hover { cursor: pointer}
.categorybox:hover h3 { background: rgba(45,138,207,1); }



.product-item{background-color: #FFF;height:430px;position:relative; margin-bottom: 30px; }
.product-item:hover{box-shadow:none !important;}
.pi-img-wrapper { position: relative;margin-bottom: 20px;overflow: hidden; border: 1px solid #ccc }

.shop-prodimg-holder { height: 340px;  overflow: hidden; background-repeat: no-repeat !important; background-size: contain !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:#25408f !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:#25408f; 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 0px 10px 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: 40px; line-height: 1.4 }
.product-item h3 a { font-size: 13px; color: #0d0d0d;transition: all 0.5s ease; }
.product-item h3 a:hover { color: #25408f; 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: 0; 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: #25408f;
  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: transparent}
.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{height: 100px }
.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:#25408f !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:#25408f; 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: #25408f; 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: #2d8acf;
	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, #25408f 50%, #2d8acf 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 #25408f !important; border-radius: 0}
.speccolumn{max-height: 300px; overflow: auto}

.enquirebox{text-align: center; background-color: #67C1F1; color: #fff; padding: 20px 0} 
.enquiryform{padding: 20px; background-color: #fafafa; border: 1px solid #ccc}
.enquiryform input{margin-bottom: 5px; height: 40px}


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

.description td { padding:10px; }

.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: #25408f ; 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: #25408f}*/
.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}*/

.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;}
h3.havepromo{font-size:14px; font-weight: 600; margin-bottom: 10px; text-align: center}

.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; background: #3a3a3a; background-image: url(/images/custom/footer-bgrd-logo.png); background-position: 80% center;  background-repeat: no-repeat; color: #fafafa;}
.sociallinks .circle{background-color: #fff; width: 45px; height: 45px; border: 1px solid #ccc; border-radius: 50%; display: inline-block; color: #25408f; text-align: center; line-height: 45px; font-size: 22px}
.sociallinks .circle:hover{color: #fff; background-color: #25408f}

.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: #53c1ee; color: #fff; border: 1px solid #53c1ee; border-radius: 0px; padding: 9px 16px; margin-left: -6px; margin-top: 1px}
.btn-send:hover{background-color: #fff; color: #53c1ee; border: 1px solid #53c1ee}

.mainfooter{padding: 20px 0}
footer h3{font-weight: 600; color: #fff; margin-bottom: 30px}
footer p{color: #fff; line-height: 1.8; font-size: 14px; font-weight: 500; margin-bottom: 15px}
footer ul li{margin-bottom: 8px; color: #fff; line-height: 1.3; font-size: 14px}
footer a{color: #fff; }
footer a:hover {color: #eee; }
footer ul li a{color: #fff; }

.subfooter{background-color: #25408f; border-top:1px solid #fff; 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: #2d8acf; padding: 50px 0; text-align: center; margin-bottom: 50px;}
.cta h3{color: #FFF; font-size: 28px; margin-bottom: 30px}
.cta h3.topline {font-size: 20px; letter-spacing: 3px;}
.cta h3.contact {font-size: 38px; letter-spacing: 6px; margin-bottom: 0}
.cta.footer-cta{margin-bottom: 0px}
.footer-cta{color: #fff}

.btn-custom{background-color: #25408f; color: #fff !important;  text-transform: uppercase; padding: 12px 24px 8px 24px; font-weight: 600; font-size: 14px; border: 1px solid transparent}
.btn-custom:hover{background-color: #fff; color: #25408f !important; border: 1px solid #25408f}
.btn-custom.wide { padding: 12px 80px;}

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


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

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

span.disabled { color: #999;}

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

.galleryimage {height: 200px;position: relative;text-align: center;cursor: pointer;   background-position: center;background-size: cover;   overflow: hidden;  -webkit-transition: all 0.3s ease-in-out;}
.galholder2 {width: 100%; height: 200px;overflow: hidden;    border: 1px solid #ddd;}
.galholder { overflow: hidden; height: 324px; background: #000 }
.galholder:hover{cursor: pointer}
.galholder .galleryintro { height: 324px;background-repeat:no-repeat; background-position: center center; margin-bottom: 15px; overflow: hidden; background-size: cover;  transition: all .57s ease-in-out; background-color: #000;    border: 1px solid #ddd;}
.galholder h3 { color: #ffffff; font-weight: 500; font-size: 24px; margin-top: 10px; text-align: center}
.galholder a:hover { text-decoration: none !important}
.galholder .galtitle { background-color: rgba(0,0,0,0.8); position: absolute; top: 39%; left: 16%; width: 70%; color: #fff; font-size: 14px; padding: 10px; text-align: center}
.galholder .galleryintro:hover { box-shadow: inset 0 0 0 25px #25408f;}


@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 10px 5px 10px; font-size: 11.5px}
	
	.carousel-inner .carousel-position-four{width: 70%}
	.spotlightline2 {font-size: 36px;}
	
	.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: #25408f; 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}
	
	.shop-prodimg-holder {     background-size: contain !important;}
	
}

@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}
	
	footer h3 { margin-bottom: 15px;}
	
}

/* 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: 13px; letter-spacing: 1px;}
	.spotlightline2 {font-size: 28px; }
	
	.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}
	.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-pink.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;}