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

@import url('https://fonts.googleapis.com/css?family=IM+Fell+English+SC|Source+Sans+Pro:400,600,700,900');
@import url("lightbox.css");

* {margin:0; padding:0;}
body {margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif;}

header {background:url(../images/bg-header.jpg) bottom center; background-size:cover; width:90%; height:auto; float:left; margin:0; padding:0 5%; position:fixed; top:0; left:0; z-index:500;
	font-family: 'IM Fell English SC', serif; font-size:16px;  text-transform:uppercase;}
#navLeft, #navRight {width:30%; height:auto; float:left; margin:0; padding:45px 0 50px; text-align:center;}
#navLeft a, #navRight a {color:#FFF; text-decoration:none; display:inline-block; padding:7px 10px;}
#navLeft a+a, #navRight a+a {margin-left:40px;}
#navLeft a:hover, #navRight a:hover {color:#000;
background: rgba(63,55,30,1);
background: -moz-linear-gradient(left, rgba(63,55,30,1) 0%, rgba(200,200,46,1) 51%, rgba(63,55,30,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(63,55,30,1)), color-stop(51%, rgba(200,200,46,1)), color-stop(100%, rgba(63,55,30,1)));
background: -webkit-linear-gradient(left, rgba(63,55,30,1) 0%, rgba(200,200,46,1) 51%, rgba(63,55,30,1) 100%);
background: -o-linear-gradient(left, rgba(63,55,30,1) 0%, rgba(200,200,46,1) 51%, rgba(63,55,30,1) 100%);
background: -ms-linear-gradient(left, rgba(63,55,30,1) 0%, rgba(200,200,46,1) 51%, rgba(63,55,30,1) 100%);
background: linear-gradient(to right, rgba(63,55,30,1) 0%, rgba(200,200,46,1) 51%, rgba(63,55,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f371e', endColorstr='#3f371e', GradientType=1 );}
#logo {width:40%; height:auto; float:left; margin:0 0 -25px; text-align:center; position:relative; z-index:100;}
#logo img {max-width:100%; height:auto;}
nav {display:none;}
#spacer {width:100%; height:131px; float:left; margin:0;}

#contentArea {background:#e4e4e4; width:90%; height:auto; float:left; margin:0; padding:70px 5% 50px; color:#2c2c2c; font-size:18px;}
#contentArea h1 {color:#000; font-family: 'IM Fell English SC', serif; font-size:30px; font-weight:normal; margin:0 0 25px; text-transform:uppercase;}
#contentArea h2 {color:#000; font-family: 'IM Fell English SC', serif; font-size:26px; font-weight:normal; margin:0 0 25px; text-transform:uppercase;}
#contentArea h3 {color:#000; font-family: 'IM Fell English SC', serif; font-size:22px; font-weight:normal; margin:0 0 25px; text-transform:uppercase;}
#contentArea p {margin:0 0 25px;}
#contentArea img.gallery {margin:0 5px 10px; border:2px solid #2c2c2c;}

#sliderWrap {background:url(../images/bg-sliderWrap.jpg) center center; background-size:cover; width:90%; height:auto; float:left; margin:0; padding:40px 5%;}
#telephone {width:100%; height:auto; float:left; margin:0 0 25px; text-align:center; color:#f3f34a; font-size:14px; font-weight:900; text-transform:uppercase;}
#telephone a {color:#FFF; font-size:24px; font-weight:400; text-decoration:none;}
#slides {background:#fdfd1e; width:100%; height:auto; float:left; margin:0 0 0 -10px; padding:10px; position:relative;}
#slides .cycle-slideshow div {width:100%; height:480px; float:left; margin:0;}
#slide01 {background:url(../images/slide01.jpg) center center; background-size:cover;}
#slide02 {background:url(../images/slide02.jpg) center center; background-size:cover;}
#slide03 {background:url(../images/slide03.jpg) center center; background-size:cover;}
#slide04 {background:url(../images/slide04.jpg) center center; background-size:cover;}
#slide05 {background:url(../images/slide05.jpg) center center; background-size:cover;}
#slide06 {background:url(../images/slide06.jpg) center center; background-size:cover;}
#prev, #next {width:69px; height:38px; position:absolute; bottom:10px; z-index:105;}
#prev img, #next img {max-width:100%; height:auto;}
#prev {left:10px;}
#next {right:10px;}
#slideText {background:#2b2b2b; width:auto; float:right; margin:-190px 20px 0 0; padding:15px 30px; position:relative; z-index:100; border:3px solid #c1bd27; color:#FFF; font-size:18px;}
#slideText h1 {font-family: 'IM Fell English SC', serif; font-size:26px; font-weight:normal; margin:0; text-transform:uppercase;}
#slideText a {color:#faf91c; text-decoration:none;}

#about {background:#e4e4e4; width:70%; height:auto; float:left; margin:0; padding:50px 15%; text-align:center; color:#2c2c2c; font-size:18px;}
#about hr {background:url(../images/bg-aboutline.jpg) center center no-repeat; height:1px; border:none; margin:0;}
#about h1 {color:#000; font-size:18px; line-height:32px; font-weight:900; margin:30px 0 0; text-transform:uppercase;}
#about h1 strong {font-size:32px; font-weight:900;}
#about h2 {color:#000; font-family: 'IM Fell English SC', serif; font-size:30px; line-height:32px; font-weight:normal; margin:0 0 20px; text-transform:uppercase;}
#about p {margin:0 0 20px;}
#about h3 {font-size:21px; font-weight:600; margin:0 0 30px;}
#about a {color:#000; text-decoration:none;}
#about a:hover {color:#2c2c2c;}

#services {background:url(../images/bg-services.jpg) top center; background-size:cover; width:90%; height:auto; float:left; margin:0; padding:70px 5%; text-align:center;}
#services h1 {color:#FFF; font-size:28px; font-weight:900; margin:0; text-transform:uppercase;}
#services h2 {color:#f3f34a; font-family: 'IM Fell English SC', serif; font-size:36px; font-weight:normal; margin:0 0 5px; text-transform:uppercase;}
#serv {background:#111111; width:175px; height:auto; margin:20px 10px 0; display:inline-block; color:#FFF; font-size:16px; font-weight:900; text-transform:uppercase; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
#serv:hover {background:#e7e744; color:#000;}
#serv img {width:100%; height:141px; display:block;}
#serv p {padding:10px 0;}

#clients {background:#ebebeb; width:90%; height:auto; float:left; margin:0; padding:40px 5%; text-align:center;}
1 {background:url(../images/bg-clienth1.png) center center no-repeat; color:#2b2b2b; font-size:24px; font-weight:900; margin:0 0 20px; text-transform:uppercase; text-align:center;}
#client {width:50%; height:auto; margin:auto; display: block;}
#client img {margin-left:35%; margin-right:65%; height:98px; width:30%; display: block;}

#form {background:url(../images/bg-form.jpg) center center; background-size:cover; width:90%; height:auto; float:left; margin:0; padding:55px 5%;}
#form h1 {color:#f3f34a; font-size:28px; font-weight:900; margin:0 0 30px; text-align:center; text-transform:uppercase;}
#form h1 img {margin:0 15px -12px;}
#form p {margin:0 0 8px;}
#form td {vertical-align:top;}
#form td:nth-child(3) {width:300px;}
#form input, #form textarea {font-family: 'Source Sans Pro', sans-serif; font-size:16px; border:none; border-radius:5px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none;}
#form input.input {width:94%; height:16px; padding:10px 1.5%;}
#form textarea {width:94%; height:104px; padding:10px 1.5%;}
#form input.btn {background:#f3f34a; width:100%; height:36px; font-size:16px; font-weight:900; text-transform:uppercase; margin:10px 0 0;}
#contact {background:#252525; width:96%; height:auto; float:left; margin:0; padding:20px 2%; display:flex; color:#ebebeb; font-size:16px; text-align:center;}
#address {width:30%; height:auto; float:left; margin:0; padding:55px 0; border:1px solid #f3f34a;}
#call {width:30%; height:auto; float:left; margin:0 4%; padding:55px 0; border:1px solid #f3f34a;}
#eaddy {width:30%; height:auto; float:left; margin:0; padding:55px 0; border:1px solid #f3f34a;}
#contact div {background: rgba(51,51,51,1);
background: -moz-radial-gradient(top, ellipse cover, rgba(51,51,51,1) 0%, rgba(37,37,37,1) 57%, rgba(37,37,37,1) 100%);
background: -webkit-gradient(radial, top center, 0px, center center, 100%, color-stop(0%, rgba(51,51,51,1)), color-stop(57%, rgba(37,37,37,1)), color-stop(100%, rgba(37,37,37,1)));
background: -webkit-radial-gradient(top, ellipse cover, rgba(51,51,51,1) 0%, rgba(37,37,37,1) 57%, rgba(37,37,37,1) 100%);
background: -o-radial-gradient(top, ellipse cover, rgba(51,51,51,1) 0%, rgba(37,37,37,1) 57%, rgba(37,37,37,1) 100%);
background: -ms-radial-gradient(top, ellipse cover, rgba(51,51,51,1) 0%, rgba(37,37,37,1) 57%, rgba(37,37,37,1) 100%);
background: radial-gradient(ellipse at top, rgba(51,51,51,1) 0%, rgba(37,37,37,1) 57%, rgba(37,37,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#252525', GradientType=1 );}
#contact a {color:#ebebeb; text-decoration:none;}
#contact a:hover {color:#f3f34a;}
#contact p {margin:20px 0 0;}
#contact strong {color:#f3f34a; font-weight:900; text-transform:uppercase;}

footer {background:#000; width:90%; height:auto; float:left; margin:0; padding:40px 5%; text-align:center; color:#f3f34a; font-size:15px; font-weight:700; text-transform:uppercase;}
footer a {color:#f3f34a; text-decoration:none;}
footer a:hover {color:#ebebeb;}

.responsive-nav-icon::before, .responsive-nav-close::before {color: #000; content: "\f0c9"; font-family: FontAwesome; font-size: 22px; position: relative;}
.responsive-nav-close::before {color: #fdfd1e; content: "\f00d"; font-size: 18px;}
.responsive-nav-icon {background: #fdfd1e; line-height: normal; padding: 5px 8px 4px; top: 1%; right: 1%;}
.responsive-nav-icon:hover, .responsive-nav-close:hover {opacity: .7;}
.responsive-nav-close {top: 10px; right: 10px;}
.responsive-nav-icon, .responsive-nav-close {cursor: pointer; display: none;}
#overlay {background: 0 0 rgba(0, 0, 0, 0.1); display: none; height: 100%; position: fixed; top: 0; left: 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%; z-index: 990;}
	
@media only screen and (max-width: 1129px) {
	header {position:relative; z-index:5000;}
	.responsive-nav-icon {display: block; position: fixed; z-index: 999;}
	.responsive-nav-close {display: block; position: absolute; z-index: 1;}
	nav {background:url(../images/bg-sliderWrap.jpg) center center; background-size:cover;  height: 100%; padding: 20px 5%; position: fixed; top: 0; left: -400px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 0; text-align:center; display:block;}
	nav a, nav a:visited, nav a:hover {color:#FFF; text-decoration:none; padding:10px 0 !important; display:block;}
	nav ul, nav li {margin:0; padding:0;}
	nav li {border-bottom:1px solid #FFF;}
	nav li.last {border-bottom:0px; padding-bottom:60px;}
	nav.slide-in {left: 0; overflow-y: scroll; width: 90%; z-index: 1000;}	
	nav .menu-item {display: block;}
}
@media screen and (min-width:1130px) and (max-width:1350px) {
	#services br {display:none;}
}
@media screen and (min-width:840px) and (max-width:1129px) {
	#navLeft, #navRight, #spacer {display:none;}
	#logo {width:100%; text-align:center;}
	#sliderWrap {width:100%; padding:40px 0 0;}
	#slides {margin:0; padding:10px 0;}
	#slides .cycle-slideshow div {width:100%; height:400px;}
	#prev {left:0px;}
	#next {right:0px;}
	#about {width:90%; padding:40px 5%;}
	#services br {display:none;}
}
@media screen and (min-width:620px) and (max-width:839px) {
	#navLeft, #navRight, #spacer {display:none;}
	#logo {width:100%; text-align:center;}
	#sliderWrap {width:100%; padding:40px 0 0;}
	#slides {margin:0; padding:10px 0;}
	#slides .cycle-slideshow div {width:100%; height:400px;}
	#prev {left:0px;}
	#next {right:0px;}
	#about {width:90%; padding:40px 5%;}
	#services {width:94%; padding:40px 3%;}
	#services br {display:none;}
	#serv {width:27%;}
	#serv img {width:100%; height:auto;}
	#form td {width:100% !important; display:block !important; float:left !important;}
	#form input.btn {background:#f3f34a; width:97%;}
	#contact {display:block;}
	#address {width:100%; margin:0 0 10px;}
	#call {width:48%; margin:0 3.3% 0 0;}
	#eaddy {width:48%;}
	#client img {margin-left:35%; margin-right:65%; height:98px; width:30%; display: block;}
}
@media screen and (max-width:619px) {
	#navLeft, #navRight, #spacer {display:none;}
	#logo {width:100%; text-align:center;}
	#logo img {max-width:80%; height:auto;}
	#sliderWrap {width:100%; padding:40px 0 0;}
	#slides {margin:0; padding:10px 0;}
	#slides .cycle-slideshow div {width:100%; height:250px;}
	#slideText {background:rgba(43,43,43,.8); width:90%; float:right; margin:-190px 0px 0 0; padding:15px 5%; border:0px;}
	#slideText h1 {font-size:22px;}
	#slideText br {display:none;}
	#prev {left:0px;}
	#next {right:0px;}
	#about {width:90%; padding:20px 5%;}
	#about h2 {font-size:22px;}
	#services {width:94%; padding:40px 3%;}
	#services h1 {font-size:24px;}
	#services h2 {font-size:26px;}
	#services br {display:none;}
	#serv {width:44%;  margin:20px 2% 0;}
	#serv img {width:100%; height:auto;}
	#form {padding:30px 5%;}
	#form h1 img {display:block; margin:0 auto;}
	#form td {width:100% !important; display:block !important; float:left !important;}
	#form input.input, #form textarea {width:92%;}
	#form input.btn {background:#f3f34a; width:95%;}
	.g-recaptcha {transform:scale(0.90);transform-origin:0;-webkit-transform:scale(0.90);transform:scale(0.90);-webkit-transform-origin:0 0;transform-origin:0 0;}
	#contact {display:block;}
	#address {width:99%; margin:0 0 10px;}
	#call {width:99%; margin:0 0 10px;}
	#eaddy {width:99%;}
	footer a {display:block;}
	#contentArea img.gallery {max-width:40%; height:auto; margin:0 5px 10px;}
	#client img {margin-left:35%; margin-right:65%; height:98px; width:30%; display: block;}
}