body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	height: 100dvh;
}

#header.sticky, #header.sticky .logo a, #header.sticky .main_menu li, #header.sticky .slide-trigger, #header.sticky .top_menu {
	transition: all .5s ease
}
#mid_line a, .big-green, .emptyLink, .footer_menu a, .gBtn, .mini-title, .readyBookFooter a {
	text-transform: uppercase
}
#mid_line li, .btn.image, .capt img, .capt-input, .logo, .main_menu>li, .top_menu {
	float: left
}
#mid_line a, .bold, .current a, .emptyLink, .main_menu a, .tel, b, h2.railH, strong {
	font-weight: 700
}
.header_image img, .promoBanner img {
	max-width: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
	display: inline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
.white_convert {
	filter: saturate(0%) brightness(100)
}
footer {
	font-size: 15px!important
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
.btn.image {
	margin-top: 21px;
	width: 160px;
	padding-left: 45px;
	background-image: url(/images/upload.webp);
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 61px
}
header {
	background-color: #fff
}
#header {
	z-index: 10000;
	width: 100%;
	height: 95px;
	background: #fff
}
#header.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}


iframe {
	border: none
}
.capt {
	display: inline-block;
	box-sizing: border-box;
	width: 100%
}
.capt img {
	width: 134px;
	height: 33px!important;
	margin: 1px 0 0 10px
}
#label_antis {
	display: block;
	margin: 0 0 10px
}
.capt-input {
	width: 134px!important
}
.c_input {
	width: 100%;
	margin: 0 17px 0 0
}
.c_input:last-child {
	margin: 0
}
.c_input_home {
	float: left;
	width: 31%;
	margin: 0 22px 0 0
}
.textarea-home, textarea {
	width: 100%!important
}
.c_input_home:last-child {
	margin: 0
}
textarea {
	display: inline!important;
	box-sizing: border-box;
	height: 150px;
	margin: 0 0 10px!important;
	padding: 5px;
	color: #1e3d69;
	border: 1px solid #c3d1d4;
	border-radius: 5px
}
.mob_catalog {
	position: absolute;
	height: 95px;
	display: none;
	top: 0;
	left: 50%;
	z-index: 99999;
	margin-left: -64px
}
dl, h3, menu, ol, p, pre, ul {
	margin: 1em 0
}
.mob_catalog img {
	height: 95px
}
input[type=text] {
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	margin: 0 0 10px;
	padding-left: 5px;
	color: #1e3d69;
	border: 1px solid #c3d1d4;
	border-radius: 5px
}
#header.sticky {
	height: 85px;
	border-bottom: 1px solid #00640c;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 8px #aaa
}
#header.sticky .logo a, #header.sticky .top_menu {
	height: 85px
}
#header.sticky .phone_container {
	line-height: 72px
}
#header.sticky .main_menu li {
	line-height: 64px;
	padding: 0 10px
}
#header.sticky .slide-trigger {
	height: 69px
}
#header.sticky .navheader {
	padding: 5px 5px 10px 10px
}
.stickyFix {
	display: block;
	padding-top: 65px
}
#header section {
	margin: 0 auto
}
a:focus {
	outline: dotted thin
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
h2 {
	font-size: 1.5em;
	margin: .83em 0
}
h3 {
	font-size: 1.17em
}
h4 {
	font-size: 1em;
	margin: 1.33em 0
}
h5 {
	font-size: .83em;
	margin: 1.67em 0
}
h6 {
	font-size: .75em;
	margin: 2.33em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
i {
	font-style: italic!important
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
mark {
	color: #000;
	background: #ff0
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:after, q:before {
	content: "";
	content: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ol, nav ul {
	list-style: none
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure, form {
	margin: 0
}
fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid silver
}
legend {
	margin-left: -7px;
	padding: 0;
	white-space: normal;
	border: 0
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	vertical-align: middle
}
button, input {
	line-height: normal
}
button, html input[type=button], input[type=reset], input[type=submit] {
	overflow: visible;
	cursor: pointer;
	-webkit-appearance: button
}
button[disabled], input[disabled] {
	cursor: default
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	width: 13px;
	height: 13px;
	padding: 0
}
input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
.main_menu a {
	color: #52a84d!important
}
#mid_line a, #mid_line img, .emptyLink, .logo, .logo a, .phone_image, .social_image, .whatwedo img,.whatwedo-mobile img {
	vertical-align: middle
}
.mini-title {
	color: #ef5e21;
	margin: 20px 0;
	background-color: #fff;
	border-radius: 40px;
	padding: 20px;
	font-weight: bold;
	font-size: 30px;
}
.title, h2.railH {
	font-family: philosopherregular
}
.title {
	font-size: 41px;
	line-height: 45px;
	margin-bottom: 20px
}
.big-green {
	color: #50a844;
	display: block;
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px
}
.big-white {
	color: #fff;
	display: block;
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px
}
.breadcrumb {
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dashed #ccc
}
.specialOffers {
	background-color: #f2ffe2;
}
.specialOffers h1 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ee5f2e;
}
.specialOffers p {
	text-align: center;
}
.specialOffersContainer {
	width: 1100px;
	margin: 0 auto;
	display: block;
	padding: 30px 0;
	overflow: hidden;
}
.specialOffers li {
	font-size: 21px;
	display: block;
	float: left;
	width: 45%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 25px;
	color: #ee5f2e;
	background: url(../images/icon_arrow.webp) no-repeat left 5px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.specialOffers h2 {
	font-size: 24px;
	color: #00640c;
}
.small li {
	font-size: 12px !important;
	margin-top: 0px !important;
	width: 45% !important;
	color: #ee5f2e !important;
	line-height: 23px;
}
.specialOffers img {
	position: absolute;
	margin-top: -260px;
	margin-left: 1060px;
	opacity: 0.3;
}
#hiddenHeader {
	font-size: 1.5em!important;
	line-height: 1.5em;
	position: fixed;
	z-index: 900000;
	top: 0;
	display: none;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 12px 0 #2f2f2f
}
#hiddenHeader a {
	text-decoration: none;
	color: inherit
}
#mid_content, #top_content {
	margin: 0 auto
}
.midline_services h5, h2.railH {
	margin: 0 0 20px;
	padding: 0;
	color: #f15f22
}
#mid_content.full {
	width: 100%;
	border: 1px solid #056419;
	color: #056419 !important;
}
#mid_line.full {
	clear: both;
	width: 100%;
	background-color: #f2ffe2
}
h2.railH {
	font-size: 40px
}
.midline_services h5 {
	font-family: philosopherregular!important;
	font-size: 30px!important
}
.innerTestim {
	overflow: hidden;
	margin-top: 20px;
	padding: 0 15px;
	border: 1px solid #9bc07c;
	border-radius: 3px
}
.innerTestim span {
	color: #f15f22
}
#mid_line img {
	margin-right: 10px
}
#mid_line li {
	line-height: 80px;
	width: 48%;
	margin-top: 25px;
	text-align: center;
	border-right: 1px solid #fff
}
#mid_line li:last-child {
	border: 0
}
#mid_line a, .emptyLink {
	font-size: 14px;
	line-height: normal;
	display: inline-block;
	color: #00640c
}
.logo, .logo a, .top_menu {
	height: 95px
}
#main_content, #mid_line section, footer {
	margin: 0 auto
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
.header {
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
	padding: 1.5em 0 1.2em;
	border-bottom: 1px solid rgba(214,213,212,.64);
	background: url(../images/border.webp) repeat-x #fff
}
.logo {
	position: relative;
	z-index: 1000;
	display: block;
	margin-right: 20px
}
.logo a {
	display: table-cell
}
.wrapper {
	width: 1200px;
	margin: 0 auto
}
.main_menu>li {
	font-size: 15px;
	padding: 0 10px;
	margin-top: 25px
}
.floatLeft {
	margin-right: 12px
}
.current {
	border-bottom: 3px solid #fff
}
.top_phone {
	font-size: 14px;
	line-height: 22px;
	display: inline-table;
	padding: 10px 10px 5px 55px;
	color: #b9d4ba;
	border-radius: 5px;
	background-color: #00640c;
	background-image: url(../images/phone.webp);
	background-repeat: no-repeat;
	background-position: 7px center
}
.phone_container {
	line-height: 83px;
	display: block;
	text-align: center
}
.tel {
	color: #00640c;
	white-space: nowrap
}
.top_content_left {
	float: left;
	width: 55%;
	padding: 20px;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 25px;
	/* min-height: calc(100vh - 50%); */
}
.top_content_right {
	float: right;
	width: 35%;
	padding: 20px;
	margin-bottom: 20px
}
.top_content_right_blog {
	float: right;
	width: 30%;
	padding: 20px
}
.top_content_right_blog .whatwedo>li,.top_content_right_blog .whatwedo-mobile>li {
	float: none!important;
	width: 100%!important;
	padding-left: 20px;
	border-right: 0!important;
	border-bottom: 1px solid #ccc
}
.footer_center, .footer_left, .footer_right, .social li {
	float: left
}
.left_container h2, .left_container h3, .siteBox h1, .siteBox h2, .top_content_left h1, .top_content_left h2 {
	font-family: philosopherregular;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 10px;
	color: #00640c
}
time {
	font-size: 13px!important;
	font-weight: 700!important;
	color: #666!important
}
time span {
	margin: 5px!important
}
.social_image {
	margin-right: 1px
}
.bottom_phone {
	font-family: philosopherregular;
	font-size: 38px;
	display: block;
	clear: both;
	margin-bottom: 20px;
	color: #fff
}
.social a {
	font-size: 14px;
	color: #4e4e4e
}
.blog h2, .color2, .footer_contact_form h2, .social h2, .top_content_right h2, .top_content_right_blog h2, .top_header_price #top_content h2 {
	font-family: philosopherregular;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px;
	padding: 0;
	color: #056419
}
.social li {
	width: auto;
	margin-bottom: 20px;
	padding: 4px
}
.social li img {
	width: 30px;
	filter: saturate(0%) brightness(100)
}
.social {
	margin-top: 12px
}
.social h2 {
	font-size: 18px;
	margin: 20px 0 24px;
	padding: 2%;
	text-align: center;
	color: #00640c;
	border-radius: 12px;
	background: #fff
}
.left_container, .left_container_full {
	min-height: 550px;
	padding: 20px;
	float: left
}
.social a:hover {
	text-decoration: underline
}
.hidden {
	display: none!important;
	visibility: hidden
}
.testimonials_box {
	display: block;
	margin: 0 auto;
	background-color: #00640c;
	padding: 10px
}
.testimonials_in {
	background-color: #00640c;
	padding: 20px;
	color: #fff;
	width: 95% !important;
}
.testimonials_in h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid;
	margin-bottom: 20px;
	line-height: 55px
}
.testimonials_in .author, .testimonials_in date {
	color: #fff
}
#latestTestimonials {
	overflow: hidden
}
.testimonials_text {
	margin-bottom: 20px;
	color: #fff;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 40px;
	display: block;
	width: 97%;
	margin: 0 auto;
	padding-top: 17px
}
.left_container {
	width: 54%
}
.left_container_full {
	width: 100%
}
.left_container_ourMission {
	float: left;
	width: 52%
}
.container-12.grid-4.midline_services_ourMission>h3, .joinOurTeamForm h2, .left_container_ourMission h3, .top_content_left_joinTeam h1, .top_content_left_ourMission h1, .top_header_price h1 {
	font-family: philosopherregular;
	font-size: 39px;
	font-weight: 700;
	margin: 20px 0 10px;
	text-align: left!important;
	color: #00640c
}
.top_content_left_ourMission {
	line-height: 1.6
}
.top_content_left_ourMission h1 {
	line-height: 0;
	display: block;
	padding-top: 70px
}
.left_container_ourMission p, .ourValues {
	line-height: 1.6
}
.container-12.grid-4.midline_services_ourMission>h3 {
	margin-top: 55px
}
.container-12.grid-4.midline_services_ourMission {
	padding: 0 20px
}
.ourValues {
	float: left;
	width: 50%;
	text-align: left
}
.mid_icons {
	display: block;
	text-align: center
}
.mid_icons li {
	display: table-cell;
	padding: 20px
}
.right_container {
	float: right;
	width: 38%;
	padding: 20px;
	text-align: center
}
.testimonials_title {
	font-family: philosopherregular;
	font-size: 35px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	color: #fff!important;
	text-align: center;
	border-bottom: 1px solid;
	padding-bottom: 10px
}
#contacttb {
	width: 100%;
	color: #acacac
}
#contacttb textarea, .stinput {
	height: 35px;
	color: #000;
	border-width: 0 0 2px;
	border-style: none none solid;
	border-color: -moz-use-text-color -moz-use-text-color #6a6a6a;
	border-radius: 5px;
	border-image: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none
}
.btn, .btn-home {
	line-height: 40px;
	margin-bottom: 20px;
	transition: .3s;
	color: #fff;
	border-radius: 3px;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	width: 100%;
	display: block;
	text-align: center;
	font-weight: 700;
	border: 0
}
.btn {
	background-color: #00640c
}
.btn:hover {
	background-color: #00830c
}
.btn-home {
	border-width: 0 0 3px;
	border-style: none none solid;
	border-bottom: 3px solid #a64015;
	background-color: #00640c
}
.btn-home:hover {
	background-color: #f15f22
}
.home-latest-list a {
	font-weight: 700;
	color: #514141
}
.blogList h3 a {
	color: #f15f22
}
.blog_date {
	font-size: 14px;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	color: #a69e9e
}
.footer_menu a {
	display: block;
	margin: 5px 20px;
	padding-left: 15px!important;
	color: #fff;
	background-image: url(../images/bottom_bullet.webp);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px
}
.blog_title {
	background-color: #f7f7f7;
	padding: 20px
}
.blog_txt {
	border: 1px solid #f7f7f7
}
.preview {
	border-top: 1px dashed #ccc;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 20px
}
.date {
	background-image: url("../img/blogdate.png");
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #fcb034
}
.maipage_blogitem_title {
	font-weight: 700;
	width: auto
}
.mainpage_blogitem {
	clear: both;
	margin-bottom: 20px!important;
	padding-right: 10px
}
.maipage_blogitem_img {
	float: left;
	margin-right: 10px
}
#blog-data {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%
}
.blogPost img {
	width: 100%;
	height: 200px;
	object-fit: cover
}
article.testimonialsList {
	border-bottom: 1px dashed #d1d1d1;
	margin: 0 0 15px;
	padding: 0 0 5px
}
article.testimonialsList ul {
	float: left;
	margin: 0;
	width: 100%
}
article.testimonialsList ul li {
	float: left
}
article.testimonialsList ul li.author {
	font-size: 16px;
	font-weight: 600;
	float: right
}
article.testimonialsList ul li.date {
	float: left;
	text-align: right
}
article.categoryList {
	float: left;
	margin: 0 15px 30px 0;
	min-height: 410px;
	width: 320px
}
article.categoryList h3 {
	color: #6d6d6d;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 15px;
	text-transform: uppercase
}
article.categoryList header a.boxLink {
	display: block;
	height: 219px;
	margin: 0 0 20px;
	overflow: hidden;
	position: relative;
	width: 320px
}
article.categoryList header a.boxLink span {
	background: url(../images/view-more.webp) no-repeat scroll center center #000;
	bottom: -100%;
	display: block;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	text-indent: -9999px;
	transition: bottom .4s ease-in-out 0;
	width: 100%
}
article.categoryList header a.boxLink:hover span {
	bottom: 0;
	transition: bottom .4s ease-in-out 0
}
article.categoryList header.boxLink img {
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%
}
article.categoryList p {
	color: #828282;
	font-size: 14px
}
article.categoryList a.readMore {
	background: url(../images/read-more.webp) no-repeat scroll 0 0 rgba(0,0,0,0);
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 600;
	height: 38px;
	line-height: 42px;
	text-align: center;
	text-transform: uppercase;
	transition: all .2s ease-in-out 0;
	width: 138px
}
article.categoryList a.readMore:hover {
	color: #415a68;
	text-decoration: none
}
article.blogList {
	border-bottom: 1px dashed #dadada;
	margin: 0 10px 10px 10px;
	padding: 0 0 10px;
	width: 23%
}
article.blogList header p {
	margin: 0 0 10px
}
article.blog img, article.blogList img {
	border: 1px solid #dadada;
	padding: 4px;
	width: 100%;
	height: 190px;
	object-fit: cover
}
article.blog h3, article.blogList h3 {
	margin: 0 0 5px
}
article.blogList h3 a {
	color: #415a68;
	font-size: 18px;
	font-weight: 600;
	transition: all .2s ease-in-out 0
}
article.blogList h3 a:hover {
	color: #fcb034;
	text-decoration: none
}
article time {
	color: #aeaeae;
	font-size: 11px;
	font-style: italic;
	font-weight: 300
}
.blog_preview {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px dashed #c9e0e6;
	clear: left;
	height: 200px;
	margin-bottom: 20px;
	padding-bottom: 20px
}
.blog_preview .date, .blogdate {
	color: #8c9195;
	display: block;
	font-size: 11px;
	margin: 12px 0
}
.blog_preview .text {
	color: #484e4e!important;
	display: block;
	font-size: 13px;
	text-decoration: none
}
.blog_preview .preview {
	float: left;
	margin-left: 16px;
	width: 70%
}
.blog_preview .img {
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 12px;
	float: left;
	height: 200px;
	width: 200px
}
.blogtitle {
	background: #a1d784;
	color: #fff!important;
	display: block;
	font-size: 18px;
	margin-left: -80px;
	margin-top: 22px;
	padding: 8px 12px;
	position: absolute;
	text-decoration: none
}

@media only screen and (max-width:767px) {
.specialOffers img {
	display: none !important;
}
.specialOffersContainer {
	width: inherit !important;
}
.specialOffers li {
	width: 100% !important;
	margin: 0;
	margin-top: .8em !important;
	font-size: 16px !important;
}
.blogList {
	width: 100%!important
}
}
.whatwedo a.active img {
	background-color: #056419;
	border-radius: 5px;
}
.whatwedo li {
	float: left;
	width: 47%;
	min-height: 60px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0px;
}
.whatwedo li:nth-child(odd),.whatwedo-mobile li:nth-child(odd) {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
.whatwedo li:nth-child(2n),.whatwedo-mobile li:nth-child(2n) {
	padding-left: 10px;
	border-right: 0;
	border-bottom: 1px solid #ccc
}
.whatwedo a,.whatwedo-mobile a {
	font-weight: 700;
	word-wrap: normal;
	color: #514141;
	text-align: center;
	display: block;
	padding: 5px;
	border-radius: 5px;
}
.whatwedo .btn,.whatwedo-mobile .btn {
	display: block;
	width: 92%;
	margin: 8px auto;
	padding: 5px 0;
	color: #fff;
	border-bottom: 3px solid #497722
}
.whatwedo .btn:hover,.whatwedo-mobile .btn:hover {
	color: #fff;
	border-bottom: 3px solid #a64015
}
.whatwedo img,.whatwedo-mobile img {
	float: left;
	margin-right: 4px;
	margin-top: -6px;
}
.midline_services {
	font-size: 16px;
	text-align: center;
	color: #514141;
	border-right: 1px solid #dbdbdb
}
.midline_services:last-child {
	border: 0
}
.midline_services h2 {
	font-family: philosopherregular;
	font-size: 36px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #00640c
}
.testimonialsList {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: justify;
	border-bottom: 1px dashed
}
.item, .readyBookFooter {
	text-align: center
}
.tabs-container.testimonials {
	height: 200px
}
.testimonials a {
	color: #00640c
}
.testimonials_names {
	font-style: normal;
	font-weight: 700;
	color: #fff;
	display: block;
	float: right;
	margin-top: 19px
}
.author, .date {
	margin-top: 10px;
	font-weight: 700
}
.author {
	float: left
}
.date {
	float: right
}
.mobile {
	display: none
}
.date span {
	margin-right: 8px
}
.top_phone a {
	font-size: 30px;
	color: #fff
}
.areasPages {
	margin-top: 30px
}
.areasPages img {
	display: table-header-group;
	float: left;
	width: auto!important;
	padding: 2px 10px 25px 0
}
.areasPages>a {
	display: inline-block;
	overflow: hidden;
	width: 47%;
	margin: 5px 0;
	padding-right: 10px;
	vertical-align: top;
	color: #056419;
	font-weight: bold;
}
.areasPages>a:hover {
	color: #52a84d;
}
.areasPages>a::before {
	float: left;
	min-height: 37px;
	margin-right: 7px;
	content: url(../images/icon_arrow.webp)
}
.messageSent {
	padding: 20px;
	border: 1px solid #8bb783;
	background: #d1f2cb
}
.readyBookFooter {
	font-family: philosopherregular;
	font-size: 36px;
	display: block;
	clear: both;
	width: 260px;
	margin: 0 auto 10px;
	color: #5b5b5b
}
.gBtn, .readyBookFooter a {
	font-size: 15px;
	font-weight: 700;
	display: block;
	margin-top: 10px;
	padding: 20px 25px;
	color: #fff;
	border-width: 0 0 2px;
	border-style: none none solid;
	border-color: #406d1d;
	border-radius: 5px;
	border-image: none;
	background: #00640c;
}
.gBtn:hover, .readyBookFooter a:hover {
	padding: 18px 21px;
	cursor: pointer;
	color: #5e944d!important;
	border: 3px solid #70a944;
	background: #fff
}
.top_menu .main_menu li a, .top_menu .main_menu li span {
	display: block;
	padding: 12px 0 10px;
	text-transform: uppercase;
	color: #fff
}
.top_menu .main_menu .level2:hover .level2menu {
	display: block;
	-webkit-animation: all .5s ease;
	-moz-animation: all .5s ease;
	animation: all .5s ease;
	opacity: 1;
	z-index: 5;
}
.top_menu .main_menu .level2menu:hover>.level2 {
	background-color: #ffdd6b
}
.top_menu .main_menu .level3:hover>.level3menu {
	display: block;
	-webkit-animation: all .5s ease;
	-moz-animation: all .5s ease;
	animation: all .5s ease
}
.top_menu .main_menu .level2menu {
	position: absolute;
	display: block;
	display: none;
	margin-left: -8px;
	-webkit-animation: all .5s ease;
	-moz-animation: all .5s ease;
	animation: all .5s ease;
	border-bottom: 5px solid #0e821e;
	background-color: #f2ffe2;
	box-shadow: 0 5px 4px #ccc
}
.top_menu .main_menu .level2menu li:hover {
	background-color: #d6f3b2
}
.top_menu li.level3.active {
	background-color: #d6f3b2;
}
.joinOurTeamForm, .top_menu .main_menu .level2:hover {
	background: #f2ffe2
}
.top_menu .main_menu .level3menu li:hover {
	border-radius: 0 0 5px 5px
}
.top_menu .main_menu .level2menu .level3Toggle>span {
	padding: 0
}
.top_menu .main_menu .level2menu .level3Toggle>.imageWrapper {
	width: 55px;
	margin-right: 5px;
	text-align: center
}
.top_menu .main_menu .level2menu .level3Toggle>.imageWrapper img {
	max-height: 35px;
	vertical-align: middle
}
.main_menu .level2menu li a, .top_menu .main_menu .level2menu li span {
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	padding: 10px;
	text-align: left;
	text-align: center;
	text-transform: capitalize;
	color: #000
}
.top_menu .main_menu .level2menu .level3 {
	line-height: normal;
	position: relative;
	display: block;
	clear: both;
	padding: 0
}
.top_menu .main_menu .level2Toggle>span {
	font-size: 10px;
	display: inline-block;
	margin-left: 3px;
	padding: 0;
	vertical-align: top;
	color: #0e821e
}
.top_menu.mobile .mobile_navigation .level2Toggle>span {
	font-size: 12px;
	display: inline-block;
	margin-left: 3px;
	padding: 0;
	vertical-align: middle;
	color: #fff
}
.whatwedo li>a:hover {
	color: #00640c
}
.promoBanner {
	display: block;
	width: 200px;
	margin: 0 auto;
	text-align: center
}
.joinOurTeamForm {
	padding: 30px 0 70px
}
#top_content_joinTeam {
	overflow: hidden
}
.top_content_left_joinTeam h1 {
	padding-top: 20px
}
.joinForm .float_left {
	float: left;
	width: 47%
}
.joinForm .float_right {
	float: right;
	width: 47%
}
.joinOurTeamForm h2 {
	margin-bottom: 20px
}
.joinForm .float_left .c_input {
	margin-bottom: 15px
}
.level2menu.landscaping-menu li a {
	padding: 0;
	background: #fff;
	border: 2px solid #0e821e;
	display: block;
	line-height: 0;
	margin: 3px
}
.top_menu .main_menu .level2menu.landscaping-menu {
	border: none;
	box-shadow: 0 3px 6px #333
}
.level2menu.landscaping-menu li a:hover {
	border-color: #f15f22
}
#contact-form.joinForm {
	font-size: 14px
}
.joinForm .float_left input {
	height: auto;
	margin-top: 5px;
	padding: 15px;
	color: inherit;
	border: 1px solid #c8deae
}
#contact-form.joinForm .c_send .btn {
	font-size: 18px;
	display: block;
	clear: both;
	width: auto;
	margin: 0 auto;
	padding: 5px 35px;
	background: #ed1d24
}
.joinForm .float_right .brwsBtn {
	font-size: 18px;
	display: block;
	width: 160px;
	margin: 5px 0;
	padding: 5px 0;
	cursor: pointer;
	background: #ed1d24
}
#contact-form.joinForm .c_send .btn:hover, .joinForm .float_right .brwsBtn:hover {
	background: #00640c
}
.joinForm .c_text {
	margin-top: 20px
}
.joinForm .c_text textarea {
	height: 248px;
	padding: 20px;
	resize: none;
	color: inherit;
	border: 1px solid #c8deae
}
.top_content_left_joinTeam a {
	font-size: 14px;
	font-weight: 700;
	display: block;
	float: left;
	margin-top: 10px;
	color: inherit
}
.top_content_left_joinTeam a::before {
	display: inline-block;
	margin-right: 5px;
	content: url(../images/mailIcon.webp);
	vertical-align: -2px
}
#top_content_joinTeam::before {
	position: absolute;
	z-index: -1;
	left: 0;
	width: 100%;
	height: 700px;
	margin-top: -21px;
	content: "";
	background: #fff
}
.top_header_price {
	float: left;
	width: 100%;
	background: #fff
}
.pricesWrap {
	float: right;
	width: 60%;
	margin: 20px 0 40px
}
.gardeningMaint, .generalServices, .gutterCleaning, .patioCleaning, .windowCleaning {
	display: block;
	clear: both;
	overflow: hidden
}
.gutterCleaning {
	background: url(../images/prices/pricesBg_gutterCleaning.webp) center/cover no-repeat
}
.generalServices {
	background: url(../images/prices/pricesBg_generalCleaning.webp) center/cover no-repeat
}
.gardeningMaint {
	background: url(../images/prices/pricesBg_gardeningMaint.webp) center/cover no-repeat
}
.patioCleaning {
	background: url(../images/prices/pricesBg_patioCleaning.webp) center/cover no-repeat
}
.windowCleaning {
	background: url(../images/prices/pricesBg_windowCleaning.webp) center/cover no-repeat
}
.priceCont #main_content .pricesWrap h2 {
	font-family: philosopherregular;
	font-size: 50px;
	margin-bottom: 20px;
	color: #fff
}
.priceCont #main_content .pricesWrap table th {
	font-size: 13px;
	padding: 15px 20px;
	text-align: left;
	border-bottom: 3px solid #00640c
}
.priceCont #main_content .pricesWrap table {
	width: 100%;
	background: rgba(255,255,255,.9)
}
.priceCont #main_content .pricesWrap table td h3 {
	font-size: 15px;
	font-weight: 700;
	color: #00640c
}
.priceCont #main_content .pricesWrap table td {
	padding: 20px;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.6
}
.gardeningMaint #main_content .pricesWrap table tr td:first-child, .generalServices #main_content .pricesWrap table tr td:first-child, .gutterCleaning #main_content .pricesWrap table tr td:first-child, .patioCleaning #main_content .pricesWrap table tr td:first-child {
	padding-right: 10px;
	padding-left: 30px;
	background: #e9f6da
}
.gardeningMaint #main_content .pricesWrap table tr, .generalServices #main_content .pricesWrap table tr, .gutterCleaning #main_content .pricesWrap table tr, .patioCleaning #main_content .pricesWrap table tr {
	border-bottom: 1px solid #838383
}
.priceCont .gardeningMaint .pricesWrap table tr td:first-child, .priceCont .generalServices .pricesWrap table tr td:first-child {
	vertical-align: middle!important
}
.priceCont #main_content .pricesWrap table td ul li, .top_header_price #top_content .priceBox ul li {
	margin: 5px 0 5px 20px;
	list-style-image: url(../images/prices/priceIcon_11.webp)
}
.priceCont .generalServices #main_content .pricesWrap table td:nth-child(3) {
	width: 23%
}
.priceCont .gardeningMaint #main_content .pricesWrap h2, .priceCont .generalServices #main_content .pricesWrap h2, .priceCont .windowCleaning #main_content .pricesWrap h2 {
	color: #00640c
}
.patioCleaning .pricesWrap table td p, .windowCleaning .pricesWrap table td p {
	margin-bottom: 20px
}
.patioCleaning .pricesWrap table td p:last-child, .windowCleaning .pricesWrap table td p:last-child {
	margin-bottom: 3px
}
.top_header_price .priceBox {
	display: inline-block;
	width: 23%;
	min-height: 320px;
	margin-top: 25px;
	padding: 50px;
	vertical-align: top
}
.top_header_price #top_content .priceBox:first-of-type {
	background: #dff7cb
}
.top_header_price #top_content .priceBox:nth-of-type(3) {
	background: #e4f2fc
}
.top_header_price #top_content .priceBox:nth-of-type(2) {
	margin: 25px 31px;
	background: #fcecd3
}
.top_header_price #top_content .priceBox h2 {
	font-family: philosopherregular;
	font-size: 24px;
	font-weight: 400;
	min-height: 50px;
	color: #00640c
}
.top_header_price #top_content .priceBox h2 img {
	margin-right: 20px;
	vertical-align: middle
}
.top_header_price #top_content .priceBox ul li {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px
}
.top_header_price #top_content .priceBox ul li span {
	font-size: 13px;
	font-weight: 400;
	display: block
}
.pricesPromoBanner {
	padding: 30px 0 25px;
	background: #fff
}
.priceCont #main_content .pricesWrap h2 span {
	font-size: 20px;
	display: block;
	margin-top: 10px
}
.gardeningMaint.monthlyMaint {
	background: url(../images/prices/pricesBg_gardeningMaintMonthly.webp) center center/cover no-repeat rgba(0,0,0,0)
}
.priceCont .gardeningMaint.monthlyMaint #main_content .pricesWrap h2 {
	color: #fff
}
.top_content_left .priceService {
	overflow: hidden;
	margin-top: 20px;
	padding: 0 15px;
	border: 1px solid #9bc07c;
	border-radius: 3px
}
.top_content_left .priceService>p:first-child {
	float: left;
	color: #a03000;
	font-weight: 700
}
.top_content_left .priceService>p:nth-child(2) {
	font-family: philosopherregular;
	font-size: 18px;
	float: right;
	color: #00640c
}
.top_content_left .priceService>p:nth-child(2) span {
	font-size: 32px;
	line-height: 0;
	vertical-align: middle
}
.top_content_left .priceService>p {
	margin: 10px 0
}
.top_content_left .allPrices {
	font-family: philosopherregular;
	font-size: 18px;
	display: block;
	width: 150px;
	margin: 15px auto 0;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #00640c
}
.book-btn {
    font-weight: 700;
    font-size: 15px;
    display: inline-block;
    padding: 15px 20px;
    margin: 0 10px;
    transition: .3s;
    text-align: center;
    color: #fff;
    border-width: 0 0 3px;
    border-style: none none solid;
    border-bottom: 3px solid #3C6836;
    border-radius: 3px;
    border-image: none;
    background-color: #50A844;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    vertical-align: top;
}
a[href$=".pdf"]::before {
  content: url(../images/pdf-icon.png);
  vertical-align: middle;
  margin-right: 5px;
}
/* a[href$=".pdf"]:hover:before {
  filter: brightness(0.5);
} */
.top_content_left .allPrices:hover {
	background: #f15f22
}
.projectswrapper {
	width: 1134px;
	margin: 0 auto
}
.projectswrapper p {
	margin: 0!important
}
#ourProjectsHero {
	padding: 27px 0;
	background: url(../images/ourprojects-top.webp) center top/cover no-repeat;
	height: 100px
}
#ourProjectsHero section {
	width: 50%
}
#ourProjectsHero h1 {
	font-size: 40px;
	font-weight: 400;
	margin: 0 0 2%;
	text-transform: uppercase
}
#ourProjectsHero p {
	font-size: 13px!important;
	clear: both;
	line-height: 22px;
	padding: 10px
}
#ourProjectsDescr {
	position: relative;
	z-index: 10;
	padding: 20px 0 0;
	background: #fff!important
}
#ourProjectsDescr>.projectswrapper>img {
	float: left;
	width: 30%
}
#ourProjectsDescr p {
	font-size: 13px;
	line-height: 20px
}
#ourProjectsDescr .projectswrapper section {
	float: left;
	width: 70%
}
#ourProjectsDescr .projectswrapper section h2 {
	font-size: 22px;
	margin-bottom: 10px;
	color: #f35f23
}
#ourProjectsDescr .projectswrapper section ul {
	margin-left: 20px
}
#ourProjectsDescr .projectswrapper section ul li {
	margin-bottom: 5px;
	list-style: disc;
	color: #f35f23;
	height: 100px
}
#ourProjectsDescr .projectswrapper section ul li p {
	color: #838281
}
#ourProjectsDescr img {
	vertical-align: text-bottom
}
.tilerepeat {
	position: relative;
	z-index: 9000;
	bottom: 0;
	width: 100%;
	height: 31px;
	background: url(../images/bordetopgrey.webp) center bottom repeat-x
}
#ourProjectsList {
	position: relative;
	z-index: 9000;
	padding: 20px 0;
	background: #fff;
	overflow: hidden
}
#ourProjectsList .projectLink {
	width: calc(25% - 20px);
	float: left;
	position: relative;
	margin: 10px
}
#ourProjectsList img:hover {
	opacity: .2
}
#ourProjectsList .projInfo:hover h3 {
	display: none
}
#ourProjectsList .projInfo .cover {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -53px
}
#ourProjectsList .projInfo:hover .cover {
	display: block
}
#ourProjectsList .projInfo .projInfoTop {
	overflow: hidden;
	width: 58%;
	margin: 0 auto;
	border-bottom: 1px solid #a0a0a0
}
#ourProjectsList .projInfo .projInfoTop span {
	font-weight: 600;
	display: block;
	float: left;
	height: 40px;
	padding: 6%;
	color: #a0a0a0
}
#ourProjectsList .projInfo h3 {
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	position: absolute;
	bottom: 10px;
	margin: 0;
	left: 10px;
	line-height: 23px;
	width: calc(100% - 33px);
	background: rgba(95,142,58,.4);
	padding-left: 10px;
	border-radius: 5px
}
#ourProjectsList .projInfo h3 span {
	color: #f4825b
}
#ourProjectsList .projInfo .projInfoTop .date {
	font-size: 16px;
	text-align: center
}
#ourProjectsList .projInfo .projInfoTop .region {
	font-size: 35px;
	line-height: 60px
}
#ourProjectsList .projectLink .seeProject img {
	border-radius: 10px
}
#ourProjectsList .projectLink .seeProject {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #00640c;
	border-radius: 10px;
	line-height: 0
}
#ourProjectsList .projectLink .seeProject:hover {
	background: #70a843
}
.seeProject.comingSoon:hover {
	cursor: not-allowed;
	background: #ccc!important
}
#read_more, .closeX:hover, .owl-nav-mobile img {
	cursor: pointer
}
#dealsCont h2 {
	font-size: 40px
}
#dealsCont img {
	margin-bottom: 20px
}
#ourProjectsHero.projectOne {
	padding: 98px 0;
	background: url(../images/islington-lawn-turfing-top.webp) center center/cover no-repeat!important
}
#ourProjectsDescr.projectOne .projectswrapper {
	overflow: hidden;
	padding-bottom: 20px
}
#ourProjectsHero.projectOne section {
	width: 25%;
	min-height: 100px
}
.ourPricesHeroSect h1 {
	display: none
}
.ourPricesHeroSect p {
	display: none
}
#ourProjectsHero.projectOne .ourPricesHeroSect h1 {
	margin-bottom: 0
}
#ourProjectsHero.projectOne .ourPricesHeroSect p {
	font-size: 40px!important;
	font-weight: 600;
	line-height: normal;
	text-transform: uppercase
}
#ourProjectsDescr.projectOne .mainProjInfo .projDate {
	font-size: 18px;
	font-weight: 600;
	width: 128px;
	padding: 1%;
	text-align: center;
	color: #fff;
	background: #00640c;
	float: left
}
#ourProjectsDescr.projectOne .mainProjInfo .projDate span:nth-of-type(2) {
	font-size: 46px;
	font-weight: 400
}
#ourProjectsDescr.projectOne .mainProjInfo {
	overflow: hidden;
	padding: 3% 0 3% 8%
}
#ourProjectsDescr.projectOne .mainProjInfo h1, #ourProjectsDescr.projectOne .mainProjInfo h2 {
	font-size: 60px;
	float: left;
	padding: 3%;
	text-transform: uppercase;
	color: #a0a0a0;
	font-weight: 600
}
.projInfoCont .projSteps h3, .projInfoCont .whiteProjBanner {
	font-family: philosopherregular;
	color: #70a843
}
#ourProjectsDescr.projectOne {
	background: url(../images/whitetile.webp) center bottom repeat-x
}
#ourProjectsDescr.projectOne .mainProjInfo h1 span, #ourProjectsDescr.projectOne .mainProjInfo h2 span {
	color: #f15f23
}
#ourProjectsDescr.projectOne .secProjInfo {
	width: 100%
}
#ourProjectsDescr.projectOne .secProjInfo h3, .projectswrapper h3 {
	font-family: philosopherregular;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #70a843
}
#landscapingHeading {
	font-size: 24px;
	text-align: center
}
.projInfoCont {
	padding: 3% 0;
	color: #535353;
	background: url(../images/greytile.webp) center bottom repeat-x, #f0efed
}
.projInfoCont .centerImg {
	margin: 20px 0;
	text-align: center
}
.projInfoCont .projSteps {
	margin: 20px 0
}
.projInfoCont .projSteps h3 {
	font-size: 26px;
	font-weight: 700;
	margin: 20px;
	text-align: center
}
.projInfoCont .projSteps .doubleCont {
	overflow: hidden
}
.projInfoCont .projSteps .doubleCont div, .projInfoCont .projSteps .doubleCont figure {
	float: left;
	width: 50%
}
.projInfoCont .projSteps .doubleCont div p {
	margin-bottom: 20px;
	padding: 0 4% 4%
}
.projInfoCont .projSteps .doubleCont figure img {
	margin-bottom: 20px
}
.projInfoCont .projSteps .doubleCont div p span {
	font-size: 22px;
	font-weight: 700;
	color: #70a843
}
.projInfoCont .projSteps .doubleCont div p strong {
	font-weight: 700
}
.projInfoCont .whiteProjBanner {
	font-size: 20px;
	font-weight: 700;
	width: 80%;
	margin: 0 auto;
	padding: 3%;
	text-align: center;
	border-radius: 5px;
	background: #fff
}
.beforeAfter {
	overflow: hidden;
	width: 88%;
	margin: 20px auto
}
.beforeAfter h3 {
	font-size: 36px;
	font-weight: 600;
	margin-top: 10px
}
#ourProjGal .projGalHero h1, #ourProjGal .projGalList ul li .itemHead h2, .callUsInt p, .contact-main h1, .projRec section h3, .projectswrapper h3, .serviceFrom .projectswrapper section {
	font-family: philosopherregular
}
.beforeAfter .before h3 {
	color: #f15f23
}
.beforeAfter .after h3 {
	color: #70a843
}
.beforeAfter .after, .beforeAfter .before {
	float: left;
	width: 50%;
	text-align: center
}
#ourProjectsDescr .beforeAfter img {
	top: 0!important
}
.projRec {
	position: relative;
	color: #838281;
	background: #fff!important
}
.serviceFrom .projectswrapper section {
	font-weight: 700
}
.serviceFrom .projectswrapper section h3 {
	margin: 0!important
}
.projRec img {
	position: relative;
	top: 6px;
	width: 30%
}
.projRec section {
	margin: 20px 0
}
.projRec img, .projRec section {
	float: left
}
.projRec section h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-left: 20px;
	color: #f15f23
}
.projRec section ul {
	padding-left: 35px
}
.projRec section ul li {
	margin-bottom: 10px;
	list-style: disc;
	color: #f15f23
}
.projRec section ul li p {
	color: #838281
}
.projRec .projectswrapper {
	overflow: hidden
}
.greytile {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 31px;
	background: url(../images/bordetopgrey.webp) center top repeat-x
}
#barnetThumb, .thePlan, .thePlan img {
	position: relative
}
.serviceFrom {
	padding: 40px 0;
	background: #f0efed
}
.serviceFrom section {
	line-height: 1.2em;
	overflow: hidden;
	width: 50%;
	margin: 0 auto;
	padding: 1%;
	border: 1px solid #70a843;
	border-radius: 5px
}
.serviceFrom section h3 {
	font-size: 20px;
	line-height: 1.2em;
	float: left;
	color: #f15f22
}
.serviceFrom section p {
	float: right;
	color: #70a843
}
.serviceFrom section p span {
	font-size: 30px
}
.projectswrapper h3 {
	font-size: 22px;
	margin-bottom: 20px;
	color: #70a843
}
.thePlan {
	height: 200px;
	margin: 8% 0;
	border-radius: 20px;
	background: #fff
}
.thePlan img {
	top: -45px;
	left: 2%;
	float: left
}
.thePlan ul {
	float: right;
	padding: 1%;
	width: 65%
}
.thePlan ul li {
	margin-bottom: 7px;
	list-style: disc;
	color: orange
}
.thePlan ul li p {
	color: #70a843
}
.clear {
	clear: both
}
#barnetThumb {
	bottom: 0;
	width: auto;
	margin-top: 28px
}
.projRec section {
	width: 63%
}
.projRec section>p {
	margin-bottom: 10px;
	padding-left: 34px;
	color: #838281
}
#seeAllGal {
	padding: 2% 0 3%;
	text-align: center;
	background: #fff
}
#seeAllGal h2 {
	line-height: 1.5em
}
#seeAllGal a {
	display: block;
	line-height: 0
}
#seeAllGal a:hover {
	background: #f9adad
}
.callUsInt {
	position: fixed;
	z-index: 10000;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	max-width: 600px;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 12px 12px 0 0;
	background: #fff;
	box-shadow: 0 0 12px rgba(47,47,47,.3)
}
.callUsInt p {
	font-size: 20px;
	display: block;
	margin: 0;
	padding: 2%;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #ccc;
	border-radius: 12px 12px 0 0;
	background: #f15f23
}
.callUsInt img {
	vertical-align: bottom
}
.projRec.projTestim {
	padding-top: 30px;
	background: url(../images/projQuoteUp.webp) 22% 10% no-repeat, url(../images/projQuoteBot.webp) 70% 85% no-repeat, #fff!important
}
.projRec.projTestim img {
	top: 80px
}
.projRec.projTestim p {
	margin-bottom: 20px!important
}
.projInfoCont.noBg {
	background-image: none!important
}
.greytile.bot {
	top: 0!important;
	bottom: auto!important;
	transform: rotate(180deg)
}
.center, .centerText {
	text-align: center
}
.closeX {
	position: absolute;
	top: -30px;
	right: 10px;
	padding: 2px 3px;
	color: #00640c;
	border-radius: 5px;
	background: #fff
}
.closeX span {
	font-weight: 700
}
#closeMenu {
	cursor: pointer;
	text-align: center;
	background: #5d8938;
	padding: 0.5rem;
}
#closeMenu img {
	padding: .3em 0
}
.mobile_navigation .level2menu li a {
	line-height: 70px
}
.mobile_navigation .level2menu li a span:nth-of-type(2), .mobile_navigation li a span {
	text-align: left!important
}
.spans {
	width: 300px;
	margin: 0 auto
}
#ourProjGal .projGalHero h1 {
	font-size: 30px;
	color: #5e944d
}
#ourProjGal .projGalHero p {
	font-size: 16px;
	width: 70%;
	margin: 2% 0!important
}
#ourProjGal .projGalHero .gBtn {
	width: 205px;
	margin-top: 5%
}
#ourProjGal .projGalHero {
	margin-bottom: 3%;
	padding: 2% 0 10% 2%;
	background: url(../images/grassRow.webp) center bottom no-repeat, url(../images/ourGalleryGirl.webp) 92% bottom no-repeat
}
#ourProjGal .projGalList ul li {
	display: block;
	overflow: hidden;
	max-width: 936px;
	margin: 0 auto 5%;
	background: #fff
}
#ourProjGal .projGalList ul li .itemHead {
	display: block;
	padding: 3%;
	text-align: center;
	background: url(../images/gTools1.webp) 3% center no-repeat, url(../images/gTools2.webp) 97% center no-repeat
}
#ourProjGal .projGalList ul li:nth-of-type(2n) .itemHead {
	background: url(../images/flow23.webp) 3% center no-repeat, url(../images/boot23.webp) 97% center no-repeat
}
#ourProjGal .projGalList ul li:nth-of-type(3n+1) .itemHead {
	background: url(../images/gtool23.webp) 3% center no-repeat, url(../images/gwall23.webp) 97% center no-repeat
}
#ourProjGal .projGalList ul li .itemHead h2 {
	font-size: 24px;
	padding: 0 15%;
	color: #5e944d
}
#raqBtn, .priceTag {
	color: #fff;
	background: #f4825b
}
#ourProjGal .projGalList ul li .itemHead p {
	width: 75%;
	margin: 0 auto!important
}
#ourProjGal .projGalList ul li .itemPics.double figure {
	float: left;
	width: 48%;
	padding: 1%;
	text-align: center
}
#ourProjGal .projGalList ul li .itemPics.double figure img {
	max-width: 100%
}
.priceTag {
	font-size: 20px;
	padding: 3%;
	border: 2px dashed #fff;
	border-radius: 5px
}
#raqBtn, .scrollToTop {
	position: fixed;
	padding: 10px
}
#gardening-services {
	margin-bottom: 5px
}
#raqBtn {
	line-height: 32px;
	z-index: 10000;
	top: 80%;
	right: 0;
	margin-right: -127px;
	transition: all 98.5ms ease-in;
	vertical-align: middle;
	border-radius: 12px 0 0 12px
}
#raqBtn:hover {
	background: #0e821e
}
#raqBtn img {
	width: 32px;
	margin-right: 3px
}
#raqBtn img, #raqBtn p {
	display: inline;
	vertical-align: middle
}
.showRaq {
	right: 0!important;
	margin-right: 0!important
}
.container-12 .grid-4:first-of-type {
	width: 25%
}
.container-12 .grid-4:nth-of-type(2) {
	margin: 0 5%
}
.right_container h2 {
	font-family: philosopherregular;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px;
	padding: 0;
	color: #056419
}
.scrollToTop {
	font-weight: 700;
	z-index: 90000;
	bottom: 0;
	left: 20px;
	display: none;
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
	transition: all 87ms ease;
	text-align: center;
	text-decoration: none;
	text-indent: -9999em;
	color: #444;
	border-radius: 12px;
	background: url(../images/arUp.webp) center center no-repeat green;
	background-size: 40%
}
.scrollToTop:active, .scrollToTop:focus {
	border: none;
	outline: 0
}
.scrollToTop:hover {
	text-decoration: none;
	border-radius: 12px;
	background-color: #f4825b;
	background-size: 70%;
	box-shadow: 0 0 24px rgba(47,47,47,.1)
}
.gardNeeds {
	overflow: hidden;
	background: #fff;
	border-radius: 30px;
	padding: 3%;
	text-align: center;
	margin-bottom: 30px
}
.gardNeeds .nHead {
	color: #535353;
	font-size: 16px;
	margin-bottom: 10px
}
.gardNeeds .nHead p span {
	font-size: 22px;
	color: #70a843;
	font-weight: 700
}
.gardNeeds figure {
	margin-top: 20px;
	float: left;
	width: 50%
}
.gardNeeds figure:first-of-type {
	text-align: right
}
.gardNeeds figure:nth-of-type(2) {
	text-align: left
}
.catalogue-cover {
	text-align: center
}

@media only screen and (max-width:1685px) {
.projRec.projTestim {
	background: url(../images/projQuoteUp.webp) 18% 10% no-repeat, url(../images/projQuoteBot.webp) 74% 85% no-repeat, #fff!important
}
}

@media only screen and (max-width:1430px) {
.projRec.projTestim {
	background: url(../images/projQuoteUp.webp) 16% 10% no-repeat, url(../images/projQuoteBot.webp) 76% 85% no-repeat, #fff!important
}
}

@media only screen and (max-width:1260px) {
.projRec.projTestim {
	background: url(../images/projQuoteUp.webp) 14% 10% no-repeat, url(../images/projQuoteBot.webp) 78% 85% no-repeat, #fff!important
}
}

@media only screen and (max-width:1080px) {
#ourProjectsDescr .projectswrapper.projectsinfo {
	height: 350px
}
.projRec.projTestim {
	background: url(../images/projQuoteUp.webp) 2% 10% no-repeat, url(../images/projQuoteBot.webp) 98% 85% no-repeat, #fff!important
}
}

@media only screen and (max-width:960px) {
#ourProjectsList .projectLink>a {
	margin: 0 2.5%!important
}
#ourProjGal .projGalHero {
	background: url(../images/grassRow.webp) center bottom no-repeat, url(../images/ourGalleryGirl.webp) 98% bottom no-repeat
}
}

@media only screen and (max-width:820px) {
#ourProjectsDescr .projectswrapper.projectsinfo {
	height: 450px
}
#ourProjGal .projGalList ul li .itemHead {
	border-top: 2px solid #f15f23;
	background: #fff
}
#ourProjectsList .projectLink>a {
	margin: 0 1%!important
}
.btn.image {
	float: none;
	margin: 0 auto
}
}

@media only screen and (min-width:960px) and (max-width:1199px) {
.container-12.wrapper {
	width: 96%
}
.container-12.full {
	width: 99%
}
.left_container {
	padding: 20px 0
}
.c_input_home {
	width: 30%;
	margin: 0 27px 0 0
}
.right_container {
	width: 43%;
	padding: 20px 0
}
.main_menu li {
	padding: 10px 7px
}
.logo {
	margin-right: 10px
}
.container-12.grid-4.midline_services_ourMission>h3 {
	margin-top: 15px
}
.ourValues {
	width: 41%
}
.left_container_ourMission {
	width: 33%;
	padding: 0
}
.mid_icons li {
	padding: 10px
}
#main_content .blockPrBox {
	margin: 4px
}
.askDeal, .combinePrice {
	width: 43%
}
.top_header_price .priceBox {
	width: 25%;
	padding: 25px
}
.top_header_price #top_content .priceBox h2 img {
	margin-right: 0
}
.pricesWrap {
	width: 80%
}
}

@media only screen and (max-width:720px) {
header .columns.seventeen {
	height: 0!important
}
#ourProjectsHero {
	padding: 50px 0 10px!important
}
#ourProjGal .projGalList ul li .itemPics.double figure {
	float: none;
	width: 100%
}
#ourProjGal .projGalHero {
	padding-top: 10%;
	padding-bottom: 3%!important;
	text-align: center;
	background: #fff
}
#ourProjGal .projGalHero .gBtn, #ourProjGal .projGalHero p {
	margin: 0 auto 3%!important
}
}

@media only screen and (min-width:720px) and (max-width:959px) {
.missionImg {
	display: block;
	float: none!important;
	width: 50%;
	margin: 0 auto!important
}
#label_antis {
	display: block;
	float: none
}
.missionImg2 {
	display: none
}
.c_input {
	float: none;
	width: 100%;
	margin: 0
}
.logo, .wrapper {
	margin: 0!important
}
.textarea-home, textarea {
	width: 100%!important
}
.btn, .btn-home {
	width: 100%
}
#latestTestimonials {
	height: 90px
}
.top_content_left_ourMission h1 {
	padding-top: 15px
}
#mid_content.full {
	overflow: hidden;
	padding-bottom: 20px
}
.mid_icons li {
	border-bottom: 0!important
}
.container-12 .grid-4 {
	width: 40%!important
}
.ourValues {
	width: 100%
}
.left_container_ourMission {
	width: 94%!important
}
.top_content_left_ourMission {
	clear: both;
	padding: 0 20px
}
#mid_line li {
	line-height: inherit
}
.top_menu {
	float: inherit
}
.footer_right {
	width: 90%!important
}
.midline_services h2 {
	font-size: 30px
}
.whatwedo a,.whatwedo-mobile a {
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	float: left;
	width: 100%;
	text-align: center;
	word-wrap: normal;
	color: #514141
}
.whatwedo img,.whatwedo-mobile img {
	display: block;
	float: none;
	margin: 0 auto;
	vertical-align: middle
}
.mid_icons li {
	padding: 10px 0;
	border-right: 0;
	float: left
}
.top_content_right .whatwedo>li , .top_content_right .whatwedo-mobile>li {
	float: left!important;
	width: 45%!important;
	min-height: 100px;
	padding: 0;
	border-bottom: 0!important
}
.left_container, .right_container {
	float: none;
	width: 100%;
	padding: 0
}
.top_menu {
	display: none
}
.mobile {
	display: block!important;
	float: none
}
.mobile_menu, .slide-trigger {
	display: block
}
.mobile_menu {
	position: absolute;
	/* z-index: 9000; */
	right: 2%;
	/* width: 96% */
}
.mobile_navigation, .no-js .slide-trigger {
	display: none
}
.no-js .mobile_navigation {
	display: block
}
.mobile_navigation li {
	float: none;
	overflow: hidden
}
.slide-trigger, .slide-trigger span {
	float: right;
	height: 75px;
	cursor: pointer
}
.mobile_navigation {
	position: relative;
	z-index: 9999;
	clear: both;
	max-width: none;
	padding: 0;
	border: 1px solid #fff;
	background: #00640c
}
.mobile_navigation li a {
	border-bottom: 1px solid #fff;
	font-size: 18px;
	font-weight: 700;
	display: block;
	padding: 15px;
	color: #fff
}
.mobile_navigation li a:hover {
	color: #000;
	background: #d6f3b2
}
.navheader {
	font-size: 12px;
	padding: 10px 5px 10px 10px
}
.navheader img {
	margin-right: 10px
}
.slide-trigger {
	font-size: 20px;
	line-height: 32px;
	margin: 0;
	color: #fff;
	border: 0
}
.slide-trigger span {
	display: block;
	width: 32px;
	margin-top: 0;
	background-image: url(../images/dropdown-arrows.webp);
	background-repeat: no-repeat;
	background-position: center center
}
.areasPages {
	margin-top: 30px
}
.areasPages img {
	display: table-header-group;
	float: left;
	width: auto!important;
	padding: 2px 10px 25px 0!important
}
.areasPages>a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding-right: 10px;
	vertical-align: top;
	color: #514141
}
.areasPages>a:hover {
	color: #00640c
}
.mobile_navigation .level2menu.active {
	display: block!important;
	background: #f2ffe2
}
.mobile_navigation .level2menu a {
	font-size: 14px;
	font-weight: 400;
	color: #000
}
.mobile_navigation .level2menu a span {
	display: block;
	float: left;
	width: 50%;
	text-align: center
}
.mobile_navigation .level2menu li a {
	padding: 10px 15px
}
.mobile_navigation .imageWrapper>img {
	margin-right: 10px;
	vertical-align: middle
}
.top_phone {
	display: inline-table
}
.priceServices {
	display: none
}
.top_header_price #top_content>p {
	width: 100%
}
#main_content .blockPrBox {
	width: 48%;
	margin: 3px
}
.askDeal, .combinePrice {
	float: right;
	width: 80%
}
#main_content .comboPrice.blockPrBox {
	width: 49%
}
#top_content_joinTeam .missionImg {
	float: right!important
}
#top_content_joinTeam {
	padding-bottom: 20px
}
.joinForm .float_left, .joinForm .float_right {
	width: 100%
}
.top_header_price .priceBox {
	width: 28%;
	padding: 15px
}
.top_header_price #top_content .priceBox h2 img {
	margin-right: 0;
	height: 30px
}
.pricesWrap {
	width: 80%
}
.top_header_price #top_content .priceBox:nth-of-type(2) {
	margin: 15px 4px
}
.top_header_price .priceBox {
	margin-top: 15px;
	min-height: 255px
}
.top_header_price #top_content .priceBox h2 {
	font-size: 20px
}
}

@media only screen and (max-width:1080px) {
.projectswrapper {
	width: 90%;
	margin: 0 auto
}
#ourProjectsHero section {
	width: 80%;
	margin: 0 auto
}
#ourProjectsDescr .projectswrapper section {
	width: 100%
}
#ourProjectsDescr .projectswrapper>img {
	display: none
}
#ourProjectsDescr .beforeAfter img {
	display: block
}
.projRec img {
	display: none
}
.projRec section {
	float: none;
	width: 100%;
	padding-bottom: 20px
}
}

@media only screen and (max-width:1024px) {
.thePlan img {
	display: none
}
.thePlan {
	height: auto
}
.thePlan ul {
	float: none;
	width: 90%;
	margin: 0 auto
}
}

@media only screen and (max-width:880px) {
#ourProjectsList .projInfo, .projectswrapper {
	width: 100%
}
}

@media only screen and (max-width:760px) {
#ourProjectsList .projectLink>a {
	width: 50%;
	margin: 0 auto!important
}
.projectswrapper.projectsinfo {
	height: 330px
}
#ourProjectsDescr.projectOne .mainProjInfo {
	padding: 0
}
#ourProjectsDescr.projectOne .mainProjInfo .projDate, #ourProjectsDescr.projectOne .mainProjInfo h2 {
	float: none;
	margin: 0 auto;
	text-align: center
}
#ourProjectsDescr.projectOne .mainProjInfo h2 {
	font-size: 30px
}
.projInfoCont .projSteps .doubleCont div, .projInfoCont .projSteps .doubleCont figure {
	float: none;
	width: 100%
}
.projInfoCont .projSteps .doubleCont figure {
	margin: 10px 0;
	text-align: center
}
.serviceFrom section {
	width: 90%
}
}

@media only screen and (max-width:719px) {
#header, #header .logo a, #header .phone_container, #header .top_menu {
	transition: none
}
.siteBox p {
	text-align: justify
}
.mob_catalog {
	display: block
}
.pricesWrap table tbody tr td {
	display: block!important;
	float: left;
	width: 38%!important
}
#top_content h1 {
	margin-top: 20px;
	text-align: center!important
}
.phone_container, .top_content_left .priceService {
	text-align: center
}
.top_header_price .priceBox {
	display: none!important
}
#mid_content, .fluidHeight, .priceServices, .slider, .top_header_price #top_content>img {
	display: none
}
#ourProjectsHero section {
	width: 100%!important
}
.top_content_left .priceService>p:first-child, .top_content_left .priceService>p:nth-child(2) {
	float: none
}
#main_content .blockPrBox, .top_header_price #top_content>p {
	width: 100%
}
.top_header_price #top_content>p {
	margin-top: 0;
	margin-bottom: 20px
}
#main_content .blockPrBox {
	margin: 6px 0
}
#label_antis {
	display: block;
	float: none
}
#header {
	border-bottom: 13px solid #00640c!important
}
.container-12.full {
	width: 100%
}
.c_input, .c_input_home {
	float: none;
	width: 100%;
	margin: 0
}
.container-12.wrapper {
	width: 100%
}
.top_phone a {
	font-size: 20px
}
.phone_container {
	line-height: 60px;
	float: none;
	margin: 0 auto
}
#mid_line li {
	line-height: inherit;
	width: 100%;
	border: 0
}
/* #mid_line {
	height: inherit
} */
#mid_line li:last-child {
	margin-bottom: 25px;
	border: 0
}
.top_content_right .whatwedo>li, .top_content_right .whatwedo-mobile>li {
	float: left!important;
	border-right: 0!important;
	border-bottom: 1px solid #ccc!important
}
.whatwedo li:nth-child(2n),.whatwedo-mobile li:nth-child(2n) {
	border-right: 0

}
.blog h2, .footer_contact_form h2, .social h2, .testimonials_title, .top_content_right h2, .top_content_right_blog h2 {
	font-family: philosopherregular;
	font-size: 26px;
	font-weight: 700;
	margin: 20px 0;
	padding: 0 0 10px;
	border-bottom: 1px solid
}
.left_container, .right_container {
	float: none;
	width: 100%;
	padding: 0
}
.top_content_left, .top_content_right, .top_content_right_blog {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0
}
.siteBox img {
	display: block;
	float: none!important;
	margin: 0 auto!important;
	/* width: 100% */
}
.right_container, .top_menu {
	display: none
}
#main_content {
	clear: both
}
#contacttb td {
	float: left;
	width: 100%
}
.mobile, .mobile_navigation li {
	float: none
}
.mobile {
	display: block!important
}
.mobile_menu, .slide-trigger {
	display: block
}
.mobile_menu {
	position: absolute;
	z-index: 9000;
	right: 0;
	width: 100%
}
.mobile_navigation, .no-js .slide-trigger {
	display: none
}
.no-js .mobile_navigation {
	display: block
}
.slide-trigger, .slide-trigger span {
	float: left;
	height: 46px;
	cursor: pointer
}
.mobile_navigation {
	position: relative;
	z-index: 9999;
	clear: both;
	max-width: none;
	padding: 0;
	border: 1px solid #fff;
	background: #00640c;
	overflow-y: scroll;
	max-height: 500px
}
.mobile_navigation li a {
	border-bottom: 1px solid #fff;
	font-size: 18px;
	font-weight: 700;
	display: block;
	padding: 15px;
	text-align: center;
	color: #fff
}
.mobile_navigation li a span {
	text-align: left!important
}
.mobile_navigation li a:hover {
	color: #000;
	background: #d6f3b2
}
.navheader {
	font-size: 12px;
	padding: 10px 5px 10px 10px
}
.navheader img {
	margin-right: 10px
}
.slide-trigger {
	font-size: 20px;
	line-height: 32px;
	margin: 0;
	color: #fff;
	border: 0
}
.slide-trigger span {
	display: block;
	width: 32px;
	margin-top: 0;
	background-image: url(../images/dropdown-arrows.webp);
	background-repeat: no-repeat;
	background-position: center center
}
.areasPages {
	margin-top: 30px
}
.areasPages img {
	display: table-header-group;
	float: left;
	width: auto!important;
	padding: 2px 10px 25px 0!important
}
.areasPages>a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding-right: 10px;
	vertical-align: top;
	color: #514141
}
.areasPages>a:hover {
	color: #00640c
}
.mobile_navigation .level2menu.active {
	display: block!important;
	background: #f2ffe2
}
.mobile_navigation .level2menu a {
	font-size: 14px;
	font-weight: 400;
	color: #000
}
.mobile_navigation .level2menu li a {
	padding: 10px 15px
}
.mobile_navigation .imageWrapper, .mobile_navigation .menuWrap {
	display: block;
	float: left
}
.mobile_navigation .imageWrapper {
	width: 20%
}
.mobile_navigation .menuWrap {
	line-height: 40px;
	width: 70%;
	padding-left: 10%;
	text-align: left!important
}
.mobile_navigation .level2menu li a {
	line-height: 30px
}
.mobile_navigation .level3 {
	display: block;
	overflow: hidden;
	min-height: 40px
}
.missionImg, .missionImg2 {
	display: none
}
.mobile_navigation .level3Toggle {
	overflow: hidden
}
.mobile_navigation .level3Toggle .clpsMenu {
	width: 65%;
	margin: 0 auto
}
.mobile_navigation .imageWrapper>img {
	margin-right: 10px;
	vertical-align: middle
}
.missionImg {
	float: none!important;
	width: 50%;
	margin: 80px auto 0!important
}
.whatwedo a, .whatwedo img,.whatwedo-mobile a, .whatwedo-mobile img {
	display: block;
	float: none;
	margin: 0 auto
}
.top_content_left_ourMission h1 {
	padding-top: 15px
}
#mid_content.full {
	overflow: hidden;
	padding-bottom: 20px
}
.mid_icons li {
	border-bottom: 0!important
}
.container-12 .grid-4 {
	width: 91%!important
}
.ourValues {
	width: 100%
}
.left_container_ourMission {
	width: 94%!important;
	padding: 0!important
}
.top_content_left_ourMission {
	clear: both
}
.top_content_right_blog .whatwedo>li, .top_content_right_blog .whatwedo-mobile>li {
	padding-left: 0
}
.top_content_right_blog {
	padding: 0
}
.whatwedo a, .whatwedo-mobile a {
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	width: 100%;
	padding: 3px 0;
	text-align: center;
	border-radius: 3px
}
.whatwedo-mobile .owl-item a.active {
	color: #fff!important;
	background: #00640c
}
.top_content_right .whatwedo>li, .top_content_right .whatwedo-mobile>li {
	width: 50%;
	text-align: center
}
.sticked {
	line-height: 45px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}
.stickyFix {
	display: block
}
.sticked {
	background-color: #00640c
}
.logo {
	position: relative;
	z-index: 10000
}
.askDeal, .combinePrice {
	width: 88%
}
#top_content_joinTeam .missionImg {
	float: right!important
}
#top_content_joinTeam {
	padding-bottom: 20px
}
.joinForm .float_left, .joinForm .float_right, .pricesWrap {
	width: 100%
}
.top_header_price .priceBox {
	width: 85%;
	min-height: inherit;
	margin: 0 auto;
	padding: 20px
}
.gardeningMaint #main_content .pricesWrap table tr td:first-child, .generalServices #main_content .pricesWrap table tr td:first-child, .gutterCleaning #main_content .pricesWrap table tr td:first-child, .patioCleaning #main_content .pricesWrap table tr td:first-child, .priceCont #main_content .pricesWrap table td {
	width: 86%
}
.top_header_price #top_content .priceBox h2 img {
	height: 30px
}
.top_header_price #top_content .priceBox h2 {
	font-size: 20px
}
.top_header_price #top_content .priceBox:nth-of-type(2) {
	margin: 15px auto
}
.priceCont #main_content .pricesWrap h2 {
	font-size: 26px
}
.priceCont #main_content .pricesWrap table td, .priceCont #main_content .pricesWrap table th {
	display: block
}
.whatwedo-mobile .owl-item, .whatwedo-mobile .owl-stage-outer, .whatwedo-mobile owl-stage {
	height: 100px
}
.whatwedo li,.whatwedo-mobile li {
	float: none;
	width: 100%;
	min-height: 95px;
	margin: 0 auto;
	border: 0!important
}
.top_content_right>nav {
	overflow: hidden;
	border-bottom: 1px solid #ed1c24
}
.top_content_right>h2 {
	margin-bottom: 0;
	color: #056419;
	text-align: center;
	margin-top: -50px
}
.whatwedo-mobile .owl-controls.clickable {
	margin-top: -60px
}
.whatwedo-mobile .owl-next, .whatwedo .owl-prev {
	position: absolute
}
.whatwedo-mobile .owl-next {
	right: 0;
	text-align: right
}
#ourProjectsList .projectLink {
	width: calc(50% - 20px)
}
#ourProjectsList .projectswrapper {
	max-width: 560px
}
#ourProjectsHero {
	background: #eff6ee
}
#ourProjectsHero p {
	line-height: 17px;
	padding-top: 0;
	padding-bottom: 0
}
}
.contact-main h1, .copyright, .sitemaps {
	text-align: center
}

@media only screen and (max-width:480px) {
#ourProjGal .projGalList ul li .itemHead {
	background-size: 15%!important
}
}

@media only screen and (max-width:400px) {
.mob_catalog {
	left: 130px;
	margin: 0
}
}

@media only screen and (max-width:380px) {
.projectswrapper.projectsinfo {
	height: 600px
}
#ourProjectsDescr p {
	font-size: 12px;
	line-height: 18px
}
}
.main_menu li:nth-child(3) a, .main_menu li:nth-child(3n+7) a {
	color: #ee5f2e!important
}
.active>a, .main_menu a:hover {
	color: #005200!important
}
.floatLeft {
	float: left;
	margin: 0 10px 10px
}
footer {
	overflow: hidden;
	padding-top: 20px;
	background-color: #00640c;
	color: #fff;
	line-height: 19px!important
}
.copyright {
	padding-top: 10px;/* border-top:1px dashed #a03000; */
	padding-bottom: 20px;
	color: #056419;
}
.sitemaps a {
	text-decoration: none;
	color: #f15f22
}
.siteBox {
	line-height: 25px
}
.siteBox ul {
	list-style: url(../images/ul-tick.webp);
	overflow: hidden
}
.siteBox li {
	float: left;
	width: 40%;
	margin-left: 40px
}
.siteBox .projGalList ul {
	list-style: none;
	overflow: hidden
}
.siteBox .projGalList li {
	float: none;
	width: auto;
	margin-left: 0
}
.contact-background {
	background: url(../images/contact-us-background.webp)
}
.contact-main {
	padding-top: 20px;
	margin-top: 95px
}
.contact-main .left_container {
	float: none;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 50px
}
.contact-main h1 {
	color: #50a844;
	font-size: 40px;
	width: 80%;
	margin: 10px auto;
	line-height: 35px
}
.contact-main h2 {
	color: #f36f27
}
.contact-main .siteBoxContent {
	overflow: hidden;
	background: #fff;
	border-radius: 2px
}
.contact-main .fl-25 {
	float: left;
	width: calc(25% - 40px);
	padding: 20px;
	min-height: 360px
}
.contact-main .fl-50 {
	float: left;
	width: calc(50% - 40px);
	padding: 20px
}
.contact-main .fl-25.green {
	background: #ebf3e8
}
.contact-main .phone_image {
	float: left
}
.contact-main .phone_number {
	float: right;
	width: calc(100% - 82px);
	color: #50a844
}
.contact-main .infoPhone {
	font-size: 20px;
	color: #f36f27
}
.contact-main .fl-2>div {
	padding-bottom: 10px
}
.contact-main .fl-25>p {
	clear: both;
	padding: 10px 0;
	font-size: 14px
}
.contact-main .bottom_phone {
	font-size: 25px
}
.contact-main .contact-line {
	clear: both;
	padding: 20px 0;
	background: url(../images/contact-line.webp) center repeat-x
}
.contact-main .contact-line span {
	background: #fff;
	font-weight: 700;
	font-style: italic;
	color: #adc0c4
}
.contact-main .fl-2-32 {
	float: left;
	width: 66.6667%
}
.contact-main .fl-2-31 {
	float: left;
	width: 33.3333%
}
.contact-main input {
	font-size: 12px;
	padding: 0 10px
}
.contact-main textarea {
	height: 107px;
	resize: none;
	font-size: 12px;
	padding: 10px;
	margin: 5px!important;
	width: calc(100% - 10px)!important
}
.btn.contact-send {
	background-image: url(../images/email_send.webp);
	width: 150px!important;
	height: 60px;
	border-radius: 5px;
	transition: all .5s ease 0;
	-moz-transition: all .5s ease 0;
	-ms-transition: all .5s ease 0;
	-webkit-transition: all .5s ease 0;
	margin: 22px auto 0;
	border-bottom: 3px solid #a64015;
	background-repeat: no-repeat;
	background-position: 104px center;
	float: right;
	background-color: #f15f22
}
.btn.contact-send:hover {
	background-color: #5e944d;
	border-color: #f15f22
}
.contact-main .contact-ul li {
	background: 0 0;
	padding: 10px;
	height: 50px;
	width: calc(50% - 20px);
	font-size: 14px;
	border: none;
	margin: 0;
	float: left
}
#owl-project, body.white {
	background: #fff
}
.contact-main .contact-ul li img {
	float: left;
	width: 40px
}
.contact-main .contact-ul li span {
	float: right;
	width: calc(100% - 45px);
	color: #2d6271
}
.contact-main .contact-br {
	width: 265px;
	margin: 0 auto;
	display: block;
	height: 190px
}
.contact-main .breadcrumb {
	margin-bottom: 0
}
.contact-main .c_input {
	width: calc(50% - 10px);
	margin: 5px;
	float: left
}
#embed_pdf {
	display: block
}
#embed_pdf_mobile {
	display: none
}
.catalogue-mini {
	text-align: left
}
.catalogue-mini img {
	vertical-align: middle;
	margin-right: 10px
}
.catalogue-mini a {
	border: 3px solid #00640c;
	border-radius: 3px;
	padding: 7px 14px;
	color: #00640c;
	font-weight: 700
}

@media only screen and (max-width:1100px) {
.contact-main .phone_image {
	width: 70px
}
}

@media only screen and (max-width:970px) {
.contact-main .fl-2 {
	float: left;
	width: 100%;
	text-align: center
}
.contact-main .phone_image {
	float: none
}
.contact-main .infoPhone {
	position: relative;
	top: -20px
}
.contact-main .fl-2>div {
	padding: 0
}
.contact-main .bottom_mail {
	margin: 0
}
}

@media only screen and (max-width:960px) {
#embed_pdf, .contact-main .phone_image {
	display: none
}
.contact-main .phone_number {
	width: 100%;
	float: none
}
.contact-main .bottom_phone {
	line-height: 40px
}
.contact-main .fl-25>p {
	padding-top: 0;
	margin-top: 0
}
.contact-main .c_input {
	float: none;
	width: 100%;
	margin: 0;
	text-align: right
}
.contact-main .c_input input[type=submit] {
	margin: 10px 0
}
.contact-main .contact-ul li {
	width: 100%;
	float: none;
	padding: 6px;
	min-height: 50px;
	height: 50px
}
#embed_pdf_mobile {
	display: block;
	text-align: center
}
}

@media only screen and (max-width:720px) {
.contact-main .fl-25, .contact-main .fl-50 {
	width: calc(100% - 40px);
	float: none;
	text-align: center
}
.contact-main .fl-50 {
	width: calc(100% - 40px)
}
.contact-main .phone_number {
	text-align: center;
	display: inline-block
}
.contact-main .phone_image {
	display: inline-block;
	vertical-align: top
}
.contact-main .contact-ul li {
	width: 200px;
	margin: 0 auto
}
.btn.contact-send {
	float: none
}
}
.fl-20, .fl-25, .fl-33, .fl-40, .fl-50 {
	margin: 0 20px
}
.projectLink.projBan img {
	border-radius: 10px
}
#ourProjectsList .projectLink.projBan img:hover {
	opacity: 1
}
.fl-50 {
	float: left;
	width: calc(50% - 40px)
}
.fl-25 {
	float: left;
	width: calc(25% - 10px);
	margin: 0 5px
}
.fl-33 {
	float: left;
	width: calc(33% - 40px)
}
.fl-20 {
	float: left;
	width: calc(20% - 40px)
}
.fl-40 {
	float: left;
	width: calc(40% - 40px)
}
.fl-33 img.mini {
	float: left;
	width: 50px;
	margin-right: 10px
}
.fl-33 p.mini {
	float: left;
	width: calc(100% - 60px);
	margin: 0;
	padding: 0;
	text-align: left
}
.fl-20 .title, .pavements {
	text-align: center
}
.right {
	float: right
}
.new_service_page .container-12 {
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden
}
.new_service_page .testimonials_in {
	width: 90%!important;
	margin: 0 auto!important
}
img[src="https://handygardeners.com/pub/Gardening/paving-patio-1.webp"] {
	width: 100%
}
img[src="https://handygardeners.com/pub/mid_line/about-us.jpg"] {
	width: 100%
}

@media (max-width:992px) {
.mid4_text {
	width: 100%
}
}

@media (max-width:400px) {
.new_service_page .testimonials_in {
	padding: 10px
}
}
.fl-20 .title {
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	margin: 0;
	text-transform: uppercase;
	display: block
}
.fl-20 .title:after {
	content: "❯";
	padding-left: 4px;
	color: #ef5e21
}
.siteBox li.fl-50 {
	float: left;
	width: 50%;
	margin: 0;
	list-style: none;
	min-height: 85px
}
.siteBox li.fl-50 p {
	padding: 0;
	margin: 0 50px 0 0;
	font-size: 13px;
	line-height: 15px
}
.call_now {
	border: 2px solid #50a844;
	display: inline-block;
	vertical-align: top;
	border-radius: 3px;
	padding: 7px 10px;
	color: #ef5e21;
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px;
	transition: .3s
}
.call_now:hover {
	color: #fff;
	background: #50a844
}
.call_now img {
	width: 15px
}
.projTitle .fl-50 {
	width: calc(50% - 20px)!important;
	float: left!important;
	margin: 10px;
	max-width: 220px
}
.projTitle span {
	display: block
}
#subscribe h2 {
	font-size: 23px;
	margin: 0;
	margin-bottom: 10px;
	color: #fff
}
#subscribe input[type=text] {
	width: calc(100% - 120px)
}
#subscribe input[type=submit] {
	background: #fff;
	border: none;
	font-weight: 700;
	line-height: 33px;
	margin-bottom: 10px;
	transition: .3s;
	text-align: center;
	color: #00640c;
	width: 100px;
	border-radius: 5px
}
#owl-project {
	width: 890px;
	margin: 0 auto;
	padding: 0 20px
}
#owl-project .owl-item img {
	border-radius: 10px
}
.owl-title {
	position: absolute;
	color: #fff;
	z-index: 9999;
	width: calc(100% - 60px);
	top: 135px;
	left: 25px;
	text-align: left;
	background: rgba(95,142,58,.4);
	padding: 5px;
	border-radius: 5px
}
#read_more, .btnRequest {
	font-weight: 700;
	transition: .3s;
	text-align: center;
	color: #fff
}
.green {
	background: #eef7ed
}
.owl-controls {
	position: absolute;
	top: 40%;
	left: -72px;
	width: calc(100% + 144px);
	height: 0
}
.owl-controls .owl-prev {
	float: left
}
.owl-controls .owl-next {
	float: right
}
.to_hide {
	display: none
}
#read_more {
	background: #50a844;
	border: none;
	line-height: 29px;
	border-width: 0 0 3px;
	border-style: none none solid;
	border-bottom: 3px solid #87311d;
	border-radius: 3px;
	width: 100px;
	display: block;
	margin: 30px auto
}
.btnRequest {
	line-height: 40px;
	border-width: 0 0 3px;
	border-style: none none solid;
	border-bottom: 3px solid #87311d;
	border-radius: 3px;
	border-image: none;
	background-color: #f15f24;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	width: 130px;
	display: inline-block
}
.btnRequest:hover {
	background: #c25225;
	border-bottom-color: #87311d
}
.owl-nav-mobile {
	display: none
}
.orange {
	color: #ef5e21;
	font-family: philosopherregular;
	font-size: 20px
}
.catalogue-block-link {
	margin-top: 120px;
	display: block
}
#decking-mission {
	background: url(../pub/Gardening/decking_mission.webp) no-repeat center;
	height: 641px
}
#turfing-mission {
	background: url(../pub/Gardening/turfing_mission.webp) no-repeat center;
	height: 670px
}
#planting-mission {
	background: url(../pub/Gardening/planting_mission.webp) no-repeat center;
	height: 649px
}
#flower-borders-mission {
	background: url(../pub/Gardening/flower-borders_mission.webp) no-repeat center;
	height: 670px
}
#garden-lighting-mission {
	background: url(../pub/Gardening/garden-lighting_mission.webp) no-repeat center;
	height: 670px
}
#paving-mission {
	background: url(../pub/Gardening/paving_mission.webp) no-repeat center;
	height: 670px
}
#irrigation-systems-mission {
	background: url(../pub/Gardening/irrigation-systems_mission.webp) no-repeat center;
	height: 670px
}
#landscape-edging-mission {
	background: url(../pub/Gardening/landscape-edging_mission.webp) no-repeat center;
	height: 670px
}
#shed-building-mission {
	background: url(../pub/Gardening/shed-building_mission.webp) no-repeat center;
	height: 670px
}
#walkways-mission {
	background: url(../pub/Gardening/walkways_mission.webp) no-repeat center;
	height: 670px
}
#decoration-mission {
	background: url(../pub/Gardening/decoration_mission.webp) no-repeat center;
	height: 670px
}
#walling-mission {
	background: url(../pub/Gardening/walling_mission.webp) no-repeat center;
	height: 670px
}
#walling-mission .tel {
	color: #fff
}
#walling-mission .white {
	color: #fff
}
#tree-surgery-mission {
	background: url(../pub/Gardening/tree-surgery_mission.webp) no-repeat center;
	height: 670px
}
#lawn-mission {
	background: url(../pub/Gardening/lawn_mission.webp) no-repeat center;
	height: 670px;
	color: #fff
}
#driveways-mission {
	background: url(../pub/Gardening/driveways_mission.webp) no-repeat center;
	height: 670px;
	color: #fff
}
#paving-patio-mission {
	background: url(../pub/Gardening/paving-patio_mission.webp) no-repeat center;
	height: 670px;
	color: #fff
}
#fencing-mission {
	background: url(../pub/Gardening/fencing_mission.webp) no-repeat center;
	height: 670px;
	color: #fff
}
#fencing-mission .tel {
	color: #fff
}
#lawn-mission .white-line {
	background: url(../pub/Gardening/white-line.webp) no-repeat left 18px
}
#shed-building-mission .white-line {
	font-size: 26px;
	line-height: 30px
}
#lawn-mission .call-div {
	margin-top: 160px;
	margin-top: 160px
}
#lawn-mission .call-div img {
	float: left;
	width: 180px;
	margin-right: 5px
}
#lawn-mission .call-div div {
	float: left;
	width: calc(100% - 200px);
	margin-top: 45px;
	text-transform: uppercase;
	font-size: 15px
}
#lawn-mission .call-div p {
	clear: both;
	font-size: 12px;
	line-height: 20px
}
#lawn-mission .call-div div span {
	display: block;
	font-size: 45px;
	margin: 20px;
	font-weight: 700
}
#lawn-bg {
	list-style: none
}
#lawn-bg img.mini {
	float: left;
	width: 48px;
	margin-right: 12px
}
#lawn-bg p.mini {
	float: left;
	width: calc(100% - 60px);
	margin: 7px 0;
	font-size: 12px;
	line-height: 20px
}
#lawn-bg li {
	width: 100%;
	float: none;
	margin: 0 0 20px;
	overflow: hidden;
	max-width: 420px
}
#lawn-bg-2 {
	background: url(../pub/Gardening/lawn-bg-2.webp) no-repeat bottom right;
	min-height: 320px
}
#lawn-bg-1 {
	background: url(../pub/Gardening/lawn-bg-1.webp) no-repeat bottom right;
	min-height: 320px
}
.lawn {
	display: inline-block;
	width: 175px;
	vertical-align: top;
	text-align: center
}
.lawn p {
	margin: 0 10px;
	font-size: 12px;
	line-height: 20px
}
.container-4 {
	max-width: 560px;
	width: 100%
}
.fr {
	float: right
}
.m0 {
	margin: 0
}
.fl-50.m0 {
	width: 50%
}
.white-line {
	color: #fff;
	margin-top: 160px;
	font-size: 34px;
	line-height: 45px;
	padding-left: 150px
}
.background-decking-1 {
	background: url(../pub/Gardening/decking-bg1.webp) no-repeat left 10px
}
.background-paving-1 {
	background: url(../pub/Gardening/paving-bg1.webp) no-repeat left 10px
}
.green-line {
	font-size: 34px;
	line-height: 45px;
	padding-left: 150px;
	margin: 0;
	background: url(../pub/Gardening/green-line.webp) no-repeat left 18px
}
.container-8 {
	margin: 0 auto;
	max-width: 800px;
	display: block;
	clear: both;
	width: calc(100% - 40px);
	padding: 20px
}
#decking {
	background: url(../pub/Gardening/decking_body.webp) no-repeat center top
}
#decking .container-12, #decoration .container-12, #driveways .container-12, #fencing .container-12, #flower-borders .container-12, #garden-lighting .container-12, #irrigation-systems .container-12, #landscape-edging .container-12, #paving .container-12, #paving-patio .container-12, #planting .container-12, #shed-building .container-12, #tree-surgery .container-12, #turfing .container-12, #walkways .container-12, #walling .container-12 {
	margin-top: 0
}
#lawn .container-12 {
	background: url(../pub/Gardening/lawn_body.webp) no-repeat right top;
	margin-top: 0
}
#lawn .title {
	margin-top: 60px;
	margin-bottom: 60px
}
#paving {
	background: url(../pub/Gardening/paving_body.webp) no-repeat center top
}
#turfing {
	background: url(../pub/Gardening/turfing_body.webp) no-repeat center top
}
#walling {
	background: url(../pub/Gardening/walling_body.webp) no-repeat center top
}
#walkways {
	background: url(../pub/Gardening/walkways_body.webp) no-repeat center top
}
#paving-patio {
	background: url(../pub/Gardening/paving-patio_body.webp) no-repeat center top
}
#driveways {
	background: url(../pub/Gardening/driveways_body.webp) no-repeat center top
}
#decoration {
	background: url(../pub/Gardening/decoration_body.webp) no-repeat center top
}
#shed-building {
	background: url(../pub/Gardening/shed-building_body.webp) no-repeat center top
}
#planting {
	background: url(../pub/Gardening/planting_body.webp) no-repeat center top
}
#irrigation-systems {
	background: url(../pub/Gardening/irrigation-systems_body.webp) no-repeat center top
}
#landscape-edging {
	background: url(../pub/Gardening/landscape-edging_body.webp) no-repeat center top
}
#garden-lighting {
	background: url(../pub/Gardening/garden-lighting_body.webp) no-repeat center top
}
#flower-borders {
	background: url(../pub/Gardening/flower-borders_body.webp) no-repeat center top
}
#fencing {
	background: url(../pub/Gardening/fencing_body.webp) no-repeat center top
}
#tree-surgery {
	background: url(../pub/Gardening/tree-surgery_body.webp) no-repeat center top
}
#planting-mission .white {
	margin-top: 100px;
	color: #fff;
	text-transform: uppercase
}
#planting-mission .white-line {
	margin-top: 10px
}
#flower-borders-mission .white {
	margin-top: 100px;
	color: #fff;
	text-transform: uppercase
}
#flower-borders-mission .white-line {
	margin-top: 10px
}
#flower-borders-mission .white-line span {
	font-size: 18px;
	display: block;
	line-height: 30px;
	margin-top: 20px
}
.paving {
	overflow: hidden
}
.paving img {
	width: auto;
	max-width: none!important
}
.service_owlCarousel .item {
	text-align: left;
	max-width: 1200px;
	width: 100%
}
.mini-img-p img {
	float: left;
	max-width: 60px
}
.mini-img-p p {
	float: left;
	width: calc(100% - 60px);
	margin: 0
}
.mini-img-p {
	clear: both;
	padding: 10px 0;
	overflow: hidden
}
#turfing-mission .mini-img-p {
	color: #fff
}
#turfing-mission .big-white {
	line-height: 40px;
	margin-top: 50px
}
#turfing-mission .white-line {
	margin-top: 50px;
	min-height: 220px
}
.title-90 {
	color: #50a844;
	font-size: 80px;
	text-align: center;
	height: 80px;
	line-height: 80px
}
.title-90 span {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	display: inline-block;
	font-size: 22px;
	position: relative;
	height: 22px;
	line-height: 22px;
	top: -20px;
	left: 19px
}
.mid4_text>.row_title1 {
	width: 100%;
	max-width: 500px;
	font-family: philosopherregular;
	font-size: 40px;
	font-weight: 700;
	padding: 0;
	color: #f15f22
}
.mid4_text {
	margin: 0 auto;
	width: 1200px;
	position: relative;
	text-align: left;
	top: 100px
}
.mid4_text>.row_title2 {
	width: 100%;
	max-width: 500px;
	font-size: 25px;
	margin-bottom: 30px
}
.mid4_text>.row_title3 {
	width: 100%;
	max-width: 500px
}
.mid4_text>.row_title3>div {
	margin-left: 0;
	font-size: 12px
}
.siteBox img.decking {
	display: inline
}
.service_owlCarousel .item .fl-50 {
	margin-left: 0;
	width: calc(50% - 20px)
}
.title.white {
	color: #fff
}
#garden-lighting-mission .container-12 {
	padding-top: 50px
}
.call_now img {
	display: inline
}
#landscape-edging .green-line {
	margin-top: 140px
}
#paving .green-line {
	margin-top: 140px
}
#turfing .green-line {
	margin-top: 210px
}
#driveways .green-line {
	margin-top: 190px
}
#paving-patio .green-line {
	margin-top: 190px
}
#decoration .green-line {
	margin-top: 170px
}
#shed-building .green-line {
	margin-top: 200px
}
#walling .green-line {
	margin-top: 200px
}
#garden-lighting .green-line {
	margin-top: 100px
}
#flower-borders .green-line {
	margin-top: 120px
}
#fencing .green-line {
	margin-top: 70px
}
.fl-25 img.mini {
	float: left;
	margin-right: 5px
}
.fl-25 p.mini {
	float: left;
	width: calc(100% - 60px);
	margin: 0
}
.mt100 {
	margin-top: 100px
}
.fencing-inline {
	display: inline-block;
	width: 153px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	margin: 10px
}
.white-title {
	font-size: 40px;
	line-height: 40px;
	margin: 70px
}
#driveways-mission .mini-title, #paving-patio-mission .mini-title {
	margin-top: 200px
}
#fencing-mission .fl-33 {
	position: relative;
	text-align: center
}
#fencing-mission .big-number {
	font-size: 40px
}
#fencing-mission .big-number::after {
	content: "";
	background: url(../images/white-dot.webp) repeat-x;
	height: 22px;
	width: 100%;
	display: inline-block;
	position: absolute;
	margin-top: 2px;
	margin-left: 10px
}
#fencing-mission .big-number:nth-child(3)::after {
	content: none
}
#fencing-mission div.fl-33:nth-child(4) .big-number::after {
	content: none
}
#tree-surgery .small {
	font-size: 12px;
	line-height: 18px
}
#tree-surgery .green-line {
	margin-top: 270px
}
#tree-surgery-mission .mini-title {
	margin-top: 100px
}
.tree-surgery-three .fl-33 {
	width: calc(33% - 100px);
	margin: 0 50px;
	position: relative
}
.flower-borders-four .fl-25 {
	position: relative
}
.tree-surgery-three .fl-33:after {
	content: "";
	background: url(../images/orange-dot.webp) repeat-x;
	height: 15px;
	width: 100%;
	position: absolute;
	top: 120px;
	right: -270px
}
.flower-borders-four .fl-25:after {
	content: "";
	background: url(../images/orange-dot.webp) repeat-x;
	height: 15px;
	width: 100%;
	position: absolute;
	top: 90px;
	right: -175px
}
.flower-borders-four .fl-25:nth-child(5):after, .tree-surgery-three .fl-33:nth-child(3):after {
	content: none
}
.row_title4 {
	margin-top: 10px
}
.row_title4.top_space {
	margin-top: 235px
}
.walling-steps img {
	max-width: calc(100% - 65px)
}
.walling-steps-2 img {
	max-width: calc(50% - 65px)
}
#walling-mission .container-12 {
	padding-top: 50px
}
#walkways-mission p.white-line {
	margin-top: 0
}
#walkways-mission .mini-title.white {
	color: #fff;
	margin-top: 100px
}
#irrigation-systems-mission .white, #landscape-edging-mission .white {
	margin-top: 100px;
	text-transform: uppercase
}
#irrigation-systems-mission .white-line, #landscape-edging-mission .white-line {
	margin-top: 0
}
.mobile_logo, .mobile_phone {
	display: none
}
.mobile_logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -37px;
	z-index: 10000;
	width: 80px
}
.mobile_phone {
	position: absolute;
	right: 10px;
	top: 3px;
	-webkit-animation: phone-ani 2s infinite;
	-moz-animation: phone-ani 2s infinite;
	-o-animation: phone-ani 2s infinite;
	animation: phone-ani 2s infinite;
	padding: 13px 10px 10px 13px;
	border-radius: 40px;
	width: 35px;
	z-index: 10000
}
.main_menu>li.ani {
	-webkit-animation: phone-ani 4s infinite;
	-moz-animation: phone-ani 4s infinite;
	-o-animation: phone-ani 4s infinite;
	animation: phone-ani 4s infinite;
	position: relative;
	width: 50px;
	padding-bottom: 20px
}
.main_menu>li.ani:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 13px solid #fff;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent
}
.main_menu li.ani a {
	color: #fff!important
}
.white-bg {
	background: #fff
}
.title>span {
	display: block;
	font-size: 20px
}
.siteBox ul.landscape-3, .siteBox ul.landscape-6 {
	list-style: none
}
.siteBox ul.landscape-6 li {
	float: left;
	width: calc((100% / 6) - 20px);
	margin: 0 10px;
	text-align: center
}
.siteBox ul.landscape-3 li {
	float: left;
	width: calc((100% / 3) - 20px);
	margin: 0 10px;
	text-align: center
}
.siteBox ul.landscape-3 li:nth-child(3n+1) {
	clear: both
}
.orange-line {
	font-size: 34px;
	line-height: 45px;
	padding-left: 150px;
	margin: 0;
	background: url(../pub/Gardening/orange-line.webp) no-repeat left 18px;
	color: #50a844
}
header.android {
	margin-top: 60px
}
#android {
	display: none;
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 60px;
	background: #fff;
}
#close {
	width: 30px;
	display: inline-block;
	vertical-align: top;
	margin: 17px 0 0 10px;
	cursor: pointer
}
#android>img {
	width: 50px;
	max-width: 50px;
	margin-top: 5px;
	height: auto;
}
#close>img {
	width: 25px;
	height: auto;
}
#android p {
	display: inline-block;
	width: calc(100% - 200px);
	vertical-align: top;
	padding: 0;
	font-size: 14px;
	color: #000;
	margin: 14px 0 0
}
#android p span {
	display: block;
	font-size: 12px;
	color: #000;
}
#android a {
	background: #056419;
	padding: 7px 13px;
	vertical-align: top;
	margin-top: 15px;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	font-size: 12px
}
@keyframes phone-ani {
0% {
background-color:#70a944
}
50% {
background-color:#f15f22
}
100% {
background-color:#70a944
}
}
.app-header {
	background: url(/pub/app/background.jpg) no-repeat center center;
	min-height: 862px
}
#app-page .green {
	background: 0 0;
	color: #7cb243
}
.app-footer {
	background: url(/pub/app/bottom.jpg) no-repeat center center;
	min-height: 776px
}
.num {
	text-align: center;
	width: 30px;
	margin: 0 auto;
	border: 1px solid #7cb243;
	border-radius: 30px;
	height: 30px;
	line-height: 30px;
	color: #7cb243;
	font-size: 20px
}
.siteBox #app-page h2 {
	color: #535353;
	font-size: 50px;
	line-height: 50px;
	font-weight: 400
}
.app-header .container-12 p {
	padding-top: 130px;
	color: #79b245;
	font-size: 20px;
	vertical-align: baseline
}
.app-header .container-12 {
	padding-top: 250px
}
.app-footer .container-12 {
	max-width: 600px;
	width: 100%;
	padding-left: 20%
}
.app-footer p {
	margin: 250px auto 20px;
	color: #fff;
	font-size: 50px;
	line-height: 50px
}
.app-footer a {
	display: inline-block;
	margin-top: 20px
}

@media only screen and (max-width:1100px) {
#decking-mission .fl-50 {
	width: 100%
}
}

@media only screen and (max-width:960px) {
.siteBox li.fl-50 {
	min-height: 100px
}
.big-green {
	margin-top: 5px
}
.fl-20 p {
	margin: 3px 0;
	line-height: 20px;
	font-size: 13px
}
.fl-20 .title {
	font-size: 13px;
	line-height: 13px
}
.green .container-12 {
	width: 100%
}
#owl-project {
	padding: 0
}
.owl-nav-mobile {
	display: block;
	position: absolute;
	top: 72px;
	z-index: 9999;
	height: 0;
	width: 100%
}
#project_div {
	position: relative
}
.owl-nav-mobile .owl-next {
	float: right
}
.owl-nav-mobile .owl-prev {
	float: left
}
.owl-nav-mobile .owl-prev img {
	border-radius: 0 10px 10px 0;
	opacity: .6;
	transition: .4s
}
.owl-nav-mobile .owl-next img {
	border-radius: 10px 0 0 10px;
	opacity: .6;
	transition: .4s
}
.owl-nav-mobile .owl-next img:hover, .owl-nav-mobile .owl-prev img:hover {
	opacity: 1
}
.green-line {
	font-size: 25px
}
}

@media only screen and (max-width:820px) {
#decking .container-12 .fl-50 {
	width: 100%;
	margin: 0
}
.container-12.under-820 .fl-50 {
	width: 100%;
	float: none;
	margin: 0;
	text-align: center
}
.container-12.under-820 .fl-50 p.green-line {
	text-align: left
}
}

@media only screen and (max-width:720px) {
.app-header {
	background-position: 70%
}
.app-header .container-12 p {
	text-align: center
}
#app-page .green {
	text-align: center
}
.app-footer .container-12 {
	padding: 0
}
.app-footer {
	background-position: 62%
}
.siteBox .center p {
	text-align: center
}
.container-12>.fl-50 {
	float: none;
	width: 100%;
	overflow: hidden;
	margin: 10px 0
}
.catalogue-block-link {
	margin-top: 0
}
.fl-20, .fl-33, .fl-40 {
	width: 100%;
	text-align: center;
	margin: 0
}
.fl-33 {
	margin-bottom: 20px
}
.fl-20 img, .fl-33 img {
	float: left
}
.mini-img-p p {
	width: 100%;
	float: none;
	text-align: center
}
#lawn-bg li {
	max-width: none
}
#lawn-bg p.mini {
	text-align: center;
	width: 100%
}
.fl-33 p.mini {
	width: 100%;
	text-align: center
}
#lawn-mission .white-line {
	margin-top: 10px
}
#lawn-mission .call-div {
	margin-top: 10px
}
#lawn-mission .call-div img {
	display: none
}
#lawn-mission .call-div div {
	float: none;
	width: 100%;
	text-align: center
}
.lawn-parent {
	text-align: center
}
#lawn .title {
	color: #ef5e21
}
#paving {
	background-position: right top
}
#decoration .green-line, #driveways .green-line, #landscape-edging .green-line, #paving .green-line, #paving-patio .green-line, #shed-building .green-line, #tree-surgery .green-line, #turfing .green-line, #walling .green-line {
	margin-top: 10px;
	margin-bottom: 10px
}
.fl-25 p.mini {
	float: none;
	width: calc(100% - 20px);
	margin: 0 10px;
	text-align: center
}
#fencing-mission .big-number::after {
	content: none
}
.white-title {
	margin: 40px
}
.tree-surgery-three .fl-33 {
	width: 100%;
	float: none;
	margin: 0
}
.tree-surgery-three .fl-33 p {
	text-align: center
}
.tree-surgery-three .fl-33:after {
	content: none
}
#garden-lighting-mission p.white {
	line-height: 20px;
	font-size: 14px
}
#garden-lighting-mission img {
	display: none
}
.walling-steps img {
	padding: 10px 0
}
.walling-steps img, .walling-steps-2 img {
	max-width: 100%
}
.walling-steps .arrow, .walling-steps br {
	display: none
}
#walling-mission .container-12 {
	padding-top: 10px
}
#walling-mission br {
	display: none
}
#driveways-mission .mini-title, #paving-patio-mission .mini-title {
	margin-top: 10px
}
.phone_container {
	background: #00640c
}
.phone_container.sticked {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	background: #00640c;
	z-index: 10000
}
#header {
	position: fixed;
	height: 65px
}
.top_menu {
	height: 65px
}
.contact-h {
	display: none
}
.logo, .phone_container {
	display: none
}
.mobile_logo, .mobile_phone {
	display: inline-block
}
.siteBox {
	margin-top: 10px
}
.siteBox ul.landscape-6 li {
	float: left;
	width: calc((100% / 3) - 20px);
	margin: 0 10px;
	text-align: center
}
}

@media only screen and (max-width:600px) {
.service_owlCarousel .item .fl-50 {
	float: none;
	width: calc(100% - 10px);
	margin: 0
}
.green-line {
	font-size: 15px;
	line-height: 22px
}
.fl-50.m0 {
	width: 100%
}
.container-4 {
	max-width: none;
	padding: 0 10px
}
.top_content_left img {
	width: 100%!important;
	height: auto
}
}

@media only screen and (max-width:550px) {
.white-line {
	font-size: 24px;
	line-height: 32px;
	text-align: left!important
}
}

@media only screen and (max-width:520px) {
.fl-50 {
	float: none;
	width: 100%;
	overflow: hidden;
	margin: 10px 0
}
.fl-25 {
	width: calc(50% - 10px)
}
#fencing-mission p {
	font-size: 15px
}
.white-title {
	margin: 10px
}
.fl-25:nth-child(odd) {
	clear: both
}
.flower-borders-four .fl-25:after {
	right: -200px
}
.flower-borders-four .fl-25:nth-child(3):after {
	content: none
}
#shed-building-mission .white-line {
	font-size: 17px
}
.siteBox ul.landscape-3 li, .siteBox ul.landscape-6 li {
	float: left;
	width: calc((100% / 1) - 20px);
	margin: 0 10px;
	text-align: center
}
.siteBox ul.landscape-3 li p, .siteBox ul.landscape-6 li p {
	text-align: center
}
.orange-line {
	padding-left: 0;
	padding-top: 20px;
	background-position: center top;
	text-align: center!important
}
}

@media only screen and (max-width:420px) {
.fl-20 img, .fl-33 img {
	float: none
}
.fl-33 p.mini {
	float: none;
	width: 100%
}
.green-line {
	font-size: 14px;
	line-height: 20px
}
#lawn-mission .white-line {
	font-size: 14px;
	line-height: 20px
}
#lawn-mission .call-div div span {
	margin: 20px 0
}
.lawn {
	width: 160px
}
.flower-borders-four .fl-25 {
	float: none;
	width: 100%;
	overflow: hidden;
	margin: 10px 0
}
.flower-borders-four .fl-25:after {
	content: none
}
#walling-mission .title {
	font-size: 20px;
	line-height: 25px
}
#walling-mission p {
	font-size: 15px;
	line-height: 20px
}
}

@media only screen and (max-width:390px) {
#fencing-mission p {
	font-size: 12px;
	line-height: 20px
}
.white-title {
	font-size: 30px
}
}

@media only screen and (max-width:350px) {
.fl-25, .fl-50 {
	float: none;
	width: 100%;
	overflow: hidden;
	margin: 10px 0
}
#ourProjectsDescr .projectswrapper.projectsinfo .fl-25 img {
	width: 32px;
	float: left
}
.white-line {
	margin-top: 67px;
	font-size: 20px
}
}
.deals-block {
	overflow: hidden
}
.per-block {
	float: left;
	width: 100px;
	text-align: right;
	position: relative;
	height: 220px;
	font-weight: 700
}
.big-block {
	float: left;
	width: calc((100% - 100px)/ 4);
	min-height: 250px
}
.green-block.one {
	background: #edf7ee;
	color: #1ab567
}
.green-block {
	text-align: center;
	overflow: hidden
}
.green-block.two {
	background: #9ee3bc;
	color: #fff
}
.green-block.three {
	background: #5ccf93;
	color: #fff
}
.green-block.four {
	background: #1ab567;
	color: #fff
}
.book-block {
	text-align: center;
	padding: 10px
}
.months-block>div {
	float: left;
	width: calc(33.3333% - 7px);
	font-size: 13px;
	border-right: 1px solid #fff;
	padding: 3px
}
.months-block>div:nth-child(3) {
	border-right: none
}
.white-block>div {
	float: left;
	width: calc(33.3333% - 21px);
	margin: 20px 0 0;
	border-right: 1px solid #b2b2b2;
	padding: 10px
}
.prices-block {
	text-align: center;
	overflow: hidden;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
.prices-block.four {
	border-right: 1px solid #ccc
}
.gray-block>div {
	float: left;
	width: calc(33.3333% - 21px);
	margin: 0 0 20px;
	border-right: 1px solid #b2b2b2;
	padding: 10px
}
.white-block {
	overflow: hidden;
	font-size: 20px;
	font-weight: 700;
	background: #fff
}
.gray-block {
	overflow: hidden;
	color: #1abb6a;
	font-size: 20px
}
.gray-block.one {
	background: #f5f7f9
}
.gray-block>div:nth-child(3) {
	border-right: none
}
.gray-block.two {
	background: #eceff2
}
.gray-block.three {
	background: #f5f7f9
}
.gray-block.four {
	background: #eceff2
}
.big-block sup {
	font-size: 12px;
	font-weight: 400;
	margin: 1px
}
.white-block>div:nth-child(3) {
	border-right: none
}
.header-block {
	font-weight: 700;
	font-size: 18px
}
.title-block {
	color: #50a844;
	font-size: 40px;
	width: 90%;
	text-align: center;
	margin: 30px auto;
	line-height: 35px;
	font-family: philosopherregular
}
.visit-block {
	position: absolute;
	right: 10px;
	bottom: 80px
}
.save-block {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #1abb6a;
	font-size: 14px
}
.save-block img {
	width: 24px
}
.mobile-block, .phone-mobile-block {
	display: none
}
.btnRequest.green {
	background: #50a844;
	border-bottom-color: #13521d
}
.btnRequest.green:hover {
	background: #35812b;
	border-bottom-color: #50a844
}

@media only screen and (max-width:720px) {
.per-block {
	font-size: 11px;
	width: 75px
}
.big-block {
	width: calc((100% - 75px)/ 2)
}
.mobile-block {
	display: block
}
.prices-block.two {
	border-right: 1px solid #ccc
}
.save-block {
	bottom: 20px;
	font-size: 10px
}
}

@media only screen and (max-width:470px) {
.big-block {
	width: calc(100% - 75px)
}
.phone-mobile-block {
	display: block
}
.prices-block {
	border-right: 1px solid #ccc
}
}

@media (max-width:959px) {
.phone_container {
	margin-top: -100px;
}
#header {
	position: static
}
#android {
	position: absolute
}
}

@media only screen and (max-width:992px) {
.projectswrapper a img {
	width: 100%
}
}

@media only screen and (max-width:768px) {
#seeAllGal .projectswrapper a img {
	width: 100%
}
.top_content_right {
	float: none;
	width: 100%
}
.top_content_left {
	width: 100%
}
.midline_services {
	width: 100%!important
}
.footer_left a span {
	width: 100%;
	font-size: 25px
}
.footer_left a {
	width: 100%
}
.midline_services_ourMission {
	width: 90%!important
}
}

@media only screen and (max-width:470px) {
#tiles li img {
	width: 100%
}
.blog p img {
	width: 100%
}
.blog h1 img {
	width: 100%!important
}
.top_content_left_ourMission h1 {
	line-height: 1!important
}
}

@media (max-width:768px) {
.animatedParent {
	display: none
}
}

@media only screen and (max-width:1060px) {
iframe {
	width: 100%;
	min-height: 220px
}
}

@media only screen and (min-width:960px) {
iframe {
	min-height: 350px
}
}
.iframe iframe {
	width: 100%!important
}
.fl-50 #amzgf span {
	display: none
}
.fl-50 #amzgfesend {
	width: 40%;
	float: right;
}
.fl-50 #amzgfesend {
	background-image: url(../images/email_send.webp);
	background-repeat: no-repeat;/* width:150px; */
	z-index: 11111111111;
}
.fl-50 #amzgfephotos {
	width: 30%;
	float: left
}
.fl-50 #amzgfephotos {
	border: 0;
	background-color: #00640c;
	padding: 13px 12px 13px 35px;
	border-radius: 3px;
	color: #fff!important;
	font-size: 16px
}
.fl-50 #amzgfephotos:hover {
	/* border-bottom: 3px solid #a64015!important;
	background: #f15f22!important */
	    background-color: #00830c;
}
.fl-50 #amzgfephotos, .fl-50 #amzgfesend {
	margin-top: 20px;
}
.fl-50 #amzgfesend button {
	background-image: url(../images/email_send.webp);
	background-repeat: no-repeat;
	line-height: 46px;
	background-position: 5px 4px;
}
.fl-50 #amzgfephotos {
	background-image: url(/images/upload.webp);
	background-repeat: no-repeat;
	line-height: 46px;
    background-position: 3%;
}
#amzgForm div span {
	display: none!important
}
#amzgfephotos button {
	/* margin-bottom: 0!important; */
	font-size: 16px!important;
	/* padding: 12px 0; */
    margin-bottom: 0px !important;
    transition: .3s;
    color: #fff !important;
    border-radius: 3px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 700;
    border: 0;
}

@media only screen and (max-width:1200px) {
.contact-h {
	width: 43%!important
}
.fl-50 {
	width: 43%!important
}
.fl-25.green {
	width: 100%!important
}
}

@media only screen and (max-width:768px) {
.contact-h {
	width: 43%!important
}
.fl-50 {
	width: 43%!important
}
#amzgForm {
	padding-bottom: 70px
}
}

@media only screen and (max-width:720px) {
.fl-50 {
	width: 93%!important
}
.fl-25.green {
	width: 95%!important
}
}
.sticky-request-a-quote {
	position: fixed;
	z-index: 3;
	top: 60%;
	right: 0
}
.sticky-request-a-quote.scrolling {
	right: -157px
}
.sticky-request-a-quote a img {
	width: 20px;
	height: 20px;
	vertical-align: middle
}
.sticky-request-a-quote a {
	font-size: 1.1em;
	padding: 10px 20px 10px 15px;
	color: #fff;
	background-color: #00640c;
	border: 1px solid
}
.sticky-request-a-quote a .fa {
	font-size: 1.15em;
	padding-right: 10px
}
.sticky-request-a-quote a:hover {
	background-color: #00830c
}
.sticky-request-a-quote a:hover {
	background-color: #00830c!important
}
.sticky-request-a-quote a {
	background-color: #00640c!important
}
.footer-margin-gdpr {
	margin-bottom: 150px;
	display: none
}
.gdpr-overlay {
	background: rgba(0,0,0,.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	bottom: 0;
	z-index: 99999;
	overflow-y: scroll;
	color: #404040
}
.gdpr-msg button, .gdpr-popup button {
	padding: 0;
	border: none;
	font: inherit;
	font-size: 14px;
	color: inherit;
	background-color: transparent;
	cursor: pointer;
	display: block;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: none;
	box-shadow: none
}
.gdpr-msg button:focus, .gdpr-popup button:focus {
	outline: 0
}
.gdpr-popup {
	background: #00640c;
	width: 610px;
	top: 50%;
	margin-top: -215px;
	left: 50%;
	margin-left: -300px;
	position: absolute
}
.gdpr-popup .upper {
	position: relative;
	padding: 10px 50px 10px 0
}
.gdpr-popup .upper-left {
	width: 210px;
	padding-left: 30px
}
.gdpr-popup .upper-left img {
	width: 105px;
	height: auto
}
.gdpr-popup .upper-right {
	padding-left: 10px
}
.gdpr-popup .upper-right h2 {
	color: #fff;
	font-size: 20px
}
.gdpr-popup .upper-left, .gdpr-popup .upper-right {
	display: inline-block;
	vertical-align: middle
}
.gdpr-close, .gdpr-msg .close-btn {
	position: absolute;
	right: 6px;
	top: 7px;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	font-size: 0
}
.gdpr-close:after, .gdpr-msg .close-btn:after {
	content: 'x';
	color: #fff;
	font-size: 35px;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px
}
.gdpr-popup .bottomer {
	text-align: right;
	padding: 13px 15px
}
.gdpr-opts {
	background: #fff;
	position: relative
}
.gdpr-opts .opt-title {
	cursor: pointer;
	width: 210px;
	padding: 16px 10px;
	padding-left: 29px;
	position: relative;
	font-size: 13px;
	color: #4f4f4f;
	border: solid 1px #c8c8c8;
	background: #f2f2f2;
	margin-bottom: -1px;
	line-height: 130%;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.gdpr-opts .opt-title a {
	color: #4f4f4f;
	display: block;
	padding: 16px 0;
	margin: -16px 0
}
.gdpr-opts .opt-title .gdpr-i-function, .gdpr-opts .opt-title .gdpr-i-graph, .gdpr-opts .opt-title .gdpr-i-info, .gdpr-opts .opt-title .gdpr-i-more, .gdpr-opts .opt-title .gdpr-i-target, .gdpr-opts .opt-title .gdpr-i-tick {
	position: absolute;
	top: 17px;
	left: 9px
}
.gdpr-opts .opt-title.current {
	border: solid 1px transparent;
	background: 0 0
}
.gdpr-opts .opt-content {
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	padding: 15px 15px 0 20px;
	font-size: 13px
}
.gdpr-opts .opt-content h3 {
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 130%;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: 700
}
.gdpr-opts .opt-content h4 {
	margin-bottom: 13px;
	margin-bottom: 7px;
	line-height: 130%;
	padding-top: 3px;
	padding-bottom: 3px
}
.gdpr-opts .opt-content ul {
	padding-bottom: 15px;
	padding-left: 10px;
	list-style: none
}
.gdpr-opts .opt-content ul li {
	position: relative
}
.gdpr-opts .opt-content ul li:before {
	content: '';
	display: block;
	background: #404040;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: 7px
}
.gdpr-opts .opt-content.current {
	visibility: visible;
	opacity: 1
}
a.more-info {
	float: right
}
.gdpr-opts .opt-content a {
	color: #404040;
	text-decoration: underline
}
.gdpr-popup button.on-off {
	color: #999;
	font-size: 15px;
	text-transform: capitalize;
	padding-right: 47px;
	position: absolute;
	right: 20px;
	top: 13px;
	width: 110px;
	text-align: right
}
.gdpr-popup button.on-off:before {
	content: '';
	display: block;
	height: 18px;
	background: #999;
	width: 36px;
	border-radius: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.gdpr-popup button.on-off:after {
	content: '';
	display: block;
	height: 16px;
	width: 16px;
	background: #fff;
	right: 19px;
	top: 50%;
	margin-top: -8px;
	position: absolute;
	border-radius: 50%;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.gdpr-popup button.on-off.active {
	color: #43c232
}
.gdpr-popup button.on-off.active:before {
	background: #43c232
}
.gdpr-popup button.on-off.active:after {
	right: 1px
}
.gdpr-popup .always-active {
	color: #43c232;
	font-size: 15px;
	width: 110px;
	position: absolute;
	right: 20px;
	top: 13px;
	text-align: right
}
.gdpr-popup .has-opts h3 {
	padding-right: 110px
}
.gdpr-msg {
	background: #00640c;
	color: #fff;
	display: none;
	z-index: 99999;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 14px;
	line-height: 140%;
	min-height: inherit;
	padding-top: 30px;
	padding-bottom: 30px
}
.gdpr-msg .container {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	display: block;
	padding: 0;
	clear: both
}
.gdpr-msg .close-btn {
	top: 50%;
	margin-top: -22px
}
.gdpr-msg .left-part, .gdpr-msg .right-part {
	padding: 0 15px;
	display: inline-block;
	vertical-align: middle
}
.gdpr-msg .left-part {
	width: 60%
}
.gdpr-msg .right-part {
	width: 30%
}
.gdpr-msg .right-part {
	padding-right: 40px;
	text-align: center
}
.gdpr-msg .cookie-settings {
	text-decoration: underline;
	position: relative;
	margin: 0 10px 10px;
	color: #fff
}
.gdpr-msg .cookie-settings:after, .gdpr-msg .cookie-settings:before {
	content: '';
	display: block;
	width: 2px;
	height: 8px;
	background: #fff;
	position: absolute;
	left: -9px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.gdpr-msg .cookie-settings:hover:after, .gdpr-msg .cookie-settings:hover:before {
	background: #c4e2f7;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.gdpr-msg .cookie-settings:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 3px
}
.gdpr-msg .cookie-settings:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 8px
}
.gdpr-msg .cookie-settings:focus, .gdpr-msg .cookie-settings:hover {
	color: #c4e2f7
}
.gdpr-msg a {
	text-decoration: underline;
	color: #fff;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.gdpr-msg a:active, .gdpr-msg a:focus, .gdpr-msg a:hover {
	color: #c4e2f7
}
.gdpr-msg .accept-btn, .gdpr-popup .save-all {
	background: #fff;
	color: #00640c;
	padding: 8px 15px;
	border-radius: 3px;
	position: relative
}
.gdpr-msg .accept-btn {
	padding-left: 28px
}
.gdpr-msg-close .gdpr-i-tick {
	left: 10px;
	top: 10px
}
.gdpr-i-tick {
	background-size: 100%;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	background-position: 0 -28px
}
.gdpr-i-info {
	background-size: 100%;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	background-position: 0 -14px
}
.gdpr-i-graph {
	background-size: 100%;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	background-position: 0 -42px
}
.gdpr-i-target {
	background-size: 100%;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	background-position: 0 0
}
.gdpr-i-more {
	background-size: 100%;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	background-position: 0 -71px
}
.gdpr-i-function {
	background-size: 100%;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	background-position: 0 -56px
}

@media only screen and (max-width:767px) {
.gdpr-msg .left-part, .gdpr-msg .right-part {
	width: 100%
}
.gdpr-msg .right-part {
	padding-right: 15px;
	margin-top: 15px
}
.gdpr-msg .left-part {
	padding-right: 30px
}
.gdpr-msg .close-btn {
	right: 0;
	top: 0
}
.gdpr-msg .close-btn:after {
	font-size: 36px
}
.gdpr-opts .opt-content, .gdpr-opts .opt-title {
	position: relative;
	width: 100%
}
.gdpr-opts .opt-content.current {
	display: block
}
.gdpr-opts .opt-content {
	opacity: 1;
	visibility: visible;
	padding-left: 15px;
	display: none
}
.gdpr-opts .opt-title {
	padding: 11px 35px 11px 15px
}
.gdpr-opts .opt-title:after, .gdpr-opts .opt-title:before {
	content: '';
	width: 2px;
	height: 9px;
	background: #8c8c8c;
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -5px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s
}
.gdpr-opts .opt-title:after {
	-webkit-transform: rotate(90eg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.gdpr-opts .opt-title.current:before {
	-webkit-transform: rotate(90eg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}
.gdpr-popup .upper {
	padding-right: 0
}
.gdpr-popup .upper-left {
	padding-bottom: 5px
}
.gdpr-popup .upper-right {
	padding: 0 15px;
	background: #fff;
	width: 100%;
	border-bottom: solid 1px #c8c8c8;
	z-index: 2;
	position: relative;
	margin-bottom: -1px;
	padding: 11px 15px
}
.gdpr-popup .upper-right h2 {
	text-align: left;
	color: #4f4f4f;
	font-size: 15px
}
.gdpr-popup .upper {
	padding-bottom: 0
}
.gdpr-close:after {
	font-size: 36px
}
.gdpr-close {
	right: -2px;
	top: -4px
}
.gdpr-popup .upper-left {
	padding-left: 15px
}
.gdpr-opts .opt-title.current {
	border: solid 1px #c8c8c8
}
.gdpr-popup {
	width: 92%;
	margin: 20px auto;
	position: relative;
	left: auto;
	top: auto
}
.gdpr-opts .opt-title {
	padding-left: 28px
}
.gdpr-opts .opt-title .gdpr-i-function, .gdpr-opts .opt-title .gdpr-i-graph, .gdpr-opts .opt-title .gdpr-i-info, .gdpr-opts .opt-title .gdpr-i-more, .gdpr-opts .opt-title .gdpr-i-target, .gdpr-opts .opt-title .gdpr-i-tick {
	top: 12px
}
}
.blog_title {
	background-color: #f7f7f7;
	padding: 20px
}
.blog_txt {
	border: 1px solid #f7f7f7
}
.preview {
	border-top: 1px dashed #ccc;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 20px
}
.date {
	background-image: url("../img/blogdate.png");
	background-position: left center;
	background-repeat: no-repeat;
	color: #6d6d77!important;
	display: block;
	font-family: open_sanslight;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	padding-left: 20px;
	text-transform: uppercase
}
.maipage_blogitem_title {
	font-weight: 700;
	width: auto
}
.mainpage_blogitem {
	clear: both;
	margin-bottom: 20px!important;
	padding-right: 10px
}
.maipage_blogitem_img {
	float: left;
	margin-right: 10px
}
#blog-data {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%
}
.blogPost img {
	width: 100%;
	height: 200px;
	object-fit: cover
}
article.testimonialsList {
	border-bottom: 1px dashed #d1d1d1;
	margin: 0 0 30px;
	padding: 0 0 20px
}
article.testimonialsList ul {
	float: left;
	margin: 0;
	width: 100%
}
article.testimonialsList ul li {
	float: left;
	width: 50%
}
article.testimonialsList ul li.author {
	color: #fcb034;
	font-size: 16px;
	font-weight: 600
}
article.testimonialsList ul li.date {
	float: left;
	text-align: right
}
article.categoryList {
	float: left;
	margin: 0 15px 30px 0;
	min-height: 410px;
	width: 320px
}
article.categoryList h3 {
	color: #6d6d6d;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 15px;
	text-transform: uppercase
}
article.categoryList header a.boxLink {
	display: block;
	height: 219px;
	margin: 0 0 20px;
	overflow: hidden;
	position: relative;
	width: 320px
}
article.categoryList header a.boxLink span {
	background: url(../images/view-more.webp) no-repeat scroll center center #000;
	bottom: -100%;
	display: block;
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	text-indent: -9999px;
	transition: bottom .4s ease-in-out 0;
	width: 100%
}
article.categoryList header a.boxLink:hover span {
	bottom: 0;
	transition: bottom .4s ease-in-out 0
}
article.categoryList header.boxLink img {
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%
}
article.categoryList p {
	color: #828282;
	font-size: 14px
}
article.categoryList a.readMore {
	background: url(../images/read-more.webp) no-repeat scroll 0 0 rgba(0,0,0,0);
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 600;
	height: 38px;
	line-height: 42px;
	text-align: center;
	text-transform: uppercase;
	transition: all .2s ease-in-out 0;
	width: 138px
}
article.categoryList a.readMore:hover {
	color: #415a68;
	text-decoration: none
}
article.blogList {
	border-bottom: 1px dashed #dadada;
	margin: 0 10px 10px 10px;
	padding: 0 0 10px;
	width: 47%
}
article.blogList header p {
	margin: 0 0 10px
}
article.blog img, article.blogList img {
	border: 1px solid #dadada;
	padding: 4px;
	width: 100%;
	height: 190px;
	object-fit: cover
}
article.blog h3, article.blogList h3 {
	margin: 0 0 5px
}
article.blogList h3 a {
	color: #415a68;
	font-size: 18px;
	font-weight: 600;
	transition: all .2s ease-in-out 0
}
article.blogList h3 a:hover {
	color: #fcb034;
	text-decoration: none
}
article time {
	color: #aeaeae;
	font-size: 11px;
	font-style: italic;
	font-weight: 300
}
.blog_preview {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px dashed #c9e0e6;
	clear: left;
	height: 200px;
	margin-bottom: 20px;
	padding-bottom: 20px
}
.blog_preview .date, .blogdate {
	color: #8c9195;
	display: block;
	font-size: 11px;
	margin: 12px 0
}
.blog_preview .text {
	color: #484e4e!important;
	display: block;
	font-size: 13px;
	text-decoration: none
}
.blog_preview .preview {
	float: left;
	margin-left: 16px;
	width: 70%
}
.blog_preview .img {
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 12px;
	float: left;
	height: 200px;
	width: 200px
}
.blogtitle {
	background: #a1d784;
	color: #fff!important;
	display: block;
	font-size: 18px;
	margin-left: -80px;
	margin-top: 22px;
	padding: 8px 12px;
	position: absolute;
	text-decoration: none
}
.pagination a {
	display: inline-block;
	padding: 3px 8px
}
.pagination a.active {
	background: #ccc;
	font-weight: 700
}
.blogList a {
	display: block;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px
}
.blogList p {
	font-size: 12px;
	font-style: italic
}
.blogList img {
	width: 100%
}
.authorInfo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 30px
}
.authorInfo img {
	width: 80px;
	border-radius: 100%;
	margin-right: 20px
}
.box {
	padding: 20px;
}

@media only screen and (max-width:767px) {
.blogList {
	width: 100%!important
}
}
.date span {
	color: white;
}
.inner.bg-atmn10 {
  background-image: url('https://handygardeners.com/pub/atmn10.webp');
}
.inner.app_slider {
background-image:url('https://handygardeners.com/images/app_slider.webp')
}

nav {
	min-height: 100px;
}
.whatwedo {
		display: none;
	}
.whatwedo-mobile {
		display: none;
	}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
img[alt="Request a Quote"] {
  max-width: 100%;
}

.offers-cointainer {
	display: flex;
}


/* Doc Links */
.card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
    justify-content: flex-start;
    padding: 20px 0;
}

.doc-card {
    background-color: #F2FFE2; 
    border: 1px solid #008000; 
    border-radius: 8px;
    padding: 20px;
    width: calc(50% - 20px); 
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


.doc-card a {
    display: inline-block;
    background-color: #50A844;
    color: #fff !important;
    padding: 12px 24px;
    border: none;
    border-radius: 4px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    box-shadow: 0 2px 6px rgba(80, 168, 68, 0.08);
    cursor: pointer;
}
.doc-card a:hover {
    background-color: #00830c;
    color: #fff !important;
}


.doc-card p {
    font-size: 14px;
    color: #434343; 
    margin: 0;
    flex-grow: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .doc-card {
        width: 100%; 
    }
}

.yt_video {
	max-width: 100%;
}

img[usemap="#Map"] {
	height: inherit !important;
	width: inherit !important;
	max-width: 100%;
}

.grid-flip {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(100%,1fr));
}

header {
	order: 0;
}

.specialOffers {
	order: 1;
}

.grid-flip > br.clear {
	order: 2;
}

#top_content {
	order: 3;
}

#main_content {
	order: 4;
}