/*
    Template Name    : Gardenpro
	Description		 : Responsive HTML Landscaping Template
    Version          : 1.0
*/

/*
================================================
/* Table of Content
==================================================

1. Fonts - Roboto and Saria Condensed
2. Common CSS
3. Loader CSS
4. Top Wrapper
5. Header Inner
6. Home Services Wrapper
7. Counters Wrapper
8. Award Winning Wrapper
9. Our Best Garden Wrapper
10. Home Services Wrapper
11. Our Testimonials Wrapper
12. Call to Action
13. House Design Wrapper
14. Inner Page Banner Wrapper
15. Breadcromb Text
16. Inner Page Wrapper
17. About Us Page
18. Services Page
19. Gallery Page
20. Our Team
21. FAQ
22. 404 Page
23. Coming Soon Wrapper
24. Single Blog Wrapper
25. Contact Wrapper
26. Footer Wrapper
27. Media Quires 

/*
================================================
1. Fonts - Roboto and Saria Condensed
================================================
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Saira+Condensed:300,400,600,700');
/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.57143;
	font-weight: 400;
	color: #2d2e2e;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Saira Condensed', sans-serif;
	margin-top: 0;
}
a {
	color: #666666;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #f47629;
	text-decoration: none;
}
a, a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
.btn {
	border-width: 2px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 8px 22px;
	z-index: 1;
}
.btn:hover {
	color: #2d2e2e;
}
.light-bg {
	background: #f5f5f5;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
.transition3s {
	transition: all 0.3s ease-in-out 0s;
}
ul, li {
	list-style: outside none none;
}
.space-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.m-bot-40 {
	margin-bottom: 40px;
}
.m-top-40 {
	margin-top: 40px;
}
.m-top-20 {
	margin-top: 20px;
}
.pad-bottom-0 {
	padding-bottom: 0 !important;
}
section {
	float: left;
	width: 100%;
	padding: 80px 0;
}
div.title {
	display: inline-block;
	margin: 0 0 40px;
	text-align: center;
	width: 100%;
	position: relative;
}
div.title h2 {
	color: #003769;
	font-size: 40px;
	font-weight: 700;
	margin: 0;
}
div.title img {
	left: 50%;
	margin-left: -34px;
	padding: 12px 0 0;
	position: absolute;
}
#scrollUp {
	background: #81b32a;
	border-radius: 50%;
	bottom: 100px;
	color: #fff;
	display: block;
	font-size: 25px;
	height: 40px;
	line-height: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
	width: 40px;
	z-index: 1000;
	border-bottom: 3px solid #9ad139;
}
#scrollUp:hover {
	background: #000;
	border-bottom: 3px solid #999;
	color: #fff;
}
#scrollUp i {
	display: block;
	padding-top: 5px;
}
.no-padding {
	padding: 0;
}
.sec-title {
	margin: 0 0 40px;
	text-align: center;
}
.sec-title h2 {
	color: #3d290a;
	font-weight: 700;
	font-size: 50px;
}
.sec-title h2 span {
	color: #81b32a;
}
.sec-title div span::before {
	background: url(../images/title-line.png) left center repeat-x;
	content: "";
	position: absolute;
	right: 40px;
	top: 10px;
	width: 100px;
	height: 1px;
}
.sec-title div span {
	background: url(../images/title-icon.png) left center no-repeat;
	display: inline-block;
	height: 23px;
	margin: 0;
	position: relative;
	width: 24px;
}
.sec-title div span::after {
	background: url(../images/title-line.png) left center repeat-x;
	content: "";
	left: 40px;
	position: absolute;
	top: 10px;
	width: 100px;
	height: 1px;
}
/* Overlay styles */
.overlay-style-one {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	transform: rotateX(150deg);
	transition: all 500ms ease;
	background-color: rgba(0, 0, 0, 0.70);
}
.overlay-style-one .box {
	display: table;
	height: 100%;
	width: 100%;
}
.overlay-style-one .box .content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.overlay-style-one .box .content a {
}
/* Button Effects */
.btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	border-radius: 6px;
	padding: 11px 40px 12px;
	font-size: 19px;
	color: #fff;
	font-weight: 500;
}
.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f9be4a;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .btn:active {
	color: white;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*
================================================
3. Loader CSS
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*
================================================
4. Top Wrapper
================================================
*/
header {
	width: 100%;
	height: 600px;
	z-index: 99;
	float: left;
	background: url(../images/grasshead.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
}

header.inner-page-banner-wrapper {
    background: url(../images/grassheadsm.jpg) center top no-repeat;
}
header:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.2));
}
.top-wrapper {
	color: #fff;
	float: left;
	width: 100%;
	padding: 0;
	background: url(../images/top-bg.png) no-repeat center center;
	padding: 0;
}
.affix .top-wrapper {
	display: none;
}
.affix .header-inner {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);
}
.affix.fadeInDown {
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: fadeInDown !important;
	animation-play-state: running;
	animation-timing-function: ease;
}
.fadeInDown {
	animation-name: none !important;
}
.swingOutX {
	animation-name: none !important;
}
.hours {
	padding: 30px 0;
}
.hours ul {
	margin: 0;
}
.hours .info-box:first-child {
	padding: 0;
}
.hours .info-box {
	margin-bottom: 0;
	display: inline-block;
	padding: 0 0 0 35px;
}
.contact_list_img, .contact_list_info {
	display: inline-block;
	vertical-align: middle;
}
.contact_list_info a {
	color: #b9c5ce;
	display: block;
	font-size: 14px;
}
.contact_list_info h3 {
	color: #fff;
	font-weight: 600;
	display: block;
	margin: 0;
	font-size:18px;
}
.contact_list_info a {
	color: #fff;	
}
.contact_list_img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px dotted #fff;
	text-align: center;
	line-height: 35px;
	margin: 0 10px 0 0;
}
.contact_list_info a {
	font-size: 15px;
}
.contact_list_info p {
	margin: 0;
}
.email {
	float: right;
	padding: 30px 25px 0 0;
}
.request {
	display: inline-block;
	float: right;
	margin: 14px 0;
	padding: 12px 0;
	position: relative;
}
.request .info-box {
	border-radius: 5px;
	border-style: dotted;
	border-color: #fff;
	border-width: 1px;
	padding: 5px 10px;
}
.request .contact_list_img {
	border: medium none;
	height: auto;
	padding: 0 1px 0 5px;
	width: auto;
	border-radius: 0;
}
/*
================================================
5. Header Inner
================================================
*/
/*  Logo */
.header-inner {
	float: left;
	width: 100%;
	min-height: 700px;
	margin: 0;
}
header .logo {
	display: inline-block;
	margin-top: -8px;
	padding: 0 0 0 30px;
	position: relative;
	text-align: center;
}
header .line {
	display: block;
	height: 1px;
	margin: 20px auto;
	width: 50%;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(39,62,23,1) 0%, rgba(246,246,246,1) 47%, rgba(39,62,23,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(39,62,23,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(39,62,23,1)));
	background: -webkit-linear-gradient(left, rgba(39,62,23,1) 0%, rgba(246,246,246,1) 47%, rgba(39,62,23,1) 100%);
	background: -o-linear-gradient(left, rgba(39,62,23,1) 0%, rgba(246,246,246,1) 47%, rgba(39,62,23,1) 100%);
	background: -ms-linear-gradient(left, rgba(39,62,23,1) 0%, rgba(246,246,246,1) 47%, rgba(39,62,23,1) 100%);
	background: linear-gradient(to right, rgba(39,62,23,1) 0%, rgba(246,246,246,1) 47%, rgba(39,62,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273e17', endColorstr='#273e17', GradientType=1 );
}
header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}
.navbar-nav {
	display: block;
	float: none;
	text-align: center;
}
header .nav li {
	float: none;
	position: relative;
	margin-right: 5px;
	display: inline-block;
}
header .nav li:last-child {
	margin-right: 0px;
}
header .navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 24px 15px 25px;
	display: block;
	position: relative;
	text-shadow: none;
	text-align: center;
}
header .nav li ul li a {
	text-align: left;
}
header .nav li:hover a, header .nav li.active a {
	color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: inherit;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	background: #88bf2a;
}
header .nav li a i {
	margin-left: 3px;
}
header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
}
header .nav li:hover a, header .nav li.active a, header .nav li .dropdown li:hover a, header .nav li .dropdown li .dropdown.submenu li:hover a {
	background: #88bf2a;
}
header .nav li:hover .dropdown {
	transform: scale(1.0);
	opacity: 1;
	visibility: visible;
}
header .nav li .dropdown li {
	float: none;
	margin: 0;
	display: block;
}
header .nav li .dropdown li a {
	padding: 10px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	background: transparent;
}
header .nav li .dropdown li i {
	float: right;
}
header .nav li .dropdown li:hover a {
	color: #fff;
}
header .nav li .dropdown.submenu {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}
header .nav li .dropdown li:hover .dropdown.submenu {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
}
header .nav li .dropdown li .dropdown.submenu li a {
	color: #777;
	background: transparent;
}
header .nav li .dropdown li .dropdown.submenu li:hover a {
	color: #fff;
}
.slicknav_menu {
	display: none;
}
/* Header Sticky */
header.sticky .header-menu {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	background: #fff;
	transition: all 0.4s ease;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
}
.header-content {
	padding: 100px 0 0;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.header-content h1 {
	font-size: 70px;
	color: #fff;
	line-height: 70px;
	font-weight: 700;
}
.header-content h1 span {
	display: block;
}
/** Home Gardening Wrapper **/
.home-gardening-wrapper {
	float: left;
	width: 100%;
}
.home-gardening-inner-wrapper {
  background: #8ac12c none repeat scroll 0 0;
  border-radius: 100px;
  bottom: 0;
  float: left;
  left: 0;
  margin: 0;
  padding: 15px 30px;
  position: relative;
  right: 0;
  top: -110px;
  width: 100%;
  z-index: 999;
}
.search-inner-text {
  padding: 40px 0 0;
}
.home-gardening-wrapper h2 {
	color: #3d290a;
	font-size: 40px;
	font-weight: 700;
}
.home-gardening-wrapper h2 span {
	color: #ffffff;
	text-transform: uppercase;
	display: block;
}
.home-gardening-wrapper h3 {
	font-size: 155px;
	color: #3d290a;
	font-weight: 700;
	text-align: center;
	margin: 0;
}
.home-gardening-wrapper h3 span {
	display: inline-block;
}
.home-gardening-wrapper h3 img {
	display: inline-block;
	margin: -10px 0 0 -8px;
}
.home-gardening-wrapper .cta h2 {
    text-align:center;
}
.home-gardening-wrapper h2 a {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  color: #3d290a;
  display: inline-block;
  font-size: 25px;
  margin: 55px 0 0;
  padding: 15px 60px;
  text-transform: uppercase;
}
.home-gardening-wrapper h2 a:hover, .home-gardening-wrapper h2 a:focus {
	background: #3d290a;
	color: #fff;
}
/*
================================================
6. Home Services Wrapper
================================================
*/
.home-our-services-wrapper {
	float: left;
	width: 100%;
	padding: 0 0 64px;
}
/*** Border Styles **/
.home-services-inner {
	margin: 0 auto 20px;
	padding: 0 0 20px;
	position: relative;
	text-align: center;
}
.border_style {
	position: absolute;
}
.home-services-inner .border_style span::after {
	height: 40px;
	left: 0;
	width: 2px;
}
.border_style span:before, .border_style span:after {
	background-color: #3d290a;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	width: 80px;
}
.border_style span:before {
	top: 0;
}
.border_style span {
	display: block;
	position: relative;
}
.border_style.top.left {
	left: -2px;
}
.border_style.top {
	top: 0;
}
.border_style.top.right span::before {
	left: -80px;
}
.border_style.top.right:before {
	right: 0;
}
.border_style.top.right {
	right: 0;
}
.border_style.bottom.left {
	left: -2px;
}
.border_style.bottom.left span::after {
	bottom: 0;
}
.border_style.bottom.right:before {
	right: 0;
}
.border_style.bottom.right {
	right: 0;
}
.border_style.bottom {
	bottom: -2px;
}
.border_style.bottom.right span::after {
	bottom: 0;
}
.border_style.bottom.right span::before {
	right: 0;
	top: -2px;
}
div.home-services-inner h2 {
	color: #3d290a;
	font-size: 50px;
	text-transform: capitalize;
	margin: -12px 0 0;
}
div.home-services-inner h2 span {
	color: #81b52a;
}
/** Service Box **/
.garden-service-box-main {
	width: 95%;
	margin: auto;
	display: inline-block;
}
.garden-service-box {
	display: inline-block;
	margin: 20px 0 50px;
}
.garden-service-box span.last:before {
	display: none;
}
.garden-service-box span::before {
	background: url(../images/service-line.png) right top repeat-x;
	content: "";
	height: 1px;
	position: absolute;
	right: -100%;
	top: 50%;
	width: 80%;
	z-index: -9;
}
.garden-service-box span {
	background: #86bb2b;
	display: inline-block;
	border-radius: 50%;
	width: 125px;
	height: 125px;
	line-height: 120px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin: 0 0 20px;
	position: relative;
}
.garden-service-box:hover span, .garden-service-box.active span {
	background: #3d290a;
}
.garden-service-box span img {
	width: auto;
}
.garden-service-box h3 {
	color: #86bb2b;
	font-weight: 600;
	text-transform: uppercase;
}
.garden-service-box p {
	color: #000;
	font-size: 15px;
	margin: 0 0 30px;
}
.garden-service-box a {
	background: #8cc42d;
	padding: 12px 40px;
	display: inline-block;
	color: #fff;
	border-radius: 30px;
}
.garden-service-box:hover a, .garden-service-box.active a {
	background: #3d290a;
}
.garden-service-box a:hover, .garden-service-box a:focus {
	background: #3d290a;
	color: #fff;
}
/*
================================================
7. Counters Wrapper
================================================
*/
.counters-wrapper {
	float: left;
	width: 100%;
	padding: 0;
}
.counters-wrapper .dark {
	background: #81b32a;
}
.counters-wrapper .light {
	background: #8cc42d;
}
.counters-wrapper .counter {
	padding: 25px 0 20px;
	position: relative;
	text-align: center;
	transition: all 400ms linear 0s;
}
.counters-wrapper .counter .counter-icon-box::after {
	background: rgba(0, 0, 0, 0) url("../images/counter-line.png") repeat-y right top;
	content: "";
	height: 95%;
	position: absolute;
	right: 0;
	width: 1px;
	top: 0;
}
.counters-wrapper .counter .counter-icon-box {
	color: #ffffff;
	display: inline-block;
	font-size: 40px;
	line-height: 35px;
	margin: 0 30px 0 0;
	padding: 0 35px 0 0;
	transition: all 400ms linear 0s;
	position: relative;
	vertical-align: middle;
}
.counters-wrapper .counter .counter-icon-box p {
	font-size: 20px;
	margin: 0;
}
.counters-wrapper h3 {
	font-size: 100px;
	font-weight: 700;
	margin: -8px 0 0;
}
.counters-wrapper .counter .counter-right {
	color: #ffffff;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 40%;
}
/*
================================================
8. Award Winning Wrapper
================================================
*/
.award-winning-wrapper {
	float: left;
	width: 100%;
	padding: 0;
}
.award-winning-left:before {
	background: #181818 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.award-winning {
	float: left;
	padding: 70px 0;
	position: relative;
	z-index: 9;
}
.award-winning-left {
	background: rgba(0, 0, 0, 0) url("http://via.placeholder.com/2000x1333/000/fff") no-repeat scroll center center;
}
.award-winning-content {
	text-align: left;
	width: 75%;
	margin: 0 auto;
}
.award-winning-content h2 {
	color: #fff;
	font-weight: 700;
	font-size: 50px;
	margin: 0 0 40px;
}
.award-winning-content h2 span {
	display: block;
}
.award-winning-content p {
	color: #fff;
	font-size: 15px;
}
.award-winning-content h3 {
	color: #fff;
	padding: 12px 80px 12px 0;
	font-weight: 700;
	font-size: 50px;
	margin: 35px 0 45px;
	border-width: 1px 0;
	border-color: #fff;
	border-style: dashed;
	font-size: 25px;
	float: left;
	width: 60%;
	clear: both;
}
.award-winning-content .btn-view {
	display: inline-block;
	clear: both;
	background: #81b32a;
	padding: 8px 30px 10px;
	border-radius: 30px;
	color: #fff;
	clear: both;
	float: left;
	font-size: 16px;
	font-weight: 700;
}
.award-winning-content .btn-view:hover, .award-winning-content .btn-view:focus {
	background: #3d290a;
	color: #fff;
}
.award-winning-right {
	background: rgba(0, 0, 0, 0) url("../images/award-winning-right-pattern.jpg") repeat left top;
}
.award-winning-right .award-winning-content h2 {
	color: #3d290a;
	margin: 0 0 20px;
	font-size: 28px;
}
.award-winning-right .award-winning-content h2 span {
	color: #81b32a;
	display: inline;
}
.award-winning-right .form-control {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	box-shadow: none;
	color: #333333;
	height: 40px;
	padding: 7px 15px;
}
.award-winning-right textarea.form-control {
	height: 140px;
}
.award-winning-right .btn-one {
	display: inline-block;
	clear: both;
	background: #81b32a;
	padding: 8px 30px 10px;
	margin: 10px 0 0;
	border-radius: 30px;
	color: #fff;
	clear: both;
	float: left;
	font-size: 16px;
	font-weight: 700;
	box-shadow: none;
	border: none;
	transition: all 0.3s ease 0s;
}
.award-winning-right .btn-one:hover, .award-winning-right .btn-one:focus {
	background: #3d290a;
	color: #fff;
}
/*
================================================
9. Our Best Garden Wrapper
================================================
*/
.Our-best-garden-wrapper {
	float: left;
	width: 100%;
	padding: 70px 0 80px;
}
.inner-page-wrapper.Our-best-garden-wrapper {
    padding:40px 0 80px
}
.Our-best-garden-wrapper .sec-title {
	margin: 0;
}
/** Single Section **/
.single-garden-selection.last:before {
	display: none;
}
.single-garden-selection:before {
	background: url("../images/single-garden-selection-line.png") repeat-y scroll right top;
	content: "";
	height: 100%;
	position: absolute;
	right: -20%;
	top: 0;
	width: 1px;
}
.single-garden-selection {
	background-color: #81b32a;
	padding: 20px 20px 30px;
	transition: all 0.3s ease 0s;
	display: inline-block;
	border-radius: 20px;
	width: 80%;
	position: relative;
	margin: 40px 0 0;
}
.single-garden-selection .garden-best {
	background: url(../images/star-burst-img.png) center center no-repeat;
	border: 3px solid #ffffff;
	border-radius: 50%;
	height: 65px;
	right: -40px;
	line-height: 62px;
	position: absolute;
	text-align: center;
	top: -30px;
	transition: all 0.4s ease 0s;
	width: 63px;
}
.single-garden-selection .garden-best p {
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0;
}
.single-garden-selection .single-garden-selection-img {
	margin: 0 0 15px;
	position: relative;
}
.single-garden-selection-img img {
	width: 100%;
	border-radius: 20px;
	border: 5px solid #fff;
}
.single-garden-content {
	display: inline-block;
	margin: 15px 0 0;
	text-align: center;
	width: 100%;
}
.single-garden-content .title {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	margin: 0 0 5px;
	line-height: 22px;
}
.single-garden-content .sub-title {
	font-size: 18px;
	color: #fff;
	font-weight: 300;
	margin: 0 0 20px;
}
.garden-social ul {
	border-top: 1px dashed #ffffff;
	display: inline-block;
	margin: 0;
	padding: 20px 0 0;
}
.garden-social ul li:first-child {
	padding: 0;
}
.garden-social ul li {
	display: inline-block;
	padding: 0 0 0 10px;
}
.garden-social ul li a {
	border: 1px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	width: 35px;
}
.garden-social ul li a:hover, .garden-social ul li a:focus {
	color: #3d290a;
	background: #fff;
	border: 1px solid #ffffff;
}
.Our-best-garden-wrapper .view-more {
	display: inline-block;
	background: #3d290a;
	padding: 8px 50px 10px;
	margin: 50px 0 0;
	border-radius: 30px;
	color: #fff;
	clear: both;
	font-size: 16px;
	font-weight: 700;
}
.Our-best-garden-wrapper .view-more:hover, .Our-best-garden-wrapper .view-more:focus {
	color: #fff;
	background: #81b32a;
}
/*
================================================
10. Home Services Wrapper
================================================
*/
.home-services-wrapper {
	float: left;
	width: 100%;
	padding: 70px 0 80px;
	background: url(../images/services-bg.jpg) left top repeat;
}
.home-services-wrapper .sec-title h2 span {
	color: #fff;
}
.home-services-wrapper .sec-title div span:before {
	background: url("../images/title-line1.png") repeat-x left center;
}
.home-services-wrapper .sec-title div span {
	background: url("../images/title-icon1.png") no-repeat left center;
}
.home-services-wrapper .sec-title div span:after {
	background: url("../images/title-line1.png") repeat-x left center;
}
.home-services-wrapper .sec-title {
	margin: 0;
}
/*** Services Box ***/
.services-box {
	border: 1px dashed #ffffff;
	text-align: center;
	margin: 80px 0 0;
	padding: 65px 0 25px;
	transition: all 0.3s ease 0s;
}
.services-box:hover {
	background: #3d290a;
}
.services-box > .services-box-img {
	display: inline-block;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 35px;
}
.services-box > .services-box-img span {
	border: 5px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
}
.services-box i {
	background: #ffffff none repeat scroll 0 0;
	border: 2px dotted #4e3d20;
	border-radius: 50%;
	color: #ffffff;
	font-size: 22px;
	height: 80px;
	line-height: 75px;
	margin-bottom: 0;
	transition: all 0.3s ease 0s;
	width: 80px;
	display: inline-block;
}
.services-box i img {
	width: auto;
}
.services-box h3 {
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 600;
	font-size: 30px;
}
.services-box p {
	margin: 0;
	padding: 0 25px;
	color: #fff;
}
/*
================================================
11. Our Testimonials Wrapper
================================================
*/
.our-testimonials-wrapper {
	float: left;
	width: 100%;
	padding: 70px 0;
}
.inner-page-wrapper.our-testimonials-wrapper {
    padding: 80px 0 70px;
}
/*** Testimonials Section ***/
.our-testimonials-wrapper .testimonials-inner {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}
.our-testimonials-wrapper .testmonials-pic-main {
	display: table-cell;
	margin: 0 10px 0 0;
	vertical-align: middle;
	width: 40%;
}
.testmonials-pic-main .testmonials-pic {
	display: inline-block;
	margin: 0 15px 0 0;
}
.testmonials-pic-main .test-heading {
	display: inline-block;
	vertical-align: top;
	margin: 20px 0 0;
}
.our-testimonials-wrapper .testmonials-pic-main .testmonials-pic img {
	width: auto;
	border: 2px solid #503e22;
}
.our-testimonials-wrapper .owl-item img {
	background: #000000 none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	width: 100%;
}
.our-testimonials-wrapper .test-quote::before {
	border-bottom: 10px solid rgba(0, 0, 0, 0);
	border-right: 15px solid #3d290a;
	border-top: 10px solid rgba(0, 0, 0, 0);
	content: "";
	height: 0;
	left: -20px;
	margin-top: -12px;
	position: absolute;
	top: 47%;
	width: 0;
}
.our-testimonials-wrapper .test-quote {
	background: #81b32a;
	float: right;
	padding: 30px;
	position: relative;
	text-align: left;
	width: 100%;
	border-radius: 10px;
}
.our-testimonials-wrapper .test-quote p {
	color: #fff;
	font-size: 15px;
	margin: 0;
}
.our-testimonials-wrapper .head {
	color: #81b32a;
	margin: 0;
	font-weight: 700;
	font-size: 20px;
}
.our-testimonials-wrapper .owl-prev {
	left: -40px;
	position: absolute;
	top: 30%;
}
.our-testimonials-wrapper .owl-next {
	position: absolute;
	right: -40px;
	top: 30%;
}
.our-testimonials-wrapper .owl-theme .owl-nav [class*="owl-"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid #cdcdcd;
	border-radius: 50%;
	color: #cdcdcd;
	cursor: pointer;
	display: inline-block;
	font-size: 25px;
	height: 35px;
	line-height: 30px;
	margin: 5px;
	padding: 0;
	width: 35px;
}
.our-testimonials-wrapper .owl-dots {
	display: none;
}
/*
================================================
12. Call to Action
================================================
*/
.call-to-action {
	padding: 30px 0;
	width: 100%;
	float: left;
	background: #3d290a;
}
.call-to-action h3 {
	font-size: 35px;
	font-weight: 700;
	line-height: 35px;
	margin: 5px 0 0;
	color: #fff;
}
.call-to-action p {
	margin: 0;
	color: #fff;
}
.call-to-action .btn-new {
	color: #fff;
	margin: 0;
	border: 2px solid #81b32a;
	border-radius: 30px;
	padding: 6px 40px 8px;
	display: inline-block;
	background: #3e2a0a;
	font-size: 18px;
	font-family: 'Saira Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}
.call-to-action .btn-new:hover, .call-to-action .btn-new:focus {
	background: #81b32a;
	border: 2px solid #81b32a;
	color: #fff;
}
/*
================================================
13. House Design Wrapper
================================================
*/
.house-design-wrapper {
	float: left;
	width: 100%;
	padding: 80px 0 180px;
}
.house-design-wrapper .house-design-inner {
	display: inline-block;
	padding: 45px 80px 35px 20px;
	width: 100%;
	border-radius: 6px;
	background: #81b32a url(../images/house-design-inner-bg.png) 80% 95% no-repeat;
	min-height: 360px;
}
.house-design-inner h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}
.house-design-inner p {
	color: #fff;
	margin: 0 0 15px;
	font-size: 15px;
}
.house-design-inner .btn-view {
	border: 2px solid #fff;
	border-radius: 30px;
	clear: both;
	color: #ffffff;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	margin: 20px 0 0;
	padding: 8px 30px 10px;
	z-index: -1;
}
.house-design-inner .btn-view:hover, .house-design-inner .btn-view:focus {
	background: #fff;
	border: 2px solid #fff;
	color: #81b32a;
}
.house-design-wrapper .house-designer-middle {
	background: url(../images/house-designer-middle-img.png) left top no-repeat;
	height: 329px;
	margin: 0 0 0 -32%;
	position: relative;
	width: 166%;
	z-index: 9;
}
.house-design-wrapper .house-design-inner.second {
	background: #3d290a url(../images/house-design-inner-bg.png) 80% 5% no-repeat;
	padding: 45px 20px 35px 40px;
}
.house-design-wrapper .house-design-inner-new {
	display: inline-block;
	background: url(../images/house-design-inner-bg.png) 94% 98% no-repeat;
	width: 100%;
}
.house-design-inner.second h3 {
	clear: both;
	color: #ffffff;
	display: inline-block;
	font-weight: 400;
	margin: 20px 0 0;
	padding: 20px 40px 0 0;
	border-top: 1px dashed #fff;
}
.house-design-inner.second h3 span {
	font-weight: 700;
	display: block;
}
.house-design-inner .house-design-inner-img {
	float: left;
	width: 100%;
	clear: both;
}
.house-design-wrapper .house-design-inner.second img {
	width: auto;
	clear: both;
}
.house-design-inner .call-btn {
	clear: both;
}
/*
================================================
14. Inner Page Banner Wrapper
================================================
*/
header.inner-page-banner-wrapper:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.2));
}
.inner-page-banner--wrapper {
  background:url(../images/inner-page-banner.jpg) no-repeat left top;
}
.inner-page-banner--wrapper .header-content {
  min-height:auto;
  height:auto;
  padding:25px 0 30px;
}
.inner-page-banner-wrapper .header-inner {
  min-height:430px;
}
.header-content-inner {
  position:absolute;
  bottom:40px;
  width:100%;
}
.header-content-inner .head {
 font-weight:700;
 font-size:35px;
 margin:0 0 15px;
 color:#fff;
}
.header-content-inner .btn-view {
 background:#fff;
 display:inline-block;
 border-radius:30px;
 padding:10px 40px;
 font-family: 'Saira Condensed', sans-serif; 
 text-transform:uppercase;
 color:#3d290a;
 font-size:20px;
 font-weight:700;
}
/*
================================================
15. Breadcromb Text
================================================
*/
.breadcromb-text {
     background: -moz-linear-gradient(90deg, #e6e7e6 0%, #e6e7e6 30%, #fafafa 93%, #fafafa 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(7%, #fafafa), color-stop(70%, #e6e7e6), color-stop(100%, #e6e7e6)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #e6e7e6 0%, #e6e7e6 30%, #fafafa 93%, #fafafa 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #e6e7e6 0%, #e6e7e6 30%, #fafafa 93%, #fafafa 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #e6e7e6 0%, #e6e7e6 30%, #fafafa 93%, #fafafa 100%); /* ie10+ */
    background: linear-gradient(0deg, #e6e7e6 0%, #e6e7e6 30%, #fafafa 93%, #fafafa 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e7e6',GradientType=0 ); /* ie6-9 */ 
  float: left;
  width: 100%;
  text-align:center;
  margin:0;
}
.breadcromb-text ul {
  border-radius: 0;
  display: inline-block;
  margin: 0;
  padding: 14px 0 15px;
}
.breadcromb-text li:first-child a i {
  color: #88bf2b;
  margin-right: 5px;
}
.breadcromb-text li {
  color: #88bf2b;
  display: inline-block;
  margin: 0 3px;
  text-transform: uppercase;
  font-weight:700;
  font-size:15px;
}
.breadcromb-text li a {
  color: #88bf2b;
}
.breadcromb-text li:last-child {
  color:#3d290a;
}
/*
================================================
16. Inner Page Wrapper
================================================
*/
.inner-page-wrapper {
  float: left;
  padding: 80px 0;
  width: 100%;
}
/*
================================================
17. About Us Page
================================================
*/
.about-img-container .about-img::before {
  background: #fff;
  content: "";
  height: 215%;
  position: absolute;
  right: 30px;
  top: -12%;
  transform: rotate(24deg);
  width: 125px;
}
.about-img-container .about-img {
  overflow: hidden;
  position: relative;
  width:100%;
}
.about-text p {
  margin: 0 0 25px;
  font-size:15px;
}
.about-list li:after {
	background: #88bf2b;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transition: all 0.4s ease 0s;
	width: 0;
}
.about-list li {
	border-bottom: 1px solid #cccccc;
	float: left;
	margin-right: 10%;
	padding: 9px 0;
	width: 40%;
	position: relative;
	font-size:15px;
}
.about-list li.last {
	border:none;
}
.about-list li.last:after {
	display:none;
}
.about-list li.last:hover, .about-list li.last:focus {
	border:none;
}
.about-list li a {
	color: #444;
}
.about-list li:hover, .about-list li:focus {
	border-bottom: 1px solid #fff;
}
.about-list li:hover:after {
	transition: all 0.4s ease 0s;
	width: 100%;
}
.about-list > li:hover a, .about-list > li:hover a:focus {
	color: #88bf2b;
}
/*
================================================
18. Services Page
================================================
*/
.inner-page-wrapper.home-services-wrapper {
 padding: 45px 0 80px;
}
/*** Service Details Wrapper ***/
.services-details-wrapper {
 padding: 70px 0 80px;
}
.service-details-wrapper .category-nav {
  margin-bottom: 30px;
  margin-left: 0;
  padding: 0;
}
.service-details-wrapper .category-nav li {
  display:inline-block;
  padding:8px;
  background:#ebebeb;
  margin:0 0 8px;
  width:100%;
}
.service-details-wrapper .category-nav li:hover, .service-details-wrapper .category-nav li.active {
  background:#88be2b;
}
.service-details-wrapper .category-nav li:hover a, .service-details-wrapper .category-nav li.active a {
  border:1px dotted #fff;
  color:#fff;
}
.service-details-wrapper .category-nav li:hover a::before, .service-details-wrapper .category-nav li.active a::before {
  color:#fff;
  transform: rotate(90deg);
}
.service-details-wrapper .category-nav li a {
  border:1px dotted #979797;
  color: #878787;
  display: inline-block;
  padding: 9px 20px 10px;
  width:100%;
  margin:0;
  font-size:18px;
  font-weight:700;
  position:relative;
}
.service-details-wrapper .category-nav li a::before {
  color: #878787;
  content: "\f0da";
  font-family: FontAwesome;
  font-size: 20px;
  right: 20px;
  position: absolute;
  top: 18%;
  transform: rotate(0deg);
  transition: all 500ms ease 0s;
}
.service-details-wrapper .cta .btn-view {
  background:#ebebeb;
  padding: 10px 20px;
  display:inline-block;
  width:100%;
  margin:8px 0 0;
  font-size:20px;
  font-weight:700;
  color:#878787;  
}
.service-details-wrapper .cta .btn-view span {
  float:right;
  padding:8px;
  border:1px dotted #9d9d9d;
}
.service-details-wrapper .cta .btn-view:hover, .service-details-wrapper .cta .btn-view:focus, .service-details-wrapper .cta .btn-view.active{
  background:#88be2b;
  color:#fff;
}
.service-details-wrapper .cta .btn-view:hover span,
.service-details-wrapper .cta .btn-view:focus span,
.service-details-wrapper .cta .btn-view.active span  {
  border:1px dotted #fff;
}
.cta h2 {
  font-weight:700;
}
.cta-new {
 background:url(http://via.placeholder.com/355x465/000/fff) repeat-y left top;
 display:inline-block;
 position:relative;
 margin:15px 0 0;
 width:100%;
 min-height:200px; 
 z-index:1;
 }
 .cta-new  .overlay{
   position: absolute;
    width: 90%;
    height: 90%; 
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
    background-color: rgba(136,190,43,0.9); 
    z-index: -9;
    cursor: pointer; 
 }
.cta-new  .house-design-inner-new{
   display:inline-block;
   padding:15% 0;
   text-align:center;
   width:100%;
  }
.cta-new  .house-design-inner-img img {
   padding:0 20px 20px;
   border-bottom:1px dashed #fff;
}
.cta-new  h3 {
  clear: both;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  margin: 0;
  padding: 20px 20px 0;
  text-align:center;
  font-size:35px;
} 
.cta-new h3 span {
  display: block;
  font-weight: 700;
  font-size:40px;
}
/*** single-wrapper slider ***/
#single-services {
  margin:0 0 20px;
}
.single-wrapper {
  border-bottom:1px dashed #b7b7b7; 
  padding:0 0 15px;
  margin:0 0 25px;
}
.single-wrapper .owl-pagination {
	display: none;
}
.single-wrapper .item img {
	display: block;
	width: 100%;
	height: auto;
}
.single-wrapper .owl-theme .owl-controls {
	margin-top: 0;
}
.single-wrapper .owl-theme .owl-controls .owl-buttons div {
	width: 20px;
	height: 21px;
	border-radius: 0;
	opacity: 1;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
}
.single-wrapper .owl-theme .owl-controls.clickable .owl-buttons div:hover {
	opacity: 0.5;
}
.single-wrapper .owl-drag {
  padding:5px;
  background:#fff;
  padding: 0;
  box-shadow:none;
}
.single-wrapper  .owl-nav {
  text-align: center;
}
.single-wrapper .owl-nav div {
  background: #88be2b;
  border: 0 solid;
  border-radius: 0;
  color: #ffffff;
  font-size: 20px;
  height: 46px;
  line-height: 46px;
  margin: -23px 0 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transition: all 0.4s ease 0s;
  width: 46px;
}
.single-wrapper  .owl-nav div:hover{
	color:#fff;
}
.single-wrapper  .owl-nav .owl-prev {
	left:0;
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	transform-origin: left;
	-webkit-transform: perspective(600px) rotateY(90deg);
	-moz-transform: perspective(600px) rotateY(90deg);
	transform: perspective(600px) rotateY(90deg);
}
.single-wrapper :hover .owl-nav .owl-prev{
	-webkit-transform: perspective(600px) rotateY(0deg);
	-moz-transform: perspective(600px) rotateY(0deg);
	transform: perspective(600px) rotateY(0deg);
}
.single-wrapper  .owl-nav .owl-next{
	right:0;
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	transform-origin: right;
	-webkit-transform: perspective(600px) rotateY(-90deg);
	-moz-transform: perspective(600px) rotateY(-90deg);
	transform: perspective(600px) rotateY(-90deg);
}
.single-wrapper :hover .owl-nav .owl-next{
	-webkit-transform: perspective(600px) rotateY(0deg);
	-moz-transform: perspective(600px) rotateY(0deg);
	transform: perspective(600px) rotateY(0deg);
}
.services-content-img img {
    width:100%;
}
/** Services FAQ Wrapper **/
.services-faq-wrapper h2 {
    color: #88be2b;
	font-size:32px;
	font-weight:600;
	margin:0;
	margin:0;
}
.services-faq-wrapper .panel-group .panel {
	border-radius: 0;
	border: none;
	margin-top: 10px;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading {
	display: block;
	padding: 0;
	border-radius: 0;
	font-weight: 700;
	border-left:10px solid #88be2b;
	color: #222;
	text-transform: capitalize;
	position: relative;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading.active a:hover, .services-faq-wrapper .panel-faq .panel-default > .panel-heading.active a:focus {
	background-color: #88be2b;
	color: #fff;
	border: none;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading a:hover {
	background-color: #88be2b;
	border: none;
	color: #fff;
	border-radius: 0;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading.active a {
	background-color: #88be2b;
	border: none;
	color: #fff;
	border-radius: 0;
}
div.services-faq-wrapper .panel-faq .panel-body {
	padding: 30px;
	background-color: #ebebeb;
	border: none !important;
	border-radius: 0;
	box-shadow:none;
	border-left:10px solid #88be2b;
}
.services-faq-wrapper .panel-title a:hover, .services-faq-wrapper .panel-title a:focus {
	color: #fff;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading.active::before {
	color: #fff;
	content: "-";
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading.active h4 {
	color: #fff;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading h4 {
	font-size: 20px;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading h4 a {
	display: block;
	padding: 14px 20px;
	color: #222222;
	font-weight:700;
}
.services-faq-wrapper .panel-faq .panel-default > .panel-heading::before {
	content: "+";
	font-size: 24px;
	padding: 0 0 0 20px;
	position: absolute;
	right: 20px;
	top: 10px;
}
.services-faq-wrapper .panel-faq p {
	margin: 0 0 12px;
}
.services-faq-wrapper .widget .btn {
	background-color: #f47629;
}
.services-faq-wrapper .widget .btn:hover {
	background-color: #f47629;
	border-color: #f47629;
	color: #fff;
}
.services-faq-wrapper .panel-group {
	margin: 0;
}
/*
================================================
19. Gallery Page
================================================
*/
.gallery-wrapper {
    padding: 80px 0 50px;
}
.gallery-wrapper .single-block {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.gallery-wrapper .single-block:hover img {
  transform: scale3d(1.1, 1.1, 1);
}
.gallery-wrapper .single-block img {
width: 100%;
transition: all 0.4s ease-in-out 0s;
}
.gallery-wrapper .single-block:hover img {
  transform:scale3D(1.1,1.1,1);
}
.gallery-wrapper .single-block .overlay {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  transform:scale(0.5);
  transition: all 0.3s ease-in-out 0s;
    text-align: center;
}
.single-block .overlay, .gallery-wrapper .single-block .overlay {
  background: rgba(136, 191, 43, 0.9) 
}
.gallery-wrapper .single-block:hover .overlay {
  opacity: 1;
  transform:scale(1);
}
.gallery-wrapper .single-block .overlay > div {
  position: relative;
  top:50%;
  transform:translateY(-50%);
}
.gallery-wrapper .single-block .overlay > div a {
  width: 118px;
  height: 118px;
  position: relative;
  margin: 0 auto;
  display:inline-block;
}
.gallery-wrapper .single-block .overlay > div a {
  height: 92px;
  width: 92px;
}
.gallery-wrapper .single-block .overlay > div a:before,
.gallery-wrapper .single-block .overlay > div a:after {
  content: '';
  position: absolute;
  background: #fff;
}
.gallery-wrapper .single-block .overlay > div a:before {
  width: 1px;
  height: 100%;
  top:0;
  left:50%;
}
.gallery-wrapper .single-block .overlay > div a:after {
  width: 100%;
  height: 1px;
  top:50%;
  left:0;
}
.fancybox-show-controls .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}
/*
================================================
20. Our Team
================================================
*/
.our-team-wrapper {
    padding: 80px 0 50px;
}
.single_member{
    text-align: center;
    background: rgba(241, 241, 241, 0.5);
    margin-bottom: 30px;
    box-shadow: 1px 0px 4px rgba(204, 204, 204, 0.3);
}
.single_member img {
    width:100%;
}
.single_member figcaption {    
    text-align: center;
    position: relative;
    padding: 25px 0 10px;
}
.single_member h4 {
    margin:0;
	text-transform: uppercase;
}
.single_member figcaption h4 a{
    color: #81b52a;
    font-size: 25px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 7px;
}
.single_member figcaption p a{
    color: #868686;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    font-style: italic;
}
.single_member figcaption p a:hover{
    color: #42c37a;
}
.single_member figcaption h4 a:hover,.home2.home3 .single_member figcaption h4 a:hover,.home3 .single_member figcaption h4 a:hover{
    color: #27343d;
}
.member_hover{
    text-align: center;
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
}
.member_hover ul{
    overflow: hidden;
    display: inline-block;
}
.member_hover ul li{
    float: left;
    position: relative;
    top: 30px;    
}
.member_hover ul li a {
    font-size: 12px;
    color: #42c37a;
    background: #fff;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: block;
    line-height: 30px;
    border-radius: 50%;
    border: 1px solid #42c37a;
}
.member_hover ul li:nth-child(2){
    transition-delay: .1s;
}
.member_hover ul li:nth-child(3){
    transition-delay: .2s;
}
.member_hover ul li:last-child{
    transition-delay: .3s;
}
.member_hover ul li:last-child a{
    margin-right: 0;
}
.single_member:hover .member_hover ul li{
    top: 0;   
}
.member_hover ul li a:hover{
    color: #fff;
    background: #42c37a;
}
/*
================================================
21. FAQ
================================================
*/
.inner-page-wrapper.faq-wrapper {
	padding: 75px 0 60px;
}
.faq-wrapper .section-inner-time {
	font-size: 24px;
	font-weight: 600;
	color: #88bf2a;
	margin-bottom: 25px;
}
.faq-wrapper .accrodion-wrapper .panel {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.faq-wrapper .accrodion-wrapper .panel .panel-heading {
	background-color: transparent;
	padding: 0;
}
.faq-wrapper .accrodion-wrapper .panel .panel-heading a {
	font-size: 18px;
	font-weight: 500;
	color: #242424;
	position: relative;
	-webkit-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	transition: .3s ease-in;
	padding: 5px 0;
	padding-left: 58px;
	border-bottom: 1px solid #f8f8f8;
	display: block;
}
.faq-wrapper .accrodion-wrapper .panel .panel-heading a[aria-expanded="false"] {
	margin-bottom: 20px;
}
.faq-wrapper .accrodion-wrapper .panel .panel-heading a[aria-expanded="true"] {
	border-bottom: none;
}
.faq-wrapper .accrodion-wrapper .panel .panel-heading a[aria-expanded="true"]:after {
	background-color: #88bf2a;
	color: #fff;
}
.faq-wrapper .accrodion-wrapper .panel .panel-heading a:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 33px;
	height: 100%;
	text-align: center;
	line-height: 33px;
	color: #595959;
	content: "\f0a5";
	font-size: 16px;
	font-family: icofont !important;
	background-color: #f8f8f8;
}
.faq-wrapper .accrodion-wrapper .panel .panel-body {
	border: none;
	border-bottom: 2px solid #88bf2a;
	padding: 0 0 0 58px;
	margin-bottom: 18px;
}
.faq-wrapper .accrodion-wrapper .panel .panel-body p {
	position: relative;
	z-index: 0;
}
.faq-wrapper .accrodion-wrapper .panel .panel-body p:after {
	position: absolute;
	left: -58px;
	top: 0;
	width: 33px;
	height: 116%;
	content: '';
	background-color: #88bf2a;
	z-index: 9;
}
/*
================================================
22. 404 Page
================================================
*/
.inner-page-wrapper.oops-wrapper {
  padding: 40px 0 28px;
}
.error404-caption {
  float: left;
  padding-bottom: 46px;
  text-align: center;
  width: 100%;
}
.error404-caption h2 {
  font-size: 200px;
  font-weight: 500;
  margin:0;
  text-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3);
  color:#73ab11;
}
.error404-caption h4 {
  font-size: 25px;
  margin-bottom: 35px;
  text-transform: none;
}
.error404-caption .btn:before {
  background:#73ab11;
}
.error404-caption .btn {
  background:#333;
  border:none;
  border-radius:0;
}
/*
================================================
23. Coming Soon Wrapper
================================================
*/
.inner-page-wrapper.coming-soon-main-wrapper {
  padding: 70px 0 80px;
}
.coming-soon-wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.coming-soon-main-wrapper .left, .coming-soon-main-wrapper .right {
  display: flex;
  flex-basis: 50%;
  flex-direction: column;
  justify-content: center;
  padding: 90px 120px 120px;
  text-align: left;
}
.coming-soon-wrapper h3 {
  text-align:center;
  font-weight:600;
  margin:0 0 20px;
}
.image-bg::after {
  background-color: #000000;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.image-bg > * {
  position: relative;
  z-index: 3;
}
.image-bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  position: relative;
  background-image: url("http://via.placeholder.com/1280x850/000/fff");
}
.site-logo {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin: 15px 0;
  text-decoration: none;
  transition: margin 0.3s ease 0s;
}
.site-logo .logo-img {
  flex-shrink: 0;
  line-height: 1;
  margin: 0 auto;
}
.palette-2-bg {
  background-color: #81b528;
  color: #ffffff;
}
.coming-soon-wrapper.name {
  color: #ffffff;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.coming-soon-wrapper .cntdown {
	position: relative;
	display: inline-block;
	padding: 5px 0px;
	margin-top: 20px;
	width: 25%;
	text-align: center;
	margin: 24px -2px;
}
.coming-soon-wrapper .cntdown:last-child {
	border-right: 0px;
}
.coming-soon-wrapper .cntdown span.days,
.coming-soon-wrapper .cntdown span.hour,
.coming-soon-wrapper .cntdown span.minutes,
.coming-soon-wrapper .cntdown span.second {
	font-size: 50px;
	color: #fff;
	display: block;
	font-weight: 700;
	line-height: 45px;
}
.coming-soon-wrapper .cntdown p {
	position: relative;
	font-size: 17px;
	color: #d2f499;
	font-weight: 600;
	text-transform: uppercase;
}
/*
================================================
24. Single Blog Wrapper
================================================
*/
.inner-page-wrapper.single-blog-wrapper {
	padding:80px 0 45px;
}
.single-blog-wrapper .single-post{
	border:0px;
	box-shadow:inherit;
}
.single-blog-wrapper p {
    font-size:16px;
}
.post-date {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 10px;
	left: -100%;
	background: #fff;
	transition: all 0.5s ease-out;
}
.single-post:hover .post-date {
	left:20px;
	transition: all 0.5s ease-out;	
}
.post-date-middle {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.post-date span {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #436e0c;
	font-size: 18px;
	font-weight: 600;
}
.single-post {
	margin-bottom: 35px;
	box-shadow: 0 0 10px 1px #f2f2f2;
	display: inline-block;
	width: 100%;
	border: 1px solid #f2f2f2;
}
.single-post-thumb {
	overflow: hidden;
	position: relative;
}
.single-post-thumb img {
	transform: scale(1);
	transition: all 0.5s ease-out;
	width:100%;
}
.single-post:hover .single-post-thumb img{
	transform: scale(1.3);
	transition: all 0.5s ease-out;	
}
.single-blog-wrapper .blog-text {
  padding: 30px 0;
}
.blog-text {
	padding: 30px 20px;
}
.post-info {
	margin-bottom: 20px;
}
.post-info h2 {
	margin-bottom: 5px;
	line-height: 34px;
}
.post-info h2 a {
  color: #2d2d2d;
  font-size: 26px;
  font-weight: 600;
  text-transform: capitalize;
}
.post-meta ul li {
	display: inline-block;
	margin-right: 10px;
	position:relative;
}
.post-meta ul li:last-child{margin-right:0px;}
.post-meta ul li::before {
	content: "|";
	position: absolute;
	color: #0cb1f6;
	right: -10px;
}
.post-meta ul li:last-child:before {
	display:none;
}
.post-meta li a {
	color: #777777;
	text-transform: capitalize;
}
.post-meta li a {
	color: #436e0c;
	text-transform: capitalize;
	font-weight: 500;
}
a.blog-readmore {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	font-weight: 600;
	color: #fff;
	background: #85bb2a;
	padding: 10px 20px;
}
.single-post:hover a.blog-readmore {
	background:#0cb1f6;
}
.post-share {
	display: inline-block;
	width: 100%;
	border-top: 1px solid #d6d7d9;
	border-bottom: 1px solid #d6d7d9;
	padding: 10px 0;
}
.tag-title,
.social-title {
	float: left;
	display: inline-block;
	color: #323232;
	font-size: 18px;
	text-transform: capitalize;
	margin-right: 10px;
	font-weight:600
}
.share-link {
	float: right;
}
.post-tag,
.post-tag ul,
.share-link,
.share-link ul,
.share-link li{
	display: inline-block;
	margin:0;
	font-size:16px;
}
.post-tag li {
	display: inline-block;
}
.share-link li a{
	color:#898989;
	margin-left:10px;
}
.post-tag li a {
	color: #898989;
	text-transform: capitalize;
}
.single-post-thumb.blog-details {
	margin-bottom: 30px;
}
.commentar-sec h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 50px;
  margin-top: 50px;
  color:#81b32a;
  text-transform: capitalize;
}
.commentar-sec p {
  margin:0 0 20px;
}
.commentar-sec .media.mt-3 {
  margin-top: 40px;
}
.commentar-sec img {
  border-radius: 100%;
  float: left;
  height: 100px;
  margin-right: 20px;
  width: 100px;
  background:#eee;
}
.media-body, .media-left, .media-right {
  display: table-cell;
  vertical-align: top;
}
.comment-author {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.comment-author-designation {
  color: #81b32a;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: capitalize;
  width: 100%;
}
.single-post .contact-field h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 40px;
  text-transform: capitalize;
}
.single-input-field {
  margin-bottom: 20px;
}
.contact-field input {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  color: #999999;
  padding: 10px;
  width: 100%;
}
.single-input-field textarea {
  border: 1px solid #f0f0f0;
  height: 120px;
  padding: 10px;
  width: 100%;
}
.single-input-fieldsbtn input[type="submit"] {
  background: #81b32a;
  border: 1px solid #81b32a;
  border-radius: 0;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  padding: 12px 0;
  text-transform: capitalize;
  width: 150px;
  transition: all 0.4s ease-in-out 0s;
}
.single-input-fieldsbtn input[type="submit"]:hover {
  background: #3d290a;
  border-color: #3d290a;
}
/** Sidebar **/
.sidebar {
	display: inline-block;
	width: 100%;
	margin-bottom: 35px;
}
.sidebar h1 {
	display: inline-block;
	font-size: 20px;
	margin-top: 50px;
	text-transform: capitalize;
	width: 100%;
	position: relative;
	padding-bottom: 10px;
	font-weight: bold;
	margin-bottom: 30px;
}
.sidebar h1::before {
	background: #85bb2a none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	position: absolute;
	width: 60px;
	left: 0;
}
.search-field form {
display: inline-block;
width: 100%;
position: relative;
}
.search-field input[type="text"] {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	padding: 10px 35px 10px 15px;
	width: 100%;
}
.search-field button {
	color: #fff;
	padding: 11px;
	position: absolute;
	right: 0;
	background: #85bb2a;
	top: 0;
	transition: all 0.4s ease 0s;
	border:none;
}
.search-field button:hover{
	background:#9edb3a;
}
.blog-sec .inner:nth-child(2n+1) {
  clear: both;
}
.abt_dec > p {
  margin-top: 20px;
}
.sidebar ul li a {
	font-size: 16px;
	font-weight: normal;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out 0s;
	color: #808080;
}
.sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#85bb2a}
.widget-archive li{position:relative}
.widget-archive li:last-child {
  border-bottom: none;
}
.widget-cat li:last-child {
  border-bottom: none;
}
.widget-cat li{position:relative}

.widget-cat li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.widget-tag li a{
	border:1px solid #ddd;
}
.widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;color:#85bb2a!important}
.relative-post h3 {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #777777;
}
.single_r_dec li {
	display: inline-block;
	margin-right: 10px;
}
.single_r_dec li a{font-weight:600;text-transform:capitalize}
.single_r_dec li a i{color:#85bb2a;margin-right:5px}
.relative-post {
display: inline-block;
padding: 12px 0;
width: 100%;
}
.relative-post-thumb {
  float: left;
  margin-right: 15px;
}
.single_r_dec  a {
color: #85bb2a;
line-height: 20px;
}
.single_r_dec  a:hover{ 
transition: all 0.4s ease-in-out 0s;
color:#85bb2a}
.all_r_pst .media {
  margin-top: 0;
}
.widget-archive li {
	display: inline-block;
	position: relative;
	width: 100%;
	border-top: 1px solid #f0f0f0;
	padding: 10px 0;
}
.widget-archive li a span {
  float: right;
}
.widget-archive li:last-child{border-bottom: 1px solid #f0f0f0;}
.widget-archive span {
  float: right;
}
.widget-tag a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	display: inline-block;
	padding: 10px;
	border: 1px solid #f9f9f9;
}

.author_dec h3 {
margin : 0;
color : #333333;
font-size : 14px;
margin-bottom : 11px;
}
.author_info {
border-bottom : 1px solid #e3e3e3;
display : inline-block;
padding : 22px 0;
margin-bottom : 30px;
}
.author_info > img {
  float: left;
  margin-right: 35px;
  height: 80px;
}
.social_link {
margin : 0;
padding : 0;
float : right;
display : inline-flex;
}
.social_link li {
list-style : none;
}
.social_link li a i {
color : #363636;
float : left;
padding : 6px;
}
.donor-testimonial-widget.no-margin {
	margin-bottom: 0;
}
.brochures li:first-child::before {
content: "\f1c1";
font-family: fontawesome;
left:0px;top:0px;
position: relative;color:#fff; padding-right: 10px;
}
.brochures li:last-child::before {
content: "\f0f6";
font-family: fontawesome;
left:0px;top:0px;
position: relative;color:#fff; padding-right: 10px;
}
.brochures li {
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	position: relative;
 background:#85bb2a;
 margin-bottom:5px;
}
.brochures li a {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.brochures li:hover{background:#0cb1f6}
.brochures li:hover a{color:#fff}
.brochures li:hover::before{color:#fff}
.brochures li:hover i{color:#fff}
.project-sidebar {
	margin-bottom: 35px;
}

.brochures li a span {
  float: right;
  color: #fff;
}
/*
================================================
25. Contact Wrapper
================================================
*/
.inner-page-wrapper.contact-wrapper {
	padding: 45px 0 80px;
}
.contact-wrapper .services-box {
  border: 1px solid #3d290a;
  border-radius:25px;
  background:#f2f0f0;
  color:#000;
  margin: 65px 0 0;
  padding: 50px 0 25px;
}
.contact-wrapper .services-box i {
  background: #88be2b;
  border: 1px dashed #fff;
    height: 50px;
    line-height: 50px;
    width: 50px;  
}
.contact-wrapper  .services-box > .services-box-img span {
  border: 5px solid #88be2b;
}
/*** Google Map ***/
.google-map {
  float: left;
  margin: 80px 0 400px;
  position: relative;
  width: 100%;
}
.google-map iframe {
  border: medium none;
  height: 450px;
  margin: 0 0 -6px;
  width: 100%;
}
.contact-info-main {
  float: left;
  position: absolute;
  top: auto;
  width: 100%;
  bottom:-300px;
}
.contact-info {
  background: url(../images/contact-form-bg.png) left top repeat;
  border-radius: 10px;
  padding: 50px 80px;
  width: 100%;
}
.contact-info input[type="text"], .contact-info input[type="email"] {
  border: 1px solid #fff;
  background:#fff;
  border-radius: 0;
  box-shadow: none;
  height: 44px;
  margin-bottom: 15px;
  padding-left: 20px;
  width: 100%;
}
.contact-info textarea {
  border: 1px solid #fff;
  background:#fff;
  height: 140px;
  line-height: 10px;
  margin-bottom: 20px;
  outline: inherit;
  padding: 15px 0 10px 20px;
  width: 100%;
}
.contact-info .btn {
  background:#fff;	
  border:none;
  color:#333;
  border-radius:0;
}
.contact-info .btn:before {
  background:#3d290a;	
}
.contact-info .btn:hover, .contact-info .btn:focus {
  color:#fff;
}
/*
================================================
26. Footer Wrapper
================================================
*/
.footer-wrapper {
	float: left;
	width: 100%;
	padding: 160px 0 71px;
	background: url(../images/footer-garden-bg.jpg) center top no-repeat;
	position: relative;
}
.footer-wrapper .footer-logo {
	position: absolute;
	top: -100px;
	right: 0;
	left: 0;
}
.footer-wrapper .subscribe-wrapper {
	display: inline-block;
	margin: -80px 0 0;
	text-align: center;
	width: 100%;
}
.subscribe-wrapper h3 {
	color: #81b32a;
	font-size: 40px;
	margin: 0 0 20px;
	font-weight: 700;
}
.subscribe-wrapper form {
	margin: 0 auto;
	width: 50%;
}
.subscribe-wrapper .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.subscribe-wrapper .input-group, .subscribe-wrapper .form-group {
	width: 100%;
}
.subscribe-wrapper .input-group-addon {
	border-radius: 0 20px 20px 0;
	color: #ffffff;
	padding: 6px 3px;
	background: #7ebc12;
	border-color: #7ebc12;
}
.subscribe-wrapper .form-control {
	background: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #333333;
	height: 50px;
	padding: 9px 15px;
	border-radius: 30px;
}
.subscribe-wrapper .btn-view {
	background: none;
	border: none;
	box-shadow: none;
}
/*** Social Icons ***/
.subscribe-wrapper .garden-social ul {
	border: none;
	display: inline-block;
	margin: 0;
	padding: 30px 0 0;
}
.subscribe-wrapper .garden-social ul li {
	display: inline-block;
	padding: 0 8px;
}
.subscribe-wrapper .garden-social ul li a {
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	width: 35px;
	border: 1px solid #7dab28;
}
.garden-social ul li a:hover, .garden-social ul li a:focus {
	background: #3d290a;
	border: 1px solid #3d290a;
	color: #fff;
}
/*** Footer Top Wrapper ***/
.footer-top-wrapper {
	display: inline-block;
	width: 100%;
	margin: 35px 0 0;
	padding: 35px 0 0;
	border-top: 1px dashed #fff;
}
.footer-wrapper img {
	margin: 0 0 20px 20px;
}
.footer-wrapper p {
	color: #ffffff;
}
.footer-top-wrapper .btn-view {
	background: #3e2a0a none repeat scroll 0 0;
	border: 4px solid #81b32a;
	border-radius: 30px;
	color: #ffffff;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 0;
	padding: 5px 40px 7px;
	text-transform: none;
}
.footer-top-wrapper .btn-view:hover, .footer-top-wrapper .btn-view:focus {
	background: #81b32a;
	border: 4px solid #81b32a;
	color: #ffffff;
}
.footer-top-wrapper h3 {
	color: #fff;
	font-size: 30px;
	padding: 0 40px 10px 0;
	border-bottom: 1px dashed #fff;
	display: inline-block;
	margin: 20px 0 20px;
	font-weight: 700;
}
/** Recent Post **/
.recent-post-main {
	display: inline-block;
}
.recent-post-main.b-top {
	border-top: 1px dotted #fff;
	padding: 20px 0 0;
	margin: 20px 0 0;
}
.footer-top-wrapper .recent-post {
	margin: 0;
	padding: 0;
}
.footer-top-wrapper .recent-post li {
	color: #81b32a;
	padding: 0 25px 0 0;
	display: inline-block;
}
.footer-top-wrapper .recent-post li a {
	color: #81b32a;
}
.footer-top-wrapper .recent-post li a:hover {
	opacity: 0.8;
}
.footer-top-wrapper .recent-post li:last-child {
	padding: 0;
}
.address li {
	display: inline-block;
	width: 100%;
	padding: 0 0 20px;
	color: #fff;
}
.address li:last-child {
	padding: 0;
}
.address li a {
	color: #fff;
}
.address li i {
	color: #81b32a;
	float: left;
	font-size: 20px;
	padding: 8px 8px 8px 0;
	margin: 4px 12px 0 0;
	border-right: 1px dotted #fff;
}
.copyright-wrapper {
	background: #81b32a;
	float: left;
	padding: 15px 0;
	width: 100%;
}
.copyright-wrapper p {
	color: #fff;
	margin: 0;
	text-align: center;
	font-size: 13px;
}
/*
================================================
27. Media Quires 
================================================
*/
@media (min-width: 1700px) {
/*** Award Winning Wrapper ***/
.award-winning-right textarea.form-control {
	height: 115px;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
/*** Top Wrapper ***/
.hours {
	padding: 35px 0;
}
.contact_list_info h3 {
	font-size: 18px;
}
.contact_list_img {
	height: 35px;
	line-height: 30px;
	width: 35px;
}
.email {
	float: none;
	display: inline-block;
	padding: 30px 15px 0 0;
}
/*** Home Gardening Wrapper ***/
.home-gardening-wrapper h2 {
	font-size: 40px;
}
.home-gardening-wrapper h3 {
	font-size: 90px;
	font-weight: 700;
}
.home-gardening-wrapper h2 a {
	font-size: 16px;
	margin: 30px 0 0;
	padding: 13px 45px;
}
.garden-service-box span::before {
	right: -73%;
	width: 60%;
}
/*** Counters Wrapper ***/
.counters-wrapper .counter {
	min-height: 142px;
}
.counters-wrapper .counter .counter-icon-box {
	margin: 0 20px 0 0;
	padding: 0 25px 0 0;
}
.counters-wrapper h3 {
	font-size: 70px;
}
/*** Home Gardening Wrapper ***/
.award-winning-content {
	width: 85%;
}
.award-winning-content h2 {
	font-size: 40px;
}
.award-winning-content h3 {
	margin: 25px 0 35px;
}
.award-winning-right textarea.form-control {
	height: 145px;
}
/*** Our Best Garden Wrapper ***/
.garden-social ul li:first-child {
	padding: 0;
}
.garden-social ul li {
	display: inline-block;
	padding: 0 0 0 8px;
}
/*** Our Testimonials Wrapper ***/
.our-testimonials-wrapper .owl-prev {
	left: 10px;
}
.our-testimonials-wrapper .owl-next {
	right: 10px;
}
/*** CTA Wrapper ***/
.call-to-action h3 {
	margin: 5px 0 0;
}
/*** About Us Page ***/
.about-img-container .about-img::before {
   right: 20px;
}
/*** Service Details ***/
.services-content-right h3 {
   margin-top:20px;
}
/*** Coming Soon Page ***/ 
.coming-soon-main-wrapper .left, .coming-soon-main-wrapper .right {
  padding: 90px 30px 120px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/*** Top Wrapper ***/
.contact_list_info h3 {
	font-size: 16px;
}
.hours {
	padding: 35px 0;
}
/*** Home Gardening Wrapper ***/
.home-gardening-wrapper h2 {
	font-size: 30px;
}
.home-gardening-wrapper h3 {
	font-size: 70px;
	font-weight: 700;
}
.home-gardening-wrapper h2 a {
	font-size: 16px;
	margin: 20px 0 0;
	padding: 13px 30px;
}
.garden-service-box span::before {
	display: none;
}
/*** Counters Wrapper ***/
.counters-wrapper .dark.line {
	border-bottom: 1px solid #95ce35;
}
.counters-wrapper .light {
	border-bottom: 1px solid #95ce35;
}
.counters-wrapper .dark {
	border-bottom: 1px solid #95ce35;
}
.coming-soon-main-wrapper .left{
  padding:75px 15px 80px;
}
.coming-soon-main-wrapper .right {
  padding:75px 15px 50px;
}
/*** Our Best Garden Wrapper ***/
.single-garden-selection::before {
	display: none;
}
.single-garden-selection {
	width: 100%;
}
.garden-social ul li a {
	height: 30px;
	line-height: 30px;
	width: 30px;
}
/*** Our Testimonials Wrapper ***/
.our-testimonials-wrapper .owl-prev {
	left: 10px;
}
.our-testimonials-wrapper .owl-next {
	right: 10px;
}
/*** CTA Wrapper ***/
.call-to-action h3 {
	margin: 5px 0 0;
}
/*** House Design Wrapper Wrapper ***/
.house-design-wrapper .house-design-inner {
    min-height: 460px;
}
/*** About Us Page ***/
.about-img-container .about-img::before {
   right: 20px;
}
/*** Service Details ***/
.services-content-right h3 {
   margin-top:20px;
}
/*** Coming Soon Page ***/ 
.inner-page-wrapper.coming-soon-main-wrapper {
  padding: 0;
}
.coming-soon-wrapper {
  height: auto;
  position: relative;
  flex-direction: column;
}
/*** Footer Wrapper ***/
.footer-top-wrapper .btn-view {
   padding: 5px 20px 7px;
}
.address .add br {
   display:none;
}
}
@media (max-width : 807px ){
/***** Common Styles ******/	
.sec-title h2 {
	font-size: 40px;
}
div.title h2 {
	font-size: 25px;
}
.title-border-color {
	top: 25px;
}
/*** Top Wrapper ***/
header .logo {
	padding: 0;
}
.logo img {
	width: 80%;
}
header .line {
	display: none;
}
/***** Header Inner ******/	
header .header-inner {
	padding: 15px 0 0;
}
.affix {
	position: inherit;
}
.affix.fadeInDown {
	animation-name: none !important;
}
header .logo {
	float: left;
	margin: 0 0 10px;
}
.slicknav_btn {
	margin: 0;
	position: relative;
	top: 20px;
	background: #89bf2a;
}
.slicknav_menu {
	display: block;
	background: none;
}
.slicknav_nav i {
	display: none;
}
.header-inner .desktop {
	display: none;
}
.slicknav_menu {
	background: transparent;
	padding: 5px;
	position:relative;
	z-index:9;
}
.slicknav_nav {
	clear: both;
	color: #fff;
	margin: 0;
	background: #89bf2a;
}
.slicknav_nav .slicknav_row, .slicknav_nav a {
	text-align: left;
}
.slicknav_btn:hover {
	background: #222;
}
.slicknav_nav .slicknav_item a i {
	display: none;
}
.slicknav_nav li:hover a {
	background: #fff;
	color: #252525;
}
.slicknav_nav li .dropdown li a, .slicknav_nav li .dropdown li .dropdown li a {
	background: transparent;
	color: #fff;
}
.slicknav_nav li .dropdown li:hover a, .slicknav_nav li .dropdown li .dropdown li:hover a {
	background: #fff;
	color: #252525;
}
.slicknav_nav .slicknav_arrow {
	float: right;
}
/** Banner Wrapper **/
.header-inner {
	min-height: 500px;
}
.header-content h1 {
	font-size: 40px;
	line-height: 40px;
}
.header-content h1 span {
	display: inline;
}
/*** Home Services Wrapper ***/
div.home-services-inner .title {
	margin: 0 0 20px;
}
div.home-services-inner h2 {
	margin: 22px 0 0;
}
.services-box > .services-box-img {
	top: -45px;
}
/*** Home Gardening Wrapper ***/
.home-gardening-inner-wrapper {
	border-radius: 20px;
	float: none;
	margin: 0 auto 20px;
	padding: 20px 15px 15px;
	width: 90%;
}
.search-inner-text {
  padding: 0;
}
.home-gardening-wrapper h2 {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	line-height: 35px;
}
.home-gardening-wrapper h2 a {
	margin: 5px 0 0;
}
.garden-service-box span::before {
	display: none;
}
/*** Counters Wrapper ***/
.counters-wrapper h3 {
	font-size: 80px;
}
/*** Award Wrapper ***/
.award-winning-wrapper .award-winning-content {
	margin: 0 auto;
	text-align: left;
	width: 90%;
}
.award-winning-content h2 {
	font-size: 30px;
	margin: 0 0 20px;
}
.award-winning-content h2 span {
	display: inline;
}
.award-winning-content h3 {
	margin: 25px 0 35px;
	padding: 12px 0;
}
.award-winning-right {
	width: 100%;
}
/*** Our Best Garden Wrapper ***/
.single-garden-selection::before {
	display: none;
}
.single-garden-selection {
	width: 100%;
}
.single-garden-selection .garden-best {
	right: -20px;
}
/*** Our Testimonials Wrapper ***/
.our-testimonials-wrapper .sec-title {
	margin: 0 0 20px;
}
.our-testimonials-wrapper .testmonials-pic-main {
	display: table;
	margin: 0 0 30px;
	width: 100%;
}
.our-testimonials-wrapper .test-quote::before {
	display: none;
}
.our-testimonials-wrapper .owl-nav {
	display: none;
}
.our-testimonials-wrapper .owl-dots {
	display: block;
	margin: 15px 0 0;
}
.our-testimonials-wrapper .owl-dot span {
	margin: 5px 3px;
}
/*** Call to Action Wrapper ***/
.call-to-action h3 {
	font-size: 26px;
	margin: 0 0 15px;
}
.call-to-action .btn-new {
	float: left !important;
}
/*** House Design Wrapper ***/
.house-design-wrapper .house-design-inner {
	padding: 20px;
	margin: 0 0 10px;
}
.house-design-wrapper .house-design-inner.second {
	background: #81b32a url("../images/house-design-inner-bg.png") no-repeat scroll 96% 6%;
}
.house-design-wrapper .house-design-inner-new {
	background: none;
}
/*** Subscribe Wrapper ***/
.subscribe-wrapper form {
	width: 94%;
}
.subscribe-wrapper .garden-social ul li {
	display: inline-block;
	padding: 0 4px;
}
.subscribe-wrapper .input-group-addon {
	padding: 6px 5px;
}
/*** About Us Page ***/ 
.about-img-container .about-img::before {
   display:none;
}
.about-img-container .about-img {
   margin-bottom:25px;
}
.about-list li {
  width:100%;
}
.about-list li.last {
  border-bottom: 1px solid #cccccc;
}
.about-list li.last::after {
  display: block;
}
/*** 404 Page ***/ 
.error404-caption h2 {
  font-size: 150px;
}
.error404-caption h4 {
  font-size: 20px;
  margin-bottom: 30px;
}
/*** Faq Page ***/ 
.inner-page-wrapper.faq-wrapper {
   padding: 41px 0 60px;
}
.faq-wrapper .accrodion-wrapper .panel .panel-body p::after {
  height: 109%;
}
.faq-wrapper .section-inner-time {
  margin: 35px 0 15px;;
}
/*** Comming Soon Page ***/ 
.inner-page-wrapper.coming-soon-main-wrapper {
  padding: 0;
}
.coming-soon-wrapper {
  height: auto;
  position: relative;
  flex-direction: column;
}
.coming-soon-wrapper .cntdown {
  width:100%;
  display:block;
  margin:15px 0;
}
.coming-soon-main-wrapper .left{
  padding:75px 15px 80px;
}
.coming-soon-main-wrapper .right {
  padding:75px 15px 50px;
}
/*** Comming Soon Page ***/ 
.commentar-sec .media.mt-3 img{
   margin-bottom: 20px;
}
/*** Contact Wrapper ***/
.contact-wrapper .services-box > .services-box-img {
  top: -30px;
}
.contact-info {
  padding: 30px;
}
/*** Footer Wrapper ***/
.address .add br {
	display: none;
}
.footer-top-wrapper h3 {
	margin: 50px 0 20px;
}
}