@import url('https://fonts.googleapis.com/css2?family=Open+Sans');
* {
    text-decoration: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style-type: none;
    font-family: 'Open Sans', sans-serif;
}

main {
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.header {
    width: 100%;
    height: 100vh;
    background-image: url(../img/header_back.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 10%;
}

.header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.truck_header {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 7% 10%;
}

.tents {
    background-image: url(../img/tents_back.png);
}

.refrig {
    background-image: url(../img/refrig_back.png);
}

.contvoz {
    background-image: url(../img/contvoz_back.png);
}

.perevoz {
    background-image: url(../img/perevoz_back.jpg);
}

.china_perevoz {
    background-image: url(../img/china-back.jpg);
}

.storage {
    background-image: url(../img/storage_back.jpg);
}

.tir {
    background-image: url(../img/parking-back.jpg);
}

.sto {
    background-image: url(../img/sto_back.jpg);
}

.mobile {
    display: none;
}

.truck_title {
    font-size: 20px;
    color: white;
    position: relative;
    margin-bottom: 50px;
}

.truck_title span {
    font-size: 40px;
    text-transform:uppercase;
}

.truck_title::before {
    content: '';
    display: block;
    height: 80px;
    width: 4px;
    background-color: #FF9700;
    position: absolute;
    left: -15px;
}

.truck_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.truck_img {
    width: 45%;
    position: relative;
}

.truck_main {
    width: 100%;
    margin-top: 15%;
}

.truck_guy {
    position: absolute;
    height: 230px;
}

.truck_guys1 {
    top: 0;
    right: -20%;
}


/* .truck_guys1::before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url(../img/verh_zagr.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
} */

.truck_guys2 {
    bottom: -20px;
    left: 20%;
    height: 300px;
}

.truck_guys3 {
    bottom: -3%;
    right: -10%;
    height: 270px;
}

.truck_desc {
    width: 40%;
}

.truck_text {
    font-size: 18px;
    color: white;
    margin-bottom: 15px;
}

.truck_link {
    text-decoration: underline;
    color: white;
    font-weight: 700;
    transition: .5s;
}

.truck_link:hover {
    color: #FF9700;
    transition: .5s;
}

.truck_param {
    text-transform: uppercase;
    color: white;
    margin-top: 10%;
    margin-bottom: 5%;
}

.param_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
}

.param_list.vacancy {
    width: 48%;
}

.vacancy_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.vacancy_list {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.param_item {
    width: 48%;
    background-color: white;
    color: #0E53A7;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin-top: 15px;
}

.param_items {
    width: 100%;
    background-color: white;
    color: #0E53A7;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin-top: 15px;
}

.param_item:last-child {
    width: 100%;
}

.main_nav {
    width: 100%;
    height: 70px;
    background-color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 5%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40;
    border-bottom: 1px solid gray;
}

.main_menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    text-transform: uppercase;
}

.menu_link {
    color: black;
    font-weight: 400;
    transition: .5s;
}

.menu_item:last-child::before {
    content: url('../img/icons/phone.svg');
    position: relative;
    top: 7px;
}

.menu_link:hover {
    transition: .5s;
    color: #FF9700;
}

.dropdown {
    position: relative;
}

.dropdown_menu {
    position: absolute;
    left: -30px;
    background-color: white;
    padding: 20px;
    display: none;
    padding-top: 40px;
    transition: 1s;
}

.dropdown_link {
    margin-top: 20px;
    border-top: 2px solid gray;
    padding-top: 20px;
    line-height: 22px;
    letter-spacing: 1px;
}

.dropdown_link:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.dropdown:hover .dropdown_menu {
    display: block;
    transition: 1s;
}

#language_select {
    outline: none;
    border: none;
    font-size: 16px;
    margin-top: -2px;
}

.welcome_text {
    position: relative;
    z-index: 3;
    color: white;
    margin-right: 50px;
}

.main_title {
    font-weight: 700;
}

.main_text {
    font-size: 20px;
    line-height: 27px;
    font-weight: 300;
    margin-top: 20px;
}

.btn_primary {
    display: block;
    width: 260px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: #FF9700;
    padding: 20px 10px;
    border-radius: 5px;
    margin-top: 30px;
    transition: .5s;
}

.btn_primary:hover {
    box-shadow: 0 0 10px 5px white;
    transition: .5s;
}

.social_links {
    margin: 0;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.social_links::before {
    content: '';
    height: 150px;
    width: 2px;
    background-color: white;
}

.social_links::after {
    content: '';
    height: 150px;
    width: 2px;
    background-color: white;
    margin-top: 20px;
}

.social_item {
    margin-top: 20px;
    width: 50px;
    height: 50px;
}

.fb {
    background: url(../img/fb.svg) no-repeat center center;
    background-size: 100% 100%;
    transition: .5s;
}

.fb_black {
    background: url(../img/fb_black.svg) no-repeat center center;
    background-size: 100% 100%;
}

.fb_black:hover {
    background: url(../img/fb.svg) no-repeat center center;
    background-size: 100% 100%;
}

.fb:hover {
    transform: scale(1.5);
    background-image: url(../img/fb_hover.svg);
    transition: .5s;
}

.inst_black {
    background: url(../img/inst_black.svg) no-repeat center center;
    background-size: 100% 100%;
}

.inst {
    background: url(../img/inst.svg) no-repeat center center;
    background-size: 100% 100%;
    transition: .5s;
}

.inst:hover {
    transform: scale(1.5);
    background-image: url(../img/inst_hover.svg);
    transition: .5s;
}

.inst_black:hover {
    background: url(../img/inst.svg) no-repeat center center;
    background-size: 100% 100%;
}

.linked {
    background: url(../img/linked.svg) no-repeat center center;
    background-size: 100% 100%;
    transition: .5s;
}

.linked_black {
    background: url(../img/linked_black.svg) no-repeat center center;
    background-size: 100% 100%;
}

.linked_black:hover {
    background: url(../img/linked.svg) no-repeat center center;
    background-size: 100% 100%;
}

.linked:hover {
    transform: scale(1.5);
    background-image: url(../img/linked_hover.svg);
    transition: .5s;
}
.vk {
    background: url(../img/vk.svg) no-repeat center center;
    background-size: 100% 100%;
    transition: .5s;
    width: 58px;
    height: 58px;
}

.vk_black {
    background: url(../img/vk_black.svg) no-repeat center center;
    background-size: 100% 100%;
}

.vk_black:hover {
    background: url(../img/vk.svg) no-repeat center center;
    background-size: 100% 100%;
}

.vk:hover {
    transform: scale(1.5);
    background-image: url(../img/vk_hover.svg);
    transition: .5s;
}
.about_us {
    background-image: url(../img/about_back2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 5% 0;
}
.about_services {
    background-image: url(../img/about-services.webp);
}

.about_services .advantages{
    margin-left: 38%;
    padding: 2% 10%;
}

.about_services .advantages_title{
    margin-left: 45%;
}

.about_title {
    color: #FF9700;
    font-size: 20px;
    font-weight: 600;
    margin-left: 10%;
}

.title_big {
    font-size: 40px;
    text-transform: uppercase;
    color: #FF9700;
}

.about_title::after {
    content: '';
    width: 200px;
    margin-left: 50px;
    height: 2px;
    display: inline-block;
    background-color: #FF9700;
    vertical-align: middle;
    margin-bottom: 10px;
}

.about_text {
    color: white;
    width: 40%;
    font-size: 20px;
    margin-top: 15px;
    margin-left: 10%;
}

.advantages_title {
    color: white;
    text-transform: uppercase;
    margin-top: 25px;
    font-size: 24px;
    font-weight: 700;
    margin-left: 10%;
}

.category {
    background-color: #FF9700;
    padding: 5% 10%;
}

.category_title {
    color: black;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 5%;
}

.category_title::before {
    content: '';
    display: block;
    height: 3px;
    width: 15%;
    margin-right: 3%;
    background-color: white;
}

.category_list {
    margin-top: 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: linear-gradient(to bottom, rgba(255, 151, 0, 0) 20%, white 20%);
}

.category_item {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    width: 12%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    background-image: url(../img/cat_decor.png);
    background-position: center left 10%;
    background-repeat: no-repeat;
    background-size: 45%;
}

.category_icon {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.oborud::before {
    content: url(../img/icons/oborub.svg);
}

.metall::before {
    content: url(../img/icons/metall.svg);
}

.alko::before {
    content: url(../img/icons/alko.svg);
}

.mebel::before {
    content: url(../img/icons/mebel.svg);
}

.produkt::before {
    content: url(../img/icons/produkt.svg);
}

.opasno::before {
    content: url(../img/icons/opasno.svg);
}

.stroy::before {
    content: url(../img/icons/stroitel.svg);
}

.dlinomer::before {
    content: url(../img/icons/dlinomer.svg);
}

.ovoshi::before {
    content: url(../img/icons/ovoshi.svg);
}

.scoroport::before {
    content: url(../img/icons/scoroport.svg);
}

.kartina::before {
    content: url(../img/icons/kartina.svg);
}

.veshi::before {
    content: url(../img/icons/veshi.svg);
}

.naliv::before {
    content: url(../img/icons/naliv.svg);
}

.prom::before {
    content: url(../img/icons/prom.svg);
}

.byt::before {
    content: url(../img/icons/byt.svg);
}

.money::before {
    content: url(../img/icons/money.svg);
}

.personal::before {
    content: url(../img/icons/personal.svg);
}

.work_speed::before {
    content: url(../img/icons/work_speed.svg);
}

.garanty::before {
    content: url(../img/icons/garanty.svg);
}

.sertif::before {
    content: url(../img/icons/sertif.svg);
}

.narod::before {
    content: url(../img/icons/narod.svg);
}

.medicina::before {
    content: url(../img/icons/medicina.svg);
}

.cosmetica::before {
    content: url(../img/icons/cosmetica.svg);
}

.zamoroz::before {
    content: url(../img/icons/zamoroz.svg);
}

.features {
    background-image: url(../img/dop_back.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5% 10%;
}

.china_features {
    background-image: url(../img/china-etap.jpg);
}

.features_title {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    background: linear-gradient(to bottom, rgba(255, 151, 0, 0) 70%, white 70%);
}

.features_list {
    margin-left: 10%;
}

.features_item {
    margin-top: 30px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1px;
}

.features_icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 30px;
    background-color: #FF9700;
}

.geography {
    padding: 5% 0;
}

.geography_title {
    margin-left: 10%;
    text-transform: uppercase;
}

.geography_subtitle {
    margin-left: 10%;
    text-transform: uppercase;
    color: #0E53A7;
    font-size: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.geography_subtitle::after {
    content: '';
    display: block;
    margin-left: 5%;
    height: 3px;
    width: 25%;
    background-color: #FF9700;
}

.geography_wrapper {
    margin-top: 3%;
    background-size: 55%;
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
}

.geography_list {
    position: absolute;
    top: 30%;
    left: 15%;
    z-index: 4;
}

.tent_geography {
    background-image: url(../img/tent_geo.png);
}

.refrig_geography {
    background-image: url(../img/refrig_geo.png);
}

.contvoz_geography {
    background-image: url(../img/contvoz_geo.png);
}

.notification {
    padding: 0 10%;
    padding-bottom: 3%;
}

.storage_notification {
    padding: 0 10%;
    padding-bottom: 3%;
    margin-top: -5%;
}

.storage_notification p {
    font-size: 20px;
}

.notification_item {
    margin-bottom: 30px;
}

.geography_wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgb(240, 240, 240) 50%, rgba(0, 0, 0, 0) 100%);
}

.world_map {
    width: 50%;
    margin-left: 7%;
    position: relative;
    z-index: 3;
    margin-top: 15px;
    margin-bottom: 15px;
}

.gallery {
    padding: 5% 10%;
    padding-top: 0;
}

.gallery_title {
    text-transform: uppercase;
    color: #0E53A7;
    font-size: 40px;
    letter-spacing: 1px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.gallery_title::after {
    content: '';
    display: block;
    margin-left: 5%;
    height: 3px;
    width: 25%;
    background-color: #FF9700;
}

.gallery_wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 3%;
}

.gallery_link {
    width: 100%;
    overflow: hidden;
    transition: .5s;
}

.gallery_link:hover {
    transform: scale(1.05);
    transition: .5s;
}

.gallery_item {
    height: 400px;
}

.parking-gallery .gallery_item {
    object-fit: cover;
    height: 400px;
    width: 100%;
}

.advantages {
    width: 62%;
    background-color: #FF9700;
    margin-top: 20px;
    padding: 5% 10%;
    display: flex;
    flex-direction: column;
}

.advantages_item {
    margin-top: 30px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
}

.advantages_icon {
    width: 35px;
    height: 35px;
    background-color: white;
    display: inline-block;
    margin-right: 30px;
}

.ok::before {
    content: url(../img/icon_ok.svg);
    margin-left: 20%;
}

.desktop::before {
    content: url(../img/icons/desktop.svg);
    margin-left: 20%;
}

.speed::before {
    content: url(../img/icons/speed.svg);
    margin-left: 20%;
}

.certif::before {
    content: url(../img/icons/certif.svg);
    margin-left: 20%;
}

.park::before {
    content: url(../img/icons/park.svg);
    margin-left: 20%;
}

.reis::before {
    content: url(../img/icons/reis.svg);
    margin-left: 20%;
}

.oil::before {
    content: url(../img/icons/oil.svg);
    margin-left: 20%;
}

.monitor::before {
    content: url(../img/icons/monitor.svg);
    margin-left: 20%;
}

.strah::before {
    content: url(../img/icons/strah.svg);
    margin-left: 20%;
}

.contain::before {
    content: url(../img/icons/contain.svg);
    margin-left: 20%;
}

.remont::before {
    content: url(../img/icons/remont.svg);
    margin-left: 20%;
}

.tech::before {
    content: url(../img/icons/tech.svg);
    margin-left: 20%;
}

.check::before {
    content: url(../img/icons/check.svg);
    margin-left: 20%;
}

.scan::before {
    content: url(../img/icons/scan.svg);
    margin-left: 20%;
}

.box::before {
    content: url(../img/icon_box.svg);
    margin-left: 20%;
}

.marker::before {
    content: url(../img/icon_marker.svg);
    margin-left: 20%;
}

.watch::before {
    content: url(../img/icon_watch.svg);
    margin-left: 20%;
}

.more_btn {
    align-self: flex-end;
    color: black;
    font-size: 20px;
    margin-top: 15px;
    font-weight: 700;
    border: 2px solid white;
    padding: 20px;
    border-radius: 8px;
}

@keyframes bounce {
    from {
        left: 0;
    }
    to {
        left: 20px;
    }
}

.more_btn::after {
    content: url(../img/icon_arrow.svg);
    margin-left: 15px;
    position: relative;
    animation-name: bounce;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

.more_btn:hover::after {
    animation-play-state: paused;
}

.services {
    background: url(../img/uslugi_back.png) no-repeat center center;
    background-size: cover;
    padding: 5% 1%;
}

.services_title {
    color: white;
}

.services_title:before {
    content: '';
    height: 100px;
    width: 2px;
    background-color: #FF9700;
    display: inline-block;
    margin-right: 20px;
}

.services_list {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 20px;
    align-items: stretch;
    margin-top: 50px;
}

.geography_list .advantages_icon {
    background-color: #FF9700;
}

.geography_list .advantages_item {
    margin-top: 10%;
}

.geography_list .advantages_item:first-child {
    margin-left: 25%;
}

.geography_list .advantages_item:nth-child(2) {
    margin-left: 15%;
}

.services_item {
    background-color: white;
    width: 19%;
    padding: 3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 5px solid white;
    border-radius: 10px;
    transition: .5s;
}

.services_item:hover {
    transform: scale(1.05);
    border: 5px solid #FF9700;
    transition: .5s;
}

.services_icon {
    width: 150px;
    height: 150px;
    background: linear-gradient(to left, rgba(255, 151, 0, 0) 50%, rgba(255, 151, 0, 0.5) 50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.car::before {
    content: url(../img/delivery-truck.svg);
}

.ref::before {
    content: url(../img/ref_big.svg);
}

.cont::before {
    content: url(../img/container.svg);
}

.instr::before {
    content: url(../img/hammer.svg);
}

.stock::before {
    content: url(../img/warehouse.svg);
}

.parking::before {
    content: url(../img/parking.png);
}

.services_subtitle {
    text-align: center;
    margin-top: 20px;
    font-size: 22px;
    width: 85%;
}

.services_text {
    text-align: center;
    margin-top: 40px;
    font-size: 20px;
    width: 100%;
}

.services_more {
    text-transform: uppercase;
    border-bottom: 2px solid #0E53A7;
    color: black;
    margin-top: 30px;
}

.digits {
    background-color: #FF9700;
    padding: 5% 10%;
    position: relative;
}

.digits::before {
    content: url(../img/decor.svg);
    position: absolute;
    right: 0;
}

.digits:after {
    content: url(../img/decor.svg);
    position: absolute;
    left: 0;
    transform: rotate(180deg);
}

.digits_title {
    color: white;
}

.digits_title>.title_big {
    color: white;
}

.digits_title:before {
    content: '';
    display: inline-block;
    width: 150px;
    height: 2px;
    background-color: #0E53A7;
    vertical-align: middle;
    margin-right: 25px;
}

.digits_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 80px 0;
}

.digits_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: white;
    width: 25%;
}

.digit {
    font-size: 70px;
    font-weight: 800;
}

.digit_text {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 20px;
    text-align: center;
}

.partners {
    margin: 100px 0;
    padding: 5% 10%;
    padding-top: 0;
    background: linear-gradient(to left, rgba(255, 151, 0, 0) 50%, rgba(14, 83, 167, 0.5) 50%);
}

.partners_title {
    color: #0E53A7;
    text-align: right;
    margin-bottom: 50px;
}

.partners_title>.title_big {
    color: #0E53A7;
}

.partners_title .title_big:after {
    content: '';
    width: 150px;
    height: 2px;
    display: inline-block;
    background-color: #FF9700;
    vertical-align: middle;
    margin-left: 40px;
}

.partners_wrapper {
    background-color: white;
    border: 2px solid rgba(14, 83, 167, 0.5);
    padding: 3%;
}

.partners_line {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.partners_line:nth-child(n+2) {
    margin-top: 30px;
}

.partner {
    height: 70px;
}

.footer {
    background-color: rgba(14, 83, 167, 0.5);
    padding: 3% 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.logo_footer {
    width: 35%;
}

.footer_info {
    width: 45%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.footer_nav {
    width:35%;
}

.footer_menu_item a {
    color: black;
    transition: .5s;
}

.footer_menu_item a:hover {
    color: white;
    transition: .5s;
}

.footer_menu_item {
    margin-bottom: 15px;
}

.footer_social {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.footer_address {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.address_title:nth-child(n+2) {
    margin-top: 30px;
}

.address_text {
    margin-top: 10px;
    line-height: 25px;
}

.address_text a {
    color: black;
    transition: .5s;
}

.address_text a:hover {
    color: white;
    transition: .5s;
}

.copyright {
    background-color: rgba(14, 83, 167, 0.5);
    padding-bottom: 2%;
}

.copyright_text {
    color: gray;
    text-align: center;
    line-height: 25px;
}

.callback {
    background-color: #0E53A7;
    padding: 5% 10%;
    position: relative;
    margin-top: 70px;
}

.callback_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
}

.callback_img {
    position: absolute;
    right: 5%;
    overflow: visible;
    bottom: 0;
    min-width: 400px;
}

.call_title {
    color: white;
    border-left: 3px solid white;
    padding-left: 15px;
}

.call_contact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.call_text,
.call_text a {
    font-size: 20px;
    color: white;
    transition: .5s;
}

.call_text a:hover {
    color: #FF9700;
    transition: .5s;
}

.sto_advantages {
    padding: 0;
    background: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.advantages_sublist {
    margin-left: 5%;
}

.advantages_sublist .advantages_item {
    margin-top: 20px;
}

.news {
    padding: 5% 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news .gallery_link {
    width: 30%;
}
.news .gallery_item {
    height: auto;
    width: 100%;
}

.statii {
    background-image: url(../img/hr_back.png);
}

.contact {
    background-image: url(../img/contact_back.png);
}

.news_item {
    width: 30%;
    display: flex;
    flex-direction: column;
    border: 3px solid #FF9700;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px;
    transition: .5s;
}

.news_item:hover {
    transform: scale(1.02);
    transition: .5s;
}

.news_img {
    width: 100%;
}

.news_head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3%;
}

.news_title {
    font-size: 22px;
}

.news_text {
    padding: 3%;
    margin-bottom: 20px;
}

.news_btn {
    color: black;
    font-size: 20px;
    font-weight: 700;
    border: 2px solid #FF9700;
    padding: 10px;
    border-radius: 8px;
    align-self: center;
    margin-bottom: 20px;
    transition: .7s;
}

.news_btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px 0 #FF9700;
    transition: .7s;
}

.news_wrapper {
    padding: 5% 10%;
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}

.article {
    width: 70%;
}

.article p img {
    width: 100%;
    height: auto;
}

.article_title {
    font-size: 30px;
    margin-bottom: 5%;
}

.article_img {
    width: 70%;
    display: block;
    margin: 0 auto;
    border-radius: 15px;
    margin-bottom: 5%;
}

.last_news {
    width: 25%;
    border-left: 2px solid #0E53A7;
    padding-left: 3%;
    display: flex;
    flex-direction: column;
}

.last_title {
    font-size: 24px;
}

.last_news .news_item {
    width: 100%;
    margin-top: 5%;
}

.contacts {
    background-image: url(../img/hr_back.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6% 1%;
    /* display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; */
}
.docs {
    background-image: url(../img/docs-back.webp);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6%;
}
.contact_title {
    margin-left: 5%;
    width: 100%;
}

.contacts_list {
    width: 100%;
    padding: 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contacts_list .services_item {
    width: 24%;
}

.contacts_wrapper {
    padding: 5%;
    margin-top: 10px;
    width: 100%;
    background-size: 55%;
    background-position: right center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    text-align: right;
}

.hr::before {
    content: url(../img/icons/hr.svg);
}

.eksp::before {
    content: url(../img/icons/eksp.svg);
}

.buh::before {
    content: url(../img/icons/buh.svg);
}

.stanciy::before {
    content: url(../img/icons/stanciy.svg);
}

.contacts_otdel,
.contacts_text {
    position: relative;
    z-index: 5;
    margin-bottom: 15px;
}

.contacts_otdel {
    font-size: 26px;
}

.contacts_text {
    font-size: 18px;
    text-align: center;
}

.contacts_text a {
    color: #0E53A7;
    transition: .5s;
}

.contacts_text a:hover {
    color: #FF9700;
    transition: .5s;
}

.sto_category {
    background: linear-gradient(90deg, #FF9700 70%, rgba(0, 0, 0, 0) 100%);
}

.modal_wrapper {
    display: none;
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
}

.modal {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    position: relative;
    padding: 2%;
}

#close {
    cursor: pointer;
    font-size: 26px;
    font-weight: 700;
    transition: .5s;
    position: absolute;
    top: 5px;
    right: 15px;
}

#close:hover {
    color: #FF9700;
    transition: .5s;
}

.form {
    display: flex;
    flex-direction: column;
}

.form label {
    font-size: 18px;
    margin-top: 10px;
}

.form_label:first-child {
    margin-top: 0;
}

.form input,
.form textarea {
    padding: 10px;
    outline: none;
    border: 1px solid #FF9700;
    border-radius: 5px;
    margin-top: 5px;
    transition: .5s;
}

.form input:focus,
.form textarea:focus {
    box-shadow: 0 0 10px 0 #FF9700;
    transition: .5s;
}

.form input.btn_submit {
    align-self: center;
    padding: 5px 10px;
    font-size: 20px;
    background-color: #FF9700;
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    transition: .5s;
}

.form input.btn_submit:hover {
    box-shadow: 0 0 10px 5px #FF9700;
    transition: .5s;
}

.digits_subtitle {
    color: white;
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 15px;
}

.digits_notitfication {
    color: white;
    font-size: 20px;
    margin-top: -20px;
    margin-bottom: 25px;
}

.truck_text a {
    color: white;
    transition: .5s;
    font-weight: 700;
    font-size: 22px;
}

.truck_text a:hover {
    color: #0E53A7;
    transition: .5s;
}

.contacts_list .services_subtitle {
    margin-bottom: 15px;
}

.param_items a:visited {
    color: #0E53A7;
}

.param_items a:hover {
    color: #FF9700;
    transition: .5s;
}

.sto_advantages .advantages_list {
    width: 50%;
}

.advantages_list_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.advantages_list_2>li {
    width: 50%;
}

.advantages_list_2>li:nth-child(even) {
    align-self: flex-end;
}

.sto_example {
    background-image: url(../img/sto_examp.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 5%;
    padding-top: 5%;
}

.sto_example>.about_title,
.sto_example .title_big {
    color: white;
}


/* menu */

#navcheck {
    position: fixed;
    opacity: 0;
}

.nav_label {
    position: absolute;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
}

.nav_label::before {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(10, 38, 57, 0.75);
    content: "";
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.nav_label .burger {
    position: fixed;
    top: 1em;
    right: 1em;
    z-index: 9999;
    width: 2em;
    height: 2em;
    margin: 0;
    padding: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.nav_label .burger::before,
.nav_label .burger .bar,
.nav_label .burger::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 12%;
    background: black;
    content: "";
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.nav_label .burger .bar {
    top: 44%;
}

.nav_label .burger::before {
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.nav_label .burger::after {
    bottom: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

#navcheck:focus+.nav_label .burger,
.nav_label:hover .burger {
    opacity: 0.75;
}

.mob_menu {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* material acceleration */
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.mob_menu::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 110;
    width: 25em;
    background: #FF9700;
    content: "";
    -webkit-transform: skewX(15deg) translateX(-100%);
    transform: skewX(15deg) translateX(-100%);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

@media (min-width: 40em) {
    .mob_menu::before {
        width: 40em;
    }
}

.mob_menu a {
    z-index: 110;
    margin: 0.5em 0;
    padding: 0.2em 2em;
    color: white;
    text-decoration: none;
    font-weight: 500;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: color 0.15s, -webkit-transform 0.5s;
    transition: color 0.15s, -webkit-transform 0.5s;
    transition: color 0.15s, transform 0.5s;
    transition: color 0.15s, transform 0.5s, -webkit-transform 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

nav a:nth-child(1) {
    -webkit-transition-delay: 0s, 100ms;
    transition-delay: 0s, 100ms;
}

nav a:nth-child(2) {
    -webkit-transition-delay: 0s, 150ms;
    transition-delay: 0s, 150ms;
}

nav a:nth-child(3) {
    -webkit-transition-delay: 0s, 200ms;
    transition-delay: 0s, 200ms;
}

nav a:nth-child(4) {
    -webkit-transition-delay: 0s, 250ms;
    transition-delay: 0s, 250ms;
}

nav a:nth-child(5) {
    -webkit-transition-delay: 0s, 300ms;
    transition-delay: 0s, 300ms;
}

nav a:nth-child(6) {
    -webkit-transition-delay: 0s, 350ms;
    transition-delay: 0s, 350ms;
}

.mob_menu a:hover,
.mob_menu a:focus {
    color: black;
}

main {
    overflow: hidden;
}

main .content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* material acceleration */
    will-change: transform, filter;
    -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

[id=navcheck]:checked+.nav_label::before {
    opacity: 1;
    pointer-events: auto;
}

[id=navcheck]:checked+.nav_label .burger::before,
[id=navcheck]:checked+.nav_label .burger::after {
    width: 141.42%;
}

[id=navcheck]:checked+.nav_label .burger::before {
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

[id=navcheck]:checked+.nav_label .burger::after {
    -webkit-transform: rotate(-45deg) translateY(50%);
    transform: rotate(-45deg) translateY(50%);
}

[id=navcheck]:checked+.nav_label .burger .bar {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
}

[id=navcheck]:checked~.mob_menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

[id=navcheck]:checked~.mob_menu::before {
    -webkit-transform: skewX(15deg) translateX(0);
    transform: skewX(15deg) translateX(0);
}

[id=navcheck]:checked~.mob_menu a {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

[id=navcheck]:checked~main .content {
    -webkit-transform: translateX(3em);
    transform: translateX(3em);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}


/* helper */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* adaptiv */

@media (max-width:1800px) {
    .truck_guys3 {
        bottom: 3%;
    }
    .truck_guys2 {
        bottom: 13%;
    }
}

@media (max-width:1660px) {
    .partner {
        height: 55px;
    }
    .truck_guys1 {
        top: -5%;
        right: -25%;
    }
    .truck_guys3 {
        bottom: 15%;
    }
    .truck_guys2 {
        bottom: 18%;
        left: 16%;
    }
}

@media (max-width:1440px) {
    .category {
        padding: 5% 1%;
    }
    .truck_guys1 {
        top: -8%;
        right: -35%;
    }
    .truck_guys3 {
        bottom: 25%;
    }
    .truck_guys2 {
        bottom: 25%;
        left: 10%;
    }
}

@media (max-width:1280px) {
    .main_nav {
        padding: 5px;
    }
    .main_menu {
        font-size: 14px;
    }
    .partner {
        height: 45px;
    }
    .services_list {
        flex-direction: column;
        align-items: center;
    }
    .services_item {
        width: 90%;
        margin-top: 20px;
    }
    .services_subtitle {
        font-size: 18px;
    }
    .services_text {
        font-size: 16px;
    }
    .digit {
        font-size: 60px;
    }
    .footer_info {
        width: 55%;
    }
    .callback_wrapper .title_big {
        font-size: 30px;
    }
    .callback_img {
        min-width: 200px;
        right: 2%;
    }
    .callback_wrapper {
        width: 75%;
    }
    .callback,
    .gallery {
        padding: 5%;
    }
    .truck_header {
        margin-top: 70px;
    }
    .category_text {
        font-size: 16px;
    }
    .contacts_list {
        flex-wrap: wrap;
    }
    .contacts_list .services_item {
        width: 45%;
    }
    .truck_guys1,
    .truck_guys2,
    .truck_guys3 {
        display: none;
    }
}

@media (max-width:1024px) {
    .menu_item:last-child {
        display: none;
    }
    .services,
    .digits,
    .footer,
    .news {
        padding: 5%;
    }
    .partner {
        height: 30px;
    }
    .digit {
        font-size: 50px;
    }
    .callback_img {
        display: none;
    }
    .callback_wrapper {
        width: 90%;
    }
    .gallery_wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
    .gallery_link:nth-child(n+7) {
        display: none;
    }
    .news_item {
        width: 45%;
    }
    .news_wrapper {
        padding: 5%;
        justify-content: center;
    }
    .last_news {
        display: none;
    }
    .article {
        width: 90%;
    }
}

@media (max-width:920px) {
    .main_menu {
        display: none;
    }
    .mobile {
        display: block;
    }
    .advantages {
        width: 80%;
    }
    .digits::before,
    .digits:after {
        display: none;
    }
    .footer {
        flex-direction: column;
        align-items: center;
    }
    .logo_footer {
        margin-bottom: 25px;
        width: 45%;
    }
    .footer_info {
        width: 90%;
    }
    .truck_img {
        display: none;
    }
    .truck_desc {
        width: 100%;
    }
    .features_title {
        font-size: 35px;
    }
    .vacancy_wrapper {
        flex-direction: column;
    }
    .param_list.vacancy,
    .vacancy_list {
        width: 100%;
    }
    .category_list {
        flex-direction: column;
        background: none;
        align-items: center;
        width: 45%;
    }
    .category_item {
        margin-top: 30px;
    }
    .category {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .category_title {
        width: 100%;
    }
}

@media (max-width:768px) {
    .advantages {
        width: 90%;
    }
    .about_text {
        width: 70%;
    }
    .header {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .refrig_geography {
        background: none;
    }
    .world_map {
        margin-left: 3%;
        width: 94%;
    }
    .geography_subtitle::after {
        display: none;
    }
    .geography_subtitle {
        font-size: 30px;
    }
    .modal {
        width: 90%;
    }
    .welcome_text {
        margin-top: 20%;
    }
    .social_links {
        flex-direction: row;
        justify-content: space-between;
    }
    .social_links::before,
    .social_links::after {
        display: none;
    }
    .social_item {
        margin-right: 15px;
        margin-bottom: 20px;
    }
    .digits_list {
        flex-direction: column;
        align-items: center;
        margin: 0;
    }
    .digits_item {
        width: 90%;
        margin-top: 25px;
    }
    .partners {
        padding: 5%;
        margin: 20px 0;
    }
    .callback_wrapper {
        flex-direction: column;
        align-items: center;
    }
    .call_contact {
        text-align: center;
        margin-top: 25px;
    }
    .gallery_wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    .features_title {
        font-size: 30px;
    }
    .features_item {
        font-size: 18px;
    }
    .digits_title:before {
        display: none;
    }
    .article_img {
        width: 90%;
    }
    .article_text, .article_text p{
        text-align: center;
    }
}

@media (max-width:660px) {
    .partner {
        height: 20px;
    }
    .about_title:after {
        display: none;
    }
    .partners_title .title_big:after {
        display: none;
    }
    .contacts_list .services_item {
        width: 90%;
    }
    .contacts_list {
        justify-content: center;
    }
    .news_item {
        width: 90%;
    }
    .news {
        justify-content: center;
    }
}

@media (max-width:550px) {
    .footer_info {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .footer_address {
        margin-bottom: 20px;
    }
    .footer_nav {
        width: 90%;
        align-items: flex-start;
    }
    .footer_social .social_item {
        margin: 0 auto;
    }
    .gallery_wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    .gallery_link:nth-child(n+5) {
        display: none;
    }
    .truck_title{
        font-size:12px;
    }
    .truck_title span{
        font-size:16px;
    }
}
@media (max-width:450px){
    .partner{
         height:15px;   
    }
}
#language{
    text-transform:uppercase;
    border: none;
    outline:none;
    font-size:18px;
}
.s-message{
    display:none
}

.mob_menu .menu_link:nth-child(3),
.mob_menu .menu_link:nth-child(4),
.mob_menu .menu_link:nth-child(5){
    margin-left:30px;
}

.news_wrapper .gallery_item {
     height: 350px;
}

.news_wrapper .gallery {
   padding: 0;
}

.news_wrapper .gallery_wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 15px;
}

@media (max-width:768px) {
    .news_wrapper .gallery_wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
}

@media (max-width:990px) {
    .news_wrapper .gallery_item {
        height: 300px;
    }
}