/* General Components */
@import url("header.css");
@import url("category-page.css");
@import url("components/breadcrumb.css");
@import url("quick-checkout.css");
@import url("sign-in.css");

/* Home Components */
@import url("components/usps-strip.css");
@import url("components/central-banner.css");
@import url("components/eco-usp.css");
@import url("components/trusted-by.css");
@import url("components/category-links.css");
@import url("components/testimonial.css");
@import url("components/footer.css");

/* Category Page Components */
@import url("components/category-callout-banner.css");

/* Product Page Components */
@import url("components/product-details.css");

@import url("contact-us.css");

/* New Global CSS */

:root {
	/* Colors */
	--cream: #fff4d9;
	--green: #9ac76a;
	--dark-green: #004936;
	--light-green: rgba(154, 199, 106, .25);
	--white: #ffffff;
	--black: #000000;
	--light-gray: #f8f8f8;
	--dark-gray: #333;
	--border-color: #d1d1d1;

	/* Fonts */
	--quicksand-font: 'Quicksand', sans-serif;
}

* {
	font-family: var(--quicksand-font);
}

p {
	margin: 0;
}

.section {
	margin: 2rem 0;
}

.title {
	font-family: var(--quicksand-font);
	font-weight: bold;
	font-size: 3.5rem;
	color: var(--dark-green);
	letter-spacing: 0;
	text-align: center;
	text-transform: none;
}

.button,
.button:hover {
	background-color: var(--dark-green);
	color: var(--white);
}

.button {
	padding: 8px 15px;
	font-size: 16px;
}

.button.product-button {
	display: block;
	text-align: center;
	width: 100%;
}

.button:hover {
	cursor: pointer;
	opacity: .95;
}

.checkout-button {
	width: 100%;
	font-size: 2rem;
	font-size: 14px;
}

.white-text {
	color: var(--white) !important;
}

.progress-bar-wrap {
	padding: 2rem 0;
	background-color: var(--dark-green);
	color: var(--white);
}

@media screen and (max-width: 425px) {
	.title {
		font-size: 2.5rem;
	}
}

@media screen and (max-width: 992px) {
	.progress-bar-wrap {
		display: none;
	}
}

/* New Global CSS */

html,
body {
	height: 100%;
	width: 100%;
	overflow-x: wrap;
	font-family: 'Montserrat', sans-serif;
	/*padding-top: 90px;*/
}

h1,
h2,
h3,
h4 {
	/* font-family: 'Bebas Neue', cursive; */
	font-family: var(--quicksand-font);
	/* letter-spacing: 2px; */
	font-weight: normal;
}

.cta-primary {
	width: 100%;
	padding: 10px;
}

.cta-promo a {
	/* background:#cc0a93; */
	background-color: var(--green);
	color: #fff;
	width: 100%;
	text-align: center;
	padding: 10px;
	font-weight: 700;
	display: block;
	/* margin-top:30px; */
	margin-top: 15px;
	margin-bottom: 10px;
}

.cart-cta {
	color: #fff !important;
	padding: 15px;
}

.category-title h1 {
	margin-bottom: 20px;
	margin-top: 0;
}




@media (min-width: 576px) {


	.category-promo {
		height: 280px;
	}

}

@media (min-width: 768px) {}





.promo-banner {
	background: #cc0a93;
	padding: 15px;
	width: 100%;
	z-index: 500;
	padding-top: 50px;
	position: relative;
}

.promo-banner h2 {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	text-align: center;
	line-height: 18px;
}

a:hover {
	text-decoration: none !important;
}

a:focus {
	text-decoration: none !important;
}


.promo-banner a h2 {

	color: #fff;
	text-decoration: none !important;
}

.promo-banner a h2:hover {

	color: #fff;
	text-decoration: none !important;
}




/*
====================================
|	Start of carousel
====================================
*/
.carousel-caption {
	width: 100%;
	right: 0%;
	left: 0%;
	color: #000;
	font-size: 1.2em;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0) !important;
	padding: 5px;
	background-color: #ddd;
	bottom: 0;
}

.scroller-header {
	font-size: 20pt;
	font-weight: 500;
}

.slide-image {
	width: 100%;
}

.carousel-holder {
	margin-bottom: 10px;
}

.carousel-indicators {
	top: 20px;
}

.carousel-indicators .active {
	background-color: #000;
}

.carousel-control,
.item {
	border-radius: 4px;
}

.slider-properties {
	background-color: #8C8C8C;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 400px;
}

/*
====================================
|	Start of product featured
====================================
*/
.caption {
	overflow: hidden;
}

.caption h4 {
	white-space: nowrap;
	text-align: center;
}

.caption h4 a {
	font-weight: 700;
	color: var(--dark-green);
}

.thumbnail img {
	width: 100%;
}

.ratings {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;

}

.thumbnail {
	padding: 0;
}

.thumbnail .caption-full {
	padding: 9px;
	color: #333;
}

/*
====================================
|	Related products
====================================
*/
.productbox {
	background-color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;

}

.producttitle {
	font-weight: bold;
	padding: 5px 0 5px 0;
}

.productprice {
	border-top: 1px solid #dadada;
	padding-top: 5px;
}

.pricetext {
	font-weight: bold;
	font-size: 1.4em;
}



.push {
	height: 195px;
}



* {
	margin: 0;
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -195px;
	position: relative;
}

.bootstrap-select {
	padding: 0;
}



/*
====================================
|	Width helpers
====================================
*/
.width-10 {
	width: 10%;
	margin: auto;
}

.width-20 {
	width: 20%;
	margin: auto;
}

.width-30 {
	width: 30%;
	margin: auto;
}

.width-40 {
	width: 40%;
	margin: auto;
}

.width-50 {
	width: 50%;
	margin: auto;
}

.width-60 {
	width: 60%;
	margin: auto;
}

.width-70 {
	width: 70%;
	margin: auto;
}

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

.width-90 {
	width: 90%;
	margin: auto;
}

.width-100 {
	width: 100%;
	margin: auto;
}

.width-15 {
	width: 15%;
	margin: auto;
}

.width-25 {
	width: 25%;
	margin: auto;
}

.width-35 {
	width: 35%;
	margin: auto;
}

.width-45 {
	width: 45%;
	margin: auto;
}

.width-55 {
	width: 55%;
	margin: auto;
}

.width-65 {
	width: 65%;
	margin: auto;
}

.width-75 {
	width: 75%;
	margin: auto;
}

.width-85 {
	width: 85%;
	margin: auto;
}

.width-95 {
	width: 95%;
	margin: auto;
}

.width-99 {
	width: 99%;
	margin: auto;
}


/*
====================================
|	Opacity helpers
====================================
*/
.opacity-10 {
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.opacity-20 {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.opacity-30 {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.opacity-40 {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.opacity-50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.opacity-60 {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.opacity-70 {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.opacity-80 {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.opacity-90 {
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.opacity-100 {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.opacity-15 {
	opacity: 0.15;
	filter: alpha(opacity=15);
}

.opacity-25 {
	opacity: 0.25;
	filter: alpha(opacity=25);
}

.opacity-35 {
	opacity: 0.35;
	filter: alpha(opacity=35);
}

.opacity-45 {
	opacity: 0.45;
	filter: alpha(opacity=45);
}

.opacity-55 {
	opacity: 0.55;
	filter: alpha(opacity=55);
}

.opacity-65 {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.opacity-75 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.opacity-85 {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.opacity-95 {
	opacity: 0.95;
	filter: alpha(opacity=95);
}

/*
====================================
|	Padding helpers
====================================
*/
.pad0T {
	padding-top: 0px;
}

.pad0B {
	padding-bottom: 0px;
}

.pad0L {
	padding-left: 0px;
}

.pad0R {
	padding-right: 0px;
}

.pad0A {
	padding: 0px;
}

.pad5T {
	padding-top: 5px;
}

.pad5B {
	padding-bottom: 5px;
}

.pad5L {
	padding-left: 5px;
}

.pad5R {
	padding-right: 5px;
}

.pad5A {
	padding: 5px;
}

.pad10T {
	padding-top: 10px;
}

.pad10B {
	padding-bottom: 10px;
}

.pad10L {
	padding-left: 10px;
}

.pad10R {
	padding-right: 10px;
}

.pad10A {
	padding: 10px;
}

.pad15T {
	padding-top: 15px;
}

.pad15B {
	padding-bottom: 15px;
}

.pad15L {
	padding-left: 15px;
}

.pad15R {
	padding-right: 15px;
}

.pad15A {
	padding: 15px;
}

.pad20T {
	padding-top: 20px;
}

.pad20B {
	padding-bottom: 20px;
}

.pad20L {
	padding-left: 20px;
}

.pad20R {
	padding-right: 20px;
}

.pad20A {
	padding: 20px;
}

.pad25T {
	padding-top: 25px;
}

.pad25B {
	padding-bottom: 25px;
}

.pad25L {
	padding-left: 25px;
}

.pad25R {
	padding-right: 25px;
}

.pad25A {
	padding: 25px;
}

.pad30T {
	padding-top: 30px;
}

.pad30B {
	padding-bottom: 30px;
}

.pad30L {
	padding-left: 30px;
}

.pad30R {
	padding-right: 30px;
}

.pad30A {
	padding: 30px;
}

.pad35T {
	padding-top: 35px;
}

.pad35B {
	padding-bottom: 35px;
}

.pad35L {
	padding-left: 35px;
}

.pad35R {
	padding-right: 35px;
}

.pad35A {
	padding: 35px;
}

.pad40T {
	padding-top: 40px;
}

.pad40B {
	padding-bottom: 40px;
}

.pad40L {
	padding-left: 40px;
}

.pad40R {
	padding-right: 40px;
}

.pad40A {
	padding: 40px;
}

.pad45T {
	padding-top: 45px;
}

.pad45B {
	padding-bottom: 45px;
}

.pad45L {
	padding-left: 45px;
}

.pad45R {
	padding-right: 45px;
}

.pad45A {
	padding: 45px;
}

.pad50T {
	padding-top: 50px;
}

.pad50B {
	padding-bottom: 50px;
}

.pad50L {
	padding-left: 50px;
}

.pad50R {
	padding-right: 50px;
}

.pad50A {
	padding: 50px;
}

/*
====================================
|	Padding helpers
====================================
*/
.mrg0T {
	margin-top: 0px;
}

.mrg0B {
	margin-bottom: 0px;
}

.mrg0L {
	margin-left: 0px;
}

.mrg0R {
	margin-right: 0px;
}

.mrg0A {
	margin: 0px;
}

.mrg5T {
	margin-top: 5px;
}

.mrg5B {
	margin-bottom: 5px;
}

.mrg5L {
	margin-left: 5px;
}

.mrg5R {
	margin-right: 5px;
}

.mrg5A {
	margin: 5px;
}

.mrg10T {
	margin-top: 10px;
}

.mrg10B {
	margin-bottom: 10px;
}

.mrg10L {
	margin-left: 10px;
}

.mrg10R {
	margin-right: 10px;
}

.mrg10A {
	margin: 10px;
}

.mrg15T {
	margin-top: 15px;
}

.mrg15B {
	margin-bottom: 15px;
}

.mrg15L {
	margin-left: 15px;
}

.mrg15R {
	margin-right: 15px;
}

.mrg15A {
	margin: 15px;
}

.mrg20T {
	margin-top: 20px;
}

.mrg20B {
	margin-bottom: 20px;
}

.mrg20L {
	margin-left: 20px;
}

.mrg20R {
	margin-right: 20px;
}

.mrg20A {
	margin: 20px;
}

.mrg25T {
	margin-top: 25px;
}

.mrg25B {
	margin-bottom: 25px;
}

.mrg25L {
	margin-left: 25px;
}

.mrg25R {
	margin-right: 25px;
}

.mrg25A {
	margin: 25px;
}

.mrg30T {
	margin-top: 30px;
}

.mrg30B {
	margin-bottom: 30px;
}

.mrg30L {
	margin-left: 30px;
}

.mrg30R {
	margin-right: 30px;
}

.mrg30A {
	margin: 30px;
}

.mrg35T {
	margin-top: 35px;
}

.mrg35B {
	margin-bottom: 35px;
}

.mrg35L {
	margin-left: 35px;
}

.mrg35R {
	margin-right: 35px;
}

.mrg35A {
	margin: 35px;
}

.mrg40T {
	margin-top: 40px;
}

.mrg40B {
	margin-bottom: 40px;
}

.mrg40L {
	margin-left: 40px;
}

.mrg40R {
	margin-right: 40px;
}

.mrg40A {
	margin: 40px;
}

.mrg45T {
	margin-top: 45px;
}

.mrg45B {
	margin-bottom: 45px;
}

.mrg45L {
	margin-left: 45px;
}

.mrg45R {
	margin-right: 45px;
}

.mrg45A {
	margin: 45px;
}

.mrg50T {
	margin-top: 50px;
}

.mrg50B {
	margin-bottom: 50px;
}

.mrg50L {
	margin-left: 50px;
}

.mrg50R {
	margin-right: 50px;
}

.mrg50A {
	margin: 50px;
}

/*
====================================
|	Font size helpers
====================================
*/
.font-size-10 {
	font-size: 10px;
}

.font-size-11 {
	font-size: 11px;
}

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

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

.font-size-14 {
	font-size: 14px;
}

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

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

.font-size-17 {
	font-size: 17px;
}

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

.font-size-19 {
	font-size: 19px;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-22 {
	font-size: 22px;
}

.font-size-23 {
	font-size: 23px;
}

.font-size-24 {
	font-size: 24px;
}

.font-size-25 {
	font-size: 25px;
}

.font-size-26 {
	font-size: 26px;
}

.font-size-27 {
	font-size: 27px;
}

.font-size-28 {
	font-size: 28px;
}

.font-size-29 {
	font-size: 29px;
}

.font-size-30 {
	font-size: 30px;
}

.font-size-40 {
	font-size: 40px;
}

.font-size-50 {
	font-size: 50px;
}

.font-size-60 {
	font-size: 60px;
}


/*
====================================
|	General
====================================
*/
@media print {
	.page-break {
		page-break-after: always;
	}
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

a {
	color: #1161C8;
}

.auto-margin,
.margin-auto {
	margin: auto;
}

.btn-brand {
	/* background-color: #9C3; */
	background-color: var(--green);
	color: var(--white);
	border-width: 0;
	/* color: #333; */
	font-weight: bold;
}

.btn {
	border-radius: 0;
}

.thumbnail {
	border-radius: 0;
	border: 0;
}

.panel {
	border-color: #CCC;
	border-radius: 0;

}

.panel-brand {
	border-color: #CCC;

}

.panel-brand>.panel-heading {
	color: #fff;
	/* background-color: #1161C8; */

	background-color: var(--dark-green);
	border-color: #CCC;
	border-radius: 0;
}

.panel-brand>.panel-heading a {
	color: #000;
}

.divider {
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
}

.breadcrumb>li+li:before {
	color: #000;
	content: "\00BB"
}

.col-centered,
.center-div {
	float: none;
	margin: 0 auto;
}

.rounded-corners {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000000;

}

.grey-border {
	border-color: #DFDFDF;
}

.flex {
	display: flex;
}

.stretch {
	align-items: stretch;
}

.hide-overflow {
	overflow: hidden;
}

.wrap-overflow {
	overflow: wrap;
}

#secure_banner {
	background-color: #99CC33;
	color: #000;
	padding: 5px;
	text-align: center;
	position: relative;
	top: 1px;
}


/*
====================================
|	Rounded corners.
====================================
*/
.rounded-corners-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/*
====================================
|	Colour helpers
====================================
*/
.text-white {
	color: #fff;
}

.text-black {
	color: #000;
}

.text-brand {
	color: #1161C8;
}


.white-background {
	background-color: #fff;
}

.gray-1-background {
	background-color: #eee;
}

.gray-2-background {
	background-color: #ddd;
}

/*
====================================
|	Navigation bar (top)
====================================
*/
.navbar-inverse {
	background-color: #fff;
}

.navbar-brand {
	padding: 0;
	height: 70px;
	padding-right: 20px;
}

ul.nav li.dropdown:hover>ul.dropdown-menu {
	/*display: block; */
}

.dropdown:hover .dropdown-menu {
	/*display: block; */
}

.show-on-hover:hover>ul.dropdown-menu {
	/*display: block; */
}

.navbar-default {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #E2E2E2;
	border-radius: 0;
}

.links-header {
	position: relative;
	display: inline;
	top: 12px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

ul.nav.navbar-nav>li:hover,
ul.nav.navbar-nav>a:hover {
	color: #fff;
}

.header-callout {
	margin: 5px 0 10px 0;
	padding-bottom: 5px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #999;
}

.cart-header {
	background-color: #1161C8;
	color: #fff !important;
	border-radius: 5px;
	padding: 12px;
	display: inline;
	position: relative;
	bottom: 15px;
}

.cart-header>a {
	color: #fff !important;
	font-size: 16px;
}

.search-header {
	position: relative;
	display: inline;
	margin: 0 !important;
}

.search-header input,
.search-header button {
	height: 50px;
	width: 50px;
	border-top: none;
	border-bottom: none;
}

.search-header #search_query {
	width: 200px !important;
	height: 50px;
	box-shadow: none !important;
}

.price_in_box {
	color: #222;
	font-weight: 500;
	font-size: 25px;
}

.price_in_box_small {
	color: #222;
	font-weight: 500;
	font-size: 18px;
}

/* #buy_box, .buy_box {
	border: 1px solid #ccc;
	padding: 15px 25px 15px 24px;

} */

.bg-brand {
	/* background-color: #1161C8; */
	background-color: var(--dark-green);
	color: #fff;
}

.bg-brand-alt {
	/* background-color: #99CC33; */
	background-color: var(--green);
	color: #fff;
}

.bg-gray {
	background-color: #F5F5F5;
	color: #333;
	border: 1px solid #CCC;
}

.caption-featured-cat {
	height: auto;
}

/*
====================================
|	Form Process
====================================
*/
.bs-wizard.checkout-steps {
	@media screen and (max-width: 992px) {
		display: none;
	}
}

.bs-wizard {
	margin-top: 5px;
}

.bs-wizard {
	border-bottom: solid 1px #e0e0e0;
	padding: 0 0 10px 0;
}

.bs-wizard>.bs-wizard-step {
	padding: 0;
	position: relative;
}

.bs-wizard>.bs-wizard-step+.bs-wizard-step {}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
	color: #595959;
	font-size: 16px;
	margin-bottom: 5px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
	color: #999;
	font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	background: var(--green);
	top: 45px;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
	content: ' \2713 ';
	width: 14px;
	height: 14px;
	background: var(--green);
	border-radius: 50px;
	position: absolute;
	top: 8px;
	left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	color: var(--dark-green);
}

.bs-wizard>.bs-wizard-step>.progress {
	position: relative;
	border-radius: 0px;
	height: 8px;
	box-shadow: none;
	margin: 20px 0;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
	width: 0px;
	box-shadow: none;
	background: var(--green);
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
	width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
	width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
	width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
	width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
	background-color: #f5f5f5;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
	opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
	left: 50%;
	width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
	width: 50%;
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
	pointer-events: none;
}

/*
====================================
|	Borders
====================================
*/
.borderA {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
}

.borderT {
	border-top-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

.borderR {
	border-right-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

.borderB {
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

.borderL {
	border-left-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

/*
====================================
|	Tabbed content
====================================
*/
.panel.with-nav-tabs .panel-heading {
	padding: 5px 5px 0 5px;
	background-color: #1161C8;
	border-color: #1161C8;
	border-radius: 0;
}

.panel.with-nav-tabs .nav-tabs {
	border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
	margin-bottom: -1px;
}

.panel-primary {
	border-color: #000;
}

.with-nav-tabs.panel-primary .nav-tabs>li>a,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
	color: #fff;
	border-radius: 0;
}

.with-nav-tabs.panel-primary .nav-tabs>.open>a,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
	color: #fff;
	background-color: #99CC33;
	border-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus {
	color: #1161C8;
	background-color: #fff;
	border-color: #1161C8;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu {
	background-color: #1161C8;
	border-color: #99CC33;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a {
	color: #fff;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
	background-color: #99CC33;
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
	background-color: #4a9fe9;
}

/*
====================================
|	History listing
====================================
*/
.event-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.event-list>li {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 5px rgb(51, 51, 51);
	box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
	padding: 0px;
	margin: 0px 0px 20px;
}

.event-list>li>time {
	display: inline-block;
	width: 100%;
	color: rgb(255, 255, 255);
	background-color: #1161C8;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}

.event-list>li:nth-child(even)>time {
	background-color: #99CC33;
}

.event-list>li>time>span {
	display: none;
}

.event-list>li>time>.day {
	padding-top: 10px;
	display: block;
	font-size: 25pt;
	font-weight: 100;
	line-height: 1;
}

.event-list>li time>.month {
	display: block;
	font-size: 18pt;
	font-weight: 900;
	line-height: 1;
}

.event-list>li>img {
	width: 100%;
}

.event-list>li>.info {
	padding-top: 5px;
	text-align: center;
}

.event-list>li>.info>.title {
	font-size: 12pt;
	font-weight: 700;
	margin: 0px;
}

.event-list>li>.info>.desc {
	font-size: 10pt;
	font-weight: 300;
	margin: 0px;
}

.event-list>li>.info>ul,
.event-list>li>.social>ul {
	display: table;
	list-style: none;
	margin: 10px 0px 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
}

.event-list>li>.social>ul {
	margin: 0px;
}

.event-list>li>.info>ul>li,
.event-list>li>.social>ul>li {
	display: table-cell;
	cursor: pointer;
	color: rgb(30, 30, 30);
	font-size: 11pt;
	font-weight: 300;
	padding: 3px 0px;
}

.event-list>li>.info>ul>li>a {
	display: block;
	width: 100%;
	color: rgb(30, 30, 30);
	text-decoration: none;
}

.event-list>li>.social>ul>li {
	padding: 0px;
}

.event-list>li>.social>ul>li>a {
	padding: 3px 0px;
}

.event-list>li>.info>ul>li:hover,
.event-list>li>.social>ul>li:hover {
	color: rgb(30, 30, 30);
	background-color: rgb(200, 200, 200);
}








@media (min-width: 768px) {


	.promo-banner {

		padding-top: 85px;

	}


	.navbar-nav>li>a {
		font-size: 10px;
		padding: 10px;
	}

	.intro-box h1 {

		font-size: 50px !important;

	}

	.intro-box {
		padding: 50px !important;
		margin-top: 55px;

	}


	.intro-header {
		padding-top: 0px !important;
		/* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
		height: 750px !important;
	}

	.intro-message {
		padding-top: 65px !important;
		/* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */

	}

}

@media (min-width: 992px) {

	.navbar-nav>li>a {

		padding: 15px;
	}

	.promo-banner {
		padding-top: 95px;
	}

}

@media (min-width: 1200px) {

	.bottom-nav .navbar-nav>li>a,
	.bottom-nav .navbar-brand {
		font-size: 12px !important;
	}

	.promo-banner h2 {
		font-size: 20px;
	}



}




.cta-prime {
	width: auto !important;
	min-width: 300px;
}


.event-list>li {
	position: relative;
	display: block;
	width: 100%;
	height: 80px;
	padding: 0px;
}

.event-list>li>time,
.event-list>li>img {
	display: inline-block;
}

.event-list>li>time,
.event-list>li>img {
	width: 80px;
	float: left;
}

.event-list>li>.info {
	background-color: rgb(245, 245, 245);
	overflow: hidden;
}

.event-list>li>time,
.event-list>li>img {
	width: 80px;
	height: 80px;
	padding: 0px;
	margin: 0px;
}

.event-list>li>.info {
	position: relative;
	height: 80px;
	text-align: left;
	padding-right: 40px;
}

.event-list>li>.info>.title,
.event-list>li>.info>.desc {
	padding: 0px 10px;
}

.event-list>li>.info>ul {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.event-list>li>.social {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 40px;
}

.event-list>li>.social>ul {
	border-left: 1px solid rgb(230, 230, 230);

}

.event-list>li>.social>ul>li {
	display: block;
	padding: 0px;
}

.event-list>li>.social>ul>li>a {
	display: block;
	width: 40px;
	padding: 10px 0px 9px;
}


/*
====================================
|	Dropdown panels
====================================
*/
.dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	min-width: 160px;
	/*max-width: 360px;*/
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
	color: #000;
}

.dropdown .dropdown-panel {
	padding: 10px;
}

.dropdown.dropdown-tip {
	margin-top: 8px;
}

.dropdown.dropdown-tip:before {
	position: absolute;
	top: -6px;
	left: 9px;
	content: '';
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #CCC;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown.dropdown-tip:after {
	position: absolute;
	top: -5px;
	left: 10px;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FFF;
	display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.dropdown .dropdown-menu LI {
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 18px;
}

.dropdown .dropdown-menu LI>A,
.dropdown .dropdown-menu LABEL {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	margin: 0;
	white-space: nowrap;
}

.dropdown .dropdown-menu LI>A:hover,
.dropdown .dropdown-menu LABEL:hover {
	background-color: #1161C8;
	color: #FFF;
	cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}

.dropdown.has-icons LI>A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}

.dropdown .undo A {
	background-image: url(icons/arrow-curve-180-left.png);
}

.dropdown .redo A {
	background-image: url(icons/arrow-curve.png);
}

.dropdown .cut A {
	background-image: url(icons/scissors.png);
}

.dropdown .copy A {
	background-image: url(icons/document-copy.png);
}

.dropdown .paste A {
	background-image: url(icons/clipboard.png);
}

.dropdown .delete A {
	background-image: url(icons/cross-script.png);
}



/*
====================================
|	Wide Navigation
====================================
*/
.wide-navigation,
.wide-navigation a,
.wide-navigation ul,
.wide-navigation li,
.wide-navigation div,
.wide-navigation form,
.wide-navigation input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	color: #000;
}

.wide-navigation a {
	text-decoration: none;
}

.wide-navigation li {
	list-style: none;
}

/* Menu Container */
.wide-navigation {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 500;
	width: 80%;
	position: relative;
	top: 10px;
}

/* Menu List */
.wide-navigation>li {
	display: block;
	float: left;
}

/* Menu Links */
.wide-navigation>li>a {
	position: relative;
	display: block;
	z-index: 510;
	height: 54px;
	padding: 0 20px;
	line-height: 54px;
	font-weight: bold;
	font-size: 13px;
	color: #000;


	background: #fff;
	border-left: 0px solid #1161C8;
	border-right: 0px solid #312a27;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease;
}

.wide-navigation>li:hover>a {
	background: #1161C8;
}

.wide-navigation>li:first-child>a {
	border-radius: 3px 3px 3px 3px;
	border-left: none;
}

/* Menu Dropdown */
.wide-navigation>li>div {
	position: absolute;
	display: block;
	width: 100%;
	top: 50px;
	left: 0;

	opacity: 0;
	visibility: hidden;
	overflow: hidden;

	background: #ffffff;
	border-radius: 0 0 3px 3px;

	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.wide-navigation>li:hover>div {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

/* Menu Content Styles */
.wide-navigation .wide-navigation-column {
	float: left;
	width: 20%;
	padding: 2.5%;
}

.wide-navigation .wide-navigation-column h3 {
	margin: 20px 0 10px 0;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
}

.wide-navigation .wide-navigation-column h3.orange {
	color: #ff722b;
}

.wide-navigation .wide-navigation-column li a {
	display: block;
	line-height: 26px;
	font-weight: bold;
	font-size: 13px;
	color: #888888;
}

.wide-navigation .wide-navigation-column li a:hover {
	color: #666666;
}



/*
====================================
|	Wide Navigation - YAMM
====================================
*/
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}

.yamm .container {
	position: relative;
}

.yamm .dropdown-menu {
	left: auto;
}

.yamm .yamm-content {
	padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}

/*
====================================
|	Backgrounds/fonts.
====================================
*/
.white-bg {
	background: #ffffff !important;

}

.white-font {
	color: #fff !important;
}

.black-font {
	color: #000 !important;
}

/*
====================================
|	YAMM mega menu
====================================
*/
.list-unstyled,
.list-unstyled ul {
	min-width: 250px
}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;
}

.yamm .container {
	position: relative;
}

.yamm .dropdown-menu {
	left: auto;
}

.yamm .yamm-content {
	padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}

/*Home landing page*/
.top-nav {
	font-size: 14px;
	margin-bottom: 0;
	padding: 4px 0 5px 0;
}

.lead {
	font-size: 18px;
	font-weight: 400;
}


.testimonial-row .stars {
	color: #eee;
	font-size: 15px;
	text-align: center;
	margin: 20px 0 0;
	display: block;
}

.testimonial-row {
	background: #9C3;
	padding: 40px 0;
}

.testimonial-row h1 {
	margin: 0;
	text-align: center;
	color: #fff;
}


.testimonial-row p {
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.testimonial-row strong {

	color: #fff;

}

.testimonial-row p:before {
	content: '"';
	font-size: 40px;
}

.testimonial-row p:after {
	content: '"';
	font-size: 40px;
}






.intro-box {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 20px;
}

.intro-box h1 {
	font-size: 30px;
	color: #fff;
	margin-top: 0;

}

.intro-box h2 {
	font-size: 20px;
	margin-top: 35px;
}

.intro-box h2 span {
	color: #9C3;
	font-weight: 600;
}



@media (min-width: 576px) {

	.intro-box h2 {
		font-size: 25px;

	}

}

.cta-prime {
	background: #9C3;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	padding: 20px;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 20px;

}

.cta-prime:hover {

	color: #fff;

}

.feature-message h1 {
	text-transform: uppercase;
	font-weight: 700;
	color: #e01878;
	font-size: 25px;

}

.feature-message h2 {
	text-transform: uppercase;
	font-weight: 700;
	color: #9C3;
	font-size: 25px;
}

.feature-message h2 span {
	text-transform: uppercase;
	font-weight: 100;
	color: #999;
	font-size: 15px;
	clear: both;
}

@media (min-width: 576px) {

	.feature-message h1 {
		text-transform: uppercase;
		font-weight: 700;
		color: #e01878;
		font-size: 35px;
	}



}


@media (min-width: 768px) {

	.feature-message {
		padding-top: 120px;
		display: block;
		margin: 0 auto;
	}

	.feature-message h1 {

		font-size: 40px;

	}

	.feature-message h2 {

		font-size: 40px;
	}



}

@media (min-width: 992px) {

	.feature-message {
		width: 930px;
	}


	.feature-message h1 {
		text-align: left;
		font-size: 60px;
		margin-bottom: 0;

	}

	.feature-message h2 {
		text-align: left;
		position: relative;
		font-size: 60px;
		margin-top: 0;
	}

	.feature-message h2 span {
		text-align: left;
		position: absolute;
		top: 10px;
		padding-left: 10px;
		font-size: 22px;
	}



}







.intro-box ul {
	list-style-type: none;
	padding: 0;
}

.intro-box ul li a {
	position: relative;
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
}



.intro-box ul li:before {
	content: '\f05d';
	font-family: FontAwesome;
	margin-left: -20px;
	position: absolute;
}



.intro-header {
	padding-top: 50px;
	/* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	height: 650px;
	text-align: center;
	color: #f8f8f8;
	background: url(https://res.cloudinary.com/prestige-gifting/image/fetch/w_2500,e_sharpen:80,q_auto,f_auto,dpr_auto/https://www.flowers-in-store.co.uk/images/60229530_l.jpg) no-repeat top center;
	background-size: cover;
}

.intro-message {
	position: relative;
	padding-top: 50px !important;
	/*padding-bottom: 20%;*/
}

.intro-message>h1 {
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 5em;
}

.intro-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.intro-message>h3 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}




@media (min-width: 992px) {


	.intro-box {
		padding: 50px !important;
		margin-top: 0 !important;

	}


}

@media(max-width:767px) {
	.intro-message {
		padding-bottom: 15%;
	}

	.intro-message>h1 {
		font-size: 3em;
	}

	ul.intro-social-buttons>li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.intro-social-buttons>li:last-child {
		margin-bottom: 0;
	}

	.intro-divider {
		width: 100%;
	}
}

.network-name {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
}

.content-section-a {
	padding: 50px 0;
	background-color: #f8f8f8;
}

.content-section-b {
	padding: 50px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.section-heading {
	margin-bottom: 30px;
}

.section-heading-spacer {
	float: left;
	width: 100px;
	border-top: 3px solid #222;
}

.list-style ul {
	padding: 0;
	list-style-type: none;
}

.list-style ul li:before {
	content: '\f05d';
	font-family: FontAwesome;
	padding-right: 20px;
}

.banner {
	padding: 100px 0;
	color: #f8f8f8;
	background: url(https://res.cloudinary.com/prestige-gifting/image/fetch/w_1140,e_sharpen:80,q_auto,f_auto,dpr_auto/https://www.flowers-in-store.co.uk/images/banner-contact.jpg) no-repeat bottom center;
	background-size: cover;
	height: 300px;
}

.banner h2 {
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
	font-size: 3em;
}

.banner ul {
	margin-bottom: 0;
}

.banner-social-buttons {
	float: right;
	margin-top: 0;
}



@media(max-width:1199px) {
	ul.banner-social-buttons {
		float: left;
		margin-top: 15px;
	}
}

@media(max-width:767px) {
	.banner h2 {
		margin: 0;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
		font-size: 3em;
	}

	ul.banner-social-buttons>li {
		display: block;
		margin-bottom: 20px;
		padding: 0;
	}

	ul.banner-social-buttons>li:last-child {
		margin-bottom: 0;
	}
}

p.copyright {
	margin: 15px 0 0;
}

.login-btn {
	color: #ffffff;
	background-color: #9C3;
	text-transform: uppercase;
}

.main-container {
	/* padding-top: 21px; */
}

.padding-top-25 {
	padding-top: 25px;
}

.padding-top-50 {
	padding-top: 50px;
}

.brand-colour {
	color: #9C3;
}

.brand-bg-colour {
	background-color: #9C3;
}

img.barcode {
	height: 50px;
}

.price-retail {
	/* color: var(--dark-green);
	font-size: 12px; */
	color: var(--dark-green);
	font-size: 12px;
}

.price-retail-vat {
	font-size: 80%;
}

.price-retail-crossed {
	/* font-size: 110%; */
	color: var(--dark-green);
	font-size: 12px;
}

#basket_summary {
	/* margin-bottom: 50px; */
}

.bottom-nav {
	min-height: 28px !important;
}

.bottom-nav .navbar-nav>li>a,
.bottom-nav .navbar-brand {
	font-size: 10px;
	letter-spacing: 1px;
	color: #333;
	text-transform: uppercase;
	padding: 15px 10px !important;
}


.search-header {
	margin-right: -30px !important;
}

.bottom-nav.navbar-fixed-top {
	margin-top: 60px;
}

.category-nav li:first-child {
	border-left: 1px solid #d1d1d1;
}

.category-nav li {
	border-right: 1px solid #d1d1d1;
}

.category-nav li.current {
	color: #ffffff;
	background-color: #9C3;
}





@media (max-width: 767px) {


	.category-nav {
		margin: 0;
	}

	.category-nav li {
		text-align: center;
		border-bottom: 1px solid #d1d1d1;
	}

	.category-nav li:last-child {
		border-bottom: none;
	}
}

.form-control {
	border-radius: 0;
}

/**
* Ticker
**/
@keyframes ticker {
	0% {
		margin-top: 0
	}

	25% {
		margin-top: -40px
	}

	50% {
		margin-top: -80px
	}

	75% {
		margin-top: -120px
	}

	100% {
		margin-top: 0
	}
}

.ticker {
	width: 100%;
	height: 40px;
	margin: 0 auto;
	overflow: hidden;
	padding: 3px;
	-webkit-user-select: none;
}

.ticker ul {
	margin: 0 auto;
	animation: ticker 15s cubic-bezier(1, 0, .5, 0) infinite;
	-webkit-user-select: none;
}

.ticker ul li {
	line-height: 40px;
	list-style: none;
	color: #1161C8;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	font-size: 200%;
}

.ticker ul:hover {
	animation-play-state: paused;
}

.quick-add-cart {
	padding: 2px !important;
}

.quick-add-cart i.fa {
	font-size: 165%;
}



.brand-alt-head {
	font-weight: bold;
	border: 2px solid #ccc;
}


/*
====================================
|	Credit cards
====================================
*/
#cardType {
	min-height: 14px;
	padding-left: 27px;
	height: 14px;
	width: 25px;
	background-repeat: no-repeat;
}

#cardType .cse-cardtype-label {
	display: none;
	/* Show label or not? */

}

#cardType.cse-cardtype-unknown {
	background-image: url(../images/unknowncard_tiny.png);
}

#cardType.cse-cardtype-mc,
#cardType.cse-cardtype-mastercard {
	background-image: url(../images/mc_tiny.png);
}

#cardType.cse-cardtype-visadankort {
	background-image: url(../images/visadankort_tiny.png);
}

#cardType.cse-cardtype-visa,
#cardType.cse-cardtype-visa_electron {
	background-image: url(../images/visa_tiny.png);
}

#cardType.cse-cardtype-amex {
	background-image: url(../images/amex_tiny.png);
}

#cardType.cse-cardtype-vias {
	background-image: url(../images/vias_tiny.png);
}

#cardType.cse-cardtype-diners,
#cardType.cse-cardtype-diners_club_carte_blanche,
#cardType.cse-cardtype-diners_club_international {
	background-image: url(../images/diners_tiny.png);
}

#cardType.cse-cardtype-maestrouk,
#cardType.cse-cardtype-maestro {
	background-image: url(../images/maestrouk_tiny.png);
}

#cardType.cse-cardtype-solo {
	background-image: url(../images/solo_tiny.png);
}

#cardType.cse-cardtype-laser {
	background-image: url(../images/laser_tiny.png);
}

#cardType.cse-cardtype-discover {
	background-image: url(../images/discover_tiny.png);
}

#cardType.cse-cardtype-jcb {
	background-image: url(../images/jcb_tiny.png);
}

#cardType.cse-cardtype-bcmc {
	background-image: url(../images/bcmc_tiny.png);
}

#cardType.cse-cardtype-bijcard {
	background-image: url(../images/bijcard_tiny.png);
}

#cardType.cse-cardtype-dankort {
	background-image: url(../images/dankort_tiny.png);
}

#cardType.cse-cardtype-hipercard {
	background-image: url(../images/hipercard_tiny.png);
}

#cardType.cse-cardtype-maestro {
	background-image: url(../images/maestro_tiny.png);
}

#cardType.cse-cardtype-elo {
	background-image: url(../images/elo_tiny.png);
}

#cardType.cse-cardtype-uatp {
	background-image: url(../images/uatp_tiny.png);
}

#cardType.cse-cardtype-cup {
	background-image: url(../images/cup_tiny.png);
}

#cardType.cse-cardtype-cartebancaire {
	background-image: url(../images/cartebancaire_tiny.png);
}

#cardType.cse-cardtype-visaalphabankbonus {
	background-image: url(../images/visaalphabankbonus_tiny.png);
}

#cardType.cse-cardtype-mcalphabankbonus {
	background-image: url(../images/mcalphabankbonus_tiny.png);
}

.listing-id {
	position: absolute;
	top: 0;
	right: 25px;
}


/*
====================================
|	Testimonials
====================================
*/
#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px;
	text-align: center;
}

/* indicator position */
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}

/* indicator color */
#quote-carousel .carousel-indicators li {
	background: #c0c0c0;
}

/* active indicator */
#quote-carousel .carousel-indicators .active {
	background: #333333;
	height: 10px;
	width: 10px;
	margin-bottom: 1px;
}

/* typography */
h1 {
	text-align: center;
}

p {
	font-style: italic;
}

.box {
	position: relative;
}

.box-btn {
	position: absolute;
	bottom: 0;
	right: 0;
}

/** HOMEPAGE REDO **/

section.homepage {
	/* padding-top: 30px; */
}

.homepage .trusted-by {
	font-size: 32px;
}

@media screen and (min-width: 800px) {
	section.homepage {
		/* padding-top: 80px; */
	}
}

.g {
	--cols: 5;
	--cols-s: var(--cols);
	--cols-l: var(--cols);
	--gap: 10px;
	display: grid;
	grid-template-columns: repeat(var(--cols-s), 1fr);
	grid-gap: 0 var(--gap);
}

.g .gi {
	--span-s: var(--cols);
	--span: var(--span-s);
	--span-l: var(--span);
	--offset-s: unset;
	--offset: unset;
	--offset-l: unset;
	--order-s: 0;
	--order: 0;
	--order-l: 0;
	order: var(--order-s);
	grid-column-end: span var(--span-s);
	grid-column-start: var(--offset-s);
	background-size: cover;
}

.g.g-center {
	align-items: center;
	justify-content: center;
}

@media (min-width: 800px) {
	.g {
		grid-gap: var(--gap) var(--gap);
		grid-template-columns: repeat(var(--cols), 1fr);
	}

	.g .gi {
		grid-column-end: span var(--span);
		grid-column-start: var(--offset);
		order: var(--order);
	}
}

@media (min-width: 1200px) {

	.g {
		grid-template-columns: repeat(var(--cols-l), 1fr);
	}

	.g .gi {
		grid-column-end: span var(--span-l);
		grid-column-start: var(--offset-l);
		order: var(--order-l);
	}
}

.billboards {}

.billboards .gi {
	padding: 12px;
	position: relative;
}

.billboards .gi h3 {
	margin: 0;
}

.billboards .gi:first-child {}

.billboards .gi:first-child h3 {
	font-size: 60px;
	text-transform: uppercase;
	color: #8cc540;
}

.billboards .gi:first-child p {
	font-size: 20px;
}

.billboards .gi:nth-child(2) {
	min-height: 230px;
	margin: 20px 0;
}

.billboards .gi:nth-child(2)>.g {
	position: absolute;
	bottom: 10px;
	right: 0;
	color: white;
	text-transform: uppercase;
}

.billboards .gi:nth-child(2) p {
	font-size: 15px;
	text-transform: uppercase;
}

.center_align {
	display: table;
	height: 100%;
}

.center_align .text-content {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 0 20px;
	color: white;
}

.center_align .text-content p {
	color: white;
}

.billboards .gi:nth-child(3) {
	overflow: hidden;
	padding: 0;
	margin-right: 10px;
}

.billboards .gi:nth-child(3) .text-content {
	background: #163563;
	padding: 20px;
	min-height: 300px;
	text-align: center;
	color: white;
}

.billboards .gi:nth-child(3) .text-content h3 {
	font-size: 56px;
}



.billboards .gi:nth-child(4) .text-content {
	font-size: 24px;
	color: #a8a8a8;
}

.billboards .gi:nth-child(4) .text-content h3 {
	font-size: 48px;
	color: #222;
}

.billboards .gi:nth-child(4) .text-content a {
	width: fit-content;
	display: block;
	padding: 10px 50px;
	background: #163563;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}



.billboards .gi:nth-child(2) .text-content h3 {
	font-size: 50px;
}

.starter_pack {
	position: absolute;
	bottom: -160px;
	left: -5%;
	right: -5%;
	width: 120%;
}


body p {
	font-style: normal;
}

.billboards .gi:nth-child(2) a {
	background: #8cc540;
	padding: 10px 20px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	font-size: 18px;
}

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

	.billboards .gi:nth-child(4),
	.billboards .gi:nth-child(3) {
		display: none;
	}

	.headline {
		display: none;
	}

	.billboards .gi:first-child h3 {
		font-size: 32px;
	}
}

@media screen and (min-width: 800px) {
	.billboards .gi:nth-child(2)>.g {
		position: absolute;
		bottom: 0;
		left: 55%;
		right: 0;
		top: 0;
		color: white;
		text-transform: uppercase;
	}



}

@media screen and (max-width: 1200px) {
	.billboards .gi:nth-child(2) .text-content h3 {
		font-size: 28px;
	}
}



.usp-text {
	padding: 40px 0;
	font-size: 16px;
	color: #a8a8a8;
}

.billboards p {
	color: #a8a8a8;
}

.usp-text h3 {
	margin-top: 0;
	color: #222;
}

.from-price {
	background: #8cc540;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	color: white;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 30%;
	padding: 20px;
	line-height: 29px;
	display: none;
}

.from-price span {
	font-size: 20px;
}

.rrp {
	display: table-cell;
	vertical-align: middle;
}

.rrp span {
	display: block;
}

@media screen and (min-width: 800px) {
	.from-price {
		display: block;
	}
}