/*Imported CSS*/
@import url('reset.css'); /*Reset CSS*/
@import url('font-awesome.css'); /*Font Awesome CSS*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);



img {max-width: 100%;}

a, a img, *[type="button"], button {
	-webkit-transition: all .5s;
	 -khtml-transition: all .5s;
	   -moz-transition: all .5s;
		-ms-transition: all .5s;
		 -o-transition: all .5s;
		 	transition: all .5s;
}
body {border-top: 11px solid #e3e3e3; font-family: 'Lato';}
.clear {clear: both; height: 0; width: 100%; line-height: 0; font-size: 0;}
p {color: #23272a; line-height: 24px; margin-bottom: 20px;}
p strong {font-size: 22px; font-weight: 700;}
.no-float {float: none!important;}

.clear {clear: both; height: 0; width: 100%; line-height: 0; font-size: 0;}
.inner {max-width: 976px; margin: 0 auto;}

img.left {float: left; margin: 27px 27px 27px 0;}
img.right {float: right; margin: 27px 0 27px 27px;}

#header {background: #fff;}
#header .logo {text-align: center; padding: 25px 0;}

#nav {
	background-color: #23272a;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMjcyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(bottom, #23272a 0%, #000 100%);
	background-image: -o-linear-gradient(bottom, #23272a 0%, #000 100%);
	background-image: -webkit-linear-gradient(bottom, #23272a 0%, #000 100%);
	background-image: linear-gradient(bottom, #23272a 0%, #000 100%);
	font-size: 0;
}

#nav ul li {display: inline-block;}
#nav ul li a {display: block; font-size: 20px; font-family: Georgia, Times, serif; color: #fff; text-transform: capitalize; height: 100px; line-height: 100px; padding: 0 35px;}
#nav ul li.active a, #nav ul li a:hover {background: #2a2e32;}

#title {text-align: center; background: #bd2025 url(../img/title.png) no-repeat center; padding: 60px 0; border-bottom: 9px solid #e3e3e3;}
#title p {color: #fff; font-family: "Georgia", Times, serif; font-size: 38px; font-style: italic; text-shadow: 2px 3px 3px rgba(0,0,0,.75); font-weight: 700; margin: 0; line-height: 40px;}

#footer {background: #23272a; color: #fff; padding: 40px 0;}
#footer p {margin: 0; color: #fff;}
#footer .social {float: right; padding: 6px 0;}
#footer .social a {display: inline-block; width: 28px; height: 28px; color: #fff; background: #434649; text-align: center; line-height: 32px;}
#footer .social a:hover {background: #bd2025;}

#footer-nav {font-size: 0; display: inline-block; margin-bottom: 9px;}
#footer-nav ul li {display: inline-block;}
#footer-nav ul li a {display: block; height: 13px; line-height: 13px; vertical-align: middle; border-left: 2px solid #fff; padding: 0 6px; font-size: 16px; color: #fff;}
#footer-nav ul li:first-child a {border-left: none; padding-left: 0;}

#banner {background: #bd2025; text-align: center; color: #fff; position: relative; padding: 43px 0;}
#banner:before {content: " "; width: 30px; height:30px; background: #fff; transform:rotate(45deg);position: absolute; left: 50%; margin-left: 15px; top: -15px;}
#banner h5 {font-size: 22px; font-weight: 700; line-height: 24px; margin-bottom: 5px;}
#banner h6 {font-size: 18px; line-height: 24px;}

#main {padding: 40px 0 35px; background: #fff; text-align: justify; overflow: hidden;}
#main.grey {background: #f5f5f5;}

.trigger {text-align: right; font-size: 30px; cursor: pointer; color: #fff; display: none; padding: 15px 0;}

.construction {font-size: 6vw; letter-spacing: 3px; font-family: Georgia; color: #bd2025; font-weight: 700; text-align: center; line-height: 1.2; padding: 50px 0; font-style: italic;  text-shadow: 5px 0 0 #000, -5px 0 0 #000, 0px 5px 0 #000, 0px -5px 0 #000;}


form input[type="text"], form textarea, form textarea, form input[type="text"], select {
    background: #fff; border:1px solid #c6c6c6; color: #5d5248; font-size: 16px; line-height: 20px; padding: 8px 2%; font-family: Lato; width: 232px;
}
form textarea, form input[type="text"] {width: 96%;} 
select {width: 426px;}
form {background: #f4f4f4; border: 1px solid #c6c6c6; padding: 3%; margin-top: 22px; width: 500px; max-width: 94%; margin: 0 auto;}
form p, .contact-form p {margin-bottom: 9px;}
form p.submit, .contact-form form p.submit {text-align: left;}
form input[type="submit"], .contact-form form input[type="submit"] {font-size: 14px; background: #bd2025; color: #fff; width: 95px; line-height: 20px; padding: 9px 0; border:none; text-transform: uppercase; cursor: pointer;}
form input[type="submit"]:hover, .contact-form form input[type="submit"]:hover {background: #fa002a;}
textarea, .contact-form textarea {height: 100px;} 

@media screend and (min-width: 1024){
	#nav ul {display: block!important;}
}

@media screen and (max-width: 1023px) {
	.inner {max-width: 90%;}
	.trigger {display: block;}
	#nav ul {clear: both; display: none;}
	#nav ul li {display: block; width: 100%;}
	#nav ul li a {height: 35px; border-bottom: 1px solid #f5f5f5; line-height: 35px; padding: 0 10px;}
	#nav ul li:last-child a {border-bottom: none;}
	#title {background: #bd2025;}
}