@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800|Francois+One');

* { margin: 0; padding: 0; }

html, body {
  width: 100%;
  height: 100%;
}

body {
width: 100%;
background: url("images/bg-main.jpg");
background-size: cover; 
background-color: #000000;  
background-attachment: fixed;
}

textarea {
    resize: none;
}

.wrapper {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
max-width: 1920px;
height: auto;
margin: 0 auto;
}
.callNow {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
text-align: right;
padding: 8px 20% 8px 0;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
color: #8ec73f;
text-decoration: none;
font-weight: 700;
}

.mainArea {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
}
	.innerArea {
	display: block;
	clear: both;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 1400px;
	height: auto;
	padding: 20px;
	margin: 0 auto;
	min-height: 650px;
	background: url("images/bg-inner.jpg");
	background-size: cover; 
	background-color: transparent;  
	background-attachment: fixed;
	border: #000000 2px solid;
	}
	.menuArea {
	display: block;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	width: 60%;
	height: auto;
	text-align: right;
	float: right;
	}
	.slideshowArea {
	display: block;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 15px 0;
	}
	.slideshowArea img {
	display: block;
	width: 100%;
	height: auto;
	}	

.logoArea {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 350px;
height: auto;
text-align: center;
padding: 25px;
background: url("images/bg-logo.jpg");
background-size: cover; 
background-color: #c5c5c5;
border-left: #ffffff 2px solid;
border-right: #ffffff 2px solid;
border-bottom: #ffffff 2px solid;
position: fixed;
top: 0;
left: 12%;
z-index: 200;
}
	.logoArea img {
	width: 100%;
	height: auto;
	}
.logoArea:hover {
opacity: .6; cursor: pointer; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;	
}

@media screen and (max-width: 1379px) {
	.menuArea {
	width: 70%;	
	}
	.logoArea {
	left: 2%;
	}
}
@media screen and (max-width: 1211px) {
	.logoArea {
	left: 0;
	}
}
@media screen and (max-width: 1176px) {
	.callNow {
	text-align: center;
	padding: 8px;
	}
	.logoArea {
	position: static;
	margin: 0 auto;
	}
	.menuArea {
	float: none !important;
	width: 100%;
	text-align: left !important;	
	}
}

.footerArea {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
}
.footer {
background-color: rgba(0, 0, 0, .8);
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
max-width: 1400px;
height: auto;
padding: 20px 10px;
margin: 0 auto;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #ffffff;
text-decoration: none;
font-weight: 400;
}
.footer a:link, .footer a:visited {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #ffffff;
text-decoration: none;
font-weight: 700;
}
.footer a:active, .footer a:hover {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #8ec73f;
text-decoration: none;
font-weight: 400;
}
	
@media screen and (max-width: 500px) {
	.logoArea img {
	width: 95%;
	}
}

span.sitestamp {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: none;
font-weight: 400;
}
span.sitestamp a:link, span.sitestamp a:visited {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: underline;
font-weight: 400;
}
span.sitestamp a:active, span.sitestamp a:hover {
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 10px;
color: #8ec73f;
text-decoration: underline;
font-weight: 400;
}