body p{
	color:#3f3f3f;
	font:300 20px/26px 'Roboto Condensed';
	-webkit-font-smoothing: antialiased;
}


.web_creat {
  color: #fff;
  float: right;
  font: 700 17px/21px Roboto;
  text-transform: uppercase;
  width: 170px;
}

a.web_creat:hover {
color:#Fc1;
}
.news_service > li {
  font: 400 21px/36px Roboto Condensed;
  list-style: outside none none;
}
.news_service a {
  color: #153c70;
}
article li {
  font: 300 20px/26px "Roboto Condensed";
  margin: 0 auto;
  max-width: 900px;
  padding-bottom: 16px;
}
article h6 {
  font: 700 30px/38px Roboto;
  margin-bottom: 20px;
}
article .auth {
  padding: 20px 0 30px;
}


.text_aricle .call_phone {
  background: #ffcc11 none repeat scroll 0 0;
  border-radius: 50px;
  display: block;
  float: left;
  font: 400 20px/26px Roboto Condensed;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-top: 20px;color: #000;
  margin-right:15px;    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.text_aricle .call_phone:hover, .text_aricle .zajavka_phone:hover {
    box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.75)
}
.text_aricle .inner {
  display: inline-block;
  max-width: 540px;
  text-align: center;
  width: 100%;
}
.text_aricle {
  text-align: center;
}
.text_aricle .zajavka_phone {
  background: #33e05e none repeat scroll 0 0;
  border-radius: 50px;
  color: #fff;
  display: block;
  float: left;
  font: 400 20px/26px Roboto Condensed;
  margin-bottom: 20px;
  padding: 20px 20px 20px 0;
  text-transform: uppercase;
  margin-left:15px;    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.text_aricle .glyph-icon.flaticon-phone-call {
  color: #000;
  float: left;
  padding-right: 15px;
}


.text_aricle .glyph-icon.flaticon-letter {
  color: #fff;
  float: left;
  padding-right: 15px;
}


















/*				SLIDER MAIN PAGE 			*/
#slides {
  background: rgba(24, 54, 74, 1) none repeat scroll 0 0;
  position: relative;
  width: 100%;
}
#slides .slides-container {
  display: none;

}
.slides-container img {
  opacity: 0.4;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  display: block;
  margin: 0 20px;
  position: absolute;
}
.slides-navigation a.prev {
  left: 0;
    background: rgba(0, 0, 0, 0) url("../img/arrow.png") repeat scroll 0 0px;
  font: 0px/0 Arial;
  height: 39px;
  width: 39px;
}
.slides-navigation a.next {
  background: rgba(0, 0, 0, 0) url("../img/arrow.png") repeat scroll 0 39px;
  font: 0px/0 Arial;
  height: 39px;
  width: 39px;
  right:0;
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.slides-pagination a {
  border: 2px solid #222;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}
.slides-pagination a.current {
  background: #222;
}

.container {
  color: #fff;
  cursor: default;
  display: block;
  left: 12%;
  max-width: 40%;
  opacity: 1;
  padding: 10px 20px;
  position: relative;
  right: unset;
  top: 30%;
  width: 50%;
  z-index: 999;
}
.container.right {

  left: unset;
  position: absolute;
  right: 12%;
}
.container h6 {
  font: 700 36px/44px Roboto;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.container p {
  color: #fff;
  font: 300 20px/26px "Roboto Condensed",Arial;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .container {
    margin-top: 70px;
    max-width: 100%;
    width: 100%;
    position: static;
  }
}

.bottom_slide_menu {
  background: rgba(24, 54, 74, 0.73) none repeat scroll 0 0;
  bottom: 0;
  padding: 12px 0 6px;
  position: absolute;
  width: 100%;
  z-index: 7;
}

.bottom_slide_menu .flaticon-clock::before {
  color: #fc1;
  content: "";
  font-size: 46px;padding-right: 16px;float:left;
}

.bottom_slide_menu .flaticon-compass::before {
  color: #fc1;
  content: "";
  font-size: 46px;padding-right: 16px;float:left;
}
.bottom_slide_menu .flaticon-phone-call::before {
  content: "";
  font-size: 46px;
  color: #fc1;padding-right: 16px;float:left;
}
.bottom_slide_menu .medium-4.large-4.columns {

  float: left;
}
.bottom_slide_menu .medium-4.large-4.columns > b {
  color: #fff;
  display: block;
  font: 700 20px/34px Roboto;
  text-transform: uppercase;
}
.bottom_slide_menu .medium-4.large-4.columns > p,
.bottom_slide_menu .medium-4.large-4.columns p a {
  color: #fff;
  font: 300 19px/21px "Roboto condensed";
  text-transform: uppercase;
}

.slides-control .container.full {
  left: 10%;
  max-width: 80%;
  right: 10%;
  text-align: center;
  width: auto;
}
.slides-control .container.full > p {
  font: 300 26px/32px Roboto condensed;
}
.slides-control .container.full > h6 {
  font: 700 45px/50px Roboto;
}

/*				Inner slide - Logo & menu 	*/
.logo_top_menu_top {
  max-width: 1400px;
  padding-bottom: 20px;
  padding-top: 20px;
  position: absolute;
  width: 100%;
  z-index: 9;
}
.logo_top_menu_top .logo > a {
  display: flex;
  float: left;
}

.logo_top_menu_top .logo > a div.name_company {
  color: #fff;
  padding-left: 16px;
  text-transform: uppercase;
}

.logo_top_menu_top .logo > a .name_company b {
  display: flex;
  font: 700 40px/60px Roboto;
  width: 100%;
}
.logo_top_menu_top .logo > a .name_company small {
  font: 300 16.5px/24px Roboto Condensed;
}


ul.top_menu {
  color: #fff;
  float: right;
  margin: 0;
}
.top_menu li {
  display: inline;
}
.top_menu nav li a {
  border-bottom:-10px solid #FF062D;
  border-top: -10px solid #FF062D;
  color: #fff;
  font: 300 24px/94px "Roboto Condensed";
  padding: 6px 0 8px;
  text-transform: uppercase;
  
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -o-transition-property: border;
    transition-property: border;

    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}

.top_menu nav li:hover a {
  border-bottom: 1px solid #FF062D;
  border-top: 1px solid #FF062D;


}

.top_menu nav li a.active {
  border-bottom: 1px solid #fc1;
  border-top: 1px solid #fc1;
}
.top_menu li {
  display: inline;
  padding-right: 20px;
}
.top_menu li:last-child{  padding-right:0px;}







.info {
  display: inline-block;
  padding-bottom: 40px;
  width: 100%;
}

.title {
  color: #313c47;
  font: 700 40px/40px Roboto;
  padding: 0 0 30px;
  text-align: center;
  text-transform: uppercase;
}
.title::before {
  background-image: url("../img/trace.png");
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  margin-top: 15px;
  padding: 14px 0;
  text-align: center;
  width: 100%;
}

.border_radius {
  border-radius: 10px;
}
.service_main .medium-6.large-3.columns {
  padding-bottom: 20px;
}

















.parallax {
    background-image: url("../img/paralax_1.jpg");
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
.outer_paralax {
  background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
  display: block;
  height: 100%;
  margin-bottom: 20px;
  padding: 120px 0;
}
.parallax h6 {
  color: #fff;
  font: 700 36px/46px Roboto Condensed;
  margin: 0px 0 20px;
  text-align: right;
  text-transform: uppercase;
  width: 49%;
}
.parallax p {
  color: #fff;
  font: 300 23px/30px Roboto Condensed;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 49%;
}





.service_main .service_main_title {
  color: #313131;
  font: 700 23px/25px "Roboto",serif;
  margin: 0;
  min-height: 70px;
  padding-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}
.service_main p {
  color: #313131;
  font: 300 18px/24px Roboto Condensed;
  min-height: 150px;
  overflow: hidden;
  text-align: left;
}


.service_main a.reed_service {
  color: #18364a;
  font: 400 20px/20px Roboto Condensed;
  text-align: center;
  display: block;
  text-transform: uppercase;
  
      -webkit-transition: all 0.1s ease-out 0.1s;
     -moz-transition: all 0.1s ease-out 0.1s;
     -o-transition: all 0.1s ease-out 0.1s;
     transition: all 0.1s ease-out 0.1s;
}
.service_main a.reed_service:hover{
color:#db0f30;
}

.service_main a.reed_service::before {
  background: #313131 none repeat scroll 0 0;
  border-radius: 50px;
  color: #fff;
  content: "»";
  font: 400 23px/0 Arial;
  margin-right: 10px;
  padding: 0 9px 4px;
  text-decoration: none;
   margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-out 0.2s;
-moz-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
transition: all 0.3s ease-out 0.2s;
}
.service_main a.reed_service:hover::before{
	background:#db0f30;
}











.service_main .columns .bg_arrow.truck {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_truck.png") no-repeat scroll 50% 0px;
  content: "";
  display: block;
  height: 109px;
  margin-bottom: 30px;
}
.service_main .columns:hover .bg_arrow.truck {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_truck.png") no-repeat scroll 50% -109px;
  content: "";
  display: block;
  height: 112px;
  margin-bottom: 27px;
}





.service_main .columns .bg_arrow.wagon {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_wagon.png") no-repeat scroll 50% 0px;
  content: "";
  display: block;
  height: 109px;
  margin-bottom: 30px;
}
.service_main .columns:hover .bg_arrow.wagon {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_wagon.png") no-repeat scroll 50% -109px;
  content: "";
  display: block;
  height: 112px;
  margin-bottom: 27px;
}




.service_main .columns .bg_arrow.trolley {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_trolley.png") no-repeat scroll 50% 0px;
  content: "";
  display: block;
  height: 109px;
  margin-bottom: 30px;
}
.service_main .columns:hover .bg_arrow.trolley {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_trolley.png") no-repeat scroll 50% -109px;
  content: "";
  display: block;
  height: 112px;
  margin-bottom: 27px;
}








.service_main .columns .bg_arrow.warehouse {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_warehouse.png") no-repeat scroll 50% 0px;
  content: "";
  display: block;
  height: 109px;
  margin-bottom: 30px;
}
.service_main .columns:hover .bg_arrow.warehouse {
  background: rgba(0, 0, 0, 0) url("../img/service_arrow_warehouse.png") no-repeat scroll 50% -109px;
  content: "";
  display: block;
  height: 112px;
  margin-bottom: 27px;
}






























.parallax_2 {
    background-image: url("../img/paralax_2.jpg");
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.outer_paralax_2 {
  background: rgba(24, 54, 74, 0.6) none repeat scroll 0 0;
  display: block;
  height: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 40px 0 60px;
}
.parallax_2 h5.title {
  color: #fff;
}

#zajavka .medium-6.large-6.columns {
  padding-bottom: 20px;
}
#zajavka input,
#zajavka select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #a8b8c3;
  border-radius: 6px;
  color: #fff;
  font: 300 20px/28px Roboto Condensed;
  height: 50px;
  padding: 4px 14px 6px;
  width: 100%;
}

#zajavka input::-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}

#zajavka .btn.columns {
  margin: 20px 0 10px;
  text-align: center;
}
#zajavka .btn.columns > input {
  background: #db0f30 none repeat scroll 0 0;
  border: unset;
  border-radius: 50px;
  color: #fff;
  font: 700 22px/30px Roboto;
  height: auto;
  padding: 14px 0 16px;
  text-align: center;
  text-transform: uppercase;
  width: 250px;
  
      -webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}

#zajavka .btn.columns > input:hover {
	background:#fc1;
	color:#000;
}

.info.news img.border_radius {
  margin: 0 0 20px;
}

.info.news .name_news_main {
  color: #313c47;
  font: 400 24px/28px Roboto Condensed;
  padding-bottom: 20px;
  text-transform: uppercase;
}
.info.news .intro_news_main {
  color: #474747;
  font: 300 20px/27px Roboto Condensed;
}

.info.news .medium-6.large-6.columns {
  padding-bottom: 30px;
}
.info.news .date {
    max-width: 140px;
  background: #6d6d6d none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 20px;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}

.info.news .medium-6.columns:hover .date {  
background: #db0f30 none repeat scroll 0 0;
}

.info.news .date .number {
  border-bottom: 1px solid #fff;
  display: inline-block;
  font: 700 46px/46px Roboto;
  margin: 0 0 12px;
  padding: 0 12px 6px;
  text-align: center;
  width: 100%;
}
.info.news .month {
  font: 300 30px/30px Roboto Condensed;
  text-align: center;
  vertical-align: bottom;
  width: 100%;
}


.btn_news.columns {
  padding-bottom: 40px;
  padding-top:10px;
  text-align: center;
}

.info.news .btn_news.columns > a {
  border: 1px solid #6d6d6d;
  border-radius: 50px;
  color: #6d6d6d;
  font: 300 20px/24px Roboto Condensed;
  padding: 10px 20px;
  text-transform: uppercase;
  
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;

}


.info.news .btn_news.columns > a:hover{
border: 1px solid #000;
color: #000;

}














.parallax_3 {
    background-image: url("../img/paralax_3.jpg");
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.outer_paralax_3 {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  display: block;
  height: 100%;
  margin-bottom: 20px;
  padding: 40px 0 60px;
}
.parallax_3 h5.title {
  color: #fff;
}

.cifri .medium-6.large-3.columns {
  color: #fff;
  text-align: center;
}
.cifri .medium-6.large-3.columns > img {
  padding: 20px 0;
  width: 110px;
}
.cifri .medium-6.large-3.columns > h4 {
  font: 300 20px/28px Roboto condensed;
  margin: 0;
  text-transform: uppercase;
}
.cifri .medium-6.large-3.columns > b {
  font: 700 32px/42px Roboto Condensed;
  padding: 0 0 20px;
}
















.info.map {
  padding-bottom: 0;
}

footer .row {
  background: rgba(0, 0, 0, 0) url("../img/logo_footer.png") no-repeat scroll right center;
  display: block;
  min-height: 150px;
  padding: 30px 0;
  z-index: 111;
}


footer {
  background: #313c47 none repeat scroll 0 0;
  position: relative;
}

footer a .name_company {
  color: #fff;
}
footer .medium-4.large-4.columns > a {
  float: left;
}
footer .medium-4.large-4.columns a img {
  float: left;
  margin-right: 10px;
}
footer .name_company {
  float: right;
}
Footer .name_company > b {
  display: table-cell;
  font: 700 24px/32px Roboto condensed;
  padding-bottom: 6px;
}
footer .name_company small {
  font: 300 17px/20px Roboto Condensed;
  text-transform: uppercase;
}

footer .medium-4.large-4.columns a img {
  float: left;
  width: 24%;
}










footer .f_tel {
  bottom: 30px;
  display: block;
  font: 700 26px/26px "Roboto";
  position: absolute;
}

ul.footer_menu {
  margin: 0;
  padding: 0;
}
.footer_menu > nav {
  list-style: outside none none;
}
footer .footer_menu li a {
  color: #fff;
  font: 700 20px/34px Roboto;
  text-transform: uppercase;
}
footer .f_tel {
  bottom: 30px;
  display: block;
  font: 700 23.5px/26px "Roboto";
  position: absolute;
}
footer .footer_menu li a.active {
  border-left: 1px solid #fc1;
  border-right: 1px solid #fc1;

  margin-left: -11px;
  padding-left: 10px;
  padding-right: 10px;
}

footer .medium-6.large-6.columns > img {
  float: left;
  padding-right: 15px;
  width: 120px;
}
footer .medium-6.large-6.columns > h6 {
  color: #fff;
  font: 700 22px/28px Roboto;
  margin: 0;
  padding: 0 0 10px 130px;
  text-transform: uppercase;
}
footer .medium-6.large-6.columns > ul {
  margin: 0;
  padding: 0 0 0 120px;
}

footer .medium-6.large-6.columns li {
  display: inline-block;
  list-style: outside none none;
  padding: 4px 10px;
}
footer .medium-6.large-6.columns ul li a {
  color: #fff;
  font: 300 20px/30px Roboto Condensed;
  text-decoration: underline;
}














































/* 				Заявка 				*/
.bottom_phone_zajavka {
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  position: fixed;
  right: 30px;
  z-index: 10;
}


.bottom_phone_zajavka .flaticon-avatar::before {
  background: #33e05e none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 0;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.75);
  content: "";
  font-size: 40px;
  margin: auto 10px;
  padding: 20px;
  position: relative;
  right: 1px;
  z-index: 100;

}


.bottom_phone_zajavka a.call_phone .flaticon-phone-call::before {
  background: #FFCC11 none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 0px;
  color: #fff;
  content: "";
  font-size: 40px;
  left: 0;
  padding: 0 10px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
color:#222;
}


.bottom_phone_zajavka:hover a.call_phone .flaticon-phone-call::before {
  background: #FFCC11 none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 0px;
  color: #fff;
  content: "";
  font-size: 40px;
  left: -100px;
  padding: 6 16px;
  position: absolute;
 color:#222;
}







.bottom_phone_zajavka a.zajavka_phone .flaticon-letter::before {
  background: #DB0F30 none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 0px;
  color: #fff;
  content: "";
  font-size: 40px;
  top: 0;
  padding: 0 10px;
  position: absolute;
  
  -webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;

}


.bottom_phone_zajavka:hover a.zajavka_phone .flaticon-letter::before {
  background: ##DB0F30 none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 0px;
  color: #fff;
  content: "";
  font-size: 40px;
  top: -100px;
  padding: 0 10px;
  position: absolute; 
}




















#modal_form  {
	box-shadow:0 6px 11px 5px #3a3a3a;
	max-width:850px;
  background: #fff none repeat scroll 0 0;
  border: 11px solid #fc1;
  border-radius: 15px;
  display: none;
  height: auto;
  left: 50%;
  margin: 0 auto;
  opacity: 0;
  padding: 30px 20px 0;
  position: fixed;
  top: 45%;
  transform: translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
  -o-transform:  translateX(-50%) translateY(-50%);
  width: 60%;
  z-index: 21;
}


#modal_form_two  {
box-shadow:0 6px 11px 5px #3a3a3a;
max-width:850px;
  background: #fff none repeat scroll 0 0;
  border: 11px solid #586c80;
  border-radius: 15px;
  display: none;
  height: auto;
  left: 50%;
  margin: 0 auto;
  opacity: 0;
  padding: 30px 20px 0;
  position: fixed;
  top: 45%;
  transform: translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
  -o-transform:  translateX(-50%) translateY(-50%);
  width: 60%;
  z-index: 21;
}
 #modal_form_two::after {
  background: rgba(0, 0, 0, 0) url("../img/daf_prev.png") repeat scroll 0 0;
  bottom: -72px;
  content: "";
  display: block;
  height: 168px;
  left: -108px;
  position: absolute;
  width: 204px;
  z-index: 20;
}



#modal_form #modal_close, #modal_form_two #modal_close_two {
  background: #ededed none repeat scroll 0 0;
  border: 1px solid #222;
  border-radius: 50px;
  cursor: pointer;
  display: block;
  font-size: 14px;
  height: 26px;
  padding-top: 1px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 8px;
  transition: all 0.2s ease-out 0.1s;
  vertical-align: middle;
  width: 26px;
  -webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}


#modal_form #modal_close:hover,
#modal_form_two #modal_close_two:hover {
  border: 1px solid #900;
  background:#DB0F30;
color:#fff;
}
#modal_form > h6 {
  color: #222;
  font: 300 32px/32px Roboto Condensed;
  padding-top: 15px;
  text-align: center;
  text-transform: uppercase;
}

#modal_form_two > h6 {
  color: #222;
  font: 400 32px/32px Roboto Condensed;
  padding: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}

#overlay_m1, #overlay_m_two {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; 
  
    -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px);
  
  cursor: pointer;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
}
#modal_form > p {
  font: 300 21px/27px Roboto Condensed;
  padding: 10px 0 20px;
  text-align: center;
}
#modal_form > img {
  float: left;
  height: auto;
  width: 180px;
}



#modal_form > form {
  margin: 0 auto 0 220px;
  padding: 0 20px 0 0;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
#modal_form #zajavka > input {
  border: 1px solid #222;
  color: #222;
  display: block;
  float: left;
  width: 60%;
}

#modal_form #zajavka .btn {
  background: #33e05e none repeat scroll 0 0;
  border: unset;
  color: #fff;
  float: right;
  font: 400 18px/18px Roboto Condensed;
  padding: 2px 27px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: text-top;
  width: auto;
  border-bottom:3px solid #1AAD3C;
}




#modal_form_two #zajavka input,#modal_form_two  #zajavka select {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #a8b8c3;
  border-radius: 6px;
  color: #384552;
  font: 300 20px/28px Roboto Condensed;
  height: 50px;
  padding: 4px 14px 6px;
  width: 100%;
}

#modal_form_two #zajavka input::-moz-placeholder {
  color: #384552 !important;
  opacity: 1;
}


#modal_form_two #zajavka  .btn input {	
  color: #384552;
}


#modal_form_two #zajavka .btn input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #33e05e none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #1f963b;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 4px;
  color: #fff;
  font: 400 18px/18px Roboto Condensed;
  margin: 0 0 20px;
  padding: 0 20px;
  width: auto;
}




























#mess_messages input, #mess_messages select{
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #313c47;
  border-radius: 6px;
  color: #313c47;
  font: 300 20px/28px Roboto Condensed;
  height: 50px;
  margin-bottom: 20px;
  padding: 4px 14px 6px;
  width: 100%;
}

 #mess_messages textarea {
       background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #313c47;
  border-radius: 6px;
  color: #313c47;
  font: 300 20px/28px Roboto Condensed;
  height: 200px;
  margin-bottom: 20px;
  padding: 4px 14px 6px;
  width: 100%;
 }


#mess_messages input::-moz-placeholder, #mess_messages textarea::-moz-placeholder {
  color: #313c47;
  opacity: 1;
}


#mess_messages .btn.columns > input {
background: #db0f30 none repeat scroll 0 0;
border: unset;
border-radius: 50px;
color: #fff;
font: 700 22px/30px Roboto;
height: auto;
padding: 14px 0 16px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-out 0.1s;
width: 250px;
}
#mess_messages .btn.columns {
  text-align: center;
}


.map_contact {
  padding-bottom: 40px;
}



.cont .flaticon-compass::before {
  
  content: "";
  display: block;text-align: center;
  float: unset;
  font-size: 70px;
  margin: 0 auto;color: #db0f30;
}

.cont .flaticon-phone-call::before{
      display: block;
  float: unset;text-align: center;
  font-size: 70px;
  margin: 0 auto;color: #db0f30;
  content: "";
}
.cont .flaticon-letter::before {
  content: "";text-align: center;
        display: block;
  float: unset;
  font-size: 70px;
 margin: 0 auto;color: #db0f30;
}

.cont .flaticon-clock::before {
  content: "";text-align: center;
          display: block;
  float: unset;
  font-size: 70px;
  margin: 0 auto;color: #db0f30;
}

.cont h4 {
  color: #18364a;
  font: 700 22px/24px Roboto;
  text-align: center;
  text-transform: uppercase;
}
.cont .contact_description {
  text-align: center;
}

.cont {
  display: inline-block;
  padding-bottom: 10px;
}

.cont .medium-3.large-3.columns > a {
  display: block;
  text-align: center;
}




.usluga h2 {
  color: #444444;
  font: 700 24px/28px Roboto;
  margin: 0;
  padding: 10px 0 16px;
  text-align: center;
}

.usluga {
  padding-bottom: 20px;
  text-align: center;
}

.usluga > p {
  font: 300 19px/22px Roboto Condensed;
 text-align: left;
}

.servive {
  display: inline-block;
}

.usluga > a {
  background: #18364A none repeat scroll 0 0;
  border-radius: 50px;
  color: #fff;display: ruby-text;
  font: 700 19px/26px Roboto Condensed;
  margin-top: 16px;
  padding: 6px 16px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  
    -webkit-transition: all 0.1s ease-out 0.2s;
-moz-transition: all 0.1s ease-out 0.2s;
-o-transition: all 0.1s ease-out 0.2s;
transition: all 0.1s ease-out 0.2s;
}
.usluga:hover a  {
    background: #ff062d none repeat scroll 0 0;
}

















/*				Inner page 			*/
.paralax_inner { 
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.outer_inner {
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(3) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#47000000',GradientType=0 );


  display: block;
  height: 400px;
  margin-bottom: 40px;
  padding: 0;
  position: relative;
}

.row article {
  float: unset;
  margin: 0 auto;
  max-width: 1100px;
  margin-bottom: 30px;
}

body.inner_page .outer_inner {
  position: relative;
}
body article  p {
  color: #3f3f3f;
  font: 300 20px/26px "Roboto Condensed";
  margin: 0 auto;
  max-width: 1100px;
  padding-bottom:20px;
}

body Article h2 {
  font: 700 42px/42px Roboto;
  margin: 10px 0 30px;
}

body Article h3 {
  font: 700 37px/40px Roboto;
  margin: 8px 0 25px;
}

body Article h4 {
  font: 700 33px/38px Roboto;
  margin: 6px 0 20px;
}

body Article h5,body Article h5 {
  font: 700 28px/36px Roboto;
  margin: 0px 0 18px;
}



body.inner_page .logo_top_menu_top {
  display: inline-block;
  position: relative;
}

body.inner_page .paralax_inner {
  margin-bottom: 40px;
  -webkit-box-shadow: inset 0px -3px 16px -4px rgba(0,0,0,0.38);
-moz-box-shadow: inset 0px -3px 16px -4px rgba(0,0,0,0.38);
box-shadow: inset 0px -3px 16px -4px rgba(0,0,0,0.38);
}

.page {
  bottom: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
  padding-top: 34px;
}

h1.page_titile {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  color: #313c47;
  display: inline-block;
  font: 700 40px/31px Roboto;
  margin: 0;
  min-width: 550px;
  padding: 25px 20px 7px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.38);
box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.38);
}




























































/*            news                 */
body.news_page .row article {
  float: left;
  max-width: unset;
}
.name_news_title > h1 {
  font: 400 32px/40px Roboto Condensed;
  margin-bottom: 20px;
}

.one_news .border_radius {
  margin-bottom: 20px;
}

.outer_news_d_t {
  display: flex;
  margin-bottom: 20px;
  width: 100%;
}

.outer_news_d_t .news_date {
  background: #db0f30 none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  float: left;
  height: 100%;
  margin-right: 20px;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s ease-out 0.1s;
}

.outer_news_d_t .news_date .number{
    border-bottom: 1px solid #fff;
display: flex;
font: 700 46px/46px Roboto;
margin: 0 0 12px;
padding: 0 12px 6px;
text-align: center;
}

.in_news > h6 {
  border-bottom: 2px solid #ff062d;
  color: #18364a;
  font: 700 22px/40px Roboto;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

body.news_page_list article {
  float: left;
  max-width: unset;
}

body.news_page_list h4.name_news_main {
  font: 400 30px/32px Roboto Condensed;
  margin: 0 0 10px;
}

body.news_page_list .feed_news .border_radius {
  margin-bottom: 10px;
}

.news_page_list a.reed_service::before {
  background: #313131 none repeat scroll 0 0;
  border-radius: 50px;
  color: #fff;
  content: "»";
  font: 400 23px/0 Arial;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 0 9px 4px;
  text-decoration: none;
  transition: all 0.3s ease-out 0.2s;
}
body.news_page_list .reed_service {
  font: 400 18px/18px Roboto;
  text-transform: uppercase;
}
.feed_news {
  margin-bottom: 30px;
}




































/*					Respons	  			*/

@media only screen and (max-width: 1024px) and (min-width: 800px)  {
	.large-5.columns.logo img {
		width:auto;
	}
.logo_top_menu_top .large-5.columns.logo	{
	width:40%;
}
	
.logo_top_menu_top .large-5.columns.logo img	{
	width:25%; height:25%;
}

.top_menu nav li a {
  color: #fff;
  font: 300 19px/64px "Roboto Condensed";
  padding: 6px 0 8px;
  text-transform: uppercase;
  transition-duration: 500ms;
  transition-property: border;
}
	
}

	
	
@media only screen and (min-width: 801px) { 
.header {
  display: none;
}
nav.slides-pagination {
 display:none;
}

}

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

ul.top_menu{
	display:none;
}

.header > a {
  background: rgba(24, 54, 74, 0.9) none repeat scroll 0 0;
  border-radius: 50px;
  color: #fc1;
  font-size: 40px;
  padding: 9px 22px;
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 100;
}
.mm-listview > li > a, .mm-listview > li > span {

  font: 400 21px/27px Roboto condensed;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3);
  font: 400 18px/18px Roboto Condensed;
}
.mm_phone {
  color: #33e05e !important;
  display: inline-flex !important;
}
.mm_phone .flaticon-phone-call::before {
  color: #33E05E;
   margin: 0;
  content: "";
  padding-right: 14px;
}


/*		Slider 		*/
.container.right {
  right: 5%;
}
.container {
  max-width: 52%;
}
.container h6 {
  font: 700 30px/36px Roboto;
}

.slides-control .container.full {
  top: 22%;
}
.slides-control .container.full > h6 {
  font: 700 37px/44px Roboto;
}
.slides-control .container.full > p {
  font: 300 22px/30px Roboto condensed;
}

.bottom_slide_menu .medium-4.large-4.columns > b {
  font: 700 18px/28px Roboto;
}
.bottom_slide_menu .medium-4.large-4.columns > p, .bottom_slide_menu .medium-4.large-4.columns p a {
  font: 300 16px/20px "Roboto condensed";
}




/*			Paralax - 1 */
.outer_paralax {
  padding: 70px 0;
}
.parallax h6 {
  font: 700 30px/36px Roboto Condensed;
  width: 55%;
}
.parallax p {
  font: 300 21px/26px Roboto Condensed;
  width: 55%;
}
.parallax,.parallax_2,.paralax_inner {
    background-attachment: unset;
    
}


/*			Our service  		*/

.service_main .columns .bg_arrow.truck {
  margin-bottom: 20px;
}
.service_main p {
  min-height: 85px;
}
.title {
  font: 700 35px/35px Roboto;
  padding: 0 0 25px;
}



/*		Main news 		*/
.info.news .date {
  padding: 6px 8px;
}
.info.news .name_news_main {
  font: 400 20px/26px Roboto Condensed;
}




/*			Footer		*/
footer .medium-2.large-2.columns {
  display: none;
}
footer .medium-6.large-6.columns {
  width: 66%;
}
footer .medium-4.large-4.columns a img {
display:none;
}


}












































@media only screen and (max-width: 640px) {
	
	h1.page_titile {
  font: 700 20px/31px Roboto;

  min-width: 400px;
}
	
	
	.header > a {
  border: 1px solid #fc1; 
  font-size: 30px;
  padding: 9px 18px;
}
.bottom_slide_menu.animate-plus.animated.fadeInUp {
  display: none !important;
}
.container {
  margin-top: 0;
  max-width: 100%;
  position: relative;
  width: 100%;
  max-width: 60%;
}
.slides-control .container.full > h6 {
  font: 700 32px/40px Roboto;
}
.parallax h6 {
  font: 700 30px/36px Roboto Condensed;
  width: 64%;
}
.parallax p {
  font: 300 21px/26px Roboto Condensed;
  width: 64%;
}

.service_main p {
  min-height: auto;
  padding-bottom: 40px;
  text-align: center;
}
.service_main .service_main_title {
  min-height: auto;
} 

footer .medium-6.large-6.columns > img {
  display: none;
}
footer .medium-6.large-6.columns > h6 {
  padding: 0 0 10px;
  text-align: center;
}

footer .medium-6.large-6.columns > ul {
  margin: 0;
  padding: 0;
}



#mm-0 > div#modal_form {
  width: 100%;
}
#modal_form > img {
  display: none;
}
#modal_form > p {
  margin: 0;
}
#modal_form > form {
  display: inline-block;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.main_page #modal_form_two::after {
  background: unset;
  bottom: 0;

}

#modal_form_two {
  background: #fff none repeat scroll 0 0;
  border: 6px solid #586c80;
  border-radius: 15px;
  box-shadow: 0 6px 11px 5px #3a3a3a;
  display: none;
  height: 100%;
  left: 0;
  margin: 0 auto;
  max-width: 850px;
  opacity: 0;
  padding: 30px 0px 0;
  position: fixed;
  top: 0;
  transform: unset;
  width: 100%;
  z-index: 100;
  overflow: scroll !important;
}


}









































@media only screen and (max-width: 460px) {
	
.container.right {
  max-width: 100%;
  padding: 0 60px;
  right: unset;
}
	
	.parallax h6 {
  font: 700 30px/36px Roboto Condensed;
  margin: 0 auto;
  width: 92%;
}
.parallax p {
  font: 300 21px/26px Roboto Condensed;
  margin: 0 auto;
  width: 90%;
}
footer .small-2.medium-4.large-4.columns {
  display: none;
}
footer .medium-6.large-6.columns {
  width: 100%;
}
.bottom_phone_zajavka {
  bottom: 30px;
  right: 15px;
}
.bottom_phone_zajavka .flaticon-avatar::before {
  content: "";
  font-size: 30px;
  margin: auto 10px;
  padding: 17px;
  border: 1px solid #2ab74b;
}


.bottom_phone_zajavka a.call_phone .flaticon-phone-call::before {
  font-size: 30px;
}
.bottom_phone_zajavka a.zajavka_phone .flaticon-letter::before {
  font-size: 36px;left:-4px;
}


.bottom_phone_zajavka:hover a.zajavka_phone .flaticon-letter::before {
  background: ##DB0F30 none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 0px;
  color: #fff;
  content: "";
  font-size: 36px;
  top: -80px;
  padding: 0 10px;
left:-4px;
  position: absolute; 
}

.bottom_phone_zajavka:hover a.call_phone .flaticon-phone-call::before {
  background: #FFCC11 none repeat scroll 0 0;
  border-radius: 50px;
  bottom: 0px;
  font-size: 30px;
  left: -100px;
  padding: 8px 16px;  
}


#modal_form #zajavka > input#modal_tell {
  margin-bottom: 10px;
  width: 100%;
}

#modal_form {
  padding: 10px 20px 0;
}
#modal_form > h6 {
  font: 300 28px/32px Roboto Condensed;
  padding-top: 0;
}#modal_form > p {
  font: 300 19px/24px Roboto Condensed;
  padding: 10px 0 20px;
  text-align: center;
}
#modal_form #zajavka .btn {
  float: unset;
  margin: 0 auto;
  text-align: center;
}

.slides-navigation {
  display: none;
}

.slides-control .container.full {
  left: 0;
  max-width: 100%;
  right: 0;
  text-align: center;
  width: auto;
}

#modal_form_two > h6 {
  font: 400 26px/30px Roboto Condensed;
}

#modal_form_two #zajavka input, #modal_form_two #zajavka select {
  font: 300 18px/20px Roboto Condensed;
  height: 43px;
}
#zajavka .medium-6.large-6.columns {
  padding-bottom: 13px;
}

}









































/*			iPhone 6 		*/
@media only screen and (max-width: 460px) { 

.logo_top_menu_top .logo > a {
  display: block;
}
.logo_top_menu_top .large-5.columns.logo img {
  float: left;
  width: 48px;
}
.logo_top_menu_top .logo > a div.name_company {
  color: #fff;
  float: left;
  padding-left: 10px;
  text-transform: uppercase;
}
.logo_top_menu_top .logo > a .name_company b {
  display: flex;
  font: 700 30px/30px Roboto;
  width: 100%;
}
.logo_top_menu_top .logo > a .name_company small {
  font: 300 12.5px/24px Roboto Condensed;
}
.container.right {
  padding: 0 20px;
}
.container h6 {
  font: 700 25px/30px Roboto;
  margin-bottom: 16px;
}
.container p {
  color: #fff;
  font: 300 18px/25px "Roboto Condensed",Arial;
  margin: 0;
}
.slides-control .container.full > h6 {
  font: 700 28px/35px Roboto;
  margin-bottom: 15px;
}
.slides-control .container.full > p {
  font: 300 20px/28px Roboto condensed;
}
.title {
  font: 700 32px/32px Roboto;
  padding: 0 0 20px;
}
.info {
  display: inline-block;
  padding-bottom: 20px;
  width: 100%;
}
.outer_paralax_2 {

  padding: 10px 0 40px;
}

body p {
  color: #3f3f3f;
  font: 300 18px/26px "Roboto Condensed";
}

}








@media only screen and (max-width: 414px) { 
h1.page_titile {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px 10px 0 0;
  color: #313c47;
  display: inline-block;
  font: 700 26px/31px Roboto;
  margin: 0;
  min-width: auto;
  padding: 18px 20px 7px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}

}