/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(//fonts.googleapis.com/css?family=New+Rocker);


html, body {
	background: #0d0301;
	font: 13px/18px Trebuchet MS, sans-serif;
	color: #824115;
	min-width:300px;
}

* { -webkit-text-size-adjust: none;}

a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
.a-hov { transition: all 0.4s ease;}
.a-hov:hover { color: #824115;}

ul li a { transition: all 0.4s ease;}

h1, h2, h3, h4, h5, h6 { font-family: 'New Rocker', cursive; color: #ffffff;}
h1 { font-size: 55px; line-height: 60px; color: #ffbc45; }
h1 .slogan { font-size: 18px; line-height: 18px; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; color: #fff; text-transform: uppercase; letter-spacing: 4px; margin-top: -1px;}
h2 { font-size: 30px; line-height: 34px; font-family: 'Open Sans Condensed', sans-serif; padding-top: 53px; padding-bottom: 31px;}
h3 { font-size: 24px; line-height: 24px; font-weight: normal;}
h4 { font-size: 16px; line-height: 18px; text-transform: uppercase; }
h5 { text-transform: uppercase;}

.text-1 { font-size: 16px; line-height: 20px; text-transform: uppercase; color: #0d0301; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; }
.text-2 { font-size: 27px; line-height: 27px; color: #0d0301; font-family: 'New Rocker', cursive; }
.text-3 { font-size: 14px; line-height: 18px; color: #ffbc45; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 2px;}
.text-4 { font-size: 20px; line-height: 24px; color: #ffbc45; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-5 { font-size: 30px; line-height: 32px; color: #ffbc45; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-6 { font-size: 20px; line-height: 36px; color: #ffbc45; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px;}
.text-7 { font-size: 27px; line-height: 32px; color: #ffbc45; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif;}
.text-8 { font-size: 14px; line-height: 18px; color: #ffbc45; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px; padding-top: 14px;}
.text-9 { line-height: 18px; color: #ffbc45;}
.text-10 { font-size: 18px; line-height: 22px; color: #ffbc45; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px; padding-top: 14px;}
.text-11 { line-height: 18px; font-weight: bolder; color: #ffbc45; padding-top: 26px;}

.color-1 { color: #824115;}
.color-2 { color: #fff;}
.color-3 { color: #ffbc45;}

.link {display: inline-block;text-decoration: underline; font-size: 14px; line-height: 18px; color: #fff; text-transform: uppercase; font-weight: bold; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 1px;margin-top: 15px;}
.link:hover { color: #824115;}
h2.v1 { line-height: 32px;}
h2 + .text-9 { margin-top: -9px;}
p.text-9 { padding-bottom: 12px;}
.text-9 br { line-height: 18px; height: 0;}
h2.v1 { padding-bottom: 24px;}
h2.v2 { padding-top: 45px;}
.text-9 p { padding-bottom: 22px;}
.text-9 .a-hov:hover { color: #d86c00;}

.btn {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	transition: all 0.4s ease;
	color: #fff;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 23px;
}
.btn:hover { text-decoration: none;}

.list li {
	font-family: 'Open Sans Condensed', sans-serif; 
	font-weight: bolder;
	font-size: 14px;
	line-height: 18px;
	margin-top: 23px;
}
.list li + li { margin-top: 6px;}
.list li a {  
	color: #ffbc45; 
	background: url(../images/arrow-1.png) 0 8px no-repeat; 
	padding-left: 17px;
	letter-spacing: 1px;
}
.list li a:hover { color: #824115; background: url(../images/arrow-1-h.png) 0 8px no-repeat;}


.list-1 li {}
.list-1 li + li { margin-top: 7px;}
.list-1 li a { 
	font-family: 'Open Sans Condensed', sans-serif; 
	color: #ffbc45; 
	font-size: 14px; 
	line-height: 14px; 
	font-weight: bold; 
	letter-spacing: 1px;
	padding-left: 16px;
	background: url(../images/arrow-1.png) 0 7px no-repeat;
}
.list-1 li a:hover { color: #824115; background: url(../images/arrow-1-h.png) 0 7px no-repeat;}


.img-bord {	position: relative;}
.img-bord span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 2px solid;
	border-top: 3px solid;
	border-bottom: 3px solid;
	border-color: transparent;
}

.img-bord:hover span {border-color: #d86c00;box-shadow: inset 0px 0px 0px 4px #000000;}
.img-bord h2 { position: absolute; bottom: 20px; text-transform: uppercase; text-align: center; font-weight: bold;}
.img-bord-1 { display: block; text-align: center; border:2px solid #ffbc45; padding-bottom: 24px;}
.img-bord-1:hover { background: #ffbc45;}

.bord-1 { padding-bottom: 48px; position: relative; }
.bord-1:after { position: absolute; content: ""; border-bottom: 2px solid #4b2301; left: 10px; right: 10px; bottom: 0;}

.bord-1.v1:after { left: 0; right: 0;}


/*auxiliary*/

.img-ind {float: left; margin-right: 22px; margin-top: 2px;}
.wrapper {width: 100%; position: relative;}
.extra-wrap {overflow:hidden;}
.grid_inside { margin: 0 -10px;}
.aligncenter {text-align: center !important;}
.alignleft { text-align: left !important; }
.it {font-style:italic; display: inline-block;}
.fleft {float: left;}
.fright {float: right;}
.h-underline:hover { text-decoration: underline;}
.underline {text-decoration: underline;}
.upp {text-transform: uppercase;}
.transition {transition: all 0.4s ease;}

.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}
.clearfix:after { clear: both;}

.pad-left { padding-left: 10px;}

p { padding-bottom: 18px;}
.pad-top { padding-top: 20px;}


.box-3 { float: right; margin-top: 58px; width: 140px; margin-left: 10px;}



/************Header************/

header { position: relative; margin-bottom: 20px; height:580px;}
.header-2 { margin-bottom: 0;}

h1 { margin-top: 31px;}

.h-block-1 {background: #ffbc45; padding: 27px 12px 35px 28px; margin-top: -13px;}
.h-block-1 .text-2 { margin-top: 8px;}

.h-block-2 { margin-top: 41px;}
.text-3 .color-1 { margin-top: 6px; display: block;}


.h-col-2 { 
	position: relative;
}
.h-col-2 .bg-img {
	position: absolute;
	right: 0;
	top: 0;
	left: -20px;
	bottom: 0;
	z-index: 0;
	border: none;
}
.h-col-2 .bg-img img { width: 100%;}

.list-services { margin-top: 70px; margin-right: 60px; float: right; position: relative;}
.list-services li {
	display: inline-block;
	float: left;
}

	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 14px;
		width: 19px;
		background: url(../images/social_icons.png) no-repeat;
		background-position-x: -25px;
		background-position-y: 0px;
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
		margin-left: 11px;
	}
	.list-services-1 { background-position: 0px 0px;}
	.list-services-2 { background-position: -30px 0px;}
	.list-services-3 { background-position: -58px 0px;}
	.list-services-4 { background-position: -129px 0px;}
	.list-services-5 { background-position: -137px 0px;}

	.list-services-1:hover { background-position: -3px bottom;}
	.list-services-2:hover { background-position: -30px bottom;}
	.list-services-3:hover { background-position: -58px bottom;}
	.list-services-4:hover { background-position: -129px bottom;}
	.list-services-5:hover { background-position: -137px bottom;}

.z-ind-block { z-index: 102;}

.h-block-3 {
	position: absolute;
	bottom: -41px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	font-size: 50px;
	line-height: 55px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: 77px;
	letter-spacing: 1px;
}



.header-2 h1 a { padding-bottom: 44px;}

/************Content***********/

.content {background: url(../images/bg-2.png) 0 0 repeat;z-index: 100;position: relative; padding-bottom: 47px;}
.block-1 {	padding-top: 0px;}
.block-1 .img-bord h2 { line-height: 32px;}

.box-1 .text-4 { margin-top: 27px;}
.img-bord-1.box-2 { text-align: left; padding: 0px 16px 15px;}
.img-bord-1.box-2 h3 { padding-top: 15px; padding-bottom: 6px;}
.img-bord-1.box-2 .text-3 { letter-spacing: 1px;}
.box-2 + .box-2 { margin-top: 20px;}

.box-1 .img-bord-1:hover [class*="text-"] { color: #0d0301;}
.box-2.img-bord-1:hover { background: #ffbc45;}
.box-2.img-bord-1:hover [class*="text-"] { color: #fff;}

a.img-bord { display: inline-block;}

#foo { cursor: default; margin-top: 4px;}
#foo li { float: left;}
.arrows { text-align: right; float: right; margin-top: 19px;}
.arrows a {
	display: block;
	background: #fff;
	height: 13px;
	width: 10px;
	float: left;
	background: url(../images/arrows-1.png) 0 0 no-repeat;
	margin-left: 9px;
}
.arrows .next {background: url(../images/arrows-1.png) right 0 no-repeat;}
.arrows .prev:hover { background-position: left bottom; }
.arrows .next:hover { background-position: right bottom; }

.gallery-1 { margin-top: -7px;}

.gallery-1 .text-8 { display: inline-block;}
.box-4 { display: block;}
.box-4:hover [class*="text-"] { color: #824115;}


.box-4:hover .img-bord span {
	border-color: #d86c00;
	box-shadow: inset 0px 0px 0px 4px #000000;
	/*outline: ;*/
}

.gallery-1 .img-bord img { width: 100%;}

.list_carousel { margin-top: 2px;}

#foo1 { cursor: default;}
#foo1 li { float: left; }
#foo1 li img { width: 100%;}
#foo1 .magnifier { display: block; margin-top: 21px; }
.list_carousel1 { margin-top: -52px;}
.list_carousel1 .arrows { margin-top: 0px; margin-bottom: 11px;}

.gallery-2 { margin-top: -13px;}

.gallery { margin-top: -27px;}
.gallery > div { margin-top: 20px;}
.box-5 { padding: 15px; background: #19100e;}
.box-5 .magnifier { margin-bottom: 12px;}

.text-9 .color-2 { font-weight: bolder;}


h2 + .block-4 { margin-top: -9px;}
.block-4 + .block-4 { margin-top: 28px;}

/************Footer************/

footer { padding-bottom: 40px;}
footer .bord-2 > div { float: right !important;}
	.bord-2 { position: relative;}
	.bord-2:after {
		position: absolute;
		content: "";
		top: 0;
		left: 10px;
		right: 10px;
		border-top: 2px solid #4b2301;
	}
	.f-logo { 
		display: block;
		font-family: 'New Rocker', cursive; color: #ffffff;
		font-size: 36px;
		line-height: 38px;
		color: #824115;
		float: left;
		text-align: center;
	}
	.f-top { margin-top: 51px;}
	.copyright { 
		font-family: 'Open Sans Condensed', sans-serif; 
		font-size: 12px; 
		line-height: 16px; 
		color: #824115; 
		text-transform: uppercase; 
		font-weight: bold;
	
		letter-spacing: 1px;
		margin-top: 9px;
		margin-left: 11px;
		float: left;
}

		/*toTop*/
	
		#toTop {
			display:none;
			text-decoration:none;
			position:fixed;
			cursor:pointer;
			overflow:hidden;
			width: 30px;
			height: 18px;
			border:none;
			text-indent:-999px;
			z-index:20;
			background: url(../images/ui.totop.png) 0 0 no-repeat;
			margin-right: -670px !important;
			right: 50%;
			bottom: 20px;
		}
	
			#toTop:hover { background: url(../images/ui.totop.png) 0 bottom no-repeat;}
	
			#toTop:active, #toTop:focus {outline:none;}
	
	
	
		/*touch-touch*/ 
		.magnifier {
			position:relative;
			display:block;
			background: url(../images/magnifier.png) center center no-repeat #000000;
	
		}
		.magnifier img {
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
			width: 100%;
		}
	
		.magnifier:hover img {
			opacity: 0.4;
		}
	
		
	


/*==================================RESPONSIVE LAYOUTS===============================================*/

@media only screen and (min-width: 995px) {
	#foo1 li { float: left; width: 140px !important; margin-right: 20px;}
}

@media only screen and (max-width: 995px) {
	.h-block-3 br { display: none;}
	.h-block-1 {padding: 25px 12px 33px 12px;}
	.w1 { width: 50%; margin-bottom: 15px;}
	#foo1 .magnifier { margin: 20px 10px;}
	.block-4 + .block-4 { margin-top: 40px;}
}
@media only screen and (max-width: 767px) {
	.h-block-1 { padding: 25px 30px 33px 30px; text-align: center; margin-top: 20px;}
	.h-block-3 { position: relative; bottom: auto; margin-top: 30px;}
	.list-services {  float: right;  margin-top: 35px;}
	.h-col-2 { margin-top: 30px;}
	.h-col-2 .bg-img { left: 0;}
	.h-block-3 { font-size: 35px; line-height: 35px; margin-left: 50px;} 
	.box-1 {width: 46% !important; margin-left: 2%; margin-bottom: 2%; }
	.box-3 + .extra-wrap { overflow: visible;}
	.gallery-1 > div { width: 46% !important; margin-left: 2%; margin-right: 2%; margin-top: 30px;}
	.w2 { width: 31% !important; margin-left: 1%; margin-right: 1%;}
	.w3 { width: 46% !important; margin-left: 2%; margin-right: 2%; margin-top: 20px;}
	.box-1 .img-bord-1 { min-height: 211px;}
	.box-3 { margin-bottom: 20px;}
	header h1 { width: 65%; float: none; margin-left: auto; margin-right: auto;}
	.pad-top { padding-top: 35px;}
	.header-2 .list-services { float: left; }
	.content { background: none;}
	.content.pad-top {background: url(../images/bg-2.png) 0 0 repeat;}
	.box-4 { margin-top: 20px;}
	.gallery > div { width: 46% !important; margin-left: 2%; margin-right: 2%;}
	#map_canvas {height: 250px!important;}
}
@media only screen and (max-width: 479px) {
	.box-1 {width: 100% !important; margin-left: 0; margin-bottom: 0;  margin-top: 20px;}
	.box-1 a.img-bord { display: block;}
	.img-bord h2 { width: 100%;}
	.w2 { width: 100% !important; margin-left: 0; margin-right: 0;}
	.box-1 .img-bord-1 { min-height: 0px;}
	.h-block-3 { font-size: 30px; margin-left: 30px;}
	.gallery > div { width: 100% !important; margin-left: 0; margin-right: 0;}
	.list-services { float: left;}
}
@media only screen and (max-width: 320px) {

}