html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:none;
}
body {
	background: #2F2F2F url(../img/bg_pat.gif) repeat;
	padding: 50px 0;
	font-family: 'Ubuntu', sans-serif;
}
#content_wrap {
	width:1290px;
	height: auto;
	margin: 0px auto 0px auto;
	moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
}
#top_line {
	height: 36px;
	width: 100%;
	vertical-align: middle;
	background: #DFDFDF url(../img/banner_bg.gif) repeat;
	border-top: 5px solid #d42027;
}


.row {
	padding: 0 50px;
	box-sizing: border-box;
}
hide-m::after {
	content: attr(data-domain);
}
hide-m::before {
	content: attr(data-user) "\0040";
}
spam::after {
	content: attr(data-spam);
}
#nav_line {
	position: relative;
	height: 144px;
	width: 100%;
	background: #FFFFFF;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.0.9);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
	z-index: 1;
}
.top_ico {
	margin: 8px 10px 0 0;
	vertical-align: middle;
}
.top_span {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin: 8px 15px 0 0;
	font-weight: 300;
	color: #000000;
}
.logo {
	margin: 47px 10px 0 0;
	display: inline-block;
}
#rec_logo {
	width: 10px;
	height: 10px;
	background: #d42027;
	display: inline-block;
	position: relative;
	top: -8px;
	margin: 0 7px 0 0;
}
.nav_span {
	position: relative;
	top: -9px;
	font-size: 12px;
	font-weight: 500px;
	color: #495965;
}
.nav_item {
	position: relative;
	text-decoration: none;
	width: 144px;
	height: 144px;
	float: right;
	box-sizing: border-box;
	padding-top: 67px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #495965;
	cursor: pointer;
}
.nav_item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
	background-color: #d42027;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.nav_item:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#banner {
	height: 264px;
	width: 100%;
	background: #DFDFDF url(../img/banner_bg.gif) repeat;
	z-index: -1;
}
#oferta_wrap {
	position:relative;
	width: 100%;
	background: #1e2429 url(../img/f_bg.png);
	background-position: center;
	background-attachment: fixed;}
.ofbig{
		height: 494px;
		-webkit-transition: .5s;
	transition: .5s;}
.ofsmall{
	height:494px;
	-webkit-transition: .5s;
	transition: .5s;}
.oferta_b_item{
	position:absolute;
	height: 494px;
	width: 100%;
	}	
.oferta_item {
	position:relative;
	height: 494px;
	width: 33.3333%;
	display: block;
	float: left;
	padding-top: 60px;
	box-sizing: border-box;
	transition: 0.4s ease-in-out;
}
.more_info{
	position:absolute;
	text-align:center;
	bottom:25px;
	left:0px;
	width:100%;
	color:#d42027;
	font-size:14px;
	font-weight:300;
visibility:hidden;
  opacity:0;
	transition:opacity 0.4s linear;
	}
.oferta_item:hover {
	background: rgba(18, 27, 34, 0.6);
	cursor: pointer;
}
.oferta_item:hover .more_info{
	visibility: visible;
  opacity: 1;}
.fd_ico {position:relative;
	left: calc(50% - 100px);
}
.fd_title {
	
	display: block;
	text-align: center;
	margin-top: 30px;
	font-size: 18px;
	font-weight: 600;
	color: #d42027;
}
.fd_dis {
	position:relative;
	left: calc(50% - 150px);
	margin-top: 30px;
	width: 300px;
	height: 100px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: #FFFFFF;
}
#contact_us {
	height: 160px;
	width: 100%;
	background: #d42027;
}
.left {
	display: block;
	width: 50%;
	height: 160px;
	float: left;
}
.right {
	position:relative;
	display: block;
	width: 50%;
	height: 160px;
	float: right;
}

.wight_big {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 500;
	margin-top: 48px;
	display: block;
	text-align: left;
	width: 100%;
	height: auto;
}
.baner-h{
	float:left;
	 color:#21272c; 
	 display:block; 
	 box-sizing: border-box;
	 padding:105px 0 0 100px;
	 width:550px; 
	 height:264px;
	 font-size: 28px;
	font-weight: 600;
	 text-align: left;}
.black_big {
	color: #21272c;
	font-size: 20px;
	font-weight: 500;
	margin-top: 10px;
	text-align: right;
	display: block;
	width: 100%;
	height: auto;
}
#go_to_co {
	position:absolute;
	top:calc(50% - 24px);
	right:0px;
	height: 48px;
	width: 230px;
	background: #21272c;
	border-radius: 5px;
}
.cont_ico {
	display: inline-block;
	vertical-align: middle;
}
.cont_text {
	margin: 14px 14px 0 36px;
	display: inline-block;
	width: 115px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}
#about {
	height:auto;
	overflow:hidden;
	width: 100%;
	padding-top: 50px;
	padding-bottom:50px;
	background: #FFFFFF url(../img/f_bg.png);
	background-position: center;
	background-attachment: fixed;
}
.about_item {
	display: block;
	height: 150px;
	width: 100%;
}
.about_ico {
	margin: 25px 50px 0 50px;
	float: left;
}
.about_disc {
	display: table;
	height: 150px;
	width: calc(100% - 350px);
	margin-left: 50px;
	float: left;
}
.about_disc p {
	display: table-cell;
	margin: 0;
	vertical-align: middle;
	font-size:16px;
	font-weight:600;
	color:#000000;
}
.sep {
	height: 25px;
	width: 100%;
	background: #1e2429;
}
#contact {
	height: 434px;
	width: 100%;
	background: #1e2429 url(../img/contact_bg.gif) repeat;
}
#map_holder {
	position: relative;
	height: 390px;
	width: 100%;
	background: #E5E5E5;
}
    #map_holder iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
#footer {
	height: 70px;
	width: 100%;
	background: #1e2429;
	text-align: center;
	padding-top: 26px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 5px solid #d42027;
}
.c_left {
	position:relative;
	float: left;
	display: block;
	height: 409px;
	width: 50%;
	margin: 25px 0 0 0;
	padding:0 100px 0 50px;
	box-sizing:border-box;
}
.c_right {
	position:relative;
	float: left;
	display: block;
	height: 409px;
	width: 50%;
	margin: 25px 0 0 0
}
.form_input {
	float:left;
	border-radius: 5px;
	border: 1px solid #41464a;
	background: #1e2429;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 15px;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	padding: 2px 10px 0 10px;
}
.error_b{border: 1px solid #d42027;}
.area {
	height: 156px;
	resize: none;
	padding: 10px
}
.red{font-size:14px;
color: #d42027;
line-height:20px;
font-weight:400;}
.red_big{
	font-size:14px;
	font-weight:800;
	color:#d42027;}
.form_label {
	float:left;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	height: 30px;
	font-weight: 500;
}
.error{
	display:block;
	float:right;
	height: 30px;
	color: #d42027;
	font-size: 12px;
	font-weight: 500;}
.form_button {
	outline:none;
	box-sizing: border-box;
	border-radius: 5px;
	height: 30px;
	cursor:pointer;
	width: 80px;
	border: 1px solid #ed2129;
	background: #d42027;
	float: right;
}
.form_button:active {
	border: 1px solid #bb1c22;
	background: #c71e24;
}
.form_ico {
	display: block;
	margin: 2px 0 0 0px;
	float: left;
}
.form_text {
	margin: 1px 7px 0 7px;
	float: left;
	display: block;
	width: 34px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #1e2429;
}
.plac_ico {
	position:absolute;
	left:calc(50% - 50px);
	top:56px;
}
.plac_span_white {
	position:absolute;
	top:181px;
	width:100%;
	display: block;
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 600;
}
.plac_span_red {
		position:absolute;
	top:205px;
		width:100%;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #d42027;
	font-weight: 300;
}
.plac_p_white {
	text-decoration:none;
	position:absolute;
	top:230px;
	line-height: 22px;
	left: calc(50% - 127px);
	display: block;
	width: 255px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 300;
}
#side_nav{
	position:fixed;
	top:calc(50% - 120px);
	display:block;
	right:0px;
	width:auto;
	height:240px;
	
	
	z-index:1100;
	}
.side_nav_item{
	border-radius:5px;
	position:relative;
	float:right;
	clear:right;
	display:block;
	width:50px;
	height:50px;
	margin:0px 5px 5px 0;
	overflow:hidden;
	background-color:#d42027;
	moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	transition: width 500ms ease;
	box-sizing:border-box;
}
.fd_tech_title {
	display: block;
	text-align: left;
	font-size: 24px;
	font-weight: 600;
	color: #d42027;
	
}
.fd_tech_dis {
	margin-top: 30px;
	width:100%;
	height: auto;
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	color: #FFFFFF;
}
.fd_tech_det {
	margin-top: 30px;
	width:100%;
	height: 150px;
	display: block;
	text-align: left;
	font-size: 12px;
	line-height:18px;
	font-weight: 300;
	box-sizing:border-box;
	padding-left:30px;
	color: #FFFFFF;
	
}
.fd_tech_btn {
	position:absolute;
	bottom:0px;
	display:block;
	height:auto;
	width:auto;
	margin-right:30px;
	float:left;
	color:#FFFFFF;
	background:#d42027;;
	border-radius: 5px;
	margin-top: 17px;
	cursor:pointer;
}
.fd_tech_btn_ico {
	display: inline-block;
	vertical-align: middle;
	margin:0 17px 0 17px;
}
.fd_tech_btn_text {
	margin: 10px 17px 10px 0px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
}
.tech_drw{
	display:block;
    width: calc(33.333% - 100px);
	height:394px;
	float:right;
	margin:50px;}
.tech_info{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width: calc(33.333% - 100px);
	height:394px;
	float:right;
	margin:50px;}
.side_nav_item:hover{
	width:150px;}
.side_nav_ico{
	display:block;
	margin:5px;
	float:left;}
.side_nav_txt{
	margin-top:16px;
	float:left;
	display:block;
	font-size:14px;
	font-weight:600;
	text-align:center;
	color:#21272c;
	width:90px;}
#overlay{
	display:none;
position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:1300; width:100%; height:100%;}
#popup{
	position:fixed;
	top:calc(50% - 75px);
	left:calc(50% - 150px);
	display:block;
	width:300px;
	height:150px;
	background:#d42027;
	border-radius: 5px;
	moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);}
#ok_btn{
	text-align:center;
	vertical-align:central;
	line-height:30px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	display:block;
	position:relative;
	top:95px;
	left:calc(50% - 50px);
	width:100px;
height:30px;
border-radius: 5px;
background-color:#21272c;
}
.ok_big{
	position:relative;
	top:-25px;
	display:block;
	font-size:16px;
	font-weight:600;
	color:#FFFFFF;
	text-align:center;
	width:100%;
	margin-top:25px;}
.ok_s{
	position:relative;
	top:-25px;
	display:block;
	font-size:12px;
	font-weight:400;
color:#000000;
	text-align:center;
	width:100%;
	margin-top:10px;}
	@media all and (max-width: 1350px) and (min-width: 1250px) {
	.fd_tech_btn_text {
		font-size:10px;}
	.baner-h{
	float:left;
	 color:#21272c; 
	 display:block; 
	 box-sizing: border-box;
	 padding:110px 0 0 50px;
	 width:500px; 
	 height:264px;
	 font-size: 28px;
	font-weight: 600;
	 text-align: left;}
		
	
}
@media all and (max-width : 1290px ) and (min-width : 0px ){
	#content_wrap {
		width:1290px;
		margin:0px;
		padding:0px;}
		.fd_tech_btn_text {
		font-size:10px;}
			.baner-h{
	float:left;
	 color:#21272c; 
	 display:block; 
	 box-sizing: border-box;
	 padding:105px 0 0 50px;
	 width:500px; 
	 height:264px;
	 font-size: 28px;
	font-weight: 600;
	 text-align: left;}

}