#entireNav {
	margin: 0 0 30px;
}

#entireNav.homepage {
	margin: 0 0 15px;
}
.navbar-toggle {
	margin:20px 0;
}

.navbar-toggle .icon-bar {
	background-color: #171C1F;
}

.csr.csr-pointer {
	cursor:pointer;
}

.clear-nav {
	list-style: none;
	padding:0;
	margin:0;
}

.clear-nav > ul {
	list-style:none;
	padding:0 0 0 20px;
}

.inline-nav > li {
	display:inline-block
}

.dd-btn {
	background-color:#20ACB9;
	border-radius:0;
	color:#fff
}

.dd-btn.focus, .dd-btn:focus, .dd-btn:hover {
	background-color: orange;
	color:#fff
}


.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
}


/* Nav */

.alert-try-ten {
	background-color:#E40000;
	text-transform:uppercase;
	color:#fff;
	border-radius:0;
	margin:15px 0 0;
	position: relative
}

.alert-try-ten a {
	color:#fff;
	text-decoration:underline;
}
	
.alert-try-ten .close {
	color: #fff;
	opacity: 0.6
}

.alert-try-ten .close:hover {
	opacity:1
}

.alert-try-small {
	font-size:14px;
}

.alert-try-small a {
	color:#fff;
	text-decoration:underline;
}

.alert-try-ten .alert-try-center {
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	margin:0 50px;
	color: #fff
}

#nav {
	padding:15px 0;
}

#navbar {
	background-color: #76B728;
	position: relative
}
	
#navbar.sub-nav-green .caret {
	margin-left:5px;
}

#navbar.sub-nav-green {
	padding:10px 0;
}

#subNavContent .sub-nav-green-panes a:not(.btn) {
	font-size: 14px;
	color: #333;
}

#subNavContent .sub-nav-green-panes a:not(.btn):hover {
	color: #76B728;
}

	#navbar .nav > li > a:hover {
		background-color: transparent;
		text-decoration: underline
	}

#navbar .nav > li > a:focus, #navbar .nav > li.active > a  {
	background-color:#76B728;
}

#navbar .nav > li.active > a, #navbar .nav > li > a:focus  {
    color:#fff;
	text-decoration: underline;
	outline: none;
}

#navbar .container > ul > li {
	margin:0 5px 0 0;
	font-size:12px;
}
	

#navbar .container > ul > li.first a {
	padding-left:0;
}
	
#navbar .container > ul > li.telephone-li {
	color: #fff;
	padding: 10px 0 10px 0;
	font-size: 14px;
	margin-right: 0;
}
	
#navbar .container > ul > li.telephone-li::after {
    color: #fff;
    content: "|";
    padding: 0 5px 0 15px;
}
	
#navbar .container > ul > li.instagram-li::after {
    color: #fff;
    content: "|";
    padding: 0 5px 0 15px;
}
	
	#navbar .container > ul > li.instagram-li a {
		display:inline-block
	
	}

		
	#navbar .container > ul > li.telephone-li .fa {
		margin-right:5px;
	}
	
	#navbar .container > ul > li.facebook-li a, 
	#navbar .container > ul > li.instagram-li a {
		padding: 10px 0;
	}
	
		#navbar .container > ul > li.facebook-li a:hover,
#navbar .container > ul > li.facebook-li a:focus,
#navbar .container > ul > li.facebook-li a:active {
		color: #4267B2;
	background-color: transparent
	}

	

	#navbar .container > ul > li.instagram-li a:hover,
#navbar .container > ul > li.instagram-li a:active,
#navbar .container > ul > li.instagram-li a:focus {
		color: #A83AAA;
	background-color: transparent
	}


#navbar .container > ul > li > a {
	color:#fff;
	text-transform:uppercase;
	padding:10px;
}

#navbar .container > ul > li > a .fa {
	margin:0 0 0 10px;
}
	
	#subNavContent {
			z-index:10;
	position:absolute;
	width:100%;
	left:0;
	top:62px;
	}

#subNavContent .container {
	position:relative
}

#subNavContent  .nav-tab-content {
	position:relative
}

#subNavContent .nav-tab-content .tab-pane {
	border:1px solid #eee;
	padding:20px 30px 30px 30px;
	background-color:#fff;
}
	
#subNavContent .sub-nav-green-panes li.divider {
    height: 1px;
    margin: 15px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
	
#subNavContent .sub-nav-green-panes li.tab-pane-heading {
	font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    padding: 0 0 5px;
    margin: 0 0 15px;
    color: grey;
} 

#subNavContent .nav-tab-content .tab-pane .nav-tab-panel-heading {
	text-transform:uppercase;
	font-weight:700;
	margin:5px 0 30px;
	display:block;
	border-bottom: 1px solid #eee;
	padding: 0 0 15px;
	color: #76B728
}
	
#subNavContent .nav-group {
 margin:0 0 20px;
}


	
#subNavContent .nav-link-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}



/* Nav */
.my-top-nav {
	margin:25px 0;
	text-align:right;
}

.my-top-nav > li {
	font-size: 14px;
}

.my-top-nav > li:last-child {
	margin-right: 0;
}

.my-top-nav > li > a {
	position:relative;
	color:#333;
	padding:10px 0;
}

.my-top-nav > li.last > a {
	padding-right:0;
}

.my-top-nav > li + li::before {
    color: #ccc;
    content: "|";
    padding: 0 15px;
}


#subNavContent .sub-nav-green-panes .nav-progrmamme-link {
	margin: 0 0 5px;	
}
	
#subNavContent .sub-nav-green-panes .nav-progrmamme-link a {
	color: #fff; 
	padding: 5px 10px;		
	display: inline-block;
	text-align: left
}

#subNavContent .sub-nav-green-panes .nav-progrmamme-link a:hover {
	color: #fff; 
}

#subNavContent .sub-nav-green-panes .nav-progrmamme-link.nav-programme-complete a {
	background-color: #81358A; 
	width: 100%;
}
	
#subNavContent .sub-nav-green-panes .nav-progrmamme-link.nav-programme-enhanced a {
	background-color: #F39718; 
	width: 80%
}
	
#subNavContent .sub-nav-green-panes .nav-progrmamme-link.nav-programme-basic a {
	background-color: #75B52D; 
	width: 60%
}
	
#subNavContent .sub-nav-green-panes .nav-progrmamme-link.nav-lawn-makeover a {
	border: 5px solid #76B728;
	background-color: #008237; 
	width: 60%;
}



	
	


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	



}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
#entireNav {
	margin: 0 0 5px;
}
	
#entireNav.homepage {
	margin: 0;
}
	
#navbar {
	background-color:#eee
}

#navbar .container > ul > li {
	width:100%;
	margin: 0;
	float:none;
	text-align:center
}

#navbar .container > ul > li a {
	padding:10px 0;color: #333
	
}

#navbar .container > ul {
	margin:15px 0 5px;
}
	
	#navbar.sub-nav-green {
		padding:0;
	}

.my-top-nav {
	margin:15px 0 0;
	text-align:center;
	border-top:1px solid #eee;
	padding:25px 0 0;
}
.my-top-nav > li {
	margin:0;
	text-align:center;
	width:50%;
	float:left;
}

	#navbar .container > ul > li,
	#navbar .container > ul > li.telephone-li,
	#navbar .container > ul > li.telephone-li a{
		color:#333
	}

	#navbar .container > ul > li.telephone-li::after {
		display:none;
	}	
	
	#navbar .container > ul > li.instagram-li, #navbar .container > ul > li.facebook-li {
		width:50%;
		float:left;
		text-align: center;
		font-size: 18px;
		border-top: 1px solid #ccc;
		padding: 5px 0;
		margin: 0 ;
	}
	
	
	#navbar .container > ul > li.facebook-li a {
		color: #4267B2;
		
	}
	
	#navbar .container > ul > li.instagram-li a {
		color: #A83AAA;
	}
	
	#navbar .container > ul > li.instagram-li {
	border-left: 1px solid #ccc	
	}
	
	
	
	#navbar .container > ul > li.instagram-li::after, 
	#navbar .container > ul > li.facebook-li::after {
		display: none;
	}
	
	#navbar .container > ul {
		margin:0
	}
	
	#navbar .container > ul.navbar-left-side {
		margin: 10px 0;
	}
	
	#navbar .container > ul.navbar-right {
		margin:0 0 10px;
	}
	
	#navbar .container > ul.navbar-right > li.telephone-li {
		margin: 0;
		border-top: 1px solid #ccc;
		font-size:16px;
		font-weight: 700;
	}
	
	#subNavContent {
    top: 172px;
}
	
	#navbar.navbar-collapse.in {
		overflow-y: visible;
	}