@charset "utf-8";

/* Fonts *****************************************************/

@font-face {
  font-family: 'DINOT-Bold';
  src: url('font/DINOT-Bold.eot?#iefix') format('embedded-opentype'),  url('font/DINOT-Bold.otf')  format('opentype'),
	     url('font/DINOT-Bold.woff') format('woff'), url('font/DINOT-Bold.ttf')  format('truetype'), url('font/DINOT-Bold.svg#DINOT-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINOT-Regular';
  src: url('font/DINOT-Regular.eot?#iefix') format('embedded-opentype'),  url('font/DINOT-Regular.otf')  format('opentype'),
	     url('font/DINOT-Regular.woff') format('woff'), url('font/DINOT-Regular.ttf')  format('truetype'), url('font/DINOT-Regular.svg#DINOT-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CSS Resets *******************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
input, textarea, button {-webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; -webkit-border-radius: 0;}


/* General styling *******************************************/
html {height:100%;}
body {background:#878787; color:#7d7d7d; font-family: 'DINOT-Regular'; font-size:1.1em; height:100%; margin:0; padding:0;}

:focus { -moz-outline-style: none;}
img:focus { -moz-outline-style: none;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus, a:hover, a:active { outline:none;}

a:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
a:hover img, a:hover div {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* This makes all elements stay a certain width and height even when you set it to have padding */

h1 {margin: 0 0 60px;}
h2 {margin: 0 0 35px;}
h3 {margin: 0 0 35px;}
h4 {margin: 0 0 35px;}
h5 {margin: 0 0 35px;}
h6 {margin: 0 0 35px;}

p {margin: 0 0 35px;}
strong {font-weight:700;}
em {font-style:italic;}

table {width:100%; border:none; border-collapse:collapse;}
	table th {padding:5px; border:1px solid #ddd; background:#ddd;}
	table td {padding:5px; border:1px solid #ddd;}

hr {background-color:#ddd; border:none; color:#ddd; height:1px;}

.clear {clear:both;}
.invisible{position : absolute; top : -1000px; width:1px; height:1px; overflow:hidden;}

.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}


/* Blog Styles **********************************************/

.alignleft {float:left; margin-right:15px; margin-bottom:5px;}
.alignright {float:right; margin-left:15px; margin-bottom:5px;}


/* Structure Styles *****************************************/

.wrapper {background:#fff;}

	.header {background:#AFBB10; height:120px; position:relative; -webkit-box-shadow: 0px 0px 10px 0px rgba(141, 176, 65, 0.7); -moz-box-shadow:    0px 0px 10px 0px rgba(141, 176, 65, 0.7); box-shadow: 0px 0px 10px 0px rgba(141, 176, 65, 0.7);}
	.header-home {-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
		.header .topbar {position:absolute; width:100%; height:18px; background:#8DB023;}
		.header .box {position:relative; width:1280px; height:120px; margin:0 auto;}
			.header .logo {position:absolute; left:59px; top:0; z-index:7999;}
				.header .logo a {display:block; width:376px; height:144px; background:url(../images/structure/logo.png) no-repeat;}
				.header .logo a:hover {opacity:0.9; text-decoration:none;}
			.header .nav {position:absolute; right:190px; bottom:0;}
				.header .nav ul {margin:0; padding:0; list-style:none;}
					.header .nav ul li {padding:0; margin:0 0 0 20px; display:inline-block;}
						.header .nav ul li a {display:block; border-bottom:10px solid transparent; padding: 0 0 32px; text-transform:uppercase; color:#e8ecae; font-family: 'DINOT-Bold'; font-size:21px;}
						.header .nav ul li a:hover{border-bottom:10px solid #fff; color:#fff; text-decoration:none;}
						.header .nav ul li .active {border-bottom:10px solid #fff; color:#fff;}
			.header .social {position:absolute; right:35px; top:50px;}
				.header .social a {display:inline-block;}
				.header .social a:hover {opacity:0.8; text-decoration:none;}
				.header .social .facebook {width:35px; height:36px; background:url(../images/structure/facebook.png) no-repeat; margin-right:10px;}
				.header .social .twitter {width:36px; height:36px; background:url(../images/structure/twitter.png) no-repeat; margin-right:10px;}
				.header .social .email {width:35px; height:36px; background:url(../images/structure/email.png) no-repeat;}
			.header .share {display:none;}
			.header .menu {display:none;}
	
	.banner {padding:0 35px 35px; background:url(../images/structure/gallerry-bg-gradient.png) repeat-x bottom; background-color:#AFBB10; min-height:200px;}
		.banner .box {width:1280px; margin:0 auto; text-align:center; position:relative;}
			.banner .arrow-down {width:52px; height:52px; position:absolute;left:0; right:0; margin:0 auto; bottom:68px; z-index:99999999999; background:url(../images/structure/gallery-arrow-bottom.png) no-repeat;}

	.home-content {width:1280px; margin:0 auto; padding:60px 36px 40px; text-align:center;}
		.home-content .quote {width:52px; height:34px; margin:0 auto 40px; background:url(../images/structure/quotation.png) no-repeat center;}
		.home-content h1 {color:#8db023; font-size:30px; margin-bottom:32px;}
		.home-content p {line-height:1.8em; margin-bottom:30px; padding:0 110px;}
		.home-content .container-area {padding-top:50px;}
			.home-content .container {display:inline-block; width:392px; margin:0 16px 15px 0;}
			.home-content .no-margin {margin:0 0 15px 0 !important;}
				.home-content .container a {display:block;}
					.home-content .container a:hover {text-decoration:none;}
					.home-content .container a:hover img {opacity:0.7;}
					.home-content .container a:hover .textarea {opacity:0.7;}
				.home-content .container a img {}
				.home-content .container a .textarea {text-align:left; font-size:20px; color:#fff; background:url(../images/structure/service-arrow.png) no-repeat center right 10px; background-color:#AFBB10; line-height:50px; padding-left:18px;}
					
				
	
	.home-gallery {background:url(../images/structure/shadow-separator.png) repeat-x top;}
		.home-gallery .box {width:1272px; margin:0 auto; padding:60px 0px;}
			.home-gallery .container {float:left; width:24.2%; margin:0.4%;}
				.home-gallery .container img {width:100%; height:auto;}
			.home-gallery .view-gallery {display:inline-block; margin-top:40px; background:#afbb10; color:#fff; font-size:26px; padding:15px 70px;}
				.home-gallery .view-gallery:hover {opacity:0.7; text-decoration:none;}
	
	.contact {}
	.home-contact {background:#edecec;}
		.contact .box {width:760px; margin:0 auto; padding:60px 0;}
			.contact h1 {color:#afbb10; font-size:30px; text-align:center; margin-bottom:35px;}
				.contact h1:before {padding-right:20px; content: "—  ";}
				.contact h1:after {padding-left:20px; content: "  —";}
			.contact h2 {color:#afbb10; font-size:22px; text-align:center; margin-bottom:25px; padding-top:20px;}
			.contact .contact-info {}
				.contact .contact-info ul {margin:0; paddin:0; list-style:none; text-align:center; padding-bottom:18px; background:url(../images/structure/dashed-border.png) repeat-x bottom;}
					.contact .contact-info ul li {display:inline-block; padding:0 10px;}
						.contact .contact-info ul li span {color:#8db023;}
						.contact .contact-info ul li a {color:#7d7d7d;}
							.contact .contact-info ul li a:hover{color:#afbb10; text-decoration:none;}
			
			.subnav {background:url(../images/structure/dashed-border.png) repeat-x bottom; margin-bottom:30px;}
				.subnav ul {margin:0; padding:0; list-style:none; text-align:center;}
					.subnav ul li {padding:8px 0; margin:0; display:inline-block;}
						.subnav a {display:inline-block; line-height:18px; color:#7d7d7d; text-transform:uppercase; font-size:18px;}
						.subnav a:hover {text-decoration:none; color:#AFBB10;}
						.subnav .active {color:#AFBB10;}
						.subnav ul li:after {padding-left:25px; padding-right:25px; content: "-";}
						.subnav ul .last:after {padding-left:0; padding-right:0; content: "";}
			
			.note {background:#e4e5d5; font-family: 'DINOT-Bold'; padding:10px 25px; text-align:center; font-size:0.9em; margin-bottom:30px;}
			
			.contact-form-box {width:760px; margin:0 auto;}
			#contact-form {padding-top:25px;}
				#contact-form .left {float:left; width:48.7%;}
				#contact-form .right {float:right; width:48.7%;}
					#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form input[type="url"], #contact-form textarea {width:100%; border:2px solid #9c9c9c; background:#FFF; margin:0 0 20px; padding:12px 20px; font-family: 'DINOT-Regular'; font-size:17px;}
					#contact-form textarea {min-height:100px;}
					#contact-form button[type="submit"] {cursor:pointer; border:none; background:#AFBB10; color:#FFF; margin:0; padding:12px 50px; font-size:26px;}
					#contact-form button[type="submit"]:hover {opacity:0.8;}
			
					::-webkit-input-placeholder {color:#888;}
					:-moz-placeholder {color:#888;}
					::-moz-placeholder {color:#888;}
					:-ms-input-placeholder {color:#888;}
			
					.website-field {display:none;}

			
		
	.content {line-height:2em;}
		.content h1 {color:#AFBB10; font-size:30px; text-align:center; background:url(../images/structure/dashed-border.png) repeat-x bottom; padding-bottom:25px;}
			.content h1:before {padding-right:20px; content: "—  ";}
			.content h1:after {padding-left:20px; content: "  —";}
		.content h2 {font-size:30px;}
		.content .box {width:1280px; margin:0 auto; padding:85px 40px;}
		.content .home-box {width:1280px; margin:0 auto; padding:0 40px;}
			.content ul {list-style:square; margin:0 0 35px 23px;}
			.content ol {list-style:decimal; margin:0 0 35px 23px;}
			.content li {padding-bottom:3px; font-family: 'DINOT-Bold'; font-size:0.9em;}
			
						
			.content .left {float:left; width:46%;}
				.content .largetext {font-size:1.7em;}
			.content .right {float:right; width:50%; text-align:right;}
				.content .right img {width:100%; height:auto;}
			.content .button {display:inline-block; background:#AFBB10; color:#FFF; margin:0; padding:12px 50px; font-size:26px;}
				.content .button:hover {opacity:0.8 !important; text-decoration:none !important;}
			
			.content .button-left {float:left; width:46%;}
			.content .button-right {float:right; width:50%; text-align:right;}
			
	
	.footer {background:#7d7d7d;}
		.footer .box {width:1280px; margin:0 auto; position:relative;}
			.footer a {color:#E1E1DF; text-decoration:underline;}
				.footer a:hover {color:#fff;}
				.footer .iwdlink {text-decoration:none !important;}
			.footer .logo {position:absolute; left:40px; bottom:0; width:329px; height:124px; background:url(../images/structure/logo-footer.png) no-repeat;}
			.footer .copyright {float:right; text-align:right; padding:25px 40px 25px 0; font-size:17px; color:#E1E1DF; line-height:2em;}
				.footer .copyright a {display:inline-block; margin-left:10px;}
		.footer .bottom {height:25px; border-top:1px solid #E1E1DF;}



/* 990-1280px styles *************************/
@media only screen and (max-width:1279px) {
		.header .box {width:100%; height:120px;}
			.header .logo {left:25px;}
			.header .nav {right:35px;}
						.header .nav ul li a {border-bottom:6px solid transparent; padding: 0 0 15px; font-size:19px;}
			.header .social {right:35px; top:30px;}
				.header .social .facebook {width:25px; height:25px; background-size:25px 25px;}
				.header .social .twitter {width:25px; height:25px; background-size:25px 25px;}
				.header .social .email {width:25px; height:25px; background-size:25px 25px;}
	
	.banner {padding:0 25px 35px;}
		.banner .box {width:100%;}

	.home-content {width:100%; margin:0 auto; padding:60px 25px 40px;}
		.home-content p {padding:0 30px;}
			.home-content .container {display:inline-block; width:32.5%; margin:0 1.25% 15px 0;}
				.home-content .container a img {width:100%; height:auto;}
				.home-content .container a:hover img {width:100%; height:auto;}				
	
		.home-gallery .box {width:100%; padding:60px 10px;}
	
		.subnav ul li:after {padding-left:20px; padding-right:20px; content: "-";}	

		.content .box {width:100%; padding:85px 25px;}
		.content .home-box {width:100%; padding:0 25px;}		
						
			.content .left {float:none; width:100%;}
			.content .right {width:40%; padding:0 0 30px 30px;}
		
		#contact-form .right {padding:0 !important; margin-bottom:0 !important;}
			
		.footer .box {width:100%;}
			.footer .logo {left:25px;}
			.footer .copyright {padding:25px 25px 25px 0;}
}


/* 768-989px styles *************************/
@media only screen and (max-width:989px) {
	
	.header .share {display:block; position:absolute; right:110px; top:50px;}
		.header .share a {display:block; width:50px; height:50px; background:url(../images/structure/share.png) no-repeat;}
		.header .share a:hover {text-decoration:none; opacity:0.7;}
		.header .share .active {opacity:0.7;}

	.header .menu {display:block; position:absolute; right:25px; top:50px;}
		.header .menu a {display:block; width:50px; height:50px; background:url(../images/structure/menu.png) no-repeat;}
		.header .menu a:hover {text-decoration:none; opacity:0.7;}
		.header .menu .active {opacity:0.7;}
	
	
	.header .nav {display:none; right:0; bottom:auto; top:120px; padding:25px 0; background:#C5CA85; width:100%; z-index:7998;}
			.header .nav ul li {margin:0; display:block; text-align:right;}
				.header .nav ul li a {border-bottom:0; padding: 10px 25px; color:#fff; font-size:21px; margin-bottom:1px;}
				.header .nav ul li a:hover{border-bottom:0; background:#8DB023; color:#fff; text-decoration:none;}
				.header .nav ul li .active {border-bottom:0; background:#8DB023; color:#fff;}
				
	.header .social {display:none; right:0px; top:120px; padding:25px 0; width:100%; background:#C5CA85; z-index:7998;}
		.header .social a {display:block; background:#8DB023; color:#fff; text-align:right; margin-bottom:1px; font-family: 'DINOT-Bold'; padding:10px 25px; font-size:21px; text-transform:uppercase;}
		.header .social a:hover {opacity:1; background:#8DB023; color:#fff; text-decoration:none;}
		.header .social .facebook {width:100%; height:auto; background:none; margin-right:0;}
		.header .social .twitter {width:100%; height:auto; background:none; margin-right:0;}
		.header .social .email {width:100%; height:auto; background:none;}
		.header .social .hide-text {text-indent:inherit !important; white-space:inherit !important; overflow:inherit !important;}
	
	.banner .arrow-down {display:none;}
	
	.home-content .container-area {padding-top:25px;}
		.home-content .container a .textarea {background:none; background-color:#AFBB10; text-align:center; padding-left:0;}

	.contact .box {width:100%; max-width:760px; padding:60px 25px;}
	.contact-form-box {width:100%; max-width:760px;}
		.contact .contact-info ul li {padding:0 6px;}
	
	.content .right {width:50%;}	
		
	.note {font-size:0.8em;}
	
	.subnav a {line-height:18px; font-size:15px;}
	.subnav ul li:after {padding-left:10px; padding-right:10px; content: "-";}
	
}


/* 480-767px styles *************************/
@media only screen and (max-width:767px) {
.header {height:83px;}
	.header .box {height:83px;}
		.header .logo {left:25px;}
			.header .logo a {width:261px; height:100px; background:url(../images/structure/logo-mobile.png) no-repeat;}
			
		.header .nav {top:83px;}
		.header .social {top:83px;}

		.header .share {right:90px; top:33px;}
			.header .share a {width:35px; height:35px; background:url(../images/structure/share.png) no-repeat; background-size:35px 35px;}
			
		.header .menu {right:25px; top:33px;}
			.header .menu a {width:35px; height:35px; background:url(../images/structure/menu.png) no-repeat; background-size:35px 35px;}
	
	.home-content {padding:40px 25px;}
		.home-content p {padding:0;}		
		.home-content .container {display:block; width:100%; max-width:450px; text-align:center; margin:0 auto 15px auto;}
		.home-content .no-margin {margin:0 auto 15px auto !important;}
		.home-content .container a .textarea {display:block; background:url(../images/structure/service-arrow.png) no-repeat center right 10px; background-color:#AFBB10;}
		
	.home-gallery .container {width:49.2%; margin:0.4%;}
	
	
	.content .box {padding:50px 25px;}
		.content .right {width:100%; padding:0; float:none; margin-bottom:30px;}
		.content .button-left {float:none; width:100%; margin-bottom:20px;}
		.content .button-right {float:none; width:100%; text-align:left;}
		.content .button {display:block; text-align:center; padding:12px 15px;}
	
	
	.subnav ul {padding:10px 0;}
	.subnav ul li {padding:0; display:block;}
		.subnav a {display:block; padding:5px 20px;}
		.subnav ul li:after {padding-left:0px; padding-right:0px; content: "";}
	
	.note {line-height:1.6em;}	

	.contact .contact-info ul li {display:block; padding:5px 0;}
		
	.footer .box {padding-top:25px;}
	.footer .logo {position:relative; left:auto; bottom:auto; width:100%; background:url(../images/structure/logo-footer.png) no-repeat bottom center; border-bottom:1px solid #E1E1DF;}
		.footer .copyright {float:none; text-align:center; padding:25px 0; font-size:17px; color:#E1E1DF; line-height:2em;}
			.footer .copyright a {margin-left:5px; margin-right:5px;}
	.footer .bottom {display:none;}
}


/* 320-479px view *************************/
@media only screen and (max-width:479px) {

	.header {height:190px;}
	.header-home {-webkit-box-shadow: 0px 0px 10px 0px rgba(141, 176, 65, 0.7) !important; -moz-box-shadow:    0px 0px 10px 0px rgba(141, 176, 65, 0.7) !important; box-shadow: 0px 0px 10px 0px rgba(141, 176, 65, 0.7) !important;}
		.header .box {height:190px;}
			.header .logo {left:0; right:0; margin:0 auto; width:261px;}

			.header .nav {top:190px;}
				.header .nav ul li {text-align:center;}
			.header .social {top:190px;}
				.header .social a {text-align:center;}
			.header .links {width:100px; position:absolute; top:125px; left:0; right:0; margin:0 auto;}
			.header .share {right:auto; left:0; top:0;}				
			.header .menu {right:0; top:0;}
				.header .menu a {float:right;}

	.banner {display:none;}
	
	.home-content h1 {text-align:left; font-size:24px;}
	.home-content p {text-align:left;}
	.home-content .container a .textarea {text-align:left; padding-left:15px;}
	
	.home-gallery .view-gallery {font-size:22px; padding:15px 15px; display:block;}
	
	#contact-form .left {float:none; width:100%;}
	#contact-form .right {float:none; width:100%;}
	#contact-form div {text-align:center;}
	#contact-form button[type="submit"] {font-size:22px; width:100%; margin-top:15px;}
	
	.content h1 {font-size:26px;}
		.content h1:before {padding-right:10px; content: "—  ";}
		.content h1:after {padding-left:10px; content: "  —";}
	.content h2 {font-size:24px;}
	
	.content .button {font-size:20px;}
	
	.footer .logo {width:100%; height:102px; background:url(../images/structure/logo-footer-mobile.png) no-repeat bottom center;}
	.footer .copyright {font-size:15px;}
}