@import url('../css/nivo.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css');
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
*
{
	margin: 0;
	padding: 0;
}

body
{
	color: #000000;
	font-size: 14px;
	line-height: 24px;
	font-family: "Open Sans" sans-serif;
	background: #ffffff;
}

img
{
	border: 0;
}

#sitemap
{
	height: 55px;
	color: #ffffff;	
	line-height: 50px;
	background: #16181a;
}

.social a i
{
	height: 30px;
	width: 30px;
	padding: 0px;
	margin: 12px 2px;
	text-align: center;
	color: #16181a;	
	line-height: 30px;
	background: #cccccc;
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.social a i:first-child {margin-left: 0px;}
.social a i:last-child {margin-right: 0px;}

.social a i:hover
{
	opacity: 0.7;
}

.telephone i 
{
	color: #fc5a0a;
	text-align: center;
	line-height: 35px;
	height: 35px;
	width: 35px;
	margin-right: 5px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: #3a3c3f;
	font-size: 22px;
	font-weight: normal;
}

.telephone strong {font-size: 22px; font-weight: normal;}

#header
{
	margin: 15px auto;
}

ul.address {list-style-type: none; margin: 10px 0px;}
ul.address h3 {font-weight: normal; font-size: 20px; color: #ff0000; padding: 0px; margin: 0px 0px 5px;}
ul.address h4 {font-weight: normal; font-size: 14px; padding: 0px; margin: 0px 0px 5px;}
ul.address a {font-weight: normal; font-size: 14px; color: #ff0000; }

#header .button
{
	color: #ffffff;
	text-align: center;
	padding: 8px 20px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: #fc5a0a;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

#header .button:hover
{
	background: #1c2025;
}

#menu
{
	margin: 0px auto;
	background: #1c2025;
}

#menu ul
{
	margin: 0px auto;
	left: 0px;
	right: 0px;
	text-align: center;
	height: 80px;
	list-style-type: none;
}

#menu ul li
{
	display: inline-block;
	margin: 0px 0px 0px -3px;
}

#menu ul li a
{
	float: left;
	height: 80px;
	line-height: 80px;
	padding: 0px 35px;
	text-decoration: none;
	display: block;
	color: #ffffff;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	border-right: 1px solid #3a3c3f;
	background-position: top center;
}

#menu ul li:first-child a
{
	border-left: 1px solid #3a3c3f;
}

#menu ul li a:hover, #menu ul li a.active
{
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	background: #16181a url('../images/ahover.png') bottom center no-repeat;
}

#banners
{
	margin: 0px auto 20px;
}

.bannerleft
{
	position: relative;
	background: #16181a url('../images/banner1.jpg') bottom right no-repeat;
}

.bannerright
{
	position: relative;
	background: #16181a url('../images/banner2.jpg') bottom right no-repeat;
}

#banners .caption
{
	padding: 20px 30px 25px;
	color: #ffffff;
}

#banners .caption h3
{
	font-size: 30px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#banners .caption h3 a,
#banners .caption h3 a:hover
{
	color: #fc5a0a;
	text-decoration: none;
}

#banners a.button
{
	position: absolute;
	bottom: 35px;
	right: 35px;
}

ul.list
{
	list-style-type: none;
	margin-bottom: 15px;
}

#body
{
	margin: 0px auto 15px;
}

h1
{
	color: #fc5a0a;
	font-size: 30px;
	text-align: center;
	margin: 0px auto;
	font-family: "Open Sans" sans-serif;
	margin-top: 0px; padding-top: 0px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

h2
{
	text-align: center;
	color: #1c2025;
	font-family: "Open Sans" sans-serif;
	font-size: 22px;
	margin-top: 0px; padding-top: 0px;
	margin-bottom: 15px;
}

#bodyleft
{
	width: 100%;
	max-width: 502px;
	float: left;
}

#bodyright
{
	width: 100%;
	max-width: 502px;
	float: right;
}

#body p
{
	margin-bottom: 14px;
}

#body a
{
	color: #fc5a0a;
}

#body a:hover
{
	color: #000000;
}

img.img-responsive
{
	margin-bottom: 14px;
	width: 100%;
	height: auto;
	border: 5px solid #e9e9e9;
}

fieldset {border: 0px;}

input[type=text]
{
	padding: 10px;	
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	width: 100%;
	color: #000000;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #666666;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

select
{
	padding: 10px;	
	text-align: center;
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	width: 100%;
	color: #000000;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	background: #f2f2f2;
	border-bottom: 2px solid #666666;
}

.disabled
{
	opacity: 0.5;
	cursor: not-allowed;	
}

textarea.disabled
{
	opacity: 0.5;
	height: 60px;
	cursor: not-allowed;	
}

input.code
{
	background: #e9e9e9;
	width: 80px;
}

input[type=submit]
{
	color: #ffffff;
	text-align: center;
	padding: 8px 20px;
	background: #fc5a0a;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	border: 0px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

textarea
{
	padding: 10px;	
	font-family: 'Oxygen', sans-serif;
	width: 100%;
	font-size: 14px;
	color: #000000;
	height: 180px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #666666;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	overflow: auto;
}

input[type=submit]:hover
{
	background: #1c2025;
}

input[type=text]:hover
{
	background: #e9e9e9;
}

textarea:hover
{
	background: #f1f1f1;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #666666;
}

iframe
{
	width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	height: 450px;
	margin-bottom: -6px;
}

iframe.small
{
	width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	height: 300px;
	margin-bottom: 15px;
}

.modal-md {max-width: 480px; text-align: center; padding: 50px;}
.modal-md input {text-align: center;}

blockquote 
{
	padding: 5px 15px;
	background: #f4f4f4;
}

blockquote i
{
	color: #cccccc;
}

#footer
{
	line-height: 20px;
	margin: 0 auto;
	padding: 20px 0px;
	font-size: 12px;
	text-transform: capitalize;
	color: #ffffff;
	text-decoration: none;
	background: #1c2025;
}

#footer ul
{
	float: left;
	margin-bottom: 0px;
	list-style-type: none;
}

#footer ul li
{
	display: block;
}

#footer ul li strong
{
	color: #fc5a0a;
}

#footer p
{
	margin-bottom: 0px;
}

#footer a
{
	color: #ffffff;
	text-decoration: none;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

#footer a:hover
{
	color: #fc5a0a;
}

.clear
{
	clear: both;
}

.error, .red, .green
{
	color: #fc5a0a;
	background: #f2f2f2;
	-webkit-animation-name: pulseBorder;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 0.5s;
	text-align: center;
	width: 100%;
	padding: 10px;
	display: block;
	border: solid 1px #fc5a0a
}

@-webkit-keyframes pulseBorder {
  from {
	color: #1c2025;
	background: #f2f2f2;
	border: solid 1px #1c2025;
  }
  to {
	color: #fc5a0a;
	background: #e8e8e8;
	border: solid 1px #fc5a0a;
  }
}

@media (max-width: 767px) {
	#sitemap{height: auto; text-align: center;}
	#header {height: auto;}
	.text-right {text-align: center;}
	#logo img{max-width: 320px; width: 100%; margin: 10px auto;}
	#header {width: 100%; margin: 0px auto; text-align: center;}
	#menu {width: 100%; text-align: center; margin: 20px auto; height: auto; padding: 5px 0px;}
	#menu ul {margin: 10px 0px 10px;}
	#menu ul li {display: block; width: 100%;}
	#menu ul li a {width: 100%; padding: 0px; border: 0px; margin: 0px auto; text-align: center; height: 50px; line-height: 50px; padding: 0px; border-right:0px; background-image: none !important; border-bottom: 1px solid #3a3c3f;}
	#menu ul li a.active {color: #fc5a0a;}
	#menu ul li:first-child a {border-left:0px;}
	#menu ul li:last-child a {border-bottom:0px; margin-bottom: 10px;}
	.bannerleft {margin: 0px auto 20px;}
	.bannerright {margin: 0px auto 20px;}
	#body {text-align: center; padding-bottom: 25px;}
	.caption {text-align: center;}
	#banners a.button {display: none !important;}
	#banners .caption{padding: 15px;}	
	h1 { text-align: center; margin: 0px auto 20px;}
	#footer {width: 100%; height: auto; text-align: center; font-size: 11px;}
	#footer ul {float: none;}
	#footer p {float: none; text-align: center;}
	.nivo-caption {position: relative; left: 0px; right: 0px; top: 40px; margin: 0px auto; max-width: 320px; width: 80%; text-align: center;}
	.nivo-controlNav, #slider a.button {display: none;}
	img.image {margin: 0px auto; left: 0px; right: 0px;	bottom: 40px; max-width: 100px;}
}


@media (min-width: 768px) and (max-width: 991px) 
{
	.text-right {text-align: center;}
	#footer .text-right {text-align: right;}
	#sitemap { margin: 0px auto; text-align: center;}
	#sitemap .col-md-6 {display: inline-block; margin: 0px auto;}
	#header {text-align: center;}
	#menu ul li a {width: 100%; text-align: center; padding: 0px 15px;}
	.bannerleft {margin: 0px auto 20px;}
	.bannerright {margin: 0px auto 0px;}
	.caption {max-width: 420px;}
	#body {text-align: center; padding-bottom: 25px;}
}

@media (min-width: 992px) and (max-width: 1199px) 
{
	#banners .caption{padding: 20px;}
	#banners .caption h3{font-size: 20px; margin-top: 0px;}
}