@charset "utf-8";
/* CSS Document */

html, body {
  height: 100%;
}
@media all and (max-width: 640px) {
    body { padding-left:0px!important; padding-right:0px!important;}
}

*,
*:after,
*::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {background:#fff; /*url(../img/bg.png) repeat!important; */font-family: 'Open Sans', sans-serif!important; line-height:1.7em; font-size:16px; }

#wrap {
  min-height: 100%;
}
.content-container {margin-top:150px; }

#main {
  overflow:auto; 
/*  padding-bottom:50px;  this needs to be bigger than footer height*/
}

.footer-bg {
  position: relative;
/*  margin-top: -50px;  negative value of footer height */
  height: auto;
  clear:both;
  padding-top:10px;
/*  background:#191c5f;*/
}
.footer-bg-top {background:#ba3885; /*border-top:2px solid #d5cec2;*/}
.footer-bg {background:#6d0041; /*border-top:2px solid #d5cec2;*/}
.container-footer {max-width:1200px; margin:0 auto;}
.footer-txt { color:#e4dfdc; font-size:12px; line-height: 20px; text-align:right;}
.footer-txt2 { color:#e4dfdc; font-size:12px; line-height: 20px;}
.footer-info {color:#ebebeb;}

.banner-left {height:auto; padding-top:5px;/*	background:url(../img/banner2.png) no-repeat;*/}

.banner-right {height:auto;text-align:right;padding-top:10px;/*	background:url(../img/call-us.png) no-repeat;*/}

.container-phone {position:absolute; z-index:99999; top:0!important; padding-top:0!important; width:100%!important; background:#F581B7;}
.container-phone-mod { position:relative; }
.container-phone-mod-bookmark{max-width:1200px!important; margin:0 auto!important; }
.phone-mod{ margin-right:20px!important; margin-top:8px!important; padding-bottom:0px!important; text-align:right; font-size:22px; font-weight:normal; color:#fff; }

.img-round {border-radius:10px;}
.menu-container {background:#d86a05;} /*url(../img/bg-2.jpg) repeat-x;}*/

.slide-txt {position:absolute; margin:250px 0px 0 580px; font-size:40px; color:#fff; line-height:1.8em; }
.slide { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) }
@media all and (max-width: 1200px) {
.slide-txt {position:absolute; margin:100px 0px 0 180px; }
}

.centre-align{
	margin:0 auto;
	text-align:center;
}

.title-bg {background-image: url(../img/title-bg2.jpg); height:100px;}
.header-top {background-position:center top; background-repeat:no-repeat;}

.img-about {float:right; border-radius:10px; margin-left:10px;}

.welcome-msg1 { padding:20px 0 20px; text-align:center; font-size:30px; line-height:36px; color:#464431; text-transform:uppercase; font-weight:400;}
.welcome-msg2 { padding:10px 0 10px; text-align:center; font-size:20px; line-height:36px; color:#333;}
.welcome-msg3 { text-align:left; font-size:20px; line-height:36px; color:#333;}
@media all and (max-width: 800px) {
.welcome-msg2 { padding:10px 0 10px; text-align:center; font-size:18px; line-height:32px; color:#333;}
.welcome-msg3 { font-size:18px; line-height:30px;}
.hero-section {/*background:#8dbf3f;*/ padding:20px 0 60px!important;}
.section-green3 {padding:10px 0 0px!important; }
}
@media all and (max-width: 1280px) {
.hero-section {/*background:#8dbf3f;*/ padding:20px 0 60px!important;}
.section-green3 {padding:20px 0 5px!important; }
}

.image-float {float:right;}

.hero-section {/*background:#8dbf3f;*/ padding:50px 0 80px;}
.image-round { border-radius:10; border:4px solid #d5dcce;}
.txt-home {padding:50px;}
.txt-home2 {padding:20px 50px; color:#fff;}
.txt-home-white {padding:50px; color:#fff; font-size:20px; font-style:italic;}
.txt-home-white2 {padding:20px 50px;color:#fff; font-size:20px; font-style:italic;}
@media all and (max-width: 800px) {
.txt-home-white {padding:20px;font-size:18px;}
.txt-home2 {padding:20px 10px; }
}

.section-grey {background:#f58321; padding:20px 0; }
.section-green2 {background:#71a439 url(../img/lawn-mowing-and-garden-slide-bg.jpg) no-repeat; padding:50px 0; }
.section-green3 {background:#71a439 url(../img/lawn-mowing-and-garden-slide-bg.jpg) no-repeat; padding:20px 0 10px; }

.container-centre {max-width:1200px; margin:0 auto;}

.content-bg {background:#fff;}

.content-wrap {
  /*background:#f0ecde;*
  margin:0 auto;
/*	border-radius: 8px;*/
	margin-top:10px;
}

li {line-height:1.6em;}

h1 {color:#ad175d!important;/* border-bottom:1px solid #999;*/ font-size: 34px!important; font-weight:700!important ; padding: 0px; font-family: 'Kalam', cursive!important;line-height:1.6em!important; text-align:center; text-transform:uppercase;}
h2 {font-size:32px!important; color:#333!important; padding-bottom:0px!important; margin-bottom:0px!important; font-weight:bold!important; line-height:1.8em!important;text-align:center; text-transform:uppercase;font-family: 'Kalam', cursive!important;}
h3 {color:#32352e!important; font-size: 26px!important; font-weight:bold!important; margin:0px!important; padding-top:14px; padding-bottom:8px!important; line-height:20px!important;}
h4 {color:#fff!important; font-size: 30px!important; font-weight: normal; line-height:1.8em!important; text-align:center; text-transform:uppercase; }
h5 {color:#fff!important; font-size: 24px!important; font-weight: normal; line-height:1.8em!important; }
h6 {color:#32352e!important; font-size: 20px!important; font-weight: bold; line-height:1.8em!important; }
@media all and (max-width: 800px) {
h1 {font-size: 28px!important;}
h2{font-size: 26px!important; line-height:1.4em!important;}
h3{font-size:18px!important; line-height:1.4em!important;}
}

.book-now {color:#fff; font-size:28px; font-weight:bold; padding:10px; text-align:center; background:#8cc739; width:60%; margin:auto;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

a.link-purple {color:#ad0066!important;}
a.link-purple:hover{color:#ad0066!important;}

a.link-white {color:#fff!important;}
a.link-white:hover{color:#f581b7!important;}

.developed {color:#e4dfdc;}
.img-left {
	float: left;
	padding: 10px 10px 10px 0px;
}

hr.style15 {
	border-top: 4px double #fff;
	text-align: center;
	margin-top:40px;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -20px;
	padding: 0 10px;
	background: #ba3885;
	color: #fff;
	font-size: 18px;
}/*"Merriweather Sans",sans-serif*/
hr {border-bottom:none!important;}

/*#container-bg {background:#fbecd9; min-height:700px;}*/

.innertube {padding:0 20px;}
.innertube2 {padding:50px 0 150px;}
@media all and (max-width: 800px) {
.innertube2 {padding:20px 0 100px;}
}

/**************** JUX Components and modules  *************/

.wall-item { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); }
.wall-item .wall-bottom .item-content {text-align:center;}
.wall-item h3 a{color:#333;}
.wall-item h3 a:hover {color:#ad175d;}
.jux-readmore a{background:#567e2c!important;}
.jux-readmore a:hover{background:#f58321!important;}
.catItemLinks {border-top: 1px solid #548654;}

#justified-gallery h2{color:#fff!important;}

/*.jux-album-button-filter {display:none!important; background:none; border:none!important;}*/
#justified-filter{display:none!important;}

.view-first:hover .mask { 
   background-color: rgba(238,225,233, 0.6)!important; 
} 

/****/
.box-main{ width:auto; background:#8cbb3f; padding:18px 10px 16px; color:#fff; font-weight:normal; margin-top:10px;}

.moduletablebox-green{ width:auto; background:#8bcb46; padding:18px 10px 12px 10px; color:#333; font-weight:normal; margin-top:10px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height:300px;}

.box-white{ width:auto; background:#fff; padding:18px 10px 12px 10px; color:#333; font-weight:normal; margin-top:10px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height:300px;}

.moduletablebox-white{ width:auto; background:#fff; padding:18px 10px 12px 10px; color:#333; font-weight:normal; margin-top:10px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height:300px;}

.box-1{ width:auto; background:#ec1f30; padding:18px 10px 12px 10px; color:#333; font-weight:normal; margin-top:10px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height:300px;}
.box-2{ width:auto; background:#71a439; padding:18px 10px 12px 10px; color:#333; font-weight:normal; margin-top:10px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height:300px;}
.box-3{ width:auto; background:#f58321; padding:18px 10px 12px 10px; color:#333; font-weight:normal; margin-top:10px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height:300px;}


section {
    position: relative;
    padding: 2em 10%;
    background: #2980b9;
    color: #fff;
    text-align: center;
}

/* Common style for pseudo-elements */
section::before,
section::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

/* Half Circle */
.ss-style-halfcircle::before,
.ss-style-halfcircle::after {
	left: 50%;
	z-index: 10;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ss-style-halfcircle::before {
	top: -50px;
}

.ss-style-halfcircle::after {
	bottom: -50px;
}

/* Big Triangle */

.triangle-color {
	background: #82be42;
}
svg#bigTriangleColor {
	pointer-events: none;
}

#bigTriangleColor path {
	fill: #82be42;
	stroke: #82be42;
	stroke-width: 2;
}

/* Multiple Triangles */
.multitriangle-bg{ background:#dddcda; padding-bottom:3em;}

.ss-style-multitriangles::before,
.ss-style-multitriangles::after {
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.ss-style-multitriangles::before {
	top: -25px;
	background: inherit;
	box-shadow: -50px 50px 0 #dddcda, 50px -50px 0 #dddcda;
}

.ss-style-multitriangles::after {
	bottom: -25px;
	z-index: 10;
	background: inherit;
	box-shadow: -50px 50px 0 #dddcda, 50px -50px 0 #dddcda;
}

/* Rounded center split and bottom rounded */
.roundsplit-bg{background:#f2f0f0;}

.ss-style-roundedsplit {
	padding-top: 0em;
	border-radius: 0 0 0px 0px;
}

.ss-style-roundedsplit::before,
.ss-style-roundedsplit::after {
	top: -70px;
	left: 0;
	z-index: 10;
	width: 50%;
	height: 70px;
	background: inherit;
}

.ss-style-roundedsplit::before {
	border-radius: 0 80px 0 0;
}

.ss-style-roundedsplit::after {
	left: 50%;
	border-radius: 80px 0 0 0;
}

/* Curves */
#curveUpColor path,
#curveDownColor path {
	fill: #f58321;
	stroke: #f58321;
}

/************ sticky menu *********************/
#container {margin:0 auto; /*background:#f4dadd; */margin-top:180px; /*margin-bottom:10px;*/}
@media all and (max-width: 800px) {
#container {margin-top:150px;}
}
@media all and (max-width: 360px) {
#container {margin-top:180px;}

}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width:100%!important; max-width:1200px;}

header {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
  box-shadow: 0 2px 3px rgba(0,0,0,.4);
}
header h1#logo {
    display: inline-block;
/*    height: 150px;
    line-height: 150px;*/
    float: left;
 /*   font-size: 60px;
    color: white;
    font-weight: 400;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	border:none;
	margin-top:44px;
	padding-left:10px;
}
header nav {
    display: inline-block;
    float: right;
margin-top:90px;
    margin-right: 10px;
}
header nav a {
/*    line-height: 150px;*/
    margin-right: 20px;
/*    color: #9fdbfc;
    font-weight: 700;
    font-size: 18px;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
header nav a:hover {
    color: white;
}
header.smaller {
    height: 75px;
  box-shadow: 0 2px 3px rgba(0,0,0,.4);
}
header.smaller h1#logo {
    width: 235px;
    height: 80px;
    /*line-height: 75px;
    font-size: 30px;*/
	margin:0;
	padding-top:5px;
}
header.smaller nav {
   /* line-height: 75px;*/
margin-top:20px;
}

header.smaller nav a {
 /*   line-height: 75px;*/
margin-top:20px;
}

@media all and (max-width: 1280px) {
    header h1#logo {width:420px; padding-top:10px;}
}

@media all and (max-width: 800px) {

	header {overflow:visible!important; height:150px;}
    header h1#logo {width:320px; padding-top:10px;}
    header nav { margin-right:20px; margin-top:70px; }
    header.smaller nav {margin-top:15px;}
}


@media all and (max-width: 660px) {
    header h1#logo {
        display: block;
        float: none;
        margin: 0 auto;
        height: 100px;
        line-height: 100px;
        text-align: center;
    }
    header nav {
        display: block;
        float: none;
        height: 50px;
        text-align: center;
        margin: 0 auto;
    }
    header nav a {
        line-height: 50px;
        margin: 0 10px;
    }
    header.smaller {
        height: 75px;
    }
    header.smaller h1#logo {
        height: 40px;
        line-height: 40px;
        font-size: 30px;
    }
    header.smaller nav {
        height: 35px;
    }
    header.smaller nav a {
        line-height: 35px;
    }
}

@media all and (max-width: 640px) {

	header {overflow:visible!important; height:auto;}
    header h1#logo {width:320px; padding-top:50px;}
    header nav { margin-top:40px!important;}
    header.smaller {
        height: 110px;
    }
    header.smaller h1#logo {
        height: 20px;
        line-height: 40px;
        font-size: 30px;
		margin:0 auto;
    }
    header.smaller nav {
        height: 35px;
    }
}
/************** end sticky menu ********************/


#vdividermenu ul{
margin: 0;
padding: 0;
font-size:16px;
font-weight: normal;
text-transform:uppercase;
padding-top:26px;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
letter-spacing: 1.4px;
color: #000;
padding: 10px;
margin:0 6px;
text-decoration: none;
/*border-right: 1px solid #ae1618;*/
}

#vdividermenu ul li a:visited{
color: #000;
}

#vdividermenu ul li a:hover{
color: #2b3e16;
/*background:#6f559d;*/
border-bottom:2px solid #5f8727;
}

#vdividermenu ul li a.current{
color: #2b3e16;
font-weight:bold;
border-bottom: 2px solid #5f8727;
/*background:#6f559d;*/
}

/************* footer menu **************/

.footermenu ul{
margin: 0;
padding: 0;
font-size:16px;
font-weight: normal;
text-transform:uppercase;
}

.footermenu ul li{
display: block;
padding:6px 0;
}

.footermenu ul li a{
letter-spacing: 1.4px;
color: #fff;
/*margin:6px 0px;*/
text-decoration: none;
/*border-right: 1px solid #ae1618;*/
}

.footermenu ul li a:visited{
color: #fff;
}

.footermenu ul li a:hover{
color: #95d43d;
text-decoration:underline;
background: none;
/*padding:28px 20px;*/
/*border-bottom:2px solid #f78f1e;*/
}

.footermenu ul li a.current{
color: #95d43d;
text-decoration:underline;
/*font-weight:bold;
border-bottom: 2px solid #f78f1e;*/
background: none;
/*padding:28px 20px;*/
}

/******************** terms and privacy menu **********************/
.terms ul{
margin: 0;
padding: 0;
/*margin-bottom: 1em;*/
float: left;
/*background-color: #1f7bbc;*/
margin-top:5px;
box-shadow:none;
}

* html .terms ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

.terms ul li{
display: inline;
}

.terms ul li a{
float: left;
color: rgba(0, 0, 0, 0.6);
font-size:12px;
padding: 0px 5px;
color:#ebebeb;
text-decoration: none;
/*border-right: 1px solid #b3b0a6;*/
outline:none;
/*background: transparent url(media/vertical.gif) center right no-repeat;*/
/*font-family:'Work Sans', sans-serif!important;*/
}

.terms ul li a:visited{
color: #ebebeb;
}

.terms ul li a:hover{
color: #f581b7;
/*background-color: #ffe84f;*/
text-decoration:underline;
background:none;
}

.terms ul li .active, .current a{
color: #f581b7;
/*font-weight:bold;*/
/*background-color: #ffe84f;*/
text-decoration:underline;
background:none;
}

/**********/
.mceContentBody {background:##ccc;}