/**reset CSS**/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('../fonts/fontawesome-webfont.woff') format('woff'), 
  url('../fonts/fontawesome-webfont.ttf') format('truetype'), 
  url('../fonts/fontawesome-webfontba72.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

*, *:before, *:after{ margin: 0; padding: 0; }
html{  width: 100%; height: 100%; background: #fff; overflow-x: hidden; }
html.menu-opened{ overflow-y: hidden; }
body{
	min-width: 320px; text-align: justify;
	font: normal 16px/30px "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; color:#030304;
}

h1{ font: bold 2em  "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
h2{ font: bold 1.5em  "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
h3{ font: bold 1em  "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
h4{ font: bold .8em  "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
h5{ font: bold .7em  "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
h6{ font: bold .6em "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }

a{ text-decoration: none; outline: none; color: #e3000f; }
a:hover{ text-decoration: underline; }
a img{ border: 0px solid; }
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both; }
span.clear{ display: inline-block; width: 100%; }
br.clear{ clear: both; }
p{ margin: 10px 0; }
ul, ol{ padding-left: 25px; margin: 7px 0; }
img{ max-width: 100%; }
.fright{ float: right!important; }
.fleft{ float: left!important; }
.bold{ font-weight: bold!important; }
.ml{ margin-left: 20px!important; }
.p0{ padding: 0!important; }
.corange{ color: #eb5e1a; }
.cgray{ color: #828181; }
.bg_light_gray{ background: #efefee; }

.fa { 
	display: inline-block;
	font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
.fa-facebook:before{ content: '\f09a'; }
.fa-google:before{ content: '\f0d5'; }
.fa-phone:before{ content: '\f095'; }
.fa-envelope:before{ content: '\f0e0'; }
.fa-bars:before{ content: '\f0c9'; }
.fa-file-text-o:before { content: "\f0f6"; }

#main-container{ padding-top: 220px; position: relative; z-index: 0; }
.holder{ width: 95%; min-width: 300px; max-width: 970px; margin: 0 auto; }
.article, .contact-us, .team, .current_loads{ padding: 50px 0; }

.head-page{ width: 100%; height: 190px; background: #eb5e1a url(../images/background_orange_holder_pictures.png) no-repeat center center; }
.about-body .head-page{ background-image: url(../images/head-about.png); }
.offers-body .head-page{background-image: url('../images/background_orange_holder_pictures_load.png'); }

h2.title-section{ 
	padding: 0px 0 50px 0; color: #030304; text-align: center;
	background: url('../images/header_background.png') no-repeat center bottom; 
	font-size: 2.8em;
}
h2.title-section a{ color: inherit; text-decoration: none!important; }
h2.title-section span{ font-size: .8em; line-height: normal; }
/**reset CSS end**/

/**header**/
.main-header{ 
	width: 100%; height: 180px; padding: 20px 0; background: #fff; position: absolute; top: 0; left: 0; z-index: 200;
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.1);
		-moz-box-shadow: 0 5px 8px rgba(0,0,0,.1);
		box-shadow: 0 5px 8px rgba(0,0,0,.1); 
}
.main-header .logo{ width: 18.8%; display: inline-block; float: left; }
.main-header .contacts{ width: 80%; float: right; margin-top: 65px; }

.social, .main-header .contacts .fa, .main-header .mobile-nav{
	width: 50px; height: 50px; display: inline-block;
	border-radius: 50%; margin: 0 0 0 3.5%; position: relative;
	text-align: center; line-height: 50px; float: right; 
}
.social{ border: 2px solid #cacbc7; color: #cacbc7; }
.social:hover, .main-header .contacts .active{ color: #ff6804; border-color: #ff6804; text-decoration: none; }
.main-header .contacts p{
	display: block; float: right; white-space: nowrap; margin: 0;
	font: bold 2.42em/50px "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; color: #030304;
}
.main-header .contacts .fa{ border: 2px solid black; font-size: 30px; float: none; margin: 0; }
.main-header .contacts p span{ display: inline-block; float: none; margin-right: 10px; }
.main-header .mobile-nav{ color: #ff6804; overflow: hidden; text-indent: -9999px; border: 2px solid #ff6804; display: none; }
.main-header .mobile-nav .fa{
	display: block; width: 100%; height: 100%; 
	font-size: 15px; line-height: 50px;  text-indent: 0;
	position: absolute; top: 0; left: 0; border: 0px solid;
} 
.main-header .facebook{ overflow: hidden; border: 2px solid black; color: black; }
.main-header .facebook:hover{ color: #ff6804; border-color: #ff6804; }
.main-header .facebook .fa{ border-radius: 0; border: 0px solid; margin: 0; }
/**header end**/

/**nav menu**/
.menu{ position: absolute; top: 150px; right: calc( (100% - 970px) / 2 ); z-index: 300; }
.menu ul{ display: block; float: right; padding: 0; margin: 0; list-style-type: none; }
.menu ul li{ display: block; float: left; padding: 0; margin: 0; padding: 15px 0; }
.menu ul li.menu-lang, .menu ul li.empty{ display: none; }
.menu a{ display: block; position: relative; text-align: center; color: #050607; font-size: 1.28em; line-height: 40px; font-weight: lighter; padding: 0 0 0 30px; }
.menu a:hover, .menu li.active a{ color: #eb5e1a; text-decoration: none; }
.menu a:hover:before, .menu li.active a:before{
	content: ''; width: 30px; height: 3px; background: #eb5e1a;
	position: absolute; left: 30px; bottom: 0; 
}
.menu ul li ul{ 
	position: absolute; top: 70px; 
	/*right: calc( ( -100vw + 970px ) / 2 ); width: 100vw;*/ right: -20px; width: 970px; padding: 0 20px;
	background: rgba(255,255,255,.8);  text-align: right;  display: none;
}
.menu ul li ul li{ display: inline-block; float: none; }
.menu ul li ul li:last-child{ /*padding-right: calc( (100vw  - 970px) / 2 );*/ }
.menu ul li ul li a, .menu ul li.active ul li a{ color: #7b7b7b; font-size: 1em; line-height: normal; }
.menu ul li.active ul li a:before{ display: none; }
.menu ul li ul li a:hover, .menu ul li ul li.active a{ color: #eb5e1a; }
.menu ul li ul li a:hover:before, .menu ul li ul li.active a:before{ display: block; }
/**nav menu end**/

/**footer**/
.main-footer{ position: relative; background: #000100; padding: 20px 0 0 0; }
.main-footer .alt-menu{ float: left; color: #fff; white-space: nowrap; }
.main-footer .alt-menu a{ color: #fff; margin: 0 10px 0 0; }
.main-footer .alt-menu a:last-of-type{ margin: 0; }
.main-footer .contacts{ float: right; width: 200px;  white-space: nowrap; }
.main-footer .contacts a{ 
	 display: block; width: 30px; height: 30px; border: 2px solid #fff; float: right;
	font-size: 12px; line-height: 32px; color: #fff; margin-left: 5px;
}
.main-footer .contacts .facebook, .main-footer .contacts .google{ text-indent: -9999px; position: relative; }
.main-footer .contacts .facebook .fa, .main-footer .contacts .google .fa{ 
	display: block; width: 100%; height: 100%;
	text-indent: 0; font-size: 16px; line-height: 30px;
	position: absolute; top: 0; left: 0; 
}
.main-footer span{
	clear: both; float: left; display: block;
	color: #fff; font-size: 0.9em; margin: 10px 0;
}
.main-footer .created{ display: block; float: right; margin: 10px 0; }
.main-footer span br{ display: none; }

.map{ height: 174px; background: url(../images/map.png) center 0 no-repeat; }

.main-footer .logo_center{ position: absolute; bottom: 0; left: 50%; display: block; width: 172px; }
.main-footer .logo_center img{ width: 100%; }
/**footer end**/


/**index**/
/**section slider**/
.slider{ width: 100%; line-height: normal; }
.slider .gallery-item:nth-child(4n+1), .slider .owl-item:nth-child(4n+1){ background: #ffab24; }   
.slider .gallery-item:nth-child(4n+2), .slider .owl-item:nth-child(4n+2){ background: #eb901a; }
.slider .gallery-item:nth-child(4n+3), .slider .owl-item:nth-child(4n+3){ background: #eb771a; }
.slider .gallery-item:nth-child(4n+4), .slider .owl-item:nth-child(4n+4){ background: #eb5e1a; }
.slider .gallery-item{ background: none!important; }

.slider .holder{ padding-bottom: 20px; position: relative; }
.slider .holder img{ display: block; }
.slider .gallery-item .text{ 
	width: 50%; float: right; color: #fff; text-align: right;
	position: absolute; right: 0; top: 50px;
}
.slider .gallery-item p{ padding-left: 35%; margin: 20px 0; }
.slider .gallery-item h1{
	font-size: 4em; line-height: .8em; font-weight: normal;
	text-shadow: 4px 3px 2px rgba(189, 86, 4, 1); color: #fff;
}
.slider .gallery-item h1 a{ color: inherit; }
.read-more{ color: #fff; }

.owl-theme .owl-controls{ margin: 0; }
.owl-theme .owl-controls .owl-pagination{ display: none; }
.owl-theme .owl-controls .owl-buttons{ width: 30%; position: absolute; bottom: 15px; right: calc( (100% - 970px) / 2 ); }
.owl-theme .owl-controls .owl-buttons div{ 
	width: 50px; height: 50px; overflow: hidden;	
	background: none; text-indent: -9999px;
	margin: 0 10px 0 0; font-size: 30px; line-height: 54px; padding: 0; 
	font-family: FontAwesome; font-style: normal; font-weight: normal;
	border: 2px solid #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ color: #030304; border-color: #030304; }
.owl-theme .owl-controls .owl-buttons div:before{ text-indent: 0; display: block; width: 100%; height: 100%; }
.owl-theme .owl-controls .owl-buttons .owl-prev:before{ content: "\f053"; }
.owl-theme .owl-controls .owl-buttons .owl-next:before{ content: "\f054"; }
/**section slider end**/


/**section article**/
.about-box p{ margin: 15px 2%; text-align: center; }
.article h4.subtitle{ font-size: 1em; font-weight: normal; }

.article .files-download{ clear: both; width: 100%; padding-top: 20px; }
.article .files-download a{ display: block; float: left; width: 100%; clear: both; color: #eb5e1a; margin: 0 0 15px 0; }
.article .files-download .fa{ 
	display: inline-block; float: left;
	width: 45px; height: 45px; border-radius: 50%;
	text-align: center; font-size: 24px; line-height: 45px;
	border: 2px solid #eb5e1a; color: #eb5e1a;
}
.article .files-download a span{ display: block; float: right; width: calc(100% - 65px); padding: 15px 0 0 0; line-height: normal; }

.article .images-gallery{ width: 100%; clear: both; }
.article .images-gallery img{ width: 100%; float: left; }
.article .images-gallery .owl-controls .owl-buttons{ background: #fff; bottom: 0!important; right: 0!important; width: auto!important; padding: 20px; }
.article .images-gallery .owl-controls .owl-buttons div{ 
	clear: both; margin: 0; float: left; width: 30px; height: 30px; font-size: 15px; line-height: 30px; 
	background: #eb5e1a;
}
.article .images-gallery .owl-controls .owl-buttons .owl-prev{ margin-bottom: 20px; }

.team .article{ text-align: center; }
/**section article**/

/**index end**/

/**section contacts**/
/* Form */
.contact-us{ background: #efefee; }
.contact-us .left-side{ width: 33%; float: left; padding: 80px 0 0 0; }
.left-side span{ display: block; margin: 20px 0; font-size: .95em; line-height: 1.5em; }
.left-side a{ color: #eb5e1a; }
.form{ float: right; width: 66%;  padding: 30px 0 0 0; }
.form label, .form .label{
	display: block; float: left; width: 100%;
	margin-bottom: 20px; position: relative;
}
.form label span{ display: block; float: left; }
.form label span.txt{  width: 100%; float: left; text-align: left; }
.form .required{ color: #e84e0e; }
.form label span.input,
.form label span.textarea{
	 width: 100%; padding: 0; float: right; 
	border: 0px solid;
}
.form label.label-input{ width: 48%; }
.form label.label-input:nth-child(even){ float: right; }
.form label.code .txt{ width: auto; margin-right: 10px; }
.form label.code span.input{ width: 20%; float: left; }
.form label.code img{ float: left; }
.form label span.input input, .form label span.select select{
	display: block; float: left; width: 100%; height: 28px;
	border-bottom: 1px solid #c6c6c5;border-top: none; border-left: none; border-right: none; background: #efefee;
	font: normal 14px "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; color: #000;
}
.form label span.textarea textarea{
	display: block; float: left; width: 100%; height: 100px;
	border-bottom: 1px solid #c6c6c5;border-top: none; border-left: none; border-right: none; background: #efefee;
	font: normal 14px "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; color: #000;
}
.form label img{ float: left; }

.form label .button{ float: right; clear: both; margin: 20px 0 0; }
.form label .button input{ 
	display: block; float: left; padding: 0 0 0 65px; height: 51px;
	border: 0px solid; background: url(../images/button-send.png) 0 0 no-repeat; background-color: none;
	font: normal 14px "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; color: #000;
	cursor: pointer;
}

.form label.error{ 
	width: auto; white-space: nowrap; margin: 0;
	background: #eb5e1a; padding: 0 5px;
	position: absolute; bottom: -18px; right: 0; 
	font-size: 14px; color: #fff; line-height: 18px;
}
.form .message-error {
	display: block; padding: 10px 0;
	margin-bottom: 20px; color: #fff; background: #eb5e1a;
	text-align: center;
}
.form .message-success {
	display: block; padding: 10px 0; color: #000;
	margin-bottom: 20px; color: #fff; background: #0e3d8a;
	text-align: center;
}
.form .f_txt{ font-size: 1.5em; color: #eb5e1a; }

.subscribe-form{ width: 100%; float: none; }
.subscribe-form label{ max-width: 500px; clear: both; }

.subscribe-form .button{ clear: none!important; }
.form label .button input.unsubscribe{ background-image: url(../images/button-unsend.png); }

.subscribe-form label span.input input{ border: 1px solid #c6c6c5!important; background: #fff; }

#team-gallery{ width: calc(100% - 100px); margin: 0 auto; position: relative; z-index: 1; }
#team-gallery .owl-controls .owl-buttons{ 
	width: 100%!important; position: absolute; top: 0; right: 0; height: 100%; z-index: 0; }
#team-gallery .owl-controls{ width: 100%; height: 100%; position: absolute; top: 0; right: 0; }
#team-gallery .owl-controls .owl-buttons div{ position: relative; color: #acacac; border-color: #acacac; margin: 0; top: 50%; margin-top: -26px; }
#team-gallery .owl-controls .owl-buttons .owl-prev{ float: left; left: -54px; }
#team-gallery .owl-controls .owl-buttons .owl-next{ float: right; right: -54px; }
#team-gallery .owl-controls .owl-buttons div:hover{ color: #030304; border-color: #030304; }

#team-gallery .article .img{ display: block; margin: 0 auto 15px auto; width: 200px; height: 200px; border-radius: 50%; border: 5px solid #dcdcdb;overflow: hidden; }
#team-gallery .article .img img{ display: block; float: none; max-width: none; height: 100%; width: auto; }
#team-gallery .article p{ margin: 0; line-height: normal; }
/**section contacts end**/


.main-paging{ text-align: center; font-size: 1.2em; }
.main-paging a, .main-paging span{ display: inline-block; margin: 0 2px; color: #ea6422; }
.main-paging .paging_last, .main-paging .paging_first{ display: none; }
.main-paging .paging_current{ font-size: 1.2em; color: #2e2e2e; }

/**actuals page**/

.current_loads a.subscribe{display: inline-block;padding:0 5%;font-size: 1.85em;color: #fff;text-decoration: none; background:#fb9b00;
line-height: 70px;}
.current_loads div.info {padding:50px 0;}
.current_loads div.info ul{ width: 49%; text-align: left; display: block; float: left; padding: 0; margin: 20px 0; list-style-type: none; }
.current_loads div.info ul li{margin: 0;}
.current_loads div.info ul li span{display: inline-block; }
span.corange{margin: 0 1% 0 0;}
/**actuals page end**/


@media screen and (max-width:1020px),screen and (max-device-width:1020px){
	.menu{ right: 2.5%; }
	.menu ul li ul{ right: -2.5vw; }
	.menu ul li ul li:last-child{ padding-right: 2.5vw; }
}
@media screen and (max-width:980px),screen and (max-device-width:980px){
	.slider .gallery-item h1{ font-size: 3em; }
	.menu ul li ul{ width: 100vw; padding: 0; }
}
@media screen and (max-width:930px),screen and (max-device-width:930px){
	.slider .gallery-item .text{ top: 30px; }
	.owl-theme .owl-controls .owl-buttons{ width: 50%; }
	.main-header{ height: 165px; }
	.menu{ top: 135px; }
	#main-container{ padding-top: 205px; }
	.article, .contact-us, .team, .current_loads, .current_loads div.info{ padding: 30px 0; }
	.main-header .contacts p{ font-size: 1.8em; }
	.main-header .contacts{ margin-top: 40px; }
}
@media screen and (max-width:840px),screen and (max-device-width:840px){
	body{ font-size: 14px; line-height: 24px;  }
	.owl-theme .owl-controls .owl-buttons{ width: 50%; right: 0; }
	.form label.label-input{ width: 100%; }
	.main-header{ height: 150px; }
	.menu{ top: 120px; }
	.menu a{ padding-left: 20px; }
	#main-container{ padding-top: 190px; }
	.main-header .contacts{ margin-top: 20px; }
	.social, .main-header .contacts .fa, .main-header .mobile-nav{ width: 45px; height: 45px; line-height: 47px; margin-left: 7px; }
	.main-header .facebook .fa{ margin-left: 0; }
}
@media screen and (max-width:768px),screen and (max-device-width:768px){
	.main-header{ position: fixed; height: 60px; padding: 10px 0; }	
	#main-container{ padding-top: 80px; }
	.main-header .logo, .main-header .logo img{ width: auto; height: 60px; }
	.main-header .contacts{ margin-top: 5px; }
	.main-header .mobile-nav{ display: block; }
	.main-header .mobile-nav .fa{ margin: 0; font-size: 20px; }
	h2.title-section{ font-size: 2em; padding-bottom: 30px; background-size: 70px; }
	.menu{ 
		position: fixed; top: 0; left: auto; right: -200px; z-index: 0; 
		width: 200px; height: 100%; min-width: 200px; overflow: hidden; margin: 0;
		background: #eb5e1a;
		-webkit-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
		box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	}
	.menu ul{ padding-top: 80px; }
	.menu ul li, .menu ul li a{ padding: 0; margin: 0; height: auto; float: none; }
	.menu ul li a{ padding-right: 10px; text-align: right; }
	.menu a:hover:before, .menu li.active a:before{ background: #fff; left: auto; right: 10px; }
	.menu a:hover, .menu li.active a{ color: #fff; }
	.menu ul li ul{ position: static; width: 100%; right: 0; top: 0; padding-top: 10px; float: none; }
	.menu ul li ul li{ width: 100%; }
	.menu ul li ul li a:hover:before, .menu ul li ul li.active a:before{ background: #eb5e1a; }
	.head-page{ background-image: none!important; height: 25px; }
	.contact-us .left-side{ width: 100%; padding-top: 20px; text-align: center; }
	.form{ width: 100%; }
	.slider .holder img{ max-width: 70%; }
	.slider .gallery-item p{ padding-left: 0; height: 54px; overflow: hidden; }
	.slider .owl-controls .owl-buttons div{ width: 30px; height: 30px; float: left; }
	.slider .owl-controls .owl-buttons div:before{ font-size: 16px; line-height: 32px; }
	
	.article .files-download .fa{ width: 30px; height: 30px; font-size: 16px; line-height: 30px; }
	.article .files-download a span{ padding-top: 9px; width: calc(100% - 40px); }
	
	.main-footer .logo_center{ width: 120px; bottom: 20px; }
}
@media screen and (max-width:670px),screen and (max-device-width:670px){
	.slider .gallery-item .read-more{ display: none; }
	.slider .gallery-item p{ margin: 10px 0; }
	.slider  .owl-controls .owl-buttons{ bottom: 5px; width: auto; }
	.social, .main-header .contacts .fa, .main-header .mobile-nav{ width: 35px; height: 35px; line-height: 37px; }
	.main-header .contacts{ margin-top: 12px; }
	.main-header .contacts p, .main-header .contacts .fa{ font-size: 20px;  line-height: 37px; }
	.main-header .contacts p span{ font-size: 20px;  line-height: 37px; margin-right: 5px; }
}
@media screen and (max-width:640px),screen and (max-device-width:640px){
	.slider .gallery-item p{ display: none; }
	.slider .gallery-item .text{ width: 70%; }
	.slider .gallery-item h1{ font-size: 1.8em; }
	#team-gallery .article .img{ width: 170px; height: 170px; }
	.main-footer .logo_center{ width: 120px; bottom: 0px; }
	.main-header  .lang-btn{ display: none; }
	.menu ul li.menu-lang, .menu ul li.empty{ display: block; }
}
@media screen and (max-width:500px),screen and (max-device-width:500px){	
	.main-footer .alt-menu{ display: none; }	
	.main-footer .logo_center{ width: 120px; top: 10px; bottom: auto; left: 10px; }
	.main-footer span{ margin: 25px 0 0 0; }
}
@media screen and (max-width:450px),screen and (max-device-width:450px){
	.slider .holder img{ width: 100%; }
	.main-header .contacts p span{ margin-right: 0; line-height: 40px; }
	.main-header .contacts p .fa{ display: none; }
	.main-footer{ position: relative; }
	.main-footer span{ width: 50%; text-align: left; position: absolute; top: 80px; left: 10px; margin-top: 0; line-height: normal; }
	.main-footer span br{ display: block; }
	.main-footer .created{ clear: both; }
}