@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;500;600;700;800&display=swap');

body {
	font-family: 'Assistant', sans-serif;
	background-color: #ffffff;
}
a{
	color: #428bca;
}
a:hover, a:focus {
  color: #2a6496;
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, .h1class, .h2class, .h3class, .h4class {
  padding: 0px;
  color: #242424;
  font-weight: 700;
  margin-bottom: 0rem !important; 
}
h1, .h1class {
  font-size: 32px; }

h2, .h2class {
  font-size: 30px; }

h3, .h3class {
  font-size: 27px; }

h4, .h4class {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

.fas {
	color: #616161;
}

hr {
	border: 1px solid #85bd44;
}  

.graybg {
	background-color: #616161;
}

.lgraybg {
	background-color: #fff;
}

.top-header{
	color: #85bd44;
	font-size: 14px;
}

.top-header a{
	color: #FFF;
}

.input-group-text {
	background-color: unset;
}

.navbar .navbar-nav .nav-item a {
	color: white;
}

.navbar .navbar-nav .nav-item a:hover {
	color: #242424;
}

.dropdown-item {
	text-transform:capitalize;
}

.dropdown-menu {
	background-color: #616161;
}

.big-dropdown {
	min-width: 600px;
}

.droprow {
	width: 100%;
}

.droprow ul {
	list-style: none;
}

.flist li {
	width: 50%;
	float: left;
}

.deliveryinfo {
	color: #000080;
	font-weight: 400;
}

.card-body{
	padding: 0.9rem;
}

.card-buttons h5 {
	margin: unset;
}

.card-buttons .card {
	background: transparent;
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 0 0 5px 1px #85bd44;
}
.card-body{ background:#616161; text-align:center;}
.popular-cat-spe .card-body{ color:#fff;}
.categorylinks {
	border-right: 1px solid white;
}

.deals-banner h1, .deals-banner .h1class {
	font-size: 50px;
	font-weight:bold;
}

.topdealimg{
	background-color: #fff;
}

.ct_price {
	font-weight: 700;
	float: left;
	padding-right: 5px;
	font-size: 25px;
	line-height: 1em;
}
.ct_price-vat {
	font-size: 10px;
	padding-top: 3px;
	line-height: 1em;
	float: left;
	text-transform: uppercase;
}

.ct_price-was{
	font-size: 12px;
	color: #999;
}

.ct_price-save {
	font-size: 12px;
	color: red;
}

.card.popular-cat, .card.popular-cat-spe {
	box-shadow: 0 0 5px 1px #85bd44;
	border-radius: unset;
}

.card.popular-cat h4, .card.popular-cat .h4class, .card.popular-cat-spe h4, .card.popular-cat-spe .h4class {
	color: white;
}
.bg-info {
  background-color: #616161 !important;
  color: #fff;
}
.pin-board {
	background-image: url('../images/pinboard.jpg');
	background-size: cover;
	background-repeat: inherit;
	min-height: 500px;
}

.pin-board-msg {
	min-height: 300px;
	background-color: #FFF;
	transform: rotateZ(10deg);
}

.pin-txt {
	transform: rotateZ(-10deg);
}

.small-cards {
	width: 90%;
}

.small-cards .card-buttons .card {
	border-radius: unset;
	border: unset;
	box-shadow: unset;
}

.small-cards .card-buttons .card h5 {
	color: white;
}

.top-cats {
	background-color: #f6f6f6;
}
 
.newsletter {
	border: 2px solid #616161;
}

.brochuretitle h4, .brochuretitle .h4class { color: white; }

/****Product-Template Start****/
			.container.product-details { max-width: 70%; }
			.product-details .btn-success { background: #85bd44; }
			.product-details hr { border: 2px solid #616161; margin-top: 3rem; margin-bottom: 3rem; }
    	.pinfo-bg1 { display: inline-block; background: #85bd44; }
    	.choose-box { background: #85bd44; color: white; }
    	.choose-box label { font-size: 16px; }
    	.chk-avail { background: #616161; }
    	.chk-avail h4, .chk-avail .h4class, .quick-add h4, .quick-add .h4class  { color: white; }
    	.quick-add .pinfo-bg { display:inline-block; color: white; }
    	.gray-title { max-width: max-content; }
    	.gray-title h2, .gray-title .h2class { color: white; }
    	.btn-light { color: #212529; background-color: white; border-color: grey; }
    	.quantity-box { max-width: 100px; }
    	.mainimg { min-height: 350px; }
    	.back-list { font-size: 18px; font-weight: bold; }

/****Product-Template End****/

/****FOOTER*****/

footer {
	background-color: #333; 
}

.container.footerbg {
	max-width: 85%;
}

footer h3, footer .h3class{
	color: #85bd44;
}

footer  a, .copyright {
	color: white;
}
footer  a:hover{
	color: white;
	text-decoration:underline;}

.fa-lock {
	color: #FC0;
}

.paypalogo {
	max-width: 100px;
}
.list-inline a, .allvattxt {
    color: #212529;
    text-decoration: none;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-right: 10px;
}
label {
    font-weight: bold;
}
.card-img-top{
	object-fit: cover;
width: 100%;

}
.col-8small{
	-ms-flex: 0 0 22.22222%;
flex: 0 0 22.22222%;
max-width: 22.22222%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.list-inline-item .basketitems {
position: absolute;
top: -11px;
font-size: 18px;
right: 19%;
font-weight: 600;
background: #85bd44;
color: #000;
border-radius: 50%;
width: 28px;
height: 29px;
	
}
#checkout fieldset {
	margin: 15px 0px;
	border: 1px solid #707070;
	_border: none;
	padding: 10px;
	_padding: 2px;
}
#checkout legend {
    background-color: #505050;
    padding: 5px;
    color: #FFF;
    font-weight: 700;
    font-size: 120%;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
    border-bottom: 1px solid #e5e5e5;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
.prosmall{
	height:60px !important;
	width:80px !important;
}
.ostockcmm{
	color:red;
	font-weight:bold;
	font-size:18px;
}
.cabindes a{
	color: #428bca;
}
.optinfoa:hover{
	background: #09f;
	color: #fff;
}
.optinfoa{
	padding: 2px 5px;
color: #fff !important;
background: #09c;
border-radius: 3px;
text-decoration: none;
}

.gallery-thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.gallery-thumbnail img {
	height: 150px;
}

.gallery-desc {
	font-size: 15px;
}

.gallery-desc a {
	color: #428bca;
	text-decoration: none;
}

.calc-note {
	color: #a6a6a6;
}
.thumimgs{
	height:150px;
}
.fcontent {
	background: #c3c3c3;
	padding: 70px 35px;
	font-size: 25px;
	border: 4px solid #fff;
	
}
.scontent {
	background: #7f7f7f;
	padding: 40px 35px;
	font-size: 25px;
	padding-left: 30%;
}
.fcrow{
	position: absolute;
left: 5%;
z-index: 2;
bottom: 10%;
}
.brochland {
	color: #85bd44;
	font-size: 20px;
	font-weight: bold;
}



/*Calculator Body*/

.calc-body { 
    width:100%;
    margin: auto;
    box-shadow: 0 8px 30px -7px #696666;
    background: #9ad654;
	/*border-radius: 8px;
	border-top-left-radius: 0;
border-top-right-radius: 0;*/
}  

.decking
{
color:#2f4f09 !important;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}

.input-class
{
	background-color: #fff !important;
border: 0px solid #fff;
font-size: 16px !important;
letter-spacing: 1px;
border-radius: 0px;
color:#495069!important;
	height:50px;
	/*box-shadow: 0 4px rgba(0,0,0,0.2)!important; */
	box-shadow: inset 0 0 10px #b0b0b0!important;
	
}

.input-class:focus 
{
 color: #495069!important;
  background-color: #fff !important;
border: 0px solid #fff;
 outline: none !important;
 box-shadow: inset 0 0 10px #b0b0b0!important;
} 
/*.form-control
{
	height: calc(0em + .0rem + 0px)!important;
} */
.bottom-text
{
	font-size: 15px;
	letter-spacing: 1px;
	color: #2f4f09 !important;
}
.submit
{
	font-size: 17px;
	letter-spacing: 1px;
	color: #fff!important;
	background-color: #36570f!important;
	border:0px solid #1e3306!important;
	text-transform: uppercase;
	font-weight: bold !important;
	border-radius:5px;
	box-shadow: inset 0 0 8px #192b04!important;
}

.btn.focus, .btn:focus {
  outline:none!important;
  box-shadow: inset 0 0 8px #192b04!important;
}
/*
.cal-screen
{
	width: 100%;
	height:120px;
	background-color: #548020 !important;
	box-shadow: inset 0 0 50px #2f4d0c !important;
	border-radius: 5px;
}
*/

.calculatorsdiv  .card-body{
	align-items: center;
  display: flex;
  justify-content: center;
}
.plistprc {
	font-size: 22px;
	color: #85bd44;
	font-weight: 700;
	line-height: 2;
}
.success {
	color: #fff;
	background-color: #85bd44;
	border-color: #d6e9c6;
	display: none;
	padding: 6px;
	width: fit-content;
	float: left;
}
.freeprivacypolicy-com---palette-light .cc-nb-reject {
	color: #fff;
	background-color: #EE4B2B;
}
.freeprivacypolicy-com---palette-light .cc-nb-reject:focus {
	box-shadow: 0 0 0 2px #EE4B2B;
}
.freeprivacypolicy-com---palette-light .cc-nb-okagree:focus {
	box-shadow: 0 0 0 2px green;
}
/*------------------------media query -------------------- */
@media (max-width: 320px) {

	body, .choose-box label { font-size: 15px; }

	h1, .h1class{ font-size: 32px; }
	h2, .h2class{ font-size: 27px; }
	h3, .h3class{ font-size: 18px; }
	h4, .h4class{ font-size: 16px; }

	.pin-board-msg { transform: unset; }
	.pin-txt { transform: unset; }
	.container.product-details { max-width: 95%; }
	.list-inline a, .allvattxt { font-size: 11px; }
	.basket-btns {
		display: flex !important;
		flex-direction: column;
	}
	.basket-btns a {
		margin: 5px 0 !important;
	}
	.categorylinks {
		border-right: none;
	}

}

@media (min-width: 321px) and (max-width: 575px) {

	body, .choose-box label { font-size: 15px; }

	h1, .h1class{ font-size: 32px; }
	h2, .h2class{ font-size: 27px; }
	h3, .h3class{ font-size: 18px; }
	h4, .h4class{ font-size: 16px; }

	.pin-board-msg { transform: unset; }
	.pin-txt { transform: unset; }
	.container.product-details { max-width: 95%; }
	.list-inline a, .allvattxt { font-size: 12px; }
	.basket-btns {
		display: flex !important;
		flex-direction: column;
	}
	.basket-btns a {
		margin: 5px 0 !important;
	}
	.categorylinks {
		border-right: none;
	}

}

@media (min-width: 576px) and (max-width: 767px) {

	body, .choose-box label { font-size: 15px; }

	h1, .h1class{ font-size: 32px; }
	h2, .h2class{ font-size: 27px; }
	h3, .h3class{ font-size: 18px; }
	h4, .h4class{ font-size: 16px; }

	.pin-board-msg { transform: unset; }
	.pin-txt { transform: unset; }
	.container.product-details { max-width: 85%; }

} 

@media (min-width: 768px) and (max-width: 991px) {

	body, .choose-box label { font-size: 15px; }

	h1, .h1class{ font-size: 32px; }
	h2, .h2class{ font-size: 27px; }
	h3, .h3class{ font-size: 18px; }
	h4, .h4class{ font-size: 16px; }
	.container.product-details { max-width: 85%; }
.fcrow{
	left:0;
	bottom:35%;
}
.fcontent{ padding:30px 35px;}
.scontent{
	 padding-left:50%;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.list-inline a, .allvattxt { font-size: 12px; }
	.fcrow{
	bottom:10%;
}
}
@media (max-width: 991px) {
.big-dropdown {
    min-width: auto;
}
}
@media (max-width: 767px) {
.fcrow{
	position:relative;
	left:0;bottom:0;
}
.scontent{
	padding-left:35px;
}
}



/*--------Table media query-------------*/
.table thead th {
	border-bottom: 0px solid #dee2e6;
}
.table, .table td, .table th { border-color: #000;}
@media (min-width: 800px) and (max-width: 991px) {
	
	.table td, .table th {
  padding: 0.4rem;
}
}
@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #no-more-tables tr { border: 1px solid #ccc; }
 
    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }

    .basket-btns{
    	padding: 10px !important;
    }
}
/*********Product detail dropdown**************/
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: #fff;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 45%;
 width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
  margin-left:10px;
  right:5px;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
  top: 25%;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
 position:relative;
  padding: 8px 25px 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.catimg {
	border: 2px solid #333;
	margin-bottom:10px;
	height:100%;
}
.catlink {
	border: 2px solid #333;
	padding:7px 0;
	margin-top:auto;
}
.catlink h2{ font-size:18px;}
.catlink a:hover{ text-decoration:none; }
.caltxt {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}