body{background:#f4f4f4 no-repeat center fixed;  font-family: 'Josefin Sans', sans-serif; }

a{transition:all 0.2s ease; font-size:0.9rem;}

p, .form-control, a, li{color:#97949e; font-size:90%;   line-height:1.8em;}


h1, h2, h3, h4, h5{font-weight:900; color:#333;  line-height:1em;  font-style: italic; text-transform: uppercase; }

h2.mt-5{display:inline-block;}

h1{font-size:85px;   }
h2{font-size:30px; }
h3{font-size:26px; }
h4{font-size:15px;}
h5{font-size:15px; }


.search{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; z-index:1001; display:flex; align-items: center; opacity:0; visibility:hidden; transition: all 0.3s ease; }
.search button{position:absolute; top:0px; right:15px; height:60px; width:48px; background:none; border:none; cursor:pointer;}
.search .searchclose{width:40px; height:40px; display:block; background:#eee; color:#333; position:absolute; z-index:1002; top:20px; right:20px; font-size:20px; text-align:center; padding-top:7px;}
.searchform {margin-top:-50px !important; transition: all 0.4s ease; height:60px;}

span.searchbtn {
	cursor: pointer;
}
span.searchbtn:hover {
	color: #ff9d0a;
}

.visiblesearch{opacity:1; visibility:visible; margin-top:0 !important;}

.logo img{position:absolute; z-index:999; top:-17px; left:-15px;}

.form-control{min-height:48px !important; border:none; border-radius:0;  }
.searchform{margin-top:5px;}

.toptop a{color:#fff !important;   font-size:11px; font-weight:600; text-transform:uppercase;}

.toptop a strong{color:#fff !important;}
.toptop .row{height:45px; }
.toptop svg{color:#ff9d0a;}
.toptop{background:#232323;}

.topmenu{position:absolute; right:0px; top:80px;   z-index:999;}
.topmenu  a{font-weight: 900; color: #333 !important; font-size: 16px;  text-transform: uppercase; background:none !important;}
.topmenu  a:hover{color:#ff9d0a !important;}


.topmenu svg{width:18px; height:18px; margin-right:50px;}
.topmenu .badge{position:absolute; background:#ff9d0a; color:#fff; margin:-13px 0 0 13px;}


.navbar{border-radius:0px;  padding: 4px !important;  box-shadow: 5px 5px 20px rgba(0,0,0,0.05); min-height:100px;   z-index:998; }
.navbar-nav{padding-left:195px;}
.navbar-nav ul ul {padding: 0; list-style: none;}

.nav-link, .dropdown-item{padding-top:10px !important; padding-bottom:10px !important; font-weight: 900; color: #333 !important; font-size: 13px;  text-transform: uppercase; background:none !important;}
.nav-link:hover, .dropdown-item:hover{color:#fd8801 !important; background:none !important;}


.dropdown-header{ font-weight:300; color:#0e4269; font-size:23px; }
.dropdown-menu .dropdown-item{padding-top:15px !important; padding-bottom:15px !important;}

.dropdown-menu{ min-width:100vw !important; margin-left:-270px; margin-top:28px !important; box-shadow: 10px 10px 40px rgba(0,0,0,0.2);  border:none !important; border-radius:0;}

.navbar-nav.sm-collapsible .sub-arrow{border-radius:0;}

a.phonenumber{position:absolute; left:205px; margin-top:-5px;}


.introtext h2{margin-top:100px !important;}


.btn{ text-transform:uppercase; padding:20px 55px 20px 55px; border-radius:0px;  font-weight:900; font-size:12px; letter-spacing:0.1em; }

.btn-primary{background:#ff9d0a;  border:none !important;  color:#fff !important;}
.btn-primary:hover{background:#fab43b !important;}


.btn-default{background:none  !important;  border:3px solid #ff9d0a !important; color:#333 !important; font-weight:bold;}
.btn-default:hover{background:none  !important;  border:3px solid #ff9d0a !important; color:#333 !important;}


.bg-dark h3, .bg-dark h2{color:#fff;}


.newsletter {background: url("../img/smallbanner2.jpg") no-repeat; }
.newsletter h4, .newsletter h3{color:#fff;}
.newsletter h4{margin-top:20px;}
.newsletter h3{font-size:40px;}
.newsletter .row{height:400px; padding-top:100px;}
.newsletter .form-control{width:80%; margin-top:30px; height:58px;}
.newsletter button{position:absolute; right:20%; margin-top:-58px;}


#eclipseHome .carousel-item{border-radius:4px;}
#eclipseHome .carousel-item  .outerrow{height:610px;}
#eclipseHome.carousel{background:#eee; margin:0;}
#eclipseHome p{color:#333; margin:0 !important; font-weight:900; text-transform:uppercase; font-style:italic;}
#eclipseHome h1{margin-bottom:30px;}



.introcategories{margin-top:30px;}
.introcategories .col-sm-4{padding:0 10px;}






.card{border:none; border-bottom:2px solid transparent; border-radius:0px; margin-bottom:30px !important; transition:all 0.3s ease;   padding:0 !important; text-align:center; }

.card p{padding:10px 20px; margin:0;}
.card:hover{ box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.05); }
.card .imgholder{ height:300px; display:flex; display:-webkit-flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; }
.card .imgholder img{max-height:300px; margin:0; display:block;}
.category .card .imgholder{ height:200px; }


.card h4{height:3.6em !important; display:flex; display:-webkit-flex; -webkit-align-items:center; align-items:center; align-content: flex-start;  margin-bottom:0px; padding:0 20px;   margin:20px 0 !important; font-weight:900; justify-content: center;}



.card h4 , .card h4 a{color:#333;  font-size:14px;  line-height:1.3em !important; }
.card .btn{ padding:8px 20px 8px 20px;  margin:0px 0px 20px 20px}
.card .btn:last-child{margin-left:0px;}


.prod_details .price{     font-family: 'Montserrat', sans-serif; font-weight: 800; color: #57c1ff; font-size:20px;}
.prod_details strong{ color:#272332;}


.prodpage_prodimage{width:100%;   text-align:center;  background:#fff;}
#productImages a:hover {color: #ff9d0a;}
#productImageThumbs img {cursor: pointer;}
#productImageThumbs img:hover {border: 1px solid #ff9d0a;}


.addtobasket2 td{padding:5px !important; border:none !important; }
.addtobasket2{border:1px solid #d3d3d3; padding:20px 40px; margin-top:20px;}
.addtobasket2 .btn{padding:5px 10px !important; display:block; width:100%; max-width: 200px;}

.addtobasket2 .form-control{}
.addtobasket2 .notes{width:210px !important;}




footer{margin:50px 0 0 0; border-radius:0; padding:130px 0 100px 0;}

.bg-dark{background:#202020 !important;}
.bg-light{background:#fff !important;}

footer a{} 
footer p{color:#afafaf;}
footer ul{list-style:none; padding:0;}
footer h3{color:#fff; margin-bottom:30px; font-size:20px; }

.footer2 p, .footer2 {color:#7f7f7f;}
.footer2 a{color:#7f7f7f; font-size:12px; }
.footer2 p, .footer2{font-size:12px;}
.footer2{padding:10px 0;}




/**colors on product page**/



.colorselection{ display:flex; margin:10px 0 20px 0;  }
.colorbox{width:32px; height:17px; margin-right:10px; border:1px solid #eee; }
.colorbox span{display:block; width:15px; height:15px; float:left;}
.colorbox span.double{width:30px;}

.colorbox:hover {cursor: pointer;}
.colorbox.active, .colorbox:hover {border:1px solid #ff9d0a; }

/** internals***/

.contactform{  border: 1px solid #d3d3d3; padding:20px;}

.btn-gotocheckout{opacity:0; margin-right:-10px;}

#map{width:100%; height:450px;}

.productnameonimg{ background:rgba(255,255,255,0.9) !important;   font-size:16px; width:100%;    display:block; padding:6px; text-align:center;}

.breadcrumb{ background:none;  margin-top:-40px;  padding-left:0; border-radius:0; margin-bottom:5px; opacity:0.5; padding-bottom:30px;}
.breadcrumb li, .breadcrumb li a{ font-size:11px;}

.searchby{padding-bottom:30px;}

.pagination a{border-radius:0 !important; color:#05192a;}

.btnsubmit{padding:15px 45px !important; height:auto !important;}

.qty_form{height:45px;  margin-right:10px; }

.checkoutrow label{  font-weight: 600; color: #0e4269; font-size: 14px;  line-height: 1.3em !important;}





/********** basket, checkout ************/


.form-box{border:1px solid #eee; padding:30px; margin:10px 0;}

.baskettable .nameholder h4{margin:0 !important; }
.baskettable .imgholder{ width:50px; overflow:hidden; background:#fff;  padding:10px; }
.baskettable h4 a{font-weight: 700;
    font-size: 13px;
    line-height: 1.2em !important;  color: #333;}
.baskettable .nameholder{margin:0;  border-radius:4px;  display:block; max-width:150px;}

.baskettable input[type="number"]{display:block;  height:30px; min-height:30px !important; width:60px; }
.baskettable input[type="text"]{display:block;  height:30px; min-height:30px !important;  }
.baskettable .price{font-size:10px;}
.baskettable .price span, .baskettable tfoot td:last-child{
	display:block;    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    color: #ff9d0a;
    font-size: 15px;}
.baskettable tfoot td:last-child {    display: table-cell;}
.baskettable td, .baskettable th {padding:7px; vertical-align:middle;}
.baskettable tbody p{margin:0 !important; line-height:normal !important; max-width:200px;}

.baskettable th, .baskettable tfoot td:first-child {
	font-size: 13px;
	font-weight: 900;
	color: #333;
	font-style: italic;
	text-transform: uppercase;
}

#cartTable td, #cartTable th {border-bottom:1px solid #e1e1e1; }
#cartTable th {padding-bottom: 15px;}
#cartTable .product-quantity button {padding: 3px;}
#cartTable .product-quantity input {width: 50px; padding: 5px;}
#cartTable .product-quantity {min-width: 100px;}
#cartTable .product-notes {min-width: 180px;}
#cartTable .product-notes textarea {min-height: 30px !important;}

.discountbox .form-control{text-align:center;}
.discountbox{ padding:30px; margin:10px 0; border-radius:4px; background:#fff; width:338px;}
.discountbox .btn{display:block !important; width:100%; padding-left:10px; padding-right:10px; white-space: normal !important;}


.summarybox{border-radius:4px; background:#fff; padding:30px; margin:10px 0;}
.summarybox h4{font-weight: 700;
    font-size: 13px;}
.summarybox .imgholder{width:50px !important; height:50px !important; margin-right:10px;}
.summarybox .btn{display:block !important; width:100%; margin-top:25px; padding-left:10px; padding-right:10px;}
.summarybox .nameholder{margin-left:5px;}



.checkoutbox{border:1px solid #eee; border-radius:4px; padding:30px; margin:10px 0;}
.checkoutbox h3{margin-bottom:20px;}

.paymentoptions{margin:0; padding:10px 0 20px 0; list-style:none; overflow:hidden;}
.paymentoptions li {float:left;}
.paymentoptions li a{display:block; border:1px solid #dddddd; border-radius:0px; padding:3px 6px !important ; text-align:center; margin:0 15px 20px 0 ; color:#333;  box-shadow:1px 1px 5px rgba(0,0,0,0.08); }
.paymentoptions li a img{margin:0 !important;}
.paymentoptions a.active{border:1px solid #ff6600; background:#fdfcf2; color:#ff6600;}
.paymentoptions a:hover{background: #f7f7f7; text-decoration:none; box-shadow:2px 2px 30px rgba(0,0,0,0.1); }



	.searchform{float:none !important; width:100%;  padding:0 20px; position:relative;}
	.searchform .form-group{margin:10px 0 !important; width:100% !important;}
	.searchform .btn{margin:0px 0 0 10px !important; position: absolute; right:0px;}
	.searchform .form-control{width:100% !important; display:block !important;}


@media (min-width:1200px){

.toptop .col-lg-4{padding:0;}
.toptop .form-control{width:330px;}
	
	

}




@media (min-width: 1420px){
	
.toptop .form-control{width:400px !important;}
.toptop .col-sm-4{padding:0;}
.toptop .row{margin-left:0px; margin-right:0px;}
.container { max-width: 1370px;}

}



@media (min-width: 1520px){
	

.container { max-width: 1470px;}

}


@media (max-width: 1519px){
		
	.discountbox{ width:312px;}
	
.addtobasket2 .form-control{min-width:60px !important; padding:4px !important;}
.addtobasket2 .notes{width:120px !important;}
	
	
	
	
}



@media (max-width: 1420px){


	.card h4, .card h4 a{font-size:12px;}	
	.discountbox{ width:254px;}
	
	
	
	
}


@media (max-width:1199px){
	
	
	.dropdown-menu{margin-left:0px;  min-width:0vw !important; margin-top:10px !important; }
	.dropdown-menu .container{max-width:100%;}
	
	.dropdown-menu .dropdown-item{padding:10px 5px !important;}
	
	.navbar-nav{padding-left:10px; padding-right:10px;}
	.navbar-collapse{margin-top:60px; padding:0 20px;}
	
	.topmenu{right:70px;}
	
	.topmenu svg{margin-right:30px;}
	
	#eclipseHome h1{font-size:50px;}
	
	.navbar-light .navbar-toggler{background:#eee; border-radius:0; border:none; top:20px !important;}

	a.phonenumber{left:155px; }

	.summarybox h4 {font-size: 12px !important;}
	.summarybox  .baskettable p{font-size: 11px;}
	.summarybox  .baskettable .price span{font-size: 14px;}
	
	.discountbox { width:210px; padding:13px;}
	.summarybox{padding:13px;}
	.discountbox .btn{padding-left:10px; padding-right:10px;}
	
	
	.logo img{max-width: 350px}

	#eclipseHome .carousel-item{height:300px;}
	#eclipseHome .carousel-item .outerrow{height:300px;}
	#eclipseHome .carousel-item{ background-size: cover !important;}
	#eclipseHome .btn{padding:10px 30px !important;}
	

	
	.remove{ margin:0 0px 0 0 !important;}
	.navbar-nav.sm-collapsible .nav-link, .navbar-nav.sm-collapsible .dropdown-item{border-bottom:1px solid #eee;}
	
	

}



@media(min-width:990px){
	
	
	.boxscrolled{position:fixed; top:10px;}
	
	
}

@media (max-width:991px){
	
	.newsletter button{ padding-left:15px; padding-right:15px;}
	
	
	#eclipseHome .carousel-item{height:250px;}
	#eclipseHome .carousel-item .outerrow{height:250px;}
	
	#eclipseHome h1{font-size:30px;}
	
	#eclipseHome p{font-size:11px; }
	
.discountbox{ width:100%;}
}






@media (max-width:767px){
	
	

	.contactformrow{text-align:center;}
	
	.logo img { width: 140px;}
	.navbar{min-height:86px;}
	
	
	

	
	.hide_on_mobile{display:none;}
	
	
	.summarybox .baskettable .nameholder{ width:auto !important;}
	.summarybox  .baskettable tr td:first-child{ width:auto !important;}
	.summarybox  .baskettable tr td:nth-child(2){ width:auto !important;}
	

	
	.baskettable .nameholder{ width:150px !important;  margin:0 10px;}
	.baskettable .nameholder h4{font-size:12px;}
	.baskettable .price span{font-size:14px;}
	.baskettable .price{font-size:10px;}
	.baskettable th{font-size:13px;}
	.baskettable .imgholder{width:60px; height:60px;}
	.baskettable tr td:first-child{width:60px;}
	.baskettable tr td:nth-child(2){width:150px;}
	.baskettable input[type="number"]{min-height:30px !important; width:35px; }
	.baskettable p{font-size:11px;}
	.baskettable svg{width:0.5em !important;}
	

	.addtobasket2 svg{width:0.8em !important;}
	
	
	.prodpage_thumbnails{float:right; width:25%; display:block; padding:0; margin:0;}
	.prodpage_thumbnails .col-sm-4{height:70px; padding:1px; margin:5px 0; display:flex; align-items: center;  border:1px solid #eee; overflow: hidden;}
	.prodpage_thumbnails .col-sm-4 img{}
	
 
	
	.remove{ margin:-140px -20px 0 0 !important;}
	.additem{margin:0px 0 20px 0  !important;}
	

	
	.sociallink{margin:0 2px; width:35px; height:35px; font-size:19px;}
	
	.footer2, .footer2 .text-right{text-align:center !important;}
	.footer2{padding-bottom:15px;}
	

	
	footer.p-5{padding:30px 10px !important;}
	

	.qty_form{margin-top:25px; }
	
	
	

.newsletter h4{margin-top:0px;}
	.newsletter{background-position: bottom center; padding-top:0px;}
.newsletter .row{height:200px; padding-top:0px;}
.newsletter .form-control{width:100%; margin-top:0px; height:58px;}
.newsletter button{position:absolute; right:15px; margin-top:-58px; padding-left:15px; padding-right:15px;}

	
	
}

@media (max-width:575px){
		
	#eclipseHome h1{font-size:20px;}
	
	
	
	.baskettable th{font-size:11px;}
	.baskettable .nameholder{ width:100px !important;}
	.baskettable .imgholder{width:50px; height:40px; margin:0 !important;}
	.baskettable tr td:first-child{width:50px;  }
	.baskettable tr td:nth-child(2){width:100px;}
		
	#eclipseHome .carousel-item{height:180px;}
	#eclipseHome .carousel-item .outerrow{height:180px;}
	
}



/*************************************/


.category_top img{margin-top:30px;}
.category_top a  {color:#0e4269 !important; padding-bottom:20px; display:block; text-decoration:none !important;}




/** checkout **/


#checkout-progress > div.active {
	background: #ff9d0a !important;
}

#checkout-progress > div.complete {
	background: #ffc659;
	cursor: pointer;
}

#checkout-progress > div.complete:hover {
	background: #fff;
}

#checkout-steps > div {
	display: none;
}

#checkout-steps .btn-default:hover {
	background: #ffc659 !important;
}

#checkout-steps > div.active {
	display: block;
}

#checkout-steps #details .selected-address {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #ccc;
	font-weight: bold;
	display: none;
}

#checkout-steps #details .address-box.active .selected-address {
	display: block !important;
}

#checkout-steps #details .address-box {
	padding: 10px;
	margin: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
}

#checkout-steps #details .address-box p {
	margin-bottom: 0;
}

#checkout-steps #details .address-box.active {
	background: #ffc659 !important;
}

#checkout-steps #details .address-box:hover {
	background: #fff;
}

#checkout-steps .methods > div {
	padding: 10px;
	border: 1px solid black;
	border-radius: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}

#checkout-steps .methods > div:hover {
	background: #fff;
}

#checkout-steps .methods > div.active {
	background: #ffc659 !important;
}

#checkout-steps .methods .method > div > label, #checkout-steps .methods .method > div > div {
	margin-left: 10px;
}

#checkout-steps .methods .method p {
	margin-bottom: 0;
}

#checkout-steps .methods > div input , #checkout-steps #shipping .methods > div label  {
	cursor: pointer;
}

#cartSummary p {
	margin-bottom: 0;
}

#cartSummary dl.variation {
	margin: 10px 0 0 0;
}