@charset "utf-8";
/* HEADER*/
.header_top {
max-width:1920px;
min-width:30%;
height: auto;
}
::-webkit-scrollbar-track{
background:transparent}
::-webkit-scrollbar{
width:7px}
::-webkit-scrollbar-thumb{
background-color:#3ebc6b;cursor:pointer}
::-webkit-scrollbar-thumb:vertical {
	border-radius: 160px;

}

#header_bottom {
background-color: #3ebc6b;
}
.container {
width:100%;
min-width:315px;
padding-right: 5%;
padding-left:3%;
}
.header {
background: #444444;
display: block;
}
.header_logo {
width:100%;
margin:0;
height:70px;
padding-left:5%;
background: #3ebc6b;
}
.header_logo a img {
text-decoration: none;
}

.img-responsive-inline {
display: inline-block;
vertical-align: top;
margin-right:2%;
max-width: 100%;
height:70px;
float:left;
}
.number a {
float:left;	
font-family: ProximaNova,sans-serif;
margin-top:0.5%;
color: #FFF;
font-size: 18px;
letter-spacing: 0.7px;
}
.number a:hover {
color: #FFF200;
transition-property: color,border-color,background-color;
transition-duration: .9999s;
}

.phone, .phone_2 {
width: 25px;
height: 25px;
float: left;
margin-left:3%;
margin-right:15px;
margin-top:0.8%;
}	
.phone {
background:url(https://www.gruzchiki-mustang.kiev.ua/images/logo/head_phone25.png);
}
.phone_2 {
background:url(https://www.gruzchiki-mustang.kiev.ua/images/logo/head_phone25.png);
}	
/*social networks*/
.social_f {
width:100%;
float:left;
padding:2% 0 2% 0;
margin-top: -7%;
margin-left: -5%;
}
.gogle_plus{
background: url(https://www.gruzchiki-mustang.kiev.ua/images/social/s-l-gp-h.png);
}
.facebook {
background: url(https://www.gruzchiki-mustang.kiev.ua/images/social/s-l-fb-h.png);
}
.twitter {

background: url(https://www.gruzchiki-mustang.kiev.ua/images/social/s-l-tw-h.png);
}
.insta {
background: url(https://www.gruzchiki-mustang.kiev.ua/images/social/s-l-inst-h.png);
}

.social_bar {
width:165px;
height:38px;
margin-top:0.5%;
margin-right:1%;
margin-left:2%;
float:left;
}
#lang_bar {
display: block;
width: auto;
height: 38px;
margin-top:0.5%;
margin-right: 3%;
margin-left: 0%;
float: left;
}

.gogle_plus, .facebook, .twitter, .insta {
width:28px;
height:28px;
float:left;
margin-top:2.5%;
margin-left:7%;
transition-property: background;
transition-duration: .666s;
}

.lang_link {
display: inline-block;
color: #FFF;
text-decoration: none;
}

.lang_ua, .lang_splash, .lang_ru {
font-size: 18px;
font-weight: 500;
color: #FFF;
text-align: center;
text-decoration: none;
width:auto;
height:auto;
float:left;
margin-top:2.5%;
margin-left:7%;
transition-property: background;
transition-duration: .666s;
}

/*NAV MENU*/
.nav{
background:#3ebc6b;
width:100%;
}
.header_nav{
width:100%;
}
.nav li {
font-size: 1rem;
line-height: 2.7rem;
font-weight: 300;
font-family: ProximaNova,sans-serif;
letter-spacing: -.01rem;
list-style-type: none;
height:auto;
float:left;
padding-left:1%;
padding-top:1.0%;
}
.nav ul {
width: 100%;
}
.nav .current {
color:fff200;
}
.nav a {	
color: #FFF;
}
.nav .current a {
color: #fff200;
}
 /* при наведении на пункты меню */
.nav a:hover {
color: #fff200;
}
.nav ul:hover {
color: #fff200;
width:100%;
}
.nav ul:hover li {
color: #fff200;
}
.nav ul:hover .current {
color:#fff200;
}
.cmn-toggle-switch {
display:none;
overflow:hidden;
}
.cmn-toggle-switch__rot {
display:none;
overflow:hidden;
}
/*CONTENT*/
#content_left_1 {
margin:0 auto;
width:90%;
height: auto;
background-color:#FFFFFF;
}
#content_left_1s {
text-align: center;
margin: 0 auto;
width:90%;
height: auto;
background-color:#FFFFFF;
}
#content_left_2 {
text-align:center;
margin:0 auto;
width:90%;
height: auto;
background-color:#FFFFFF;
}
.top_content {
height:auto;
width: 90%;
}
/*SLIDER*/
#main_sl {
width:100%;
min-width:320px;
background: #FFF200;
position: relative;
}
.main_oder {
padding-left: 15px;
padding-top:100%; 
height: auto;
position: absolute;
display: block;
background: red;
}
.sl_img, .sl {
width:100%;
}
.boot_f {
    font-size: 15px;
    color: #FFF;
  }
/*SERVICE BAR*/
.service_bar {
width:100%;
margin:auto;
text-align:center;
}
.all_sn {
display:inline-block;
vertical-align: top;
width:310px;
height:100px;
margin-left:4%;
}
.sn_p {
text-align:left; color:#444; font-size: 17px;
}
.all_sn_1, .all_sn_5 {
display:inline-block;
vertical-align: top;
width:310px;
height:100px;
margin-left:-1%;
margin-right:0;
}
.sn1_log, .sn2_log, .sn3_log, .sn4_log, .sn5_log, .sn6_log, .sn7_log, .sn8_log {
width: 76px;
height: 76px;
float: left;
margin-right:5px;
}
.sn1_log img, .sn2_log img, .sn3_log img, .sn4_log img, .sn5_log img, .sn6_log img, .sn7_log img, .sn8_log img {
width: 100%;
height: auto;
}
.sn1_text, .sn2_text, .sn3_text, .sn4_text, .sn5_text, .sn6_text, .sn7_text, .sn8_text {
line-height: 1.2;
width: 220px;
float: left;
margin-left: 2%;
margin-top: 1%; 
}
/*End of ServiceBAr*/

/*Service bar 2*/
#service_bar_1 {
text-align:center;
width:100%;
}
.service_bar_kv, .service_bar_of, .service_bar_st, .service_bar_dh {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px; 
border-radius: 15px;
max-width: 345px;
padding: 1.5% 1% 1.5% 1%;
border: 1px solid #3ebc6b;
display:inline-block;
vertical-align: middle;
height: auto;
margin: 1% 1% 2.5% 1%;
}

.service_bar_kv:hover, .service_bar_of:hover, .service_bar_st:hover, .service_bar_dh:hover  { 	 	
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px; 
border-radius: 15px;
max-width: 380px;
padding: 1.2% 1% 1.2% 1%;
border: 1px solid #3ebc6b;
display:inline-block;
vertical-align: middle;
height: auto;
margin: 1% 1% 2.5% 1%;
}

.img_sbar_kv, .img_sbar_of, .img_sbar_st, .img_sbar_dh {
width:300px;
height:180px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px;
margin: 0 auto;
}

.sn-siz {
font-size: 14px;
}
.h1_zag, .s_title	 {
color: #3ebc6b;
font-size: 26px;
line-height: 2.7rem;
font-weight:700;
font-family: ProximaNova,sans-serif;
letter-spacing: -.01rem;
margin-top:2.5%;
}
/*End serveice bar 2*/
.col {
padding-bottom: 1px;
display: inline;
color: inherit;
text-decoration: none;
font-size: 15px;
line-height: 1.7;
border-bottom: 1px solid rgba(255,255,255,.3);
transition: all .2s ease-in-out;
color: #fff; 
font-size:15px; 
font-family: ProximaNova,sans-serif;
} 
.col:hover {color:#FFF200; } 
.text_1 {
line-height:1.8rem; 
color: #424242;
font-size: 16px;
font-family: ProximaNova,sans-serif;
} 
@media (max-width:550px) and (min-width:170px) {
#cent-mod {
display:inline-block;
text-align:center;
max-width:100%!important;
min-width:100%!important;
margin-bottom:20px;
}
#cent-mod a {
	display:inline-block!important;
	vertical-align:middle;
	text-align:center;
	padding:10px;
}
#p-h-m-800 {
text-align:center;
display: inline-block!important;
font-size: 33px!important;
font-weight:600;
font-family: ProximaNova,sans-serif;
}
#p-h-m-800 a {
display: inline-block!important;
font-size: 22px;
text-align:center;
vertical-align:middle;
float:none;
}
#p-h-m-800 a span {
	display: flex!important;
text-align:center;
vertical-align:middle;	
  font-size: 12px!important;
  font-weight:500;
  color:#FFF;
  letter-spacing: -.01rem;
  line-height: 0.5rem;	
  display:flex;
}

.b-h-0800 {
display:none;
}
/*NAV MOB*/
.h1_zag, .s_title  {
font-size: 18px;
line-height: 1.7rem;
font-weight:600;
letter-spacing: -.01rem;
margin-top:-2%;
text-align: center;
}
.nav{
margin-top: -2px;
background:#3ebc6b;
width:1000px;
margin-left:-10%;
position:relative;
float:left; 
}
.header_nav {
display:none;
}
.nav li {
font-family: ProximaNova;
font-size:13pt;
font-weight: 600;
list-style-type: none;
height:auto;
float: inherit;
overflow:hidden;
line-height: 2.2233rem;
}
.nav ul {
width: 100%;	
}
.nav .current {
overflow: hidden;
}
.nav a {	
color: #FFF;
text-align: center;
}
.nav .current a {
color: #fff200;
}
/* при наведении на пункты меню */
.nav a:hover {
color: #fff200;
text-align: left;
}
.nav ul:hover {
color: #fff200;
width:100%;
}
.nav ul:hover li {
display: block;
color: #fff200;
}
.nav ul:hover .current {
display: block;
color:#fff200;
}
.open_menu{
margin:1%;
display:block;
transition: ;
}
/*габмургер*/
.cmn-toggle-switch {
top:15%;
margin-left:67%;
display: block;
position: relative;
overflow: hidden;
width: 60px;
height: 48px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.8s;;
transition: background 0.8s;
}
.cmn-toggle-switch:focus {
outline: none;
}
.cmn-toggle-switch span {
display: block;
position: absolute;
top: 21px;
left: 12px;
right: 12px;
height: 5px;
background: white;
}
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
position: absolute;
display: block;
border-radius: 7px;
left: 0;
width: 100%;
height: 4px;
background-color: #fff;
content: "";
}
.cmn-toggle-switch span::before {
	border-radius: 7px;
top: -13px;
}
.cmn-toggle-switch span::after {
	border-radius: 7px;
bottom: -13px;
}
.cmn-toggle-switch__rot {
background-color: #37ac61;
border-radius: 7px;
}
.cmn-toggle-switch__rot span {
-webkit-transition: -webkit-transform 0.8s;
transition: transform 0.8s;
border-radius: 7px;
}
/* active state, i.e. menu open */
.cmn-toggle-switch__rot.active {
 background-color: #329d58;
 border-radius: 7px;
}
.cmn-toggle-switch__rot.active span {
-webkit-transform: rotate(810deg);
-ms-transform: rotate(810deg);
border-radius: 7px;
transform: rotate(810deg);
}
/*head*/
.social_bar {
max-width:250px;
min-width:30%;
margin-top:0.5%;
margin-bottom:1.5%;
margin-left:1%;
float:left;
}
.number {
width:55%;
margin-top:0%;
padding-top: 2%;
line-height: 2.4433rem;
margin-right:0px;
margin-left:1%;
display:inline-block;
vertical-align:middle;
text-align:center;
}
.phone {
background:url(https://www.gruzchiki-mustang.kiev.ua/images/logo/head_phone.png);
width:30px;
height:30px;
margin-left:0%;
margin-right:3%;
margin-top:2.7%;
clear: both;
display:inline-block;
vertical-align:middle;
text-align:center;
}
.phone, .phone_2 {
	float:none!important;
}
#cont-mod {
	text-align:center;
}
.number a {
	float:none!important;
}
.nb-m {
	 width: 100%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}
.header_top {
overflow:hidden;
text-align:center;
}
.boot_f {
font-size: 13px;
}
.col {
font-size: 13px;
}

.sn_p {
text-align:left; color:#444; font-size: 15px;
}
.sn1_log, .sn2_log, .sn3_log, .sn4_log, .sn5_log, .sn6_log, .sn7_log, .sn8_log {
width: 70px;
height: 70px;
float: left;
margin-right:5px;
}
/*End of ServiceBAr*/

.service_bar {
width:100%;
margin-left:1%;
}
#service_bar_1 {
width:95%;
margin: 0 auto;
}
.sn-siz {
font-size: 13px;
}
.sn1_text, .sn2_text, .sn3_text, .sn4_text, .sn5_text, .sn6_text, .sn7_text, .sn8_text {
line-height: 1.5;
width: 62%;
float: left;
font-size: 12px;
margin-left: 3%;
padding-top:1%; 
}
.all_sn_1, .all_sn_5 {
width:100%;
height:auto;
margin-left: 5%;
margin-top: 3%;
}
.all_sn {
width: 100%;
height: auto;
margin-left: 5%;
margin-top: 3%;
}

}
/*Media*/
@media (max-width:1450px) and (min-width:1230px) {
.service_bar_kv, .service_bar_of, .service_bar_st, .service_bar_dh {
padding: 1.5% 1% 1.5% 1%;
margin: 2% 3% 2% 4%;
}
}

@media (max-width:1500px) and (min-width:1100px) {
	/*SERVICE BAR*/
.all_sn {
display:inline-block;
vertical-align: top;
width:310px;
height:100px;
margin-left:4%;
}
.sn_p {
text-align:left; color:#444; font-size: 15px;
}
.sn1_log, .sn2_log, .sn3_log, .sn4_log, .sn5_log, .sn6_log, .sn7_log, .sn8_log {
width: 75px;
height: 75px;
float: left;
margin-right:5px;
}
/*End of ServiceBAr*/

.service_bar {
width:100%;
margin-left:1%;
}
#service_bar_1 {
width:85%;
margin:0 auto;
}
.sn-siz {
font-size: 13px;
}
.sn1_text, .sn2_text, .sn3_text, .sn4_text, .sn5_text, .sn6_text, .sn7_text, .sn8_text {
line-height: 1.2;
width: 200px;
float: left;
font-size: 12px;
}
.all_sn_1, .all_sn_5 {
width:295px;
height:100px;
margin-left:-1%;
}
.all_sn {
width:295px;
height:100px;
margin-left:0%;
margin-right:0%;
}
}
.c404 {
height:auto;
text-align:center;
background:url(https://www.gruzchiki-mustang.kiev.ua/images/404.jpg) no-repeat fixed center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media (max-width:1050px) and (min-width:770px) {
.service_bar {
width:84%;
}

}