html, body {
	font-family: 'Lato', sans-serif;
	font-size:18px;
}

#lcqualitybadge {
	position: fixed;
bottom: 30px;
right: 15px;
z-index: 50;
}

/* Parsley */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
			   
  
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

/* Reset */

.rel {
	position:relative;
}

.btn .fa {
	margin:0 10px 0 0
}

.jumbotron p {
	font-weight:400;
}

.flexslider {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 0 black;
    margin: 0;
}

/* Misc */

.cd-top {
    background-color: #800080;
    border-radius: 100px;
    bottom: 30px;
    color: #fff;
    display: inline-block;
    opacity: 0;
    padding: 10px 15px;
    position: fixed;
    left: 30px;
    visibility: hidden;
    z-index: 10;
	width:45px;
	height:45px;
	font-size:18px;
	
}
.cd-top:hover, .cd-top:focus {
    color: #fff;
}
.cd-top span {
    font-size: 18px;
}
.cd-top.cd-is-visible {
    opacity: 1;
    visibility: visible;
}
.cd-top.cd-fade-out {
    opacity: 0.5;
}

/* Action Buttons */

.action-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(125, 192, 25, 1) 0%, rgba(123, 190, 22, 1) 14%, rgba(117, 184, 16, 1) 28%, rgba(117, 185, 14, 1) 35%, rgba(112, 180, 7, 1) 47%, rgba(111, 179, 4, 1) 58%, rgba(109, 176, 0, 1) 61%, rgba(109, 178, 1, 1) 67%, rgba(106, 174, 0, 1) 70%, rgba(101, 168, 0, 1) 100%) repeat scroll 0 0;
    border: 1px solid #73b60a;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #a0d642 inset;
    color: #ffffff;
    display: inline-block;
    padding: 15px 30px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.action-button:hover, .action-button:focus {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(137, 200, 31, 1) 0%, rgba(131, 197, 27, 1) 12%, rgba(133, 197, 25, 1) 17%, rgba(128, 192, 18, 1) 29%, rgba(128, 192, 17, 1) 36%, rgba(119, 187, 2, 1) 60%, rgba(120, 186, 0, 1) 69%, rgba(110, 179, 0, 1) 100%) repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}
.action-button.action-sm {
    font-size: 14px;
    padding: 10px 15px;
}
.action-button .fa {
    margin: 0 20px 0 0;
}
.action-button.action-sm .fa {
    margin: 0 10px 0 0;
}

.action-button svg {
	margin-right: 20px;
}

/* Page Sidenav */

.pages-navigation {
    margin: 0 0 35px;
}

.pages-navigation li.nav-heading a {
    border: 0 none;
    color: #ffffff;
    display: block;
    font-size: 16px;
    padding: 20px 15px;
}

.pages-navigation li.nav-heading a, .pages-navigation li.nav-heading a:hover, .pages-navigation li.nav-heading a:focus {
    background-color: #76b82a;
}

.pages-navigation .core li.nav-heading a, .pages-navigation .core li.nav-heading a:hover, .pages-navigation .core li.nav-heading a:focus {
    background-color: #3c92ea;
}

.pages-navigation a, .pages-navigation a:hover, .pages-navigation a:focus, .pages-navigation ul li a {
    color: #666666;
}

.pages-navigation a, .pages-navigation a:hover, .pages-navigation a:focus {
    text-decoration: none;
}

.pages-navigation ul {
    padding: 0;
}

.pages-navigation ul, .pages-navigation ul li {
    list-style: outside none none;
}

.pages-navigation ul li.year-top-level {
    margin: 0 0 10px;
}

.pages-navigation ul li a {
    background-color: #ffffff;
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 0 1px 1px;
    display: block;
    font-size: 14px;
    padding: 20px 15px;
}

.pages-navigation ul li a:hover, .pages-navigation ul li a:focus {
    background-color: #f9f9f9;
    text-decoration: none;
}

.pages-navigation ul li.active a {
    background-color: #eee;
}

.pages-navigation ul li.active a .fa {
    color: #76b729;
}


/* Logo */

#nav .logo .brand {
	display:block;
	height:100%;
	width:100%;
}

#nav .logo .brand:focus,
#nav .logo .brand:active {
	outline:none;
}

#nav .logo {
	background-image: url("/templates/assets/img/logos/GreenThumb.png");
	width:235px;
	height:80px;
	display:inline-block;
	text-indent: -999999px;
	background-repeat:no-repeat;
	margin:0;
}

/* Main Navigation */

#nav .container {
	position:relative;
}

#nav {
	border-bottom: 1px solid #f3f3f3;
	padding:15px 0;
	background-color:#fff;
}

#nav .nav-list {
	float:right;
	list-style-type: none;
	margin:20px 0 0 15px;
}

#nav .nav-list .nav-item {
	float:left;
	font-size:16px;
	color:#666;
	cursor:pointer;
}

#nav .nav-list .nav-item.menu-item:hover {
	text-decoration:underline;
}

#nav .nav-list .nav-item:first-child:before {
	content: "";
	margin:0;
}

#nav .nav-list .nav-item.dropdown .dropdown-menu {
	left:auto;
	right:0;
}

#nav .nav-list > .nav-item:before {
    color: #dddddd;
    content: "/";
    margin: 0 25px;
    position: relative;
    top: 1px;
}

#nav .nav-list .nav-item .nav-anchor {
	transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
	color:#666;
	display:inline-block
}

#nav .nav-list .nav-item .menu-icon {
	font-size:18px;
}

#nav .nav-list .nav-item .menu-icon,
#nav .nav-list .nav-item .nav-anchor .nav-icon {
	margin:0 10px 0 0;
}

#nav ul.sub-nav-list {
	position:absolute;
	right:0;
	bottom:-40px;
	background-color:#76B728;
	list-style:none;
	margin:0;
	padding:5px;
	z-index:10;
}

#nav ul.sub-nav-list::after {
	width:500%;
	right:-500%;
	top:0;
	height:100%;
	position:absolute;
	content:"";
	background-color:#76B728;
	
}

#nav ul.sub-nav-list > li {
	margin:0 5px;
	float:left;
}

#nav ul.sub-nav-list > li.phone,
#nav ul.sub-nav-list > li > a {
	padding:8px 5px;
}

#nav ul.sub-nav-list > li.phone .fa {
	margin: 0 5px 0 0;
}

#nav ul.sub-nav-list > li,
#nav ul.sub-nav-list > li > a {
	color:#fff;
	display:inline-block;
	font-size:14px;
}

#nav ul.sub-nav-list::before {
	border-bottom: 46px solid transparent;
    border-right: 46px solid #76B729;
    border-top: 0 solid transparent;
    content: "";
    font-size: 0;
    height: 0;
    left: -46px;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 0;
}

/* Social Nav */

#social-links-nav {
 top: 135px;
    position: absolute;
    right: 15px;
    z-index: 10;
}

#social-links-nav.homepage-social-links {
 bottom: -107px;
}


#social-links-nav ul.social-links li a span {
		
}

/* Footer */

.social-links-footer {
	margin:0;
	padding: 0;
}

.social-links-footer > li > a > .fa {
	margin: 0 5px 0 0;
}

/* Breadcrumbs */

.crumbs {
	margin:0 0 25px;
	margin-top: 25px;
	padding:0 0 15px;
	list-style: outside none none;
	border-bottom:1px solid #f3f3f3;
}

.crumbs > li {
    display: inline-block;
	font-size:14px;
	color:#666;
}

.crumbs > li + li::before {
    color: #ccc;
    content: "/";
    padding: 0 10px;
}

.crumbs > .active {
    color: #777;
}

.crumbs > li > a {
    color: #008237;
}

/* Footer */

#beforeFooter {
	padding:3em 0;
	background-color:#FAFAFA;
	margin:2em 0 0;
}

#beforeFooter .footer-heading {
	margin:0 0 30px;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	color: #76B728
}

#beforeFooter ul.footer-nav {
	padding:0;
	display:block;
	margin:0 0 25px;
}

#beforeFooter ul, #beforeFooter ul li {
	list-style:none;
}

#beforeFooter ul li {
	margin: 0 0 15px;
line-height: 1.5;
}

#beforeFooter ul li.facebook a,
#beforeFooter ul li.instagram a,
#beforeFooter ul li.mountfield a,
#beforeFooter ul li.storyhomes a
{

}

#beforeFooter ul li.facebook a {
	color:#4267B2;
}

#beforeFooter ul li.instagram a {
	color:#BD3381;

}

#beforeFooter ul li.mountfield a {
	color:#EC1C24;
	
}

#beforeFooter ul li.storyhomes a {
	color:#014268;
	
}

#footer, 
#footer ul li a:hover, 
#footer ul li a:focus, 
#footer .copyright, 
#beforeFooter ul li a, 
#beforeFooter h5, 
#footer ul li a, 
#beforeFooter ul.user-links li {
	color:#666666;
	font-size:16px;
}

#footer {
	border-top:1px solid #E6E6E6;
	padding:1em 0;
	color:#ffffff;
	background-color:#FAFAFA;
}

#footer .copyright {
	margin:0;
	font-size:12px;
}

#footer ul {
	padding:0;
	display:block;
	float:right;
	margin:0;
}

#footer ul, #footer ul li {
	list-style:none;
}

#footer ul li {
	display:inline;
	float:left;
	margin:0 15px 0 0;
}

#footer ul li a {
	font-size:12px!important;
}

ul.social-links {
    display: block;
	margin: 0;
	padding:0;
}

ul.social-links, ul.social-links li {
	list-style:none;
}

ul.social-links li {
	float: left;
	margin-left: 10px;
}


ul.social-links li a {
	font-size:14px;
	color:#ffffff;
	display: inline-block
}

ul.social-links li a span {
  font-size: 14px;
    height: 30px;
    padding: 8px;
    text-align: center;
    width: 30px;
	color:#fff
}

ul.social-links li.facebook a span,
ul.social-links li.facebook a:hover span, 
ul.social-links li.facebook a:active span {
	background-color:#3B5998;
}

ul.social-links li.twitter a span,
ul.social-links li.twitter a:hover span, 
ul.social-links li.twitter a:active span {
	background-color:#55ACEE;
}

ul.social-links li.instagram a span,
ul.social-links li.instagram a:hover span, 
ul.social-links li.instagram a:active span {
	background-color:#BD3381;
}

ul.social-links li.pinterest a span,
ul.social-links li.pinterest a:hover span, 
ul.social-links li.pinterest a:active span {
	background-color:#CB2027;
}

ul.social-links li.google-plus a span,
ul.social-links li.google-plus a:hover span, 
ul.social-links li.google-plus a:active span {
	background-color:#D73D32;
}

ul.social-links li.youtube a span,
ul.social-links li.youtube a:hover span, 
ul.social-links li.youtube a:active span {
	background-color:#CC181E;
}

ul.social-links li.storyhomes a span,
ul.social-links li.storyhomes a:hover span, 
ul.social-links li.storyhomes a:active span {
	background-color:#014268;
}

#beforeFooter ul.social-links-footer li.social-ft-link {
	margin-bottom:10px;
}


/* Page */

.page-strapline {
	/*padding: 1em 0 2em;*/
	padding: 0.25em 0.5em 1.5em;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #eee;
	margin: 0 0 1em;
}
	
	
.page-strapline h1 {

		font-size: 3em;
		font-weight: 700;
		margin: 0 0 0.2em;
		text-transform: uppercase;
		display: inline-block;
		background-color:#76b830;
		color: #fff;
		padding: 0.2em 0.6em;
}
	
.page-strapline h2 {
		margin:0;
		font-weight: 700;
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		background-color: #eee;
		color: #76B728;
		display: inline-block;
		padding: 0.5em 1em;
}

/* Partner Title section */

.page-strapline-storyhomes {
	/*padding: 1em 0 2em;*/
	padding: 0.25em 0.5em 1.5em;
	text-align: center;
	color: #333;
	border-bottom: 1px solid #eee;
	margin: 0 0 1em;
}
.page-strapline-storyhomes h1 {

		font-size: 3em;
		font-weight: 700;
		margin: 0 0 0.2em;
		text-transform: uppercase;
		display: inline-block;
		background-color:#014268;
		color: #fff;
		padding: 0.2em 0.6em;
}
.page-strapline-storyhomes h2 {
		margin:0;
		font-weight: 700;
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		background-color: #eee;
		color: #014268;
		display: inline-block;
		padding: 0.5em 1em;
}
.storyhomes-logo-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  padding: 0px 0px 10px 0px;
}
.lawnmakeover-header-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding: 10px 0px 0px 0px;
}

/* Side Navigation */

#siteSideNav.sb-slidebar {
	background-color: #fff;
	border-right:1px solid #f3f3f3;
}

#siteSideNav .close-nav-toggle {
	display:block;
	cursor:pointer;
	color:#fff;
	text-align:right;
	border-bottom:1px solid #f3f3f3;
}

#siteSideNav .close-nav-toggle span {
	border-left:1px solid #f3f3f3;
	padding:20px 25px;
	color:crimson;
}

#siteSideNav .close-nav-toggle span:hover {
	background-color:crimson;
	color:#fff
}

#siteSideNav nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#siteSideNav nav > ul > li {
	list-style:none;
	border-bottom:1px solid #f3f3f3;
}

#siteSideNav nav > ul li {
	list-style:none;
}

#siteSideNav nav > ul > li ul li {
	padding:0;
	background-color:#fafafa
}

#siteSideNav nav > ul > li a .nav-toggle-chevron {
	font-size:12px;
}

#siteSideNav nav > ul > li .sidenav-icon {
    margin: 0 10px 0 0;
}

#siteSideNav nav > ul > li a .nav-toggle-chevron::before {
	content:"\f078";
}

#siteSideNav nav > ul > li a.collapsed .nav-toggle-chevron::before {
	content:"\f054";
}

#siteSideNav nav > ul > li > a {
	padding:20px;
	display:block;
	color:#666;
	border-left:5px solid transparent;
	font-size:16px;
}

#siteSideNav nav > ul > li > a:hover {
	list-style:none;
	border-left:5px solid #76B728;
	color:#76B728;
	text-decoration:none;
}

#siteSideNav nav > ul > li > ul > li > a {
	padding:10px;
	display:block;
	color:#666;
	border-left:5px solid transparent;
	font-size:14px;
}

#siteSideNav nav > ul > li ul li a {
	color:#666;
	padding:15px 15px 15px 40px;
	display:block;
	font-size:14px;
}

#siteSideNav nav > ul > li ul li a:hover {
	text-decoration:none;
	color:#76B728;
}

#siteSideNav #leftSideNav .panel {
	box-shadow:none;
	border-bottom:1px solid #f3f3f3;
	border-radius:0;
	margin:0;
}

#siteSideNav #leftSideNav .last-link {
	border-bottom:0;
}

.action-wrap, .generic-wrap {
    background-color: #fafafa;
	border:1px solid #e5e5e5;
	border-top: 0;
    display: block;
    margin: 0 0 30px;
    padding: 20px;
    position: relative;
}
.action-wrap::before, .generic-wrap::before {
    border-bottom: 10px solid #f6f6f6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    top: -10px;
    width: 0;
}
.action-wrap h3, .action-wrap em, .generic-wrap .generic-title, .generic-wrap em {
    display: block;
}
.action-wrap h3, .generic-wrap .generic-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}
.action-wrap em, .generic-wrap em {
    font-size: 16px;
    font-style: italic;
}


/* Hero */

#nav.home-nav {
	margin:0 0 80px;
}

#hero.flexslider {
	border:0;
	border-radius:0;
	margin:5px 0 15px;
	box-shadow:0 0 0 black;
	background-color:#FAFAFA;
	overflow:hidden;
}

#hero .flex-control-nav {
	bottom: -5px;
z-index: 2;
left: 10px;
	text-align: left
}

#hero .slides li {
	position:relative
}

#hero .flex-control-paging li a {
	background-color: rgba(242,242,242,0.5);
	box-shadow:0 0 0 rgba(0, 0, 0, 0.0) inset;
}

#hero .flex-control-paging li a:hover {
	background-color: rgba(255,255,255,0.8)
}

#hero .flex-control-paging li a.flex-active {
	background-color: transparent;
	border:1px solid #fff;
}

#hero .hero-content {
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	color:#fff;
	margin: 2em 4em 4em 4em;
	background-color: #fff;
	background-color: rgba(255,255,255,0.95);
	padding:2em;
	width:50%
}

#hero .hero-title {
	color:#76B728;
	margin:5px 0 15px;
	font-size:24px;
	font-weight:700;text-transform: uppercase
}

#hero .hero-text {
	color:#333333;
	font-size:16px;
	margin: 0 0 20px;
}


#hero .hero-content-footer {
	border-top:1px dashed #333333;
	display:block;
	padding:1em 0 0;
	text-align:left;
	margin:0;
}

#hero .hero-content-footer .btn .fa {
	margin:0 0 0 10px;
}

/* Homepage Locate Branch Now */

#locateBranch {
	margin: 15px 0;
}

#locateBranchNow {
    background-color: #20b2aa;
    background-image: url("/images/uploads/images/Ukmap-pointers.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 50px;
}

#locateBranchNow label {
	color: #fff;
}

#locateBranchNow #searchPostcodeWrap {
    margin: 30px 0;
    position: relative;
}

#searchPostcodeWrap .parsley-errors-list {
    color: #fff;
}

#locateBranchNow .parsley-errors-list {
    color: #fff;
    margin: 10px 0;
}

#locateBranchNow #locateInput {
    border: 3px solid transparent;
    display: block;
    font-size: 20px;
    padding: 15px;
    width: 100%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#locateBranchNow #locateInput:focus, #locateBranchNow #locateInput:active {
    border-color: #eeeeee;
}

#locateBranchNow #searchPostcodeWrap .search-postcode-icon {
    color: #20b2aa;
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 22px;
}

#locateBranchNow .search-heading-1, #locateBranchNow .search-heading-2 {
    color: #fff;
    display: block;
}

#locateBranchNow .search-heading-1 {
    font-size: 32px;
	margin:0 0 10px;
}

#locateBranchNow .search-heading-2 {
    font-size: 24px;
}

#locateBranchNow .btn .fa {
    margin: 0 15px 0 0;
}

/* Homepage Testimonial */

#branchTestimonial {
    background-color: #f8f8f8;
    font-size: 18px;
    margin: 0 0 15px;
	border:1px solid #eee;
	box-shadow:none;
	border-radius:0;
}

#branchTestimonial.branch-testimonial {
    margin: 30px 0;
}

#branchTestimonial.flexslider .slides li blockquote {
    border: 0 none;
    font-size: 18px;
    margin: 50px;
    padding: 0;
}

#branchTestimonial.flexslider .slides li blockquote p {
    font-size: 20px;
}

#branchTestimonial.flexslider .who-said-it a {
    background-color: purple;
    border-radius: 3px 3px 3px 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 10px 0 0;
    padding: 5px 10px;
    position: relative;
}

#branchTestimonial.flexslider .who-said-it a::after {
    border-color: purple transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0 0;
    bottom: -14px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

#branchTestimonial.flexslider .slides li blockquote footer {
    margin: 20px 0 0;
}

#branchTestimonial.flexslider blockquote footer::before {
    content: "";
}

#branchTestimonial.flexslider.sw-testimonials .slides li blockquote p {
    font-size: 0.8em;
}

#branchTestimonial.flexslider.sw-testimonials .slides li blockquote {
    margin: 30px;
}

#branchTestimonial.flexslider.sw-testimonials .who-said-it a {
    font-size: 0.8em;
}


/* Homepage Action */

#actions {
    background-color: #fff;
}

.action-item {
    margin: 15px 0;
}

.action-item-content {
    
    position: relative;
}

.action-item-content .action-title {
    display: block;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
    margin: 1em 0 0.6em;
    position: relative;
}

.action-item-content > p {
    margin: 0 0 1.5em;
	font-size:16px;
}

/* Zoom Box */

.zoom-box {
	position:relative;
	overflow:hidden
}

.zoom-box  img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin:0 auto;
}

.zoom-box:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.zoom-box-hover-wrap {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	text-align:center;
	display:none;
	color:#fff;
	padding:20px;
	background-image: url("/images/uploads/images/assets/plus-icon.png");
	background-position:center center;
	background-size:50px auto;
	background-repeat:no-repeat;
}

.zoom-box:hover .zoom-box-hover-wrap {
	display:block;
}

.zoom-box-info {
	background-color:#f5f5f5;
	padding:10px 20px;
	border:1px solid #EBEBEB;
	margin:0 0 30px;
	position:relative;
}

.zoom-box-info:after {
	content:"";
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right:10px solid transparent;
	border-bottom: 10px solid #F5F5F5;
	right:15px;
	top:-10px;
	position:absolute;
}

.z-b-heading {
	margin:10px 0  5px;
}

.z-b-para {
	font-size:16px;
}

/* FAQ */
#accordion.clean-group .panel-title > a .fa-minus {
    color:orange;
}

#accordion.clean-group .panel-title > a.collapsed .fa:before {
    content: "\f067";
	color:#333
}

#accordion.clean-group .panel-title > a.collapsed:hover .fa:before {
    color:#76B728
}

#accordion.clean-group .panel-title > a:hover,
#accordion.clean-group .panel-title > a:active,
#accordion.clean-group .panel-title > a:focus {
	text-decoration:none;
}

.panel-heading {
	padding:0;
}
.panel-title {
	font-size:18px;
}
.panel-title a {
	display:block;
	padding:15px;
}



/* Act Box - Red*/

.act-box {
	padding:20px 30px;
	color:#fff;
	background-color: #D40D12;
	margin: 0 0 15px;
	position:relative;
}

.act-box .fa {
	font-size:26px;
	position:absolute;
	top:20px;
	left:20px;
}

.act-content {
	margin-left:35px;
}

.act-title {
	font-size:1.2em;
	margin:0 0 0.5em
}

.act-box .act-para {
	font-size:16px
}


/* TRY £10 */

	#tryUsBanner {
	display:none; /* Since 19/07/2018 */
		background-color:#E40000;
		color: #fff;
		padding: 10px;
		margin: 0 0 15px;
		text-align: center;
	}
	
	#tryUsBanner .try-title {
		font-size:24px;
		text-transform: uppercase;
		display: block
	}
	
	#tryUsBanner .try-disclaimer {
		text-transform: uppercase;
		font-size: 12px;
	}

#tryUsBanner a {
	color:#fff
}



/* GT Modal */

.gt-modal {
	
}

.gt-modal .modal-header {
	
}

/* Try 10 Modal */

.try-10-modal .modal-header {
	background-color:#E40000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 1em 0.5em;
}

.modal-action-button {
	text-align: center;
	padding: 2em;
	color: #333;
	display: block;
}

.modal-action-button:hover, .modal-action-button:focus {
	text-decoration:none;
	background-color: #333!important
}

.modal-action-button.modal-action-locate {
	color:#fff;
	background-color: #76B728
}

.modal-action-button.modal-action-programme {
	color:#fff;
	background-color: #81358A;
}

.modal-click-here-badge {
	display:block;
	font-size: 75%;
	margin: 15px 0 0;
}
/* Programme Box */


	
	.programme-box h3 {
		margin: 0 0 15px;
	}
	
	.programme-box.complete-programme {
		background-color: #23346c;
		border: 1px solid #23346c;
	}
	
	.programme-box.complete-programme:hover {
		color: #23346c;
	}

.programme-box.complete-programme:hover hr {
	border-top:1px solid #23346c;
}
	
	
	.programme-box.enhanced-programme {
		background-color: #a25099;
		border: 1px solid #a25099;
	}

.programme-box.enhanced-programme:hover hr {
	border-top:1px solid #a25099;
}
	
	.programme-box.enhanced-programme:hover {
		color: #a25099;
	}

	
	.programme-box.basic-programme {
		background-color: #00aba4;
			border: 1px solid #00aba4
	}

.programme-box.basic-programme:hover hr {
	border-top:1px solid #00aba4;
}
	
	
	.programme-box.basic-programme:hover {
		color: #75B52D;
	
	}
	
	.programme-box {
		padding:2em;
		color: #fff;
		display: block;
		text-decoration: none;
		margin: 0 0 1em;
	}

.programme-box hr {
	border-top:1px solid #fff;
}
	
	.programme-box:hover, .programme-box:focus {
		text-decoration: none;
		background-color: #fff
	}
	
	.save-word {
		font-size:1.5em;
		text-transform: uppercase;
		display: block;
		float: left
	}
	
	.upto-word {
		font-size:1.2em;
		display: block;
	}
	
	.programme-saving {
		font-size:2.25em;
		float: right
	}


/* FAQ's */

.page-faqs .page-faq-heading {
	background-color: #00A79D;
	color:#fff;
	display:block;
	padding:20px 15px;
	margin:15px 0;
}

.page-faqs .faq-entry {
	padding:5px 15px;
}

.page-faqs .faq-entry .faq-entry-heading {
	color:#00A79D;
	margin:0 0 10px;
	padding:0 0 15px;
	border-bottom: 1px solid #00A79D
}

	/*channel thumbnail image link to video*/
.thumbnailImg{
		max-width:360px;
}	

@media only screen and (max-width : 800px){
	.thumbnailImg{
		max-width:100%;
	}	
		
}
									 


/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){
		
		
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px){
			#hero {
			height: 490px;
				background-image: url('/images/uploads/images/Site/loader.gif');
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 100px auto;
		}
		
	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px){
		#hero {
			height: 595px;
		}
 
 
	}
 







/*==========  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) {
	
		#nav.home-nav {
		margin:0;
	}
	
#nav .logo {
    background-image: url("/templates/assets/img/logos/GreenThumb_x2.png");
    background-size: contain;
	height: 68px;
    width: 200px;
	
}

#nav .nav-list {
	margin: 25px 0 0;
}

/* Hero */

#hero.flexslider {
	background-color:transparent;
	margin:20px 0 30px;
}
	
.flex-direction-nav a::before {
	color: rgba(255,255,255,0.8);
}

#hero .hero-content {
	background-color:transparent;
	position:relative;
	padding:15px 0 0;
	width:100%;
	margin:0;
}

#hero .hero-content-footer {
	padding:15px 0 0;
}
/*
#hero.flexslider::after {
	background-image:url("/templates/assets/img/icons/swipe.png");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    z-index: 10;
}  
	*/

#hero .flex-control-nav,
#hero .flex-direction-nav {
	display:none;
}

	
/* TRY £10 */

	#tryUsBanner {
		margin:15px 0 0;
	}
	
		#tryUsBanner.page-try-banner {
		margin:0 0 15px;
	}

	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
html, body {
	font-size:16px;
}

h1, h1 {
	font-size:26px;
}
	
#nav {
	padding:10px 0;
}

#nav .nav-list .nav-item .menu-icon {
	font-size:22px;
	padding:0 0 0 15px
}

.crumbs {
	margin:1em 0 1.5em;
	padding: 0 0 10px;
}

h1, .h1 {
	margin: 0 0 15px
}

#nav.home-nav {
		margin:0;
}

	.makeover-strapline h1, .page-strapline h1 {
		font-size: 2em;
	}
	
	.makeover-strapline h2, .page-strapline h2 {
		font-size: 1em;
	}


	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
/* Locate Your Branch Now - Homepage */

#locateBranchNow {
	padding:20px;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

#nav .logo {
    background-image: url("/templates/assets/img/logos/GreenThumb_x2.png");
    background-size: contain;
	height: 68px;
    width: 200px;	
}

#nav .nav-list {
    margin: 25px 0 0 15px;
}


}

/* ipad landscape */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

#nav .nav-list {
    margin: 10px 0 15px;
}
 
#nav ul.sub-nav-list li.phone {
	padding:0;
}

}