.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: none;
	z-index: 10000;
	height: 180px;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.header_bg{
	position: absolute;
	background: #323232; 
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1;
}

.menu_arrow{
	position: absolute;
	width: 22px;
	height: 22px;
	background: url("../images/menu_arrow.svg")  no-repeat center;
	margin: 74px 0 0 15px;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}

.top_order_form_cont{
	position: fixed;
	top: -150px;
	width: 100%;
	height: 150px;
	margin: 0;
	background: #323232;
	z-index: 3000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.top_order_form_inner{
	position: absolute;
	width: 950px;
	left: 50%;
	margin: 20px 0 0 -363px;	
}
	
	
.input_cont{
	width: 251px;
	float: left;
	margin: 0 0 0 20px;
}

#form_bg{
	position: absolute;
	width: 100%;
	height: 150px;
	background: #323232;
}

.top_order_form_cont input{
	font-family: "Segoe Ui", "Helvetica", "Arial";
	width: 250px;
	height: 40px;
	border: 1px solid #777777;
	background: #323232;
	margin: 20px 0 0 0;
	padding: 0 0 0 15px;
	color: #777777;
}

.top_order_form_cont select{
	font-family: "Segoe Ui", "Helvetica", "Arial";
	width: 250px;
	height: 40px;
	border: 1px solid #777777;
	background: #323232;
	margin: 20px 0 0 0;
	padding: 0 0 0 15px;
	color: #777777;
}

.top_order_form_cont input:focus{
	border: 1px solid #fff;
	color: #fff;
}

.top_order_form_cont select:focus{
	border: 1px solid #fff;
	color: #fff;
}

.top_order_textarea textarea{
	font-family: "Segoe Ui", "Helvetica", "Arial";
	width: 350px;
	height: 100px;
	margin-left: 20px;
	border: 1px solid #777777;
	background: #323232;
	margin: 20px 0 0 20px;	
	color: #777777;
	padding: 10px 15px 12px 15px;
	font-size: 14px;
}

.top_order_textarea textarea:focus{
	border: 1px solid #fff;
	color: #fff;
}

.menu_arrow_active{
	background: url("../images/menu_arrow_active.svg") no-repeat center;
}

.company_title{
	font-family: 'Neue Helvetica Paneuropean W1G 35 Thin', "Segoe Ui", "Helvetica Neue", "Helvetica", "Arial";
	width: 300px;
	display: none;
	color: #fff;
	line-height: 100px;
	margin-left: 20px;
	font-size: 22px;
	letter-spacing: 1px;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}

.cbp-af-header .cbp-af-inner {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 50px;
	z-index: 2;
}

.cbp-af-inner{
	margin: 0 auto;
}

.cbp-af-header h1,
.cbp-af-header nav {
	display: inline-block;
	position: relative;
}

#main_prev{
	//display: none;
	position: fixed;
	top: 50%;
	left: 20px;
	width: 27px;
	height: 27px;
	background: url("../images/main_arrow_l.png");
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	z-index: 100;
}

#main_next{
	//display: none;
	position: fixed;
	top: 50%;
	right: 20px;
	width: 27px;
	height: 27px;
	background: url("../images/main_arrow_r.png");
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	z-index: 100;
}

#main_prev:hover{
	left: 17px;
}

#main_next:hover{
	right: 17px;
}

#close{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 22px;
	height: 22px;
	background: url("../images/close_ico.png");
	cursor: pointer;
}

 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header h1,
.cbp-af-header nav a {

}

.cbp-af-header .logo {
	float: left;
}

.cbp-af-header nav {
	position: absolute;
	right: 143px;
	margin-top: 73px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}

.cbp-af-header nav a {
	font-family: "Segoe Ui", "HelveticaNeueCyr", "Helvetica", "Arial" !important;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 100;
	color: #fff;
	margin: 0 0 0 20px;
	font-size: 14px;
	padding-bottom: 2px;
	border-bottom: 0px solid #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.cbp-af-header nav a:hover {
	border-bottom: 3px solid #fff;
}

.menu_order{
	position: absolute;
	top: 68px;
	right: 48px;
	width: 70px;
	height: 30px;
	padding: 7px 13px;
	color: #323232;
	background: #fff;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 0 20px;
	cursor: pointer;
	overflow: hidden !important;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;	
}

	.menu_order:hover{
		border-bottom: none;
		background: #74C62B;
		color: #fff;
	}	
	
.menu_order_text{
	position: absolute;
	top: 5px;
	left: 13px;
	width: 160px;
	-text-align: left;
	font-family: "Segoe UI", "Helvetica Neue", "Helvetica", "Arial";
}	

.menu_order_green{
	background: #74C62B !important;
}

.error_massege{
	position: relative;
}

.errorlist{
	display: none;
	position: absolute;
	font-family: "Segoe Ui", "Helvetica", "Arial";
	color: #4DABB2;
	top: 1px;
	font-size: 13px;
	list-style: none;
}

#form_ajax, #form_ajax_error{
	position: absolute;
	font-family: "Segoe Ui", "Helvetica", "Arial";
	top: 58px;
	left: -170px;
	color: #4DABB2;
}

#load_text{
	display: block;
	width: 24px;
	height: 24px;
	background: url("../images/loader.gif");
}

#loading{
	position: absolute;
	top: 58px;
	left: -200px;
}



/* Transitions and class for reduced height */
.cbp-af-header .logo {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cbp-af-header.cbp-af-header-shrink  .menu_arrow {
	margin:  39px 0 0 20px;
}

.cbp-af-header nav a{
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
}

.cbp-af-header.cbp-af-header-shrink {
	height: 100px;
}

.cbp-af-header.cbp-af-header-shrink nav {
	margin-top: 40px;
}

.cbp-af-header.cbp-af-header-shrink .logo,
.cbp-af-header.cbp-af-header-shrink nav a {
	color: #b2b2b2;
}



.cbp-af-header.cbp-af-header-shrink nav a:hover {
	color: #fff;
	border-bottom: none;
}

.cbp-af-header.cbp-af-header-shrink .logo {
	width: 100px;
	height: 100px;
	margin: 3px 0 0 0;
	background: url("../images/logo.png");
	-moz-background-size: 100% 100%; /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% 100%; /* Opera 9.5 */
	-webkit-background-size: 100% 100%; /* Safari 3.0 */
	-khtml-background-size: 100% 100%; /* Konqueror 3.5.4 */
	background-size: 100% 100%; /* CSS3 */	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;	
}

.cbp-af-header.cbp-af-header-shrink  .company_title{
	display: block;
}

.cbp-af-header.cbp-af-header-shrink  .header_bg{
	opacity: 1;
}

.cbp-af-header.cbp-af-header-shrink .menu_order{
	color: #323232 !important;
	background: #fff;
	top: 35px;
}

.cbp-af-header.cbp-af-header-shrink .menu_order:hover{
	color: #fff !important;
	background: #74C62B !important;
}

.top_order_form_cont_active{
	width: 90%;
	z-index: 5;
}

.active-link-top-menu-border {
	border-bottom: 3px solid #fff!important;
}

@media screen and (max-width: 750px) {
	.cbp-af-header {
	display: none;
	}

}