/* NORMALIZE */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

article, aside, details, footer, header, hgroup, main, nav, section{
  display: block;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}


h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

small {
  font-size: 80%;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

form, fieldset, input, textarea{
  margin: 0; padding: 0; border: 0; outline: none;
 }



/* MAIN STYLE */

@import url(http://fonts.googleapis.com/css?family=Parisienne);

body {
	font-family: Geneva, ‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
	color: #777;
	background-color: #fff;
	
}   

/* CUSTOM CLASSES ----------------- */
.centre {
	text-align: center;
	vertical-align: middle;
}

.txtright {
	text-align: right;
}

.lefty { 
	float: left;
	margin: 7px 15px 7px 0;
}

.righty {
	float: right;
	margin: 7px 0 7px 15px;
}

.clear {
    clear: both;
}
.darkgreybg {
	background-color: #6D6E70;
}

.limebg {
	background-color: #8BC53F;
}

.greenbg {
	background-color: #3AB652;
}

.whitebg {
	background-color: #fff;
}

.blackbg {
	background-color: #000;
}

.whitetxt {
	color: #fff;
}

.blacktxt {
	color: #000;
}

.darkgreytxt {
	color: #6D6E70;
}

.greytxt {
	color: #999;
}

.limetxt {
	color: #8BC53F;
}

.greentxt {
	color: #3AB652;
}

.maintest1 {
	font-size: 1.1em;
    color: #8BC53F;
	text-align: left;
	padding: 20px 0px;
	font-style: italic;
    margin: 0px 0px 50px 0px;
    max-width: 700px;
}

.maintest2 {
	font-size: 1.1em;
	color: #999;
	text-align: right;
	padding: 20px 0px;
	font-style: italic;
    margin: 0px 0px 50px 0px;
    max-width: 700px;
    float: right;
}

.name2 {
	font-size: 0.9em;
	font-weight: normal;
	color: #bbb;
}

.bricks {
	background: url('../images/BrickBG1.jpg') top left no-repeat,
	url('../images/BrickBG2.jpg') bottom right no-repeat;
}

.bricks2 {
	background: url('../images/BrickBG1.jpg') top left no-repeat;
}

.bigbg {
	background: url('../images/HeadBG.jpg') no-repeat;
	background-size: cover;
}

.bigcircle {
    pointer-events: none;
	background-color: #555;
	border-radius: 50%;
    width: 100%;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

/* SCREEN READER ONLY TEXT --------------------- */
.screen-reader-text { 
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* TYPOGRAPHY ----------------- */

p {
	line-height: 1.5;
	margin: 0px 0px 25px 0px;
	letter-spacing: 1px;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.4em;
}

h1, h2, h3 {
	font-family: Geneva, ‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
	font-weight: normal;
	color: #8BC53F;
	margin: 30px 0px 20px 0px;
	letter-spacing: 1px;
}

footer p {
	color: #ffffff;
}

.subhead {
    font-size: 0.55em;
}

/* LINKS -----------------------*/
a:link, a:visited{
color: #8BC53F;
text-decoration: none;
}

a:hover, a:active{
color: #06954A;
text-decoration: underline;
}

.link2 a:link, .link2 a:visited{
color: #06954A;
text-decoration: none;
}

.link2 a:hover, .link2 a:active{
color: #fff;
text-decoration: underline;
}

footer a:link, a:visited{
	color: #8BC53F;
	text-decoration: none;
}

footer a:hover, a:active{
	color: #ffffff;
	text-decoration: underline;
}

/* LIST -----------------------*/
.list {
	line-height: 1.5;
	margin: 0px 0px 25px 0px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #8BC53F;
    list-style-type: disc;
}

.list li {
    margin: 0px 0px 8px 0px;
}

/* ICON FONTS ---------------------------------- */

@font-face {
	font-family: 'icons';
	src:url('../fonts/icons.eot?-dm6okk');
	src:url('../fonts/icons.eot?#iefix-dm6okk') format('embedded-opentype'),
		url('../fonts/icons.woff?-dm6okk') format('woff'),
		url('../fonts/icons.ttf?-dm6okk') format('truetype'),
		url('../fonts/icons.svg?-dm6okk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e805";
}
.icon-mobile:before {
	content: "\e804";
}
.icon-email:before {
	content: "\e803";
}
.icon-gplus:before {
	content: "\e800";
}
.icon-facebook:before {
	content: "\e801";
}
.icon-fire:before {
	content: "\e802";
}
.icon-edit:before {
	content: "\e806";
}
.contacticon {
	font-size: 1.2em;
}

.icon-social-button {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 7px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #ffffff;
	box-shadow: 0 0 0 3px #8BC53F;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.icon-social-button:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.icon-social-button:before {
	font-family: 'icons';
	speak: none;
	font-size: 35px;
	line-height: 1.5em;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.icon-big {
	font-size: 55px;
    color: #CDCCCB;
    margin: 10px 15px;

}

.icon-big:before {
	font-size: 55px;
	line-height: 1.5em;
}

.icon-big:hover {
	color: #ffffff;
	text-decoration: none;
}

.icon-sml {
	margin: 5px 3px;
	width: 35px;
	height: 35px;

}

.icon-sml:before {
	font-size: 25px;

}

.icon-social-button:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #8BC53F;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.icon-social-button:hover:after {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
	-moz-transition: -moz-transform 0.4s, opacity 0.2s;
	transition: transform 0.4s, opacity 0.2s;
}

.icon-social-button:hover {
	color: #8BC53F;
}

/* TOOLTIP ----------------------------------- */

.tooltip{
    display: inline;
    position: relative;
    text-align: center;
    font-size: 16px;
}

.tooltip:hover:after{
    background: #ffffff;
    background: rgba(255,255,255,1);
    border-radius: 5px;
    top: 41px;
    color: #594A43;
    content: attr(title);
    left: -110%;
    padding: 5px 15px;
    position: absolute;
    z-index: 99999;
    width: 150px;
}

.tooltip:hover:before{
    border: solid;
    border-color: #fff transparent;
    border-width: 0 6px 6px 6px;
    top: 35px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99999;
}

.tip2:hover:after{
	top: 16px;
}

.tip2:hover:before{
	top: 10px;
}

/* BUTTON -------------------*/

a.button {
    background-color: #8BC53F;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding: 12px 25px;
    text-decoration: none;
    display: inline;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
}

a.button:hover {
    background-color: #3AB652;
    color: #fff;
    text-decoration: none;
}

footer a.button {
    text-decoration: none;
    display: inline;
    color: #fff;
}

/* Testimonials and Products */

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}



.products {
	height: 300px;
	}

.productlist{
	min-height: 150px;
}

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

.test {
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	min-height: 100px;
	width: 100%;
	padding: 15px;
}

.name {
	text-align: center;
	color: #ddd;
	font-size: 0.9em;
}



/* RESPONSIVE GRID SYSTEM - (6 ROWS WITH 4% MARGINS) ----------------- */

/* IMAGES  */
img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

.full_width {
	width: 100%;
}

/*  SECTIONS  */
.row {
	clear: both;
	padding: 0px 25px;
	margin: 0px auto;
	max-width: 1200px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	 margin: 1% 0 1% 4%; 
}
.col:first-child { margin-left: 0; } 


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                              
					
/*  GRID OF SIX  */
.col_6 {
	width: 100%;
}

.col_5 {
  	width: 82.66%;
}

.col_4 {
  	width: 65.33%;
}

.col_3 {
  	width: 48%;
}

.col_2 {
  	width: 30.66%;
}

.col_1 {
  	width: 13.33%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}

	h1 {
	font-size: 1.4em;
	}

	h2 {
	font-size: 1.3em;
	}

	h3 {
	font-size: 1.1em;
	font-weight: bold;
	}

	.test {
		min-height: 200px;
		width: 100%;
		padding: 15px;
		text-align: center;
	}
    
    .centresml {
        text-align: center;
        vertical-align: middle;
    }
    
    a.button {
        font-size: 1.1em;
    }

}

@media only screen and (max-width: 480px) {
	.col_6 {
		width: 100%; 
	}
	.col_5 {
		width: 100%; 
	}
	.col_4 {
		width: 100%; 
	}
	.col_3 {
		width: 100%; 
	}
	.col_2 {
		width: 100%; 
	}
	.col_1 {
		width: 100%;
	}
}

/* SHOW AND HIDE ELEMENTS */

/* Hide something on all devices not using media queries for IE 7-8 support */
.hidelrg { display: none; }

@media screen and (min-width: 0px) and (max-width: 480px) {
/* Use showsml after hidelrg to display on mobile only */	
  .showsml { display: block; }  /* show on small screens */
  .hidesml { display: none;} /* hide on small screen */
}


/* NAV MEMU STYLING -------------------------- */

/* fixed sticky nav */

.nav, .sticky {
    position: relative;
    z-index: 99998;
    overflow: visible;
}

.nav { 
    font-family: Geneva, ‘Lucida Sans’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
	position: relative;	
	height:49px;
	margin: auto 0px;
}


.nav ul, 
.nav ol, 
.nav dl, 
.nav li { 
	line-height:1.5em;
	list-style:none;

}



/* Hide responsive menu trigger 
--------------------------------------------- */
.menu-icon { display:none; }

/* Start dropdown menu styling 
--------------------------------------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { 
	margin: 0; 
	padding: 0; 
	
}

ul.dropdown{
	float:left;
	width:100%; 
	position: relative; 
}

ul.dropdown li { 
	float: left; 
	vertical-align: middle; 
	zoom: 1; /* IE6 */
}

/* General list styling 
-------------------------------------------- */
ul.dropdown li {  
	font-size: 1.1em; 
}

/* General links styling 
-------------------------------------------- */
ul.dropdown a,
ul.dropdown a:visited,	
ul.dropdown a:hover, 		
ul.dropdown a:active { 
	text-decoration: none; 
}

ul.dropdown a, 
ul.dropdown span { 
	display: block;
	outline:none; 
	cursor:pointer; 
	padding:13px 15px; 
}

ul.dropdown ul a,
ul.dropdown ul span {  
	padding:12px 15px; 
}	

ul.dropdown li:hover, 
ul.dropdown li.hover { 
	position: relative; 
	cursor:pointer; 
}

/* Level I+ 
--------------------------------------- */
ul.dropdown ul { 
	display:none; 
	position: absolute;
	z-index: 99998;
    overflow: visible;
	width: 220px; 
	top: 100%; 
	left: 0; 
}

 
ul.dropdown li:hover > ul{ 
	display:block;
}

ul.dropdown ul li { 
	float: none;
	font-size:13px;
	font-weight: normal; 
	text-transform:none;
	position:relative; 
}

ul.dropdown ul li.hover, 
ul.dropdown ul li:hover { /* background-color:#E74C3C; color: #fff; */ }
ul.dropdown ul li a:hover { /* color: #fff; */ }
	
/* Level II +  
---------------------------------------- */
ul.dropdown ul ul { top:0; left:100%; }


/* Add trailing arrows 
---------------------------------------- */	
ul.dropdown *.sub { 
	padding-right:15px; 
	background-image: url(../images/nav-arrow-down-thin.gif); 
	background-position: 95% 50%; 
	background-repeat: no-repeat; 
}

ul.dropdown ul *.sub { 
	padding-right: 15px; 
	background-image: url(../images/nav-arrow-right-thin.gif);
	background-position: 100% 50%; 									  
	background-repeat: no-repeat; 
}

/* Change trailing arrows on :hover IE7+
--------------------------------------------------------- */
ul.dropdown li.sub:hover{  background-image: url(../images/nav-arrow-down.gif); } 
ul.dropdown ul li.sub:hover{ background-image: url(../images/nav-arrow-right.gif);  }



/* Theme settings - Change your menu colors, bgcolors, border-colors
---------------------------------------------------------------------- */


.nav-color, 
.nav-color ul.dropdown { 
	background:#8BC53F; /* Main BG */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.nav-color ul.dropdown ul { background:#8BC53F; } /* Drop Down BG */

.nav-color ul.dropdown a,
.nav-color ul.dropdown a:visited,	
.nav-color ul.dropdown li  { color: #fff; } /* Main Text */

.nav-color ul.dropdown a:hover, 		
.nav-color ul.dropdown a:active  { color: #06944A; } /* Main Hover Text */

.nav-color ul.dropdown li:hover, 
.nav-color ul.dropdown li.hover {  background-color:#8BC53F; color: #06944A; } /* Main Hover BG and Text */

.nav-color ul.dropdown ul li.hover, 
.nav-color ul.dropdown ul li:hover { 
	background-color:#FE5200;  
	color: #C1B59C;}
.nav-color ul.dropdown ul li a:hover { background-color:#8BC53F; color: #06944A; } /* Drop Down Hover BG and Text */


/* Responsiveness 
------------------------------------- */

/* All device screens < = 768px */
@media screen and (max-width: 768px) {

/* Responsive menu trigger 
------------------------------------ */
.menu-icon, 
.menu-icon span, 
.menu-icon { 
	color: #fff; 
	width:100%; 
	height:50px; 
	line-height:40px; 
	padding:5px; 
	font-size:1.3em; 
	font-weight:bold; 
	cursor: pointer; 
	display:block;
	position:relative;	
}

.menu-icon span{ 
	width: auto;
	padding:0 15px;
	padding-left:40px; 
	height:40px; 
	background:#06944A url(../images/nav-toggle.png) center no-repeat ; 
	color:#FFFFFF;
	text-align: center;
	text-indent:-999em; 
	display: inline-block;
	position:absolute;
	top:5px;
	right:5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	 
}

/* Style these as desired 
 * - colors, bgclors etc 
------------------------------- */
.menu-icon:hover { }
.menu-icon:hover span{ }
.menu-icon.active { }
.menu-icon.active span{ }


/* Responsive menu styling  
--------------------------------- */
.nav{ position:relative;  }
.nav,
ul.dropdown, 
.menu-icon, 
.menu-icon span, 
ul.dropdown *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } 	
ul.dropdown{  display:none; position: relative; top:-1px;  }
ul.dropdown  li { position:relative; float:none; display:block; }
ul.dropdown  li li{ border-top:0;}
ul.dropdown  ul a{ padding-left:25px; }
ul.dropdown  ul ul a{ padding-left:45px; }
ul.dropdown  ul a:hover  { background-color:#594A43;}
ul.dropdown  li.sub ul > li{ /*border-top:1px solid;*/ }
ul.dropdown *.sub { padding:0!important; background-image: none!important; }
ul.dropdown ul{ overflow: hidden; max-height: 0; width:auto; display:block; position: static; }
ul.dropdown ul.current { display:block; max-height:100em; }
ul.dropdown li.sub > a{ padding-right:25px; }
ul.dropdown li.sub > a.current{ background:#96999C;  }
ul.dropdown li.sub > ul a.current{ background:#96999C;  }
ul.dropdown li.sub > a:after, 
ul.dropdown li.sub > a.current:after { position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0.55em 0.5em; }
ul.dropdown li.sub > a:after { content: '\002B'; }	
ul.dropdown li.sub > a.current:after { content: "\2013"; top:-2px; }	
ul.dropdown li.rtl ul, 
ul.dropdown li.ltr ul, 
ul.dropdown li.ltr ul ul, 
ul.dropdown li.rtl ul ul { position:static; }
ul.dropdown li.divider{ display:none!important; }

/* Reduce content padding for nav on mobile */
.content-holder{ padding:10px 0;}

}

/* All device screens >  768px */
@media screen and (min-width: 769px) {
	/* Avoid responsive menu hiding on browser window resize 
	-------------------------------------------------------------- */
	ul.dropdown{ display:block !important ; }
	 
}