body {	color:#333;	font:400 15px/15px 'Signika',Arial,Helvetica;background:#eee; -webkit-font-smoothing:antialiased; background:#fff; }

a{color:#00a9c6; text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
}

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:700 5em 'Signika', Arial,Helvetica;color: #fff;}
h1.logo{background: url(../images/logo.png) left no-repeat;padding-left: 110px;line-height:60px; }
h2{color: #fff;margin-bottom: 2em;font-size: 2em;}
h3{color: #DFB533;margin-bottom: 1em;font-size: 1.5em;}
h4{
	color: #000000;
	margin-bottom: 0.5em;
	font-size: 15px;
}


/*about*/

.about .panel-group .panel{border-radius: 0;border: none;}
.about .panel-default > .panel-heading{border-radius: 0;padding: 0;background-color:#eee; }
.panel-title{font-size: 1.35em;}
.panel-title > a{display: block;padding:1.5em;}
.panel-title > a:hover{text-decoration: none;background-color:#666;color: #fff;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{border:none;line-height: 1.5em;font-size: 1.15em;}
.panel-body{padding:2em;background-color:#fff;}
/*about*/

/*button*/
.btn{border-radius: 0;border:none;padding:0.75em 2.5em; }
.btn i{margin-right: 5px;}
.btn-warning{background: #eb9909;color: #000;}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{color: #333;}
/*button*/

.form-control{border:none;border-radius: 0;}

.ab-wrap{display: table;height: 100%;width: 100%;}
.ab-center{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

/*menu*/
.menu{
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 10000;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.menu a{
	color: #FFF;
	margin-top: 11px;
	margin-right: 1px;
	margin-bottom: 11px;
	margin-left: 20px;
	padding-bottom: 3px;
	font-weight: bold;

}

/*banner*/
/*banner*/
.carousel{background-color: #000;z-index: 1000;}
.carousel-inner > .item{text-align: right;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{display: inline;width: 100%;}
.carousel-control{background: none !important;width: 7%;}
.carousel-control i{top: 50%;position: absolute;margin-top: -30px;color: #999;text-shadow: none;}

.next-prev a{color: #000;background: #ff6211;width: 50px; height: 50px;display: inline-block;float: left;text-align: center;line-height: 50px;margin-left: 1px;position: absolute;top:50%;margin-top: -25px;}
.next-prev a.left{left: 0;}
.next-prev a.right{right: 0;}
/*banner*/

/*intro*/
.caption{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.caption .top-information{
	width: 550px;
	margin-left: 50px;
	text-align: left;
}
.caption .top-information p{
	margin: 30px 0;
	line-height: 1.5em;
	font-size: 1.05em;
	color: #000;
	padding-left: 110px;
	font-family: monospace;
	text-align: left;
	font-weight: bold;
}
.caption .top-information .btn{
	margin-left: 110px;
	text-align: left;
}
/*intro*/


/*gallery*/
.gallery .product{position: relative;}
.gallery .product .overlay{
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(105,125,136,0.9);
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: rgba(138,163,200,0.9);
}
.gallery .product:hover .overlay{opacity: 1; }
.gallery .product h3{
	color: #333;
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica;
	text-align: center;
}
.gallery .product p{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica;
	font-size: 25px;
}
.gallery .product .btn{padding: 0.5em 1.5em;background-color: #333;color: #fff;text-shadow:none;}
.gallery .product .btn:hover{
	background-color: #617d88;
	color: #000;
	font-family: Arial, Helvetica;
}
/*gallery*/


/*contact*/
.contact{background-color: #000; padding: 100px 0;color: #aaa;}
.contact .btn{width: 100%;}
#map{height: 400px;}
/*contact*/

/*footer*/
.footer{
	background-color: #182c43;
	padding: 2em 0;
	color: #FFF;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-align: center;
}
.footer a{color: #aaa;}
.footer .social{margin-bottom: 2em;}
.footer .social a{color: #fff;font-size: 1em;margin-right: 10px;}

/*footer*/

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #0b5a72;}
.gototop i{line-height: 0.5em;}

@media (max-width: 1920px) {
	.contact{padding:50px 0; }
	
	.menu{
	top: 0px;
	right: 0;
	width: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;}
	
	.extramenu{font-size: 18px;}


}


@media (max-width: 900px) {
	

		}

@media (max-width: 767px) {
	body{font-size: 13px; line-height: 13px;}
	h1.logo{font:800 2.25em 'Signika';line-height: 90px;}
	h2{font-size: 1.25em;}
	.btn{padding: 0.5em 1.5em;}
	.caption{position: relative;padding: 1em 0;}
    .carousel{margin-top: 88px;}
	.caption .top-information{width: 100%;margin: 0;}
	.next-prev{display: none;}
	.contact{padding: 20px;}

	#map{height: 200px;}
	.menu {
    font-size: .55em;}
		.logo {
	width: 300px;
	height: auto;

}

	.extramenu{font-size: 12px;}

@media (max-width: 550px) {
		.menu a{
    font-size: 14px;}
			.menu {
    	top: 0px;
	right: 0;
	width: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
		
	.logo {
	width: 200px;
	height: auto;
		
}
.a:link {

	font-size: 20px;
}
.a:visited {
	color: #FFFFFF;
}
.a:hover {

	font-size: 20px;
}
.a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
		}