/*
*{
	border-style: groove;
}
*/
*{
	-webkit-margin-before: 0em;
  -webkit-padding-start: 0;
  -webkit-margin-after: 0em;
}
body{
	background-color: #fff;
	overflow-x: hidden;
}
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
}
/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - SMARTPHONE
*/
/*
- - - - - - - - - - - - - - - - HEADER
*/
.headerContainer{
	background-color:#00AB34;
	width: 100%;
	height: 120px;
}
.mainHeader{
	display:block;
	position: relative;
	top:0px;
	width: 100%;
	margin-left: auto;
  margin-right: auto;
	padding-right: 20px;
}

/*
.headerRoutecraft a:visited, .headerRoutecraft a:link, .headerRoutecraft a:active {
.headerRoutecraft a:hover {color: #f0f;}
*/
.headerRoutecraft a {
	float: right;
	position:relative;
	display: none;
	font-family: 'Ubuntu', 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 300;
	text-align: left;
	font-size: 24px;
	letter-spacing: 1.5px;
	color: #fff;
	text-decoration: none;
	top:15px;
	right: 	40px;
	margin: 0;
	height: 25px;
}
.headerMenu{
	display: block;
	position: relative;
	left:20px;
	top: 12px;
	width: 30px;
	height: 30px;
	margin:0 0 0 0;
	background-color: #00AB34;
	cursor:pointer;
}
#headerMenuBtnIcon{
	width:30px;
	font-size: 2em;
	color:#fff;
	margin: 0 0 0 0;
	opacity:1;
}
/*
- - - - - - - - - - - - - - - - OVERLAY
*/
.overlayContainer{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	display:none;
}

.overlayBG{
	position: fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color: #000;
	opacity: 0.7;
	display:block;
}

/*
.overlayHeader{
	position: relative;
	max-width: 590px;
	margin: 0 auto 0 auto;
	padding 0 0 0 0;
}
*/
.overlayRoutecraft a {
	position: absolute;
	float: right;
	right:20px;
	top:15px;
	font-family: 'Ubuntu', 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 400;
	text-align: left;
	font-size: 24px;
	letter-spacing: 1.5px;
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0 0 0 0;
}
#overlayIconContainer{
	position: absolute;
	left:15px;
	top:10px;
	margin: 0 0 0 0;
	cursor: pointer;
}
.overlayIconBG{
	position: absolute;
	width:40px;
	height:40px;
	background-color: #00AB34;
	border-radius: 50%;
	opacity: 0;
}
.overlayIcon{
	position: relative;
	width:30px;
	left:7px;
	top:1px;
	font-size: 2em;
	color:#fff;
}

.overlayMenu{
	margin: 0 auto;
	width: 250px;
	margin-top: 100px;
}
.overlayMenu p{
	position: relative;
	font-family: 'Dosis', 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 400;
	text-align: left;
	font-size: 26px;/*0.75em;*/
	letter-spacing: 2px;
	color: #fff;
	padding:5px 0px 20px 0px;
	margin: 0 0 0 0;
}
.overlayMenuHome{
	overflow: hidden;
	height:40px;
	padding:0;
	margin:0 0 20px 0;
	cursor:pointer;
}
.overlayHomeIcon{
	position: relative;
	float: left;
	width:10%;
	height:40px;
	left:0px;
	top:0px;
	margin-top: -1px;
	font-size: 2em;
	color:#fff;
}
.overlayMenuHome p{
	position: relative;
	float: left;

	width:90%;
	height:40px;
	margin-top: 0;
	top: -5px;
}
.overlayMenuImgItems{
	position: relative;
	width:250px;
	height:125px;

}
/*
- - - - - - - - - - - - - - - - CONTENT
*/
.mainWrapper{
		position: relative;
		margin: 0 auto 0 auto;
		width: 100%;
		height:1200px;
}
.contentContainer{
	position: relative;
	background-color:#fff;
	margin: 0 auto 0 auto;
	padding:0px;
	width: 100%;
	height:1200px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.homeContainer{
	display:none;
	position: absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	margin: 20px 20px 0 0;
}
.homeBG{
	position: absolute;
	width:30px;
	height:30px;
	background-color: #00AB34;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.homeIcon{
	position: relative;
	width:30px;
	left:8px;
	top:5px;
	font-size: 0.6em;
	color:#fff;
}
.myMap{
	padding:20px 0px 20px 0px;
	height:370px;
}
.contentBody h2{
	position: relative;
	font-family: 'Dosis', 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 200;
	text-align: left;
	font-size: 40px;/*0.75em;*/
	letter-spacing: 2px;
	color: #000;
	padding:20px 20px 10px 20px;
	margin: 0 0 0 0;
	line-height:140%;
}
.contentBody p {
	position: relative;
	font-family: 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 300;
	text-align: left;
	font-size: 14px;/*0.75em;*/
	letter-spacing: 1.5px;
	color: #000;
	padding:0px 20px 20px 20px;
	margin: 0 0 0 0;
	line-height:130%;
}

.bodyColumnR li{
	position: relative;

	top:0px;
	margin-left: 8px;
	margin-bottom: 10px;
	font-family: 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 300;
	text-align: left;
	font-size: 14px;/*0.75em;*/
	letter-spacing: 1.5px;
	color: #000;

}
.bodyColumnR ul{
	position: relative;
	margin-left: 36px;
	margin-bottom: 50px;
}

.fa-li{
	color:#00AB34;
}

/*
- - - - - - - - - - - - - - - - FORM STYLES
*/
.contentForm{
	background-color: #00AB34;
	margin-left: 0px;
	width:100%;
	height:auto;
}
.formTriangleL{
	display:none;
	position: relative;
	top:140px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #006C21 transparent transparent;
	-webkit-transform:rotate(360deg);
}

.formTriangleR{
	display:none;
	position: absolute;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: transparent transparent transparent #00581B;
	-webkit-transform:rotate(360deg);
	margin: -20px -10px 0 0;
}


.contentForm h2{
	position: relative;
	font-family: 'Dosis', 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 200;
	text-align: left;
	font-size: 30px;/*0.75em;*/
	letter-spacing: 2px;
	color: #fff;
	padding:10px 30px 0px 30px;
}
.contentForm p{
	position: relative;
	font-family: 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 300;
	text-align: left;
	font-size: 14px;/*0.75em;*/
	letter-spacing: 1.5px;
	color: #fff;
	padding:0px 30px 10px 30px;
}
.form-style{
	position: relative;
	top:0px;
	padding:0px 0px 30px 30px;

}
.form-style input.input-field{
    width: 94%;

}
.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
 .form-style .select-field{

    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 5px;
		padding-left: 15px;
    outline: none;

		font-family: 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
		font-weight: 300;
		text-align: left;
		font-size: 14px;
		letter-spacing: 2px;

		margin-top:4px;
}

#contact_results{
	font-family: 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 300;
	text-align: left;
	font-size: 14px;
	letter-spacing: 2px;
	color:#fff;
	font-style: italic;
}
#submit_btn{
	position: relative;
	background-color: #ffb330;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius:0px;
/*
	-webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 0px;
   -moz-border-radius-bottomleft: 0px;
   border-bottom-left-radius: 0px;
*/
	 left:0px;
	 top:5px;
	 padding: 0;

	width:94%;
  padding: 7px;
	padding-left: 15px;
  color: #fff;
	font-family: 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
	font-weight: 400;
	text-align: left;
	font-size: 14px;
	letter-spacing: 2px;
  text-decoration: none;
  cursor: pointer;
  border:none;
}
#submit_btn:hover{
	background-color: #ffc45c;
}
/*
- - - - - - - - - - - - - - - - FOOTER
*/
.table {
	display: none;
}
.footerMenu{
	margin: 75px 0 0 0;
	height:50px;
	width:100%;
}
/*
- - - - - - - - - - - - - - - - MENU
*/
.menuContainer{
	display:none;
}
.tabletMenuPrevBtnIcon{
	display: none;
}
.tabletMenuNextBtnIcon{
	display: none;
}

@media only screen and (min-width: 320px) {

	.overlayMenuImgItem1{
		width: 250px;
		height: 125px;
		background: url(../../../images/tabletSmMenu.jpg) no-repeat 0 0;
	}
	.overlayMenuImgItem2{
		width: 250px;
		height: 125px;
		background: url(../../../images/tabletSmMenu.jpg) no-repeat 0 -260px;
	}

	.menuBgL1{
		width:150px;
		height:266px; /* 266px */
		background: url(../../../images/ss_thumbnails.jpg) no-repeat 0 0px;
	}
	.menuBgL2{
		position: relative;
		top:20px;

		width:40px;
		height:246px; /* 246px */
		background-color: #FFCE7B;
		background: url(../../../images/ss_thumbnails.jpg) no-repeat -680px 0;
	}
	.menuBgR1{
		width:150px;
		height:266px; /* 266px */
		background: url(../../../images/ss_thumbnails.jpg) no-repeat -775px 0;
	}
	.menuBgR2{
		position: relative;
		top:20px;

		width:40px;
		height:246px;  /* 246px */
		background: url(../../../images/ss_thumbnails.jpg) no-repeat -155px 0;
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) {

	.overlayMenuImgItem1{
		background: url(../../../images/tabletSmMenu@2x.jpg) no-repeat 0 0;
		background-size: 250px 385px;
	}
	.overlayMenuImgItem2{
		background: url(../../../images/tabletSmMenu@2x.jpg) no-repeat 0 -260px;
		background-size: 250px 385px;
	}
	.menuBgL1{
		background: url(../../../images/ss_thumbnails@2x.jpg) no-repeat 0 0;
/*		background-size: 150px 266px; */
		background-size: 925px 266px;
	}
	.menuBgL2{
		background: url(../../../images/ss_thumbnails@2x.jpg) no-repeat -310px 0;
		background-size: 925px 266px;
	}
	.menuBgR1{
		background: url(../../../images/ss_thumbnails@2x.jpg) no-repeat -465px 0;
		background-size: 925px 266px;
	}
	.menuBgR2{
		background: url(../../../images/ss_thumbnails@2x.jpg) no-repeat -155px 0;
		background-size: 925px 266px;
	}

}




/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - TABLET
*/
@media (min-width: 670px) {
	body{
		background-color: #efefef;/* #00AB34; */
	}
/*
- - - - - - - - - - - - - - - - HEADER
*/
	.headerContainer{
		height: 618px;
	}
	.mainHeader{
		max-width: 590px;
		padding-right:0;
	}
	.headerRoutecraft a {
		position: relative;
		right: 0px;
		display: block;
	}
	.overlayRoutecraft a {
		display:none;
	}
	.headerMenu{
		display: none;
	}
/*
- - - - - - - - - - - - - - - - CONTENT
*/
	.mainWrapper{
			position: relative;
			margin: 0 auto 0 auto;
			max-width: 940px;
			height:0;
	}
	.contentContainer{
		margin-top:-518px;

		padding:0px;
		padding-bottom: 100px;
		max-width: 590px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		height:auto;
	}
	.homeContainer{
		display:block;
	}
	.myMap{
		padding:0px 20px 0px 20px;
	}

	/*
	- - - - - - - - - - - - - - - - FORM STYLES
	*/
	.contentForm{
		margin-left: -10px;
		width:610px;
		height:140px;
	}
	.formTriangleL{
		display:block;
	}
	.formTriangleR{
		display:block;
	}
	.contentForm h2{
		padding:0px 30px 0px 30px;
		margin: 0 0 0 0;
	}
	.contentForm p{
		margin: 0 0 0 0;
	}

	.form-style input.input-field{
			width: 190px;
			height:32px;
	}

	#submit_btn{
		left:-6px;
		top:0px;
		width:163px;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius:5px;

		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;

		-webkit-border-bottom-left-radius: 0px;
		 -moz-border-radius-bottomleft: 0px;
		 border-bottom-left-radius: 0px;
	}

	/*
	- - - - - - - - - - - - - - - - FOOTER
	*/
	.table {
		position: relative;
		display: table;
		margin: 0 auto;
		padding-top: 10px;
	}
	.footerMenu{
		margin: 20px 0 0 0;
	}
	.footerMenu ul {
	    list-style-type: none;
	    padding: 0;
	}
	.footerMenu li {
	    display: inline;
			margin-left: auto;
			margin-right: auto;
			height:30px;
			max-width: 550px;
	}
	.footerMenu li a {
		font-family: 'Roboto', Arial, Verdana, sans-serif, "Lucida Grande", Tahoma;
		font-weight: 300;
		text-align: center;
		font-size: 14px;
		letter-spacing: 1.5px;
		color: #000;
		margin-right: 10px;
		margin-right: 10px;
		text-decoration: none;
	}
		.footerMenu li a:hover{
			color: #00AB34;
		}
	/*
	- - - - - - - - - - - - - - - - MENU
	*/
	.menuContainer{
		display:none;
		position: relative;
		margin: 0 auto 0 auto;
		padding:0;
		width:940px;
		height: 266px;
		margin-top:-266px;
	}
	.menuL1Container{
		display:none;
	}
	.menuL2Container{
		display:none;
	}
	.menuR1Container{
		display:none;
	}
	.menuR2Container{
		display:none;
	}

	.tabletMenuContainer{
		display: block;
		position: absolute;
		width: 100%;
		top:450px;
	}

	.tabletMenuPrevBtnContainer{
		display:block;
		position: relative;
		left:-315px;
		top:0px;
		width:40px;
		height:40px;
		margin-left: auto;
		margin-right: auto;
	}
	.tabletMenuPrevBtnIcon{
		display: block;
		position: relative;
		width:30px;
		left:0px;
		top: 0px;
		font-size: 3.5em;
		color:#fff;
	}

	.tabletMenuNextBtnContainer{
		display:block;
		position: relative;
		left:337px;
		top:-40px;
		width:40px;
		height:40px;
		margin-left: auto;
		margin-right: auto;
	}
	.tabletMenuNextBtnIcon{
		display:block;
		position: relative;
		width:30px;
		left:0px;
		top: 0px;
		font-size: 3.5em;
		color:#fff;
	}

	.menuNextBtnIcon{
		display:none;
	}

	.menuPrevBtnIcon{
		display:none;
	}


}
@media (min-width: 768px) {
	.bodyColumnR ul{
		margin-left: 15px;
		margin-bottom: 0px;
	}
}
/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - DESKTOP
*/
@media (min-width: 955px) {
	.tabletMenuContainer{
		display:none;
	}
	.menuContainer{
		display:block;
		width:940px;
	}
	/*
	- - - - - - - - - - - - - - - - MENU
	*/
	.menuL1Container{
		display:block;
		position: absolute;
		left:30px;
	}
/*
	.menuBgL1{
		width:150px;
		height:266px;
		background-color: #fff000;
	}
*/
	.menuShadowL1{
		width:20px;
		height:266px;
		background-color: #000;
		margin:-266px 0 0 130px;
		opacity: 0.2;
	}

	.menuL2Container{
		display:block;
		position: absolute;
		left:0px;
	}
	/*
	.menuBgL2{
		width:40px;
		height:266px;
		background-color: #FFCE7B;
	}
	*/
	.menuShadowL2{
		position: relative;
		top:40px;

		width:20px;
		height:246px;
		background-color: #000;
		margin:-266px 0 0 20px;
		opacity: 0.2;
	}

	.menuR1Container{
		display:block;
		position: absolute;
		left:760px;
	}
/*
	.menuBgR1{
		width:150px;
		height:266px;
		background-color: #fff000;
	}
*/
	.menuShadowR1{
		width:20px;
		height:266px;
		background-color: #000;
		margin:-266px 0 0 0px;
		opacity: 0.2;
	}
	.menuR2Container{
		display:block;
		position: absolute;
		left:900px;
	}
/*
	.menuBgR2{
		width:40px;
		height:266px;
		background-color: #FFCE7B;
	}
*/
	.menuShadowR2{
		position: relative;
		top: 40px;

		width:20px;
		height:246px;
		background-color: #000;
		margin:-266px 0 0 0px;
		opacity: 0.2;
	}

	.menuBtnBG{
		position: absolute;
		background-color: #00AB34;
		border-radius: 50%;
		width: 60px;
		height: 60px;

		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px; /* future proofing */
		-khtml-border-radius: 30px; /* for old Konqueror browsers */
		-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
	}
	.menuPrevBtnContainer{
		position: relative;
		left:42px;
		top:-148px;
		width:60px;
	}
	.menuL1Container:hover .menuBtnBG,
	.menuR1Container:hover .menuBtnBG{
	-moz-box-shadow: 15px 15px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 15px 15px 15px rgba(0,0,0,0.2);
	box-shadow: 15px 15px 15px rgba(0,0,0,0.2);

	-webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out ;
  -ms-transition: all .2s ease-out ;
  -o-transition: all .2s ease-out ;
  transition: all .2s ease-out ;
}
	.menuPrevBtnIcon{
		display:block;
		position: relative;
		width:30px;
		left:16px;
		top: -2px;
		font-size: 3.5em;
		color:#fff;
	}
	.menuNextBtnContainer{
		position: relative;
		left:50px;
		top:-148px;
		width:60px;
	}
	.menuNextBtnIcon{
		display:block;
		position: relative;
		width:30px;
		left:23px;
		top: -2px;
		font-size: 3.5em;
		color:#fff;
	}










}