@font-face {
    font-family: 'MavenProBlack';
    src: url('../fonts/maven_pro_black-webfont.eot');
    src: url('../fonts/maven_pro_black-webfont.eot?#iefix') format('eot'),
         url('../fonts/maven_pro_black-webfont.woff') format('woff'),
         url('../fonts/maven_pro_black-webfont.ttf') format('truetype'),
         url('../fonts/maven_pro_black-webfont.svg#webfontXhB2DgBK') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MavenProBold';
    src: url('../fonts/maven_pro_bold-webfont.eot');
    src: url('../fonts/maven_pro_bold-webfont.eot?#iefix') format('eot'),
         url('../fonts/maven_pro_bold-webfont.woff') format('woff'),
         url('../fonts/maven_pro_bold-webfont.ttf') format('truetype'),
         url('../fonts/maven_pro_bold-webfont.svg#webfontNOU7iUTL') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MavenProMedium';
    src: url('../fonts/maven_pro_medium-webfont.eot');
    src: url('../fonts/maven_pro_medium-webfont.eot?#iefix') format('eot'),
         url('../fonts/maven_pro_medium-webfont.woff') format('woff'),
         url('../fonts/maven_pro_medium-webfont.ttf') format('truetype'),
         url('../fonts/maven_pro_medium-webfont.svg#webfontNj5iy4Dl') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MavenProRegular';
    src: url('../fonts/maven_pro_regular-webfont.eot');
    src: url('../fonts/maven_pro_regular-webfont.eot?#iefix') format('eot'),
         url('../fonts/maven_pro_regular-webfont.woff') format('woff'),
         url('../fonts/maven_pro_regular-webfont.ttf') format('truetype'),
         url('../fonts/maven_pro_regular-webfont.svg#webfontOM8fITNz') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'maven_probold';
    src: url('../fonts/maven_pro_bold-webfont.woff2') format('woff2'),
         url('../fonts/maven_pro_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*----------initial declaration of css----------*/
* {
	padding: 0;
	margin: 0;
	list-style: none;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0; 
	font-size: 100%;
}
html {
	-webkit-text-size-adjust: none;
	height:100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block;}
input, textarea { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a, input {text-decoration: none; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a {
	outline: none;
	color:inherit;
	cursor: pointer;
	transition: all 0.5s ease-out 0s;
}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;}
/* For IE 6/7 (trigger hasLayout) */

p { font-size: 14px; line-height: 20px; margin:25px auto; color: #000;}
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 12px; }

h1,h2,h3,h4,h5,h6 {
	margin:20px auto;
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child, p:first-child {
	margin-top:0;
}

address strong {
	font-size:22px;
}

a {
	color:inherit;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'MavenProRegular';
	font-size: 14px;
	color: #fff;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke: 1px transparent;
	
	min-height:100%;
}
body.inner {
	padding-top:130px;
}
/*--------sticky footer or vertical footer------------*/
.wrapper {
	/*initialize footer height in negative for sticky footer*/
	/* padding-top:50px;
	padding-bottom:; */
}
footer,
.push {
	/*initialize footer height here for sticky footer*/
	margin-top:;
}
/* body, html { height: 100%; } */

/*--------sticky footer or vertical footer------------*/

/*-----------------------main styles starts here-----------------------------------------------*/
.main {
	width: 980px;
	margin: 0 auto;
}
/*-----------header section styles goes here---------------*/
#header-main {width: 100% }
#header-main p { padding: 30px 0; text-align: center; color: #fff; font-size: 26px }
/*-----------header section styles ends here----------------*/

/*-----------midd section styles goes here-----------*/
#mid-container {width: 100%; color: #000 }
#mid-container .main { padding: 30px 0 }
.main .left-panel { float: left; width: 60% }
.main aside {
	float: right;
	width: 35%;
	color:#FFF;
/* 	background: #000; */
	background-color:#8AC032;
	padding: 25px 20px 10px;
	box-shadow: 0 5px 10px #AAA;
/* 	border-radius: 10px; */
}
.main aside h2,
.main aside h3 {
	color: #fff;
}
.main aside p {
	color: #fff;
}

.content .col ul:not([class]) li {
	position: relative;
	display: block;
	padding-left:14px;
}

.content .col ul:not([class]) li + li {
	margin-top:8px;
}
.content .col ul:not([class]) li:before {
	content:"";
	display: inline-block;
	vertical-align: middle;
	height:6px;
	width:6px;
	background-color:#8AC032;
	border-radius:50%;
	position: absolute;
	top:50%;
	margin-top:-3px;
	left:0;
}

.content .col.side ul:not([class]) li:before {
	background-color:#3487CB;	
}

/*----------------midd section styles ends here-------*/


/*=====================================		PLACE HOLDER CSSS START HERE 		====================================*/
input::-webkit-input-placeholder {
font-size:14px;
color:#787b7b;
font-family: 'MavenProRegular';
}
 input::-moz-placeholder {
font-size:14px;
color:#787b7b;
font-family: 'MavenProRegular';
opacity:1;
}
input::-ms-placeholder {
font-size:14px;
color:#787b7b;
font-family: 'MavenProRegular';
}
input.textbox::-ms-input-placeholder {
font-size:14px;
color:#787b7b;
font-family: 'MavenProRegular';
}
input.textbox::-ms-input-placeholder {
font-size:14px;
color:#787b7b;
font-family: 'MavenProRegular';
}

/*=====================================		PLACE HOLDER CSSS END HERE 		====================================*/



.main_header{ z-index:100;}

/*----------------top header section  styles goes here-----------*/
.top_header{background:#8ac032; width:100%; position:fixed; left:0; right:0; top:0; z-index:1000;}
.col-grid-4{width:41%; float:left;}
.col-grid-8{width:59%; float:left;}
.call_box .phone1{float:left; color:#fff; font-size:16px; position:relative; font-family: 'maven_probold'; margin:14px 20px 15px 5px}
.call_box .phone1:first-child:after{position:absolute; right:-16px; top:5px; background-color:#fff; height:7px; width:7px; content:''; border-radius:50%;}
.call_box .phone1:first-child{font-family: 'MavenProBlack';  margin:16px 20px 15px 6px;}
.call_box .phone1 a{ font-family: 'MavenProMedium'; color:#000000; padding-left:5px; letter-spacing:-0.6px}
.call_box .phone1 a:hover, .call_box .phone1 a:focus{color:#fff;}
.text-rgt{text-align:right}
ul.social_box{margin:9px 0 8px 0; padding:0; list-style:none; display:inline-block; vertical-align:top;}
ul.social_box li{float:left; margin:0 9px 0 0;}
ul.social_box li a{display:block; background-image:url(/images/icons/sprite-social.png); background-position:0 0; background-repeat:no-repeat; width:28px; height:28px; background-size:180px; background-color:#000; border-radius:3px;}
ul.social_box li a:hover{background-color:#148acd;}
ul.social_box li a.fb{background-position:9px 5px;}
ul.social_box li a.gplus{background-position:-35px 7px; background-size:190px}
ul.social_box li a.in{background-position:-75px 5px}
ul.social_box li a.pint{background-position:-117px 6px}
ul.social_box li a.blog{background-position:-159px 5px}

.login{display:inline-block; font-size:16px; color:#fff;  font-family: 'MavenProMedium'; vertical-align:top;}
.login a{display:block; padding:15px 20px 16px 20px; color:#fff; text-transform:uppercase; background-color:#148acd;}
.login a:hover{color:#000}
.login a:focus{color:#000}
/*----------------top header section styles ends here--------*/

/*----------------logo nav section  styles goes here-----------*/
.logo {
	text-align:center;
}
.logo a{ display: inline-block; width: 157px; left: 50%; margin-left: -80px; position: absolute; text-align: center; top:50%; z-index: 100; transition: none; -webkit-transition: none; -moz-transition: none; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}

.nav_secion{background:rgba(255, 255, 255, 0.8); width:100%; top: 49px; /* top:94px; */ left:0; right:0; position:absolute; z-index:10000;}
.sticky_nav{
	position:fixed;
	left:0;
	right:0;
	top:49px;
	z-index:1000;
	background-color:#fff;
	box-shadow: 0 14px 10px -14px #444;
}
.inner .nav_secion {
	box-shadow: 0 14px 10px -14px #444;	
}
/*----------------logo nav section styles ends here--------*/

/*----------------slider section  styles goes here-----------*/
.slider_section{width:100%; position:relative}
.slider_section li{ height:825px; background-repeat:no-repeat; background-position:center bottom; background-size:cover; position:relative; text-align:center; display:table; width:100%;}
.slider_section li:after{background-color:rgba(40,40,40,0.60); position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:1; content:'';}
.slider_section .bx-pager{position:absolute; bottom:0; padding:0 0 30px 0; z-index:10; left:0; right:0; text-align:center}
.bx-pager-item{display:inline-block}
.bx-pager-item a {background: #fff;	text-indent: -9999px; display: block; width: 13px; height: 13px; margin: 0 6px; outline: 0;	-moz-border-radius: 50%;-webkit-border-radius: 50%;
border-radius: 50%;	position:relative}
.bx-pager-item a:hover, .bx-pager-item a.active{background-color:#8ac032}	
.bx-pager-item:last-child a:after{height:0; width:auto;}
.bx-pager-item a:after{position:absolute; background-color:rgba(255,255,255,0.50); width:22px; height:1px; bottom:0; left:100%; right:0; content:''; top:49%; z-index:0}


.text_section{ position:absolute; left:0; right:0; top:43.5%; z-index:10; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);; -ms-transform:translateY(-50%);}
.slider_txts{text-align:center; position:relative; z-index:10; display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.slider_txts h1{font-size:64px;color:#fff;font-family: 'maven_probold';margin-top: 123px;margin-bottom: 23px;letter-spacing: -2.0px;font-weight: normal;position: relative;display: inline-block;}
.slider_txts h1 sup{font-size:12px; left:-23px; top:-38px; }
.slider_txts h2{font-family: 'Pacifico', cursive;font-size:42px;color:#8ac032;font-weight:normal;margin: 0;height: auto; letter-spacing: -1.5px;}
.slider_txts p{font-family: 'MavenProMedium';font-size: 19px;color: #fff;line-height:30px;text-transform:uppercase;max-width: 685px;margin:0px auto;letter-spacing: -0.4px;width: 100%;}
.circle_arrow{margin:0px auto;width:82px;height:82px;line-height: 115px;text-align:center;margin-top: 11px;top:5px; position: relative;}
.circle_arrow a{background-color:#fff; display:block; line-height:82px;border-radius: 50%;}
.circle_arrow a:hover{background-color:#e1e2df}
.circle_arrow img{display:inline-block; vertical-align:middle; width:45px;}

/*----------------slider section  styles end here-----------*/

/*----------------navigation section  styles start here-----------*/

.menu-icon { display: none; cursor: pointer; color: #fff; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 33px; font-size: 22px; padding: 10px 0; }
.menu-icon .menu-box { width: 50px; height: 38px; margin-left: 20px; padding: 5px; position: absolute; right: 0; margin-right: 5px; margin-top:0px}
.menu-icon .menu-box span { width: 100%; height: 4px; margin-bottom: 6px; background: #148acd; display: block; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.menu-icon.active span:nth-child(1) {transform: rotate(45deg) translateY(8px) translateX(6px);-webkit-transform: rotate(45deg) translateY(8px) translateX(8px);}
.menu-icon.hover:not(.active) span:nth-child(1) { transform: rotate(90deg) translateX(8px); -webkit-transform: rotate(90deg) translateX(8px); }
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) {transform: rotate(-45deg) translateY(-7px) translateX(6px);-webkit-transform: rotate(-45deg) translateY(-7px) translateX(5px);}
.menu-icon.hover:not(.active) span:nth-child(3) { transform: rotate(-90deg) translateX(6px); -webkit-transform: rotate(-90deg) translateX(6px); }
.enumenu_ul .caret { color: #fff; margin-left: 7px; }
.enumenu_ul { padding: 0px; list-style: none; }
.enumenu_ul > li { display: inline-block; vertical-align: top; position: relative; float: left; margin-right: 15px; }
.enumenu_ul > li.cart a small {
	height: 34px;
	width: 34px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background-color: #787b7b;
	border-radius: 100%;
	margin-top: -7px;
	right: -13px;
	position: relative;
	float: right;
	transition:all 0.5s ease-in-out 0s;
}
.enumenu_ul > li.cart a:hover:after { background-color: transparent; height: 0; width: auto; }
.enumenu_ul > li.cart a:hover small { background-color: #148acd; }
.enumenu_ul > li.cart a:focus:after { background-color: transparent; height: 0; width: auto; }
.enumenu_ul > li.cart a:focus small { background-color: #148acd; }
.enumenu_ul > li.cart a:hover, .enumenu_ul > li.cart a:focus { color: #148acd; }
.enumenu_ul > li:first-child { margin-left: 30px; }
.enumenu_ul > li:nth-child(4) { margin-left: 200px; }
.enumenu_ul > li a {
	font-size: 18px;
	color: #000;
	font-family: 'MavenProMedium';
	padding: 30px 6px 30px 6px;
	text-transform: uppercase;
	display: block;
	position: relative;
	letter-spacing: -0.6px;
}
.sticky_nav .enumenu_ul > li a { padding: 43px 6px 43px 6px }
.sticky_nav .enumenu_ul > li a:hover:after { bottom: 34px; }
.enumenu_ul > li:hover > a:after,
.enumenu_ul > li a:hover:after,
.enumenu_ul > li a:focus:after { position: absolute; content: ''; left: 5px; right: 5px; bottom: 20px;/* width:100%; */ height: 3px; background-color: #8ac032; }

.enumenu_ul > li > a:after { bottom: 0; content: ""; left: 50%; position: absolute; right: 50%; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-property: left, right; -webkit-transition-property: left, right; -moz-transition-property: left, right; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out;/* z-index: -1; */ }

.enumenu_ul > li ul { display: none }
.enumenu_ul > li ul li { width: 100%; margin: 0; list-style: none; position: relative; }
.enumenu_ul.desk ul { top: 100%; z-index: 999; list-style: none; left: -43px; background: #fff; position: absolute; min-width: 253px; }
/*Sub menu styles*/

.menu.submenu-ul-level1 li a { background: rgba(31, 26, 107, 0.8); color: #fff; padding-left: 90px; }
.enumenu_ul.desk li:hover > ul { display: block; opacity: 1; padding-bottom: 25px; }
.enumenu_ul.desk .sb-menu .sb-menu { left: 100%; top: 0; }
.enumenu_ul.desk ul li a { padding:10px 10px 10px 45px; display: block; color: #244146; font-size: 18px; text-align: left; letter-spacing:0}
.enumenu_ul.desk ul li:hover > a { background: #8ac032; color: #000; }
.enumenu_ul.desk ul li:hover > a:after { background-color: transparent; height: 0; width: 0 }
.enumenu_ul .arrow { position: absolute; right: 10px; top: 0; width: 30px; height: 30px; background: url(/images/icons/plus.png) no-repeat center center; cursor: pointer; z-index: 999 }
.enumenu_ul .arrow.up { background: url(/images/icons/minus.png) no-repeat center center; top:1px; }

@media (max-width: 767px) {
	
	header { padding-top: 0; }
	.enumenu_ul { display: none }
	.menu-block { height: auto; }
	.menu-icon { display: block }
	.services-detail a.pba-detail { border-bottom: 2px solid #d3d9da; }
	.enumenu_ul > li { display: block; margin: 0px; padding: 0px; }
	.enumenu_ul > li > a { display: block; text-align: center; padding: 8px }
	.enumenu_ul { width: 100%; }
	.enumenu_ul > li ul { background: #D1D1D1; }
	.enumenu_ul > li ul a { text-align: center; display: block; text-align: center; color: #000; padding: 5px 0; }
	/* Push Menu */
	body.menuslide_push { position: relative; }
	body.menuslide_push.slidemenuLeft { left: 0; transition: left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; }
	body.menuslide_push.slidemenuRight { right: 0; transition: right 0.5s; -webkit-transition: right 0.5s; -moz-transition: right 0.5s; -ms-transition: right 0.5s; -o-transition: right 0.5s; }
	body.slidemenuRight .enumenu_ul { right: -300px; }
	body.slidemenuRight.menu-open .enumenu_ul { right: 0; }
	body.slidemenuLeft .enumenu_ul { left: -300px; }
	body.slidemenuLeft.menu-open .enumenu_ul { left: 0; }
	body.menuslide_push.slidemenuLeft.menu-open { left: 300px }
	body.menuslide_push.slidemenuRight.menu-open { right: 300px }
	body.menuslide_push .enumenu_ul,  body.menuOverlap .enumenu_ul { background: #000000 none repeat scroll 0 0; display: block; height: 100%; max-height: 100%; width: 100%; overflow: auto; position: fixed; transition: all 0.5s ease 0s; max-width: 300px; top: 0; }
	
}



/*----------------navigation section  styles end here-----------*/


/*----------------marketing section  styles goes here-----------*/
.property_section {
	width:100%;
	display:block;
/* 	background-color:#8ac032; */
	background: transparent url(/images/layout/wood_bg.jpg) repeat center center fixed;
	background-size: contain;
	padding:62px 0 35px 0;
	margin-top:15px;
	position:relative;
	font-family: 'maven_probold';
}
.property_section:after {
 	content: "";
	height: 100%;
	width: 100%;
	display: inline-block;
	background: url(/images/layout/bg_texture.png) repeat top left scroll transparent;
	opacity: 0.3;
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}
.property_section .main {
	position: relative;
	z-index: 1;
}
.property_section:before{position:absolute;content:'';border-left: 37px solid transparent;border-right: 37px solid transparent;border-top: 27px solid #ffffff;top:0;margin:0px auto;text-align:center;left: 50%;transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.property_section span{display:block; font-size:36px; color:#fff; font-family: 'MavenProMedium'; position:relative; top:10px;}
.property_section h3,
.inner h1,
h2.underline,
h3.underline {
	margin:0;
	padding-bottom:20px;
	line-height:normal;
	color:#000;
	text-transform:uppercase;
	position:relative;
	text-align: left;
}

.property_section h3,
.inner h1 {
	padding: 0;
	font-size:76px;
}
.property_section h3 {
	color: #fff;
}
.property_section h3:after,
.inner h1:after,
h2.underline:after,
h3.underline:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	max-width:125px;
	height:3px;
	background-color:#148acd;
}

.inner h1 {
	max-width:980px;
	margin:0 auto 25px;
	font-size:50px;
	padding-bottom: 20px;
}

.property_section small{display:block; font-size:36px; color:#fff; text-transform:uppercase; margin-bottom:14px; line-height:50px;}
.property_section p {
	font-family: 'MavenProRegular';
	font-size:18px;
	color:#fff; 
	line-height:22px; 
	max-width:465px;
	width:100%;
	padding-bottom:13px;
	letter-spacing: -0.7px;
	margin-left:0;
}
.property_section ul{margin:0; padding:0; text-align:center}
.property_section ul > li:nth-child(odd) {
	height: 119px;
	width: 134px;
	max-width: 134px !important;
}
.property_section ul > li:nth-child(odd) img {
	height: 100%;
}
.property_section li{display:inline-block; vertical-align:bottom;}
.plus_icon{width:52px;height:52px;text-align:center;line-height:35px;margin: 0px 8px; background-color:rgba(255,255,255,0.75); font-size:74px; color:#000; border-radius:50%; margin-top: -90px; font-family: 'maven_probold';}
.plus_icon img{vertical-align:middle}
.get_btn{text-align:center;}
.get_btn a{display:inline-block;border:2px solid #fff;padding: 15px 16px;font-size:18px;color:#fff;text-transform:uppercase;font-family: 'MavenProMedium';margin-top: 46px;}
.get_btn a:hover, .get_btn a:focus{background-color:#fff; color:#000;}
/*----------------marketing section  styles end here-----------*/


.production_section{background-color:#404041; width:100%; display:block; padding:14px 0 34px 0; text-align:center; color:#fff; font-family: 'MavenProMedium';}
.production_section .bx-controls-direction a{height:91px; width:70px; margin-top:0; top:28%; position: absolute;outline: 0;text-indent: -9999px;z-index: 10;}
.production_section .bx-prev{background:url(/images/icons/arrow-control.png) 0 0 no-repeat; left:-105px; }
.production_section .bx-next{background:url(/images/icons/arrow-control.png) -72px 0 no-repeat; right:-97px;}
.production_section .bx-next:hover, .production_section .bx-next:focus{background-position:-72px 0; right:-107px;}
.production_section .bx-prev:hover, .production_section .bx-prev:focus{background-position:0 0; left:-115px;}

.videoWrapper {position: relative;padding-bottom:49%;padding-top: 14px;height: 0;float: left;width: 91%;margin-top: 33px;margin-left: 50px;margin-right: 50px;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.inner .videoWrapper {
	float: none;
}

.production_section h4{font-size:36px; margin:10px 0 8px 0; color:#fff; text-transform:uppercase; font-family: 'MavenProMedium'; font-weight:normal;     letter-spacing: -0.02em;}
.production_section span{font-size:18px; display:block; letter-spacing:-1px;  font-family: 'MavenProRegular'; }

.business_section {width:100%; margin-bottom:86px;}
.business_section ul{margin:0; padding:0; list-style:none;}
.business_section ul li{width:320px; float:left; margin-right:9px;}
.business_section ul li:last-child{margin-right:0; width:322px;}

.b_box1 {
	position:relative;
	display: block;
}

.b_box1 > span img {
	display:block;
}
.in_hover {
	background-color:#8ac032;
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	top:0;
	transition: all 0.8s ease-out 0s;
}

.b_box1 .plus_icon {
	opacity:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%); 
	left:0;
	right:0;
	margin:0px auto;
}
.b_box1 .plus_icon span {color:#000; display:block;}
.b_box1 .plus_icon img{vertical-align:middle}
.b_box1 .plus_icon span:hover{color:#666;}

.in_hover h5{font-size:24px; color:#fff; margin:15px 0;  font-family: 'MavenProMedium'; text-transform:uppercase; font-weight:normal}
.b_box1:hover .in_hover{display:block; background-color:rgba(138,192,50,0.80); bottom:0;}
.b_box1:hover .plus_icon{opacity:1; top:50%; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out}
.b_box1 .car_img{position:absolute; left:-35px; bottom:-35px;}

.subscribe_section{display:block; width:100%; background-color:#000; padding:35px 0 38px 0;}
.sub_text_box{float:left; width:50%; color:#fff; padding-left:49px}
.sub_text_box label{font-size:24px; text-transform:uppercase; display:block; font-family: 'maven_probold'; margin-bottom:4px}
.sub_text_box small{font-size:14px; letter-spacing: -0.6px;}
.sub_text_input{float:left; width:50%;}
.sub_text_input input[type="email"]{background-color:#fff;width: 82%;display:inline-block;vertical-align:top;padding:18px 17px 17px 17px;color:#787b7b;font-size:14px;border:0;outline:0; height:51px; font-family: 'MavenProRegular';}
.sub_text_input input[type="submit"]{background-color:#8ac032;border:0;outline:0;width: 18%;font-size:18px;color: #fff;padding:15px 0px 16px 0px;text-transform:uppercase;margin-left: -5px; height:51px; font-family: 'MavenProMedium';}
.sub_text_input input[type="submit"]:hover, .sub_text_input input[type="submit"]:focus{background-color:#148acd}


/*----------------footer section  styles goes here-----------*/

.footer_nav{float:left; width:50%;}
.nav{font-size: 13px;color:#8ac032;font-family: 'MavenProBold';line-height:22px; letter-spacing: -0.2px;}
.nav a{color:#8ac032; text-transform:uppercase}
.nav a:hover{color:#000}
.footer-section{display:block; width:100%; padding:24px 0 45px;}
.footer_nav p{font-size:14px; color:#787b7b; padding:0; letter-spacing: -0.6px;}

.footer_social{float:left; width:38%;}
.footer_social ul{margin:-2px 0 0 40px; padding:0; list-style:none; display:inline-block; vertical-align:top;}
.footer_social ul li{float:left; margin:3px 11px 0 5px;}
.footer_social ul li a{display:block; background-image:url(/images/icons/sprite-social.png); background-position:0 0; background-repeat:no-repeat; width:38px; height:38px;  background-size:270px; background-color:#000; border-radius:3px;}
.footer_social ul li a:hover{background-color:#8ac032;}
.footer_social ul li a.fb{background-position:12px 6px}
.footer_social ul li a.gplus{background-position:-51px 7px;}
.footer_social ul li a.in{background-position:-114px 5px}
.footer_social ul li a.pint{background-position:-176px 7px}
.footer_social ul li a.blog{background-position:-240px 6px}

.powered-logo{float:left; width:12%; text-align:right}


.sticky-footer {
	background-color: #8ac032;
	display: block;
	text-align: center;
	padding: 10px 5px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	font-family: 'MavenProMedium';
	font-size: 18px;
}
/*----------------footer section styles ends here--------*/

.safari.win .enumenu_ul > li:nth-child(4){margin-left:172px}
.safari.win .enumenu_ul > li.cart a small{margin-top:-29px; right:-12px;}
.safari.win .b_box1 .plus_icon{margin:0px auto}
.safari.win .in_hover h5{letter-spacing:-1.5px;}
.safari.win .sub_text_input input[type="email"]{padding-bottom:18px;}
.safari.win .property_section h3{letter-spacing:-1.8px}
.ie9 .enumenu_ul > li.cart a small{margin-top:-28px; right:-32px;}
.player .video-wrapper{background:transparent !important}
#player, .fallback, body, html, iframe{background-color:transparent !important}

.ie11 .enumenu_ul > li.cart a small{right:-22px; top:-19px;}
.ie11 .plus_icon{line-height:34px;}
.ie11 .call_box .phone1:first-child:after{
	right:-16px;
}
.safari.win .property_section:before {
	left:48.4%;
	-webkit-transform:translateY(-48%);
	-moz-transform:translateY(-48%);
	-ms-transform:translateY(-48%);
	transform:translateY(-48%);
	top:12px;
}


.sub_text_input form{position:relative}
.sub_text_input form div.error{position:absolute; left:0; top:100%; color:#ff0000; padding-top:5px;}
.successmsg{text-align:center; padding:10px 0  0  0; color:#8ac032; display:none}

/* ------------ Sub page Styles ------------ */
.content {
	position: relative;
	text-align: center;
	background-color:#FFF;
	color:#1B1B1B;
}
.content > .main {
	padding-bottom:50px;
}

.breadcrumbs {
	background-color:;
	margin:30px auto 30px;
}
.breadcrumbs > ul {
	max-width:980px;
	
	text-align: left;
}
.breadcrumbs ul li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	color:#222;
}
.breadcrumbs ul li + li {
	margin-left:15px;
}
.breadcrumbs ul li + li:before {
	content:"";
	display: inline-block;
	height:6px;
	width:6px;
	background-color:#8AC032;
	border-radius:50%;
/* 	border:#1B1B1B 2px solid; */
	
	position: absolute;
	top:50%;
	margin-top:-3px;
	right:100%;
	margin-right:7px;
}
.inner-banner {
	position: relative;
	width: 100%;
	height: 245px;
	display: table;
	background: transparent url('/images/layout/inner-banner.jpg') no-repeat scroll center center;
	background-size: cover;
	text-align: center;
}

.inner-banner div {
	display: table-cell;
	vertical-align: middle;
	background:  rgba(40, 40, 40, .6);
}

.inner-banner h2 {
	font-family: 'Pacifico';
	color:  #8AC032;
	font-size: 36px;
	font-weight: normal;
	margin-top: 20px;
}

.inner-banner h3 {
	font-family: 'MavenProMedium';
	font-size: 20px;
	text-transform: uppercase;
}
.full {
	display: block;
	max-width:980px;
	margin:0 auto;
}

.col {
	display: inline-block;
	vertical-align: top;
}

.col.main-col {
	width:67.3%;
	max-width:660px;
	text-align: left;
}

.col.main-col + .side {
	width:29%;
	max-width:284px;
	text-align: left;
	margin-left:36px;
}

#contact-map {
	margin:20px auto 0;
}

#contact-map iframe {
	max-width:100% !important;
	height:auto !important;
}

.button, a.button, input.button {
	display: inline-block;
	padding:15px 16px;
	background-color:transparent;
	border:2px solid #8AC032;
	color:#1B1B1B;
}
.button:hover, a.button:hover, a.button:active, input.button:hover {
	background-color:#8AC032;
	color:#FFF;
}

/* ----------- Photo Gallery pages -------------- */

.galleries {
	margin:15px auto;
}

.galleries > ul {
	
}
.galleries > ul > li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width:32.5%;
}
.galleries > ul > li a {
	display: inline-block;
	height:100%;
	width:100%;
/*
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index: 1;
*/
}

.galleries > ul > li figure {
	margin:0;
	width:100%;
	height:0;
	padding-bottom:67.5%;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	z-index: 0;
}
.galleries.photos > ul > li figure:before {
	content:"";
	display: block;
	height:100%;
	width:100%;
	background-color:#8AC032;
	
	opacity: 0;
	visibility: hidden;
	
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	
	transition:all 0.3s ease 0s;
}
.galleries.photos > ul > li figure:after {
	content:"";
	display: inline-block;
	height:74px;
	width:74px;
	background-color:#E4EFD2;
	background-image:url(/images/icons/plus-icon.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius:50%;
	
	opacity: 0;
	visibility: hidden;
	
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-37px;
	margin-left:-37px;
	z-index: 2;
	
	transition:all 0.3s ease 0s;
}
.galleries > ul > li figure img {
	display: none;
}

.galleries.photos > ul > li a:hover figure:before,
.galleries.photos > ul > li a:hover figure:after,
.galleries.photos > ul > li a:active figure:before,
.galleries.photos > ul > li a:active figure:after {
	opacity: 1;
	visibility: visible;
}

.galleries > ul > li figure > div {
	position: absolute;
	top:0;
	left:0;
	background-color:#8AC032;
	width:100%;
	color:#FFF;
	padding:10px 0;
	font-size:24px;
	font-weight:bold;
	
	transition:all 0.3s ease 0s;
}

/* --------- Order Now Forms ----------- */
.form-order-steps button p {
	margin: 0;
}

/* --------- Unslider ----------- */

.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}

.hide {
  display: none !important;
}

.footer-popup {
	background-color: #fff;
	padding: 25px;
}

/* --------- Video Banner ----------- */
.vid-banner {
	height: 825px;
	overflow: hidden;
}
#banner-video-container {
	position: relative;
	height: 825px;
	cursor: pointer;
}
#banner-video-container iframe {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-43%);
	width: 100%;
}
.video-background {
	opacity: 0;
	visibility: hidden;
}

.video-background.removed-vid {
	opacity: 1;
	visibility: visible;
}

#banner-video {
	height: 1075px;
	width: 100%;
	position: relative;
	top: 100px;
}
.mobile-vid-replace {
	display: none;
}

/* Misc */
.page-order-now iframe {
	width: 100%;
}