@charset "UTF-8";
/* CSS Document */
/* ------------------------- Background & HEADER CSS -----------------------------------------------*/
html {
	background: #c6b3a5;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c6b3a5 1%, #2b2521 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #c6b3a5), color-stop(100%, #2b2521));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c6b3a5 1%, #2b2521 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c6b3a5 1%, #2b2521 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c6b3a5 1%, #2b2521 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #c6b3a5 1%, #2b2521 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b3a5', endColorstr= '#2b2521', GradientType=0 );
	/* IE6-9 */
	min-height: 100%;
	margin: 0px;
	background-attachment: fixed;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #111;
	font-size: 17px;
}
body {
	min-height: 100%;
	position: absolute;
	width: 100%;
	background-attachment:fixed;
	bottom: 0;
	top: 0;
	margin: 0;
	overflow: none;
	color: #111;
	font-size: 17px;
}
#background {
	display: inline-block;
	width: 100%;
	margin: auto;
	position: relative;
	top: 0px;
	z-index: 99999;
	background:url("../images/img023.png");
	min-height: 100%;
}
#leaf {
	min-height:768px;
	height: 100%;
	width: 100%;
	background-image:url("../images/leaf_decoration.png");
	background-repeat: no-repeat;
	overflow: visible;
	float: left;
	z-index: 2;
	display: block;
}
#head_image {
	border: 10px solid #fff;
	border-bottom: 0px;
	border-radius: 15px 15px 0 0;
	background: url("../images/banner.jpg");
	width:auto;
	height: 147px;
	display: block;
}
#wrapper {
	display: block;
	max-width: 1020px;
	width: 90vw;
	margin: auto;
	position: relative;
	top: 0px;
	z-index: 99999;
	margin-top: 30px;
}
#logo {
	background: #fff;
	border-radius: 0 0 10px 0;
	display: inline-block;
	padding: 15px;
}
#address {
	float: right;
	padding: 0 15px 5px 15px;
	display: inline-block;
	border-radius: 0 5px 0 10px;
	background: #ee3a43;
	color: #fff;
	font-size:18px;
	text-transform:none;
	font-weight: 600;
}
/* ------------------------- CONTENT CSS -----------------------------------------------*/
#content {
	width: calc(100% - 275px);
	padding: 20px;
	color: #111;
	font-weight: 400;
	line-height: 160%;
	font-size: 17px;
	float: left;
}
#page {
	max-width: 1000px;
	width: calc(100% - 20px);
	padding: 10px;
	margin-top:20px;
	min-height: 400px;
	display: inline-block;
	border-radius: 15px;
	background: #f5f9ef;
}
#banner {
	margin: 0px 0 10px -5px;
	border-radius: 10px;
	display: inline-block;
	width: 100%;
}
#back a, #order_button a {
	text-transform: uppercase;
	font-size: 12px;
	text-align: right;
	display: block;
	width: 130px;
	line-height: 120%;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	float: right;
}
#button_wrap {
	width: 100px;
	float: right;
	margin-right: -30px;
	text-align:left;
}
#order_button a {
	background: #fcb040;
	height: 30px;
	padding: 5px;
	width: auto;
}

#order_button_left {
	float: left;
	text-transform: uppercase;
	font-size: 12px;
	text-align: right;
	display: block;
	background: #fcb040;
	width: auto;
	line-height: 120%;
	color: #fff;
	padding: 4px;
	border-radius: 5px;
	margin: 0 15px 0 0;
}
#order_button_left img{
	width: 50px;
}
#order_button a img {
	border: none;
	height: 30px;
	width: auto;
	margin: 0;
	float: left;
}
#banner img {
	width: 120px;
	height:120px;
	border-radius: 8px;
	border: 10px solid #fff;
	margin: -10px 15px 0 0px;
	float: left;
}

.order-banner h1 {
    padding-top: 30px;
}
#heading {
	margin-top: 0px;
}
#white_box {
	width: calc(100% - 30px);
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	margin: 10px 0 0 -4px;
}
/* GENERAL TEXT */
p {
	display: block;
	margin: 10px 0 0 0;
}
H1 {
	font-size: 38px;
	color: #7fae58;
	font-weight: 500;
	line-height: 120%;
	border-radius: 0px 10px 10px 0;
}
h2 {
	font-size: 24px;
	color: #7fae58;
	font-weight: 600;
	line-height: 140%;
}
h3 {
	font-size: 20px;
	color: #7fae58;
	font-weight: 500;
	line-height: 140%;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	margin: 0 0 20px 0;
}
H5 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	line-height: 130%;
}
strong {
	font-weight: 500;
}
/* ------------------------- Menu & Links & Lists CSS -----------------------------------------------*/
ul, menu, dir {
	display: block;
	list-style-type: disc;
}
ul.menu, ul.menu ul {
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
}
ul.menu ul {
	display:none;
	/*initially menu item is hidden*/
	position: absolute;
	/*absolute positioning is important for menu to float*/
}
/* Hover effect for menu*/
ul.menu li:hover > ul {
	display:block;
}
/* GREEN BACKGROUND */
/* TABS */
.nav, .members, .nav_sub {
	display: inline-block;
	width: auto;
	color: #3F3C37;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 6px;
	font-weight:600;
	float: left;
	margin-top: -3px;
	height: 24px;
	background: #7fae58;
}
.members {
	background: #A5948D;
	padding-left: 22px;
	color: #fff;
	background-image: url(../images/lock.png);
	background-repeat:no-repeat;
	height: 22px;
}

/* GENERAL LINKS */

a, a:link, a:hover, a:visited, a:active {
	text-decoration:underline;
	color: #245e13;
	font-weight: 600;
	border: none;
}

p a::after {
	content: '→';
}
a img {
	border: none;
}


#content p a {
    text-decoration: underline;
}

.order-button-wrap {
	display: block;
	padding: 10px 0;
}

/* LIST STYLES */
ul, menu, dir {
	display: block;
	list-style-type: disc;
	margin: 10px 0 0 -10px;
}
ul.menu, ul.menu ul {
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
}
ul.menu ul {
	display:none;
	/*initially menu item is hidden*/
	position: absolute;
	/*absolute positioning is important for menu to float*/
}
/* Hover effect for menu*/
ul.menu li:hover > ul {
	display:block;
}
/* MENU */
nav{
	padding: 0 0 10px 0;
	margin: auto;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 99;
	max-width: none;
	border: #fff solid 10px;
	border-top: 3px solid #fff;
	border-radius: 0 0 15px 15px;
	display: block;
	height: auto;
	font-size: 15px;
	background: #7fae58;
}
nav .wrapper{
	position: relative;
	max-width: none;
	margin: auto;
	align-items: center;
	justify-content: space-between;
}
.wrapper .logo a{
	color: #f2f2f2;
	font-size: 30px;
	font-weight: 600;
	text-decoration: none;
}
.wrapper .nav-links{
	padding-inline-start: 0;
	display: flex;
	justify-content: center;
}
.nav-links li{
	list-style: none;
}
.nav-links li a{
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	padding: 9px 15px;
	border-radius: 5px 5px 0 0;
	transition: all 0.3s ease;
	color: #fff;
}
.nav-links .drop-menu li a:hover{
	background: #f5f9ef;
}
.nav-links .mobile-item{
	display: none;
}
.nav-links .drop-menu{
	position: absolute;
	background: #fff;
	width: fit-content;
	line-height: 45px;
	top: 20px;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 6px 10px rgba(0,0,0,0.15);
	padding: 0 15px 0 0;
}
.nav-links li:hover .drop-menu,.nav-links li:hover .mega-box{
	transition: all 0.3s ease;
	top: 20px;
	opacity: 1;
	visibility: visible;
}
.drop-menu li a{
	width: 100%;
	display: block;
	padding: 0 0 0 15px;
	font-weight: 400;
	border-radius: 0px;
	color: #7fae58;
}
.mega-box{
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 30px;
	top: 85px;
	opacity: 0;
	visibility: hidden;
}
.mega-box .content{
	background: #242526;
	padding: 25px 20px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.mega-box .content .row{
	width: calc(25% - 30px);
	line-height: 45px;
}
.content .row img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.content .row header{
	color: #f2f2f2;
	font-size: 20px;
	font-weight: 500;
}
.content .row .mega-links{
	margin-left: -40px;
	border-left: 1px solid rgba(255,255,255,0.09);
}
.row .mega-links li{
	padding: 0 20px;
}
.row .mega-links li a{
	padding: 0px;
	padding: 0 20px;
	color: #d9d9d9;
	font-size: 17px;
	display: block;
}
.row .mega-links li a:hover{
	color: #f2f2f2;
}
.wrapper .btn{
	color: #fff;
	font-size: 40px;
	cursor: pointer;
	display: none;
}
.wrapper .btn.close-btn{
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 999;
}
nav input{
	display: none;
}
.body-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	padding: 0 30px;
}
.body-text div{
	font-size: 45px;
	font-weight: 600;
}
/* ------------------------- SIDEBAR CSS -----------------------------------------------*/
#sidebar {
	width: 230px;
	float: right;
}
.fh-banner {
	width: 100%;
	min-height: 150px;
	display: block;
	float: right;
	border-radius: 6px;
	padding: 0;
	color: #FDFFF9;
	font-weight: 600;
	font-size: 14.4px;
	margin-bottom: 7px;
	overflow: hidden;
	background: #fff;
}
.fh-banner img {
	width: 100%;
}
/* FIRST BOX ADVERT */
#advert_one {
	background-image: url("../images/banner_greeen_letters.jpg");
	background-repeat: no-repeat;
	background-color: #7FAE58;
	background-size: cover;
	width: 200px;
	min-height:150px;
	display: block;
	float: right;
	border-radius:6px;
	padding: 15px;
	color:#FDFFF9;
	font-weight: 600;
	font-size: 14.4px;
}
#advert_one h4 {
	display: block;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
a.fill-div {
	display: block;
	width: 200px;
	min-height:150px;
	text-decoration: none;
}
#advert_one a{
	color: #fff;
}
#great_deals {
	background-repeat: no-repeat;
	background-position: right top;
	width: 230px;
	min-height: 170px;
	display: block;
	z-index: 999;
	position: absolute;
	margin-left: -15px;
	margin-top: -15px;
}
#advert_one h1 {
	color:#F5FBEF;
	font-size: 60px;
	height: 80px;
	text-transform: uppercase;
	display: inline-block;
	text-align: right;
	margin: -5px -15px 0px 0;
	font-weight: 600;
	float: right;
	padding: 5px;
	border-radius: 5px 0 0 5px;
	background: none;
}
#advert_one h2 {
	color:#F5FBEF;
	font-size: 36px;
	margin:20px 0 30px 0;
	line-height: 80%;
	text-transform:uppercase;
}
/* PLACE ORDER BOX */
.order-button {
	margin-bottom: 10px;
}
#order {
	background:url("../images/background_order.jpg");
	width: 215px;
	display: inline-block;
	float: right;
	border-radius:6px;
	margin-top: 10px;
	vertical-align: middle;
	height:45px;
	padding: 0 0px 0 15px;
}
#order img {
	float: right;
	margin: -13px 4px 15px 0px;
	border-radius: 5px;
}
#order img.rss {
	margin: 0px;
}
#order h3 {
	font-size: 15px;
	text-transform: uppercase;
	text-align: left;
	margin: 18px 0 0 0;
	font-weight: 600;
	line-height: 70%;
	color: #fff;
}
#order a {
	color:#fff;
}
#order a:hover {
	color: #efece5;
}
#order a.current_page_item {
	background: none;
	height: 24px;
	border-radius: 10px 10px 0 0;
	width: auto;
	color: #fff;
}
#order a.current_page_item:hover {
	background: none;
	height: 24px;
	border-radius: 10px 10px 0 0;
	width: auto;
	color: #fff;
}
#order.hide-desktop {
	display: none;
}
#facebook {
	width: 205px;
	background:url("../images/background_services.jpg");
	display: block;
	float: right;
	border-radius:6px;
	padding: 5px 10px 5px 15px;
	margin: 0px 0px 10px 0;
	font-size: 14.4px;
	line-height: 100%;
	font-weight: 600;
	color: #efece5;
	text-transform: uppercase;
	height:75px;
}
#facebook h1 {
	font-size:15px;
	line-height: 90%;
	font-weight: 600;
	color: #F5FBEF;
	background: none;
	margin: 0px 0 10px 0;
	padding: 9px 0 0 0;
}
#facebook img{
	height: 36px;
	float: left;
	margin: 0 10px 0 0;
}
#facebook .blueButton.blue .pluginButton {
	background: #4C69BA;
	background: -webkit-gradient(linear, center top, center bottom, from(#4C69BA), to(#3B55A0));
	background: -webkit-linear-gradient(#4C69BA, #3B55A0);
	border: none;
	-webkit-border-radius: 2px;
	color: #FFF;
	height: 20px;
	line-height: 20px;
	text-shadow: 0 -1px 0 #354C8C;
	padding: 5px 25px !important;
}
.blueButton.blue .pluginButton .pluginButtonLabel {
	padding: 0 15px 0 15px;
}
#facebook .blueButton.blue .pluginButton {
	color: #FFF;
	line-height: 20px;
	text-shadow: 0 -1px 0 #354C8C;
	padding:5px 20px !important;
}
/* DELIVERY BOX */
#dates_delivery {
	background:url("../images/background_dates.jpg");
	width: 200px;
	display: block;
	float: right;
	border-radius:6px;
	padding: 15px 15px 15px 15px;
	margin: 10px 0px 10px 0;
	font-size: 14.4px;
	line-height: 100%;
	font-weight: 600;
	color: #efece5;
	text-transform: uppercase;
}
#dates_delivery h1 {
	font-size:36px;
	line-height: 90%;
	font-weight: 600;
	color: #efece5;
	background: none;
	margin: 0px;
	padding: 0px;
}
#dates_delivery h2 {
	font-size:14.4px;
	margin-top: 4px;
	line-height: 100%;
	color: #efece5;
	display: block;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
#dates_delivery h3 {
	background: url(../images/menu_bg.png);
	color: #7fae58;
	width: auto;
	display: inline-block;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	margin: 20px 0 10px 0;
	font-weight: 400;
	border-radius: 5px;
}
#dates_delivery span {
	background: url(../images/menu_bg.png);
	color: #7fae58;
	width: 180px;
	display: inline-block;
	padding: 10px;
	font-size: 24px;
	text-align: center;
	margin: 20px 0 10 0;
	font-weight: 400;
	border-radius: 5px;
}
/* ------------------------- CONTACT US -----------------------------------------------*/
#contact {
	width: auto;
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	margin: 10px 0 0 -4px;
}
#contact strong {
	width: 100px;
	display: block;
	float: left;
}
#contact a {
	color: #7fae58;
	font-weight: 600;
}
#contact a:hover {
	color: #6c5f49;
	font-weight: 600;
}
#contact img {
	width: 40px;
	margin: 20px 10px -10px 0;
	display: inline-block;
	border-radius: 5px;
}
/* ------------------------- OUR SERVICES & SUBPAGES -----------------------------------------------*/
.info_box, .savings_box, #services_box {
	width: 100%;
	padding: 20px 20px 20px 20px;
	display: block;
	float: left;
	margin: 10px 10px 5px 0;
	background: #fff;
	border-radius: 10px;
	font-size: 17px;
	font-weight: normal;
	color: #111;
	box-sizing: border-box;
}
#services_box {
	display: flex;
	background-color: #fff;
	background-position: left;
	background-repeat: no-repeat;
	height: auto;
	position: relative;
}

#services_box img {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
}
.img-text {
	float: right;
	width: 70%;
	padding-bottom: 35px;
	}
.img-services {
		float: left;
    	width: calc(28% - 30px);
		margin-right: 30px;
	}
#services_box a {
	background:#7fae58;
	display: inline-block;
	border-radius: 10px 0 5px 0;
	color: #fff;
	height: 30px;
	padding: 2px 10px 0px 10px;
	float: left;
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}
.info_box li {
	font-size: 17px;
	font-weight: 400;
	color: #fcb040;
}
.info_box img {
	float: right;
	height: 260px;
	margin: -50px 0 0 20px;
}
.savings_box {
	background-image:url(../images/big_savings.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 80px;
	font-size: 17px;
	color: #111;
}
.online_box, .mail_box, .email_box, .phone_box {
	width: 410px;
	height: 110px;
	float: left;
	padding: 12px;
	border: rgb(255, 255, 255) solid 1px;
	background: url(../images/bg.png);
	border-radius: 10px;
	border-bottom: rgb(226, 244, 218) 6px solid;
	border-right: rgb(226, 244, 218) 2px solid;
	margin-bottom: 20px;
	margin-right: 10px;
	font-size: 17px;
	font-weight: normal;
	line-height: 160%;
	color: #111;
}
.online_box img, .mail_box img, .email_box img, .phone_box img {
	float: left;
	margin: 0px 10px 0 -12px;
	width: 105px;
	height: auto;
	border-radius: 5px 0 0 5px;
	padding: 10px;
}
.online_box h3, .mail_box h3, .email_box h3, .phone_box h3 {
	margin: -2px 0 0 122px;
}
.payment {
	width: 430px;
	height: fit-content;
}
.payment_options {
	display: block;
	margin-bottom: 20px;
	height: 100px;
	margin-top: 20px;
	width: 240px;
	float: right;
}
.payment_options img {
	width:120px;
	height:auto;
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 5px 0 0;
}
.payment_options h2 {
	color: #6c5f49;
}
.payment_options h3 {
	color: #7fae58;
	margin: 0;
}
.payment_options strong {
	font-weight: 700;
	color: #6c5f49;
}
.payment li {
	float: left;
	margin-right: 30px;
}
.payment ul {
	float: left;
	padding: 5px;
	margin-bottom: 20px;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}
#cards {
	margin: 15px 0 0 20px;
}
#cards h3 {
	margin: 0px;
}
#cards img{
	float: left;
	width: 68px;
	height:auto;
	display: block;
	padding: 0px;
	margin: 0px 0px 10px 0;
}
/* ------------------------- ORDERING PAGES -----------------------------------------------*/
.order_table {
	background: #f5f9ef;
	color:#7fae58;
	margin-top: 20px;
	width: 100%;
	text-transform:none;
	font-size: 14px;
	line-height: 100%;
	padding: 10px 30px 30px 30px;
    box-sizing: border-box;
}


.field-wrap {
	display: inline-block;
    width: 31.8%;
}
.col4 {
    width: 23%;
    margin-right: 2.3%;
}
.col4.last {
	margin-right: 0;
}

.field1 {
	margin: 2% 1.5% 2% 0;
}
.field2 {
margin: 2% 2% 2% 0;
}

.field-wrap-nowrap {
	margin-bottom: 2%;
}

.fields {
	margin-top: 1%;
}

.fields input {
	width: 95%;
}

.fields select {
	width: 98%;
}

.fields input, .fields select {
	padding: 2px;
	margin-top: 5px;	
}

.name input[type="text"] {
	width: 98.5%;
}

.field_list {
	font-size: 13px;
    padding: 10px;
    width: 29%;
    float: left;
    text-align: left;
    background: #f5f9ef;
    border-radius: 5px;
}
.field_list li {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 120%;
}

.field-list-wrap {
	margin-top: 2%;
}

.middle {
	margin: 0 2%;
}

input[type="password"] , isindex {
	-webkit-appearance: textfield;
	padding: 1px;
	background-color: rgb(255, 255, 255);
	border: 2px inset;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
	width: 100%;
}

input[type="submit"] {
    background: #fbb040;
    border: none;
    padding: 10px;
    border-radius: 5px;
	font-weight:600;
	text-transform: uppercase;
	color: #fff;
	width: fit-content;
}

input[type="submit"]:hover {
	cursor: pointer;
}
.fields input[type="checkbox"] {
    width: fit-content;
    float: left;
    height: 14px;
    transform: translate(0, -2.5px);
}
.field-wrap.checkbox {
    padding-bottom: 10px;
    transform: translate(0, -5px);
	width: 100%;
}

#upgrade-fields {
  display: none;
}


td, th {
	display: table-cell;
	vertical-align: inherit;
	padding: 0 5px;
}
#footer_services, #review_payment {
	box-sizing: border-box;
	width: 49%;
	height: fit-content;
	padding: 5px;
	margin: 0 1% 5px 0;
	display: block;
	background: #7fae58;
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 120%;
	text-transform: uppercase;
	border-radius: 5px;
}
#review_payment {
	background:#6c5f49;
}
#footer_services a, #review_payment a {
	color: #fff;
	text-decoration:none;
	font-size: 11px;
}
#bdm_services, .bdm_services {
	width: auto;
	height: 30px;
	padding: 5px;
	margin: 0 5px 5px 0;
	display: block;
	float: left;
	color: #fff;
	font-size: 11px;
	line-height: 120%;
	text-transform: uppercase;
	border-radius: 0 0 5px 5px;
}
#bdm_services a {
	font-size: 13px;
	color: #fff;
	background:#7fae58;
	;
	border-radius: 5px;
	padding: 5px;
	margin: 0 0 0 -5px;
}
#bdm_services a:hover {
	border-radius: 5px;
	width: auto;
	color: #fff;
}
#button_wrap li {
	list-style: none;
}
#button_wrap_menu h3 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 0;
	display: block;
	color: rgb(255, 255, 255);
	text-align: left;
	padding: 3px 0 3px 10px;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}
#button_wrap_menu {
	width: 100%;
	margin: 10px 20px 30px 0;

}

#submenu_small {
	width: 100%;
    color: #fff;
    display: block;
    padding: 3px;
    font-size: 65%;
    border-radius: 2px;
    height: fit-content;
    text-transform: uppercase;
    background: rgb(127, 174, 88);
}

#submenu_small li a {
	color: #7fae58;
	text-decoration: none;
	display: block;
	background: none;
	border-radius: 0 0 10px 10px ;
	margin: 0;
}
#submenu_small li a:hover {
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 0 0 10px 10px ;
	background: none;
	margin: 0;
}
#submenu_small li ul {
	position: absolute;
	display: none;
	width: 100%;
	height: fit-content;
	line-height: 120%;
	box-sizing: border-box;
	background: #6c5f49;
	margin-left: -3px;
}
#submenu_small li:hover ul {
	display: block;
}
#submenu_small li ul li {
	float: none;
	display: inline;
	height: 20px;
}
#submenu_small li ul li a {
	width: calc(100% - 40px);
	color: #fff;
	display: block;
	font-size:15px;
	border-radius: 0;
	margin: 0;
	float: left;
	padding: 15px 20px;
    background: #6c5f49;
}
#submenu_small li ul li a:hover {
	color:#A5948D;
	background: url(../images/menu_bg.png);
	border-radius: 0;
}
#arrow {
	width: 15px;
	height: 30px;
	background: rgb(255, 255, 255);
	margin: -24px 0 0 120px;
	padding: 5px 0 5px 5px;
	border-radius: 0 0 5px 5px;
	z-index: 999;
	position: absolute;
	color: #7fae58;
	font-size: 15px;
	font-weight: bold;
	float: right;
}
#submenu_holder ul.menu ul {
	display:none;
	/*initially menu item is hidden*/
	position: absolute;
	/*absolute positioning is important for menu to float*/
}
/* Hover effect for menu*/
#submenu_holder ul.menu li:hover > ul {
	display:block;
}
ul.bdm_services ul {
	display:none;
	/*initially menu item is hidden*/
	position: absolute;
	/*absolute positioning is important for menu to float*/
}
/* Hover effect for menu*/
ul.bdm_services li:hover > ul {
	display:block;
}
.excel {
	width: 50px;
	margin-bottom: -10px;
}
.order-form {
	font-size: 14px;
	line-height: 16px;
}
.order-form .section {
	margin: 10px 0;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 5px;
}
.order-form ul {
	margin: 2px 0 0 0;
	padding: 0 0 0 10px;
}
.order-form ul li {
	list-style: none;
}
.order-form ul li label.disabled {
	color: #ccc
}
/* ------------------------- General CSS -----------------------------------------------*/
#content .hide-desktop {
	display: none;
}


@media only screen and (max-width: 980px) {
	nav{
		position: relative;
		z-index: 99;
		width: 90vw;
		box-sizing: border-box;
	}
	nav .wrapper{
		position: relative;
		padding: 0px 10px;
		height: 40px;
		line-height: 40px;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.wrapper .logo a{
		color: #f2f2f2;
		font-size: 30px;
		font-weight: 600;
		text-decoration: none;
	}
	.wrapper .nav-links{
		display: inline-flex;
	}
	.nav-links li{
		list-style: none;
	}
	.nav-links li a{
		text-decoration: none;
		font-size: 18px;
		font-weight: 500;
		padding: 9px 15px;
		border-radius: 5px;
		transition: all 0.3s ease;
	}
	.nav-links .drop-menu li a:hover{
		background: #f5f9ef;
	}
	.nav-links .mobile-item{
		display: none;
	}
	.nav-links .drop-menu{
		position: absolute;
		background: #f5f9ef;
		width: 180px;
		line-height: 45px;
		top: 85px;
		opacity: 0;
		visibility: hidden;
		box-shadow: 0 6px 10px rgba(0,0,0,0.15);
		padding: 0 15px 0 0;
	}
	.nav-links li:hover .drop-menu,.nav-links li:hover .mega-box{
		transition: all 0.3s ease;
		top: 70px;
		opacity: 1;
		visibility: visible;
	}
	.drop-menu li a{
		width: 100%;
		display: block;
		padding: 0 0 0 15px;
		font-weight: 400;
		border-radius: 0px;
	}
	#menu .drop-menu a {
    line-height: 26px;
    width: 100%;
	}
	ul.drop-menu {
		padding: 15px 0 0;
	}
	
	ul.drop-menu > li:first-of-type {
		padding-top: 15px;
	}
	.mega-box{
		position: absolute;
		left: 0;
		width: 100%;
		padding: 0 30px;
		top: 85px;
		opacity: 0;
		visibility: hidden;
	}
	.mega-box .content{
		background: #242526;
		padding: 25px 20px;
		display: flex;
		width: 100%;
		justify-content: space-between;
		box-shadow: 0 6px 10px rgba(0,0,0,0.15);
	}
	.mega-box .content .row{
		width: calc(25% - 30px);
		line-height: 45px;
	}
	.content .row img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.content .row header{
		color: #f2f2f2;
		font-size: 20px;
		font-weight: 500;
	}
	.content .row .mega-links{
		margin-left: -40px;
		border-left: 1px solid rgba(255,255,255,0.09);
	}
	.row .mega-links li{
		padding: 0 20px;
	}
	.row .mega-links li a{
		padding: 0px;
		padding: 0 20px;
		color: #d9d9d9;
		font-size: 17px;
		display: block;
	}
	.row .mega-links li a:hover{
		color: #f2f2f2;
	}
	.wrapper .btn{
		color: #fff;
		font-size: 40px;
		cursor: pointer;
		display: none;
	}
	.wrapper .btn.close-btn{
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 999;
		color: #7fae58;
		background: #f5f9ef;
		width: auto;
		height: auto;
		padding: 10px 18px;
		box-sizing: border-box;
		border-radius: 50%;
		font-size: 30px;
	}
	#content {
		width: 100%;
		box-sizing: border-box;
	}
	nav input{
		display: none;
	}
	.body-text{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		padding: 0 30px;
	}
	#logo {
		padding: 15px;
		text-align: center;
		border-radius: 0;
	}
	#address {
		display: none;
	}
	#menu .mobile-menu-wrap {
		padding: 28% 5% 2% 5%;
		box-sizing: border-box;
	}
	#menu .mobile-menu-wrap li ul li {
		border-radius: 0;
	}
	ul.mobile-menu-wrap {
		margin: 0;
	}
	#menu li, #toggle-menu, #menu a {
		display: inline-block;
	}
	#menu li {
		width: calc(100% - 20px);
	}
	#toggle-menu {
		width: 10%;
	}
	#menu a {
		width: 75%;
	}
	#menu-btn:checked ~ .nav-links{
		left: 0%;
	}
	#menu-btn:checked ~ .btn.menu-btn{
		display: none;
	}
	#close-btn:checked ~ .btn.menu-btn{
		display: block;
	}
	.nav-links li{
		margin: 0 10px;
		min-height: 60px;
	}
	.nav-links li a{
		padding: 0 20px;
		display: block;
		font-size: 25px;
		color: #7fae58;
	}
	.nav-links .drop-menu{
		position: static;
		opacity: 1;
		top: 65px;
		visibility: visible;
		width: 100%;
		max-height: 0px;
		overflow: hidden;
		box-shadow: none;
		transition: all 0.3s ease;
		padding: 0;
	}
	#showDrop:checked ~ .drop-menu,#showDrop1:checked ~ .drop-menu,#showDrop2:checked ~ .drop-menu,#showDrop3:checked ~ .drop-menu{
		max-height: 100%;
	}
	.nav-links .desktop-item{
		display: none;
	}
	.nav-links .mobile-item{
		display: inline-block;
        color: #f2f2f2;
        font-size: 18px;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.3s ease;
        width: 25px;
        height: 25px;
        background: #7fae58;
        text-align: center;
        line-height: 25px;
        border-radius: 99px;
        float: right;
        padding-left: 1px;
	}

	.nav-links .mobile-item:hover{
		background: #7fae58;
	}
	.drop-menu li{
		margin: 0;
	}
	.drop-menu li a{
		border-radius: 5px;
		font-size: 20px;
		line-height: 60px;
	}
	.mega-box{
		position: static;
		top: 65px;
		opacity: 1;
		visibility: visible;
		padding: 0 20px;
		max-height: 0px;
		overflow: hidden;
		transition: all 0.3s ease;
	}
	.mega-box .content{
		box-shadow: none;
		flex-direction: column;
		padding: 20px 20px 0 20px;
	}
	.mega-box .content .row{
		width: 100%;
		margin-bottom: 15px;
		border-top: 1px solid rgba(255,255,255,0.08);
	}
	.mega-box .content .row:nth-child(1),.mega-box .content .row:nth-child(2){
		border-top: 0px;
	}
	.content .row .mega-links{
		border-left: 0px;
		padding-left: 15px;
	}
	.row .mega-links li{
		margin: 0;
	}
	.content .row header{
		font-size: 19px;
	}
	#wrapper {
		width: 90vw;
	}
	.fh-banner, #advert_one {
		width: 48%;
		box-sizing: border-box;
		height: 387px;
		margin: 1% 0;
	}
	#great_deals {
		width: 90%;
		margin-left: -5px;
	}
	#dates_delivery, #facebook, #order {
		box-sizing: border-box;
		background-size: cover;
		width: 100%;
	}
	#dates_delivery {
		padding: 40px 30px 20px 30px;
	}
	#head_image {
		width: calc(100% - 20px);
		height: auto;
		display: block;
		box-sizing: content-box;
		background-size: cover;
	}
	#banner img {
		display: none;
	}
	#sidebar {
		width: 100%;
	}
	.wrapper .btn{
		display: block;
		width: 100%;
		text-align: right;
	}
	.wrapper .nav-links{
		position: fixed;
		height: 100vh;
		width: 100vw;
		max-width: 800px;
		top: 0;
		left: -103%;
		display: block;
		padding: 30px 0;
		line-height: 40px;
		overflow-y: auto;
		box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
		transition: all 0.3s ease;
		color: #7FAE58;
		background: #fff;
	}
	/* custom scroll bar */
	::-webkit-scrollbar {
		width: 10px;
	}
	::-webkit-scrollbar-track {
		background: #242526;
	}
	::-webkit-scrollbar-thumb {
		background: #3A3B3C;
	}
	#footer_services, #review_payment {
		box-sizing: border-box;
		width: 49%;
	}
	#great_deals img {
		float: right;
		height: 230px;
		margin-right: 20px;
	}
	#advert_one h1 {
		margin: -5px 15px 0px 0;
	}
	#advert_one h2 {
		font-size: 45px;
		margin: 100px 0 30px 0;
	}
	#content .hide-desktop {
		display: block;
	}
	.payment, .payment_options {
		width: 50%;
	}
	.online_box, .mail_box, .email_box, .phone_box {
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	#button_wrap {
		display: none;
	}
	#order.hide-desktop {
	display: block;
	}	

	
}


@media only screen and (max-width: 520px) {
	
	.field-wrap {
		width: 100%;
		margin-bottom: 4%;
	}
	
	.field_list {
		width: calc(100% - 20px);
    	margin: 8px 0;
	}
	
	.order_table {
		padding: 30px;
	}
	
	.field-wrap-nowrap {
		width: 96%;
		margin-bottom: 4%;
	}
	
	.payment, .payment_options {
		width: 100%;
		height: fit-content;
	}
	
	.fh-banner, #advert_one {
		width: 100%;
	}
	#great_deals {
        width: 100%;
        margin-left: -15px;
    }
	
	#advert_one {
		height: 300px;
	}
	
	.online_box img, .mail_box img, .email_box img, .phone_box img {
    float: none;
    margin: 0px auto 0 auto;
    width: 105px;
    display: block;
	}
	.online_box h3, .mail_box h3, .email_box h3, .phone_box h3 {
		margin: 15px 0;
	}
	#cards {
		margin: 0;
	}
	#footer_services, #review_payment {
		width: 100%;
	}
}