@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------*/
/* -------------------- RESET CSS ---------------------*/
/* ----------------------------------------------------*/

html
{
	background: #FFF;
	color: #000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img
{
	border: 0;
}
address,caption,cite,code,dfn,th,var,optgroup
{
	font-style: inherit;
	font-weight: inherit;
}
del,ins
{
	text-decoration: none;
}
li
{
	list-style: none;
}
caption,th
{
	text-align: left;
}
h1,h2,h3,h4,h5,h6
{
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after
{
	content: '';
}
abbr,acronym
{
	border: 0;
	font-variant: normal;
}
sup
{
	vertical-align: baseline;
}
sub
{
	vertical-align: baseline;
}
legend
{
	color: #000;
}
input,button,textarea,select,optgroup,option
{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input,button,textarea,select
{
	font-size: 100%;
}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* ------------------- /RESET CSS ---------------------*/


/* ------------------------------------------------------*/
/* ------------------- TYPOGRAPGY CSS -------------------*/
/* ------------------------------------------------------*/
/*@font-face {
	font-family: 'Museo500';
	src: url('fonts/museo500-regular-webfont.eot');
	src: local('fonts/Museo500-Regular.otf'), url('fonts/Museo500-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
    font-family: 'opensansbold';
    src: url('/css/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensansregular';
    src: url('/css/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ------------------ /TYPOGRAPGY CSS -------------------*/


/* ----------------------------------------------------*/
/* ------------------- ELEMENTS CSS -------------------*/
/* ----------------------------------------------------*/

html {
	height: 100%;
	background: #fff url('/image/html_bg.png') repeat-x;
}

@media all and (max-width:1024px) {
	html {
		background: none;
	}
	
}

body {
	font-family: 'opensansregular', arial, helvetica, verdana;
}

*html body{
	height: 100%;
}

.clear {
	clear: both;
}

/* -- headings -- */
h1 {
	font-family: 'opensansbold';
	margin-bottom: 10px;
	font-size: 30px;
	color: #028108;
	text-transform: uppercase;
}

@media all and (max-width: 1024px) {
	h1 {
		font-size: 20px;
	}
	
}

h2 {
	font-family: 'opensansbold';
	margin-bottom: 10px;
	font-size: 22px;
	color: #028108;
	text-transform: uppercase;

}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

p {
	font-size: 14px;
	margin-bottom: 20px;
}

/* -- links -- */
a, a:link {
	color: #000;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	outline:none;
	text-decoration: underline;
}

/* -- blockquotes -- */
blockquote {
}

input {
	border: none;
}

ul {
}

li {
}

/* ------------------ /ELEMENTS CSS -------------------*/


/* ----------------------------------------------------*/
/* -------------------- LAYOUT CSS --------------------*/
/* ----------------------------------------------------*/

#wrap {
	margin: 0 auto;
	width: 1120px;
	height: auto;
}

@media all and (max-width:1024px) {
    #wrap {
    	width: 100%;
    }
}

/* ----------------------------*/
/* ---------- HEADER ----------*/
/* ----------------------------*/

@media all and (min-width:1025px) { 
	header {
		width: 1120px;
		position: relative;
		height: 207px;
	}
	
	#logo {
		position: absolute;
		top: 33px;
	}
	
	#mb_logo {
		position: absolute;
		top: 33px;
		left: 520px;
	}
	
	#phone_icon {
		position: absolute;
		top: 33px;
		left: 780px;
	}
	
	.phone_numbers {
		position: absolute;
		right: 0;
		top: 33px;
		font-family: 'opensansbold';
	}
	
		.phone_numbers li {
			font-size: 34px;
			line-height: 34px;
			margin-bottom: 7px;
		}
		
			.phone_numbers li a,
			.phone_numbers li a:link,
			.phone_numbers li a:visited {
				background: #028108;
				color: #fff;
				padding: 3px 10px;
				display: block;
				border-radius: 8px;
			}
			
			.phone_numbers li a:hover {
				text-decoration: none;
				background: #3f9f43;
			}
			
			.phone_numbers li a span {
				font-size: 16px;
				vertical-align: bottom;
			}

	#main_nav_wrap {
		width: 100%;
		display: inline-block;
		position: absolute;
		top: 145px;
	}


	#open_menu {
		display: none;
	}
			
	#main_nav {
		position: absolute;
		top: 0px;
		left: 0;
	}
	
			#main_nav li {
				font-size: 24px;
			}
			
				#main_nav li a,
				#main_nav li a:link,
				#main_nav li a:visited {
					color: #fff;
					display: inline-block;
					line-height: 34px;
					padding: 14px 20px;
				}
				
				#main_nav li a:hover,
				#main_nav li a.selected {
					text-decoration: none;
					background: #41a146;
				}
				
	.lang_link,
	.lang_link:link,
	.lang_link:visited {
		right: 0;
		font-size: 16px;
		position: absolute;
		color: #fff;
		padding: 14px 20px;
		line-height: 34px;
	}

	#lang_drop {
		top: 62px;
		background: #028108;
		display: none;
	}
		
	.lang_link:hover,
	.lang_link:active,
	.lang_link:focus {
		background: #41a146 !important;
		text-decoration: none;
	}
}

#main_nav {
	font-family: 'opensansbold';
}

		#main_nav li {
			float: left;
			text-transform: uppercase;
		}
		
			#main_nav li a,
			#main_nav li a:link,
			#main_nav li a:visited {
				color: #fff;
			}

#lang_select,
#lang_drop {
	font-family: 'opensansbold';
	text-transform: uppercase;
	z-index: 100;
}

@media all and (max-width:1024px) {
	header {
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
	}
		
		#logo {
			margin: 20px auto;
			display: block;
			width: 100%;
			max-width: 369px;
		}

		#mb_logo {
			margin: 20px auto;
			display: block;
		}
		
		#phone_icon {
			display: none;
		}
		
		.phone_numbers {
			font-family: 'opensansbold';
		}
		
			.phone_numbers li {
				font-size: 34px;
				line-height: 34px;
				margin-bottom: 7px;
				text-align: center;
			}
			
				.phone_numbers li a,
				.phone_numbers li a:link,
				.phone_numbers li a:visited {
					background: #028108;
					color: #fff;
					padding: 10px 5px;
					display: block;
					border-radius: 10px;
				}
				
				.phone_numbers li a:hover {
					text-decoration: none;
					background: #3f9f43;
				}

				.phone_numbers li a span {
					font-size: 16px;
					vertical-align: bottom;
				}
				
		#main_nav_wrap {
			background: #028108;
			width: 100%;
			display: inline-block;
			box-shadow: 0 4px 4px #666;
			position: relative;
		}
		
		#open_menu {
			display: block;
			height: 50px;
			width: 56px;
		}
		
		#open_menu:hover,
		#open_menu:focus,
		#open_menu:active {
			background: #41a146;
		}
		
		#main_nav {
			display: none;
		}
		
			#main_nav li {
				width: 100%;
				display: block;
				font-size: 16px;
			}
			
				#main_nav li a,
				#main_nav li a:link,
				#main_nav li a:visited {
					color: #fff;
					padding: 20px 10px;
					background: #009a07;
					display: block;
				}
				
				#main_nav li a:hover,
				#main_nav li a:focus,
				#main_nav li a:active,
				#main_nav li a.selected {
					text-decoration: none;
					background: #41a146;
				}
				
		#lang_select,
		#lang_select:link,
		#lang_select:visited {
			position: absolute;
			right: 0;
			top: 0;
			padding: 17px 20px;
			color: #fff;
			font-size: 16px;
			line-height: 16px;
		}
		
		#lang_select:hover,
		#lang_select:focus,
		#lang_select:active {
			text-decoration: none;
			background: #41a146;
		}
		
		#lang_drop {
			position: absolute;
			top: 50px;
			right: 0;
			padding: 17px 20px;
			background: #009a07;
			color: #fff;
			font-size: 16px;
			line-height: 16px;
			display: none;
		}
		
		#lang_drop:hover,
		#lang_drop:focus,
		#lang_drop:active {
			text-decoration: none;
			background: #41a146;
		}

}


/* ---------- /Header ---------*/


/* -----------------------------*/
/* ---------- CONTENT ----------*/
/* -----------------------------*/
#content {
	width: 100%;
	margin: 40px 0;
}

.bx-viewport {
	width: 100%;
	display: block;
	margin-bottom: 40px;
}

@media all and (max-width:1024px) {
	
	#content {
		margin: 20px 0;
	}
	
	#content_inner {
		margin: 0 20px;
	}

	.bx-viewport {
		margin-bottom: 20px;
	}

}

#home_high {
	margin: 20px 0;
}
#home_high .highlight {
	width: 360px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

#home_high .last {
	margin-right: 0;
}

	#home_high h3 {
		color: #fff;
		font-family: 'opensansbold';
		font-size: 18px;
		background: #028108;
		padding: 10px;
		border-bottom: 1px solid #fff;
	}
	
	#home_high .high_text {
		position: absolute;
		width: 100%;
		padding: 20px;
		background-color:rgba(0, 0, 0, 0.5);
		bottom: 40px;
		z-index: 2;
		box-sizing: border-box;
	}
	
		#home_high .high_text p {
			color: #fff;
			font-size: 12px;
		}

	#home_high .high_img {
		float: left;
	}
	
@media all and (max-width: 1024px) {
	#home_high .highlight {
		width: 100%;
	}
	
	#home_high .high_img {
		width: 100%;
	}
}

@media all and (max-width: 360px) {
	#home_high .high_text {
		bottom: 20px;
	}
}

#content_left {
	width: 550px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

#content_left .phone_numbers {
	position: relative;
	float: left;
	top: 0;
}

@media all and (max-width: 1024px) {
	#content_left,
	#content_right {
		width: 100%;
		margin-right: 0;
	}
}



/* ---------- jQuery alerts ----------*/
#popup_container {
	font-size: 14px;
	min-width: 200px; /* Dialog will be no smaller than this */
	max-width: 400px; /* Dialog will wrap after this width */
	background: #f3f1f1;
	border: solid 3px #fff;
	border /*\**/: solid 3px #999;
	*border: solid 3px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #666;
}


@media all and (max-width: 1024px) {
	#popup_container {
		max-width: 90%;
		width: 90%;
	}
}
@media all and (min-width:0) {
    #popup_container { border: solid 3px #fff; }  /* IE9-IE10pp4 */
}


#popup_title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #028108;
	background: #f3f1f1;
	border: solid 1px #FFF;
	*background: none;
	*border: none;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
}

#popup_content.confirm {
}

#popup_content.prompt {
}

#popup_ok {
	padding: 5px 10px;
	background: #028108;
	color: #fff;
	border-radius: 5px;
	outline: none;
	cursor: pointer;
}

#popup_ok::-moz-focus-inner {
	outline: none;
	border: 0;
}

#popup_message {
	text-align: center;
	color: #666;
	line-height: 20px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}
/* ---------- /jQuery alerts ----------*/

/**
 * 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 60px;
	padding: 0;
	*zoom: 1;
}

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

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

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

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url('/script/bxslider/images/controls.png') no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url('/script/bxslider/images/controls.png') no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

@media all and (max-width: 1024px) {
	.bx-controls-direction {
		display: none;
	}
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url('/script/bxslider/images/controls.png') -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url('/script/bxslider/images/controls.png') -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/* ---------- Form ----------*/
form.jquery_form {
	float: left;
	width: 470px;
	margin-top: 40px;
}

	form.jquery_form .full_width {
		width: 470px;
		float: left;
		display: inline;
		margin-bottom: 10px;
	}

		form.jquery_form .full_width label {
			width: 200px;
			float: left;
			font-size: 14px;
			color: #666;
		}
	
		form.jquery_form .full_width input,
		form.jquery_form .full_width textarea {
			width: 450px;
			border: 1px solid #999;
			padding: 8px;
		}
		
		form.jquery_form .full_width textarea {
			height: 150px;
		}

		form.jquery_form .full_width input:hover,
		form.jquery_form .full_width textarea:hover {
			width: 450px;
			border: 1px solid #028108;
		}

		form.jquery_form .full_width input:focus,
		form.jquery_form .full_width textarea:focus {
			border: 1px solid #028108;
		}

		form.jquery_form .full_width label.error {
			width: 450px;
			font-size: 11px;
			color: #f00;
		}
	
	.site_btn {
		color: #fff;
		background: #028108;
		padding: 10px 40px;
		font-size: 24px;
		font-family: 'opensansbold';
		cursor: pointer;
		border-bottom: 4px solid #000;
		border-radius: 10px;
	}
	
	.site_btn:hover,
	.site_btn:focus,
	.site_btn:active {
		background: #41a146;
	}

@media all and (max-width: 1024px) {

	form.jquery_form {
		width: 100%;
	}
	
		form.jquery_form .full_width {
			width: 100%;
		}
	
			form.jquery_form .full_width label {
				width: 100%;
			}
		
			form.jquery_form .full_width input,
			form.jquery_form .full_width textarea {
				width: 100%;
				box-sizing: border-box;
			}
			
			form.jquery_form .full_width textarea {
				height: 150px;
			}
	
			form.jquery_form .full_width input:hover,
			form.jquery_form .full_width textarea:hover {
				width: 100%;
			}
	
			form.jquery_form .full_width label.error {
				width: 100%;
			}

}
/* ---------- /Content ---------*/


/* ------------------------------*/
/* ---------- SITEINFO ----------*/
/* ------------------------------*/
footer {
	width: 100%;
	height: 88px;
	padding-top: 10px;
	background: url("/image/footer.png") 0 0 repeat-x;
	position: relative;
}

	#footer_nav {
		text-align: center;
	}
	
		#footer_nav li {
			display: inline;
			font-size: 14px;
			margin: 0 10px;
		}
	
		#footer_nav li a,
		#footer_nav li a:link,
		#footer_nav li a:visited {
			color: #fff;
			
		}

	footer p {
		color: #fff;
		font-size: 12px;
		line-height: 16px;
		text-align: center;
		margin: 20px 20px 0;
	}


/* --------- /Siteinfo ----------*/

/* -------------------- /LAYOUT CSS ---------------------*/