body{
	margin:0px;
	padding:0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
	font-size:14px;
	position:relative;
	line-height:1.6em;
	background:#fff;
	color:#6e6e6e;
	text-align:left;
	height: 100vh;
	vertical-align: top;
	background-color:#fbfbfb;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    color: #80b000;
	margin-top:0px;
	line-height:normal;
}

h2{
	font-size:20px;
	text-align:left;
	padding-bottom:20px;
}
h3{
	font-size:16px;
}

li{
	font-size:14px;
}

.container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height:100vh;
}

header{
	height:50px;
	background-color:#7DAD00;
	position:fixed;
	top:0px;
	width:100%;
	z-index:10;
}

header div{height:50px;}

.logo {
	float:left;
}

nav{
	float:right;	
	color: #fff;
	font-size:16px;
}

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

nav li {
	float: left;
}

nav li + li:before {
    content: " | ";
    padding: 0 10px;
	font-size: 18px;
}

nav li a {
	display: inline-block;
	padding-right: 10px;
	line-height:50px;
	text-decoration: none;
	color: #fff;
	font-size:16px;
}

nav li a:hover {
	color:#6e6e6e;
}
slide{
	position:relative;
	height:350px;
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

slide > div { 
	position: absolute; 
	width:100%;
}
slide img{
    width: 100%;
    height: 100%
}

mainwrapper, .aboutwrapper, .subcontact{
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

maincontent{
	padding: 10px;
	box-sizing: border-box;
	background-color: inherit;
}

maincontent p{
	text-align: justify;
}

maincontent img{
	width:100%;
}

.border{
	padding: 5px;
	border: #d0d0d0 1px solid;
	background: #ebebeb;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.hoverimg{
	cursor:pointer;
}

footer{
	background-color:#7DAD00;
	text-align: right;
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:10;
	box-sizing: border-box;
	padding-right: 10px;
	color:#fff;
}

.images{
	display: table;
   	table-layout: fixed;
}

.images div{
	text-align: center;
	display: table-cell;
	width:33%;
	min-width:80px;
	box-sizing: border-box;
	padding-top: 10px;
}

.map{
	height:200px;
	width:100%;
}

.map300{
	height:450px;
	width:100%;
}

.aboutimages{
	display: flex; 
	flex-direction:row; 
	justify-content: space-around;
}

.aboutimages div{width:30%; max-width: 200px;}
.aboutimages img{width:100%;}

.floatright{float:right;}

.floatleft{float:left;}

input[type=text],[type=tel],[type=email], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	resize: none;
}

input[type=submit] {
    background-color: #7DAD00;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #27A741;
}

.error{
	color:red;
}

.aboutwrappermain{text-align: justify;}

.img300{margin: 0px; background-position: top; background-size: cover;}

@media all and (max-width: 800px) {
	
	.subcontact > div{width:100%;padding:10px;}
	mainwrapper{padding: 0px;}
	.contact_form{width:100%;order:2;}
	.contact_text{width:100%}
	.wrapper{padding: 0px 20px 30px;}
	.img300_wrapper{width:100%;}
	.img300{width:100%;height:250px;}
	.images{display:none;}
	header{height:75px;}
	nav{background-color:#7DAD00;}
	nav li a {padding-right: 10px;line-height:20px;font-size:14px;}
	maincontent{width:100%; padding:10px; text-align:center;}
	maincontent ul{padding:0;}
	.main    { order: 1; }
	.aside-1 { order: 2; }
	.aside-2 { order: 3; }
	.aside-2 *{text-align:center;}
	slide	 { height:200px; padding-top: 40px;}
	.aboutwrappermain {width:100%;}
	.contact_center{flex-grow:2;order:1;}
	.contact_right{order:3; margin: 40px 0px;}
	.contact{text-align: center;}
	h3{margin:10px 0px;}
	h2, h3{text-align: center}
	maincontent li{list-style: none;}
	.aboutimages{display: none;}
}


@media all and (min-width: 801px){
	
	header{padding:0px 50px;box-sizing: border-box;}
	mainwrapper{padding: 50px 50px;}
	.wrapper{padding: 50px 50px;}
	.contact_form{width:30%;min-width:450px;display:table-cell;}
	.contact_text{display:table-cell;}
	.contact{padding: 50px 50px;}
	.container{min-width: 1150px;}
	.img300_wrapper{width:25%;}
	.img300{width: 100%; height: 300px;}
	maincontent{min-width: 200px; width:33%;}
	.aside-2 {width:20%;}
	.aside-2 *{text-align:right;}
	.map, .map300{max-width:900px;}
	.aboutwrappermain{width:35%}
	.contact_center{width:280px; padding:0px 20px; box-sizing:border-box;}
	.contact_right{text-align:right;flex-grow:2;}
}