img{
	max-width:100%;
}
a {
    color: #96c11e;
}
a:hover {
    color: #96c11e;
    text-decoration:none;
}

@font-face {
    font-family: "Calibri";
    src: url("./fonts/Calibri.woff2") format("woff2"), url("./fonts/Calibri.woff") format("woff"), url("./fonts/Calibri.ttf") format("truetype");
    font-style: normal;
}

body {
    background: white;
    font-family: "Calibri";
}
.Topgreen{
	    background: #96c11e;
    padding: 5px 0px;
		color:#fff;

}
.Topgreen a{
	
	color:#fff;
}
.logo{
	margin: 10px 0px;
}

.logo img{}
.GreyBG{
	background: #56565a;
	padding: 10px 0px;
	margin-bottom: 0px;
}

.HomeBanner{
    background: #96c11e;
    margin-top: -50px;
    padding: 50px 0px;
}
.Bannertext{}
.Bannertext h1{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 4rem;
    color: #fff;
}
.Bannertext p{
    font-weight: 100;
    font-size: 1.5rem;
    color: #ffffff;
    margin: 25px 0px;
    margin-bottom: 0px;
}
.Bannertext a{
    display: inline-block;
    padding: 15px 25px;
    border: 2px solid #ccc;
    font-size: 1.3rem;
    font-weight: 900;
    color: #96c11e;
    background: #fff;
    border-radius: 30px;
}
.Bannertext img{
}

.Howitworks{margin:50px 0px;}
.Steps{
	text-align: CENTER;
}
.Steps h2{
    margin-bottom: 30px;
}
.Steps img{
    margin-bottom: 20px;
}
.Steps p{}
.Steps h4{
    font-size: 1.78em;
}
.Steps strong{
    color: #96c11e;
}

.


/********************************/
/*** WOO AND TWENTY SEVENTEEN ***/
/********************************/

/*** BREADCRUMBS ***/
.woocommerce .woocommerce-breadcrumb {
	font-size: 16px;
	font-weight: bold;
	color: #222;
}
/*** BREADCRUMB LINKS ***/
.woocommerce .woocommerce-breadcrumb a {
	color: #00707a;
}
/*** CHANGE COLORS ON THE FILTER DROPDOWN ***/
select.orderby { /* woocommerce class is purposely left off so other dropdowns can match but you can add it if you prefer */
	background: #96c11e;
	color: #fff;
	font-weight: bold;
	padding-left: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0px;
	padding: 6px 15px;
}
/*** SINGLE GRID ITEM STYLING ***/
.woocommerce ul.products li.product {
	text-align: center; /* centers titles and prices */
	background: #f5f5f5; /* changes background color */
	padding: 1.5em 1em!important; /* adds space around entire product */
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	padding: 5;
}
.woocommerce ul.products li.product:hover {
	background: #fff; /* changes background color on hover */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); /* adds shadow on hover */
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); 
	-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
/*** CHANGE COLOR ON SINGLE GRID AND RELATED PRODUCTS (THIS IS WHERE YOU CAN CHANGE THE FONT SIZE TOO IF YOU WANT) ***/
h2.woocommerce-loop-product__title,
.product .related h2 {
	color: #000; /* change color of product titles */
}
/*** ADD TO CART BUTTON ***/
.woocommerce ul.products li.product .button {
	display: inline-block;
	box-shadow: none;
	background: #333;
	color: #fff;
	font-size: 16px;
	padding: 8px 12px;
	margin-bottom: 0.5em;
	border-radius: 4px; /* makes rounded edges */
}
/*** CENTER STAR RATING AND MAKE STARS BIGGER ***/
.woocommerce ul.products li.product .star-rating {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
}
/*** CHANGE STAR COLOR FROM THEME COLOR ***/
.woocommerce .star-rating span::before {
	color: #ffa500;
}
/*** CHANGE PRICE SIZE ON GRID AND RELATED PRODUCTS ***/
.woocommerce ul.products li.product .price, 
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price, 
.woocommerce-page ul.products li.product .price del {
	font-size: 18px;
}
/*** CENTER SALE BADGE AND CHANGE COLORS ***/
.woocommerce span.onsale, 
.woocommerce-page span.onsale {
	background: #FFA500;
	color: #fff;
	letter-spacing: 2px;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
/*** GET RID OF BLACK LINE UNDER IMAGE ***/
.woocommerce ul.products li.product img {
	border: 3px solid #fff; /* adds border around image and is optional */
	box-shadow: none;
	text-decoration: none;
	padding: 7px;
}
a.woocommerce-LoopProduct-link, a.woocommerce-loop-product__link,
a.woocommerce-LoopProduct-link:hover, a.woocommerce-loop-product__link:hover,
a.woocommerce-LoopProduct-link:focus, a.woocommerce-loop-product__link:focus {
	box-shadow: none;
	outline: 0;
}
/*** REMOVE/CHANGE COLOR BEHIND PRICE ***/
.woocommerce ul.products li.product span.price ins {
	background: transparent; 
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #a46497;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    box-shadow: none;
    background: #333!important;
    color: #fff;
    font-size: 16px;
    padding: 8px 12px;
    margin-bottom: 0.5em;
    border-radius: 4px;
}

.FooterBG{
    background: #000000;
    padding: 30px 0px;
    color: #fff;
    margin-top: 50px;
}
.horizonalList{text-align: center;}
.horizonalList ul{
    margin: 0px;
    padding: 0px;
}
.horizonalList ul li{
    list-style: none;
    display: inline-block;
    width: 21%;
}
.Copyright{
    text-align: center;
    border-top: 1px solid #fff;
    margin-top: 30px;
    padding-top: 21px;
}

.Basket{
	text-align: right;
}
.Basket img{
	height: 35px;
}

.cart_totals {
	margin-bottom:50px;
}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
    height: auto;
    height: 80px!important;
    width: auto!important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 200px!important;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
    flex: 0 0 53%;
    max-width: 50%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 48%;
    flex: 0 0 53%;
    max-width: 50%;
}
.woocommerce form .form-row label {
    line-height: 2;
    width: 100%;
}
.woocommerce-input-wrapper{
	
	    width: 100%;

}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    padding: 10px;
}

.woocommerce-thankyou-order-received{
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 900;
    color: #96c11e;
} 

.woocommerce-MyAccount-navigation{
	background: #96c11e;
	margin-bottom: 30px;
}
.woocommerce-MyAccount-navigation ul{margin: 0px;padding: 0px;}
.woocommerce-MyAccount-navigation ul li{
    display: inline-block;
    padding: 14px 31px;
}
.woocommerce-MyAccount-navigation ul li a{
    color: #fff;
}

.woocommerce-info {
    border-top-color: #96c11e!important;
}
.woocommerce-info::before {
    color: #96c11e!important;
}

.HomeBannerBG{background-size: cover!important;background-position: center center!important;padding: 120px 0px;text-align: CENTER;}


.HomeSlug{}
.Homeslugbg{
    background: #96c11e;
    padding: 10px;
	color:#fff;
}

.Homeslugbg img{
    height: 50px;
}

.DefaultFullPage{
	margin-top:40px;
}

.Homeslugbg p{
    margin: 0px;
}