/* Basic */
.col, .row { 
padding: 0;
margin: 0;
}
.animate_box { 
position: fixed;
background-color: #179965;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.animate_box img { 
margin-top: 15%;
animation: rotate_logo 3s linear infinite;
}
.wrap { 
position: relative;
}
/* Header */
.header { 
background: rgb(247,167,26);
background: linear-gradient(45deg, rgba(247,167,26,1) 4%, rgba(23,153,101,1) 4%, rgba(23,153,101,1) 62%, rgba(247,167,26,1) 62%); 
padding-top: 0.5%;
padding-bottom: 0.5%;
}
.header_mobile { 
display: none;
}
.header_logo { 
text-align: center;
}
.header_logo img { 
width: 80%;
}
.header_menu { 
padding-top: 2%;
}
.header_menu a { 
color: white;
display: inline-block;
text-decoration: none;
font-family: 'Open Sans' sans-serif;
font-size: 20px;
padding: 1%;
padding-left: 1.5%;
padding-right: 1.5%;
}
.header_menu a:hover { 
background-color: #f7a71a;
}
.header_menu_active { 
background-color: #f7a71a;
}
.header_contacts { 
margin-top: 0.5%;
}
.header_contacts table { 
width: 100%;
}
.header_contacts table span { 
color: white;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
display: inline-block;
margin: 1%;
margin-left: 2%;
}
.header_contacts table a { 
text-decoration: none;
color: white;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
display: inline-block;
margin: 1%;
margin-left: 2%;
border-bottom: 2px dotted white;
}
.header_contacts table a:hover {  
border-bottom: none;
}
.header_contacts table td { 
padding: 1%;
}
.header_contacts table img { 
background-color: #179965;
padding: 2%;
border-radius: 300px;
}
.header_contacts table button { 
padding: 3%;
padding-bottom: 3%;
width: 200px;
background-color: #179965;
font-family: 'Open Sans', sans-serif;
border: none;
color: white;
font-size: 18px;
}
.header_contacts table button:hover {  
background-color: #f7a71a;
border: 1px solid #179965;
color: #179965;;
}
/* Banner */
.banner { 
position: relative;
}
.banner_mobile { 
display: none;
}
.banner img { 
width: 100%;
}
.banner_image_main { 
position: absolute;
z-index: 0;
}
.banner_image_lay { 
position: absolute;
z-index: 1;
opacity: 0;
}
.banner_text { 
position: absolute;
z-index: 2;
color: white;
width: 50%;
left: 25%;
top: 20%;
text-align: center;
opacity: 0;
}
.banner_text_label { 
display: block;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 22px;
background-color: #f7a71a;
display: inline-block;
padding: 0.8%;
padding-left: 1.3%;
padding-right: 1.3%;
border-radius: 10px;
}
.banner_text_label img { 
width: auto;
margin-bottom: 0.19rem;
}
.banner_text_label b { 
color: #179965;
}
.banner_text_main { 
display: block;
font-family: 'Verdana', sans-serif;
font-size: 48px;
}
.banner_text_short { 
display: block;
font-family: 'Roboto', sans-serif;
font-size: 28px;
}
.banner_text button { 
padding: 1.5%;
padding-left: 2%;
padding-right: 2%;
background-color: #f7a71a;
border: none;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: white;
margin-top: 2%;
border-radius: 5px;
}
.banner_text button:hover {
background-color: #179965; 
color: #179965;
color: white;
}
.banner_text button img {  
width: auto;
}
/* Transport Directions */ 
.transport_directions { 
margin: 0 auto;
}
.transport_directions_form { 
border: 1px solid #32b480;
border-radius: 10px;
padding: 1%;
}
.transport_directions_form label { 
display: block;
margin-top: 1.5%;
font-family: 'Open Sans', sans-serif;
}
.transport_directions_form table { 
width: 100%;
margin-top: 1%;
margin-bottom: 1%;
}
.transport_directions_form table input { 
width: 100%;
font-family: 'Raleway', sans-serif;
padding: 2.5%;
padding-left: 3%;
border-radius: 5px;
border: none;
background-color: rgba(50, 180, 128, 0.3);
}
#trans_from_input { 
padding-left: 20px;
background: url('/images/icons/location_in.png') no-repeat left;
background-size: 20px;
background-color: rgba(50, 180, 128, 0.3);
}
#trans_to_input { 
padding-left: 20px;
background: url('/images/icons/location_in.png') no-repeat left;
background-size: 20px;
background-color: rgba(50, 180, 128, 0.3);
}
.transport_directions_form span { 
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
text-align: center;
margin-top: 1%;
}
.transport_directions_form button { 
background-color: #32b480;
color: white;
margin-top: 2%;
width: 100%;
padding: 3%;
border: none;
font-family: 'Open Sans', sans-serif;
border-radius: 10px;
}
.transport_directions_form button:hover { 
background-color: #f7a71a;
}
.transport_directions_list { 
margin: 0 auto;
text-align: center;
}
.transport_directions_list label { 
display: inline-block;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #484848;
}
.transport_directions_list span { 
font-family: 'Raleway', sans-serif;
display: block;
margin-top: 1%;
font-size: 14px;
}
.transport_directions_list_select { 
width: 95%;
margin: 0 auto;
margin-top: 1%;
text-align: center;
}
.transport_directions_list_select button { 
display: inline-block;
padding: 1%;
padding-left: 2%;
padding-right: 2%;
text-decoration: none;
color: #232323;
margin-top: 1%;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
border: none;
border-radius: 10px;
}
.transport_directions_list_select button img { 
display: none;
}
.transport_directions_list_select_active { 
background-color: #f7a71a;
color: white !important; 
padding: 1%;
border-radius: 10px;
}
.transport_directions_list_select_active img { 
display: inline-block !important;
}
.transport_directions_list table { 
width: 50%;
margin: 0 auto;
margin-top: 1%;
padding-left: 5%;
text-align: left;
font-family: 'Raleway', sans-serif;
font-size: 18px;
}
.transport_directions_list table td { 
width: 50%;
padding-left: 5%;
}
/* About us */
.about_us { 
margin: 0 auto;
margin-top: 4%;
margin-bottom: 4%;
}
.about_us_graphic { 
text-align: center;
position: relative;
right: 100%;
opacity: 0;
}
.about_us_graphic_image { 
position: relative;
text-align: left;
}
.about_us_graphic_image img {
width: 65%; 
border-radius: 0 30px 0 0;
}
#about_us_graphic_triple_arrow { 
position: absolute;
left: 25%;
bottom: 10%;
z-index: -1;
opacity: 0;
}
#about_us_graphic_img_truck { 
position: absolute;
width: 60%;
top: 55%;
left: -125%;
z-index: 1;
border: 6px solid white;
}
.about_us_graphic_statistic { 
background-color: #f7a71a;
width: 80%;
border-radius: 0 0 30px 0;
padding: 3%;
}
.about_us_graphic_statistic table { 
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: white;
text-align: center;
}
.about_us_graphic_statistic b { 
font-size: 28px;
font-family: 'Trebuchet MS', sans-serif;
}
.about_us_info label { 
font-size: 22px;
font-family: 'Open Sans', sans-serif;
display: inline-block;
background-color: #f7a71a;
color: white;
padding: 1%;
padding-left: 3%;
padding-right: 3%;
border-radius: 30px;
}
.about_us_info span { 
display: block;
margin-top: 1%;
font-size: 38px;
font-family: 'Trebuchet MS', sans-serif;
font-weight: 600;
}
.about_us_info p { 
display: block;
margin-top: 1%;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.about_us_info ul { 
font-family: 'Trebuchet MS', sans-serif;
list-style: none;
}
.about_us_info ul b { 
color: #32b480;
font-size: 22px;
}
.about_us_info button { 
padding: 3%;
padding-left: 6%;
padding-right: 6%;
background-color: #f7a71a;
border: none;
color: white;
font-family: 'Open Sans', sans-serif;
}
.about_us_info button:hover {  
background-color: #179965; 
color: #179965;
color: white;
}
.about_us_info table { 
width: 75%;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
.about_us_partners { 
width: 80%;
margin: 0 auto;
text-align: center;
opacity: 0;
}
.about_us_partners_label_main { 
text-align: center;
}
.about_us_partners_label_main label { 
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-align: left;
background-color: #f7a71a;
border-radius: 10px;
padding: 1%;
padding-left: 2%;
padding-right: 2%;
color: white;
}
.about_us_partners_label_text { 
font-family: 'Roboto', sans-serif;
font-size: 17px;
}
.about_us_partners_label_text span { 
display: inline-block;
width: 80%;
}
.about_us_partners_label_text b { 
color: #32b480;
font-size: 20px;
}
.about_us_partners_box { 
justify-content: center;
}
.about_us_partners_box_item { 
margin-top: 2%;
}
.about_us_partners_box_item_1 img { 
animation: toScale 6s infinite linear;
}
.about_us_partners_box_item_2 img { 
animation: toScaleTwo 6s infinite linear;
} 
.about_us_partners_box_item img { 
width: 100%;
}
/* Our Services */
.our_services { 
margin: 0 auto;
margin-top: 4%;
text-align: center;
}
.our_services label {  
display: inline-block;
margin-top: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
text-align: left;
background-color: #31b37f;
border-radius: 30px;
padding: 0.8%;
padding-left: 1.5%;
padding-right: 1.5%;
color: white;
width: auto;
}
.our_services_box { 
margin-top: 2%;
}
.our_services_box_graphic { 
position: relative;
left: 4%;
padding: 0;
opacity: 0;
}
.our_services_box_graphic img { 
width: 100%;
height: 100%;
border-radius: 0 10px 10px 0;
}
.our_services_graphic_arrow_green { 
position: absolute;
right: 10%;
top: 0;
z-index: 1;
opacity: 0;
}
.our_services_graphic_arrow_orange { 
position: absolute;
right: 5%;
top: 0;
z-index: 2;
opacity: 0;
}
.our_services_box_info { 
padding-left: 2%;
padding-top: 1%;
padding-bottom: 1%;
opacity: 0;
background: url('/images/our_services/our_services_two.jpg');
background-position: center;
color: white;
text-align: left;
border-radius: 10px 0 0 10px;
}
.our_services_box_info span { 
font-family: 'Roboto', sans-serif;
font-size: 18px;
display: block;
width: 60%;
margin-top: 2%;
}
.our_services_box_info label {  
display: inline-block;
margin-top: 2%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-align: left;
background-color: #31b37f;
border-radius: 10px;
padding: 1%;
padding-left: 2%;
padding-right: 2%;
color: white;
width: auto;
}
.our_services_box_info ul { 
list-style: none;
font-family: 'Roboto', sans-serif;
font-size: 18px;
margin: 0;
padding: 0;
margin-top: 1%;
}
.our_services_box_info ul b { 
color: #31b37f;
}
/* Our AutoPark */ 
.our_autopark { 
margin: 0 auto;
margin-top: 2%;
text-align: center;
}
.our_autopark label { 
font-family: 'Open Sans', sans-serif;
font-size: 25px;
display: inline-block;
text-align: center;
background-color: #f7a71a;
color: white;
padding: 0.5%;
padding-left: 1%;
padding-right: 1%;
border-radius: 30px;
}
.our_autopark_box { 
margin-top: 1%;
}
.our_autopark_box_item { 
margin-top: 1%;
}
.our_autopark_box_item label { 
background-color: white;
color: black;
}
.our_autopark_box_item img { 
width: 100%;
}
.our_autopark_box_item span { 
font-family: 'Roboto', sans-serif;
display: block;
}
.our_autopark_box_item button { 
background-color: #f7a71a;
padding: 2%;
padding-left: 3%;
padding-right: 3%;
font-family: 'Open Sans', sans-serif;
color: white;
margin-top: 2%;
border-radius: 5px;
border: none;
}
.our_autopark_box_item button img { 
width: auto;
}
.our_autopark_box_item button:hover { 
background-color: #30b37f;
}
/* How We Work */ 
.how_we_work { 
margin: 0 auto;
margin-top: 6%;
}
.how_we_work_label_main { 
text-align: center;
}
.how_we_work_label_main label { 
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-align: left;
background-color: #30b37f;
border-radius: 10px;
padding: 1%;
padding-left: 3%;
padding-right: 3%;
color: white;
}
.how_we_work_label_text { 
font-family: 'Roboto', sans-serif;
font-size: 17px;
text-align: center;
}
.how_we_work_label_text span { 
display: inline-block;
width: 60%;
margin: 0 auto;
}
.how_we_work_label_text img { 
margin-bottom: 0.3%;
}
.how_we_work_progress_bar { 
width: 100%;
margin-top: 2%;
}
.how_we_work_progress_bar span { 
width: 10%;
height: 25px;
background-color: #30b37f;
display: inline-block;
border-radius: 30px;
}
.how_we_work_box { 
margin-top: 2%;
}
.how_we_work_box_item { 
position: relative;
}
.how_we_work_box_item_1, .how_we_work_box_item_2, .how_we_work_box_item_3, .how_we_work_box_item_4 { 
opacity: 0;
}
.how_we_work_box_item img { 
display: block;
width: 100%;
border-radius: 10px;
}
.how_we_work_box_item label { 
display: inline-block;
font-family: 'Open Sans', sans-serif;
padding: 1.5%;
padding-left: 2.5%;
padding-right: 2.5%;
color: white;
font-size: 18px;
margin-top: 3%;
background-color: #f7a71a;
border-radius: 10px;
}
.how_we_work_box_item_border_orange { 
border: 3px solid #f7a71a;
}
.how_we_work_box_item_border_green { 
border: 3px solid #30b37f;
}
.how_we_work_box_item_label_green { 
background-color: #30b37f !important;
}
.how_we_work_box_item span { 
display: block;
font-family: 'Roboto', sans-serif;
font-size: 17px;
margin-top: 2%;
}
.how_we_work_img_success, .how_we_work_img_success_1, .how_we_work_img_success_2, .how_we_work_img_success_3 { 
width: 68px !important;
height: 68px !important;
position: absolute;
z-index: 1;
top: -5%;
left: -1%;
border: none !important;
}
/* Footer */
.footer { 
margin-top: 6%;
background: url('/images/footer.png');
background-size: cover;
background-position: center;
padding-top: 1%;
}
.footer_box { 
width: 60%;
margin: 0 auto;
color: white;
padding: 1%;
}
.footer_box_info { 
background-color: #f7a71a;
border-radius: 10px;
padding: 1%;
}
.footer_box_info table { 
width: 100%;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.footer_box_info table td { 
padding: 2%;
}
.footer_box_info img { 
background: white;
padding: 12%;
border-radius: 100px;
}
.footer_box_info span { 
font-family: 'Roboto', sans-serif;
}
.footer_box_info button { 
width: 100%;
border: none;
padding: 1%;
padding-top: 3%;
padding-bottom: 2%;
font-family: 'Open Sans', sans-serif;
display: block;
margin-top: 3%;
border-radius: 5px;
background-color: white;
}
.footer_box_info button:hover { 
background-color: #DCDCDC;
}
.footer_box_info button img { 
background: none;
border-radius: 0;
padding: 0;
}
.footer_box_pages { 
padding-left: 2%;
}
.footer_box_pages label { 
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 19px;
margin-bottom: 6%;
background-color: #f7a71a;
padding: 1.5%;
padding-left: 5%;
padding-right: 5%;
border-radius: 5px;
}
.footer_box_pages a { 
display: block;
color: white;
text-decoration: none;
margin-top: 2%;
font-family: 'Open Sans', sans-serif;
}
.footer_box_pages a:hover { 
font-size: 17px;
color: #f7a71a;
}
.footer_box_pages { 
padding-left: 2%;
}
.footer_box_pages a b { 
color: #f7a71a;
}
.footer_box_special label { 
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
margin-bottom: 6%;
background-color: #f7a71a;
padding: 1.5%;
padding-left: 5%;
padding-right: 5%;
border-radius: 5px;
}
.footer_box_special span { 
display: block;
color: white;
text-decoration: none;
margin-top: 2%;
font-family: 'Open Sans', sans-serif;
}
.footer_box_special span b { 
color: #f7a71a;
}
.footer_box_contacts label { 
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
margin-bottom: 6%;
}
.footer_box_contacts table { 
width: 100%;
font-size: 18px;
}
.footer_box_contacts table td { 
padding: 1%;
padding-top: 2%;
}
.footer_box_contacts a { 
display: inline-block;
color: white;
text-decoration: none;
padding: 2%;
font-family: 'Open Sans', sans-serif;
border-bottom: 2px dotted white;
}
.footer_box_contacts a img { 
margin-right: 2%;
}
.footer_info { 
color: white;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
margin-top: 2%;
}
.footer_info_title { 
text-align: left;
}
.footer_info_title b { 
color: #f7a71a;
font-family: 'Trebuchet MS', sans-serif;
}
.footer_info_links { 
text-align: right;
}
.footer_info_links a { 
display: inline-block;
color: white;
text-decoration: none;;
font-family: 'Open Sans', sans-serif;
margin-left: 1%;
}
.footer_info_links a:hover { 
color: #f7a71a;
}
/* Contacts Us Form */ 
.contacts_us_label { 
background-color: #179965;
padding: 2.5%;
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 19px;
border-radius: 5px;
padding-left: 3.5%;
padding-right: 3.5%;
display: flex;
vertical-align: middle;
}
.contacts_us_label_orange { 
background-color: #f7a71a;
}
.contacts_form_box { 
margin-top: 1%;
}
.contacts_form_box label { 
margin-bottom: 1.5%;
display: inline-block;
}
.contacts_us_button { 
margin-top: 3%;
background-color: #179965;
padding: 2%;
border: none;
color: white;
border-radius: 5px;
padding-left: 3%;
padding-right: 3%;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
display: flex;
vertical-align: middle;
}
.contacts_us_button:hover { 
background-color: white;
color: #179965;
border: 1px solid #179965;
}
.contacts_us_button_orange { 
background-color: #f7a71a;
}
.contacts_us_button_orange:hover { 
color: #f7a71a;
border: 1px solid #f7a71a;
}
#order_answer { 
font-family: 'Open Sans', sans-serif;
}
#answer { 
font-family: 'Open Sans', sans-serif;
}
#order_answer b { 
color: #32b480 !important;
}
#answer b { 
color: #f7a71a !important;
}
/* Top and WhatsApp Button */
#toWhatsApp {
text-align: center;
position: fixed;
z-index: 1;
bottom: 2%; 
left: 0.5%;
cursor: pointer;
border: 2px solid #45c655;
border-radius: 100px;
padding: 1.5%;
animation-name: toWa;
animation-duration: 2s;
animation: toWa 4s infinite linear;
}
#toWhatsApp:hover { 
transform: scale(1.1);
animation: none;
}
#toTop {
text-align: center;
position: fixed;
bottom: 4%; 
right: 1%;
cursor: pointer;
display: inline-block;
animation: toTop 3s infinite linear;
}
#toTop:hover { 
transform: scale(1.2);
}
@keyframes rotate_logo {
  0% {
   transform: rotateY(0deg);
  }
  100% {
   transform: rotateY(360deg);
  }
}
@keyframes how_work_progress {
  0% {
    width: 10%;
    background-color: #30b37f;
  }
  25% {
    width: 25%;
    background-color: #f7a71a;
  }
  50% {
    width: 50%;
    background-color: #f7a71a;
  }
  75% {
    width: 75%;
    background-color: #f7a71a;
  }
  100% {
    width: 100%;
    background-color: #30b37f;
  }
}
@keyframes toWa {
  0% {
    border-color: #4fcb5d;
    transform: scale(1.0);
  }
  25% {
    border-color: rgba(0, 0, 0, 0.0);
    transform: scale(0.9);
  }
  50% {
    border-color: #4fcb5d;
    transform: scale(1.0);
  }
  75% {
    border-color: rgba(0, 0, 0, 0.0);
    transform: scale(0.9);
  }
  100% {
    border-color: #4fcb5d;
    transform: scale(1.0);
  }
}
@keyframes toTop {
  0% {
   bottom: 3%;
  }
  25% {
   bottom: 3.5%;
  }
  50% {
   bottom: 3%;
  }
  75% {
   bottom: 3.5%;
  }
  100% {
   bottom: 3%;
  }
}
@keyframes toScale {
  0% {
   transform: scale(1.0);
  }
  50% { 
   transform: scale(1.05);
  }
  100% { 
   transform: scale(1.0);
  }
}
@keyframes toScaleTwo {
  0% {
   transform: scale(1.0);
  }
  50% { 
   transform: scale(0.95);
  }
  100% { 
   transform: scale(1.0);
  }
}
@media screen and (max-width: 380px) { 
body { 
width: 360px !important;
}
.header_mobile_menu_switch a img { 
width: 28px;
height: 28px;
}
}
@media screen and (max-width: 760px) { 
.animate_box img { 
width: 80%;
margin-top: 60%;
}
body { 
width: auto;
}
/* Header Mobile */
.header { 
display: none;
}
.header_mobile { 
display: flex;
background: rgb(247,167,26);
background: linear-gradient(45deg, rgba(247,167,26,1) 4%, rgba(23,153,101,1) 4%, rgba(23,153,101,1) 66%, rgba(247,167,26,1) 66%); 
}
.header_mobile_logo { 
text-align: left;
padding-top: 2%;
padding-bottom: 2%;
}
.header_mobile_menu_switch { 
text-align: right;
padding-top: 6%;
cursor: pointer;
}
.header_mobile_menu_switch a { 
display: inline-block;
margin-right: 4%;
padding-bottom: 3%;
border-bottom: 2px dotted white;
}
.header_mobile_logo img { 
width: 100%;
}
.header_mobile_menu { 
padding: 0;
margin-top: 2%;
display: none;
}
.header_mobile_menu a { 
display: block;
color: white;
text-decoration: none;
font-size: 17px;
padding: 2%;
padding-left: 6%;
font-family: 'Open Sans', serif;
}
.header_mobile_menu a:hover { 
background-color: #f7a71a;
}
/* Banner */
.banner { 
display: none;
}
.banner_mobile { 
display: block;
}
.banner_text { 
width: 90%;
left: 2.5%;
top: 8%;
text-align: right;
}
.banner_text_label { 
font-size: 100%;
padding: 2%;
padding-left: 2.5%;
padding-right: 2.5%;
font-weight: 400;
}
.banner_text_label img { 
width: 18px; 
height: 18px;
margin-bottom: 0.19rem;
}
.banner_text_main { 
font-size: 100%;
margin-top: 2%;
}
.banner_text_short { 
font-size: 90%;
margin-top: 1%;
}
.banner_text button { 
padding: 1.5%;
padding-left: 2%;
padding-right: 2%;
font-size: 95%;
margin-top: 2%;
}
.banner_text button img {  
width: 18px;
height: 18px;
}
/* Transport Directions */ 
.transport_directions { 
width: 98%;
margin: 0 auto;
margin-top: 6%;
}
.transport_directions_form { 
padding: 4%;
border-radius: 5px;
}
.transport_directions_form table { 
margin-bottom: 2%;
}
.transport_directions_list { 
margin-top: 4%;
}
.transport_directions_list label { 
font-size: 110%;
}
.transport_directions_list_select { 
margin-top: 2%;
}
.transport_directions_list_select button { 
padding: 3%;
font-size: 110%;
margin-top: 2%;
}
.transport_directions_list table { 
margin-top: 3%;
font-size: 105%;
width: 90%;
}
.transport_directions_list table td { 
padding-left: 5%;
}
/* About Us */ 
.about_us { 
margin-top: 4%;
}
.about_us_graphic_image img {
width: 80%; 
}
#about_us_graphic_triple_arrow { 
left: 45%;
bottom: 30%;
opacity: 0;
width: 60%;
}
#about_us_graphic_img_truck { 
width: 60%;
top: 55%;
left: -100%;
}
.about_us_graphic_statistic { 
width: 100%;
padding: 3%;
}
.about_us_graphic_statistic table { 
width: 100%;
font-size: 100%;
text-align: center;
}
.about_us_graphic_statistic b { 
font-size: 120%;
}
.about_us_info { 
margin-top: 6%;
text-align: center;
}
.about_us_info label { 
font-size: 120%;
padding: 1%;
padding-left: 5%;
padding-right: 5%;
}
.about_us_info span { 
display: block;
margin-top: 1%;
font-size: 180%;
}
.about_us_info p { 
display: block;
font-size: 100%;
text-align: left;
width: 90%;
margin: 0 auto;
}
.about_us_info ul { 
text-align: left;
width: 90%;
margin: 0 auto;
}
.about_us_info ul b { 
color: #32b480;
font-size: 120%;
}
.about_us_info button { 
padding: 4%;
padding-left: 6%;
padding-right: 6%;
font-size: 90%;
text-align: left;
}
.about_us_info button img { 
width: 28px;
height: 28px;
}
.about_us_info table { 
width: 100%;
font-size: 90%;
margin-top: 3%;
}
.about_us_info table img { 
width: 28px;
height: 28px;
}
.about_us_partners { 
width: 90%;
margin: 0 auto;
margin-top: 6%;
text-align: center;
}
.about_us_partners_label_main { 
text-align: center;
margin-top: 5%;
}
.about_us_partners_label_main label { 
display: inline-block;
font-size: 110%;
text-align: left;
border-radius: 10px;
padding: 2%;
padding-left: 4%;
padding-right: 4%;
color: white;
}
.about_us_partners_label_text { 
font-size: 100%;
text-align: center;
}
.about_us_partners_label_text span { 
width: 100%;
}
.about_us_partners_box { 
justify-content: center;
margin-top: 6%;
}
.about_us_partners_box_item { 
margin-bottom: 10%;
}
.about_us_partners_box_item img { 
width: 80%;
}
/* Our Services */ 
.our_services { 
margin: 0 auto;
text-align: center;
}
.our_services label {  
display: inline-block;
margin-top: 0;
font-size: 110%;
text-align: left;
background-color: #31b37f;
border-radius: 10px;
padding: 2%;
padding-left: 5%;
padding-right: 5%;
}
.our_services_box { 
margin-top: 3%;
}
.our_services_box_graphic { 
position: relative;
padding: 0;
border-top: 3px solid #31b37f;
border-bottom: 3px solid #31b37f;
}
.our_services_box_graphic img { 
width: 100%;
height: 100%;
border-radius: 0;
}
.our_services_graphic_arrow_green { 
position: absolute;
right: 10%;
top: 0;
z-index: 1;
opacity: 0;
}
.our_services_graphic_arrow_orange { 
position: absolute;
right: 5%;
top: 0;
z-index: 2;
opacity: 0;
}
.our_services_box_info { 
padding-left: 2%;
padding-top: 3%;
padding-bottom: 3%;
opacity: 0;
text-align: center;
border-radius: 0;
}
.our_services_box_info span { 
font-size: 100%;
display: block;
width: 100%;
margin-top: 2%;
}
.our_services_box_info label {  
display: inline-block;
margin-top: 2%;
font-size: 20px;
text-align: left;
border-radius: 10px;
padding: 1%;
padding-left: 2%;
padding-right: 2%;
color: white;
width: auto;
}
.our_services_box_info ul { 
list-style: none;
font-size: 100%;
padding: 0;
text-align: left;
margin: 0 auto; 
margin-top: 2%;
width: 60%;
}
.our_services_box_info ul b { 
color: #31b37f;
}
/* Our Autopark */ 
.our_autopark { 
margin-top: 6%;
}
.our_autopark label { 
font-size: 110%;
padding: 2%;
padding-left: 4%;
padding-right: 4%;
}
/* How We Work */ 
.how_we_work { 
margin: 0 auto;
margin-top: 4%;
position: relative;
}
.how_we_work_label_main { 
text-align: center;
margin-top: 3%;
}
.how_we_work_label_main label { 
display: inline-block;
font-size: 110%;
text-align: left;
border-radius: 10px;
padding: 1%;
padding-left: 3%;
padding-right: 3%;
color: white;
}
.how_we_work_label_text { 
font-size: 100%;
text-align: center;
margin-top: 4%;
}
.how_we_work_label_text span { 
width: 100%;
}
.how_we_work_box { 
width: 90%;
margin: 0 auto;
margin-top: 4%;
}
.how_we_work_box_item { 
position: relative;
text-align: center;
margin-top: 3%;
}
.how_we_work_box_item_1, .how_we_work_box_item_2, .how_we_work_box_item_3, .how_we_work_box_item_4 { 
opacity: 0;
}
.how_we_work_box_item img { 
display: block;
width: 100%;
border-radius: 10px;
}
.how_we_work_box_item label { 
padding: 1.5%;
padding-left: 2.5%;
padding-right: 2.5%;
color: white;
font-size: 100%;
margin-top: 3%;
border-radius: 10px;
}
.how_we_work_box_item_border_orange { 
border: 3px solid #f7a71a;
}
.how_we_work_box_item_border_green { 
border: 3px solid #30b37f;
}
.how_we_work_box_item_label_green { 
background-color: #30b37f !important;
}
.how_we_work_box_item span { 
display: block;
font-size: 100%;
margin-top: 2%;
}
.how_we_work_img_success, .how_we_work_img_success_1, .how_we_work_img_success_2, .how_we_work_img_success_3 { 
width: 68px !important;
height: 68px !important;
position: absolute;
z-index: 1;
top: -5%;
left: -1%;
border: none !important;
}
.how_we_work_progress_bar { 
width: 251%;
transform: rotate(90deg);
position: absolute;
z-index: -1;
top: 43.5%;
right: -31%;
}
.how_we_work_progress_bar span { 
width: 10%;
height: 25px;
background-color: #30b37f;
display: inline-block;
border-radius: 30px;
}
/* Footer */
.footer { 
margin-top: 6%;
padding-top: 1%;
}
.footer_box { 
width: 90%;
margin: 0 auto;
color: white;
padding: 1%;
}
.footer_box_info { 
border-radius: 10px;
padding: 2%;
font-size: 90%;
margin-top: 3%;
}
.footer_box_info table { 
width: 100%;
text-align: center;
}
.footer_box_info table td { 
padding: 2%;
}
.footer_box_info img { 
background: white;
padding: 12%;
border-radius: 100px;
}
.footer_box_info button { 
width: 100%;
border: none;
padding: 1%;
padding-top: 3%;
padding-bottom: 2%;
display: block;
margin-top: 3%;
border-radius: 5px;
}
.footer_box_info button img { 
background: none;
border-radius: 0;
padding: 0;
}
.footer_box_pages { 
padding-left: 2%;
margin-top: 3%;
font-size: 100%;
display: none;
}
.footer_box_pages label { 
display: block;
font-size: 110%;
margin-bottom: 1%;
}
.footer_box_pages a { 
display: block;
text-decoration: none;
margin-top: 2%;
font-size: 100%;
}
.footer_box_special { 
padding-left: 2%;
margin-top: 2%;
display: none;
}
.footer_box_special label { 
display: block;
font-size: 110%;
margin-bottom: 1%;
}
.footer_box_special a { 
display: block;
color: white;
text-decoration: none;
font-size: 100%;
}
.footer_box_contacts { 
margin-top: 3%;
}
.footer_box_contacts label { 
display: block;
font-size: 110%;
margin-bottom: 1%;
text-align: center;
}
.footer_box_contacts table { 
text-align: center;
width: 80%;
margin: 0 auto;
}
.footer_box_contacts a { 
display: block;
color: white;
text-decoration: none;
padding: 2%;
font-size: 100%;
width: 80%;
margin: 0 auto;
text-align: center;
}
.footer_info { 
color: white;
font-size: 100%;
margin-top: 2%;
text-align: center;
}
.footer_info_title { 
text-align: center;
}
.footer_info_links {
text-align: center;
}
.footer_info_links a { 
margin-top: 1%;
}
#toWhatsApp {
bottom: 1%; /* отступ кнопки от нижнего края страницы*/
left: 0;
padding: 6%;
}
#toTop {
bottom: 2%; /* отступ кнопки от нижнего края страницы*/
right: 5%;
}
}
@media screen and (min-width: 761px) and (max-width: 1379px) {
body { 
width: 1380px;
}
.header_logo img {  
width: 92%;
}
.header_menu { 
padding-top: 2.5%;
}
.header_contacts table a {  
font-size: 100%;
}
.header_contacts button a { 
font-size: 100%;
}
.banner_text { 
top: 8%;
}
.banner_text_label { 
font-size: 20px;
}
.banner_text_main { 
font-size: 42px;
}
.banner_text_short { 
font-size: 22px;
}
.banner_text button { 
padding: 1%;
padding-left: 2%;
padding-right: 2%;
font-size: 20px;
}
.about_us { 
width: 90%;
}
.about_us_partners_label_text span { 
width: 100%;
}
.how_we_work_label_text span { 
width: 80%;
}
.footer_box { 
width: 80%;
}
}
@media screen and (min-width: 1380px) and (max-width:1599px) {
.header_contacts table a {  
font-size: 100%;
}
.header_contacts button a { 
font-size: 100%;
}
.banner_text { 
top: 10%;
}
.banner_text_label { 
font-size: 20px;
}
.banner_text_main { 
font-size: 42px;
}
.banner_text_short { 
font-size: 22px;
}
.about_us { 
width: 90%;
}
.about_us_partners_label_text span { 
width: 100%;
}
.how_we_work_label_text span { 
width: 80%;
}
.footer_box { 
width: 80%;
}
}
@media screen and (min-width: 1600px) and (max-width:1900px) {
.banner_text { 
top: 13%;
} 
.about_us { 
width: 80%;
}
.footer_box { 
width: 65%;
}
}
@media screen and (min-width: 1921px) { 
body { 
width: 1920px;
margin: 0 auto;
}
}