/**/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import url(http://fonts.googleapis.com/css?family=Audiowide);/*font-family: 'Audiowide', cursive;*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900);/*font-family: 'Lato', sans-serif;*/
/* Getting the new tags to behave */


 a[href^="tel:"] {
color: inherit;
text-decoration:none;
}

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

input {
	border-radius: 0 !important;
}
/**/
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}

body {
	font-family: Arial, Helvetica, sans-serif ; 	 
	font-size:12px; 
	line-height:20px;
	color:#827e7c;
	min-width:960px;
	background:#181514;

	}
	#page{}
.main{
	width:100%;
	min-height:100%;
	height: auto; 
	background: url(../images/bg-body.png) center 0 no-repeat #110e0e;
	}
.main-1{
	width:100%;
	height: auto; 
	background: #110e0e;
	}
	.div-main{}

	img {
		max-width: 100%;
	}
/***********************************************************************/
/*================================>Block-classes<==========================*/
.txt-dec-n{text-decoration:none !important;}
.txt-dec-u{text-decoration: underline;}
.txt-up-n{text-transform:none !important;}
.txt-up{text-transform:uppercase;}
.txt-al{text-align:center;}
.txt-alr{text-align:right;}
.bold{font-weight:bold;}
.link{
	font-size:11px;
	color:#e03c0f;
	}
	.link:hover{color:#fff;}
.font-11{
	font-size:11px;}
.font-12{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	}

.col{color:#43342f;}
.col-1{color:#fff;}

.hov:hover{color:#e03c0f;}

.border-none{border: none !important;}
.bg-none{background: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

.bord-bot{
	border-bottom:1px solid #292727;
	padding-bottom:19px;
	margin-bottom:20px;}
.bord-bot-1{
	border-bottom:1px solid #292727;
	padding-bottom:15px;
	margin-bottom:20px;}

.col a {
	color: inherit;
}

.col a:hover {
	color: #fff;
}
/*===============================>Indent<==================================*/

.top{padding-top:4px;}
.top-1{margin-top:-6px;}

.bot{margin-bottom: 63px;}
.bot-1{margin-bottom: 33px;}
.bot-2{margin-bottom:11px;}
.bot-3{margin-bottom:27px;}
.bot-4{margin-bottom:20px;}

.left{margin-left: 16px;}

.right{padding-right:20px;}
.right-1{margin-right:20px;}
.right-2{margin-right:12px;}

/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}
p{padding-bottom:20px;}

ul {
	margin:0; 
	padding:0;
	list-style-image:none;
	}
.button{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif ; 
	font-size: 11px; 
	line-height: 16px;
	padding: 8px 15px 11px 15px;
	position:relative;
	color:#ff6236 ; 
	background:#43180d ;
	border-radius: 5px;
	z-index:1;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	}
	.button span{
		display:block;
		position:absolute;
		background:#43180d ;
		z-index:-1; 
		top:0;
		left:50%;
		bottom:0;
		right:50%;
		-moz-transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		border-radius: 5px;
		}
.button:hover span{
	background:#fff ;
	top:0;
	left:0;
	bottom:0;
	right:0;
	}
.button:hover{}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}
/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	float:left;
	margin:27px 0 0 0;
	}
h1 a{display:inline-block;}
h2{ font-size:24px; 
	font-family: 'Lato', sans-serif;
	color:#fff; 
	line-height:30px;
	font-weight: 900;
	text-transform:uppercase;
	}
h3{font-size:18px; 
   font-family: 'Lato', sans-serif;
   color:#ebebeb; 
   line-height: 22px; 
   font-weight:900;
   }
h4{}

/*********************************header*************************************/
.main-head{
	background: url(../images/bg-body.png) center 0 no-repeat;}
.head{
	width:100%;  
	position:relative; 
	z-index:2;
	background: url(../images/bg-head.png) center 0 repeat;
	}
header{
	margin: 0 auto;
	position:relative;
	}
/*********************************content*************************************/
#page-1 #content{padding:0 0 66px 0;}
#content{
	width:100%; 
	padding:83px 0 53px 0; 
	margin:0;
    position:relative; 
	z-index:1;
	}


#map_canvas{
	width: 535px;
	height: 277px;
	}
.adress{
	font-size: 12px; 
	} 
.adress dd{text-align:left;}
.adress a{ 
    color:#e03c0f ; 
	display:inline-block;
	font-size: 12px;
	margin-left: 2px; 
	}
.adress a:hover{
	color:#fff ; 
	text-decoration:underline;
	}
		.adress span{
			display:inline-block; 
			width:69px;
			}
		.adress strong{
			display:inline-block;
			font-weight:normal;
			}
		.title1{
			letter-spacing:0; 
			text-align:left; 
			font-size: 12px;
			margin: 0 0 20px 0; 
			display:inline-block; 
			font-weight: bold; 
			color:#ffffff ;
			}
.pp{
	display:inline-block; 
	margin:18px 0 0 0; 
	color:#e03c0f; 
	}
.pp:hover{
	color:#fff ; 
	text-decoration:underline;
	}
.list li{
	font-size:12px;
	line-height:18px;
	padding:6px 0 6px 0;
	display:block;
	overflow:hidden;
	}
.list li span{
	display:block;
	overflow:hidden;}
.list li strong{
	display:block;
	margin-right:8px;
	float:left;
	color:#fff;
	}
.list li a{
	color:#827e7c;}
.list li a:hover{color:#fff;}

.list-1{}
.list-1 li{
	font-size:12px;
	line-height:18px;
	padding:6px 0 6px 12px;
	display:block;
	background: url(../images/bg-list-1-li.png) 0 10px no-repeat;
	}
.list-1 li a{color:#e03c0f;}
.list-1 li a:hover{color:#fff;}

.list-2{}
.list-2 li{
	background: url(../images/bg-list-2-li.jpg) 9px 13px no-repeat;
	font-size:11px;
	line-height:18px;
	padding:6px 0 6px 21px;
	}
.list-2 li a{color:#ebebeb;}
.list-2 li a:hover{color:#e03c0f;}
/**********************************index***********************************/
.big-banner{
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	text-align:center;
	letter-spacing:-3px;
	padding:50px 0 76px 0;
	}
.big-banner span{
	font-weight:bold;
	font-size:72px;
	display:block;
	line-height:90px;
	color:#fff;
	}
.big-banner span+span{
	font-size:120px;
	line-height:140px;
	margin:-29px 0 0 0;
	font-weight:900;
	}
.big-banner span+span span{
	font-size:120px;
	line-height:140px;
	margin:-29px 0 0 0;
	font-weight:900;
	}
	.big-banner span+span span em{font-weight:300;font-style:normal;}
.big-banner strong{
	font-weight:bold;
	font-size:30px;
	color:#ff4714;
	line-height:36px;
	display:block;
	margin:-14px 0 0 0;
	letter-spacing: -1px;
	}
.clients{
	background:#ff4714;
	display:inline-block;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	padding:8px 3px 8px 19px;
	color:#fff;
	text-transform:uppercase;
	position:relative;
	}
	.clients:after{
		background: url(../images/client-after.png) 0 0 no-repeat;
		width:18px;
		height:40px;
		display:block;
		position:absolute;
		content:'';
		top:0;
		right:-18px;
		}
.block{
	font-size:18px;
	line-height:24px;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	position:relative;
	overflow: hidden;
	}
	.block:hover span{bottom: 50px;}
	.block span{
		display:block;
		position:absolute;
		background: url(../images/bg-block.png) 0 0 repeat;
		font-size:12px;
		line-height:20px;
		text-transform:none;
		font-family: Arial, Helvetica, sans-serif;
		color:#ffffff;
		padding:24px 30px 26px 30px;
		bottom: -50%;
		left:0;
		-moz-transition:all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		}
	.block-2 a{
		font-size:16px !important;
		}
	.block-2 a:hover{
		}
.block a{
	background: url(../images/bg-block-a.png) right 9px no-repeat #a22f0f !important;
	color:#fff;
	display:block;
	padding:13px 0 13px 20px;
	position:relative;
	z-index:1;
	-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
	}
	.block a:hover{background-color: #222 !important;}
	
/**********************************index-1*********************************/
.block-1{
	background: url(../images/bg-block-1.png) 0 0 no-repeat;
	padding:5px 0 38px 20px;
	}
/**********************************index-2*********************************/

/**********************************index-3*********************************/

/**********************************index-4*********************************/

/**********************************index-5*********************************/

/**********************************index-6*********************************/

/****************************footer************************/
footer{ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color:#4d4a48;
	background:#181514 ; 
	text-indent:0;
	text-align:right;
	}
.main-footer{
	padding-top: 20px; 
	padding-bottom: 20px;
	}
footer a{color:#4d4a48;}
footer a:hover{color:#fff;}
/*=======================superfish=========================*/


/******************* carousel ***************/
.carousel {
	overflow:hidden;
	}
.carousel-box {position:relative;}
.carousel ul li {}

#next,
#prev {
	display:inline-block;
	width:31px;
	height:31px;
	margin:61px 0 0 0;
	}
#next{background: url(../images/next.png) 0 bottom no-repeat;}
#prev{background: url(../images/prev.png) 0 bottom no-repeat;margin-right:10px;}
#next:hover {background-position:0 0;}
#prev:hover {background-position:0 0;}


.ff_right {
	float: right !important;  
}




figure img {
	max-width: 100%;

}




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


@media only screen and (max-width: 995px) {
 body {
min-width:768px;
}



.block:hover span {
	bottom: 50px;
	top: auto;
}
 .map figure, .map figure iframe, #form input, #form textarea, #form .success {
 width: 100% !important;
 float: none;
}
 #form .success {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}

figure {
	-moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
 .map figure {
 height: auto !important;
}

.extra_wrapper {
	overflow: visible ;
}

.block_box {
	margin-right: 0 !important;
}
.box_1 > .block_box {
	margin: 0 15px 20px 0 !important;
}

figure iframe {
	width: 100%;
}

.block img {
	width: 100%;
	max-width: 100%;
}

.right {
	padding-right: 0;
}
.rt1 {
	float: none;
	margin-right: 0;
	margin: 0 auto;
	display: block;
}

.vis {
	overflow: visible;

}

#map_canvas{
	width: 100%;
}

}
 @media only screen and (max-width: 767px) {
 body {
min-width:420px;
}

.full {
	margin-right: 0 !important;
	margin-bottom: 25px;
	width: 100%;
	float: none;
}


.ff_right {
	float: none !important;
	clear: both;

}


.img_inner {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;		
}

header h1 {
	padding-top: 10px;
}



h1.logo {
	float: none;
}

header h1 a {
	margin: 0 auto;
	width: 186px;
}


figure  img {
	margin: 0 auto;
}


.map address  {
	float: none;
	margin-right: 0px;
}


header {
	position: relative;
	padding-top: 20px;
}
header h1 {
	float: none;
	top: 0;
	text-align: center;
	margin-left: 0 !important;
	padding-left: 0;
	padding-bottom: 40px !important;
}


header h1 .logo {
	margin: 0 auto;
}

.map figure iframe {
	width: 100%;
	height: 300px;
}


.map address {
	float: none;
	margin-right: 0;
}

.content .noresize {
	width: auto !important;
	float: left !important;
	margin-right: 20px !important;
}

.header_top {
	margin-bottom: 40px;
}

figure {
	width: 100%;
}

figure img {
	width: 100%;

}


figure {
	margin-right: 0 !important;
	margin-bottom: 20px;
}

.head {
	background-repeat: repeat;
}

.big-banner span{
	font-size: 65px !important;
	line-height: 100px !important;
	font-weight: normal !important;
}

.big-banner strong {
	font-size: 40px !important;
	line-height: 60px !important;
}

.block {
	margin-bottom: 34px;
}

.rt1 {
	float: left;
	margin-right: 20px;
}

.offtop {
	padding-top: 40px;
}

#map_canvas {
	width: 100%;
	margin-bottom: 30px;
}

ul.list {
	margin-bottom: 20px;
}

}

 @media only screen and (max-width: 479px) {



.big-banner span{
	font-size: 55px !important;
	line-height: 80px !important;
	font-weight: normal !important;
}

body {
min-width:300px;
}

.autorization .mail {
	float: none;
}

.menu {
	width: 300px;
	margin: 0 auto;
	float: none !important;
}

footer .logo a {
	float: none;
}

.banner {
	background: none !important;
}

}