@import url("bootstrap-drawer.css");
a:focus,
a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
body{font-family: 'Montserrat', sans-serif; font-size: 14px; background-color: #fff; line-height: 1.4}

p{font-size: 16px; margin-bottom: 0px}

.is-last-word {display: block;}

/* GENERAL */

h1, h2, h3, h4, h5, h6 {

    margin: 0 0 10px;

    color: #000;

	font-weight: 400

}

h2{font-size: 38px; font-weight: 400; text-transform: uppercase}



h3 {

    font-size: 24px;

}
.owl-carousel-marine-ultra .owl-nav{margin-top:0px;}

.nopad{padding:0px!important}
.owl-carousel-marine-ultra .owl-dots {
    display: none !important;
}

.owl-carousel-marine-ultra .owl-nav {
    margin-top: 0; height:0px;
}

.owl-carousel-marine-ultra .owl-prev:before,
.owl-carousel-marine-ultra .owl-next:before {
    position: absolute;
    top: 50%!important;
    transform: translateY(-50%);
    font-size: 48px !important;
    line-height: 1;
    width: 50px;
    height: 50px;
    z-index: 10;
	color:#fff!important;
}

.owl-carousel-marine-ultra .owl-prev:before {
    left: -10px;
}

.owl-carousel-marine-ultra.owl-next:before {
    right: -10px;
}

.owl-carousel-marine-ultra .owl-stage-outer,
.owl-carousel-marine-ultra .owl-stage,
.owl-carousel-marine-ultra .owl-item {
    margin-bottom: 0;
    padding-bottom: 0;
}
.reveal{ position: relative; transform: translateX(-150px); opacity: 0; transition: 1s all ease;}

.reveal.active{ transform: translateX(0);opacity: 1;}

.scrolluparrow { width: 40px; height: 40px; }

/* BLOCK RELATED */

.greybg{background-color: #28282a; color: #fff !important}

.greybg h2, .greybg h3{color: #fff !important}

.whitebg{background-color: #fff}

.blackbg{background-color: #333; color: #fff}

.blackbg h2{color: #fff}

.blackbg h3{color: #fff}

.blackbg a{color: #fff}

.bluebg{background-color: #194993; color: #fff}

.bluebg h3{color: #fff}

.bluebg a{color: #fff}

.bluebg a:hover{color:#BFBFBF;}

.lggreybg{background-color: #eaeaea}

.padtop10{padding-top: 10px}

.paddingtb30{padding: 30px 0} 

.paddingtb50{padding: 50px 0} 

.paddingtb100{padding: 50px 0}

.pad20 {padding:20px;}

.marbot15 { margin-bottom: 15px !important; }

p a{font-weight: 600; color: #0690eb; text-decoration: none}

p a:hover{color: #333; text-decoration: none}

/* BUTTONS */

.btn-trans{background-color: transparent; padding: 6px 15px; border: 1px solid #fff; color: #fff; font-weight: 500; border-radius: 0px; font-size: 18px}

.btn-trans:hover{background-color: #fff;  border: 1px solid #fff; color: #194993}

.btn-blue{background-color: #194993; padding: 6px 15px; border: 1px solid #fff; color: #fff; font-weight: 500; border-radius: 0px; font-size: 18px}

.btn-blue:hover{background-color: #fff;  border: 1px solid #194993; color: #194993}

.headsearch .btn-blue{padding: 4px 15px}

.headsearch{display: inline-block}

.btn-logout{background-color: #FE0000; padding: 6px 15px; border: 1px solid #fff; color: #fff; font-weight: 500; border-radius: 0px; font-size: 18px}

.btn-logout:hover{background-color: #fff;  border: 1px solid #FE0000; color: #FE0000}

.headsearch .btn-logout{padding: 4px 15px}

.btn-grey{background-color: #eee; padding: 6px 15px; border: 1px solid #eee; color: #393939; font-weight: 700; border-radius: 0px; font-size: 16px}

.btn-grey:hover{background-color: #0590EB;  border: 1px solid #0590EB; color: #fff}

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

.btn-custom-sm:hover {  background-color: #fff; border: 1px solid #194993;  color: #194993;}

.topstrip a.clearance { background-color: #db1111; color: #FFF; padding: 10px 12px; font-weight: 600 !important; }

.topstrip a.clearance:hover { color: #FFF; text-decoration: none}

.topstrip a.shop { background-color: #194993; color: #FFF; padding: 10px 12px; font-weight: 600 !important; }

.topstrip a.shop:hover { color: #FFF; text-decoration: none}

ul li{margin-bottom: 5px}

/* TOP STRIP */

.topstrip {

    background-color: #252525 !important;

	/*border-top: 5px solid #000;*/

	border-bottom: none

}

.topstrip a {

    font-size: 13px;

    font-weight: 400;

}

.header {

    margin-bottom: 0px;

    background: #fff;

}

/* NAV BAR */

.navbar-nav>li>a {

 	color: #000;

    font-size: 13px;

    font-weight: 400;

    padding: 10px 12px;

	transition: all 0.5s ease;

}

.navbar-nav>li>a.bold { font-weight: 600;}

.navbar-nav {

    float: right;

}

.nav>li>a:focus, .nav>li>a:hover, .nav>li.collapsed.open {

    background: #194993;

    color: #FFF; 

	position: relative

}

.navbar-nav>li>.dropdown-menu{

	width: 400px;

	border-top: none;

}

.topsubnav>li:hover>a {

    background: #194993;

    color: #fff;

    text-decoration: none;

}

.topsubnav>li>a {

    padding: 8px;

    border-bottom: 1px solid #ddd;

    color: #666666;

    font-size: 14px;

    font-weight: 400;

    display: block;

}

/* SEARCH */

.topsearchsurround{

	background-color: #fff;

    padding:  2px 0;

    border: 2px solid #dddddd;

	border-radius: 13px;

	margin: auto;

	width: 350px;

	margin-top: 0;

}

.topsearchsurround button{border-left: none; background-color: transparent; font-size: 16px; margin-top: 0; color: #888}

.topsearchbox {

    background-color: #fff;

    padding: 3px 0;

    border: 0;

    color: #8a8a8a !important;

	box-shadow: none

}

.topsearchbox::placeholder { color: #777 !important; font-size: 13px !important}

.topsearchbox:focus{border: none; box-shadow: none}

.basketholder{margin-top: 5px; padding: 5px 10px; background-color: #fff; border: 1px solid #fff; color:#194993 ; font-size: 13px}

.basketiconholder{float: left; font-size: 30px}

.minibasket{float: left; padding-left: 15px}

.basketpreviewmini{

	position: absolute;

	top: 50px;

	right: 0;

	float: right;

	width: 300px;

	z-index: 9999;

	display: none

}

.basketminiouter{

	border-radius:4px !important;

	box-shadow: 0px 0px 5px #555;

	background-color: #fff;

}

.basketitemsurround{

	padding: 10px;

}

.basketitemsurround a:hover{

	text-decoration: none

}

.basketitemsurround p{	font-size: 12px}

.logo{padding-top: 10px}

/* HEADER STRAPLINE */

.headerstrap{min-height: 80px; background-color: #194993; color: #fff; text-align: center; padding: 12px 0px; font-size: 13px }

.headerstrap h2, .headerstrap h1{font-size: 36px; color: #fff; text-transform: uppercase; font-weight: 400; margin-bottom: 10px; margin-top: 6px;}

.headerstrap p{font-size: 13px}

.headerstrap h3{color: #fff; font-size: 17px}

/* KEYPOINTS IN HEADER */

.keypoints{min-height: 50px; background-color: #dddddd; font-size: 16px; padding: 12px 0}

/*.keypoints .container{margin-top: 14px}*/

/* SHOP CATS IN HEADER */

.headershopcats{

	padding: 30px 0;

	text-align: center;

	color: #494949;

	font-weight: 500;

	font-size: 16px;

	border-bottom: 1px solid #e5e5e5

}

.headershopcats h2 { font-size: 14px; font-weight: 600; position: relative; margin-bottom: 30px;}

.headershopcats h2:before {

        content: "";

        display: block;

        width: 42%;

        height: 1px;

        background: #ddd;

        left: 0;

        top: 50%;

        position: absolute;

}

.headershopcats h2:after {

        content: "";

        display: block;

        width: 42%;

        height: 1px;

        background: #ddd;

        right: 0;

        top: 40%;

        position: absolute;

      }

.custom7{

	width: 20%;

	position: relative;

    min-height: 1px;

    padding-right: 5px;

    padding-left: 5px;

	float: left;

}



.hm-img-holder { margin-top: 40px;  }



.toppadkp1 { padding-top: 11px; }

.toppadkp3 { padding-top: 8px; }



.featcat{border: 1px solid transparent; overflow: hidden; padding: 3px; min-height: 244px; cursor: pointer;  }

.featcat:hover, .featcat.active{border-radius: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);}

.featcat a:hover{text-decoration: none}

.featcat h4, .branditem h4 {font-size: 14px; margin-top: 9px; font-weight: 600; color: #666}

.featcat img { margin: auto; }



.subfeatcat {padding: 5px 3px 5px 14px;} 

.subfeatcat:hover { border: 1px solid #DB1111; }

.subfeatcat.selected { background:#194993; border: 2px solid #DB1111; }

.subfeatcat.selected h4 { color: #FFF; }

.subfeatcat.selected:after {

     content: '';

    position: absolute;

    left: 40%;

    top: 50px;

    width: 0;

    height: 0;

    border-left: 28px solid transparent;

    border-right: 28px solid transparent;

    border-top: 28px solid #194993;

    clear: both;

}

.specialoffer{position: absolute;}

.specialoffershop{position: absolute; z-index:10;}

.pager { margin: 0; }

.owl-carousel6-prodcats .owl-nav{margin-top: 10px; height: 0px}

.owl-carousel6-prodcats .owl-nav [class*=owl-]{margin: 0px; padding: 0px}

/* KEYPOINTS STRAP BLOCK */

.keypointsstrap{

	text-align: center;

	color: #fff;

	font-size: 18px;

}

.keypointsstrap h1{

	color: #fff;

	font-weight: 300;

	font-size: 40px

}

.keystrappoint h3{

	color: #fff;

	text-transform: uppercase;

	font-weight: 400;

	margin: 20px 0 15px;

}

.keystrappoint{

	font-size: 14px;

	height: 245px;

	border-right: 1px solid #fff;

}

/* SECTORS BLOCK */

.sectorsblock h2{

	color: #fff;

	text-transform: uppercase;

	text-align: center;

	margin-bottom: 50px;

}

.sectorouter{

	position: relative

}

.sectorimg{

	margin-bottom: 15px;

    width: 100%;

	height: 200px;

    background-repeat: no-repeat;

    background-size: cover;

}

.sectorimg.sectorhigh{height: 415px;}

.sectorimg.sectorsmall{width: 100%; height: 200px;}

.sectoroverlay{

	position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: .5s ease;

    background-color: #000000;

}

.sectorouter:hover .sectoroverlay{opacity: 0.6}

.sectorouter h3{

	width: 100%;

    top: 40%;

    position: absolute;

    color: #fff;

    z-index: 9;

	text-align: center;

	font-size: 33px;

    font-weight: 400;

}

.sector5, .sector7, .sector6, .sector8{

	display: inline-block;

	width: 320.5px;

	height: 200.5px;

}

.sector5, .sector6{margin-bottom: 10px} 

.sector5, .sector7{margin-right: 10px}

/* COMPARISON BLOCK */

.comparisonblock .img-responsive{margin: auto}

.comparisonblock .textcontainer{font-size: 16px;}

.comparisonblock .textcontainer p{margin-bottom: 20px}

.homepage .comparisonblock .textcontainer .subtext{font-size: 20px;}

.comparisonblock .textcontainer .subtext{font-size: 22px;}

.homepage .comparisonblock .textcontainer h2{ margin-bottom: 20px; font-size: 38px}

.comparisonblock .textcontainer h2{ margin-bottom: 20px; font-size: 30px}

.homepage .comparisonblock .textcontainer li{font-weight: 500; font-size: 19px; margin-top: 10px}

.comparisonblock .textcontainer ol{padding-left: 25px}

/* BESPOKE BLOCK // 2 COLUMN BLOCK */

.bespoke-block{

	background-color: #333;

	color: #FFFFFF;

	background-image: url("/uploads/website/bespoke-block/bespoke-bgrd-sm.webp");

	background-position: center bottom;

	background-repeat: no-repeat;

	background-size: cover;

}

.bespoke-block h2{color: #fff; text-align: center; margin: 0 0 25px; text-transform: none }

.bespoke-block h3{color: #fff; text-align: center; margin: 20px 0; font-size: 27px}

.bespoke-block img { margin-bottom: 25px; }

.bespoke-block p { margin-bottom: 15px; }

.bespoke-block .btn-primary { margin-top: 20px; background-color: #194993;  border-color: #fff; }

.bespoke-block .btn-primary:hover {  background-color: #2144ae; }

.twocolblock {text-align: center;}

.twocolblock h2{text-align: center; margin-bottom: 30px}

.twocolblock img{margin: auto}

.twocolblock h3{margin: 20px}



.catdescription{padding-top:10px; text-align:center; color:#194993;}

.catdescription p {font-size:18px;}

/* YOUTUBE */

.youtubeblock{text-align: center;}

.youtubeblock h2{margin-bottom: 50px}

.youtubeblock .youtubelink{margin-top: 50px;}

.youtubeblock .youtubelink a{color: #194993}

.youtubesurround{width: 80%; margin: auto}

/* AWARDS LOGOS */

.awardslogos h3{color: #fff; text-align: center; font-size: 30px; text-transform: capitalize; margin-bottom: 20px}

.brands {padding: 20px 0 0;}

.brands .branditem{width: 100%; height: 100px; margin: auto}

/* CALL TO ACTION */

.cta{}

.cta h3{margin-bottom: 15px}

.cta p{margin-bottom: 20px}

/* CUSTOM 5 WIDE COLS */

.custom5{

	width: 20%;

	position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

	float: left;

}

/* SHOP */

h2.shoptitle {

    font-size: 26px;

    padding: 10px 0;

    color: #194993;

    font-weight: 500;

	text-align: center;

	text-transform: capitalize;

	display: inline-block

}

h2 .subtitle{font-size: 18px; font-weight: 400; text-align:left; margin-left: 25px}

.catdesc {width: 60%; margin: auto; margin-top:40px;}

.catdesc p{font-size: 14px; margin-bottom: 10px; text-align: center}

.catdesc p strong{font-weight: 600}

h2.prodheading{font-size: 32px}

.prodseperator{margin-top: 40px; margin-bottom: 40px; }

/* SHOP SORT */ 

.sortsurround{padding: 10px 0}

.sortby{float: right; text-align: right; margin-bottom: 5px} 

.list-view-sorting-top .sortbylab{text-transform:none; font-size:15px; float: none; font-weight: 500}

.list-view-sorting-top .sortbysel{font-size: 13px; padding:2px 5px 0px 5px; width:174px; float: none; display: inline-block}

.list-view-sorting-top .showlab{text-transform:none; font-size:15px; margin-left: 15px; float: none; font-weight: 500}

.list-view-sorting-top .showsel{float: none; display: inline-block; width: 80px}

.list-view-sorting label{float: none}

/* CATEGORY BOX */

.categorybox h3 {

    text-align: center;

    font-size: 16px;

	color: #110460;

	font-weight: 600;

	margin: 20px 0 10px;

	min-height: 36px;

}

.prodcount{

	color: #194993;

	text-align: center;

	font-size: 14px;

	font-weight: 600;

}

.catboxouter{

	box-sizing: border-box;

    position: relative;

}

.catboxouter:not(:nth-last-child(2)):after{

    content: '';

    position: absolute;

    top: 0;

    width: 80%;

    left: 10%;

    height: 1px;

    background-color: #e5e5e5;

}

.catboxouter:nth-child(n):not(:nth-child(5n + 2)):before{  

 	content: '';

    position: absolute;

    right: 0;

    height: 95%;

    top: 5%;

    width: 1px;

    background-color: #e5e5e5;

}

.categorybox .mainimagesurround {height: 180px}

/* PRODUCT BOX */

.product-outer{

	box-sizing: border-box;

    position: relative;

}

li.prodwrapper .product-outer:not(:nth-last-child(2)):after{

    content: '';

    position: absolute;

    top: 0;

    width: 80%;

    left: 10%;

    height: 1px;

    background-color: #e5e5e5;

}

li.prodwrapper:not(:last-child):nth-child(n):not(:nth-child(6n)) .product-outer:before{

    content: '';

    position: absolute;

    right: 0;

    height: 92%;

    top: 4%;

    width: 1px;

    background-color: #e5e5e5;

}

.product-item {height: 350px}

.pi-img-wrapper{overflow: hidden}

.product-item .prod-title{

	font-size: 16px;

	text-transform: capitalize;

	color: #110460;

	font-weight: 500;

}

.product-item .prod-title a{

	color: #110460;

	font-weight: 600;

	text-decoration: none

}

.product-item .prod-title small{font-size: 12px; font-weight: 500;}

.product-item hr{margin: 5px}

.pricebox .bigprice{font-size: 17px}

.product-item .bigprice small{font-weight: 500}

.pricebox .smallprice{font-weight: 500}

.product-item .shop-prodimg-holder img { position: absolute; /*height: 200px;*/ left: 50%; top: 50%; transform: translate(-50%, -50%); /*max-height: 210px;*/}

.product-item .shop-prodimg-holder {margin-bottom: 10px}

/* PRODUCT PAGE */ 

.prodimgwrapper{

	border: 1px solid #ccc;

	border-radius: 15px;

	overflow: hidden

}

.product-other-images{

	margin-top: 20px;

	margin-left: 10px;

}

.product-other-images .thumb{

	border: 1px solid #ccc;

	border-radius: 15px;

	margin-right: 10px;

}

.product-other-images .thumb img{margin-top: 10px}

.product-page h1{padding-bottom: 0px; margin-bottom: 12px; color: #252525}

.product-page .description{margin-top: 20px}

.product-page .pricebox{margin-top: 16px}

.product-page .pricebox .bigprice {font-size: 24px; font-weight: 500; margin-bottom: 5px}

.product-page .pricebox .bigprice small {font-size: 12px; font-weight: 500}

.product-page .pricebox .smallprice {font-size: 12px; font-weight: 400; color: #194993}

.product-page .pricebox .smallprice small {font-size: 12px;}

.product-page .usuallyinstockmsg{color: #ef8700; text-align: right; font-size: 12px; font-weight: 500}

.product-page .product-page-cart{float: right; }

.product-page .product-page-cart .btn{width: 100% }

.product-page .qtysurround{float: right; margin-bottom: 15px; font-weight: 500; font-size: 16px;}

.product-page .qtysurround input{width: auto; height: 35px; font-size: 14px; font-weight: 600; margin-left: 15px}

.product-page .optheader{line-height: 1.5; margin-right: 10px; vertical-align: super; font-weight: 600; font-size: 15px}

.product-page .selectedoptionbox{

    text-align: right;

    background-color: #fafafa;

    border: 1px solid #e9e9e9;

    padding: 10px;

    width: fit-content;

    float: right;

    margin-bottom: 10px;

}

.product-page .selectedoptionbox h4{font-weight: 500}

.product-page .selectedoptionbox p{font-size: 13px;}

.product-page .selectedoptionbox strong{font-weight: 600;}

/* COLOUR SELECTOR */

.product-page .colourselector{

	font-size: 0;

	line-height: 0;

	border-radius: 50%;

	background-color: #A3A3A3;

	border: 3px solid #fff;

	height: 32px;

	width: 32px;

}

.colourtooltip { display: inline-block}

.colourtooltip .colourselector.disabled{pointer-events: none;}

/*.product-page .colourselector[selected=selected]{border: 3px solid #ccc; height: 36px; width: 36px}*/

/* ADD COLOURS HERE */

/*.product-page .colourselector.colourBlue{background: #2852fe;}

.product-page .colourselector.colourBlack{background: #000000;}

.product-page .colourselector.colourRed{background: #fe0000;}

.product-page .colourselector.colourRedOxide{background: #A5422D;}

.product-page .colourselector.colourPolished {background: rgb(245,244,244);

background: linear-gradient(90deg, rgba(245,244,244,1) 0%, rgba(221,219,220,1) 50%, rgba(245,244,244,1) 100%);}*/

/* LEG LENGTH */

.product-page .leglength {background-color: #fff; border: 1px solid #ccc; margin-right: 10px; margin-bottom: 10px}

.product-page .leglength small {font-size: 70%}

.product-page .leglength.legselected {background-color: #ececec; border: 1px solid #ccc}

.product-page .buildmatbox{margin: 15px 0; }

.product-page .buildmatbox a{margin: 5px 0; font-weight: 400; font-size: 14px; text-decoration: none}

.product-page .buildmatbox a:hover{color: #0690eb}

/* CURRENCY SELECTOR */

.product-page .currencysel{

	height: 27px;

	width: 27px;

	border: 1px solid #ccc;

	border-radius: 5px;

	font-weight: 500;

	color: #626262;

	background-color: #fafafa;

	display: inline-block;

	text-align: center;

	padding: 3px 0;

	font-size: 13px;

}

.product-page .currencysel:hover{cursor: pointer}

.product-page .currencysel.active{background-color: #D7D7D7}

.product-page .product-page-content p{font-size: 14px;  margin-bottom: 10px}

.product-page .product-page-content .tab-pane ul{margin-bottom: 15px}

.product-page .product-page-content .tab-pane ul li{font-size: 14px; margin-bottom: 7px}

.product-page-content .tab-content{border: none; border-top: 1px solid #ccc; padding: 10px}

.product-page-content .nav-tabs {border-bottom: none}

.product-page-content .nav-tabs > li > a{font-weight: 600; height: 42px; border: 2px solid transparent; color: #888888}

.product-page-content .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

	background-color: #fff;

	color: #194993;

	font-weight: 600;

	border: none;

}

.product-page-content .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{

	background-color: #fff;

	color: #194993;

	font-weight: 600;

}

.product-page-content .nav-tabs li{border-bottom: 2px solid #ccc;}

.product-page-content .nav-tabs li:first-child{margin-left: 0px}

.product-page-content .nav-tabs li{margin: 0 15px}

.product-page-content .nav-tabs li:hover{border-bottom: 2px solid #194993}

.product-page-content .nav-tabs li.active{border-bottom: 2px solid #194993}

.product-page #specattrs{max-height: 300px; overflow: auto}

.product-page #specattrs .table td:first-child{font-weight: 600}

/* PAGE */

.main{padding-top: 20px}

.content-page p{margin-bottom: 15px; }

.content-page h2{font-size: 28px; margin-bottom: 20px} 

.content-page h3{margin: 25px 0 20px} 

.content-page ul{margin-bottom: 25px}

/* WHY CHOOSE BLOCK */

.whycontainer{text-align: center;}

.whypoint{text-align: center; padding: 20px; min-height: 380px}

.whypoint img{margin-bottom: 20px}

.whypointtext h4{font-weight: 600; text-transform: uppercase}

/* DOWNLOADS */

.download{text-align: center}

.download:hover{color: #535353}

.download h4{min-height: 80px;}

.download .fa{margin: 30px}

/* TESTIMONIALS - MASONRY */

.speech-bubble {

	position: relative;

	background: #f7f7f7;

	border-radius: 15px;

	padding: 20px

}

.speech-bubble:after {

	content: '';

	position: absolute;

	bottom: 0;

	top: 100%;

	left: 12%;

	width: 0;

	height: 0;

	border: 10px solid transparent;

	border-top-color: #f7f7f7;

	border-bottom: 0;

	margin-left: -20px;

	margin-bottom: -20px;

}

.testimonials .quotation-right{padding-top: 0px }

.testimonials .rating{color: #f4ac00;margin-bottom: 5px; float: right; font-size: 22px}

.testimonials .testimonialfrom{margin-top: 15px}

.testimonials .testimonialfrom .fas{font-size: 36px; margin-left: 8px}

.testimonials .testimonialfrom .name{font-size: 18px; font-weight: 500; margin-left: 15px; vertical-align: top; display: inline-block}

.testimonials .testimonialfrom .compname{font-size: 14px; font-weight: 400; color: #767676}

.grid.testimonials {

	display: grid;

	grid-row-gap: 40px;

	column-gap: 15px;

	grid-template-columns: repeat(auto-fill, minmax(250px,1fr));

	grid-auto-rows: 20px;

	max-width: 1300px;

	margin: auto

}

.testimonials .item{padding: 30px 15px 0px; }

.testimonials .content{border-bottom: 1px solid #ccc; padding-bottom: 20px}

/* FAQs */

.well{background-color: #F7F7F7; border: none; border-radius: 15px; padding: 20px}

a.faqlink .faqq {

    color: #194993;

    font-size: 18px;

}

.well iframe{display: block; margin-top: 10px}

/* BASKET PAGE */

.goods-page{background-color:#FFF; padding:20px;}

.goods-page h2{font-size: 22px; color: #194993; text-transform: capitalize; font-weight: 600}

.goods-page .itemscounter{font-weight: 600;  padding-bottom: 15px; margin-bottom: 0; border-bottom: 3px solid #ccc}

.basketlineitem{padding: 15px 0; border: none; border-bottom: 1px solid #ccc; margin-bottom: 0px}

.basketlineitem .basketlineinfo{padding: 0px}

.basketlineprice{color: #0590eb; font-size: 16px}

.basketlineitem .basketremoveposition{position: relative; right: 0px; bottom: 0px; text-align: right}

.basketremoveposition .basketremovebtn{background-color: #0590eb; color: #fff; border: 1px solid #fff; padding: 7px 30px; font-size: 16px; line-height: 1.4; height: 38px}

.basketremoveposition .basketremovebtn:hover{background-color: #fff; color: #0590eb; border: 1px solid #0590eb}

.basket-total{ border: none; background:#fefefe; margin-bottom: 15px; padding: 20px; background-color: #110460; color: #fff}

.shopping-total h2{color: #fff; font-weight: 400}

.shopping-total hr{border-color: #595090}

.totalboxvalue{background-color: transparent; font-weight: 600}

.totalboxtext{font-weight: 400}

.btn-checkout{background-color: #0590eb; color: #fff; border: 1px solid transparent; border-radius: 0px; width:100%;  font-weight:700; font-size:16px; margin-bottom: 15px}

.btn-checkout:hover{background-color: #fff; color: #0590eb; border: 1px solid #0590eb}

.goods-data a {color: #252525}

.checkbox a{color: #0590EB}

#termsModal{color: #000}

.promo-codes h2.havepromo{font-size: 17px}

.promo-codes button{margin-top: 0px}

.promo-codes{color: #fff; font-weight: 400}

.promo-codes i{font-weight: 600}

.totalboxdiscount{color: #C9302C}

.checkout-page .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: none}

.countryselect{margin-top: 20px}

.countryselect select{

	height: 70px;

	width: 400px;

	background-color: #eeeeee;

	color: #000;

	border: none;

	padding: 10px 30px;

	font-size: 18px;

	background: url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd;

    -webkit-appearance: none;

    background-position-x: 98%;

}

.countryselect select:disabled{cursor: not-allowed}

/* CUSTOMER LOGIN */

.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 td{border-top: none; padding: 5px}

#editProfileModal .modal-label{font-weight: 600}

.orderinformation {padding: 0} 

.orderinformation .table tr:first-child td{border-top: none} 

.orderinformation .table tr td:first-child{text-align: right; font-weight: 600} 

.reqselect2{width: 70%}

.newcolouroption{display: inline; width: 28%; margin-left: 5px}

.reqqtybox{width: 30%; display: inline; }

.requestquote .btn-success{display: inline; margin-left: 15px}

/* NEWS TEMPLATE */

.newsblock h2:after {  margin: 0; }

.newsblock {height: 400px}

.mainnews.newstempl{background-position: center}

.newsblock .imgholder{height: 250px; overflow: hidden;  background-size: cover; background-repeat: no-repeat; background-position: center}

.newsblock h3 { text-transform: uppercase}

.newsblock h3 a {font-size: 16px; line-height: 1.3; color: #004b96 !important; font-weight: 500}

.newsblock h3 a:hover {text-decoration: none}

.newsblock p {font-size: 14px; line-height: 1.3; margin-bottom: 10px}

.newsblock small{color: #888; font-size: 12px}

.mainnewscont {

    position: absolute;

    bottom: 0;

    left: 0;

    background-color: rgba(0,0,0,0.4);

    color: #fff;

    font-weight: 500;

    padding: 10px;

    width: 100%;

}

.mainnewscont h3{margin: 0 0 10px; color: #fff; font-weight: 500}

.newspage img{float: right; margin: 20px 0px 20px 30px} 

.mainnews.newstempl h3{line-height: 1.3; font-size: 24px; margin-bottom: 0}

.newstempl .mainnewscont {background-color: rgba(0,0,0, 0.8); padding: 15px}

.newstempl .date{top: 70%;}

.newsleft { text-align:left !important }

.mainnews.newstempl {

    background-position: center;

	background-size: cover;

    height: 507px;

	position: relative

}

/* PAGER */

.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: 16px}

.pagerlink{padding: 2px; font-size: 16px; color: #333}

/* PAY ONLINE PAGE */

.pay-online {}

.pay-online h3{margin: 0 0 20px}

.bluefaq { background-color:#194993; padding: 25px 0; color: #FFF; }

.bluefaq h3 { margin-bottom: 20px; color: #FFF; font-weight: 500}

.bluefaq .faqhead { border-color: #FFF; color: #FFF; border-radius: 0; }

.bluefaq .faqhead {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 10px 20px;

    border: solid #ccc 1px;

    border-radius: 5px;

}

.bluefaq .faqcontent { border-radius: 0; color: #000; }

.bluefaq .faqcontent {  min-height: 20px;  padding: 19px;  border: 1px solid #e3e3e3;   border-radius: 4px;  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);  background: #fafafa;}

.bluefaq a.faqlink { color: #FFF;font-weight: 500; font-size: 17px;  }

.bluefaq a.faqlink:hover { text-decoration: none; }

.bluefaq .faqhead[aria-expanded="true"]{

  background-color: #3153c1;

}

.bluefaq .fas.fa-minus

{

	display: none;

}

.bluefaq .faqhead[aria-expanded="true"] .fas.fa-minus{

 	display: block;

	color: white;

}

.bluefaq .faqhead[aria-expanded="true"] .fas.fa-plus{

 	display: none;

}

.bluefaq .faqhead[aria-expanded="true"] a{

 	color: white;	

}

.floatright{float:right;}

/* FOOTER */

.pre-footer-col a {color: #fff;padding: 7px 2px 7px 0; display:inline-block}

.pre-footer-col a:hover {color: #eee !important;}

.pre-footer-col p {font-size: 14px; margin-bottom: 10px; line-height:  23px}

.pre-footer-col ul li{ margin-bottom: 0px }

.pre-footer {

    background: #000000 !important;

    border-top: none;

    min-height: 275px;

    color: #fff;

}

.pre-footer h2 { text-transform: none; font-size: 16px; font-weight: 700; color: #FFFFFF; padding-top: 30px; margin-bottom: 22px;}

.subfoot{min-height: 80px; background-color: #252525; padding: 20px 0 10px; color: #fff}

/*.subfoot */.soclinks .fab{font-size: 25px}

/*.subfoot */ .soclinks .fa-facebook-square {color: #4A70BF}

/*.subfoot */ .soclinks .fa-twitter-square {color: #1DA1F2}

/*.subfoot */ .soclinks .fa-linkedin {color: #0077b5}

/*.subfoot */ .soclinks .fa-instagram-square {color: #E1306C}

/*.subfoot */ .soclinks .fa-youtube-square {color: #ff0000}

/*.subfoot */ .soclinks .fa-instagram {color: #DD2A7B}

.subfoot p{ margin-top: 10px}

.subfoot p small{font-size: 12px;}

.subfoot .pull-right p {margin-top: 32px}

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

.emptyBag .fas { font-size: 50px; margin-bottom: 30px; }

.btn-empty {

    background-color: #0590eb;

    color: #fff !important;

    text-transform: uppercase;

    padding: 12px 80px;

    font-weight: 600;

    font-size: 14px;

    border: 1px solid transparent;

}

.btn-empty:hover { background-color: #FFF; border-color:#0590eb; color: #0590eb !important  }

.stepcircle {

    border-radius: 50%;

    background-color: #194993;

    padding: 7px 14px;

    font-size: 16px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    margin-right: 5px;

}

.stepcircle.incomplete {background-color: #bbb;}

.stepcircle.complete {background-color: #11a32a;}

.steptext { font-weight:600; font-size:17px; margin-left:5px;}

.steptext.incomplete { color: #bbb; }

.stepshape{border-bottom:2px solid #000;width:50px; display:inline-block; margin-bottom:5px; margin-right:15px;}

.stepcheck{position: absolute; margin-left:25px; top:10%; font-size:25px;}

.circle_pointer {

    border-radius: 30px;

    background-color: #F57E06;

    position: absolute;

    width: 20px;

    height: 20px;

    padding: 10px;

    font-size: 14px;

    font-weight: bold;

    color: #fff;

    cursor: pointer;

    text-align: center;

    padding: 0px;

}

.lettera { top:386px; left: 33px; }

.letterb { top:450px; left:158px; }

.letterc { top:330px; left:192px }

.letterd { top: 164px; left: 130px; }

.lettere { top: 142px; left: 300px; }

.letterf { top: 206px; left: 363px; }

.letterg { top: 29px;  left: 377px; }

.letterh { top: 116px; left: 541px; }

.pipedetail { position: absolute;

    padding: 15px 0;

	border: 3px #194993 solid;

	font-size: 14px;

	background: #eee;

	z-index: 999;

	width: 400px;

	text-align: left;

	display: none;

	color:#666;}

#detailA { top: 141px; left: 441px; }

#detailB { top: 235px; left: 230px; }

#detailC { top: 420px; left: 38px; }

#detailD { top: 422px; left: 195px; }

#detailE { top: 170px; left: 246px; }

#detailF { top: 56px; left: 281px;}

#detailG { top: 190px; left: 121px;}

#detailH { top: 361px; left: 166px; }

.bigstars{ font-size:28px;}

.googlebutton {

  font-size:14px;

  text-decoration: none;

  background-color: #eeeeee;

  color: #333333;

  padding: 15px;

  border: 1px solid #CCCCCC;

  border-radius:5px;

  margin-top:15px;

}

.listdeco{font-size: 18px;}



.deliveryinput {

    width: 60% !important;

    display: inline-block !important;

    border-radius: 4px 0px 0px 4px;

    height: 40px;

    margin-bottom: 10px;

}

.btn-mod {

    border-radius: 0px 4px 4px 0px;

    height: 52px;

    vertical-align: bottom;

    margin-bottom: 10px;

    background: #194993;

    border: 1px solid #194993;

    color: #FFF;

}

.btn-mod:hover { background: #FFF; color:#194993 ;}





.enq-contact-box {

      background: #fff;

      border-radius: 2px;

      box-shadow: 0 4px 24px rgba(0,0,0,0.10), 0 1px 4px rgba(0,0,0,0.06);

      max-width: 380px;

      width: 100%;

      overflow: hidden;

    }



    .enq-contact-box-header {

      background: #194993;

      padding: 22px 28px 18px;

    }



    .enq-contact-box-header h4 {

      font-family: 'Montserrat', sans-serif;

      color: #fff;

      margin: 0 0 4px;

      font-size: 20px;

      letter-spacing: 0.02em;

    }



    .enq-contact-box-header p {

      color: #fff;

      margin: 0;

      font-size: 13px;

      letter-spacing: 0.03em;

    }



    .enq-contact-box-body {

      padding: 24px 28px;

    }



    .contact-item {

      display: flex;

      align-items: center;

      padding: 14px 0;

      border-bottom: 1px solid #f0ece4;

      text-decoration: none;

      transition: background 0.15s;

    }



    .contact-item:last-child {

      border-bottom: none;

      padding-bottom: 0;

    }



    .contact-item:first-child {

      padding-top: 0;

    }



    .contact-icon {

      width: 40px;

      height: 40px;

      border-radius: 50%;

      background: #edf3f6;

      color: #1a2e3b;

      display: flex;

      align-items: center;

      justify-content: center;

      font-size: 15px;

      flex-shrink: 0;

      transition: background 0.2s, color 0.2s;

    }



    .contact-item:hover .contact-icon {

      background: #194993;

      color: #fff;

    }



    .contact-item:hover {

      text-decoration: none;

    }



    .contact-text {

      margin-left: 14px;

    }



    .contact-text .label-text {

      font-size: 11px;

      text-transform: uppercase;

      letter-spacing: 0.08em;

      color: #9aabb5;

      display: block;

      font-weight: 600;

      line-height: 1;

      margin-bottom: 3px;

    }



    .contact-text .value-text {

      font-size: 15px;

      color: #1a2e3b;

      font-weight: 600;

      line-height: 1.2;

      transition: color 0.15s;

    }



    .contact-item:hover .value-text {

      color: #3a7ca5;

    }



/* Chevron on the form row */

    .form-toggle-chevron {

      margin-left: auto;

      color: #9aabb5;

      font-size: 13px;

      transition: transform 0.25s;

    }



    .form-toggle-chevron.open {

      transform: rotate(180deg);

    }



    /* --- Inline form panel --- */

    .contact-form-panel {

      display: none;

      border-top: 1px solid #f0ece4;

      padding-top: 20px;

      margin-top: 4px;

    }



    .contact-form-panel.is-open {

      display: block;

    }



    .contact-form-panel .form-group {

      margin-bottom: 14px;

    }



    .contact-form-panel label {

      font-size: 11px;

      text-transform: uppercase;

      letter-spacing: 0.07em;

      color: #9aabb5;

      font-weight: 600;

      margin-bottom: 5px;

    }



    .contact-form-panel .form-control {

      font-family: 'Source Sans Pro', sans-serif;

      font-size: 14px;

      color: #1a2e3b;

      border: 1px solid #dde5ea;

      border-radius: 2px;

      box-shadow: none;

      height: 38px;

      padding: 8px 12px;

      transition: border-color 0.15s, box-shadow 0.15s;

    }



    .contact-form-panel textarea.form-control {

      height: auto;

      resize: vertical;

    }



    .contact-form-panel .form-control:focus {

      border-color: #3a7ca5;

      box-shadow: 0 0 0 3px rgba(58,124,165,0.12);

      outline: none;

    }



    .contact-form-panel .form-control::placeholder {

      color: #b8c9d3;

    }

.contact-icon .fa-phone {

  transform: rotateZ(90deg);

}

#formToggle:hover { cursor: pointer}





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

	.sector5, .sector7, .sector6, .sector8 {width: 270.5px;}

	

}

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

    .lettera { top:310px; left: 26px; }

    .letterb { top:383px; left:132px; }

    .letterc { top:287px; left:168px }

    .letterd { top: 142px; left: 105px; }

    .lettere { top: 119px; left: 251px; }

    .letterf { top: 182px; left: 300px; }

    .letterg { top: 29px;  left: 319px; }

    .letterh { top: 86px; left: 456px; }



    #detailA { top: 123px; left: 70px; }

    #detailB { top: 210px; left: -80px; }

    #detailC { top: 340px; left: 38px; }

    #detailD { top: 422px; left: 150px; }

    #detailE { top: 150px; left: 246px; }

    #detailF { top: 56px; left: -60px;}

    #detailG { top: 180px; left: 110px;}

    #detailH { top: 330px; left: 166px; }

}

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

    .featcat { min-height: 258px; }	

     .catboxouter { min-height: 320px;}

    .prodcount { display: none; }

}

/* Large Devices, Wide Screens */

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

	.navbar-nav>li>a{padding: 8px 10px}

	.sector5, .sector7, .sector6, .sector8 {width: 48%;}

	.custom7 .featcat p{font-size: 14px}

	.featcat {min-height: 258px}

    p.kpsubtxt { font-size: 12px; }

   

	

}

@media only screen and (min-width: 1200px) and (max-width: 1399px)  {

    .featcat h4 {font-size: 12px; }

    .subfeatcat.selected:after {

        content: '';

        position: absolute;

        left: 40%;

        top: 58px;

        width: 0;

        height: 0;

        border-left: 18px solid transparent;

        border-right: 18px solid transparent;

        border-top: 18px solid #194993;

        clear: both;

    }

    p.kpsubtxt { font-size: 13px; }

}

/* Medium Devices, Desktops */

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

    .custom5{

	width: 25%;}  

}

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

	.modalmobheight{min-height:400px;}

}

@media only screen and (max-width : 992px) {
	
	.owl-carousel-marine-ultra .owl-prev:before,
	.owl-carousel-marine-ultra .owl-next:before {
		font-size: 30px !important;
	}
	
	.col-sm-12.marbotmob{margin-bottom: 20px !important}

	.custom5{width: 33.333%}

	.catdesc {width: 100%;}

	.catboxouter:nth-child(n):before{

		content: '';

		position: absolute;

		right: 0;

		height: 95%;

		top: 5%;

		width: 1px;

		background-color: #e5e5e5;

	}

	.sectorimg.sectorhigh{height:340px;}

	.sectorimg{background-position: center;}

	.keystrappoint{border-right: none; height: 250px}

	.product-page-content .nav-tabs li{margin: 0px 2px}

	.product-page-content .nav>li>a{padding: 10px 10px}

	.pre-footer-col{min-height: 250px}

	.hidemob992{display:none;}

	.mobcenter{text-align:center;}

	.floatright{float:none;}

	

}

/* Small Devices, Tablets */

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

	.owl-carousel-marine-ultra .owl-prev:before,
	.owl-carousel-marine-ultra .owl-next:before {
		font-size: 25px !important;
	}
	
	.headerstrap h2, .headerstrap h1{font-size: 27px}

	.keystrappoint{border-right: none; height: 250px; margin-bottom: 20px}

	.whypoint{min-height: 440px}

	.download h4 {min-height: 25px;}

	.newsblock .imgholder{height: 177px}

	.newscont .news-content h4 {margin-top: 10px;}

	.newscont .news-content{margin-bottom: 20px}

	.sector5, .sector7, .sector6, .sector8{width: 100%;height: 200.5px;}

	.brands .branditem{height: 75px;}

	/*.custom5{width: 33.333%}*/

	.custom5{width: 50%}

	.catboxouter:nth-child(n):before{

		content: '';

		position: absolute;

		right: 0;

		height: 95%;

		top: 5%;

		width: 1px;

		background-color: #e5e5e5;

	}

	.modalmobheight{min-height:200px;}

	.countryselect select{width: 50%}

	.basket-total{margin-top: 20px}

	.goods-page{padding: 0px}

	.checkout-block h3{font-size: 20px}

	.sortsurround{width: 100%}

	.sortby{float: left; text-align: left} 

    .headershopcats h2:before, .headershopcats h2:after {

        width:30%

    }

	.subfeatcat.selected:after{display: none;}

	.mobcenter{text-align:center!important;}

	.breadcrumb{margin-top:10px; text-align: center;}

}



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

    .catboxouter {

        min-height: 290px;

    }

}





/* Extra Small Devices, Phones */ 

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

    .scrolluparrow { width: 60px; height: 60px; }

	.marbotmob{margin-bottom: 20px !important}

	.headerstrap h2, .headerstrap h1{font-size: 25px}

	.keypoints{padding: 15px}

	.keypoints .col-xs-12{margin-bottom: 10px}

	.keypoints .container{margin-top: 0px}

	h2{font-size: 28px}

	.awardslogos h3{font-size: 26px}

	.reqselect2, .newcolouroption{width: 100%; margin-left: 0px}

	.reqqtybox{width: 100%; display: block; }

	.requestquote .btn-success{display: inline-block; margin-left: 0}

	.newsblock h2{margin-top: 20px}

	.newsblock {min-height: 360px; height: auto; margin-bottom: 20px}

	.mainnews.newstempl .mainnewscont p{display: none}

	.mainnews.newstempl h3 {font-size: 21px;}

	.newsblock .imgholder {height: 165px;}

	.sectorimg.sectorhigh{height: 200px}

	.sector5, .sector7, .sector6, .sector8{width: 100%;height: auto;}

	.custom5{width: 100%}

	.catboxouter:before{display: none}

	.loginbox{width: 80%}

	h2.shoptitle{font-size: 22px}

	h2 .subtitle{font-size: 16px; display: block; margin-left: 0; margin-top: 10px}

	.list-view-sorting-top .sortbylab, .list-view-sorting-top .showlab{font-size: 15px} 

	li.prodwrapper .product-outer:not(:nth-last-child(2)):after{display: none}

	.categorybox h2{min-height: 0}

	.product-other-images .thumb{height: 75px}

	.product-page-content .nav-tabs li{width: 100%}

	.countryselect select{width: 100%}

	.checkout-block h3{margin-top: 15px}

	.pre-footer-col{min-height: auto}

	.list-view-sorting-top .showlab{margin-left: 0}

    .keypoints { display: none; }

    .headershopcats h2:before, .headershopcats h2:after {

        width:25%

    }

}

/* Custom, iPhone Retina */ 

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

}