html, body {
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-style: normal;
    font-size: 0.833vw;
    font-family: 'Montserrat', sans-serif;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    transform-origin: 2.7vh 26.6vw;

    /*-webkit-touch-callout: none; !* iOS Safari *!*/
    /*-webkit-user-select: none; !* Safari *!*/
    /*-khtml-user-select: none; !* Konqueror HTML *!*/
    /*-moz-user-select: none; !* Old versions of Firefox *!*/
    /*-ms-user-select: none; !* Internet Explorer/Edge *!*/
    /*user-select: none; !* Non-prefixed version, currently*/

}

body {
    overflow-y: hidden;
    overflow-x: hidden;
}

:focus {
  outline: none !important;
  }

footer {
    /*position: absolute;*/
    position: fixed;
    height: 9.2vh;
    width: 100%;
    bottom: 0;
}


.buttonHelp{
    position: fixed;
    bottom: 0;
    font-size: 20px;
    left: 0;
    z-index: 10000;
    border: 0;
    background: #23b54a;
    color: #fff;
    padding: 5px 20px;
}

.text-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar.with_footer, .window.with_footer {
    height: 71vh;
}

.table_content.with_footer {
    height: 62vh;
}

#sidebar_scroll {
    height: 75.6vh;
}

#sidebar_scroll.with_footer {
    height: 64vh;
}



.mt-1 {
    margin-top: 0.25vw!important;
}
.mt-2 {
    margin-top: 0.5vw!important;
}
.mt-3 {
    margin-top: 1vw!important;
}
.mt-4 {
    margin-top: 1.5vw!important;
}
.mt-5 {
    margin-top: 3vw!important;
}

.mb-1 {
    margin-bottom: 0.25vw!important;
}
.mb-2 {
    margin-bottom: 0.5vw!important;
}
.mb-3 {
    margin-bottom: 1vw!important;
}
.mb-4 {
    margin-bottom: 1.5vw!important;
}
.mb-5 {
    margin-bottom: 3vw!important;
}

.ml-1 {
    margin-left: 0.25vw!important;
}
.ml-2 {
    margin-left: 0.5vw!important;
}
.ml-3 {
    margin-left: 1vw!important;
}
.ml-4 {
    margin-left: 1.5vw!important;
}
.ml-5 {
    margin-left: 3vw!important;
}

.mr-1 {
    margin-right: 0.25vw!important;
}
.mr-2 {
    margin-right: 0.5vw!important;
}
.mr-3 {
    margin-right: 1vw!important;
}
.mr-4 {
    margin-right: 1.5vw!important;
}
.mr-5 {
    margin-right: 3vw!important;
}

.p1 {
    padding: 0.25vw!important;
}
.p2 {
    padding: 0.5vw!important;
}
.p3 {
    padding: 1vw!important;
}
.p4 {
    padding: 1.5vw!important;
}
.p5 {
    padding: 3vw!important;
}

.pt-1 {
    padding-top: 0.25vw!important;
}
.pt-2 {
    padding-top: 0.5vw!important;
}
.pt-3 {
    padding-top: 1vw!important;
}
.pt-4 {
    padding-top: 1.5vw!important;
}
.pt-5 {
    padding-top: 3vw!important;
}

.pb-1 {
    padding-bottom: 0.25vw!important;
}
.pb-2 {
    padding-bottom: 0.5vw!important;
}
.pb-3 {
    padding-bottom: 1vw!important;
}
.pb-4 {
    padding-bottom: 1.5vw!important;
}
.pb-5 {
    padding-bottom: 3vw!important;
}

.pl-1 {
    padding-left: 0.25vw!important;
}
.pl-2 {
    padding-left: 0.5vw!important;
}
.pl-3 {
    padding-left: 1vw!important;
}
.pl-4 {
    padding-left: 1.5vw!important;
}
.pl-5 {
    padding-left: 3vw!important;
}

.pr-1 {
    padding-right: 0.25vw!important;
}
.pr-2 {
    padding-right: 0.5vw!important;
}
.pr-3 {
    padding-right: 1vw!important;
}
.pr-4 {
    padding-right: 1.5vw!important;
}
.pr-5 {
    padding-right: 3vw!important;
}


.no_user_select, .window, .sidebar, .header, .tools_row {
    user-select: none;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}


h4 {
    font-size: 0.833vw;
}
h5 {
    font-size: 0.729vw;
}
h6 {
    font-size: 0.625vw;
}

strong {
    font-weight: 600;
}

button {
    border: 0;
}

.padding_top1 {
    padding-top: 1vh;
}

.middle {
    margin-top: auto;
    margin-bottom: auto;
}


.enable_blur>* {
  filter: blur(6px);
}

.disable_blur {
    filter: blur(0);
}

.css_bg1 {
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.11) 0px, rgba(0, 0, 0, 0.11) 12px, rgba(1, 1, 1, 0.16) 12px, rgba(1, 1, 1, 0.16) 24px, rgba(0, 0, 0, 0.14) 24px, rgba(0, 0, 0, 0.14) 36px, rgba(0, 0, 0, 0.23) 36px, rgba(0, 0, 0, 0.23) 48px, rgba(0, 0, 0, 0.12) 48px, rgba(0, 0, 0, 0.12) 60px, rgba(1, 1, 1, 0.07) 60px, rgba(1, 1, 1, 0.07) 72px, rgba(0, 0, 0, 0.21) 72px, rgba(0, 0, 0, 0.21) 84px, rgba(0, 0, 0, 0.24) 84px, rgba(0, 0, 0, 0.24) 96px, rgba(1, 1, 1, 0.23) 96px, rgba(1, 1, 1, 0.23) 108px, rgba(1, 1, 1, 0.07) 108px, rgba(1, 1, 1, 0.07) 120px, rgba(0, 0, 0, 0.01) 120px, rgba(0, 0, 0, 0.01) 132px, rgba(1, 1, 1, 0.22) 132px, rgba(1, 1, 1, 0.22) 144px, rgba(1, 1, 1, 0.24) 144px, rgba(1, 1, 1, 0.24) 156px, rgba(0, 0, 0, 0) 156px, rgba(0, 0, 0, 0) 168px, rgba(0, 0, 0, 0.12) 168px, rgba(0, 0, 0, 0.12) 180px), repeating-linear-gradient(90deg, rgba(1, 1, 1, 0.01) 0px, rgba(1, 1, 1, 0.01) 12px, rgba(1, 1, 1, 0.15) 12px, rgba(1, 1, 1, 0.15) 24px, rgba(0, 0, 0, 0.09) 24px, rgba(0, 0, 0, 0.09) 36px, rgba(0, 0, 0, 0.02) 36px, rgba(0, 0, 0, 0.02) 48px, rgba(0, 0, 0, 0.1) 48px, rgba(0, 0, 0, 0.1) 60px, rgba(1, 1, 1, 0.07) 60px, rgba(1, 1, 1, 0.07) 72px, rgba(1, 1, 1, 0.15) 72px, rgba(1, 1, 1, 0.15) 84px, rgba(0, 0, 0, 0.18) 84px, rgba(0, 0, 0, 0.18) 96px, rgba(1, 1, 1, 0.15) 96px, rgba(1, 1, 1, 0.15) 108px, rgba(1, 1, 1, 0.09) 108px, rgba(1, 1, 1, 0.09) 120px, rgba(1, 1, 1, 0.07) 120px, rgba(1, 1, 1, 0.07) 132px, rgba(1, 1, 1, 0.05) 132px, rgba(1, 1, 1, 0.05) 144px, rgba(0, 0, 0, 0.1) 144px, rgba(0, 0, 0, 0.1) 156px, rgba(1, 1, 1, 0.18) 156px, rgba(1, 1, 1, 0.18) 168px), repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.24) 0px, rgba(0, 0, 0, 0.24) 16px, rgba(1, 1, 1, 0.06) 16px, rgba(1, 1, 1, 0.06) 32px, rgba(0, 0, 0, 0.16) 32px, rgba(0, 0, 0, 0.16) 48px, rgba(1, 1, 1, 0) 48px, rgba(1, 1, 1, 0) 64px, rgba(1, 1, 1, 0.12) 64px, rgba(1, 1, 1, 0.12) 80px, rgba(1, 1, 1, 0.22) 80px, rgba(1, 1, 1, 0.22) 96px, rgba(0, 0, 0, 0.24) 96px, rgba(0, 0, 0, 0.24) 112px, rgba(0, 0, 0, 0.25) 112px, rgba(0, 0, 0, 0.25) 128px, rgba(1, 1, 1, 0.12) 128px, rgba(1, 1, 1, 0.12) 144px, rgba(0, 0, 0, 0.18) 144px, rgba(0, 0, 0, 0.18) 160px, rgba(1, 1, 1, 0.03) 160px, rgba(1, 1, 1, 0.03) 176px, rgba(1, 1, 1, 0.1) 176px, rgba(1, 1, 1, 0.1) 192px), repeating-linear-gradient(135deg, rgba(1, 1, 1, 0.18) 0px, rgba(1, 1, 1, 0.18) 3px, rgba(0, 0, 0, 0.09) 3px, rgba(0, 0, 0, 0.09) 6px, rgba(0, 0, 0, 0.08) 6px, rgba(0, 0, 0, 0.08) 9px, rgba(1, 1, 1, 0.05) 9px, rgba(1, 1, 1, 0.05) 12px, rgba(0, 0, 0, 0.01) 12px, rgba(0, 0, 0, 0.01) 15px, rgba(1, 1, 1, 0.12) 15px, rgba(1, 1, 1, 0.12) 18px, rgba(0, 0, 0, 0.05) 18px, rgba(0, 0, 0, 0.05) 21px, rgba(1, 1, 1, 0.16) 21px, rgba(1, 1, 1, 0.16) 24px, rgba(1, 1, 1, 0.07) 24px, rgba(1, 1, 1, 0.07) 27px, rgba(1, 1, 1, 0.23) 27px, rgba(1, 1, 1, 0.23) 30px, rgba(0, 0, 0, 0.2) 30px, rgba(0, 0, 0, 0.2) 33px, rgba(0, 0, 0, 0.18) 33px, rgba(0, 0, 0, 0.18) 36px, rgba(1, 1, 1, 0.12) 36px, rgba(1, 1, 1, 0.12) 39px, rgba(1, 1, 1, 0.13) 39px, rgba(1, 1, 1, 0.13) 42px, rgba(1, 1, 1, 0.2) 42px, rgba(1, 1, 1, 0.2) 45px, rgba(1, 1, 1, 0.18) 45px, rgba(1, 1, 1, 0.18) 48px, rgba(0, 0, 0, 0.2) 48px, rgba(0, 0, 0, 0.2) 51px, rgba(1, 1, 1, 0) 51px, rgba(1, 1, 1, 0) 54px, rgba(0, 0, 0, 0.03) 54px, rgba(0, 0, 0, 0.03) 57px, rgba(1, 1, 1, 0.06) 57px, rgba(1, 1, 1, 0.06) 60px, rgba(1, 1, 1, 0) 60px, rgba(1, 1, 1, 0) 63px, rgba(0, 0, 0, 0.1) 63px, rgba(0, 0, 0, 0.1) 66px, rgba(1, 1, 1, 0.19) 66px, rgba(1, 1, 1, 0.19) 69px), linear-gradient(90deg, rgb(143,24,27), rgb(157, 177, 255));
}

.css_bg2 {
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.11) 0px, rgba(0, 0, 0, 0.11) 12px, rgba(1, 1, 1, 0.16) 12px, rgba(1, 1, 1, 0.16) 24px, rgba(0, 0, 0, 0.14) 24px, rgba(0, 0, 0, 0.14) 36px, rgba(0, 0, 0, 0.23) 36px, rgba(0, 0, 0, 0.23) 48px, rgba(0, 0, 0, 0.12) 48px, rgba(0, 0, 0, 0.12) 60px, rgba(1, 1, 1, 0.07) 60px, rgba(1, 1, 1, 0.07) 72px, rgba(0, 0, 0, 0.21) 72px, rgba(0, 0, 0, 0.21) 84px, rgba(0, 0, 0, 0.24) 84px, rgba(0, 0, 0, 0.24) 96px, rgba(1, 1, 1, 0.23) 96px, rgba(1, 1, 1, 0.23) 108px, rgba(1, 1, 1, 0.07) 108px, rgba(1, 1, 1, 0.07) 120px, rgba(0, 0, 0, 0.01) 120px, rgba(0, 0, 0, 0.01) 132px, rgba(1, 1, 1, 0.22) 132px, rgba(1, 1, 1, 0.22) 144px, rgba(1, 1, 1, 0.24) 144px, rgba(1, 1, 1, 0.24) 156px, rgba(0, 0, 0, 0) 156px, rgba(0, 0, 0, 0) 168px, rgba(0, 0, 0, 0.12) 168px, rgba(0, 0, 0, 0.12) 180px), repeating-linear-gradient(90deg, rgba(1, 1, 1, 0.01) 0px, rgba(1, 1, 1, 0.01) 12px, rgba(1, 1, 1, 0.15) 12px, rgba(1, 1, 1, 0.15) 24px, rgba(0, 0, 0, 0.09) 24px, rgba(0, 0, 0, 0.09) 36px, rgba(0, 0, 0, 0.02) 36px, rgba(0, 0, 0, 0.02) 48px, rgba(0, 0, 0, 0.1) 48px, rgba(0, 0, 0, 0.1) 60px, rgba(1, 1, 1, 0.07) 60px, rgba(1, 1, 1, 0.07) 72px, rgba(1, 1, 1, 0.15) 72px, rgba(1, 1, 1, 0.15) 84px, rgba(0, 0, 0, 0.18) 84px, rgba(0, 0, 0, 0.18) 96px, rgba(1, 1, 1, 0.15) 96px, rgba(1, 1, 1, 0.15) 108px, rgba(1, 1, 1, 0.09) 108px, rgba(1, 1, 1, 0.09) 120px, rgba(1, 1, 1, 0.07) 120px, rgba(1, 1, 1, 0.07) 132px, rgba(1, 1, 1, 0.05) 132px, rgba(1, 1, 1, 0.05) 144px, rgba(0, 0, 0, 0.1) 144px, rgba(0, 0, 0, 0.1) 156px, rgba(1, 1, 1, 0.18) 156px, rgba(1, 1, 1, 0.18) 168px), repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.24) 0px, rgba(0, 0, 0, 0.24) 16px, rgba(1, 1, 1, 0.06) 16px, rgba(1, 1, 1, 0.06) 32px, rgba(0, 0, 0, 0.16) 32px, rgba(0, 0, 0, 0.16) 48px, rgba(1, 1, 1, 0) 48px, rgba(1, 1, 1, 0) 64px, rgba(1, 1, 1, 0.12) 64px, rgba(1, 1, 1, 0.12) 80px, rgba(1, 1, 1, 0.22) 80px, rgba(1, 1, 1, 0.22) 96px, rgba(0, 0, 0, 0.24) 96px, rgba(0, 0, 0, 0.24) 112px, rgba(0, 0, 0, 0.25) 112px, rgba(0, 0, 0, 0.25) 128px, rgba(1, 1, 1, 0.12) 128px, rgba(1, 1, 1, 0.12) 144px, rgba(0, 0, 0, 0.18) 144px, rgba(0, 0, 0, 0.18) 160px, rgba(1, 1, 1, 0.03) 160px, rgba(1, 1, 1, 0.03) 176px, rgba(1, 1, 1, 0.1) 176px, rgba(1, 1, 1, 0.1) 192px), repeating-linear-gradient(135deg, rgba(1, 1, 1, 0.18) 0px, rgba(1, 1, 1, 0.18) 3px, rgba(0, 0, 0, 0.09) 3px, rgba(0, 0, 0, 0.09) 6px, rgba(0, 0, 0, 0.08) 6px, rgba(0, 0, 0, 0.08) 9px, rgba(1, 1, 1, 0.05) 9px, rgba(1, 1, 1, 0.05) 12px, rgba(0, 0, 0, 0.01) 12px, rgba(0, 0, 0, 0.01) 15px, rgba(1, 1, 1, 0.12) 15px, rgba(1, 1, 1, 0.12) 18px, rgba(0, 0, 0, 0.05) 18px, rgba(0, 0, 0, 0.05) 21px, rgba(1, 1, 1, 0.16) 21px, rgba(1, 1, 1, 0.16) 24px, rgba(1, 1, 1, 0.07) 24px, rgba(1, 1, 1, 0.07) 27px, rgba(1, 1, 1, 0.23) 27px, rgba(1, 1, 1, 0.23) 30px, rgba(0, 0, 0, 0.2) 30px, rgba(0, 0, 0, 0.2) 33px, rgba(0, 0, 0, 0.18) 33px, rgba(0, 0, 0, 0.18) 36px, rgba(1, 1, 1, 0.12) 36px, rgba(1, 1, 1, 0.12) 39px, rgba(1, 1, 1, 0.13) 39px, rgba(1, 1, 1, 0.13) 42px, rgba(1, 1, 1, 0.2) 42px, rgba(1, 1, 1, 0.2) 45px, rgba(1, 1, 1, 0.18) 45px, rgba(1, 1, 1, 0.18) 48px, rgba(0, 0, 0, 0.2) 48px, rgba(0, 0, 0, 0.2) 51px, rgba(1, 1, 1, 0) 51px, rgba(1, 1, 1, 0) 54px, rgba(0, 0, 0, 0.03) 54px, rgba(0, 0, 0, 0.03) 57px, rgba(1, 1, 1, 0.06) 57px, rgba(1, 1, 1, 0.06) 60px, rgba(1, 1, 1, 0) 60px, rgba(1, 1, 1, 0) 63px, rgba(0, 0, 0, 0.1) 63px, rgba(0, 0, 0, 0.1) 66px, rgba(1, 1, 1, 0.19) 66px, rgba(1, 1, 1, 0.19) 69px), linear-gradient(90deg, rgb(157, 177, 255), rgb(143,24,27));
}


.map_bg {
    background: #fff url('/static/img/home/Map.svg?ee30a68395fb') center no-repeat;
    background-size: 92%;
    background-position-y: -1vh;
    width: 100%;
    height:100%;
    position: absolute;
}


.map_bg.dark {
    background: #000 url('/static/img/home/Map.svg?ee30a68395fb') center no-repeat;
}


.bg_main_top_cargo {
    background-image: url('/static/img/main/Main_top_cargo.svg?afe7bb3dbe10');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 99%;
    background-position-y: bottom;
}


.uppercase {
    text-transform: uppercase;
}

button.disabled-True{ opacity: 0.5 }

/*Colors*/
.text_black {
    color: #000;
}
.text_white {
    color: #fff;
}
.text_9b2c31 {
    color: #9b2c31;
}
.text_1d53e6 {
    color: #1d53e6;
}
.text_eef0f2 {
    color: #eef0f2;
}

.text_8e8e8e {
    color: #8e8e8e;
}


.bg_black {
    background-color: #0c0c0c!important;
}
.bg_101010 {
    background-color: #101010;
}

.bg_white {
    background-color: #fff;
}
.bg_eef0f2 {
    background-color: #eef0f2;
}
.bg_eef0f3 {
    background-color: #eef0f3;
}
.bg_red, .bg_9b2c31 {
    background-color: #9b2c31;
}
.bg_e9e9e9 {
    background-color: #e9e9e9;
}
.bg_0c0c0c {
    background-color: #0c0c0c!important;
    color: #bfc4d2;
}


.bg_232222 {
    background-color: #232222;
}


.grad_black {
    background: -moz-linear-gradient(top, #171717 0%, #343434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #171717), color-stop(100%, #343434));
    background: -webkit-linear-gradient(top, #171717 0%, #343434 100%);
    background: -o-linear-gradient(top, #171717 0%, #343434 100%);
    background: -ms-linear-gradient(top, #171717 0%, #343434 100%);
    background: linear-gradient(to bottom, #171717 0%, #343434 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#343434', GradientType=0);
}

.grad_white {
    background: rgb(150,150,150);
    background: linear-gradient(0deg, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 60%);
}

.fill_black {
    fill: #000;
}
.stroke_black {
    stroke: #000;
}

.fill_white {
    fill: #fff;
}
.stroke_white {
    stroke: #fff;
}



.block_shadow {
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
}

.block_shadow.dark {
    /*box-shadow: 10px 7px 6px rgba(255, 255, 255, 0.16);*/
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.3);
}


.block_shadow_sm {
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.block_shadow_sm.dark {
    /*box-shadow: 5px 3px 6px rgba(255, 255, 255, 0.16);*/
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.3);
}

.block_shadow_inset {
    box-shadow: 7px 7px 6px rgba(0, 0, 0, 0.16) inset;
}

.block_shadow_inset.dark {
    /*box-shadow: 7px 7px 6px rgba(255, 255, 255, 0.16) inset;*/
    box-shadow: 7px 7px 6px rgba(0, 0, 0, 0.3) inset;
}

.block_shadow_inset_top {
    box-shadow: 0 7px 6px rgba(0, 0, 0, 0.16) inset;
}

.block_shadow_inset_top.dark {
    /*box-shadow: 0 7px 6px rgba(255, 255, 255, 0.16) inset;*/
    box-shadow: 0 7px 6px rgba(0, 0, 0, 0.3) inset;
}

.help_link {
    display: block;
}


.help_link:before {
    content: "";
    display: inline-block;
    /*display: list-item;*/
    width: 1vw;
    height: 0.6vw;
    background: url('/static/img/icons/chevron_right_small.svg?0da89c69db6c');
    background-size: 1vw;
}


@media screen and (max-width: 4000px) {
    html, h1 {
        /*font-size: 1em;*/
    }

}
@media screen and (max-width: 1440px) {
    html, h1 {
        /*font-size: 0.7em;*/
    }
}
@media screen and (max-width: 1024px) {
    html, h1 {
        /*font-size: 0.6em;*/
    }
}
@media screen and (max-width: 950px) {
    html, h1 {
        /*font-size: 0.5em;*/
    }
}
@media screen and (max-width: 650px) {
    html, h1 {
        /*font-size: 0.5em;*/
    }
    .buttonHelp{
        font-size: 10px;
        height: 21px;
        width: 105px;
        padding: 0;
        font-weight: 800;
    }
}
@media screen and (max-width: 480px) {
    html, h1 {
        /*font-size: 0.5em;*/
    }
}


.w-20 {
    display: inline-block;
    width: 19%;
}


.main_block {
    /*position: absolute;*/
    position: fixed;
    min-height: 100vh;
    top: 100vh;
    transform-style: flat;
    overflow: hidden;
    padding: 0;
    user-select: none;

    /*transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*-webkit-transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*-moz-transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*-o-transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
}


.animate {
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
}


.slide_prev {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translateY(0);

}

.slide_cur {
    -webkit-transform: translate(-100vh);
    -moz-transform: translate(-100vh);
    -o-transform: translate(-100vh);
    -ms-transform: translate(-100vh);
    transform: translateY(-100vh);
}

.slide_next {
    -webkit-transform: translate(-198vh);
    -moz-transform: translate(-198vh);
    -o-transform: translate(-198vh);
    -ms-transform: translate(-198vh);
    transform: translateY(-198vh);
}


.main {
    position: absolute;
    top: 9.2vh;
    height: 100%;
    overflow: hidden;
}

.new_item_main {
    position: absolute;
    top: 9.2vh;
    height: 90.8vh;
    overflow-y: auto;
    overflow-x: hidden
}


.home_firstpage {
    /*position: absolute;*/
    position: fixed;
    /*top: 109.2vh;*/
    top: 108.2vh;
    /*transform: translate3d(0px, 100vh, 0px);*/
    min-height: 90.8vh;
    background-image: url('/static/img/home/Main_Triangles_Cargo.svg?ee30a68395fb');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
    will-change: transform;
    user-select: none;

    /*transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*-webkit-transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*-moz-transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
    /*-o-transition: transform 1.5s cubic-bezier(0.86, 0, 0.07, 1);*/
}

.home_quickapp {
    transform: translateY(-198vh);
}


.firstpage_block1 {
    position: absolute;
    top: 89vh;
    padding: 2vw;
    left: 26.8vw;
    width: 37.5vw;
    height: 16.6vh;
    background-color: rgba(238, 240, 243, .54);
}

.firstpage_block2 {
    position: absolute;
    top: 109vh;
    left: 26.8vw;
    width: 46vw;
    height: 21vh;
}

.firstpage_block3 {
    position: absolute;
    width: 100%;
    height: 9vh;
    background: rgba(255,255,255,0.54);
    filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
}

/*Digits */

.divider_block1 {
    position: absolute;
    z-index: 5;
    margin: 1.1vw 0 0 -0.1vw;
    width: 0.35vw;
    height: 0.75vw;
    border: black solid 1px;
    border-radius: 0.86px;
    background: linear-gradient(#5e5e5e 0%, #303030 41.87%, #343434 51.67%, #404040 61.82%, #555 72.11%, #727272 82.52%, #979797 92.91%, #b5b5b5 100%);
}

.divider_block2 {
    position: absolute;
    z-index: 5;
    margin: 1.1vw 0 0 1.9vw;
    width: 0.35vw;
    height: 0.75vw;
    border: black solid 1px;
    border-radius: 0.86px;
    background: linear-gradient(#5e5e5e 0%, #303030 41.87%, #343434 51.67%, #404040 61.82%, #555 72.11%, #727272 82.52%, #979797 92.91%, #b5b5b5 100%);
}

.divider_block_sm1, .divider_block_sm2 {
    position: absolute;
    z-index: 5;
    width: 0.25vw;
    height: 0.4vw;
    border: black solid 0.1vh;
    border-radius: 0.86px;
    background: linear-gradient(#5e5e5e 0%, #303030 41.87%, #343434 51.67%, #404040 61.82%, #555 72.11%, #727272 82.52%, #979797 92.91%, #b5b5b5 100%);
}

.divider_block_sm2.correct{ width: 0.25vw;height: 0.4vw;margin: -0.1vw 0 0 0.7vw;z-index:2 }

.flip-clock-divider.seconds{ width: 11px }
.flip-clock-divider.seconds .flip-clock-dot.top{ left:4px; top:16px; }
.flip-clock-divider.seconds .flip-clock-dot.bottom{ left:4px; top: 22px; }
.flip-clock-divider.seconds .flip-clock-dot.bottom-course{ left:4px; top: 25px; }
.flip-counter.flip-clock-course .flip{ top: 1px; }

.trapezoid {
    position: absolute;
    top: 9vh;
    border-left: 5em solid transparent;
    border-right: 5em solid transparent;
    border-top: 7em solid rgba(255,255,255,0.54);
    height: 0;
    width: 28vw;
    left: 9vw;
    filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
}

.button_go {
    position: absolute;
    top: 11vh;
    left: 19vw;
    border: 0;
    background: #9b2c31;
    filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 0.5em 1em 0.5em 1em;
}

.menu_nav {
    overflow-y: scroll;
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    /*background: #000;*/
    /*background: rgba(0,0,0,0.9);*/
    background: rgba(255,255,255,0.9);
    border: 1px solid #707070;
    /*opacity: 0.9;*/
    z-index: 1000;
}

.menu_link {
    display: block;
}

.menu_item {
    position: relative;
    /*width: 100%;*/
    width: 30.88vw;
    height: 28vh;
    /*background: #000;*/
    background: #fff;
    border: 1px solid #707070;
    font-family: "Segoe UI";
    font-weight: bold;
    font-size: 2vw;
    /*color: #fff;*/
    /*color: #000;*/
}

.login_form_container {
    display: none;
    position: absolute;
    top: 8vh;
    right: 28.5vw;
    z-index: 1005;
}

.login_form_container.shift {
    transform: translateY(15.7vh);
}

.login_form {
    margin-top: 3.6vh;
    width: 10.9vw;
    /*height: 23.7vh;*/
    height: 13.8vw;
    filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
}

.login_button {
    width: 100%;
    height: 1.3vw;
    background: #23b54a;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    font-size: 0.7vw;
    font-weight: 600;
}

.login_form_input {
    cursor: text;
    display: inline-block;
    border-radius: 0;
    color: #585858;
    height: 1.6vw;
    font-size: 0.75em;
    font-weight: 600;
    /*padding: .6em 1.4em .5em .8em;*/
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    /*filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));*/
}


.show_password {
    position: absolute;
    top: 3.6vw;
    right: 1.6vw;
    cursor: pointer;
    width: 1vw;
}

.input_login {
    background: url('/static/img/icons/user_login.svg?19378c3c8745') no-repeat;
    /*background-size: 1vw;*/
    padding-left: 1.5vw;
    margin-top: 1vw;
}

.input_password {
    background: url('/static/img/icons/key.svg?0da89c69db6c') no-repeat;
    padding-left: 1.5vw;
    margin-top: 0.5vw;
}

.button_menu {
    width: 100%;
    height: 1.3vw;
    background: #9b2c31;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    font-size: 0.7vw;
    text-align: center;
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
}

.refresh_button {
    width: 100%;
    height: 1.3vw;
    background: #585858;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    background: #585858 url('/static/img/icons/refresh-button.svg?19378c3c8745') no-repeat center;
    background-size: 0.8vw;
}

.enter_button {
    width: 100%;
    height: 1.3vw;
    background: #23b54a;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    font-size: 0.7vw;
}


/*Registration*/

.new_item_container h2 {
    font-size: 1.771vw;
    color: #9b2c31;
}

.registration_container, .new_item_container {
    background: #fefefe;
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
}

.new_item_container .select_country, .new_item_container .select_city, #new_transport_popup .select_country, #new_transport_popup .select_city {
    width: 85%;
}

.registration_options {
    display: table;
    /*background: #eef0f2;*/
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
    position: absolute;
    z-index: 1;
    width: 37vw;
    left: -2vw;
    height: 6.2vh;
    text-align: center;
}

.registration_options div {
    margin-top: 1vh;
}
.circle_digit img {
    width: 2.5vw;
}

.registration_options h5 {
    display: table-cell;
    vertical-align: middle;
    color: #9b2c31;
    font-size: 0.8vw;
}

.red_star_big:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.2vw;
    margin-left: -0.1vw;
    background: url('/static/img/icons/star_full.svg?19378c3c8745') no-repeat;
    background-size: 1.2vw;
}

.red_star_big_empty:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.2vw;
    margin-left: -0.1vw;
    background: url('/static/img/icons/star_empty.svg?19378c3c8745') no-repeat;
    background-size: 1.2vw;
}

.red_star_big_empty.dark:before {
    width: 1.2vw;
    height: 1.2vw;
    margin-left: -0.1vw;
    background: url('/static/img/icons/star_empty_white.svg?19378c3c8745') no-repeat;
    background-size: 1.2vw;
}

.red_star:before {
    content: "";
    display: inline-block;
    width: 0.7vw;
    height: 0.7vw;
    background: url('/static/img/icons/star_full.svg?19378c3c8745') no-repeat;
    background-size: 0.7vw;
}

.red_star_empty:before {
    content: "";
    display: inline-block;
    width: 0.7vw;
    height: 0.7vw;
    background: url('/static/img/icons/star_empty.svg?19378c3c8745') no-repeat;
    background-size: 0.7vw;
}

.red_star_empty.dark:before {
    background: url('/static/img/icons/star_empty_white.svg?19378c3c8745') no-repeat;
    background-size: 0.7vw;
}


.yellow_star:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background: url('/static/img/icons/star_yellow.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    margin-left: -0.2vw;
}

.yellow_star_empty:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background: url('/static/img/icons/star_empty_yellow.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    margin-left: -0.2vw;
}

.profile_menu_container {
    display: none;
    position: absolute;
    top: 8vh;
    right: 28.5vw;
    z-index: 1005;
}

.profile_menu {
    position: absolute;
    right: 0;
    margin-top: 3vh;
    width: 20.3vw;
    height: 17.9vw;
    filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
}

.profile_menu_ava {
    content: "";
    display: inline-block;
    width: 2.5vw;
    height: 2.5vw;
    background: url('/static/img/icons/user_menu.svg?19378c3c8745') no-repeat;
    background-size: 3vw;
    float: left;
    margin-left: 0.5vw;
}

.profile_menu_ava.dark {
    background: url('/static/img/icons/user_menu_white.svg?19378c3c8745') no-repeat;
}

.profile_menu_user {
    height: 13.5vw;
}

.profile_menu_triangle {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 50px solid #eef0f2;
    border-left: 50px solid transparent;
}

.profile_menu_btn {
    width: 9vw;
    height: 1.6vw;
    background: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    font-size: 0.7vw;
    text-align: left;
    color: #000;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    padding-top: 0.5vh;
}

.profile_logout_btn {
    width: 100%;
    height: 30px;
    text-align: center;
    background: #9b2c31;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    font-size: 1em;
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
}

.profile_device_btn {
    width: 1.6vw;
    height: 1.6vw;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
}


.profile_btn_desktop:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/static/img/icons/PC.svg?0da89c69db6c) no-repeat center;
    background-size: 70%;
}



.profile_btn_mobile:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/static/img/icons/mobile.svg?0da89c69db6c) no-repeat center;
    background-size: 50%;
}

.profile_btn_mobile.dark:before {
    background: url(/static/img/icons/mobile_white.svg?0da89c69db6c) no-repeat center;
    background-size: 50%;
}

.profile_btn_tablet:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/static/img/icons/tablet.svg?19378c3c8745) no-repeat center;
    background-size: 70%;
}

.profile_btn_tablet.dark:before {
    background: url(/static/img/icons/tablet_white.svg?19378c3c8745) no-repeat center;
    background-size: 70%;
}

.dark_theme {
    background: #000;
}

.dark_theme:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/static/img/icons/moon.svg?0da89c69db6c) no-repeat center;
    background-size: 70%;
}

.light_theme {
    display: none
}


.light_theme:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/static/img/icons/light-up.svg?0da89c69db6c) no-repeat center;
    background-size: 70%;
}


.profile_btn_profile:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/user_menu.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.4vw;
    margin-top: 0.2vw;
}

.profile_btn_cargo:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/cargo.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.4vw;
    margin-top: 0.1vw;
}

.profile_btn_cargo.nocompany:before{
    margin-left: 0.9vw;
}

.profile_btn_password:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.6vw;
    background: url('/static/img/icons/key1.svg?0da89c69db6c') no-repeat;
    background-size: 1.5vw;
    float: left;
    margin-left: 0.4vw;
    margin-right: 0.4vw;
    margin-top: 0;
}

.profile_btn_transport:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/transport.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.4vw;
    margin-top: 0.2vw;
}

.profile_btn_warehouse:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/warehouse.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.4vw;
    margin-top: 0.1vw;
}

.profile_btn_profile.dark:before {
    background: url('/static/img/icons/user_menu_white.svg?19378c3c8745') no-repeat;
    background-size: 1.5vw;
}

/*.profile_btn_cargo {*/
    /*content: "";*/
    /*display: inline-block;*/
    /*width: 1.5vw;*/
    /*height: 1.6vw;*/
    /*background: url('/static/img/icons/cargo.svg?0da89c69db6c') no-repeat;*/
    /*background-size: 1.5vw;*/
    /*float: left;*/
    /*margin-left: 1.1vw;*/
    /*margin-right: 0.5vw;*/
    /*margin-top: -0.2vw;*/
/*}*/

.profile_btn_tracking:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/search.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 1vw;
    margin-right: 0.4vw;
}

.profile_btn_tracking.dark:before {
    background: url('/static/img/icons/search_white.svg?19378c3c8745') no-repeat;
}

.profile_btn_mailing:before {
    content: "";
    display: inline-block;
    width: 1.5vw;
    height: 1.6vw;
    background: url('/static/img/icons/mail.svg?0da89c69db6c') no-repeat;
    background-size: 1.5vw;
    float: left;
    margin-left: 0.9vw;
    margin-top: 0.1vw;
}

.profile_btn_mailing.dark:before {
    background: url('/static/img/icons/mail_white.svg?0da89c69db6c') no-repeat;
}

.profile_btn_bids:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/credit.svg?0da89c69db6c') no-repeat;
    background-size: 0.7vw;
    float: left;
    margin-left: 1.2vw;
    margin-right: 0.3vw;
}

.profile_btn_bids.dark:before {
    background: url('/static/img/icons/credit_white.svg?0da89c69db6c') no-repeat;
}

.profile_btn_requisites:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/clipboard.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
    float: left;
    margin-left: 0.4vw;
    margin-right: 0.7vw;
}

.profile_btn_requisites.dark:before {
    background: url('/static/img/icons/clipboard_white.svg?0da89c69db6c') no-repeat;
}

.profile_btn_payments:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/wallet.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.4vw;
}
.profile_btn_payments.dark:before {
    background: url('/static/img/icons/wallet_white.svg?19378c3c8745') no-repeat;
}
.profile_btn_feedbacks:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/feather.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.6vw;
}
.profile_btn_feedbacks.dark:before {
    background: url('/static/img/icons/feather_white.svg?0da89c69db6c') no-repeat;
}

.profile_btn_contract:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/contract.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.4vw;
}

.profile_btn_contract.dark:before {
    background: url('/static/img/icons/contract_white.svg?0da89c69db6c') no-repeat;
}

.profile_btn_help:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1.6vw;
    background: url('/static/img/icons/help_with_circle.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
    float: left;
    margin-left: 0.9vw;
    margin-right: 0.5vw;
}

.profile_btn_help.dark:before {
    background: url('/static/img/icons/help_with_circle_white.svg?0da89c69db6c') no-repeat;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]:checked {
    display: none;
}


.label-css  {
    cursor: pointer;
    margin-top: 0.5em;
    background: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    width: 100%;
    font-size: 0.6vw;
    font-weight: 600;
}

.label-plus {
    cursor: pointer;
    width: 100%;
    background: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 0.6vw;
    font-weight: 600;
    height: 1.6vw;
    padding-top: 0.35vw;
    padding-left: 0.5vw;
}

.label_favorite {
    width: 9.3vw;
    text-align: center
}

.label_myitems {
    width: 12.5vw;
    /*text-align: center*/
}

.sidebar .label-plus {
    /*font-size: 0.55vw;*/
}

.tools_row .label-plus {
    font-size: 0.7vw;
    padding-top: 0.4vh;
    /*margin-left: 0.2vw;*/
    margin-right: 0.4vw;
    padding-left: 1vw;
    line-height: 1.3vw;
}



.tools_row .checkbox-plus + label:after, .tools_row .checkbox-plus:checked + label:after {
    margin-top: -0.4vh;
    margin-left: 1vw;
}

.label-img {
    color: #585858;
    padding-left: 0.5rem;
    font-size: 0.6vw;
    font-weight: 600;
    line-height: 1.6vw;
}

.label-check {
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.label-messenger {
    margin-left: -0.3vw;
    margin-right: -0.3vw;
    height: 2.7vh;
}

.check_button {
    cursor: pointer;
    background: #23b54a url("/static/img/icons/check.svg?0da89c69db6c") no-repeat center;
    background-size: 0.5vw;
    color: #fff;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
    float: right;
}

.checkbox-check + label:after {
    cursor: pointer;
    background: #fff;
    /*background: #23b54a url("/static/img/icons/check.svg?0da89c69db6c") no-repeat center;*/
    /*background-size: 0.5vw;*/
    /*color: #fff;*/
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
    float: right;
}
.checkbox-check:checked + label:after {
    cursor: pointer;
    background: #23b54a url("/static/img/icons/check.svg?0da89c69db6c") no-repeat center;
    background-size: 0.5vw;
    color: #fff;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
    float: right;
}


.checkbox-whatsapp + label:after {
    cursor: pointer;
    background: url("/static/img/icons/whatsapp.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}

.checkbox-whatsapp:checked + label:after {
    cursor: pointer;
    background: url("/static/img/icons/whatsapp_checked.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}

.checkbox-viber + label:after {
    cursor: pointer;
    background: url("/static/img/icons/viber.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}

.checkbox-viber:checked + label:after {
    cursor: pointer;
    background: url("/static/img/icons/viber_checked.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}

.checkbox-telegram + label:after {
    cursor: pointer;
    background: url("/static/img/icons/telegram.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}

.checkbox-telegram:checked + label:after {
    cursor: pointer;
    background: url("/static/img/icons/telegram_checked.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}

.checkbox-wechat + label:after {
    cursor: pointer;
    background: url("/static/img/icons/wechat.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}

.checkbox-wechat:checked + label:after {
    cursor: pointer;
    background: url("/static/img/icons/wechat_checked.svg?19378c3c8745") no-repeat center;
    background-size: 2vw;
    content: "";
    width: 1.5vw;
    height: 2.7vh;
    display: inline-block;
}


.checkbox-plus + label:after {
    cursor: pointer;
    background: #9B2C31 url("/static/img/icons/plus.svg?0da89c69db6c") no-repeat center;
    background-size: 0.7vw;
    color: #fff;
    content: "";
    width: 1.5vw;
    /*height: 2.7vh;*/
    height: 1.6vw;
    display: inline-block;
    font-size: 1vw;
    float: right;
    margin-left: 0.3vw;
    margin-top: -0.35vw;
}

.checkbox-plus:checked + label:after {

    background: #23b54a url("/static/img/icons/minus.svg?0da89c69db6c") no-repeat center;
    background-size: 0.7vw;
    cursor: pointer;
    content: "";
    color: #fff;
    width: 1.5vw;
    /*height: 2.7vh;*/
    height: 1.6vw;
    display: inline-block;
    font-size: 1vw;
    /*padding-left: 0.4em;*/
    float: right;
    margin-left: 0.3vw;
    margin-top: -0.35vw;
}

.checkbox-red[type="checkbox"] + label:before {
    cursor: pointer;
    background: url("/static/img/icons/checkbox_unchecked.svg?0da89c69db6c") no-repeat;
    background-size: 0.7vw;
    width: 1.5vw;
    height: 0.9vw;

    content: "";
    display: inline-block;
    font-size: 1vw;
    padding-left: 0.5em;
    vertical-align: middle;
}

.checkbox-red[type="checkbox"]:checked + label:before {
    cursor: pointer;
    background: url("/static/img/icons/checkbox_checked.svg?0da89c69db6c") no-repeat;
    content: "";
    background-size: 0.7vw;
    width: 1.5vw;
    height: 0.9vw;
    display: inline-block;
    font-size: 1vw;
    padding-left: 0.5em;
    vertical-align: middle;
}

.checkbox_remember[type="checkbox"] + label:after {
    cursor: pointer;
    background: url("/static/img/icons/checkbox_unchecked.svg?0da89c69db6c") no-repeat;
    content: "";
    background-size: 0.7vw;
    width: 0.7vw;
    height: 0.9vw;
    display: inline-block;
    /*padding-left: 0.5vw;*/
    /*float: right;*/
    margin-left: 0.3vw;
    margin-bottom: -0.3vw;
}

.checkbox_remember[type="checkbox"]:checked + label:after {
    cursor: pointer;
    background: url("/static/img/icons/checkbox_checked.svg?0da89c69db6c") no-repeat;
    content: "";
    background-size: 0.7vw;
    width: 0.7vw;
    height: 0.9vw;
    display: inline-block;
    /*padding-left: 0.5vw;*/
    /*float: right;*/
    margin-left: 0.3vw;
    margin-bottom: -0.3vw;
}

.label-remember {
    cursor: pointer;
    font-size: 0.521vw;
    display: inline;
}


.label-red  {
    font-size: 0.7vw;
}

.flag {
    width: 0.9vw;
}

.search_countries_tab_content.flag {
    width: 0.9vw;
}


.font_10 {
    font-size: 0.521vw!important;
}


.font_12 {
    font-size: 0.625vw!important;
    font-weight: 600;
    line-height: normal;
}


.font_14 {
    font-size: 0.729vw!important;
    font-weight: 600;
    line-height: normal;
}


.font_14red {
    font-size: 0.729vw!important;
    color: #9b2c31;
    line-height: normal;
}

.font_16 {
    font-size: 0.833vw!important;
    font-weight: 600;
    line-height: normal;
}

.font_16red {
    font-size: 0.833vw!important;
    font-weight: 600;
    color: #9b2c31;
    line-height: normal;
}

.font_18 {
    /*font-size: 1.125rem;*/
    font-size: 0.9vw;
    font-weight: 600;
}

.font_20 {
    /*font-size: 1.25rem;*/
    font-size: 1.042vw!important;
    font-weight: 600;
}

.font_22 {
    font-size: 1.146vw!important;
    font-weight: 600;
}

.font_27 {
    font-weight: 600;
    font-size: 1.1vw!important;
}

.font_34 {
    font-weight: 600;
    font-size: 1.5vw!important;
}


.header_landing {
    position: absolute;
    height: 15.8vh;
    z-index: 999;
    transform: translateY(-15.8vh);

    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.header_landing .col {
    padding-top: 0.5vw;
}

.header_landing.show {
    transform: translateY(0);
}

.header_landing.small, .header_name.small {
    height: 7.8vh;
}

.header_name {
    display: table;
    width: 100%;
    height: 14vh;
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.header_name.active {
    border-bottom: #9B2C31 5px solid;;
    box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.16);
}

.header_name a {
    display: table-cell;
    vertical-align: middle;
}


.ads_toggle {
    cursor: pointer;
    position: fixed;
    height: 1.6vw;
    width: 6.25vw;
    left: 0;
    bottom: 0;
    z-index: 1005;
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
}
.ads_toggle_text {
    bottom: 0.4vw;
    position: absolute;
    left: 1vw;
}
.ads_toggle_chevron {
    position: absolute;
    bottom: 0.4vw;
    right: 1vw;
    height: 1vw;
    width: 1vw;
    transform: rotate(-90deg);
    background: url('/static/img/icons/chevron-thin-right.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
}
.ads_toggle_chevron.dark {
    background: url('/static/img/icons/chevron-thin-right_white.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
}

.ads_container {
    position: fixed;
    width: 15.6vw;
    height: 32.8vw;
    left: 3.1vw;
    bottom: 0;
    z-index: 1005;
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
    display: none;
}

.ads_close {
    cursor: pointer;
    position: absolute;
    right: 0.5vw;
    top: 0.5vw;
}


.ads_close:before {
    content: "";
    display: inline-block;
    width: 0.6vw;
    height: 0.6vw;
    background: url('/static/img/icons/cross_black.svg?0da89c69db6c') no-repeat;
    background-size: 0.5vw;
}


.ads_close.dark:before {
    background: url('/static/img/icons/cross.svg?0da89c69db6c') no-repeat;
    background-size: 0.5vw;
}


.ads_header {
    font-size: 0.729vw;
    height: 3.125vw;
    width: 100%;
    padding: 0.5vw;
}
.ads_block {
    height: 5.2vw;
    padding-top: 1vw;
    margin-bottom: 0.52vw;
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
}
.ads_footer {
    font-size: 0.729vw;
    text-decoration: underline;
    padding-top: 0.2vw;
}


.header_landing_toggle {
    color: #9b2c31;
    position: absolute;
    right: 2.5vw;
    top: 2.5vh;
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.header_landing_toggle:after {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background: url('/static/img/icons/chevron_down_small.svg?0da89c69db6c') no-repeat;
    background-size: 2vw;
}

.header_landing_toggle.menu-show:after {
   background-position: 0 -5px;
   transform: rotate(180deg);
}

.header_landing.small {
    height: 7.8vh;
}

.header_landing.small.header_name {
    height: 7.8vh;
}

.header {
    position: absolute;
    height: 9.2vh;
    z-index: 999;
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.header.small {
    height: 4.6vh;
}

.header.shift {
    transform: translateY(15.7vh);
}

.header.small.shift {
    transform: translateY(7.8vh);
}

.logo_clear {
    position: absolute;
    left: 20.3vw;
    /*height: 5.2vh;*/
    width: 17vw;
    top: 2.1vh;

    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.logo_clear.small {
    width: 9.9vw;
    top: 1vh;
}



.header_user {
    cursor: pointer;
    position: absolute;
    right: 26.6vw;
    width: 2vw;
    top: 2.5vh;
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.header_user.small {
    width: 1vw;
    top: 1.2vh;
    right: 25.3vw;
}

.header_add_user {
    cursor: pointer;
    position: absolute;
    right: 26.6vw;
    width: 2vw;
    top: 2.4vh;
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.header_add_user.small {
    width: 1.5vw;
    top: 1vh;
}


.header_menu {
    position: absolute;
    right: 20.3vw;
    width: 2vw;
    top: 3.1vh;
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.profile_menu_container.small, .login_form_container.small {
    right: 26vw;
}

.profile_menu_container.shift {
    transform: translateY(15.7vh);
}

.header_menu.small  {
    width: 1.2vw;
    top: 1.2vh;
}

.header_landing_toggle.small {
    top: 0;
}

.header_red {
    font-size: 1.5vw;
    font-weight: 600;
    color: #9b2c31;
    text-shadow: none;
}

.header_red:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    content: " ";
    text-shadow: none;
    width: 50px;
    height: 4px;
    background: #9b2c31;
}

.header_red2 {
    font-size: 1.5vw;
    font-weight: 600;
    color: #9b2c31;
    position: absolute;
    /*top: 13vh;*/
    top: 53vh;
    left: 9.7vw;
    text-shadow: none;
}


.button_calc {
    width: 1.6vw;
    height: 1.6vw;
    background-color: rgba(155,44,49,0.49) ;
    position: absolute;
    right: 2vw;
    top: 3vw;
    padding: 0;
}

.button_calc:before {
    content: "";
    background: url("/static/img/icons/calculator.svg?0da89c69db6c") no-repeat center;
    background-size: 0.8vw;
    width: 100%;
    height: 100%;
    display: inline-block;
    /*position: absolute;*/
    /*right: 1vw;*/
    /*transition: 0.5s;*/
}


.button_red {
    background: #9b2c31;
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
    font-weight: 600;
    font-size: 0.833vw;
    text-align: center;
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-block;
    /*padding: 1.3vh 1vw 0 1vw;*/
    /*height: 4.9vh;*/
    height: 2.7vw;
}

/*.button_red_narrow {*/
    /*background: #9b2c31;*/
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
    /*font-weight: 600;*/
    /*font-size: 0.8vw;*/
    /*text-align: center;*/
    /*color: #fff;*/
    /*text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);*/
    /*display: inline-block;*/
    /*padding: 0.2vh 1vw 0 1vw;*/
    /*height: 2.7vh;*/
/*}*/


.button_red_filter, .button_red_narrow {
    height: 1.6vw;
    background: #9b2c31;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-block;
    font-size: 0.7vw;
    font-weight: 600;
    margin-right: 0.2vw;
    text-align: center;
    padding-right: 1vw;
    padding-left: 1vw;
    color: #fff;
}


.cross:after {
    background: url("/static/img/icons/cross.svg?0da89c69db6c") no-repeat;
    background-size: 0.5vw;
    content: "";
    width: 1vw;
    height: 1vw;
    display: inline-block;
    float: right;
    position: absolute;
    top: 0.5vw;
    right: 0.9vw;
}

.clear_coords:after {
    right: 0.5vw;
}


.chevron_down:before {
    background: url("/static/img/icons/chevron-thin-down.svg?0da89c69db6c") no-repeat;
    /*color: #000;*/
    content: "";
    width: 1vw;
    height: 2vh;
    display: inline-block;
    /*float: right;*/
    position: absolute;
    right: 1vw;
    transition: 0.5s;
    background-size: 1.5vw;
}

.chevron_up:before {
    transform: rotate(180deg);
    background: url("/static/img/icons/chevron-thin-down.svg?0da89c69db6c") no-repeat;
    content: "";
    width: 1vw;
    height: 2vh;
    display: inline-block;
    /*float: right;*/
    position: absolute;
    right: 1vw;
    transition: 0.5s;
    background-size: 1.5vw;
}

.chevron_down.dark:before, .chevron_up.dark:before {
    background: url("/static/img/icons/chevron-thin-down_white.svg?0da89c69db6c") no-repeat;
    background-size: 1.5vw;
}


.button_green {
    position: relative;
    height: 1.6vw;
    background: #23b54a;
    display: inline-block;
    font-size: 0.625vw;
    font-weight: 600;
    margin-right: 0.2vw;
    padding-right: 1vw;
    padding-left: 1vw;
    color: #fff;
    text-align: center;
    line-height: 1.1vw;
}

.button_blue {
    background: #1D53E6;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    height: 1.6vw;
    color: #fff;
    display: inline-block;
    font-size: 0.625vw;
    font-weight: 600;
    margin-right: 0.5vw;
    text-align: center;
    padding-right: 1vw;
    padding-left: 1vw;
    line-height: 1.2vw;
}


.check:after {
    background: url("/static/img/icons/check.svg?0da89c69db6c") no-repeat;
    content: "";
    background-size: 0.7vw;
    width: 1vw;
    height: 0.7vw;
    display: inline-block;
    /*float: right;*/
    position: absolute;
    right: 1.2vw;
    top: 0.4vw;
}


.button_white {
    background: #fff;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    font-size: 0.729vw;
    text-align: center;
    color: #9b2c31;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-block;
    border: #9B2C31 1px solid;
    /*padding: 1.3vh 1vw 0 1vw;*/
    height: 2.7vw;
}

.content_container {
    background-color: rgba(238, 240, 243, .6);
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    display: flex;
    z-index: 1;
    position: absolute;
    height: 71.1vh;
    width: 71.1vw;
    margin-left: 14.4vw;
    /*top: 14.16vh;*/
    margin-top: 16.5vh;

    transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
}

.content_container2 {
    background-color: rgba(238, 240, 243, .6);
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    display: flex;
    z-index: 1;
    position: absolute;
    height: auto;
    /*min-height: 80vh;*/
    width: 71.1vw;
    margin-left: 14.4vw;
    /*top: 14.16vh;*/
    margin-top: 14.4vh;

    /*transform: rotateY(90deg);*/
    transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);
}



.search_countries_tab_content {
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    overflow: hidden;
    /*min-height: 65.4vh;*/
    min-height: 20vh;
    /*height: 41.4vh;*/
}


/*.search_countries_tab_content_full {*/
    /*height: 65.4vh;*/
/*}*/


.country_menu {
    position: absolute;
    top: 5vh;
    max-height: 14vh;
    overflow-y: scroll;
    width: 14vw;
    background: white;
    display: none;
}

.country_option {
	text-align: left;
	cursor: pointer;
}

.city_counts_name {
    margin-left: 2.5vw;
}

.firstpage_benefits {
    height: 24vh;
    margin-top: 4.9vh;
    margin-left: 5.2vw;
}

.firstpage_benefits img {
    display: inline-block;
    width: 3.2vw;
    position: absolute;
    /*left: 4vw;*/
}

.firstpage_benefits h5 {
    position: absolute;
    top: 0.2vw;
    left: 3.2vw;
    font-size: 1.25vw;
    font-weight: 600;
    color: #ffffff;
}
.firstpage_benefits h6 {
    position: absolute;
    top: 3vh;
    left: 3.2vw;
    font-size: 0.729vw;
    font-weight: 600;
    color: #ffffff;
}


.how_it_works_container {
    position: absolute;
    left: 6vw;
}

.animate_left, .animate_right {
    opacity: 0;
    transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.block_animation {
    opacity: 0;
    transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.block_animation2 {
    opacity: 0;
    transition: all 1.8s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 1.8s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1.8s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 1.8s cubic-bezier(0.86, 0, 0.07, 1);
}

.block_animation3 {
    opacity: 0;
    transition: all 2.1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 2.1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 2.1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 2.1s cubic-bezier(0.86, 0, 0.07, 1);
}

.block_animation4 {
    opacity: 0;
    transition: all 2.4s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: all 2.4s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 2.4s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 2.4s cubic-bezier(0.86, 0, 0.07, 1);
}

.how_it_works_block {
    position: absolute;
    /*background-color: #ffffff;*/
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);*/
    width: 24vw;
    height: 10vh;
    z-index: 1;
}

.how_it_works_underblock {
    position: absolute;
    top: 2vh;
    left: 1vw;
    width: 24vw;
    height: 10vh;
    border: 3px solid #9b2c31;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
}

.digit_red {
    position: absolute;
    background-color: #9b2c31;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    width: 2.5vw;
    height: 5vh;
    text-align: center;
    z-index: 3;
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
}


.how_it_works_icon {
    position: absolute;
    top: 2.5vh;
    left: 1.7vw;
    width: 2.9vw;
    height: 5.3vh;
}

.how_it_works_text {
    position: absolute;
    /*font-size: 18px;*/
    /*font-size: 1.125rem;*/
    font-size: 0.9vw;
    font-weight: 600;
    left: 4.5vw;
    top: 3.5vh;
}

.how_it_works_company_block {
    position: absolute;
    /*top: 19vh;*/
    top: 59vh;
    height: 47vh;
    width: 29vw;
    right: 5vw;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    border-left: #8f181b solid 3px;
    background: #fff url('/static/img/main/company.svg?afe7bb3dbe10') no-repeat center;
    background-size: 47vh;
}

.how_it_works_company_block.dark {
    background: #000 url('/static/img/main/company.svg?afe7bb3dbe10') no-repeat center;
}




.how_it_works_company_block1 {
    height: 100%;
    box-shadow: 10px 0px 6px rgba(0, 0, 0, 0.16) inset;
}

.how_it_works_company_text {
    /*font-size: 0.8vw;*/
    font-size: 0.8vw;
    font-weight: 600;
    /*line-height: 100%;*/
    line-height: 130%;
    z-index: 1;
    padding: 6vh 2vw 0 1.3vw;
}

.how_it_works_btn_red {
    /*font-size: 0.8vw;*/
    font-size: 0.8vw;
    font-weight: 600;
    color: #ffffff;
    background-color: #9b2c31;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    width: 364px;
    height: 53px;
    text-align: center;
    z-index: 1;
    display: inline-block;
}


.how_it_works_btn_white {
    /*font-size: 0.8vw;*/
    font-size: 0.8vw;
    font-weight: 600;
    color: #000000;
    background-color: #fefffe;
    border: 1px solid #9b2c31;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    width: 363px;
    height: 52px;
    text-align: center;
    z-index: 1;
    display: inline-block;
}

.nav-tabs {
    /*margin-top: 198px;*/
    /*width: 1140px;*/
    height: 7vh;
    background: #e9e9e9;
    opacity: 0.89;
    box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
    z-index: 1;
    font-weight: 600;
    color: black;
}

.nav-link {
    border: 0;
    height: 8vh;
    display: table;
    width: 100%;
}

.nav-link-text {
    display: table-cell;
    vertical-align: middle;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-link.active {
    border-color: #e9ecef #e9ecef #8f181b;
    border-width: 1px 1px 3px;
}

.nav-tabs .nav-link.active {
    border-color: #e9ecef #e9ecef #8f181b;
    border-width: 1px 1px 3px;
    color: #000;
}

.nav-link.active {
    background: #fff;
    opacity: 0.89;
    filter: drop-shadow(5px 3px 10px rgba(0, 0, 0, 0.16));
    height: 7vh;
}

.tab-content {
    background: #fff;
    box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
    filter: 0px;
}

.border-gray-leftright {
    border-left: #707070 0.5px solid;
    border-right: #707070 0.5px solid;
}

.border-gray-left {
    border-left: #707070 0.5px solid;
    border-bottom: #707070 0.5px solid;
    border-top: #707070 0.5px solid;
}

.border-gray-right {
    border-right: #707070 0.5px solid;
    border-bottom: #707070 0.5px solid;
    border-top: #707070 0.5px solid;
}


.border-gray-bottom {
    border-left: #707070 0.5px solid;
    border-right: #707070 0.5px solid;
    border-bottom: #707070 0.5px solid;
}

.border-gray-bottomleft {
    border-left: #707070 0.5px solid;
    border-bottom: #707070 0.5px solid;
}

.border-gray-bottomright {
    border-right: #707070 0.5px solid;
    border-bottom: #707070 0.5px solid;
}


/*.label-plus {*/
    /*border: #707070 0.5px solid;*/
/*}*/


.worldparts_button {
    background: #9b2c31;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    font-size: 0.8vw;
    text-align: center;
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 0 1vw 0 1vw;
    border: 0;
    height: 4.9vh;
}

.countries_table {
    margin-top: 3vh;
}

.countries_table .col-2, .countries_table .col-4 {
    height: 3.6vh;
    /*padding-top: 0.8vh;*/
}


.benefits_container {
    position: absolute;
    width: 30vw;
}

.benefits_block {
    position: absolute;
    height: 11.1vh;
    width: 29vw;
    /*background: #fff;*/
    filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    font-weight: 600;
    /*font-size: 0.6vw;*/
    font-size: 0.6vw;
    text-align: left;
    /*color: #000;*/
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 10;
}

.benefits_block_text {
    padding-right: 1vw;
}

.benefits_underblock {
    position: absolute;
    border: 2px solid #9b2c31;
    top: 9vh;
    left: 1vw;
    height: 11vh;
    width: 29vw;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
}

.benefits_header {
    /*position: absolute;*/
    font-weight: 600;
    font-size: 0.8vw;
    /*line-height: 62.97px;*/
    text-align: left;
    color: #9b2c31;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    margin-top: 4vh;
    margin-left: 3vw;
}


/*.filter_country {*/
    /*!*!*font-weight: 600;*!*!*/
    /*text-decoration: underline;*/
    /*!*font-size: 12px;*!*/
    /*text-align: left;*/
    /*color: #9b2c31;*/
    /*text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);*/
/*}*/

.filter_country:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url('/static/img/icons/chevron_down_small.svg?0da89c69db6c') no-repeat;
}

.company_container {
    height: 37vh;
    border: 1px solid #707070;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);

}

.company_header {
    height: 4.2vw;
    border-bottom: 1px solid #707070;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    padding-left: 0.7vw;
    padding-top: 0.5vw;
    font-size: 0.833vw;
}

.company_description {
    padding: 0.7vw;
}

.adv_block_container {
    padding: 0 10px;
}

.adv_block {
    /*width: 270px;*/
    height: 37vh;
    /*background: #fff;*/
    border: 1px solid #707070;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
}

.adv_block_header {
    height: 4.2vw;
    border-bottom: 1px solid #707070;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    padding-left: 0.7vw;
    padding-top: 0.2vw;
}

.adv_block_text {
    padding: 0.7vw;
}

.adv_img {
    height: 26vh;
    max-width: 18vw;
}

/*.adv_img_*/

.dropin_date:before {
    content: "";
    display: inline-block;
    width: 1.3vw;
    height: 1.2vw;
    background: url('/static/img/icons/calendar_day.svg?0da89c69db6c') no-repeat;
    background-size: 1.8vw;
    margin:0 0 0 -10px;
}

.dropin_date.dark:before {
    background: url('/static/img/icons/calendar_day_white.svg?0da89c69db6c') no-repeat;
    background-size: 1.8vw;
}

.dropin_readmore:after {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background: url('/static/img/icons/chevron_right_small.svg?0da89c69db6c') no-repeat;
    background-size: 1.7vw;
}

.dropin_readmore.ad:after{
    background-position:0 3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .dropin_readmore.ad:after{
        background-position:0 1px;
    }
}
@-moz-document url-prefix()
{
    .dropin_readmore.ad:after{
        background-position:0 3px;
    }
}


.forum_thread_name {
    font-weight: 600;
    font-size: 0.8vw;
    text-align: left;
    color: #9b2c31;
    margin-left: 1vw;
}


.forum_thread_name.chevron_right_small:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 0.9vw;
    background: url('/static/img/icons/chevron_right_small.svg?0da89c69db6c') no-repeat;
    background-size: 1.6vw;
    transition: 0.5s;
}


.forum_thread_name.chevron_down_small:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 0.9vw;
    background: url('/static/img/icons/chevron_down_small.svg?0da89c69db6c') no-repeat;
    background-size: 1.6vw;
    transition: 0.5s;
}

.forum_thread_date {
    font-weight: 600;
    font-size: 0.8vw;
}

.forum_thread_date:before {
    content: "";
    display: inline-block;
    width: 1.3vw;
    height: 1.2vw;
    background: url('/static/img/icons/calendar_day.svg?0da89c69db6c') no-repeat;
    background-size: 1.8vw;
    margin-bottom: -0.2vw;
    margin-right: 0.1vw;
}

.forum_thread_date.dark:before {
    background: url('/static/img/icons/calendar_day_white.svg?0da89c69db6c') no-repeat;
    background-size: 1.8vw;
}

.forum_contact_container {
    height: 3.9vw;
    width: 15.6vw;
    margin-top: -1vw;
    /*margin-left: -1vw;*/
}

.home_news .content_container.animated{ 
    min-height: 740px; 
    position: relative;
}
.home_news .block_animation3{
    position: absolute;

    right: 0px;
    padding-right: 4px;
    width: 101%;

    transform: none !important;
}

.news_container {
    position: absolute;

    top: 59vh;
    left: 6vw;

    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    border-left: #8f181b 3px solid;
    width: 39vw;
    height: 48vh;
}

.news_container2 {
    position: absolute;

    top: 59vh;
    right: 5vw;

    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    border-left: #8f181b 3px solid;
    width: 19vw;
}


.news_block {
    background: url('/static/img/main/connection.svg?afe7bb3dbe10') no-repeat;
    /*height: 496px;*/
    font-weight: 600;
    /*font-size: 0.85rem;*/
    font-size: 0.7vw;
    line-height: 120%;
    /*color: #000;*/
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.news_block_text {

}

.news_header  {
    /*height: 7.2vh;*/
    border-bottom: 0.5px solid #707070;
    border-top: 0.5px solid #707070;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
    font-weight: 700;
    font-size: 1vw;
    /*line-height: 2vh;*/
    text-align: left;
    /*color: #000;*/
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    line-height: 2.8vh;
    padding-top: 1.0vw;
    padding-bottom: 1.0vw;
}

.news_intro {
    font-weight: 600;
    /*font-size: 0.75em;*/
    font-size: 0.7vw;
    line-height: normal;
    text-align: left;
    /*color: #000;*/
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    padding-top: 1.0vw;
    padding-bottom: 0.4vw;
}

.news_date {
    font-weight: 600;
    font-size: 0.8vw;
    text-align: left;
    /*color: #000;*/
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    margin-left: 0.6vw;
}

.news_date:before {
    content: "";
    display: inline-block;
    width: 1.3vw;
    height: 1.2vw;
    background: url('/static/img/icons/calendar_day.svg?0da89c69db6c') no-repeat;
    background-size: 1.8vw;
    margin-right: 0.2vw;
    margin-bottom: -0.2vw;
}

.news_date.dark:before {
    background: url('/static/img/icons/calendar_day_white.svg?0da89c69db6c') no-repeat;
    background-size: 1.8vw;
}

.news_details {
    font-weight: 600;
    font-size: 0.8vw;
    text-align: left;
    color: #9b2c31;
    float: right;
    padding-top: 0.1vw;
    margin-right: 1vw;
}

.news_details:after {
    content: "";
    display: inline-block;
    width: 0.5vw;
    height: 0.7vw;
    background: url('/static/img/icons/chevron_right_small.svg?0da89c69db6c') no-repeat;
}


.news_title {
    position: absolute;
    top: -0.4vw;
    right: 0;
    display: inline-block;
    width: 11.5vw;
    height: 2.7vw;
    background: url('/static/img/icons/news_section.svg?0da89c69db6c') no-repeat;
    background-size: 11.5vw;
    text-align: right;
    padding-top: 0.5vw;
    padding-right: 1.6vw;
    color: white;
}

.news_container2 .bg_white{ padding-bottom: 0.6vw; }


.news footer, .new_item_main footer {
    position: static;
}


.quickapp_block {
    position: absolute;
    top: 2vh;
    left: 1vw;
    width: 19vw;
    height: 10vh;
    background: #fff;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
}

.quickapp_underblock {
    position: absolute;
    width: 19vw;
    height: 10vh;
    border: 1px solid #eef0f3;
    z-index: -1;
}

.quickapp_text {
    position: absolute;
    margin-top: 3vh;
    left: 5vw;
    font-weight: 600;
    font-size: 1vw;
    /*line-height: 17px;*/
    /*color: #000;*/
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.quickapp_icon {
    position: absolute;
    z-index: 2;
    top: 4vh;
    left: 2vw;
    width: 3vw;
}

.pallet-with-tow-packages_icon {
    background: url('/static/img/icons/pallet-with-tow-packages.svg?0da89c69db6c') no-repeat;
    background-size: 3vw;
    width: 3vw;
    height: 3vw;
}

.pallet-with-tow-packages_icon.dark {
    background: url('/static/img/icons/pallet-with-tow-packages_white.svg?0da89c69db6c') no-repeat;
}

.bargains_icon {
    background: url('/static/img/icons/bargains.svg?0da89c69db6c') no-repeat;
    background-size: 3vw;
    width: 3vw;
    height: 3vw;
    margin-top: 0.4vw;
}

.bargains_icon.dark {
    background: url('/static/img/icons/bargains_white.svg?0da89c69db6c') no-repeat;
}

.handshake_icon {
    background: url('/static/img/icons/handshake.svg?0da89c69db6c') no-repeat;
    background-size: 3vw;
    width: 3vw;
    height: 3vw;
    margin-top: 0.5vw;
}

.handshake_icon.dark {
    background: url('/static/img/icons/handshake_white.svg?0da89c69db6c') no-repeat;
}

.quickapp_button {
    position: absolute;
    text-align: center;
    left: 35%;
    margin-top: 545px;
    /*width: 364px;*/
    /*height: 53px;*/
    background: #9b2c31;
    filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    font-weight: 600;
    font-size: 0.8vw;
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 0.5em 2em 0.5em 2em;
}

.quickapp_seo_block {
    position: absolute;
    font-weight: normal;
    font-size: 0.4vw;
    text-align: left;
    color: #e0e0e0;
    bottom: 0;
    left: 0;
    line-height: normal;
    height: 14vh;
}

.contacts_block {
    background: #fff;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
}



/*TABLES*/

.window.dark {
    background-color: #101010;
}

.col-table {
    display: table;
}

.table_cell-middle {
    display: table-cell;
    vertical-align: middle;
}

.fa-spinner {
    position: absolute;
    top: 37vh;
    left: 35vw;
    display: none;
    z-index: 10
}

.favorite {
    cursor: pointer;
    position: absolute;
    left: 0.5vw;
    top: 2.5vh;
}

.show_list, .show_details, .show_table {
    border: 0;
    padding: 0.1vw 0.25vw 0.25vw 0.25vw;
    height: 1.5vw;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-block;
    /*font-size: 0.8rem;*/
    font-weight: 600;
    width: 1.5vw;
    top: 3vw;
    position: absolute;
}

.show_list svg, .show_details svg, .show_table svg {
    height: 1vw;
    width: 1vw;
}

.show_list, .show_details {
    left: 1.5vw;
}

.show_list {
    display: none;
}

.show_table {
    left: 3.5vw;
}

.show_table.active {
    background-color: #000;
}
.show_table.active path {
    fill: #fff;
}

.table_header {
    height: 6.4vh;
    font-weight: 600;
    font-size: 0.8vw;
    /*box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);*/
}

.table_content {
    /*height: 64vh;*/
    height: 75vh;
    overflow-y: scroll;
    overflow-x: hidden;
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16) inset;*/
}

.table_content_cargo, .table_content_transport, .table_content_warehouse {
    /*overflow-x: hidden;*/
    overflow-y: scroll;
    position: absolute;
    width: 74.8vw;
    margin-top: 1.4vw;
}

.table_header div {
    /*padding: 1.5vh 0 0 0;*/
    line-height: normal;
}

.filter_tab {
    height: 3vh;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.filter_tab.active {
    background: #fff;
}

.saved_filters {
    box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.16) inset;
}

.destination_flag {
    width: 10%;
    display: inline-block;
}
.destination_flag .flag {
    position: absolute;
    top: 1vh;
}

.destination {
    width: 75%;
    display: inline-block;
}
.destination h5 {
    font-size: 0.8vw;
    font-weight: 600;
    line-height: normal;
}

.destination h6 {
    font-size: 0.5vw;
    font-weight: 600;
    line-height: normal;
}

.pagination {
    /*position: fixed;*/
    /*margin-bottom: 1vw;*/
    /*margin-left: 41vw;*/
    background-color: rgba(238,240,242,0.5);
    height: 2.6vw;
}
.page_input {
    position: absolute;
    top: 2vh;
    left: 55vw;
}

.page_num {
    background: #fff;
    filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
    display: inline-block;
}

.options_btn {
    height: 1.6vw;
    background: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-block;
    font-size: 0.7vw;
    font-weight: 600;
    margin-right: 0.4vw;
    text-align: left;
    padding-right: 1vw;
    padding-left: 1vw;
}
.options_btn_red {
    height: 1.6vw;
    color: #fff;
    background: #9b2c31;
    /*box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);*/
    display: inline-block;
    font-size: 0.7vw;
    font-weight: 600;
    margin-right: 0.4vw;
    text-align: left;
    padding-right: 1vw;
    padding-left: 1vw;
}

.row_details_btn {
    width: 12vw;
}

.table_header div {
    /*margin-top: auto;*/
    /*margin-bottom: auto;*/
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}

.sort {
    display: table;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.8vw;
    /*display: inline-block;*/
    /*width: 80%;*/
    height: 4vh;
    width: 100%;
    margin-top: 1vh;
    /*border-left: #707070 solid 0.5px;*/
    transition: 0.3s;
}

.sort:hover {
    color: #707070;
}


.sort span {
    display: table-cell;
    vertical-align: middle;
}

.sort span:after {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 2.3vh;
    background: url('/static/img/icons/sort.svg?19378c3c8745') no-repeat;
    background-size: 1.1vw;
    position: absolute;
    /*margin-left: 0.3vw;*/
    margin-left: 0.1vw;
    margin-top: -0.4vh;
}


.row_item {
    height: 7.5vh;
    font-size: 0.729vw;
}

.row_details.show {
    /*border-bottom: 1px solid #707070;*/
}

.carousel-indicators li {
    height: 0.25rem;
    background-color: #000;
    opacity: 0.2;
}

.table_col {
    padding: 1vh;
}

.border_left {
    border-left: #707070 solid 1px;
}

.border_bottom {
    border-bottom: 1px solid #707070;
}

.border_top {
    border-top: 1px solid #707070;
}


.build_route_btn {
    display: block;
    height: 30px;
    background: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.build_route_btn:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 24px;
    background: url('/static/img/icons/build_route.svg?0da89c69db6c') no-repeat;
}


.tools_row {
    /*box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.16) inset;*/
    height: 5.2vw;
}

.buttons_block {
    margin-top: 1vh;
    margin-right: 19.3vw;
}

/*.filter_tab {*/
    /*background: #eef0f2;*/
    /*box-shadow: 10px 0 6px rgba(0, 0, 0, 0.16) inset;*/
/*}*/

.close_tab {
    position: absolute;
    right: 0;
    cursor: pointer;
    width: 1.5vw;
    top: 0.4vh;
}

.window {
    width: 74.8vw;
    height: 82vh;
}

.window.full, .sidebar.full {
    width: 100vw;
}

.sidebar.full div {

}

.sidebar {
    width: 25.2vw;
    border-top: rgba(58, 58, 58, 0.5) 1vh solid;
    height: 82vh;
    padding-left: 1vw;
    padding-right: 1vw;
    box-sizing:border-box;
}

.sidebar_section, .section_header {
    border-bottom: 1px solid #9b2c31;
    padding: 0.25em;
    cursor: pointer;
}

.sidebar_btn {
    position: absolute;
    text-align: left;
    width: 8vw;
    height: 1.6vw;
    background: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    font-weight: 600;
    font-size: 0.729vw;
    color: #9b2c31;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    line-height: 1.6vw;
}

.sidebar_btn:before {
    content: "";
    margin: 5px 5px 10px 10px;
    display: inline-block;
    width: 1vw;
    height: 1vw;
    vertical-align: middle;
    /*margin-left: 1vw;*/
    background: url('/static/img/icons/Red_Filter.svg?0da89c69db6c') no-repeat;
    background-size: 0.9vw;
    float: left;
    margin-right: 0.6vw;
}

.sidebar_btn.active {
    position: absolute;
    text-align: left;
    width: 8vw;
    height: 1.6vw;
    background: #9b2c31;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: block;
    font-weight: 600;
    font-size: 0.8vw;
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    line-height: 1.6vw;
}

.sidebar_btn.active:before {
    content: "";
    /*margin: 5px 5px 10px 10px;*/
    display: inline-block;
    width: 1vw;
    height: 1vw;
    vertical-align: middle;
    /*margin-left: 1vw;*/
    background: url('/static/img/icons/White_Filter.svg?0da89c69db6c') no-repeat;
    background-size: 0.9vw;
    float: left;
    margin-right: 0.6vw;
}

.save_filter, .save_template {
    cursor: pointer;
    width: 8.7vw;
    height: 1.6vw;
    background: #23b54a;
    font-weight: 600;
    font-size: 0.625vw;
    text-align: left;
    color: #fff;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    /*padding-left: 0.2vw;*/
    padding-right: 0;
    line-height: 1.6vw;
    position: absolute;
    display: inline-block;
    right: 0.8vw;
}

.save_filter:before, .save_template:before {
    content: "";
    /*margin: 5px 5px 10px 10px;*/
    display: inline-block;
    width: 1vw;
    height: 1vw;
    vertical-align: middle;
    background: url('/static/img/icons/save.svg?19378c3c8745') no-repeat;
    background-size: 0.8vw;
    margin-left: 0.7vw;
    margin-right: 0.2vw;
}

.filter_name {
    display: block;
    width: 100%;
    height: 1.6vw;
    padding: 0.3vh 0.5vw 0 0.5vw;
    font-size: 0.7vw;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    /*background-color: #fff;*/
    background-clip: padding-box;
    border: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.filter input[type='text'] {
    height: 30px;
    padding: 0 0.75rem;
}

.clear_input {
    cursor: pointer;
    background-color: #585858!important;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    width: 1.6vw;
    height: 1.6vw;
    padding: 0.4vw;
    background: url('/static/img/icons/cross.svg?0da89c69db6c') no-repeat center;
    background-size: 0.5vw;
    z-index: 1;
}

.clear_input img {
    width: 100%;
    text-align: center;
}

.item_details_container {
    padding: 30px;
    /*height: 180px;*/
    height: 100%;
    background: #eef0f2;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    font-weight: 600;
    font-size: 0.8vw;
    text-align: left;
}




/*MAPS*/
#myMap {
    color: #000;
}

#myMap:before {
    box-shadow: 7px 7px 6px rgba(0, 0, 0, 0.16) inset;
    content: '';
    position: absolute;
    width: 1vw;
    height: 100%;
    z-index: 1;
}

#myMap:after {
    box-shadow: -4px 7px 6px rgba(0, 0, 0, 0.16) inset;
    content: '';
    position: absolute;
    width: 100%;
    height: 1vw;
    z-index: 1;
    margin-left: 1vw;
}

.map_filters {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 10;*/
}

.map_menu {
    font-size: 0.8vw;
    position: absolute;
    /*top: 1vh;*/
    /*left: 1vw;*/
    z-index: 10;
    display: none;
    padding: inherit;
    width: 10vw;
    /*text-align: center;*/
}


.map_menu p {
    padding-left: 0.52vw;
}

.map_sidebar_add_header {
    cursor: pointer;
    height: 6.5vh;
    width: 25.2vw;
    position: absolute;
    color: white;
    z-index: 10;
    display: none;
}


.map_sidebar_options {
    height: 6.4vh;
    /*background: #e9e9e9;*/
    opacity: 0.89;
    filter: drop-shadow(10px 7px 10px rgba(0, 0, 0, 0.16));
}

.map_sidebar_option {
    font-size: 0.6vw;
    /*padding-top: 2.5vh;*/
}

.map_sidebar_option.active, .map_sidebar_options.active {
    border-bottom: 3px #9b2c31 solid;
    background: #fff;
}

.map_sidebar_option.dark.active, .map_sidebar_options.dark.active {
    background: #2a2b31;
}


.map_sidebar_option.active div {
    border-left: 0;
    border-right: 0;
}

.map_sidebar_option.active + .map_sidebar_option div {
    border-left: 0;
    border-right: 0;
}


.map_table_tabs .col {
    cursor: pointer;
    transition: 0.5s;
} 

.map_table_tabs  .col.active {
    border-bottom: 3px #9b2c31 solid;
}

.map_table .table_content {
    margin-top: 1.4vw;
}

.route_steps {
    font-size: 12px;
}

/*Dropins*/
.add_dropin_btn:after {
    content: "";
    margin: 5px 5px 10px 10px;
    display: inline-block;
    width: 30px;
    height: 15px;
    vertical-align: middle;
    color: #fff;
    background: url('/static/img/icons/check.svg?0da89c69db6c') no-repeat;
}

.dropin_user {
    margin-top: 0.6vw;
}

.dropin_user:before {
    content: '';
    display: inline-block;
    background: url('/static/img/icons/user_small.svg?19378c3c8745') no-repeat;
    width: 1.5vw;
    height: 1.4vw;
    background-size: 1vw;
    vertical-align: middle;
}

.dropin_user.dark:before {
    background: url('/static/img/icons/user_small_white.svg?19378c3c8745') no-repeat;
}

.dropin_mail:before {
    content: '';
    display: inline-block;
    background: url('/static/img/icons/envelope.svg?0da89c69db6c') no-repeat;
    width: 1.5vw;
    height: 0.7vw;
    background-size: 1vw;
    vertical-align: middle;
}


.dropin_mail {
     margin-top: 0.5vw;
}

.dropin_mail.dark:before {
    background: url('/static/img/icons/envelope_white.svg?0da89c69db6c') no-repeat;
}

.carousel-chevron-left:before {
    content: '';
    display: inline-block;
    background: url('/static/img/icons/chevron-thin-right.svg?0da89c69db6c') no-repeat;
    width: 2vw;
    height: 3vw;
    background-size: 2vw;
    transform: scaleX(-1);
}

.carousel-chevron-right:before {
    content: '';
    display: inline-block;
    background: url('/static/img/icons/chevron-thin-right.svg?0da89c69db6c') no-repeat;
    width: 2vw;
    height: 3vw;
    background-size: 2vw;
}

.carousel-chevron-left.dark:before, .carousel-chevron-right.dark:before {
    background: url('/static/img/icons/chevron-thin-right_white.svg?0da89c69db6c') no-repeat;
}

.carousel-indicators.dark li {
    background-color: #fff;
    opacity: 0.2;
}

.carousel-indicators.dark.active li {
    background-color: #fff;
    opacity: 1;
}




.pointer {
    cursor: pointer;
}


a {
    color: inherit;
    transition: 0.3s;
    cursor: pointer;
    font-weight: bold;
}

a:hover {
    color: darkgrey;
    text-decoration: none;
}


/*INPUTS */

input {
    cursor: text;
}

input::placeholder, .form-control::placeholder {
    font-size: 0.6vw;
    color: #585858;
}

.input-daterange input:last-child, .input-group > .form-control:not(:last-child) {
    border-radius: 0;
}
.input-group {
    border-radius: 0;
}

.input-group-append {
    z-index: 1;
}

option {
    cursor: pointer;
}

.input-group-text {
    border-radius: 0;
    border: 0;
}

.filter_input, .transportation_date, .route_input, .input-css, #duration  {
    cursor: text;
    display: inline-block;
    border-radius: 0;
    color: #585858;
    height: 1.6vw;
    font-size: 0.633vw;
    font-weight: 600;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    /*border: 1px solid #aaa;*/
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

input.dark, .options_btn.dark, .inputfile-css.dark, .new_item_container.dark, .registration_container.dark, .inputfile-document.dark, .label-plus.dark, .label-img.dark, .textarea-css.dark, .select-css.dark, .filter_input.dark, .transportation_date.dark, .route_input.dark, .input-css.dark, .input-group-append.dark, #duration.dark {
    /*box-shadow: 5px 3px 6px rgba(255, 255, 255, 0.16);*/
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.3);
    /*background-color: #000;*/
    background-color: #0c0c0c!important;
    color: #bfc4d2;
}


.input-emaillist {
    width: 9vw;
}

::placeholder  {
    color: #585858;
    opacity: 1;
}

.cargo_bid {
    width: 5vw;
}


.input-register {
    cursor: pointer;
    display: inline-block;
    border: 0;
    border-radius: 0;
    color: #585858;
    height: 30px;
    font-size: 0.875rem;
    font-weight: 600;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}


.workhours_time {
    cursor: pointer;
    display: inline-block;
    border-radius: 0;
    color: #585858;
    height: 30px;
    font-size: 12px;
    font-weight: 600;
    padding: .6em 1.4em .5em .8em;
    width: 8em;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    /*border: 1px solid #aaa;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

/*.workhours_time {*/
    /*cursor: pointer;*/
    /*display: inline-block;*/
    /*border-radius: 0;*/
    /*color: #585858;*/
    /*height: 30px;*/
    /*font-size: 0.6vw;*/
    /*font-weight: 600;*/
    /*padding: .6em 1.4em .5em .8em;*/
    /*max-width: 100%;*/
    /*box-sizing: border-box;*/
    /*margin: 0;*/
    /*border: 1px solid #aaa;*/
    /*-moz-appearance: none;*/
    /*-webkit-appearance: none;*/
    /*appearance: none;*/
    /*background-color: #fff;*/
    /*box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);*/
/*}*/

.textarea-css {
    cursor: text;
    display: block;
    color: #585858;
    /*font-size: 12px;*/
    font-size: 0.625vw;
    font-weight: 600;
    padding: 0.5vw 0.5vw 0.5vw 1vw;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    /*border: 1px solid #aaa;*/
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.inputfile-css, .inputfile-document, .inputfile-chat {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}


.inputfile-chat + label {
    position: absolute;
    bottom: 0;
    left: 2.5vw;
    margin-bottom: 0;
}

.inputfile-chat + label:after {
    content: '';
    cursor: pointer;
    display: inline-block;
    background: url('/static/img/icons/attachment.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
    height: 1vw;
    width: 1vw;
}


.inputfile-document + label:after {
    cursor: pointer;
    background: #23b54a url("/static/img/icons/align-top.svg?0da89c69db6c") no-repeat 0.5em;
    background-size: 0.7vw;
    color: #fff;
    content: "";
    width: 1.6vw;
    height: 1.6vw;
    display: inline-block;
    font-size: 1.5em;
    float: right;
    margin-left: 0.3vw;
    margin-top: -0.7vh;
}

.inputfile-css + label:after {
    content: 'Выберите файл(ы)';
    width: 9vw;
    text-align: center;
    height: 100%;
    background: #23B54A  center left 10px url('/static/img/icons/align-top.svg?0da89c69db6c') no-repeat;
    float: right;
    color: #fff;
    padding-top: 0.3rem;
    font-size: 0.6vw;
    background-size: 1vw;
    line-height: 1vw;
}

.inputfile-css + label, .inputfile-document + label {
    cursor: pointer;
    height: 1.6vw;
    /*color: #000;*/
    background-color: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    width: 100%;
    line-height: 1vw;
}


/*.inputfile-css + label:before {*/
    /*content: '';*/
    /*width: 50%;*/
    /*display: inline-block;*/
    /*height: 30px;*/
    /*background-color: #fff;*/
/*}*/

.inputfile-css:focus + label,
.inputfile-css + label:hover {
    background-color: lightslategray;
}


.select-css, .select_country, .select_city {
    cursor: pointer;
    border-radius: 0;
    display: block;
    color: #585858;
    height: 1.6vw;
    font-size: 0.6vw;
    font-weight: 600;
    padding: 0 0.5vw 0 0.5vw;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url('/static/img/icons/chevron_down_small.svg?0da89c69db6c') no-repeat right 0.3vw;
    background-size: 1.5vw;
    background-color: #fff;
    background-position-x: 101.2%;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}


/*.select_date .select-css {*/
    /*background: url('/static/img/icons/chevron_down_small.svg?0da89c69db6c') no-repeat right 0.3vw;*/
/*}*/

.select-css option {
    width: 10vw;
}

.cargo_main_params .select_country, .cargo_main_params .select_city {
    width: 85%;
}


.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    /*box-shadow: 0 0 0 3px -moz-mac-focusring;*/
    color: #222;
    outline: none;
}
.select-css option {
    font-weight:normal;
}

.select-landing {
    cursor: pointer;
    border: 0;
    border-bottom: 1px solid #9b2c31;
    border-radius: 0;
    display: block;
    height: 40px;
    font-size: 1vw;
    font-weight: 600;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url('/static/img/icons/chevron-thin-down.svg?0da89c69db6c') no-repeat right;
    background-size: 2vw;
    padding-left: 1vw;
    padding-bottom: 1vh;
}

.select-landing.dark {
    background: url('/static/img/icons/chevron-thin-down_white.svg?0da89c69db6c') no-repeat right;
}

.select-landing::placeholder {
    color: #000;
    font-size: 1vw;
}

.select-landing.dark::placeholder {
    color: #bfc4d2;
    font-size: 1vw;
}

.country_option {
    font-size: 0.8vw;
    font-weight: 600;
}

.select-curr {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 1.2vw;
    font-weight: 600;
    box-sizing: border-box;
    background: #9b2c31 url('/static/img/icons/chevron_down_white.svg?0da89c69db6c') no-repeat;
    background-size: 1.3vw;
    background-position-x: 0.9vw;
    background-position-y: 0.9vh;
    width: 1.6vw;
    height: 1.6vw;
    color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    margin-left: -0.2vw;
}

.home-courses{ margin-top: 1vh; position: absolute; }

.select-curr-landing {
    cursor: pointer;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 1.8vw;
    font-weight: 600;
    box-sizing: border-box;
    background: #9b2c31 url('/static/img/icons/chevron_down_white.svg?0da89c69db6c') no-repeat;
    background-size: 2vw;
    background-position-x: 1.2vw;
    background-position-y: 0.9vw;
    width: 2.2vw;
    height: 2.2vw;
    color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);*/
    margin-left: -0.2vw;
}

.select-curr-landing.style-for-select{
    position: absolute;
    top:-0.9vw;
    background-position-y: 0.7vw;
    background-position-x: 1.3vw;
    width: 2.3vw;
}

.select-curr-landing.style-for-select.select-last{
   left: 6.25vw;
    background-position-y: 0.8vw;
    background-position-x: 1.4vw;
}

.select-curr-bid {
    cursor: pointer;
    border: 0;
    margin-left: -0.2vw;

    background: #fff url('/static/img/icons/chevron_down_small.svg?0da89c69db6c') no-repeat;
    background-size: 1.5vw;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-position-x: 0.6vw;
    background-position-y: 0.5vw;
    height: 1.6vw;
    width: 1.5vw;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.select-page {
    padding-left: 0.5vw;
    width: 3vw;
    cursor: pointer;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 600;
    box-sizing: border-box;
    background: #fff url('/static/img/icons/chevron_down_small.svg?0da89c69db6c') no-repeat right 0.5rem;
    /*background-size: 2.5rem;*/
    height: 30px;
    color: #000;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}


/*Slider*/
.irs--modern .irs-bar {
    background: linear-gradient(to bottom, #9b2c31 0%, #9b2c31 100%);
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
    /*background-color: #9b2c31;*/
    background-color: #fff;
    color: black;
    border: #9b2c31 1px solid;
    cursor: pointer;
}

.from:before {
    cursor: pointer;
    content: "";
    margin: 5px 5px 10px 15px;
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
    vertical-align: middle;
    background: url('/static/img/icons/slider_from.svg?19378c3c8745') no-repeat;
    background-size: 0.7vw;
}

.to:before {
    cursor: pointer;
    content: "";
    margin: 5px 5px 10px 15px;
    display: inline-block;
    width: 1.6vw;
    height: 1.6vw;
    vertical-align: middle;
    background: url('/static/img/icons/slider_to.svg?19378c3c8745') no-repeat;
    background-size: 0.7vw;
}

.feedback_star {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.2vw;
    margin-left: -0.1vw;
    background: url('/static/img/icons/star_empty.svg?19378c3c8745') no-repeat;
    background-size: 1.2vw;
}

.feedback_star.dark {
    background: url('/static/img/icons/star_empty_white.svg?19378c3c8745') no-repeat;
    background-size: 1.2vw;
}

.feedback_star.active_star, .feedback_star.selected_star {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.2vw;
    margin-left: -0.1vw;
    background: url('/static/img/icons/star_full.svg?19378c3c8745') no-repeat;
    background-size: 1.2vw;
}

.highlight {
    transition: 0.3s;
    cursor: pointer;
}

.dark.highlight:hover {
    background-color: #292727;
}

.highlight:hover {
    /*background-color: #292727;*/
    /*color: #fff;*/
    background-color: #eef0f2;
}

.my_item {
    /*background-color: #abdde5;*/
    background-color: #d6d8e4;
}

.my_item.dark {
    background-color: #2a2b31;
}

.transition_short {
    transition: 1s;
}

.section_toggle, .filter_toggle {
    cursor: pointer;
}

.drop_menu {
    width: 90%;
    display: none;
    position: absolute;
    max-height: 300px;
    overflow-y: scroll;
    z-index: 5;
    border: 0.5px solid gray;
    background-color: white;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 2px 2px 10px;
}


/*Chats*/

.notification {
    position: fixed;
    bottom: 2vh;
    left: 45%;
    color: #9b2c31;
    font-size: 0.8vw;
    font-weight: bold;
    display: none;
}

.chat_container {
    position: fixed;
    bottom: 0;
    right: 18.2vw;
    height: 26vw;
    width: 26vw;
    display: none;
    z-index: 1000;

    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.chat_container.shift, .chat_container_toggle.shift, .chat_templates.shift, .chat_templates_close.shift {
    transform: translateX(16.6vw);
}

.chat_container_toggle {
    cursor: pointer;
    position: fixed;
    right: 16.6vw;
    bottom: 21.5vw;
    height: 4.5vw;
    width: 1.6vw;
    z-index: 1001;
    display: none;

    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
}


.chat_container_toggle.chevron_right:before {
    background: url('/static/img/icons/chevron-thin-down.svg?0da89c69db6c') center no-repeat;
    background-size: 3vw;
    transform: rotate(-90deg);
    content: "";
    display: inline-block;
    width: 2.5vw;
    height: 4vw;
    vertical-align: middle;
    margin-left: -0.2vw;
}

.chat_container_toggle.dark:before {
    background: url('/static/img/icons/chevron-thin-down_white.svg?0da89c69db6c') center no-repeat;
    background-size: 3vw;
}

.chat_contacts_container {
    position: fixed;
    bottom: 0;
    /*right: 1vw;*/
    right: -15.6vw;
    height: 26vw;
    width: 15.6vw;
    z-index: 1000;

    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.chat_contacts_container.show,  .chat_contacts_container_toggle.show {
    transform: translateX(-16.6vw);
}

.chat_contacts_container_toggle.unvisible{ opacity: 0 }
.chat_container.invisible{ opacity: 0 }
.chat_container_toggle.invisible{ opacity: 0 }

.chat_contacts_container .nav-link {
    height: 2.6vw;
    padding: 0;
}

.chat_contacts_container a {
    display: table;
}

.chat_highlight {
    background-color: yellow;
}

.chat_filename {
    position: absolute;
    left: 5vw;
    width: 15vw;
    bottom: 0.3vw;
    font-size: 0.729vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tab_contacts {
    background: url('/static/img/icons/user_small.svg?19378c3c8745') center no-repeat;
    background-size: 1.2vw;
}
.tab_contacts.dark {
    background: url('/static/img/icons/user_small_white.svg?19378c3c8745') center no-repeat;
}

.tab_help  {
    background: url('/static/img/icons/help.svg?0da89c69db6c') center no-repeat;
    background-size: 1.2vw;
}
.tab_help.dark {
    background: url('/static/img/icons/help_white.svg?0da89c69db6c') center no-repeat;
}

.tab_favorite {
    background: url('/static/img/icons/black_star.svg?0da89c69db6c') center no-repeat;
    background-size: 1.2vw;
}
.tab_favorite.dark {
    background: url('/static/img/icons/white_star.svg?19378c3c8745') center no-repeat;
}

.chat_tab.active {
    border-bottom: 3px solid #9b2c31;
}


.chat_contacts_container.tab_img {
    display: table-cell;
    vertical-align: middle;
}

.chat_contacts_container_toggle {
    cursor: pointer;
    position: fixed;
    /*right: 0;*/
    right: -16.6vw;
    width: 1vw;
    height: 3vw;
    bottom: 22.97vw;
    z-index: 1000;
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.chat_contacts_container_toggle.chevron_right:before {
    background: url('/static/img/icons/chevron-thin-down.svg?0da89c69db6c') center;
    background-size: 2vw;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    content: "";
    display: inline-block;
    width: 1.5vw;
    height: 2.5vw;
    vertical-align: middle;
}

.chat_contacts_container_toggle.dark:before {
    background: url('/static/img/icons/chevron-thin-down_white.svg?0da89c69db6c') center;
    background-size: 2vw;
    transform: rotate(-89deg);
}

.chat_chevron {
    transition: 0.5s;
    position: absolute;
    right: 0.5vw;
    bottom: 0.3vh;
    width: 1.5vw;
    height: 1vw;
    background: url('/static/img/icons/chevron-thin-down.svg?0da89c69db6c') no-repeat;
    background-size: 1.5vw;
}

.chat_chevron_up {
    transform: rotate(180deg);
    background-size: 1.5vw;
}

.chat_chevron_up.dark, .chat_chevron.dark {
    background: url('/static/img/icons/chevron-thin-down_white.svg?0da89c69db6c') no-repeat;
    background-size: 1.5vw;
}

.user_status {
    position: absolute;
    bottom: 0;
    left: 1vw;
    top: 0.5vh;
    z-index: 1;
    font-size: 0.625vw;
}

.user_status_icon {
    width: 0.5vw;
    height: 0.5vw;
    position: absolute;
    background-color: red;
    border-radius: 50%;
    left: 2vw;
    top: 0.7vh;
}


.user_status_icon.online {
    background-color: #28a745;
}

.contact_status_icon {
    width: 0.5vw;
    height: 0.5vw;
    position: absolute;
    background-color: red;
    border-radius: 50%;
    right: 0.3vw;
    bottom: 0.5vw;
}

.contact_status_icon.online {
    background-color: #28a745;
}




.message_count {
    position: absolute;
    top: 0.5vh;
    left: 3vw;
    font-size: 0.7vw;
}

.cargo_card {
    width: 90%;
    margin-right: 0;
    box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
}

.chat_header {
    height: 4.5vw;
    width: 100%;
    opacity: 0.9;
    box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
}


.chat_templates {
    position: fixed;
    bottom: 0;
    right: 45.4vw;
    height: 26vw;
    width: 18.2vw;
    z-index: 1000;
    display: none;
}

.chat_templates_close {
    cursor: pointer;
    position: fixed;
    width: 1.3vw;
    height: 1.7vw;
    right: 44.15vw;
    bottom: 24.3vw;
    z-index: 1001;
    display: none;
}

.chat_templates_close.chevron_right:before {
    background: url('/static/img/icons/chevron-thin-down.svg?0da89c69db6c') center no-repeat;
    background-size: 1vw;
    transform: rotate(-90deg);
    content: "";
    display: inline-block;
    width: 1.5vw;
    height: 1.6vw;
    vertical-align: middle;
}

.chat_templates_close.dark:before {
    background: url('/static/img/icons/chevron-thin-down_white.svg?0da89c69db6c') center no-repeat;
    background-size: 1vw;
}

.chat_templates_header {
    width: 100%;
    height: 1.6vw;
    padding: 0.5vw;
    box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
}

.chat_templates_body {
    height: 24.4vw;
    padding: 1vw 1vw 3vw 1vw;
    /*overflow-y: auto;*/
    box-shadow: 0px 7px 6px rgba(0, 0, 0, 0.16) inset;
}

.chat_templates_body div {
    line-height: 1vw;
}

#chat_notification {
    position: fixed;
    bottom: 1vh;
    right: 1vw;
    width: 20vw;
    z-index: 50;
    height: 20vh;
    overflow-y: hidden;
    display: none;
    background: #fff;
    filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
    padding: 0.5vw;
}

.chat_user {
    height: 3.9vw;
    /*background: #fff;*/
    opacity: 0.89;
    filter: drop-shadow(10px 7px 10px rgba(0, 0, 0, 0.16));
    margin-bottom: 0.5vw;
}

.chat_user:hover {
    /*color: darkgrey;*/
    background-color: #707070!important;
}

.chat_user.active {
    background-color: #707070!important;
    /*opacity: 1;*/
}


.user_circle {
    width: 3.9vw;
    height: 3.9vw;
    border-radius: 50%;
    background: #585858;
    filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
    padding: 1vw 1.5vw 1vw 1.5vw;
    color: #fff;
    display: inline-block;
    font-size: 1.2vw;
}


.chat_body {
    overflow-y: scroll;
    /*scrollbar-width: none;*/
    /*-ms-overflow-style: none; */
    height: 10.7vw;
    width: 100%;
    /*filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));*/
    padding: 1vw;
    font-size: 0.7vw;
}

/*.chat_body::-webkit-scrollbar {*/
    /*display: none; !* Chrome Safari *!*/
/*}*/

.chat_search {
    /*position: absolute;*/
    /*top: 15.2vw;*/
    height: 1.6vw;
    padding-left: 1vw;
}
.chat_search_input {
    border: 0;
    background-color: transparent;
    padding-left: 1vw;
}
.chat_search_input:focus {
    outline: 0;
}
.chat_search_input::-webkit-input-placeholder {
    font-size: 0.633vw;
    font-weight: 600;
}

.select_occurence_up:before {
    background: url("/static/img/icons/chevron-thin-down.svg?0da89c69db6c") no-repeat;
    background-size: 1vw;
    width: 1vw;
    height: 0.5vw;
    content: '';
    transform: rotate(180deg);
    display: inline-block;
}


.select_occurence_up.dark:before, .select_occurence_down.dark:before {
    background: url("/static/img/icons/chevron-thin-down_white.svg?0da89c69db6c") no-repeat;
    background-size: 1vw;
}


.select_occurence_down:before {
    background: url("/static/img/icons/chevron-thin-down.svg?0da89c69db6c") no-repeat;
    background-size: 1vw;
    width: 1vw;
    height: 0.5vw;
    content: '';
    display: inline-block;
}

.clear_search {
    cursor: pointer;
    margin-left: 0.5vw;
}

.clear_search:before {
    background: url("/static/img/icons/cross_black.svg?0da89c69db6c") no-repeat;
    background-size: 0.5vw;
    width: 0.5vw;
    height: 0.55vw;
    content: '';
    display: inline-block;
}

.clear_search.dark:before {
    background: url("/static/img/icons/cross.svg?0da89c69db6c") no-repeat;
    background-size: 0.5vw;
}


.chat_toggle {
    width: 6vw;
    height: 3vh;
    opacity: 0.9;
    filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: center;
    z-index: 1000;
}


.chat_input {
    height: 7.3vw;
    padding-top: 0.5vw;
    width: 100%;
    overflow-y: scroll;
    scrollbar-width: none;
    font-size: 0.7vw;
    border-top: #1d53e6 1px solid;
    border-bottom: #1d53e6 1px solid;
}

.chat_input::-webkit-scrollbar {
    display: none; /* Chrome Safari */
}



.chat_footer {
    height: 1.6vw;
    width: 100%;
}

.chat_message {
    box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
    margin-bottom: 0.5vw;
    width: 70%;
    font-size: 0.625vw;
    font-weight: 600;
}

.my_chat_message {
    box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
    margin-top: 10px;
    width: 70%;
    margin-left: 30%;
    font-size: 0.8rem;
    font-weight: 600;
}


.message_date {
    text-align: center;
    margin-top: 1vw;
    margin-bottom: 1vw;
    height: 2vw;
    padding-top: 0.5vw;
}

.message_time {
    text-align: right;
    color: #9b2c31;
    font-weight: 600;
    font-size: 0.8rem;
}


.favorite_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background-image: url('/static/img/icons/favorite.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    margin-top: 0.1vw;
    margin-right: 0.5vw;
}

.favorite_icon.dark:before {
    background-image: url('/static/img/icons/favorite_white.svg?0da89c69db6c');
}


.favorite_white:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background-image: url('/static/img/icons/favorite_white.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    margin-top: 0.1vw;
    margin-right: 0.5vw;
}

.list_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 2.7vh;
    background-image: url('/static/img/icons/list.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.1vw;
    margin-right: 0.5vw;
}

.list_icon.dark:before {
    background-image: url('/static/img/icons/list_white.svg?0da89c69db6c');
}

.cargo_icon:before {
    content: "";
    display: inline-block;
    width: 1.6vw;
    height: 2.7vh;
    background-image: url('/static/img/icons/Cargo.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
}

.cargo_icon.dark:before {
    background-image: url('/static/img/icons/Cargo_white.svg?0da89c69db6c');
}

.transport_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 2.7vh;
    /*color: #fff;*/
    background-image: url('/static/img/icons/Transport.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-right: 0.5vw;
    /*margin-left: 0.4vw;*/
}

.transport_icon.dark:before {
    background-image: url('/static/img/icons/Transport_white.svg?0da89c69db6c');
}


.warehouse_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 2.7vh;
    /*color: #fff;*/
    background-image: url('/static/img/icons/Warehouse.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-right: 0.5vw;
    /*margin-left: 0.4vw;*/
}

.warehouse_icon.dark:before {
    background-image: url('/static/img/icons/Warehouse_white.svg?0da89c69db6c');
}

.backward_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/backward.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
}

.backward_white:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/backward_white.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    margin-right: 0.6vw;
}


.sms_icon:before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    color: #fff;
    background-image: url('/static/img/icons/sms.svg?19378c3c8745');
    background-size: 1.5em 1.5em;
    background-repeat: no-repeat;
    /*margin: 0.25rem 0.5rem -0.25rem 0.5rem;*/
    vertical-align: middle;
}

.import_icon:before {
    content: "";
    display: inline-block;
    width: 0.8vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/import.svg?0da89c69db6c');
    background-size: 0.8vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    /*margin-left: 0.5vw;*/
    margin-right: 0.6vw;
}

.add_btn {
    cursor: pointer;
    background: #23b54a url("/static/img/icons/plus.svg?0da89c69db6c") no-repeat center;
    background-size: 0.7vw;
    color: #fff;
    content: "";
    width: 1.6vw;
    height: 1.6vw;
    display: inline-block;
    font-size: 1vw;
    /*float: right;*/
    position: absolute;
    right: 0;
}

.add_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/add.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    margin-right: 0.6vw;
}

.add_white:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/plus_white.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
}

.print_btn {
    /*width: 6vw;*/
}

.print_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    /*color: #fff;*/
    background-image: url('/static/img/icons/Print.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    /*margin-left: 0.4vw;*/
    margin-right: 0.4vw;
}

.print_icon.dark:before {
    background-image: url('/static/img/icons/Print_white.svg?0da89c69db6c');
}

.feather_icon:before {
    content: "";
    display: inline-block;
    width: 0.8vw;
    height: 1vw;
    color: #fff;
    background: url('/static/img/icons/feather.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
    float: left;
    vertical-align: middle;
    /*margin-left: 0.5vw;*/
    margin-right: 0.6vw;
}

.feather_icon.dark:before {
    background: url('/static/img/icons/feather_white.svg?0da89c69db6c') no-repeat;
}

.graph_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background: url('/static/img/icons/area-graph.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
    float: left;
    vertical-align: middle;
    /*margin-left: 0.5vw;*/
    margin-right: 0.5vw;
}

.graph_icon.dark:before {
    background: url('/static/img/icons/area-graph_white.svg?0da89c69db6c') no-repeat;
}

.route_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background: url('/static/img/icons/route.svg?19378c3c8745') no-repeat;
    background-size: 1vw;
    float: left;
    vertical-align: middle;
    /*margin-left: 0.5vw;*/
    margin-right: 0.5vw;
}

.route_icon.dark:before {
    background: url('/static/img/icons/route_white.svg?19378c3c8745') no-repeat;
}

.chat_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/item_chat.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-right: 0.5vw;
}


.volume_off:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/static/img/icons/volume_off.svg?19378c3c8745) no-repeat center;
    background-size: 70%;
}

.volume_off.dark:before {
    background: url(/static/img/icons/volume_off_white.svg?19378c3c8745) no-repeat center;
    background-size: 70%;
}

.volume_on:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url('/static/img/icons/volume_on.svg?19378c3c8745') no-repeat center;
    background-size: 70%;
}

.volume_on.dark:before {
    background: url('/static/img/icons/volume_on_white.svg?19378c3c8745') no-repeat center;
    background-size: 70%;
}

.phone_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/item_phone.svg?0da89c69db6c');
    background-size: 0.8vw;
    background-repeat: no-repeat;
    float: left;
    margin-right: 0.3vw;
    margin-left: 0.2vw;
}

.mail_icon:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.7vh;
    color: #fff;
    background-image: url('/static/img/icons/mail_white.svg?0da89c69db6c');
    background-size: 1.7vw;
    background-repeat: no-repeat;
    float: left;
    margin-right: 0.5vw;
}

.address_icon:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.2vw;
    background: url('/static/img/icons/address.svg?0da89c69db6c') no-repeat center;
    background-size: 1.2vw;
    /*float: left;*/
    margin-right: 0.5vw;
}
.address_icon.dark:before {
    background: url('/static/img/icons/address_white.svg?0da89c69db6c') no-repeat center;
}


.linked_companies_icon:before {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    color: #fff;
    background-image: url('/static/img/icons/linked_companies.svg?0da89c69db6c');
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    /*margin-left: 0.6vw;*/
    margin-right: 0.6vw;
}

.linked_companies_icon.dark:before {
    background-image: url('/static/img/icons/linked_companies_white.svg?0da89c69db6c');
}

.share-alternative-icon {
    cursor: pointer;
    background: url('/static/img/icons/share-alternative.svg?19378c3c8745') no-repeat;
    background-size: 0.8vw;
    height: 1vw;
    width: 1vw;
}

.share-alternative-icon.dark {
    background: url('/static/img/icons/share-alternative_white.svg?19378c3c8745') no-repeat;
}

.attachment-icon {
    cursor: pointer;
    background: url('/static/img/icons/attachment.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
    height: 1vw;
    width: 1vw;
}

.attachment-icon.dark {
    background: url('/static/img/icons/attachment_white.svg?0da89c69db6c') no-repeat;
    background-size: 0.8vw;
}

.open-book-icon {
    background: url('/static/img/icons/open-book.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
    height: 1vw;
    width: 1vw;
}

.open-book-icon.dark {
    background: url('/static/img/icons/open-book_white.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
}

.pdf_icon:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1vw;
    background: url('/static/img/icons/pdf-file.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
}

.pdf_icon.dark:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1vw;
    background: url('/static/img/icons/pdf-file_white.svg?0da89c69db6c') no-repeat;
    background-size: 1vw;
}

.swap_icon {
    width: 1vw;
    height: 1vw;
}

.button_icon {
    width: 1vw;
    height: 2vh;
}

.fill_weekdays {
    transform: rotate(180deg);
    cursor: pointer;
    margin-top: 1vh;

}


.increase_decrease {
    position: absolute;
    top: 0.4vw;
    right: 1.5vw;
    z-index: 2;
}

.search_radius .increase_decrease {
    position: absolute;
    top: -0.2vw;
    right: 2vw;
    z-index: 2;
}


.increase_value {
    position: absolute;
    cursor: pointer;
    top: 0.1vw;
    width: 1.5vw;
    height: 1.5vw;
}

.decrease_value {
    position: absolute;
    cursor: pointer;
    top: 1.5vh;
    width: 1.5vw;
    height: 1.5vw;
}

#route_popup .increase_decrease, #transport_popup .increase_decrease, #cargo_popup .increase_decrease {
    top: -0.2vw;
    right: 2vw;
}

.disallowed {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    color: #9b2c31;
}

.disallowed h4 {
    margin-top: 1.56vw;
}

.cargo_params .increase_decrease {
    top: 0;
    right: 1.8vw;
}

.cargo_main_params .increase_decrease {
    position: absolute;
    top: -0.4vh;
    right: 1.8vw;
    z-index: 2;
}

.sidebar .cargo_params .increase_decrease {
    top: 0;
    right: 1.6vw;
}


.modal_custom {
    position: absolute;
    top: 6vh;
    width: 100vw;
    display: none;
}

.close_modal {
    position: absolute;
    width: 1vw;
    right: 0.5vw;
    top: 1vh;
    cursor: pointer;
}

.close_modal:hover {
    color: lightslategray;
}


@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}


.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}



/*Spinner*/
.lds-spinner {
    color: #000;
    display: inline-block;
    width: 3.3vw;
    height: 3.3vw;
    position: absolute;
    top: 50vh;
    left: 60vw;
}
.lds-spinner div {
  transform-origin: 1.6vw 1.6vw;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0.1vw;
    left: 1.6vw;
    width: 0.25vw;
    height: 0.7vw;
    border-radius: 20%;
    background: #000;
}
.lds-spinner.dark div:after {
    background: #fff;
}

.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* HOME PAGE */


/* FIRST BLOCK */

.fix-style .firstpage_block1 .main-title {
    font-size: 1.4vw;
    position: absolute;
    top: 4vh;
}
.element-mobile-view{
    display: none;
}
.fix-style  .flip-clock-divider.seconds{ width: 10px }
.fix-style  .flip-clock-divider.seconds .flip-clock-dot.top{ left: 4px; top: 14px; }
.fix-style  .flip-clock-divider.seconds .flip-clock-dot.bottom{ left: 4px; top: 23px;}
.fix-style .flip-clock-dot{
    width: 3px;
    height: 3px;
}

.fix-style .flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 1.4vw;
    left: 0;
    z-index: 5;
    width: 2.2vw;
    height: 4px;
    background-color: #000;

}
.profile_menu .redLine{
    border-top: 2px solid #9B2C31;
    width: 70%;
    margin-left: 15%;
    margin-top: 5px;
    margin-bottom: 2px;
}




.fix-style .firstpage_block1 .second-title {
    font-size: 1.75vw;
    color: #9b2c31;
    position: absolute;
    top: 9vh;
}

.fix-style .block_right_top_cargo {
    background-color: #9B2C31;
    height: 94vh
}

.fix-style .block_right_top_cargo .block_advantages {
    height: 8vh;
    position: relative;
}

.fix-style .block_right_top_cargo .firstpage_counters {
    height: 58vh;
    margin-left: 20%;
}
.fix-style  .firstpage_benefits{
    margin-left: 20%;
}

.fix-style .block_right_top_cargo .firstpage_counters .svg-line {
    margin-top: 2vh;
    width: 15.5vw;
    margin-left: 0.2vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .main-letters .flip-counter {
    margin-left: 0.1vw
}

.fix-style .block_right_top_cargo .firstpage_counters .main-letters .up .divider_block_sm1 {
    width: 0.25vw;
    height: 0.4vw;
    margin: 0.6vw 0 0 -0.1vw;
    z-index: 2;
}

.fix-style .block_right_top_cargo .firstpage_counters .main-letters .up .divider_block_sm2 {
    width: 0.25vw;
    height: 0.4vw;
    margin: 0.6vw 0 0 0.7vw;
    z-index: 2;
}

.fix-style .firstpage_counters .up .divider_block1 {
    position: absolute;
    width: 0.35vw;
    height: 0.75vw;
    z-index: 2;
}

.fix-style .firstpage_counters .up .divider_block2 {
    position: absolute;
    width: 0.35vw;
    height: 0.75vw;
    z-index: 2
}

.fix-style .firstpage_counters .down .divider_block1 {
    position: absolute;
    width: 0.35vw;
    height: 0.75vw;
    z-index: 2;
    margin: -0.5vw 0 0 -0.1vw;
}

.fix-style .firstpage_counters .down .divider_block2 {
    position: absolute;
    width: 0.35vw;
    height: 0.75vw;
    z-index: 7 !important;
    margin: -0.5vw 0 0 1.9vw;
}

.fix-style .flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.fix-style .flip-clock-wrapper-small ul{
    margin-left: 0.1vw;
    margin-right: 0.1vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .main-letters .down .divider_block_sm1 {
    width: 0.25vw;
    height: 0.4vw;
    margin: -0.2vw 0 0 -0.1vw;
    z-index: 2;
}

.fix-style .block_right_top_cargo .firstpage_counters .main-letters .down .divider_block_sm2 {
    width: 0.25vw;
    height: 0.4vw;
    margin: -0.2vw 0 0 0.7vw;
    z-index: 2;
}

.fix-style .block_right_top_cargo .firstpage_counters .flip-clock-before .up .divider_block_sm1 {
    width: 0.25vw;
    height: 0.4vw;
    margin: 0.6vw 0 0 -0.1vw;
    z-index: 2;
}

.fix-style .block_right_top_cargo .firstpage_counters .flip-clock-before .up .divider_block_sm2 {
    width: 0.25vw;
    height: 0.4vw;
    margin: 0.6vw 0 0 0.7vw;
    z-index: 2;
}

.fix-style .block_right_top_cargo .firstpage_counters .flip-clock-before .down .divider_block_sm1 {
    width: 0.25vw;
    height: 0.4vw;
    margin: -0.2vw 0 0 -0.1vw;
    z-index: 2;
}

.fix-style .block_right_top_cargo .firstpage_counters .counter_title {
    font-size: 1.3vw;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
}

.fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-divider {
    margin-top: 5px;
}

.fix-style .block_right_top_cargo .firstpage_counters .counter_title_second {
    font-size: 1.3vw;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
    margin-top: 2vh
}

.fix-style .block_right_top_cargo .firstpage_counters .counter_title_second.courses {
    margin-bottom: 10px;
}

.fix-style .block_right_top_cargo .firstpage_counters .cargo_count {
    margin-top: 1vh;
    margin-left: -0.2vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .transport_count {
    margin-top: 1vh;
    margin-left: -0.2vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .date_now_block {
    margin-top: 1vh;
}

.fix-style .block_right_top_cargo .firstpage_counters .date_now_block .date_now_name {
    display: inline-block;
    width: 4.5vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .date_now_block .date_now_time {
    display: inline-block;
    width: 14vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .home-courses {
    margin-left: 4px;
}

.fix-style .block_right_top_cargo .firstpage_counters .home-courses .arrow-element {
    position: absolute;
    left: 3.9vw;
    top: -2px;
}

.fix-style .block_right_top_cargo .firstpage_counters .home-courses .arrow-element .arrow-right {
    width: 2.5vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .home-courses .digital_letter {
    position: absolute;
    top: -0.6vw;
    left: 2.5vw;
    width: 1.2vw;
}

.fix-style .block_right_top_cargo .firstpage_counters .cur_rate {
    position: absolute;
    left: 15vw;
    width: 7vw;
    margin-top: -1px;
}

.fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-dot.bottom {
    bottom: 0;
}

.fix-style .select-curr-landing.style-for-select.select-last {
    left: 6.6vw;
}


/* END FIRST BLOCK */


/* home_how */

.fix-style .home_how .home_how-warehouse {
    position: absolute;
    left: -30vw;
    top: 0;
    width: 24.3vw
}

.fix-style .home_how .home_how-truck {
    position: absolute;
    left: -24vw;
    top: 16.4vh;
    width: 17vw;
}

.fix-style .home_how .home_how-loader {
    position: absolute;
    left: -11vw;
    top: 27vh;
    width: 5vw;
}

.fix-style .home_how .home_how-port {
    position: absolute;
    left: -30vw;
    bottom: 0;
    width: 29vw
}

.fix-style .home_how .home_how-ship {
    position: absolute;
    bottom: 7.5vh;
    left: -20.5vw;
    width: 18vw;
}

.fix-style .home_how .home_how-oilrig {
    position: absolute;
    top: 19vh;
    right: -30vw;
    width: 18.5vw;
}

.fix-style .home_how .home_how-helicopter {
    position: absolute;
    top: 9.5vh;
    right: -17vw;
    width: 5.5vw;
}

.fix-style .home_how .header_red {
    position: absolute;
    top: 48vh;
    left: 6vw;
}

.fix-style .home_how .how_it_works_container.block_animation2 {
    top: 59vh;
}

.fix-style .home_how .how_it_works_container.block_animation3 {
    top: 76.5vh;
}

.fix-style .home_how .how_it_works_container.block_animation4 {
    top: 94vh;
}

.fix-style .home_how .how_it_works_container.block_animation4 .how_it_works_icon {
    left: 1.4vw;
}

.fix-style .home_how .about-company {
    position: absolute;
    top: 48vh;
    left: 37.2vw;
}

.fix-style .home_how .how_it_works_company_block1 .button_white {
    position: absolute;
    top: 33vh;
    left: 5vw;
    width: 18.9vw;
}

.fix-style .home_how .how_it_works_company_block1 .button_red {
    position: absolute;
    top: 39.5vh;
    left: 5vw;
    width: 18.9vw;
}


/* END home_how */


/* worldpart_tabs */

.fix-style .worldpart_tabs label {
    display: inline-block;
    margin-bottom: .5rem;
    margin-top: .3rem;
}

.fix-style .worldpart_tabs {
    overflow-y: scroll;
}

.fix-style .container-fluid.main-container {
    margin-top: 8vh;
}

.fix-style .container-fluid.second-container {
    margin-top: 2vh;
}

.fix-style .worldpart_tabs .main-row {
    margin-top: 7vh;
}

.fix-style .worldpart_tabs .nav-item a {
    height: 7vh;
}

.fix-style .worldpart_tabs .buttons-bottom {
    margin-bottom: 14.4vh;
}

.fix-style .worldpart_tabs .buttons-bottom .worldparts_button.left-button {
    margin-left: 9.3vw;
    width: 13.1vw;
}

.fix-style .worldpart_tabs .buttons-bottom .worldparts_button.right-button {
    margin-right: 9.3vw;
    width: 13.1vw;
}

.fix-style .worldpart_tabs .countries_table .font_16red {
    line-height: 0px;
    margin-bottom: 0;
}

.fix-style .worldpart_tabs .countries_table .font_16red i {
    color: #000;
    padding-right: 10px;
}


/* END worldpart_tabs */


/* home_benefits */

.fix-style .home_benefits .bg-image-1 {
    position: absolute;
    left: -30vw;
    bottom: 2.5vh;
    width: 19vw;
}

.fix-style .home_benefits .bg-image-2 {
    position: absolute;
    left: -19vw;
    width: 11vw;
}

.fix-style .home_benefits .bg-image-3 {
    position: absolute;
    top: 8vh;
    right: -30vw;
    width: 16vw;
}

.fix-style .home_benefits .bg-image-4 {
    position: absolute;
    bottom: 21vh;
    right: -22.5vw;
    width: 8vw;
    z-index: 35;
}

.fix-style .home_benefits .bg-image-5 {
    position: absolute;
    bottom: 0;
    right: -30vw;
    width: 19vw;
    z-index: 1
}

.fix-style .home_benefits .bg-image-6 {
    position: absolute;
    bottom: 0;
    right: -30vw;
    width: 19vw;
}

.fix-style .home_benefits .header_red {
    position: absolute;
    top: 48vh;
    left: 5.7vw;
}

.fix-style .home_benefits .benefits_container.bba-1 {
    top: 53vh;
    left: 5.7vw;
}

.fix-style .home_benefits .benefits_container.bba-2 {
    top: 71vh;
    left: 5.7vw;
}

.fix-style .home_benefits .benefits_container.bba-2 .benefits_block_text {
    margin-top: 2vh;
}

.fix-style .home_benefits .benefits_container.bba-3 {
    top: 88vh;
    left: 5.7vw;
}

.fix-style .home_benefits .benefits_container.bba-3 .benefits_block_text {
    margin-top: 2vh;
}

.fix-style .home_benefits .benefits_container.bba-4 {
    top: 53vh;
    left: 36vw;
}

.fix-style .home_benefits .benefits_container.bba-5 {
    top: 71vh;
    left: 36vw;
}

.fix-style .home_benefits .benefits_container.bba-6 {
    top: 88vh;
    left: 36vw;
}

.fix-style .home_benefits .benefits_container.bba-6 .benefits_block_text {
    border: 1px solid #9b2c31;
}

.fix-style .home_benefits .benefits_container.bba-6 .benefits_block .button_red {
    margin-top: 3vh;
    width: 12.7vw
}


/* END home_benefits */


/* home_news */

.fix-style .home_news .bg-image-1 {
    position: absolute;
    left: -30vw;
    width: 19vw;
}

.fix-style .home_news .bg-image-2 {
    position: absolute;
    left: -29vw;
    bottom: 4vh;
    width: 14vw;
}

.fix-style .home_news .bg-image-3 {
    position: absolute;
    right: -30vw;
    bottom: 0;
    width: 16vw;
}

.fix-style .home_news .bg-image-4 {
    position: absolute;
    right: -4vw;
    width: 19vw;
    top: 3vw;
}
.fix-style .quickapp_text{
    margin-top: 3.2vh;
}
.fix-style .home_news .header_red.first-element {
    position: absolute;
    left: 6vw;
    top: 50vh;
}

.fix-style .home_news .header_red.second-element {
    position: absolute;
    left: 47.2vw;
    top: 50vh;
}


/* END home_news */


/* home_quickapp */

.fix-style .home_quickapp .header_red {
    position: absolute;
    top: 48vh;
    left: 6vw;
}

.fix-style .home_quickapp .hqba-1 {
    position: absolute;
    top: 62vh;
    left: 4.6vw;
}

.fix-style .home_quickapp .hqba-1 .quickapp_icon {
    top: 6vh;
}

.fix-style .home_quickapp .hqba-1 .quickapp_underblock {
    top: 4vh;
}

.fix-style .home_quickapp .hqba-2 {
    position: absolute;
    top: 62vh;
    left: 25vw
}

.fix-style .home_quickapp .hqba-2 .quickapp_underblock {
    left: 2vw;
}

.fix-style .home_quickapp .hqba-3 {
    position: absolute;
    top: 62vh;
    left: 45.3vw
}

.fix-style .home_quickapp .hqba-3 .digit_red {
    right: -1vw;
    top: -2vh;
}

.fix-style .home_quickapp .hqba-3 .quickapp_underblock {
    top: 4vh;
    left: 2vw;
}

.fix-style .home_quickapp .quickapp_block_1 {
    position: absolute;
    left: 21vw;
    top: 81vh;
}

.fix-style .home_quickapp .quickapp_block_1 strong {
    color: #9B2C31;
}

.fix-style .home_quickapp .rectangle-1 {
    position: absolute;
    top: 78vh;
    left: 20vw;
    width: 17vw;
}

.fix-style .home_quickapp .rectangle-2 {
    position: absolute;
    top: 78vh;
    right: 20vw;
    width: 17vw;
}

.fix-style .home_quickapp .button_red {
    position: absolute;
    top: 89vh;
    left: 28vw;
    width: 18.9vw
}


/* END home_quickapp */


/* login_form_container */

.login_form_container .bordered {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 50px solid #eef0f2;
    border-left: 50px solid transparent;
}

.login_form_container form .text-right {
    margin-top: 0.5vw
}

.mtop {
    margin-top: 0.5vw;
}

.mtop-1 {
    margin-top: 1vw;
}

/* END login_form_container */


/* menu_nav_close */

.menu_nav_close .close-block {
    height: 4.5vw;
}

.menu_nav_close .close-block svg {
    width: 2vw;
    position: absolute;
    right: 20px;
    top: 15px;
}

.menu_nav_close .menu_item-1 {
    margin-left: 0;
}

.menu_nav_close .menu_item-1 img {
    position: absolute;
    width: 25%;
    left: 15%;
    top: 15%;
}

.menu_nav_close .menu_item-1 .menu_item-svg-1 {
    position: absolute;
    top: 5%;
    left: 15%;
    width: 45%;
}

.menu_nav_close .menu_item-1 .menu_item-svg-2 {
    position: absolute;
    bottom: 15%;
    right: 8%;
    width: 55%;
    height: auto;
}

.menu_nav_close .menu_item-1 .menu_item_name {
    position: absolute;
    top: 40%;
    right: 18%;
}

.menu_nav_close .menu_item-2 {
    margin-left: 0;
}

.menu_nav_close .menu_item-2 .menu_item-svg-1 {
    position: absolute;
    bottom: 25%;
    right: 8%;
    width: 55%;
}

.menu_nav_close .menu_item-2 .menu_item-svg-2 {
    position: absolute;
    left: 4%;
    bottom: 12%;
    width: 60%;
    height: auto;
}

.menu_nav_close .menu_item-2 img {
    position: absolute;
    width: 25%;
    right: 5%;
    top: 0;
}

.menu_nav_close .menu_item-2 .menu_item_name {
    position: absolute;
    top: 40%;
    left: 20%;
}

.menu_nav_close .menu_item-3 {
    margin-left: 0;
}

.menu_nav_close .menu_item-3 .menu_item-svg-1 {
    position: absolute;
    bottom: 15%;
    left: 5vw;
    width: 50%;
}

.menu_nav_close .menu_item-3 .menu_item-svg-2 {
    position: absolute;
    right: 10%;
    top: 20%;
    width: 26%;
    height: auto;
}

.menu_nav_close .menu_item-3 img {
    position: absolute;
    width: 35%;
    top: 0;
    left: 0;
}

.menu_nav_close .menu_item-3 .menu_item_name {
    position: absolute;
    top: 40%;
    right: 25%;
}

.menu_nav_close .menu_item-4 {
    margin-left: 0;
}

.menu_nav_close .menu_item-4 .menu_item-svg-1 {
    position: absolute;
    left: 10%;
    top: 10%;
    height: auto;
    width: 30%;
}

.menu_nav_close .menu_item-4 .menu_item-svg-2 {
    position: absolute;
    top: 8%;
    right: 8%;
    width: 60%;
}

.menu_nav_close .menu_item-4 .menu_item-img-1 {
    position: absolute;
    width: 10%;
    right: 15%;
    top: 20%;
}

.menu_nav_close .menu_item-4 .menu_item-img-2 {
    position: absolute;
    width: 20%;
    right: 30%;
    top: 40%;
}

.menu_nav_close .menu_item-4 .menu_item_name {
    position: absolute;
    top: 20%;
    left: 20%;
}

.menu_nav_close .menu_item-5 {
    margin-left: 0;
}

.menu_nav_close .menu_item-5 .menu_item-svg-1 {
    position: absolute;
    left: 8%;
    top: 5%;
    width: 26%;
    height: auto;
}

.menu_nav_close .menu_item-5 .menu_item-svg-2 {
    position: absolute;
    width: 55%;
    top: 50%;
    left: 25%;
}

.menu_nav_close .menu_item-5 img {
    position: absolute;
    width: 30%;
    left: 45%;
    top: 7%;
}

.menu_nav_close .menu_item-5 .menu_item_name {
    position: absolute;
    bottom: 15%;
    right: 10%;
}

.menu_nav_close .menu_item-6 {
    margin-left: 0;
}

.menu_nav_close .menu_item-6 .menu_item-svg-1 {
    position: absolute;
    right: 5%;
    top: 15%;
    width: 55%;
    height: auto;
}

.menu_nav_close .menu_item-6 img {
    position: absolute;
    width: 28%;
    left: 8%;
    top: 5%;
}

.menu_nav_close .menu_item-6 .menu_item_name {
    position: absolute;
    top: 40%;
    right: 12%;
}

.menu_nav_close .menu_item-7 {
    margin-left: 0;
}

.menu_nav_close .menu_item-7 .menu_item-svg-1 {
    position: absolute;
    right: 5%;
    top: 20%;
    width: 40%;
}

.menu_nav_close .menu_item-7 .menu_item-svg-2 {
    position: absolute;
    bottom: 5%;
    left: 15%;
    width: 18%;
    height: auto;
}

.menu_nav_close .menu_item-7 .menu_item-img-1 {
    position: absolute;
    width: 40%;
    left: 5%;
    top: 0;
}

.menu_nav_close .menu_item-7 .menu_item-img-2 {
    position: absolute;
    width: 50%;
    right: 5%;
    bottom: 5%;
}

.menu_nav_close .menu_item-7 .menu_item_name {
    position: absolute;
    bottom: 27%;
    right: 22%;
}

.menu_nav_close .menu_item-8 {
    margin-left: 0;
}

.menu_nav_close .menu_item-8 .menu_item-svg-1 {
    position: absolute;
    top: 10%;
    left: 27%;
    width: 44%;
    height: auto;
}

.menu_nav_close .menu_item-8 .menu_item-svg-2 {
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 60%;
}

.menu_nav_close .menu_item-8 .menu_item-img-1 {
    position: absolute;
    width: 20%;
    left: 0;
    bottom: 0;
}

.menu_nav_close .menu_item-8 .menu_item-img-2 {
    position: absolute;
    width: 20%;
    right: 0;
    top: 0;
}

.menu_nav_close .menu_item-8 .menu_item_name {
    position: absolute;
    top: 30%;
    left: 30%;
}

.menu_nav_close .menu_item-9 {
    margin-left: 0;
}

.menu_nav_close .menu_item-9 .menu_item-svg-1 {
    position: absolute;
    top: 10%;
    left: 7%;
    width: 25%;
    height: auto;
}

.menu_nav_close .menu_item-9 .menu_item-svg-2 {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 55%;
}

.menu_nav_close .menu_item-9 img {
    position: absolute;
    width: 35%;
    right: 0;
    top: 5%;
}

.menu_nav_close .menu_item-9 .menu_item_name {
    position: absolute;
    bottom: 15%;
    left: 15%;
}


/* END menu_nav_close */


/* TK */

.fix-style .home_transport .block_animation {
    position: absolute;
    top: 47vh;
    left: 6vw;
    height: 57vh;
    width: 58vw;
}

.fix-style .home_transport .nav-link {
    height: 7vh;
}

.fix-style .home_transport .tab-content {
    height: 50vh;
}

.fix-style .home_transport .tab-content .block-filters {
    height: 3.5vw;
}

.fix-style .home_transport .tab-content .block-filters h5 {
    display: table-cell;
    vertical-align: middle;
}

.fix-style .home_transport .tab-content .block-filters h5 a {
    color: #9b2c31;
    text-decoration: underline;
}

.fix-style .home_transport .tab-content .block-filters .col-table {
    height: 3.5vw;
}

.fix-style .home_transport .tab-content .block-filters .text-right {
    height: 3.5vw;
}

.fix-style .home_transport .tab-content .block-filters .text-right button {
    width: 12.7vw;
    margin-top: 0.4vw;
}

.fix-style .home_transport .tab-content .block-filters .block_shadow_sm {
    margin-top: 0.4vw;
    width: 12.7vw;
}

.fix-style .home_transport .tab-content .block-filters .block_shadow {
    margin-top: 0.4vw;
    width: 12.7vw;
    margin-left: 3.8vw;
}

.fix-style .home_transport .tab-content .adv_block_text_next {
    position: absolute;
    bottom: 3vh;
}

.fix-style .home_transport .tab-content .text_9b2c31 {
    display: block;
}

.fix-style .home_transport .tab-content .buttons-bottom {
    margin-top: 2vh;
}

.fix-style .home_transport .tab-content .buttons-bottom button {
    width: 18vw;
}

.fix-style .home_transport .tab-content .forum_threads {
    margin-top: 1vh;
}

.fix-style .home_transport .tab-content .forum_threads .col {
    height: 37vh;
}


/* END TK */

.fix-style .dropin_date:before {
    margin: 0px 3px -2px -7px;
}

.fix-style .dropin_readmore:after {
    margin-bottom: -2px;
}

.fix-style .home_news .content_container.animated {
    min-height: 80vh;
}

.fix-style .countries_table label a {
    vertical-align: middle;
}

.checkbox-red[type="checkbox"]+label:before {
    background-size: 0.85vw;
}


/* home_transport */

.fix-style #companies_tab_content .company_container {
    margin-right: 5px;
    margin-left: 5px;
    height: 36vh;
}

.fix-style #companies_tab_content .company_container.last {
    margin-right: 0;
    margin-left: 7px;
    border-right: none;
}

.fix-style #companies_tab_content  .company_container.first {
    border-left: none;
    margin-right: 7px;
    margin-left: 0;
}

.fix-style #companies_tab_content .col-3 .adv_block_container {
    padding: 0 5px;
}

.fix-style #companies_tab_content .col-3 .adv_block_container.last {
    padding: 0 5px;
    padding-right: 0;
}

.fix-style #companies_tab_content .col-3 .adv_block_container.first {
    padding-left: 0;
    margin-left: 0;
}

.fix-style #companies_tab_content .col-3 .adv_block_container.first .adv_block {
    border-left: none;
}

.fix-style #companies_tab_content .col-3 .adv_block_container.last .adv_block {
    border-right: none;
}
.fix-style .checkbox-red[type="checkbox"] + label:before{
    background-size: 0.8vw;
}

/* END home_transport */


/* END HOME PAGE */

.tariffs_main{
    display: flex;
    align-items: center;
}


.tariffs_container .mt-5{
    margin-top: 30px !important;
}

.tariffs_container .mt-4{
    margin-top: 20px !important;
}

.tariffs_container h1{
    font-size: 28px;
    text-align: center;
}

.tariffs_container h2{
    margin-top: 15px;
    font-size: 22px;
    text-align: center;
}
.tariffs_container .month_count{
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 35px;
    font-weight: 800;

}
.tariffs_container .tariff_price{
    font-size: 22px;
    margin-bottom: 65px;
    font-weight: 800;
}
.tariffs_container h5{
    font-size: 14px;
    text-align: center;
}

.tariffs_container p{
    font-size: 14px;
}
.tariffs_container .button_red_filter{
    margin-top: 15px;
    font-size: 14px;
    padding: 6px;
    width: 100%;
}

.tariffs_container .tariff_block{
    padding: 25px 15px;
    background: #eff0f4;
}
.tariffs_container .about_tariffs{
    font-size: 18px;
    margin-top: 10px;

}
.tariffs_container .oferta{
    text-decoration: underline;
}
.tariff_desc_label{
    font-size: 14px;
    text-align: center;
}
.tariffs_container  .about_min_tariffs{
    margin-top: 10px;

    font-size: 14px;
}

 @media screen and (max-width: 1023px){
    .tariffs_main {
        display: initial;
        align-items: normal;
        margin-top: 100px;
        margin-bottom: 100px;
    }
     .tariffs_container .about_tariffs {

        margin-bottom: 25px;
    }
     .pay-logos{
         margin-bottom: 100px;
    }


}
@media screen and (max-width: 700px){
    .tariffs_container{
        margin-top: 75px;
        margin-bottom: 75px;
    }

}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 5px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.sidebar-no-auth{
    margin-top: 5.2vw;
}

.filter_options{
    margin-top: 2.7vh;
}
.filter_options .button_red_filter{
    width: 100%;
}
#route_param_freight_cost{
    width: 10vw;
    position: absolute;
}
#route_param_freight_cur{
    position: absolute;
    right: 0.8vw;
}
.filter_name{
    width: 15.5vw;
}
.sidebar.full .iti--allow-dropdown input{
    padding-right: 6px;
    padding-left: 52px;
}
.input-group-append{
    position: absolute;
    right: 0;
}

.m-top-1vh{
    margin-top: 1vh
}

.reverse-button{
    position: absolute;
    left: 1vw;
    width: 1.5vw;
    height: 1.5vw;
    padding: 0;
}

.reverse-button img{
    width: 0.8vw;
}

.filter_part1 .publication_date{
    width: 86%;
}

.publication_date_group .input-group-append{
    position: absolute;
    right: 0
}



@media screen and (max-width: 1100px) {
   
    .sidebar.full input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 9px;
    }
    .sidebar.full   input::-moz-placeholder { /* Firefox 19+ */
        font-size: 9px;
    }
    .sidebar.full   input:-ms-input-placeholder { /* IE 10+ */
        font-size: 9px;
    }
    .sidebar.full   input:-moz-placeholder { /* Firefox 18- */
        font-size: 9px;
    }
    .sidebar.full  textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 9px;
    }
    .sidebar.full   textarea::-moz-placeholder { /* Firefox 19+ */
        font-size: 9px;
    }
    .sidebar.full   textarea:-ms-input-placeholder { /* IE 10+ */
        font-size: 9px;
    }
    .sidebar.full   textarea:-moz-placeholder { /* Firefox 18- */
        font-size: 9px;
    }

    .sidebar.full .filter_row .filter_part1{
        margin-left: 0;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .sidebar.full .filter_row .filter_part2{
        margin-left: 0;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .cross:after {
       
        background-size: 0.6vw;
      
        top: 1.1vw;
        right: 2vw;
    }
    .sidebar.full .input-css{

        margin-bottom: 3px;
        height: 20px;
        font-size: 10px;
        font-weight: 100;
        padding: 0 5px;
    }
    .sidebar.full .checkbox-plus + label:after{
        width: 20px;
        height: 20px;
    }
    
    .sidebar.full .label-plus{
        font-size: 8px;
        font-weight: 600;
        height: 20px;
        line-height: 12px;
    }
    .sidebar .label-plus{
        font-size: 8px;
        font-weight: 600;
        height: 20px;
        line-height: 12px;
    }
    .sidebar.full .save_filter, .sidebar.full .save_template{
        font-size: 9px;
        line-height: 17px;
        width: 12vw;
        height: 20px;
        right: 1.4vw;
    }
    .sidebar.full .save_filter:before{
        background-size: 1vw;
        margin-left: 0.7vw;
        margin-right: 0.5vw;
    }
    .sidebar.full .save_template:before{
        background-size: 1vw;
        margin-left: 0.7vw;
        margin-right: 0.5vw;
    }
    .sidebar_btn{
        font-size: 0.9vw;
    }
    .sidebar_btn.active:before{
        margin: 3px 10px 0px 5px;
        background-size: 1vw;
    }
    .sidebar_btn:before{
        margin: 3px 10px 0px 5px;
        background-size: 1vw;
    }
    .sidebar.full .font_14{
        font-size: 12px !important;
        margin-bottom: 10px;
        margin-top: 10px !important;
        font-weight: 600;
    }
    .sidebar.full .font_12 {
        font-size: 10px !important;
    }
    .sidebar.full .filter_input, .sidebar.full .transportation_date, .sidebar.full .route_input, .sidebar.full .input-css, .sidebar.full #duration{
        height: 20px;
        font-size: 9px;
    }
    .sidebar .filter_input, .sidebar.full .transportation_date, .sidebar.full .route_input, .sidebar.full .input-css, .sidebar.full #duration{
        font-size: 9px;
    }
    .sidebar.full .select-css, .sidebar.full .select_country, .sidebar.full .select_city{
        height: 20px;
        font-size: 9px;
    }
    .sidebar.full .select-css, .sidebar.full .select_country, .sidebar.full .select_city{
        font-size: 9px;
    }
    .sidebar.full .clear_input{
        width: 20px;
        height: 20px;
    }
    .sidebar.full .search_radius .increase_decrease{
        right: 2.8vw;
        top: -0.1vw;
    }
    .sidebar .search_radius .increase_decrease {
        right: 2.5vw;
    }
    .sidebar.full .reverse-button {
        position: absolute;
        left: 1.5vw;
        width: 2.0vw;
        height: 2.0vw;
        padding: 0;
        font-size: 13px;
        top: 0.8vw;
    }
    .sidebar .reverse-button {
        position: absolute;
        left: 1.5vw;
        width: 1.5vw;
        height: 1.5vw;
        padding: 0;
        font-size: 11px;
        top: 0vw;
    }
    .sidebar.full  .reverse-button img {
        width: 1.4vw;
        height: 1.4vw;
    }
    .sidebar  .reverse-button img {
        width: 1vw;
        height: 1vw;
    }
    .sidebar .section_header{
        position: relative;
        font-size: 10px !important;
    }
    .sidebar .chevron_down:before {
        right: 0;
        right: 5px;
    }
    .sidebar .chevron_up:before {
        right: 9px;
        bottom: 5px;
    }
    .sidebar .checkbox-plus + label:after{
        width: 20px;
        height: 20px;
    }
    #route_popup .increase_decrease, #transport_popup .increase_decrease, #cargo_popup .increase_decrease {
        top: -0.1vw;
        right: 2.5vw;
    }
    .sidebar .button_green{
        height: 20px;
        font-size: 12px;
    }
    .sidebar .button_blue {
        height: 20px;
        font-size: 12px;
    }
    .sidebar .button_red_filter {
        height: 20px !important;
        font-size: 12px;
    }
   
}

@media screen and (max-width: 980px) {
    .sidebar.profile_sidebar.full .label-plus {
        font-size: 8px;
    }
    .sidebar.profile_sidebar.full .button_blue {
        margin-bottom: 5px;
    }
    .check:after {
      
        background-size: 1.2vw;
        width: 2vw;
        height: 1.7vw;
        display: inline-block;
        /* float: right; */
        position: absolute;
        right: 1.2vw;
        top: 0.7vw;
    }
    .sidebar.profile_sidebar.full .button_green {
        margin-bottom: 10px;
    }
    .sidebar.full .save_filter, .sidebar.full .save_template {
        font-size: 9px;
        line-height: 17px;
        width: auto;
        height: 20px;
        right: 15px;
        padding-left: 5px;
        padding-right: 10px;
    }
    .filter_name {
        width: auto;
    }
    .select-css, .select_country, .select_city {
        background-size: 3vw;
        background-position-x: 102%;
    }
    .sidebar.full .search_radius .increase_decrease {
        right: 3.5vw;
        top: -0.1vw;
    }
    .sidebar.full .clear_input {
        background-size: 1vw;
    }
    .checkbox-plus + label:after{
        background-size: 1vw;
    }
    .checkbox-plus:checked + label:after{
        background-size: 1vw;
    }
    .cross:after {
        background-size: 1vw;
        top: 11px;
        right: 20px;
        height: 2vw;
    }
    .sidebar.full .label-plus {
        font-size: 9px;
        font-weight: 600;
        height: 20px;
        line-height: 12px;
    }
    .window.full, .sidebar.full {
        width: 100%;
        max-width: 100%;
    }
    .sidebar.full .reverse-button {
       
        left: 15px;
        width: 20px;
        height: 20px;
        padding: 0;
        font-size: 13px;
        top: 0.8vw;
    }
    .chevron_up:before {
        width: 20px;
        height: 12px;
        right: 15px;
        transition: 0.5s;
        background-size: 20px;
    }
    .chevron_down:before {
        width: 20px;
        height: 12px;
        right: 15px;
        transition: 0.5s;
        background-size: 20px;
    }
    .map_sidebar_options .table_cell-middle{
        font-size: 12px;
    }
    #route_popup .increase_decrease, #transport_popup .increase_decrease, #cargo_popup .increase_decrease {
        top: -0.1vw;
        right: 3.5vw;
    }
    .sidebar.full  .increase_value {
        position: absolute;
        cursor: pointer;
        top: 0px;
        width: 2.5vw;
        height: 2.5vw;
    }
    .sidebar.full  .decrease_value {
        position: absolute;
        cursor: pointer;
        top: 9px;
        width: 2.5vw;
        height: 2.5vw;
    }
    .sidebar .filter_input, .sidebar.full .route_input, .sidebar.full .input-css, .sidebar.full #duration {
        font-size: 9px;
        width: 100%;
    }
    .sidebar.full .font_22 {
        font-size: 18px !important;
        margin-bottom: 10px;
        margin-top: 15px !important;
        font-weight: 600;
    }
}

@media screen and (max-width: 560px) {
    .sidebar.full .iti {
        margin-bottom: 4px;
    }
    .profile_content.company_profile .iti {
        margin-bottom: 10px;
    }
    .profile_content.contacts .iti{
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .inputfile-css + label, .inputfile-document + label {
        cursor: pointer;
        height: 20px;
        font-size: 8px;
        margin-top: 5px;
        margin-bottom: 10px;
        /* color: #000; */
        background-color: #fff;
        box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
        width: 100%;
        line-height: 16px;
    }
    .sidebar-no-auth {
        margin-top: 55px;
    }
    .inputfile-css + label:after {
        content: 'Выберите файл(ы)';
        width: 25%;
        text-align: center;
        height: 100%;
       
        float: right;
        color: #fff;
        padding-top: 2px;
        font-size: 7px;
        background-size: 0;
        line-height: 16px;
    }
    .sidebar.full h5.font_16 {
        font-size: 12px !important;
        margin-bottom: 10px;
        margin-top: 15px !important;
        font-weight: 600;
    }
    #route_param_freight_cost{

        width: auto;
        position: relative;
        height: 25px;
    }
    .sidebar.full .font_22 {
        font-size: 18px !important;
        margin-bottom: 10px;
        margin-top: 15px !important;
        font-weight: 600;
    }
    .he-30{
        height: 30px !important;
    }
    #route_param_freight_cur{
        position: absolute;
        right: 4px;
        width: 25px;
        height: 25px;
    }
    .sidebar.full .filter_row .filter_part1 {
        margin-left: 0;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 10%;
    }
    .sidebar.full .filter_row .filter_part2 {
        margin-left: 0;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 10%;
    }
    .sidebar.full .search_radius .increase_decrease {
        right: 30px;
        top: -4px;
    }
    .select-css, .select_country, .select_city {
        background-size: 6vw;
        background-position-x: 90%;
    }
    .filter_part1 .publication_date {
        width: 100%;
    }
    .decrease_value {
        width: 22px;
        height: 22px;
    }
    .increase_value {
        top: 0px;
        width: 22px;
        height: 22px;
    }
    .cross:after {
        background-size: 7px;
        top: 14px;
        right: 26px;
        width: 8px;
        height: 8px;
    }
    .simplebar-content .filter_options {
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .sidebar.full .label-plus {
        line-height: 0px;
        padding-left: 10px;
    }
    .sidebar.full .select-css, .sidebar.full .select_country, .sidebar.full .select_city {
        font-size: 9px;
        margin-bottom: 10px;
    }
    .sidebar.full .font_14 {
        font-size: 12px !important;
        margin-bottom: 10px;
        margin-top: 15px !important;
        font-weight: 600;
    }
    .select-css.filter_history{
        background-size: 6vw;
        background-position-x: 100%;
    }
    .sidebar.full .select-css, .sidebar.full .select_country, .sidebar.full .select_city {
        font-size: 9px;
        margin-bottom: 10px;
        padding-left: 10px;
    }
    .sidebar .filter_input, .sidebar.full .transportation_date, .sidebar.full .route_input, .sidebar.full .input-css, .sidebar.full #duration {
        font-size: 9px;
        margin-bottom: 5px;
    }
    .sidebar.full .font_12 {
        font-size: 10px !important;
        padding-right: 5px;
    }
    .sidebar.full .clear_input {
        background-size: 6px;
    }
    .filter_options .button_red_filter {
        width: 100%;
        padding-bottom: 5px;
        padding-top: 5px;
        height: auto !important;
    }
    .sidebar.full .reverse-button img {
        width: 15px;
        height: 15px;
        margin-top: -1px;
    }
    .simplebar-content .increase_value {
        top: 1px;
        width: 22px;
        height: 22px;
    }
    .simplebar-content .decrease_value {
        width: 22px;
        height: 22px;
    }
    .sidebar .filter_input, .sidebar.full .route_input, .sidebar.full .input-css, .sidebar.full #duration {
        width: 100%;
    }
    .sidebar.full .save_filter, .sidebar.full .save_template {
        padding-left: 10px;
        padding-right: 10px;
        height: 30px;
    }
    .sidebar.full .save_filter:before {
        background-size: 15px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 6px;
        width: 15px;
        height: 15px;
    }
    .to:before {
        width: 10px;
        height: 15px;
        background-size: 10px;
    }
    .from:before {
        width: 10px;
        height: 15px;
        background-size: 10px;
    }
    .input-group-addon{
        font-size: 15px;
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-top: -2px;
    }
    .sidebar.full .filter_name{
        height: 30px;
    }
    .sidebar.full .filter_history{
        height: 30px;
        background-position-y: 100%;
    }
    .sidebar.full .filter_row .filter_part{
        margin-left: 0;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 10%;
    }
    .sidebar.full .increase_value {
        position: absolute;
        cursor: pointer;
        top: 0px;
        width: 20px;
        height: 20px;
    }
    .sidebar.full .decrease_value {
        position: absolute;
        cursor: pointer;
        top: 9px;
        width: 20px;
        height: 20px;
    }
    #route_popup .increase_decrease, #transport_popup .increase_decrease, #cargo_popup .increase_decrease {
        top: -2px;
        right: 30px;
    }
    .sidebar{
        height: 82vh;
    }
    .sidebar .disallowed{
        height: 300%;
    }
    .sidebar .disallowed h4 {
        margin-top: 10px;
        font-size: 11px !important;
        text-align: center;
    }
}
.tools_row .text-table_logo{
    position: absolute; 
    top: 1vw; 
    left: 2vw;
    font-size: 1.16vw!important;
}
.map_bg{
    background: #fff url(/static/img/home/png/Map.png?ee30a68395fb) center no-repeat;
}
.tools_row .text-table_logo{
    position: absolute; 
    top: 1vw; 
    left: 2vw;
    font-size: 1.16vw!important;
}
.cargo-customer .only-auth-user-text{
    margin-bottom: 0;
}
.company_modal_name{
    padding-bottom: 20px;
    padding-top: 30px;
    width: 100%;
}
.company_modal_site_link{
    padding-bottom: 30px;
    width: 100%;
}
.map_sidebar_option {
    font-size: 12px;
}
.company_modal_phone{
    width: 100%;
    padding-right: 10px;
}
.company_modal_phone button{
    width: 100%;
}
.company_modal_chat{
    width: 100%;
    padding-left: 10px;
}
.company_modal_chat button{
    width: 100%;
}
.company_modal_email{
    width: 100%;
    padding-bottom: 30px;
}
.company_modal_email button{
    width: 100%;
}
.company_modal_email .mail_icon:before{
    height: 1.55vh;
    float: none;
}
.company_modal_reviews_stars{
    text-align: center;
    border-bottom: 1px solid #9b2c31;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.company_modal_reviews_link{
    padding-bottom: 15px;

}
.company_modal_reviews_link a{
    font-weight: 400;
    color: #007bff;
}
.company_modal_reviews_percent{

    padding-bottom: 10px;
}
.company_modal_reviews_percent .chat_about_company__rating{
    align-items: flex-end;
    position: relative;
    justify-content: center;
    display: flex;
    bottom: 0.5vw;
    width: auto;
    height: 1.5vw;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}
.company_modal_reviews_percent .chat_about_company__rating .chat_negative_rating{
    background-color: #9B2C31;
    width: 3vw;
    position: relative;
    bottom: 0;
    left: 0;
    min-height: 3px;
}
.company_modal_reviews_percent .chat_about_company__rating .chat_positive_rating{
    background-color: #23B54A;
    width: 3vw;
    position: relative;
    bottom: 0;
    left: 0;
    min-height: 3px;
}
.bbs_img{
    max-width: 80%;
    height: auto;
}
.element-table-pc-view {
    display: initial;
}
.element-sm-view {
    display: none;
}
.element-table-mb-view {
    display: none;
}
.tools_row  .text-table_name{
    position: absolute;
    top: 2.6vw;
    left: 2vw;
    color: #9b2c31;
}
.row_details_btn_custom{
    position: absolute; 
    right: 0.5vw; 
    top:0; 
    width: 11vw
}
.map-super-select{
    display: inline-block;
    width: 7.3vw;
    height: 1.6vw;
    background: #9b2c31;
    color: #fff;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-block;
    font-size: 0.7vw;
    font-weight: 600;
    margin-right: 0.6vw;
    text-align: right;
    padding-right: 1vw;
    padding-left: 1vw;
    padding-top: 0;
    margin-top: 0;
    text-align-last: right;

    background-image: url(/static/img/icons/add.svg?0da89c69db6c);
    background-size: 1vw;
    background-repeat: no-repeat;
    background-position-x: 13%;
    background-position-y: 45%;
}
.company_modal_name img{
    width: 10px;
    margin-right: 10px;
}
.red_star_big:before {

    width: 0.9vw;
    height: 0.9vw;
    margin-left: -0.1vw;
  
    background-size: 0.9vw;
}
.red_star_big_empty:before{

    width: 0.9vw;
    height: 0.9vw;
    margin-left: -0.1vw;

    background-size: 0.9vw;
}
.cargo_main_params .select-css, .cargo_main_params .select_country, .cargo_main_params .select_city{
    background-position-x: 103%;
}
.cargo_params .select-css, .cargo_params .select_country, .cargo_params .select_city{
    background-position-x: 103%;
}
.increase_decrease {
    top: 0.35vw;
}
.fix-off_country .select_country{
    width: 88%;
}
.cargo-customer-name {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    color: #1d53e6;
    font-size: 12px;
}
.cargo-customer-review {
    margin-left: 0;
    text-transform: lowercase;
}
.map-super-select option:hover {
    box-shadow: 0 0 10px 100px #fff inset;
}
.cargo_main_params .fix-increase_decrease .increase_decrease {
    position: absolute;
    top: 0.65vh;
    right: 1.5vw;
    z-index: 2;
}
.cargo_main_params .fix-increase_decrease-reg-comp .increase_decrease {
    position: absolute;
    top: -0.35vh;
    right: 1.5vw;
    z-index: 2;
}
.fix-company_type .select-css{
    background-position-x: 120%;
}
.cargo_main_params .increase_decrease {
    position: absolute;
    top: -0.4vh;
    right: 1.8vw;
    z-index: 2;
}

.sidebar .cargo_params .increase_decrease {
    top: -0.2vw;
    right: 1.6vw;
}
.map-super-select option{
    cursor: pointer;
}
option:hover {
    outline: none;
    background-color: #fff !important;
  }
.map-super-select:focus {
    border-color: unset;
    box-shadow: none;
    color: #fff;
    outline: none;
}
.table-company-logo{
    max-width: 50px;
    margin-left: 10px;
}
.address_icon:before {
    width: 1vw;
    height: 1vw;
    background-size: 1vw;
    margin-right: 0.5vw;
}
.linked_companies_icon{
    padding-top: 0.4vh;
}
.tools_row .label-plus{
    margin-bottom: 0;
}
.favorite-star-no-flex {
    top: 0;
    position: relative;
    left: 0;
    flex: 0;
    margin-left: 0 !important;
}
.destination_flag .flag.no-top{
    top: 0;
}
.add-buttons-block .add_icon{
    padding-top: 0.3vh;
    font-size: 0.68vw;
    line-height: 1vw;
}
.add-buttons-block .print_btn{
    padding-top: 0.4vh;
    margin-right: 0.6vw;

}
.add-buttons-block-maps button{
    margin-right: 0.6vw;
}
.add-buttons-block-maps .label_favorite{
    margin-right: 0.6vw;
}
.tools_row .add-buttons-block{
    margin-top: 0.8vw;
    margin-bottom: 0.5vw;
}
.tools-filtered-buttons{
    margin-top: 0.2vw;
}
.table_header{
    box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
    position: relative;
}
.window .saved_filters{
    position: relative;
    box-shadow: none;
}
.saved_filters .filter_tab{
    display: flex;
    align-items: center;
}
.table_content{
    font-size: 0.8vw;
    height: 73vh;
}
.view_find_result{
    color: #9b2c31;
}
.border_bottom.show{
    border-bottom: none;
}
.row_details.show{
    border-bottom: 1px solid #707070;
}
.row_item.viewed{
    color: #9B2C31;
}
.row_item.disabled{
    opacity: 0.5;
}
.row_details.disabled{
    opacity: 0.5;
}
.item_details_container .section_header{
    padding: 5px 0;
    cursor: pointer;
    position: relative;
    font-size: 0.8vw;
    font-weight: 600;
}
.item_details_container .chevron_down:before{
    right: 0;
}
.item_details_container .note-area{
    margin-top: 10px;
}
.table_header div {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 0.5vw;
    padding-right: 1vw;
    position: relative;
}
.table_header .sort span:after {
    width: 1vw;
    height: 3vh;
    background-size: 1.3vw;
    margin-left: 0.3vw;
    top: 0.4vh;
    margin-top: 0;
}
.row_item{
    overflow: hidden;
    
}
.item-favorites{
    padding-top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

.favorite-star{
    top: 2px;
    position: relative;
    left: 0;
    flex: 1;
    margin-left: 0 !important;
}
.item-number{
    flex: 2;
}

.item-start-date{
    padding-top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

.item-flag{
    padding-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.destination_flag_block{
    position: relative;
    width: 100%;
}
.destination_flag_block .destination_flag{
    width: 10%;
    padding-right: 0.5vw;
    flex: 1;
}
.destination_flag_block .destination {
    width: 75%;
    display: inline-block;
    flex: 2;
}
.destination_flag_block .destination h5 {
    margin-bottom: 0;
}
.item-end-date{
    padding-top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
   
}
.cargo-desc{
    padding-left: 0;
    padding-top: 0;
    justify-content: center;
    align-items: flex-start;
    padding-left: 7%;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.cargo-customer{
    padding-top: 0;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cargo-customer-block{
    text-align: center;

}
.label_myitems {
    width: auto;
    text-align: center;
}

.customer-star {
    top: 2px;
    left: -10px;
    position: relative;
    /* flex: 1; */
    margin-left: 0 !important;
}

.row_item.viewed .cargo-customer-name{
    color: #9B2C31;
}
.cargo-customer-name{
    margin-top: 0;
    font-size: 0.7vw;
    margin-bottom: 0;
    margin-left: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 125px;
}

.cargo-customer-review{
    margin-left: 0;
}

.item-detail-desc{
    height: 3.8vw;
}
.item-place-bid .item-place-bid-block{
    width: 12vw;
    position: absolute;
}

.item-place-bid .item-place-bid-block .tableRateOffer{
    position: absolute;
    width: 10.4vw;
}

.item-place-bid .item-place-bid-block .tableCurrOffer{
    position: absolute;
    right:0;
}

.item-place-bid .bid-offer{
    position: absolute;
    top: 2.2vw;
}
.item-place-bid .text-success{
    display: none;
    position: absolute;
    left: 2vw;
    top: -1.3vw;
}
.map_menu p {
    padding-left: 0.52vw;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
.map_menu hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.button_calc:before{
    
    background: url('/static/img/icons/uploadfooter.svg?19378c3c8745') no-repeat center;
}

.item-contacts-block button{
    width: 49%;
    margin-bottom: 0.5vw;
}

.item-contacts-block  .small-chat{
    width: 25%;
}

.item-contacts-block .phone_icon{
    margin-right: 0;
}
.item-contacts-block .chat_icon{
    float: right;
    margin-right: 0;
}
.item-contacts-block .full-btn.mail_icon{
    width: 100%;
}
.item-contacts-block .full-btn.mail_icon:before{
    float: none;
    margin-right: 0.2vw;
}
.item-contacts-block .mail_icon:before{
    margin-top: -0.15vw;
}
.offer-list{
    height: 10vh;
    margin-top: 20px;
}

.list_icon:before{
    margin-top: 0.2vw;
}

.buttons_block .cargo-button-label{
    width: auto;
}
.gm-style .gm-style-iw-c{
    border-radius: 0;
}
.cargo-map-detail-show{
    list-style: none;
    padding-left: 0;
}
.cargo-map-detail-show li{
    cursor: pointer;
    border-bottom: 0.5px solid #b5b5b5;
    padding-bottom: 5px;
    margin-bottom: 5px;
    min-width: 15vw;
    width: 100%;
}
.cargo-map-detail-show li strong{
    float: right;
   
}
.buttons_block .transport-button-label{
    width: auto;
}
.map_sidebar_add_header .cross:after {

    background-size: 0.8vw;
    content: "";
    width: 1.5vw;
    height: 2.5vw;
    top: 35%;
    right: 10px;
}
.buttons_block .warehouse-button-label{
    width: auto
}

.sidebar_toggle{
    top: 0.8vw;
    right: 0;
}
.window_toggle{
    top: 2.9vw;
    right: 0;
}
.options_btn_fixed_bottom{
    position: absolute;
    bottom: 0.7vw;
}

.user_circle_label {
 
    bottom: -0.35vw;
    left: 1.6vw;
}

.item_details_container .chevron_up:before {
    right: 0;
    bottom: 5px;
}
@media screen and (max-width: 1400px) {

    .table_header .sort span:after {
        top: 0.5vh;
    }
}


@media screen and (max-width: 1100px) {
    .registration_container, .new_item_container{
        flex: 0 0 40%;
        max-width: 40%;
    }
    .row_details_btn_custom {
        position: absolute;
        right: 1.0vw;
        top: 0;
        font-size: 9px;
        width: 14vw;
    }
    .window.full .table_content_cargo, .window.full .table_content_transport, .window.full .table_content_warehouse{
        width: 100%;
    }
    .tools_row .checkbox-plus + label:after, .tools_row .checkbox-plus:checked + label:after{
        margin-top: -0.4vh;
        margin-left: 0;
        height: 20px;
        width: 20px;
    }
    .tools_row{
        height: 6vw;
    }
    .tools_row .label-plus {
        font-size: 0.7vw;
        padding-top: 0.4vh;

        margin-right: 0.4vw;
        padding-left: 0.5vw;
        line-height: 1.7vw;
        text-align: left;
    }
    .tools-filtered-buttons .list_icon:before{
        width: 1.4vw;
        background-size: 1.4vw;
        margin-top: 0.1vw;
        margin-right: 0.8vw;
    }
    .tools-filtered-buttons .favorite_icon:before{
        width: 1.2vw;
        height: 1.2vw;
        background-size: 1.2vw;
    }
    .tools_row .sidebar_toggle{
        display: none;
    }
    .item-contacts-block button{
        text-align: center !important;
        line-height: 18px;
        font-size: 10px;
    }
    .item-contacts-block .chat_icon:before {
        width: 1.2vw;
        background-size: 1.2vw;
        float: none;
    }
    .item-contacts-block .phone_icon:before{
        width: 1.2vw;
        height: 1.2vw;
        background-size: 1.2vw;
        float: none;
        margin-top: 0.3vw;
    }
    .item-contacts-block .mail_icon:before{
        width: 1.4vw;
        height: 1.7vh;
        background-size: 2vw;
    }
    .item-contacts-block .mail_icon:before{
        float: none;
        margin-right: 0.2vw;
    }
    .item-place-bid .bid-offer {
        position: absolute;
        top: 3vw;
        width: 15vw;
        height: 20px;
        font-size: 9px;
    }
    .item-place-bid .item-place-bid-block {
        width: 15vw;
        position: absolute;
    }
    .item-place-bid .item-place-bid-block .tableRateOffer {
        position: absolute;
        width: 14.4vw;
        height: 20px;
        font-size: 10px;
    }
    .item-place-bid .item-place-bid-block .tableCurrOffer {
        position: absolute;
        right: 0;
        height: 20px;
        width: 20px;
    }
    .item-place-bid .graph_icon:before{
        width: 1.5vw;
        height: 1.5vw;
        background-size: 1.5vw;
    }
    .item-detail-desc{
        height: 5vw;
        font-size: 10px;
    }
    .row_details_btn {
        width: 16vw;
        height: 20px;
        font-size: 9px;
        margin-bottom: 10px !important;
    }
    .route_icon:before{
        width: 1.5vw;
        height: 1.5vw;
        background-size: 1.4vw;
    }
    .feather_icon:before{
        width: 1.2vw;
        height: 1.4vw;
        background-size: 1.2vw;
    }
    .checkbox-plus + label:after, .checkbox-plus:checked + label:after{
      
        height: 20px;
        width: 20px;
    }
    .tools_row .text-table_logo{
        top: 1.5vw;
    }
    .tools_row .text-table_name{
        top: 3vw;
    }
    
}

@media screen and (max-width: 980px) {
    .options_btn_fixed_bottom {
        position: absolute;
        bottom: -2px;
    }
    .registration_container, .new_item_container {
        flex: 0 0 40%;
        max-width: 40%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
   
    .only-auth-user-text{
        font-size: 10px;
    }
    .row_details_btn_custom {
        position: absolute;
        right: 15px;
        top: 0;
        font-size: 11px;
        width: 30%;
        height: 20px;
        width: 30%;
        height: 20px;
        font-size: 10px;
    }
    .feather_icon.row_details_btn_custom:before{
        width: 1.45vw;
        height: 1.6vw;
        background-size: 1.4vw;
    }
    
    .linked_companies_icon:before {
      
        width: 14px;
        height: 14px;
        color: #fff;
        background-size: 14px;
        background-repeat: no-repeat;
        margin-right: 0;
    }
    .address_icon:before {
        width: 15px;
        height: 15px;
        background-size: 15px;
        margin-right: 10px;
    }
    .element-table-pc-view{
        display: none !important;
    }

    .element-table-mb-view {
        display: block;
    }

    .add-buttons-block button{
        height: 20px;
        margin-right: 0;
        margin-left: 5px;
    }

    .add-buttons-block .add_icon:before{
        width: 1.5vw;
        height: 1.5vw;
        background-size: 1.5vw;
    }
    .tools_row {
        height: auto;
        min-height: 55px;
    }
    .tools_row .label-plus{
        width: auto;
        padding-left: 10px;
        margin-right: 5px;
        margin-right: 0;
        margin-left: 5px;
        margin-bottom: -1px;
    }
    .tools-filtered-buttons .label-plus.icon:before{
        margin-right: 10px;
        width: 1.6vw;
        background-size: 1.6vw;
    }
    .tools-filtered-buttons .favorite_icon:before {
        width: 1.5vw;
        height: 1.5vw;
        background-size: 1.5vw;
    }
    .tools_row .text-table_logo {
        top: 2vw;
        font-size: 12px !important;
    }
    .tools_row .text-table_name {
        top: 4vw;
        font-size: 18px !important;
    }
    .window_toggle {
        top: auto;
        right: 0;
        bottom: 7px;
        width: auto;
        height: 20px;
    }
    .sidebar_btn:before{
        margin: 0;
    }
    .sidebar_btn:before {
        margin: 0;
        background-size: 1.5vw;
        width: 1.5vw;
        height: 1.5vw;
    }
    .show_list, .show_details, .show_table{
        top: auto;
        bottom: 7px;
        width: auto;
        height: 20px;
        padding: 0 5px;
    }
    .show_list svg, .show_details svg, .show_table svg {
        height: 1.5vw;
        width: 1.5vw;
    }
    .sidebar_btn.active {
        width: auto;
        height: 20px;
    }
    .sidebar_btn.active:before{
        margin: 0;
        background-size: 1.5vw;
        width: 1.5vw;
        height: 1.5vw;
    }
    .window .table_header{
        height: auto;
        width: 200%;
    }
    .window.full{
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        height: 100vh;
    }
    .window.full.forum-window {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 70vh;
    }
    .table_content{
        height: 100vh;
    }
    .window  .table_content{
        width: 200%;
    }
    .window  .table_content-1{
        width: 200%;
    }
    .table_header .sort{
        font-weight: 100;
        font-size: 12px;
        height: 40px;

    }
    .table_header .sort span:after {
        width: 2vw;
        height: 3vh;
        background-size: 2.5vw;
        margin-left: 0.5vw;
        top: 0.4vh;
        margin-top: 0;
        top: 0.7vh;
    }
    .row_item {
        height: 65px;
        font-size: 10px !important;

    }
    .destination h5 {
        font-size: 10px;

        line-height: normal;
    }
    .cargo-customer-name {
        margin-top: 0;
        font-size: 10px;

        margin-bottom: 0;
        margin-left: 0;
    }
    .red_star_big_empty:before{
        width: 2.2vw;
        background-size: 2.2vw;
        height: 2.2vw;
    }
    .red_star_big:before{
        width: 2.2vw;
        background-size: 2.2vw;
        height: 2.2vw;
    }
    .item-place-bid .item-place-bid-block {
        width: 100%;
        position: relative;

    }
    .item-place-bid .item-place-bid-block .tableRateOffer {
        position: absolute;
        width: 100%;
        height: 20px;
        font-size: 10px;
    }
    .item-place-bid .bid-offer {
        position: relative;
        top: 4vw;
        width: 100%;
        height: 20px;
        font-size: 9px;
    }
    .item-detail-desc {
        height: 6.5vw;
        font-size: 10px;
        font-size: 10px;
    }
    .row_details_btn {
        width: 35%;
        height: 20px;
        font-size: 9px;
        margin-bottom: 10px !important;
        display: block;
    }
    .item-contacts-block{
        font-size: 12px !important;
    }
    .item_details_container{
        font-size: 11px !important;
    }
    .item_details_container h5{
        font-size: 11px !important;
    }
    .item_details_container .section_header {
        padding: 5px 0;
        cursor: pointer;
        position: relative;
        font-size: 11px;
        font-weight: 600;
    }
    .item-contacts-block button {
        width: 49% !important;
    }
    .item-contacts-block .contacts-messengers-block{
        width: 49% !important;
        height: auto !important;
    }
    
    .item-contacts-block .full-btn.mail_icon {
        width: 100% !important;
    }
    .item-contacts-block .mail_icon:before {

        height: 1.5vw;
        width: 2.3vw;
        background-size: 3vw;

    }
    .cargo-customer-review {
        margin-left: 0;
        font-size: 10px !important;
    }
    .select-curr{
        font-size: 1.6vw;
        background-size: 2.3vw;
        background-position-x: 1.2vw;
        background-position-y: 0.5vh;
    }
    .destination_flag_block .flag{
        width: 2vw;
    }
    .main{
        top: 6.2vh;
    }
    .tableRateOffer::-webkit-input-placeholder { 
        font-size: 10px;
    }
    .tableRateOffer::-moz-placeholder { 
        font-size: 10px;
    }
    .tableRateOffer:-ms-input-placeholder {
        font-size: 10px;
    }
    .tableRateOffer:-moz-placeholder {
        font-size: 10px;
    }
    .row_details.show{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .item-place-bid{
        padding-right: 15px !important;
    }
    .window.full .table_content_cargo, .window.full .table_content_transport, .window.full .table_content_warehouse {
        width: 200%;
    }
    .show_table {
        left: 45px;
    }
    
    .print_icon:before{
        width: 1.5vw;
        height: 1.5vw;
        background-size: 1.5vw;
    }
    .add-buttons-block .label-plus.icon:before {
        margin-right: 10px;
        width: 1.6vw;
        background-size: 1.6vw;
        height: 1.6vw;
    }
    .tools-filtered-buttons {
        margin-top: 0.5vw;
        margin-bottom: 0.5vw;
    }
    .add-buttons-block .add_icon {
        padding-top: 0;
    }
    .company-header-row-detail{
        font-size: 14px !important;
    }
    .action-items-block{
        font-size: 11px;
        margin-bottom: 20px;
    }
    .add-buttons-block .add_cargo_m:before {
        background-image: url(/static/img/icons/add_cargo_m.svg?0da89c69db6c);
    }
    .add-buttons-block .add_sklad_m:before {
        background-image: url(/static/img/icons/add_sklad_m.svg?0da89c69db6c);
    }
    .add-buttons-block .add_strah_m:before {
        background-image: url(/static/img/icons/add_strah_m.svg?0da89c69db6c);
    }
    .add-buttons-block .add_transp_m:before {
        background-image: url(/static/img/icons/add_transp_m.svg?0da89c69db6c);
    }
    .profile_buttons_bl .options_btn_red {
       width: auto; 
    }
    .tools-filtered-buttons .add_cargo_m:before {
        background-image: url(/static/img/icons/add_cargo_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons .add_sklad_m:before {
        background-image: url(/static/img/icons/add_sklad_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons .add_strah_m:before {
        background-image: url(/static/img/icons/add_strah_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons .add_transp_m:before {
        background-image: url(/static/img/icons/add_transp_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons button {
        
        height: 20px;
        margin-right: 0;
        margin-left: 5px;
    }
    
    .add-buttons-block .add_icon:before {
        width: 35px;
        height: 13px;
        background-size: 35px;
    }
    .tools-filtered-buttons .add_icon:before {
        width: 35px;
        height: 13px;
        background-size: 35px;
    }
}

@media screen and (max-width: 560px) {
    .registration_container, .new_item_container {
        flex: 0 0 40%;
        max-width: 40%;
        flex: 100%;
        max-width: 100%;
    }
    .profile_buttons_bl .tools-filtered-buttons {
        margin-top: 7px;
    }
    .options_btn_fixed_bottom {
        position: absolute;
        bottom: -2px;
    }
    .tools_row {
        height: auto;
        min-height: 65px;
    }
    .feather_icon.row_details_btn_custom:before {
        
        width: 15px;
        height: 15px;
        background-size: 12px;
        margin-right: 10px;
        margin-left: 5px;
    }
    .window .table_header{
        height: auto;
        width: 400%;
    }
    .address_icon:before {
        width: 15px;
        height: 15px;
        background-size: 15px;
        margin-right: 10px;
    }
    .window  .table_content{
        width: 400%;
    }
    .window  .table_content-1{
        width: 400%;
    }
    .row_item {
        height: 65px;
        font-size: 10px !important;
    }
    .table_header .sort span:after {
        width: 4vw;
        height: 5vh;
        background-size: 4.5vw;
        margin-left: 0.5vw;
        top: 0.4vh;
        margin-top: 0;
        top: 1.4vh;
    }
    .tools_row .text-table_name {
        top: 10vw;
        font-size: 18px !important;
    }
    .tools_row .text-table_logo {
        top: 5vw;
        font-size: 12px !important;
    }
    .sidebar_btn:before {
        margin: 0;
        background-size: 10px;
        width: 10px;
        height: 10px;
    }
    .show_list svg, .show_details svg, .show_table svg {
        width: 10px;
        height: 10px;
    }
    .tools_row .buttons_block {
        margin-top: 10px;
        margin-right: 20px;
    }
    .add-buttons-block .add_icon:before {
        width: 35px;
        height: 13px;
        background-size: 35px;
        margin-right: 0;
        margin-top: 0px;
    }
    .tools-filtered-buttons .add_icon:before {
        width: 35px;
        height: 13px;
        background-size: 35px;
        margin-right: 0;
        margin-top: 0px;
    }
    .add-buttons-block .add_cargo_m:before {
        background-image: url(/static/img/icons/add_cargo_m.svg?0da89c69db6c);
    }
    .add-buttons-block .add_sklad_m:before {
        background-image: url(/static/img/icons/add_sklad_m.svg?0da89c69db6c);
    }
    .add-buttons-block .add_strah_m:before {
        background-image: url(/static/img/icons/add_strah_m.svg?0da89c69db6c);
    }
    .add-buttons-block .add_transp_m:before {
        background-image: url(/static/img/icons/add_transp_m.svg?0da89c69db6c);
    }
    .profile_buttons_bl .options_btn_red {
       width: auto; 
    }
    .tools-filtered-buttons .add_cargo_m:before {
        background-image: url(/static/img/icons/add_cargo_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons .add_sklad_m:before {
        background-image: url(/static/img/icons/add_sklad_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons .add_strah_m:before {
        background-image: url(/static/img/icons/add_strah_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons .add_transp_m:before {
        background-image: url(/static/img/icons/add_transp_m.svg?0da89c69db6c);
    }
    .tools-filtered-buttons button {
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        margin-right: 0;
        margin-left: 5px;
    }
    .add-buttons-block .add_icon {
        padding-top: 0;
    }
   
    .tools_row .label-plus {
        height: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-left: 10px;
    }
    .tools-filtered-buttons .label-plus.icon:before {
        margin-right: 10px;
        width: 14px;
        background-size: 14px;
        margin-top: 1px;
        height: 14px;
    }
    .tools-filtered-buttons .list_icon:before {
        margin-top: 2px;
    }

    .select-curr {
        font-size: 15px;
        background-size: 20px;
        background-position-x: 13px;
        background-position-y: 5px;
        height: 25px;
        width: 25px;
    }

    .button_calc {
        width: 18px;
        height: 20px;
        background-color: rgba(155,44,49,0.49);
        position: absolute;
        right: 2vw;
        top: auto;
        bottom: 8px;
        padding: 0;
    }

    .button_calc:before{
        background-size: 12px;
    }

    .item-place-bid .bid-offer {
        position: relative;
        top: 31px;
        width: 100%;
        height: 25px;
        font-size: 9px;
    }

    .item-place-bid .graph_icon:before {
        width: 15px;
        height: 15px;
        background-size: 15px;
        padding-left: 10px;
        margin-left: 5px;
        margin-right: 10px;
    }

    .item-place-bid .item-place-bid-block .tableCurrOffer {
        position: absolute;
        right: 0;
        height: 25px;
        width: 25px;
    }

    .item-detail-desc {
        height: auto;
        font-size: 10px;
        font-size: 10px;
    }

    .item-place-bid .item-place-bid-block .tableRateOffer {
        position: absolute;
        width: 100%;
        height: 25px;
        font-size: 10px;
    }
    .row_details_btn {
        width: 35%;
        height: 25px;
        font-size: 9px;
        margin-bottom: 5px !important;
        display: block;
    }
    .route_icon:before {
        width: 15px;
        height: 15px;
        background-size: 15px;
        margin-right: 10px;
        margin-left: 5px;
    }
    .feather_icon:before {
        width: 15px;
        height: 15px;
        background-size: 12px;
        margin-right: 10px;
        margin-left: 5px;
    }
    .item_details_container .note-area {
        margin-top: 10px;
        height: auto !important;
    }
    .item_details_container .label-plus{
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .main {
        top: 4.5vh;
    }
    .sidebar_btn.active:before{
        margin: 0;
        background-size: 10px;
        width: 10px;
        height: 10px;
    }
    .item-contacts-block .phone_icon:before {
        width: 10px;
        height: 10px;
        background-size: 10px;
        margin-right: 5px;
        float: none;
        margin-top: 0.3vw;
    }
    .item-contacts-block .chat_icon:before {
        width: 13px;
        background-size: 12px;
        height: 10px;
        margin-right: 5px;
        float: none;
    }
    .item-contacts-block .mail_icon:before {
        height: 11px;
        width: 17px;
        background-size: 21px;
    }
    .item_details_container{
        margin-top: 10px;
    }
    .window.full .table_content_cargo, .window.full .table_content_transport, .window.full .table_content_warehouse {
        width: 400%;
        position: relative;
    }
    .show_table {
        left: 45px;
        bottom: 8px;
    }
    .add-buttons-block .label-plus.icon:before {
        margin-right: 10px;
        width: 14px;
        background-size: 14px;
        margin-top: 1px;
        height: 14px;
    }
    .add-buttons-block .label-plus{
        height: 20px;
        margin-bottom: 0;
        margin-top: 5px;
        padding-left: 10px;
    }
    .print_icon:before {
        width: 10px;
        height: 10px;
        background-size: 10px;
    }
    .add-buttons-block button {
        padding-left: 10px;
        padding-right: 10px;
    }
    .show_list, .show_details {
        left: 20px;
        bottom: 8px;
    }
    .window_toggle {
        right: -15px;
        bottom: 8px;
        z-index: 1;
    }
    .no-auth-tools_row{
        height: 65px;
    }
    .tools_row.no-auth-tools_row .pos-abs {
        margin-top: 0.8vw;
        position: absolute;
        bottom: 8px;
        right: 32px;
    }
    .destination_flag_block .flag {
        width: 15px;
    }
    .sidebar.full .save_template:before {
        background-size: 15px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 6px;
        width: 15px;
        height: 15px;
    }
}
::-webkit-scrollbar {
    width: 6px;

}

.search_countries_tab .nav-item{
    position: relative;
}
.search_countries_tab .nav-item:before < .search_countries_tab .nav-item a.active{
    width: 0;
}
.ads_container{
    width: 21vw;
}
.news-banners .context-place{
    margin-top: 8.5vh;
    padding-top: 1vh;
}
.context-place{

    border-bottom: 1px solid rgba(58, 58, 58, 0.5);
}
.context-place img{
    width: 100%;
    height: 100%;
    max-height: 5vh;
}
.ads_block {
    min-height: 5.2vw;
    height: auto;
    padding-top: 1vw;
    margin-bottom: 0.52vw;
    /*box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);*/
}
.news_main_container .btn_red{
    color: #9b2c31;
}
.news_main_container.bannersOn{
    margin-top: 6.5vh;
}
.news_main_container a{
    color: #9b2c31;
    text-decoration: underline;
}
.checkbox-plus:checked + .label-plus{
    color: #000;
}
.label-plus{
    color: #00000040;
}
.inputfile-css + label, .inputfile-document + label{
    color: #000;
}
.news_main_image{
    width: 18.2vw; float: left; margin-right: 1vw; margin-top: 2.5vw;
}
.news_main_title{
    position: absolute; top: 1.5vw;
    font-size: 0.833vw;
}
.all_news_btn{
    margin-top: 1vw
}
.more_news_block .news_header{
    height: 5.2vw
}
.more_news_block .news_date{
    font-size: 0.625vw; display: inline-block; margin-bottom: 0.5vw
}
.more_news_block .news_details_block{
    position: absolute; right: 0;bottom: 0.5vw;
}
.more_news_block .news_details{
    font-size: 0.625vw;
}
.help_block_youtube .yt_player_iframe{
    height: 68vh;
}
.bannersOn .help_block_youtube .yt_player_iframe{
    height: 62vh;
}
.bannersOn .help_block_safe_text{
    height: 60vh;
}
.messengers-contacts{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.messengers-contacts.active{
    display: block;
}

.news_main_container .quickapp_seo{
    font-weight: normal;
    margin-top: 10px;
    font-size: 0.4vw;
    text-align: left;
    color: #a5a5a5;
    bottom: 0;
    left: 0;
    line-height: normal;
}

.news_main_container .quickapp_seo *{
    font-weight: normal;
    margin-top: 10px;
    font-size: 0.4vw;
    text-align: left;
    color: #e0e0e0;
    margin-bottom: 0;
    margin-top: 0;
    display: initial;
    background: none;
    bottom: 0;
    left: 0;
    line-height: normal;
}

.quickapp_seo_block *{
    font-weight: normal;
    margin-top: 10px;
    font-size: 0.4vw;
    text-align: left;
    color: #e0e0e0;
    margin-bottom: 0;
    margin-top: 0;
    display: initial;
    background: none;
    bottom: 0;
    left: 0;
    line-height: normal;
}
.contacts-messengers{
    min-width: 15vw;
    width: 100%;
}
.contacts-messengers .messenger img{
    width: 2vw;
    height: 1.8vw;
    margin-right: -10px;
}
.contacts-messengers .phoneReq img{
    width: 1.5vw;
    height: 0.85vw;
    margin-top: -8px;
}
.contacts-messengers .phoneText{
    margin-top: -5px;
}

.contact-messenger.whatsapp_contacts:after {
    cursor: pointer;
    background: url(/static/img/contacts/whatsap.svg) no-repeat center;
    content: "";
    background-size: 35px;
    width: 30px;
    height: 23px;
    display: inline-block;
}
.contact-messenger.telegram_contacts:after {
    cursor: pointer;
    background: url(/static/img/contacts/telegram.svg?f4c321147098) no-repeat center;
    content: "";
    background-size: 35px;
    width: 30px;
    height: 23px;
    display: inline-block;
}
.contact-messenger.viber_contacts:after {
    cursor: pointer;
    background: url(/static/img/contacts/viber.svg?f4c321147098) no-repeat center;
    content: "";
    background-size: 35px;
    width: 30px;
    height: 23px;
    display: inline-block;
}
.contact-messenger.wechat_contacts:after {
    cursor: pointer;
    background: url(/static/img/contacts/wechat.svg?f4c321147098) no-repeat center;
    content: "";
    background-size: 35px;
    width: 30px;
    height: 23px;
    display: inline-block;
}

.contact-messenger.off.whatsapp:after {
    cursor: pointer;
    background: url(/static/img/contacts/whatsap_off.svg) no-repeat center;
    content: "";
    background-size: 40px;
    width: 35px;
    height: 30px;
    display: inline-block;
}
.contact-messenger.off.telegram:after {
    cursor: pointer;
    background: url(/static/img/contacts/telegram_off.svg?f4c321147098) no-repeat center;
    content: "";
    background-size: 40px;
    width: 35px;
    height: 30px;
    display: inline-block;
}
.contact-messenger.off.viber:after {
    cursor: pointer;
    background: url(/static/img/contacts/viber_off.svg?f4c321147098) no-repeat center;
    content: "";
    background-size: 40px;
    width: 35px;
    height: 30px;
    display: inline-block;
}
.contact-messenger.off.wechat:after {
    cursor: pointer;
    background: url(/static/img/contacts/wechat_off.svg?f4c321147098) no-repeat center;
    content: "";
    background-size: 40px;
    width: 35px;
    height: 30px;
    display: inline-block;
}

.news_main_container{
    margin-top: 18.5vh;margin-bottom: 9.2vh;
}
.null_text_y{
    width: 100%;
    height: 68vh;
    font-size: 30px;
    text-transform: uppercase;
    color: #982b30;
}
.chat_message img{
	width: 100%;
}
.my_chat_message img{
	width: 100%;
}
.my_chat_message .flag{
	width: 0.9vw;
}
.chat_message .flag{
	width: 0.9vw;
}
.chat_message .chatArrow{
    width: auto;
}
.my_chat_message .chatArrow{
    width: auto;
}
.search_countries_tab .nav-item:before{
    content: "";
    height: 70%;
    top: 15%;
    left: 0;
    width: 1px;
    background: #c3c3c3;
    position: absolute;
}
.search_countries_tab .nav-item .active {

    filter: drop-shadow(5px 3px 7px rgba(0, 0, 0, 0.25));

}
.search_countries_tab .nav-item:first-child:before{
    content: "";
    width: 0;
}
.c_key_icon:before {
    content: "";
    display: inline-block;
    width: 1.6vw;
    height: 2.7vh;
    background-image: url(/static/img/icons/c_key.svg?0da89c69db6c);
    background-size: 1.6vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: -0.2vw;
}
.user-company-name{
    color: #1d53e6;
}
.profile_menu_container .red_star_big_empty:before {
    width: 0.7vw;
    height: 0.7vw;
    margin-left: -0.1vw;
    background-size: 0.7vw;
}
.profile_menu_container .red_star_big:before {
    width: 0.7vw;
    height: 0.7vw;
    margin-left: -0.1vw;
    background-size: 0.7vw;
}
.profile_menu_ava_block{
    padding-right: 10px;
    flex: 1;
}
.profile_menu_contact_block{
    flex: 2;
}
.profile_menu_info_block{
    flex: 3;
}
/* Track */
::-webkit-scrollbar-track {
   
    border-radius: 7px;

    opacity: 0.5;
    transition: opacity 0.5s linear;
}
.logo_clear{
    top: 2.5vh;
}
.show_list {
    background: #020202;
}
.menu_item{
    font-family: 'Montserrat', sans-serif;
}
.profile_buttons_plus{
    
}
.item_details_container{
    padding: 1vw;
}
.bids-header{
    padding-left: 20px;
}
.offer-bid-line{
    font-size: 8px;
    position: relative;
    margin-bottom: 3px;
    padding-top: 6px;
    border-top: 1px solid #585858;
}
.simplebar-content .offer-bid-line:last-child{
    border-bottom: 1px solid #585858;
    padding-bottom: 3px;
}
.simplebar-content .offer-bid-line:last-child:after{
    bottom: 5px;
}
.offer-bid-line h5{
    margin-bottom: 0;
}
.dropins_contacts_block{
    padding-right: 0;
    padding-left: 30px;
}
.dropins_contacts_block .item-contacts-block button{
    width: 70%;
}
.dropins_contacts_block .item-contacts-block .full-btn.mail_icon{
    width: 70%;
    text-align: left !important;
}
.dropins_contacts_block .item-contacts-block .full-btn.mail_icon:before {
    float: left;
    margin-right: 0.5vw;
}
.dropins_contacts_block .item-contacts-block .chat_icon{
    float: left;
}
.item_details_container.fixheight{
    height: 3.8vw;
}
.offer-bid-line.hds{
    margin-bottom: 6px;
}
.offer-bid-line.hds:after{
    border: none;
}
.offer-bid-line .offer-bid-line-name {
    color: #1D53E6;
    font-size: 13px;
    margin-left: 10px;
    vertical-align: super;
    text-transform: lowercase;
    cursor: pointer;
    display: inline-block;
    width: 11vw;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.offer-bid-line .red_star_big_empty:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-left: 0;
    margin-right: -4px;
    background-size: 12px;
    margin-top: 0px;
}
.main-bid-container{
    padding-left: 15px;
}
.offer-bid-line .red_star_big:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-left: 0;
    margin-right: -4px;
    background-size: 12px;
    margin-top: 0px;
}
.offer-bid-line-cost{
    vertical-align: top;
    font-size: 14px;
    display: inline-block;
    margin-left: 15px;
}
.profile_buttons_bl .options_btn_red{
    width: 12vw;
}
.items-result-text{
    display: none;
}
.sidebar.bannersOn{
    height: 78vh;
}
.window.bannersOn{
    height: 76vh;
}
.window.bannersOn .table_content{
    height: 66vh;
}
.sidebar.full .items-result-text{
    display: block;
    padding-top: 15px;
    font-size: 12px;
}
.sidebar .block-find-count-items .lds-spinner{
    display: none !important;
}
.offer-bid-line:after{
    content: "";
    border-bottom: 1px solid #9b2c31;
    height: 5px;
    width: 30%;
    position: absolute;
    left: 0;
    bottom: 2px;
    
}
.forum-list{
    padding-bottom: 5%;
}
.map_popup.active .block-find-count-items{
    display: block;
}
.map_popup .block-find-count-items{
    display: none;
}

.block-find-count-items .lds-spinner{
    position: absolute;
    top: 60px;
    left: auto;
}
.requisites .disabled input{
    background-color: #f9fafb;
    pointer-events: none;
}
.profile_buttons .disabled{
    opacity: 0.8;
    pointer-events: none;
}
.sidebar .button_green.disabled{
    opacity: 0.8;
    pointer-events: none;
}
.tools_row .label-plus.disabled{
    background-color: #f9fafb;
    opacity: 0.8;
    font-weight: 100;
}
.sidebar .label-plus.disabled{
    background-color: #f9fafb;
    opacity: 0.8;
    font-weight: 100;
}
.forum-window{
    overflow: scroll;
    background: #f9f6f6;
}

.show_password_register_1{
    position: absolute;
    top: 35%;
    right: 5%;
    cursor: pointer;
    width: 1vw;
    z-index: 1;
}
.show_password_register_2{
    position: absolute;
    top: 35%;
    right: 5%;
    cursor: pointer;
    width: 1vw;
    z-index: 1;
}
.subscibe.icon:before {
    content: "";
    display: inline-block;
    width: 1.2vw;
    height: 1.2vw;
    color: #fff;
    background-image: url(/static/img/icons/subscibe.svg?19378c3c8745);
    background-size: 1.2vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    /* margin-left: 0.5vw; */
    margin-right: 0.6vw;

}
.ads_profile.icon:before {
    content: "";
    display: inline-block;
    width: 0.8vw;
    height: 1vw;
    color: #fff;
    background-image: url(/static/img/icons/ads_profile.svg?0da89c69db6c);
    background-size: 0.8vw;
    background-repeat: no-repeat;
    float: left;
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 0.6vw;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.55);
    border-radius: 7px;

    opacity: 0.5;
    transition: opacity 0.5s linear;
}
.profile_btn_profile:before{
    width: 1.6vw;
    height: 2.5vh;
    background-size: 1.4vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-left: 0;
    margin-top: -2px;
    margin-right: 0px;
}
.profile_btn_mailing:before{
    width: 1.6vw;
    height: 2.5vh;
    background-size: 1.7vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-left: 0;
    margin-top: 0px;
    margin-right: 0px;
}
.profile_btn_feedbacks:before{
    width: 1.6vw;
    height: 2vh;
    background-size: 0.8vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-left: 0.2vw;
    margin-top: 0px;
    margin-right: 0px;
}
.profile_btn_payments:before{
    width: 1.6vw;
    height: 2.5vh;
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0px;
}
.profile_menu{
    height: auto;
    padding-bottom: 20px;
}
.profile_btn_help:before{
    width: 1.6vw;
    height: 2.5vh;
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0px;
}
.profile_btn_contract:before{
    width: 1.6vw;
    height: 2.5vh;
    background-size: 1vw;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0.2vw;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0px;
}
.close-map-menu{
    display: none;
}
.help_block_content img{
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.menu_item{
    width: 100%;
    margin-bottom: 15px;
}
.header_menu.small {
    width: 1.5vw;
    top: 1.4vh;
    right: 22vw;
}
.header_menu{
    top: 2.7vh;
}
.header_user.small {
    width: 1.2vw;
    top: 1.25vh;
    right: 25.3vw;
}
.header_user{
    top: 2.5vh;
    width: 1.75vw;
}
.login_form_container_close{
    display: none;
}

.profile_menu_container_close{
    display: none;
}

.chat_contacts_header{
    height: 3vw;
}

.user_chat_info_help{
    margin-top: 3vh;
}

.chat_header .user_circle{
    margin-left: 10px;
    margin-right: 5px;
}

.user_circle_label{
    position: absolute;
    bottom: -0.4vw;
    left: 1.65vw;
}

.chat_about_user_contacts {
    width: auto;
    padding-left: 10px;
    padding-bottom: 5px;
}
.chat-header-first{
    width: 100%;
}
.chat-header-second{
    width: 100%;
    padding-right: 1.5vw;
}
.chat-links-circle a{
    width: 22px;
    height: 25px;
}
.chat_skype_with_circle:before{
    content: '';
    background: url(/static/img/icons/chat_skype_with_circle.svg?0da89c69db6c) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 35px;
}
.chat_email_with_circle:before{
    content: '';
    background: url(/static/img/icons/chat_email_with_circle.svg?0da89c69db6c) no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 35px;
}
.chat_about_company {
    width: auto;
}
.chat-links-circle{
    margin-left: -3px;
    margin-top: -5px;
}
.chat_container_toggle{
    background: #fff;
}
.chat_contacts_container_toggle{
    bottom: 23vw;
}
.chat_about_company__username{
    margin-top: 0vw;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: right;
    text-transform: lowercase;

    white-space: nowrap;
    overflow: hidden;
    max-width: 155px;
    text-overflow: ellipsis;
}
.chat_about_user_contacts h5{
    font-size: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 2px;
}
.chat_about_user_contacts h6{

}
.chat_about_company__rating {
    position: relative;
    height: 1.5vw;
    width: 120px;
    max-width: 120px;

    float: right;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}
.chat_header{
    padding-top: 10px;
    height: auto;
    padding-bottom: 10px;
}
.chat_negative_rating {
    background-color: #9B2C31;
    width: 100%;
    bottom: 0;
    min-height: 3px;
}
.chat_positive_rating {
    background-color: #23B54A;
    width: 100%;
    min-height: 3px;
}
.cargo-offer-block{
    position: relative;
    float: right;
    background: #eef0f2;
    padding: 5px;
    width: 85%;
    padding: 5px 10px;
    box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
}

.cargo-offer-block .cargoRate{
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.cargo-offer-block .cargoRate .select-curr-bid{
    background-position-x: 0.7vw;
    background-position-y: 0.3vw;
    background-size: 1.5vw;
    margin-left: -5px;
    height: 1.5vw;
    width: 1.5vw;
  
}

.cargo-offer-block .cargoRate .cargo_bid{
    width: 5vw;
    height: 1.5vw;
}

.cargo-offer-text{
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.chat_container .chat_input{
   
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: none;
    border-bottom: none;
}

.chat_footer .chat_template_toggle {
    position: absolute; bottom: 0.7vh; left: 1vw;
}

.chat_footer .inputfile-chat {
    position: absolute; bottom: 0.7vh; left: 2.5vw;
}

.chat_footer .share-alternative-icon {
    position: absolute; bottom: 1vh; right: 1vw;
}

.chatMainRow{
    height: 23.4vw;
    overflow-y: scroll;
}
.chatMainRow ::-webkit-scrollbar {
    width: 0px;  
    background: transparent; 
}

.tab_contacts_content .contactFavorite{
    position: absolute;
    top: 0.2vw;
    right: 0.2vw;
}
.tab_favorite_content .contactFavorite{
    position: absolute;
    top: 0.2vw;
    right: 0.2vw;
}
.tab_contacts_content .chat_user {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tab_favorite_content .chat_user {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tab_favorite_content .chat_user  .text_1d53e6{
    text-transform: lowercase;
}

.tab_contacts_content .chat_user  .text_1d53e6{
    text-transform: lowercase;
}

.my_chat_message{
    background: #ffffff;
    margin-bottom: 10px;
}
.my_chat_message .removeBidsInChat{
    display: none;
}
.chat_message .removeBidsInChat{
    display: none;
}
.my_chat_message.chat_highlight{
    background: yellow;
}
.chat_highlight .cargo-offer-text{
    background: yellow;
}
.chat_message{
    background: #ffffff;
}

.chat_message .cargo-offer-block{
    width: 100%;
    position: unset;
    padding: 5px 0;
    box-shadow: none;
    background: #ffffff;
}

.chat_message .cargoFinalRate{
    display: block;
}

.chat_message .cargoRate{
    display: none;
}

.my_chat_message .cargo-offer-block{
    position: unset;
    width: 100%;
    padding: 5px 0;
    box-shadow: none;
    background: #ffffff;
}

.my_chat_message .cargoFinalRate{
    display: block;
}

.my_chat_message .cargoRate{
    display: none;
}

.cargoFinalRate{
    display: none;
}
.forum-list .section_header{
    padding: 10px 0;
    font-weight: 600;
}
.forum_thread_name{
    margin-left: 0;
}
.forum_thread_container{
    padding-top: 5px;
}
.forum_message{
    padding: 1vw 1vw 1vw 1vw;
}
.forum_contact_container {
    height: auto;
    width: 30%;
    margin-top: -1vw;
    margin-left: -1vw;
}
.thread_user_message{
    float: left;
    margin-left: -1vw;
    position: relative;
    margin-bottom: 0.5vw;
    margin-right: 1vw;
    padding: 10px 0;
}
.no_thread_user_message{
    float: right;
    margin-right: -1vw;
    position: relative;
    margin-bottom: 0.5vw;
    margin-right: -1vw;
    padding: 10px 0;
    margin-left: 10px;
}

.forum_contact_container h5{
    margin-bottom: 5px;
    text-transform: lowercase;
}
.forum_contact_container .contactFavorite {
    position: absolute;
    top: 0px;
    right: 10px;
}
.window.full.forum-window{
    overflow-y: scroll;
    overflow-x: hidden;
}
.textarea-forum-block .forum_send_btn{
    position: absolute;
    right: 1vw;
    bottom: 0.3vw;
}
.textarea-forum-block .attachment-icon{
    position: absolute;
    bottom: 0;
    right: 2.3vw;
}

.contacts_bg{
    background-image: url('/static/img/main/Maps.svg?afe7bb3dbe10');
    background-repeat: no-repeat;
    background-position: center;
}
.crane-image{
    position: absolute;
    width: 90%;
}
.contacts_block.left-contact_block{
    position: absolute;
    padding: 2em 4em;
    top: 50%;
    left: -10%;
}
.contacts_block.left-contact_block h5{
    margin-bottom: 0;
}
.contacts_block.left-contact_block  svg {
    overflow: hidden;
    vertical-align: text-top;
    margin-top: -4px;
}
.contacts-facebook{
    position: absolute; 
    right: 15%
}
.logo_clear.small {
    width: 9.9vw;
    top: 1.5vh;
}
.contacts-vk{
    position: absolute; 
    right: 5%
}
.help_block{
    display: none;
}
.help_block.active{
    display: block;
}
.quetion_menu_item{
    position: relative;
}
.forum_thread_name.chevron_down_small:before{
    background: url(/static/img/icons/arrow-top-min.svg?0da89c69db6c) no-repeat;
    background-size: 1.6vw;
    width: 1vw;
    height: 0.9vw;
}
.quetion_menu_item:before{
    background: url(/static/img/icons/arrow-right-red.svg?0da89c69db6c) no-repeat;
    content: "";
    background-size: 1.2vw;
    width: 1.2vw;
    height: 1vw;
    display: inline-block;
    vertical-align: text-bottom;
    right: 0;
    top: 0;
}
.quetion_menu_item.active:before{
    background: url(/static/img/icons/arrow-right-green.svg?0da89c69db6c) no-repeat;
    
}
.quetion_menu_item.active{
    color: #23b54a;
}
.help_block_content{
    display: none;
    margin-top: 30px;
}
.help_block_content.visible{
    display: block;
    padding: 0 5%;
}
.help_block_video{
    display: block;
    margin-top: 0;
}
.help_block_video.novisible{
    display: none;
}
.share-alternative-icon{
    background: url(/static/img/icons/send_message.svg?19378c3c8745) no-repeat;
    background-size: 1vw;
}
.chat_search{
    height: 2vw;
    padding-left: 0.5vw;
    padding-top: 0.4vw;
}
.chat_search svg{
    margin-right: 5px;
}
.chat_search_input {
    border: 1px solid;
    border-radius: 50px;
    background-color: transparent;
    padding-left: 10px;
    padding-top: 0;
    height: auto;
    line-height: 12px;
    margin-top: 0;
    margin-right: 10px;
}
.help_open_tab{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 22px;
    text-transform: uppercase;
    color: #9b2c31;
    text-decoration: underline;
}
.quetion_block_text{
    margin-bottom: 15px;
}
.quetion_block_text a{
    font-weight: 600;
}

.help_block_safe_text{
    overflow-y: auto;
    padding: 25px 5%;
    background-color: #eef0f2;
    height: 70vh;
}
.help_block_safe_text .main-title{
    color: #9b2c31;
    font-size: 16px;
    margin-bottom: 15px;
}
.errorlist{
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.profile_buttons .add-buttons-block .button_blue{
    height: 1.6vw;
    color: #fff;
    display: inline-block;
    font-size: 0.625vw;
    font-weight: 600;
    margin-right: 0.5vw;
    text-align: center;
    padding-right: 1vw;
    padding-left: 1vw;
    line-height: normal;
    padding-top: 0;

}
.profile_buttons .add-buttons-block .button_green{
    height: 1.6vw;
    color: #fff;
    display: inline-block;
    font-size: 0.625vw;
    font-weight: 600;
    margin-right: 0.5vw;
    text-align: center;
    padding-right: 1vw;
    padding-left: 1vw;
    line-height: normal;
    padding-top: 0;

}
.profile_buttons .add-buttons-block .button_red_filter{
    height: 1.6vw !important;
    color: #fff;
    display: inline-block;
    font-size: 0.625vw;
    font-weight: 600;
    margin-right: 0vw;
    text-align: center;
    padding-right: 1vw;
    padding-left: 1vw;
    line-height: normal;
    padding-top: 0;
    width: auto !important;

}

.profile_buttons .add-buttons-block .favorite_white:before{
    margin-top: 0;
    margin-right: 0.6vw;
}

.profile_buttons .tools-filtered-buttons .select_month{
    width: 5.5vw; 
    display: inline-block;
    margin-right: 0.4vw;
}

.profile_buttons .tools-filtered-buttons .select_month.nmr{
    width: 5.5vw; 
    display: inline-block;
    margin-right: 0;
}
.profile_buttons .tools-filtered-buttons .checkbox_banner{
    width: 13vw;
    line-height: 1.4vw;
}

.profile_buttons .tools-filtered-buttons .checkbox_subs{
    width: 9.5vw;
    line-height: 1.4vw;
}
.pdf_contract{
    height: 59vh;
    overflow-y: scroll;
    padding: 0 1vw 0 1vw
}
.input-emaillist {
    width: 100%;
}
.add_email_to_list button{
    height: 1.6vw;
}

.bills .request-sent-act.disabled {
    opacity: 1;
    pointer-events: none;
    cursor: default;
    width: 100%;
    width: 90%;
    font-weight: 400;
    font-size: 14px;
    background: #23b54a;
    height: 70%;
}

.bills .request-sent-act.enabled {
    opacity: 1;

    cursor: pointer;
    width: 90%;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: #9b2c31;
    height: 70%;
}
.select-email{
    width: 0;
    display: block;
    
}
.emails .select-email:after{
    background: #fff;
}

.plus_button_add_email {
    cursor: pointer;
    background: #9B2C31 url("/static/img/icons/plus.svg?0da89c69db6c") no-repeat center;
    background-size: 0.5vw;
    color: #fff;
    content: "";
    width: 1.5vw;
    height: 1.6vw;
    display: inline-block;
    float: right;
    position: absolute;
    right: 15px;
}
.remove_button_c_email{
    cursor: pointer;
    background-color: #585858!important;
    background: url(/static/img/icons/cross.svg?0da89c69db6c) no-repeat center;
    background-size: 0.5vw;
    color: #fff;
    content: "";
    width: 1.5vw;
    height: 1.6vw;
    display: inline-block;
    float: right;
    position: absolute;
    right: 15px;
}

.add_email_custom{

}
.emails .checkbox-plus:checked + .select-email:after{
    background: #23b54a url(/static/img/icons/check.svg?0da89c69db6c) no-repeat center;
}
.nmr{
    margin-right: 0 !important;
}
.dropins-window .row_item{
    height: auto;
}
.dropins-window  .row_item .dropins-subject{
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropins-window  .row_item.show .dropins-subject{
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: inherit;
    overflow: visible;
    text-overflow: unset;
}
.bills .pdf_icon:before{
    width: 1.2vw;
    margin-left: 5px;
    height: 1vw;
    margin-bottom: -2px;
    background-size: 1vw;
}
.thanks-block{
    padding-top: 20px;
    padding-bottom: 20px;
}
.tab_help_content .tab_contacts_content .chat_user {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
#id_phone_number::placeholder{
    color: #c5c5c5;
}
@media screen and (max-width: 1610px) {
    .contacts-messengers{
        min-width: 14.7vw;
        width: 100%;
    }
}


@media screen and (max-width: 1400px) {
    .contacts-messengers{
        min-width: 14.4vw;
        width: 100%;
    }
    .contacts-messengers .phoneReq img {
        width: 1.5vw;
        height: 0.85vw;
        margin-top: -6px;
        margin-left: 2px;
    }
    .offer-bid-line-cost{
        font-size: 12px;
    }
    .offer-bid-line .offer-bid-line-name{
        width: 9vw;
    }
    .contacts_block p{
        font-size: 10px !important;
    }
    .contacts_block h5{
        font-size: 12px !important;
    }
    .contacts-facebook {
        position: absolute;
        right: 18%;
    }
    .crane-image {
        position: absolute;
        width: 70%;
    }
    
}
@media screen and (max-width: 1100px) {
    .offer-bid-line .offer-bid-line-name{
        font-size: 11px;
        margin-left: 10px;
        width: 15vw;
    }
    .offer-bid-line:after {
        content: "";
        border-bottom: 1px solid #9b2c31;
        height: 5px;
        width: 30%;
        position: absolute;
        left: 0;
        top: 15px;
    }
    .offer-bid-line {
        font-size: 8px;
        position: relative;
        margin-bottom: 10px;
    }
    .offer-bid-line .red_star_big_empty:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 16px;
        margin-left: 0;
        margin-right: -4px;
        background-size: 12px;
        margin-top: 0px;
    }
    .offer-bid-line .red_star_big:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 16px;
        margin-left: 0;
        margin-right: -4px;
        background-size: 12px;
        margin-top: 0px;
    }
    .offer-bid-line-cost{
        font-size: 12px;
        margin-left: 0px;
    }
    .item_details_container{
        padding: 15px;
    }
    .profile_buttons .tools-filtered-buttons .select_month{
        height: 20px;
    }
    .crane-image {
        position: absolute;
        width: 85%;
    }
    .contacts_block{
        margin-top: 15px;
    }
    .forum_contact_container{
        width: 25%;
    }
    .header {
        height: 7.2vh;
    }
        .profile_menu {
        position: absolute;
        right: 0;
        margin-top: 3vh;
        width: 40vw;
        height: auto;
        padding-bottom: 20px;
       
    }
    .user-company-detail{
        padding-bottom: 10px;
    }
    .user-company-detail .username{
        padding-left: 0;
        font-size: 10px !important;
    }
    .user-company-name{
        font-size: 8px;
    }
    .user-company-subscription{
        font-size: 8px;
    }
    .profile_menu_ava {

        width: 40px;
        height: 40px;
      
        background-size: 40px;

        margin-left: 0;
    }
    .profile_menu_btn {
        width: 100%;
        height: 30px;
       
    
        font-weight: 100;
        font-size: 14px;

        padding-top: 0.5vh;
    }
    .profile_btn_profile:before{
        background-size: 18px;
        width: 18px;
        height: 15px;
        margin-left: 10px;
        margin-right: 5px;
        margin-top: 2px;
    }
    .profile_btn_mailing:before{
        margin-left: 10px;
        margin-top: 4px;
        width: 22px;
        height: 18px;
        background-size: 22px;
    }
    .profile_btn_feedbacks:before{
        background-size: 12px;
        float: left;
        margin-left: 11px;
        margin-right: 5px;
        margin-top: 2px;
        width: 14px;
        height: 14px;
    }
    .profile_btn_payments:before{
        margin-left: 10px;
        margin-top: 4px;
        margin-right: 5px;
        background-size: 12px;
        width: 15px;
        height: 15px;
    }
    .profile_btn_contract:before{
        margin-left: 10px;
        margin-right: 5px;
        margin-top: 4px;
        background-size: 12px;
        width: 15px;
        height: 15px;
    }
    .profile_btn_help:before{
        margin-left: 10px;
        margin-right: 5px;
        margin-top: 4px;
        background-size: 12px;
        width: 15px;
        height: 15px;
    }
    .profile_device_btn {
        width: 23px;
        height: 23px;
        margin: 0 2px;
        margin-top: 4px;
    }
    .button_red_filter, .button_red_narrow {
      
        font-size: 12px;
      
        margin-right: 0;

        padding-right: 0;
        padding-left: 0;

        margin-top: 5px;
        height: auto !important;

        width: 100% !important;
    }
    .profile_menu .col-6 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }


    .ads_container {
        position: fixed;
        width: 30vw;
        height: 40vw;
        left: 20px;
        bottom: 10px;
    }
    .ads_block {
        min-height: 6.5vw;
        height: auto;
        padding-top: 1.5vw;
        margin-bottom: 0.52vw;
    }
    .contacts-messengers{
        padding-left: 0;
        justify-content: center;
    }
    .contacts-messengers .messenger img {
        width: 20px;
        height: auto;
        margin-right: -1px;
    }
    .contacts-messengers .phoneText {
        margin-top: -1px;
        font-size: 10px;
    }
    .contacts-messengers .phoneReq img {
        width: 10px;
        height: auto;
        margin-top: -5px;
        margin-right: 5px;
    }
}


@media screen and (max-width: 980px) {
    .context-place{
        display: none;
    }
    .window.bannersOn {
        height: 88vh;
    }
    .sidebar.bannersOn {
        height: 86vh;
    }
    .window.bannersOn .table_content {
        height: 100vh;
    }
    .contacts-messengers{
        padding-left: 0;
        justify-content: center;
    }
    .contacts-messengers .phoneText a {
        font-weight: 600;
    }
    .show_password_register_1{
        width: 10px;
    }
    .show_password_register_2{
        width: 10px;
    }
    .help_block_youtube iframe{
        height: auto !important;
    }
    .chat_contacts_container{
        height: 50vw;
        width: 40vw;
        right: -40.6vw;
    }
    .chat_contacts_container.show{
        transform: translateX(-41.6vw);
    }
    .chat_container_toggle{
        bottom: 47.5vw;
    }
    .chat_about_user_contacts{
       
    }
    .chat_contacts_container .tab_help_content .chat_user {
        height: 50px;
        margin-bottom: 10px;
        height: 100%;
    }
    .tab_contacts_content .contactFavorite {
        position: absolute;
        top: auto;
        right: 2.2vw;
    }
    .tab_favorite_content .contactFavorite {
        position: absolute;
        top: auto;
        right: 2.2vw;
    }
    .chat_header .red_star_big:before {
        width: 1.2vw;
        background-size: 1.2vw;
        height: 1.2vw;
    }
    .chat_header .red_star_big_empty:before{
        width: 1.2vw;
        background-size: 1.2vw;
        height: 1.2vw;
    }
    .chat_header{
        height: 5.5vw;
    }
    .chat_header svg{
        width: 25px;
        height: 25px;
    }
    .chat_body{
        height: 25vw;
    }
    .chat_search{
        height: 2.6vw;
    }
    .chat_search_input{
        font-size: 10px;
    }
    .open-book-icon{
        background-size: 2vw;
        height: 2vw;
        width: 2vw;
    }
    .inputfile-chat + label {
        position: absolute;
        bottom: 0;
        left: 4.5vw;
        margin-bottom: 4px;
    }
    .inputfile-chat + label:after {
       
        background-size: 1.8vw;
        height: 2vw;
        width: 2vw;
    }
    .share-alternative-icon{
        background-size: 1.8vw;
        height: 2vw;
        width: 2vw;
    }
    .chat_footer .share-alternative-icon {
        position: absolute;
        bottom: 1vh;
        right: 2vw;
    }
    .chat_templates{
        height: 50vw;
        width: 30vw;
        right: 58.4vw;
    }
    .chat_templates_body div {
        line-height: 25px;
        font-size: 10px !important;
        margin-bottom: 8px;
    }
    .chat_templates_body{
        height: 50vw;
    }
    .chat_templates_close{
        right: 57.15vw;
        height: 3vw;
        bottom: 47vw;
    }
    .chat_templates_close.chevron_right:before{
        margin-top: 3px;
        background-size: 2vw;
    }
    .my_chat_message .cargo-offer-block{
        font-size: 11px;
    }
    .chat_message .cargo-offer-block{
        font-size: 11px;
    }
    .message_date {
        text-align: center;
        margin-top: 1vw;
        margin-bottom: 1vw;
        height: 3vw;
        padding-top: 0.5vw;
        font-size: 10px;
    }
    .my_chat_message{
        font-size: 11px;
        padding: 5px !important;
    }
    .my_chat_message img{
        width: 100%;
    }
    .my_chat_message .flag{
        width: 10px;
        margin-right: 5px !important;
        margin-top: -3px;
    }
    .chat_message .flag{
        width: 10px;
        margin-right: 5px !important;
        margin-top: -3px;
    }
    .chat_message .chatArrow{
        width: auto;
    }
    .my_chat_message .chatArrow{
        width: auto;
    }
    .tab_help_content h5{
        font-size: 10px;
    }
    .chat_message{
        font-size: 11px;
    }
    .message_time {
        font-size: 10px;
        padding-right: 5px;
    }
    .cargo-offer-text{
        font-size: 10px;
        padding-left: 5px;
    }
    .chat_templates.shift, .chat_templates_close.shift {
            transform: translateX(15.6vw);
    }
    .chat_container .chat_input{
        height: 12.3vw;
        font-size: 9px;
    }
    .chat_templates_header{
        height: 3vw;
        font-size: 12px !important;
    }
    .chat_search svg{
        width: 12px;
        height: 12px;
    }
    .chat_about_company {
       
    }
    .chat_about_company__username{
        font-size: 8px;
    }
    .chat_about_user_contacts h5{
        font-size: 9px;
        margin-bottom: 0;
    }
    .chat_about_user_contacts h6{
        font-size: 8px;
        margin-bottom: 0;
    }
    .chat_container{
        height: 50vw;
        width: 40vw;
    }
    .tab_contacts{
        background-size: 1.6vw;
    }
    .tab_help{
        background-size: 1.6vw;
    }
    .tab_favorite {
        background-size: 1.6vw;
    }
    .chat_contacts_container_toggle {
        bottom: 47vw;
    }
    .chatMainRow {
        height: auto;
        overflow-y: scroll;
    }
    .tab_contacts_content .chat_user{
        margin-bottom: 10px;
        height: 100%;
    }
    .tab_contacts_content .chat_user .text_1d53e6 {
        text-transform: lowercase;
        font-size: 10px;
    }
    .tab_contacts_content .chat_user h6 {
        text-transform: lowercase;
        font-size: 9px;
    }

    .tab_favorite_content .chat_user{
        margin-bottom: 10px;
        height: 100%;
    }
    .tab_favorite_content .chat_user .text_1d53e6 {
        text-transform: lowercase;
        font-size: 10px;
    }
    .tab_favorite_content .chat_user h6 {
        text-transform: lowercase;
        font-size: 9px;
    }

    .thanks-block h2{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .thanks-block h3{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .thanks-block h5{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .thanks-block h5 .redirect_countdown{
        font-size: 14px;
    }
    .thanks-block a{
        font-size: 14px !important;
    }

    .profile_buttons .add-buttons-block .button_red_filter{
        height: 20px !important;
    }
    .profile_buttons .add-buttons-block .button_green{
        height: 20px !important;
    }
    .profile_buttons .add-buttons-block .button_blue{
        height: 20px !important;
    }
    .profile_buttons .add-buttons-block .favorite_white:before {
        margin-right: 5px;
        width: 1.6vw;
        height: 1.5vw;
        background-size: 1.6vw;
        margin-left: 5px;
        margin-top: -1px;
    }
    .profile_buttons .add-buttons-block .add_icon:before {
        margin-right: 5px;
        width: 1.6vw;
        height: 1.5vw;
        background-size: 1.5vw;
        margin-left: 5px;
    }
    .profile_buttons .add-buttons-block .backward_white:before {
        margin-right: 5px;
        width: 1.6vw;
        height: 1.5vw;
        background-size: 1.5vw;
        margin-left: 5px;
    }
    .profile_buttons .tools-filtered-buttons .checkbox_banner {
        width: auto;
        line-height: 1.4vw;
        margin-right: 5px;
    }
    .tools_row .profile_buttons .add-buttons-block {
        margin-top: 3.1vw;
        margin-bottom: 0.5vw;
    }
    .pdf_contract {
        height: 65vh;
        overflow-y: scroll;
        padding: 0 15px 0 15px;
    }
    .pdf_contract h3{
        font-size: 16px;
    }
    .profile_content.contract{
        font-size: 12px;
    }
    .profile_content .button_green {
        height: 20px;
        font-size: 12px;
        width: 100% !important;
        margin-top: 25px !important;
        margin-bottom: 30px;
    }
    .profile_content .font_34{
        font-size: 24px !important;
        margin-bottom: 15px;
    }
    .profile_content .select-css, .profile_content .select_city {
        font-size: 9px;
        height: 20px;
        background-size: 3vw;
        background-color: #fff;
        background-position-x: 102.2%;
        background-position-y: auto;
        padding-left: 7px;
    }
    .profile_content .section_header {
        margin-bottom: 15px;
    }
    .profile_content .font_16 {
        font-size: 12px !important;
    }
    .profile_content .input-css{
        height: 20px;
        font-size: 10px;
        font-weight: 100;
    }
    .profile_content .font_12 {
        font-size: 10px !important;
        font-weight: 600;
        line-height: normal;
    }
    .profile_content .text-right {
        text-align: left !important;
        margin-bottom: 10px;
    }
    .quetion_menu_item{
        font-size: 12px;
    }
    .contacts_block p {
        font-size: 11px !important;
    }
    .crane-image {
        position: absolute;
        width: 90%;
    }
    .contacts_block.left-contact_block {
        position: absolute;
        padding: 4em;
        top: 50%;
        left: 0%;
        width: 75%;
    }
    .contacts-facebook {
        position: absolute;
        right: 18%;
        bottom: 10px;
    }
    .contacts-vk {
        bottom: 10px;
    }
    .contacts-facebook svg{
        width: 25px;
        height: 25px;
    }
    .contacts-vk svg{
        width: 25px;
        height: 25px;
    }
    .contacts-main {
        overflow-y: auto;
    }
    .forum-list .section_header {
        padding: 10px 0;
        font-weight: 600;
        font-size: 12px !important;
    }
    .forum_thread_name{
        font-size: 12px;
    }
    .forum_thread_name.chevron_down_small:before{
        width: 2vw;
        height: 2vw;
        background-size: 4vw;
    }
    .forum_thread_name.chevron_right_small:before{
        width: 2vw;
        height: 2vw;
        background-size: 4vw;
    }
    .forum_thread_date {
        font-weight: 600;
        font-size: 10px;
    }
    .forum_thread_date:before{
        background-size: 21px;
        margin-bottom: -0.2vw;
        margin-right: 3px;
        width: 15px;
        height: 15px;
    }
    .forum_contact_container{
        width: 35%;
    }
    .forum_message{
        font-size: 10px;
    }
    .forum_contact_container h5 {
        margin-bottom: 5px;
        text-transform: lowercase;
        font-size: 9px;
    }
    .forum_contact_container .contactFavorite {
        position: absolute;
        top: -5px;
        right: 5px;
    }
    .textarea-forum-block .forum_send_btn {
        position: absolute;
        right: 2vw;
        bottom: 0.5vw;
        background-size: 1.8vw;
        height: 2vw;
        width: 2vw;
    }
    .textarea-forum-block .attachment-icon {
        position: absolute;
        bottom: 0.3vw;
        right: 5.5vw;
        background-size: 1.8vw;
        height: 2vw;
        width: 2vw;
    }
    .menu_nav_close {
        justify-content: center;
        align-items: center;
        overflow: scroll;
        background: #ffff;
    }
    .menu_nav_close .close-block svg {
        width: 2vw;
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .menu_item {
        width: 100%;
        margin-bottom: 20px;
        height: 16vh;
        font-size: 2.8vw;
    }
    .menu_nav_close .menu_item-1 {
        margin-left: 0;
        margin-top: 0;
    }

    .menu_nav_close .menu_item-2 {
        margin-left: 0;
    }

    .menu_nav_close .menu_item-3 {
        margin-left: 0;
    }
    .menu_nav_close .menu_item-4 {
        margin-left: 0;
    }
    
    .menu_nav_close .menu_item-5 {
        margin-left: 0;
    }

    .menu_nav_close .menu_item-6 {
        margin-left: 0;
    }
    .menu_nav_close .menu_item-7 {
        margin-left: 0;
    }
    
    .menu_nav_close .menu_item-8 {
        margin-left: 0;
    }

    .menu_nav_close .menu_item-9 {
        margin-left: 0;
    }
    .header {
        height: 50px;
    }
    .header.small {
        height: 41px;
    }
    .header .logo_clear {
        width: 25vw;
        left: 13.3vw;
        top: 1.5vh;
    }
    .header .header_menu{
        right: 14.3vw;
        width: 3vw;
        top: 2.0vh;
    }
    .header .header_add_user{
        right: 21.6vw;
        width: 3vw;
        top: 1.7vh;
    }
    .header .header_user {
        right: 21.6vw;
        width: 3vw;
        top: 1.7vh;
    }
    .header .header_user.small {
        width: 2vw;
        top: 1.4vh;
    }
    .header .header_landing_toggle{
        display: none;
    }
    .header .logo_clear.small {
        width: 14.9vw;
        top: 1.5vh;
    }
    .header_add_user.small {
        width: 2vw;
        top: 1.4vh;
    }
    .header_menu.small {
        right: 17.3vw;
        top: 1.6vh;
        width: 2vw;
    }

    .ads_toggle_text {
        bottom: 0.4vw;
        font-size: 12px !important;
        position: absolute;
        left: 1vw;
    }
    .ads_toggle {
        cursor: pointer;
        position: fixed;
        height: 3.4vw;
        width: 11.25vw;
        left: 0;
        bottom: 0;
        z-index: 1005;

    }
    .login_form {
        margin-top: 3.6vh;
        width: 22vw;
        /* height: 23.7vh; */
        height: 22vw;
        filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    }
    .show_password {
        position: absolute;
        top: 8.6vw;
        right: 1.6vw;
        cursor: pointer;
        width: 1.4vw;
    }
    .label-remember {
        cursor: pointer;
        font-size: 10px;
        display: inline;
    }
    .checkbox_remember[type="checkbox"] + label:after {
        cursor: pointer;
        background-size: 1.2vw;
        width: 1.2vw;
        height: 1.4vw;
        margin-left: 10px;
        margin-bottom: -2px;
    }
    .checkbox_remember[type="checkbox"]:checked + label:after {
        background-size: 1.2vw;
        width: 1.2vw;
        height: 1.4vw;
        margin-left: 10px;
        margin-bottom: -2px;
    }
    
    .refresh_button {
        width: 100%;
        height: 15px;
        background-size: 10px;
    }
    .login_button {
        width: 100%;
        height: 15px;

        display: block;
        font-size: 9px;
        font-weight: 100;
    }
    .login_form_container form .text-right {
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .button_menu {
        width: 100%;
        height: 20px;
        margin-top: 2px;
        font-size: 10px;
    }

    .login_form_container {
        display: none;
        position: absolute;
        top: 5vh;
        right: 23.5vw;
        z-index: 1005;
    }

    .profile_menu_container.small, .login_form_container.small {
        right: 23vw;
    }
    
    .input_login {
        background: url(/static/img/icons/user_login.svg?19378c3c8745) no-repeat;
        background-size: 30px;
        /* background-size: 1vw; */
        padding-left: 3.5vw;
        font-size: 12px;
        padding-top: 5px;
        margin-top: 16px;
    }

    .input_password {
        background: url(/static/img/icons/key.svg?0da89c69db6c) no-repeat;
        background-size: 30px;
        /* background-size: 1vw; */
        padding-left: 3.5vw;
        font-size: 12px;
        padding-top: 5px;
        margin-top: 16px;
    }

    .input_password::placeholder{
        font-size: 12px;
    }

    .input_login::placeholder{
        font-size: 12px;
    }
    .login_form_input{
        height: 3vw;
    }

    .chat_toggle {
        height: 20px;
        width: 85px;
        opacity: 1;
        filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
        position: fixed;
        bottom: 0;
        right: 0;
        text-align: center;
        z-index: 1000;
    }
    .chat_toggle .user_status {
        position: absolute;
        bottom: 0;
        left: 15px;
        top: 3px;
        z-index: 1;
        font-size: 12px;
    }
    .chat_toggle .user_status_icon {
        width: 6px;
        height: 6px;
        position: absolute;
        border-radius: 100px;
        left: 38px;
        top: 5px;
    }
    .chat_toggle .message_count {
        position: absolute;
        top: 3px;
        left: 50px;
        font-size: 12px;
    }
    .chat_toggle .chat_chevron {
        transition: 0.5s;
        position: absolute;
        right: 0px;
        bottom: 5px;
        width: 20px;
        height: 10px;
        background-size: 20px;
        transform: rotate(0);
    }
    .modal-title{
        font-size: 16px;
    }
    .modal-header .close{
        font-size: 25px;
    }
    .modal-body .font_14{
        font-size: 14px !important;
    }
    .feedback_star {

        width: 2.2vw;
        height: 2.2vw;
        margin-left: 1vw;
       
        background-size: 2.2vw;
        margin-top: 4px;
    }
    .feedback_star.active_star, .feedback_star.selected_star{
        width: 2.2vw;
        height: 2.2vw;
        margin-left: 1vw;
       
        background-size: 2.2vw;
        margin-top: 4px;
    }
    .modal-body{
        font-size: 10px;
        padding-bottom: 20px;
    }
    .modal-body .small,.modal-body  small {
        font-size: 100%;
        font-weight: 600;
    }
    .modal-body .button_green{
        height: 20px;
        margin-right: 0;
        padding-right: 0;
        padding-left: 0;
        font-size: 12px;
    }
    .modal-body .check:after {
    
        background-size: 10px;
        width: 10px;
        height: 15px;
        display: inline-block;

        position: absolute;
        right: 10px;
        top: 6px;
    }
    .modal .modal-dialog {
        max-width: 80%;
        margin: 1.75rem auto;
    }
    .help_block_safe_text img{
        width: 100% !important;
        height: auto !important;
    }
    .create_bill {
        font-size: 12px;
    }
    .create_bill h5 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .profile_content.bills{
        font-size: 12px;
    }
    .profile_buttons_bl .options_btn_red {
        width: auto;
    }
    .quetion_menu_item.active:before {
        background-size: 20px;
        width: 20px;
        height: 15px;
    }
    .quetion_menu_item:before {
        background-size: 20px;
        width: 20px;
        height: 15px;
    }
    .quetion_block_text{
        margin-top: 15px;
    }
}

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

    #chat_notification {
        position: fixed;
        bottom: 1vh;
        right: 1vw;
        width: 55vw;
        font-size: 10px;
        z-index: 50;
        height: 25vh;
        overflow-y: hidden;

        background: #fff;
        filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
        padding: 2.5vw;
    }
    #chat_notification h3{
        font-size: 14px;
    }
    .error-msg {
        color: #9b2c31;
        font-size: 12px;
    }
    .valid-msg {
        color: #00C900;
        position: absolute;
        font-size: 14px;
        right: 20px;
        top: 10px;
    }
    .contacts-messengers .phoneText {
        font-size: 10px;
        margin-top: -1px;
        margin-left: 5px;
    }

    .news_main_container {
        margin-top: 7.5vh;
        margin-bottom: 9.2vh;
    }
    .news_main_title {
        position: relative;
        top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .news_main_title_mob{
        position: relative;
        top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .news_main_container .more_news_block{
        margin-top: 20px;
    }
    .news_main_container .button_red{
        font-size: 13px;
        height: 35px;
        margin-bottom: 0;
    }
    .all_news_btn{
        margin-top: 20px;
    }
    .news_main_image {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 0;
    }
    .news_main_container p{
        font-size: 12px;
    }
    .more_news_block .news_header {
        height: auto;
        padding: 10px;
        width: 100%;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    .more_news_block .news_date {
        font-size: 10px;
        display: inline-block;
        margin-bottom: 0.5vw;
    }
    .more_news_block .news_details{
        font-size: 12px;
    }
    .more_news_block .news_header h3{
        font-size: 12px !important;
    }
    .close-map-menu{
        display: block;
        position: absolute;
        right: 5px;
        top: 3px;
        height: 20px;
        width: 20px;
        box-shadow: none;
        background-size: 8px;
    }
    .map_menu {
        font-size: 12px;
        position: absolute;
        /* top: 1vh; */
        /* left: 1vw; */
        z-index: 10;
        display: none;
        padding: inherit;
        width: 55vw;
        left: 50px !important;
        /* text-align: center; */
    }
    .map_menu p {
        padding-left: 0.52vw;
        margin-bottom: 0;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        height: 30px;
       
    }
    .element-mobile-view{
        display: inherit;
    }
    .offer-bid-line .offer-bid-line-name {
        font-size: 11px;
        margin-left: 10px;
        width: 250px;
    }
    .offer-bid-line h5{
        padding-bottom: 5px;
    }
    .simplebar-content .offer-bid-line:last-child{

    }
    .add-buttons-block .print_btn{
        margin-top: 5px;
    }
    .map-super-select{
        display: none;
    }
    .offer-bid-line:after{
        top: 17px;
    }
    .offer-bid-line .red_star_big_empty:before{
        margin-right: -2px;
    }
    .show_password_register_1 {
        top: 25%;
        width: 15px;
    }
    .show_password_register_2 {
        top: 25%;
        width: 15px;
    }
    .action-items-block{
        font-size: 12px;
        margin-bottom: 15px;
    }
    .profile_menu_btn.cargo_icon:before{
        width: 20px;
        height: 15px;
        background-size: 14px;
        margin-left: 10px;
        margin-right: 2px;
        margin-top: 0;
    }
    .profile_menu_btn.transport_icon:before{
        width: 20px;
        height: 15px;
        background-size: 14px;
        margin-left: 10px;
        margin-right: 2px;
        margin-top: 0;
    }
    .profile_menu_btn.warehouse_icon:before{
        width: 20px;
        height: 15px;
        background-size: 14px;
        margin-left: 10px;
        margin-right: 2px;
        margin-top: 0;
    }
    .add_email_to_list button {
        height: 25px;
        width: 25px;
        background-size: 8px;
    }
    .profile_content.emails .clear_input{
        width: 25px;
        height: 25px;
        background-size: 8px;
    }
    .profile_content.emails .filter_autocomplete{
        height: 25px;
    }
    .tools_row .profile_buttons .add-buttons-block {
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        right: 15px;
        bottom: 4px;
        bottom: 8px;
    }
    .profile_buttons .add-buttons-block .favorite_white:before{
        margin-right: 5px;
        width: 14px;
        background-size: 14px;
        margin-top: 1px;
        height: 14px;
    }
    .profile_buttons .add-buttons-block .add_icon:before{
        width: 12px;
        height: 12px;
        background-size: 12px;
       
    }
    .profile_buttons .add-buttons-block .backward_white:before{
        width: 12px;
        height: 12px;
        background-size: 12px;
    }
    input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 10px;
    }
    input::-moz-placeholder { /* Firefox 19+ */
        font-size: 10px;
    }
    input:-ms-input-placeholder { /* IE 10+ */
        font-size: 10px;
    }
    input:-moz-placeholder { /* Firefox 18- */
        font-size: 10px;
    }
    .change_profile_errors{
        font-size: 12px;
    }
    .plus_button_add_email{
        width: 25px;
        height: 25px;
        background-size: 10px;
    }
    .remove_button_c_email{
        width: 25px;
        font-size: 10px;
        height: 25px;
        background-size: 8px;
    }
    .profile_custom_emails div{
        margin-bottom: 10px !important;
        margin-top: 10px;
    }
    .profile_content .font_34 {
        font-size: 18px !important;
        margin-bottom: 15px;
    }
    .profile_content .input-css {
        height: 25px;
        font-size: 10px;
        font-weight: 100;
        margin-bottom: 10px;
        /* margin-top: -10px; */
    }
    .contacts_block.left-contact_block {
        position: relative;
        padding: 3em;
        top: 0px;
        left: 0%;
        width: 100%;
    }
    .contacts-main{
        overflow-y: auto;
        padding-bottom: 25%;
    }
    .help_block_safe_text {
        overflow-y: auto;
        padding: 15px;
        background-color: #eef0f2;
        height: 65vh;
        font-size: 10px;
    }
    .bills .pdf_icon:before {
      
        width: 15px;
        margin-left: 5px;
        height: 15px;
        margin-bottom: -2px;
        background-size: 15px;
    }
    .chat_search_input::-webkit-input-placeholder { 
        font-size: 10px;
      }
      .chat_search_input::-moz-placeholder { 
        font-size: 10px;
      }
      .chat_search_input:-ms-input-placeholder { 
        font-size: 10px;
      }
      .chat_search_input:-moz-placeholder { 
        font-size: 10px;
      }
      
}
@media screen and (max-width: 500px){
   
    .message_date {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 10px;
    }
    ::-webkit-scrollbar {
        width: 6px;
        display: none;
    }

    ::-webkit-scrollbar-track {
      display: none;
    }
     
    /* Handle */
    ::-webkit-scrollbar-thumb {
        display: none;
    }
    .bills .pdf_icon:before {
       
        width: 15px;
        margin-left: 5px;
        height: 15px;
        margin-bottom: -2px;
        background-size: 15px;
    }
    .contacts_block p {
        font-size: 10px !important;
    }
    .contacts-main{
        overflow-y: auto;
        padding-bottom: 25%;
    }
    .contacts_block.left-contact_block {
        position: relative;
        padding: 3em;
        top: 0px;
        left: 0%;
        width: 100%;
    }
    .contacts_block {
        margin-top: 30px;
        padding: 15px 15px !important;
    }
    .forum_contact_container {
        width: 100%;
    }
    .mb-tex-left{
        text-align: left !important;
    }
    .forum_thread_date {
        font-weight: 600;
        font-size: 10px;
        margin-left: 0 !important;
    }
    .forum_message {
        font-size: 10px;
        margin-bottom: 10px;
        padding: 0;
        padding-bottom: 10px;
    }
    .thread_user_message{
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .no_thread_user_message{
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .forum_contact_container h5{
        font-size: 10px;
    }
    .forum_contact_container .user_circle {
        width: 100%;
        height: auto;
        border-radius: 50%;
        background: #585858;
        filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
        padding: 1vw 1.5vw 1vw 1.5vw;
        color: #fff;
        display: inline-block;
        font-size: 24px;
        line-height: 46px;
        font-weight: 400;
    }
    .forum-list .section_header {
        padding: 10px 0;
        font-weight: 600;
        font-size: 14px !important;
    }
    .forum_thread_name {
        font-size: 14px;
    }
    .forum_message .text-left{
        margin-left: 15px;
        margin-right: 15px;
    }
    .textarea-forum-block .forum_send_btn {
        position: absolute;
        right: 10px;
        bottom: 8px;
        background-size: 12px;
        height: 12px;
        width: 12px;
    }
    .textarea-forum-block .attachment-icon{
        position: absolute;
        right: 30px;
        bottom: 8px;
        background-size: 12px;
        height: 12px;
        width: 12px;
    }
    .check:after {
       
        background-size: 10px;
        width: 10px;
        height: 10px;

        right: 7px;
        top: 4px;
    }
    .menu_nav .col-12{
        padding: 0 40px;
    }
    .menu_nav_close .close-block svg {
        width: 4vw;
        position: absolute;
        right: 10px;
        top: 0px;
    }
    .menu_item {
        width: 100%;
        margin-bottom: 20px;
        height: 24vh;
        font-size: 4.8vw;
    }
    .header .logo_clear.small {
        width: 35vw;
        top: 8px;
    }
    footer{
        display: none;
    }
    .header {
        height:  4.1vh;
    }
    .header.small {
        height: 4.3vh;
    }
    .header .logo_clear {
        width: 35vw;
        top: 8px;
    }

    .header .header_add_user {
        right: 30vw;
        width: 5.5vw;
        top: 4px;
    }
    .header .header_user {
        right: 30vw;
        width: 5vw;
        top: 4px;
    }
    .header .header_user.small {
        right: 30vw;
        width: 5vw;
        top: 4px;
    }
    .header .header_menu {
        right: 11vw;
        width: 7vw;
        top: 4px;
    }

    .ads_toggle {
        cursor: pointer;
        position: fixed;
        height: 20px;
        width: 85px;
        text-align: center;
        left: 0;
        bottom: 0;
        z-index: 1005;
    }
    .ads_toggle_chevron {
        bottom: 3px;
        right: 8px;
        height: 10px;
        width: 7px;
        background-size: 7px;
    }
    .ads_container {
        position: fixed;
        width: 100%;
        height: auto;
        left: 0;
        background-color: #eef0f2de;
        bottom: 0;
        top: 0;
    }
    .ads_header {
        font-size: 10px;
        height: auto;
        width: 100%;
        padding: 10px;
    }
    .ads_header .ads_close:before {
        width: 10px;
        height: 15px;
        background-size: 10px;
    }
    .ads_close {
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .ads_block {
        height: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-bottom: 10px;
    }
    .ads_block h5{
        font-size: 12px;
    }
    .ads_footer {
        font-size: 12px;
        text-decoration: underline;
        padding-top: 20px;
    }
    .ads_footer a{
        font-weight: 100;
    }
    
    .login_form_container_close{
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 15px;
        display: block;
    }
    .login_form_container_close svg{
        width: 20px;
        height: 20px;
    }

    .profile_menu_container_close{
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 15px;
        display: block;
    }
    .profile_menu_container_close svg{
        width: 20px;
        height: 20px;
    }

    .profile_menu_triangle{
        display: none;
    }
    .profile_menu .col-6{
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .profile_menu_btn {
        width: 100%;
        height: auto;
        font-weight: 100;
        font-size: 10px;
        text-align: left;
        display: block;
        margin: 5px 0;
        padding: 5px 0;
    }
    .profile_btn_profile:before {
        width: 20px;
        height: 15px;
        background-size: 17px;
        float: left;
        margin-left: 10px;
        margin-right: 2px;
        margin-top: -1px;
    }
    .profile_btn_feedbacks:before {
        width: 20px;
        height: 15px;
        background-size: 11px;
        float: left;
        margin-left: 10px;
        margin-right: 2px;
        margin-top: 0;
    }
    .profile_btn_help:before {
        width: 20px;
        height: 15px;
        background-size: 15px;
        float: left;
        margin-left: 10px;
        margin-right: 2px;
        margin-top: 0px;
    }

    .profile_device_btn {
        width: 23px;
        height: 23px;
        display: inline-block;
        text-align: center;
        background-color: #fff;
        box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
        margin: 5px 2px;
    }

    .profile_device_btn.dark_theme{
        background-color: #000;
    }

    .profile_device_btn.light_theme{
        display: none;
    }

    .profile_menu_container .username{
        font-size: 10px !important;
        font-weight: 600;
        line-height: normal;
        padding-left: 0;
    }
    .profile_menu_ava {
        width: 100%;

        background-size: 100%;
        margin-left: 0;

    }
    .profile_menu_ava_block{
        padding-right: 0;
    }
    .profile_menu_container .red_star_big_empty:before {
        width: 2.7vw;
        height: 2.7vw;
        margin-left: 0;
        background-size: 2.7vw;
    }
    .profile_menu_container .user-company-subscription{
        font-size: 9px;
 
    }
    .profile_menu .redLine {
        border-top: 1px solid #9B2C31;
        width: 70%;
        margin-left: 15%;
        margin-top: 5px;
        margin-bottom: 3px;
    }
    .profile_menu_container .user-company-detail{
        margin-bottom: 15px;
    }
    .profile_menu_container .user-company-name{
        font-size: 10px;
        margin-bottom: 5px;
    }
    .profile_btn_payments:before {
        width: 20px;
        height: 15px;
        background-size: 14px;

        margin-left: 10px;
        margin-right: 2px;
        margin-top: 0;
    }
    .profile_btn_contract:before {
        width: 20px;
        height: 15px;
        background-size: 14px;
        margin-left: 10px;
        margin-right: 0;
        margin-top: 0px;
    }
    .profile_btn_mailing:before {
        width: 20px;
        height: 15px;
        background-size: 25px;
        margin-left: 7px;
        margin-right: 5px;
        margin-top: -1px;
    }
    .profile_btn_cargo:before {
        width: 20px;
        height: 15px;
        background-size: 15px;

        margin-left: 10px;
        margin-right: 2px;
        margin-top: 0px;
    }
    .profile_menu_container{
        display: none;
        position: fixed;
        width: 100vw;
        top: 0 !important;
       
        height: 100vh;
        justify-content: center;
        right: 0 !important;
        align-items: center;
        background: #ffffffc2;
        z-index: 1005;
    }
    .profile_menu_container.active{
        display: flex !important;
    }
    .profile_menu_container .profile_menu {
        position: absolute;
        right: auto;
        height: auto;
        margin-top: 0;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 320px;
        height: auto;
        filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    }
    .profile_menu_container .button_red_filter{
        height: 1.6vw;
        background: #9b2c31;
        box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        margin-right: 0;
        text-align: center;
        margin-top: 10px;
        padding: 3px;
        height: auto !important;
        color: #fff;
        width: 100% !important;
    }

    .login_form_container {
        display: none;
        position: fixed;
        width: 100vw;
        top: 0 !important;
       
        height: 100vh;
        justify-content: center;
        right: 0 !important;
        align-items: center;
        background: #ffffffc2;
        z-index: 1005;
    }

    .login_form_container.active{
        display: flex !important;
    }

    .login_form {
        margin-top: 0;
        padding-top: 5vh;
        padding: 20px 20px;
        width: 80%;
        height: 40vh;
        filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    }

    .login_form_input {
        height: 30px;
    }

    .input_login {
        background-size: 30px;
        padding-left: 45px;
        font-size: 12px;
        padding-top: 0px;
        margin-top: 16px;
        background-color: #ffff;
        background-position-x: 10px;
        background-position-y: 2px;
    }

    .input_password {
        background-size: 30px;
        padding-left: 45px;
        font-size: 12px;
        padding-top: 0px;
        margin-top: 16px;
        background-color: #ffff;
        background-position-x: 10px;
        background-position-y: 2px;
    }
    .login_form_container .bordered{
        display: none;
    }
    .show_password {
        position: absolute;
        top: 73px;
        right: 15px;
        cursor: pointer;
        width: 3vw;
    }
    .login_form_container form .text-right {
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .refresh_button {
        width: 100%;
        height: 25px;
        background-size: 10px;
    }
    .login_button {
        width: 100%;
        height: 25px;
        display: block;
        font-size: 9px;
        font-weight: 100;
    }
    .button_menu {
        width: 100%;
        height: 25px;
        margin-top: 5px;
        font-size: 10px;
    }

    .checkbox_remember[type="checkbox"] + label:after {
        cursor: pointer;
        background-size: 3vw;
        width: 3vw;
        height: 3vw;
        margin-left: 10px;
        margin-bottom: -2px;
    }
    .refresh_button {
        width: 100%;
        height: 25px;
        display: block;
        font-size: 9px;
        font-weight: 100;
    }
    .chat_container .chat_input {
        height: 100%;
        min-height: 300px;
        font-size: 9px;
    }
    .cargo-offer-block .cargoRate .select-curr-bid {
        background-position-x: 7px;
        background-position-y: 2px;
        background-size: 25px;
        margin-left: -4px;
        font-size: 12px;
        height: 20px;
        width: 20px;
    }
    .cargo-offer-block .cargoRate .cargo_bid {
        width: 70px;
        height: 20px;
        font-size: 10px;
    }
    .chat_search svg {
        width: 15px;
        height: 15px;
        margin-left: 5px;
        margin-top: -3px;
    }
    .removeBidsInChat{
        font-size: 5.5rem;
    }
    .chat_input .cargo-offer-block .small{
        font-size: 100%;
    }
    .chat_contacts_container_toggle.show{
        transform: translateX(0);
    }
    .chat_contacts_container_toggle.show {
        transform: translateX(0px);
    }
    .chat_contacts_container.show{
        right: auto;
        height: 100%;
        width: 100vw;

    }
    .chat_contacts_header{
        height: 40px;
    }
    .chat_contacts_header .chat_tab{
        background-size: 20px;
        margin-left: 0;
    }
   
    .chat_contacts_container .tab_content{
        margin-left: 0;
    }
    .chat_user .user_circle {
        width: 45px;
        height: 45px;
        padding: 10px 0;
        margin-top: 3px;
        margin-left: 10px;
        text-align: center;
        font-size: 16px;
    }
    .chat_user .user_chat_info_help h5{
        font-size: 11px;
    }
    .chat_contacts_container_toggle {
        cursor: pointer;
        position: fixed;
        right: -5px;
        z-index: 10000;
        width: 35px;
        height: 40px;
        bottom: 0;
        transform: translateX(36px);
        top: 0;
    }
    .chat_contacts_container_toggle.chevron_right:before {
        background-size: 30px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
    }
    .chat_container_toggle{
        cursor: pointer;
        position: fixed;
        right: 60px;
        width: 0;
        height: 50px;
        bottom: 0;
        top: 0;
        z-index: 10002;
        background: #fff;
    }
    .chat_about_company {
        width: auto;
        padding-right: 10vw;
        padding-left: 5vw;
    }
    .chat_header .red_star_big_empty:before {
        width: 12px;
        background-size: 12px;
        height: 12px;
    }
    .chat_header .red_star_big:before {
        width: 12px;
        background-size: 12px;
        height: 12px;
    }
    .chat_container_toggle.chevron_right:before{
        cursor: pointer;
        position: fixed;
        right: 0;
        background-size: 30px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
        bottom: 0;
        top: 12px;
        position: inherit;
    }
    .chat_container {
        position: fixed;
        bottom: 0;
        right: 60px;
        height: 100%;
        width: 100vw;
        display: none;
        z-index: 10001;
    }
    .chat_search {
        height: auto;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .chat_templates.shift, .chat_templates_close.shift {
        transform: translateX(0);
        z-index: 1000000;
    }
    .chat_contacts_container.show {
        transform: translateX(0);
    }
    .chat_templates {
        height: 100%;
        width: 100vw;
        right: 0;
    }
    .chat_templates_close.chevron_right:before {
        margin-top: 0;
        background-size: 30px;
        margin-left: 5px;
        width: 30px;
        height: 30px;
    }
    .chat_templates_header {
        height: auto;
        padding: 13px 5px;
        font-size: 12px !important;
    }
    .chat_templates_body {
        height: 100vh;
        padding-top: 20px;
    }
    .chat_templates_close.shift {
        bottom: auto;
        z-index: 1000000000;
        right: -5px;
        width: 35px;
        height: 40px;
    }
    .chat_header {
        height: 65px;
        width: 100%;
        margin-left: 0;
        opacity: 0.9;
        box-shadow: 10px 7px 10px rgba(0, 0, 0, 0.16);
    }
    .chat_header .user_circle {
        width: 50px;
        height: 50px;
        /* width: 100%; */
        padding: 10px 0;
        margin-top: 0;
        /* margin-left: 10px; */
        text-align: center;
        font-size: 16px;
    }
    .chat_body{
        height: 45%;
        width: 100%;
    }
    .chat_search_occurence{
        font-size: 10px !important;
    }
    .chat_search_count{
        font-size: 10px !important;
    }
    .clear_search{
        margin-left: 10px;
    }
    .clear_search:before {
        background-size: 6px;
        width: 11px;
        height: 7px;
    }
    .select_occurence_up:before {
       
        background-size: 20px;
        width: 20px;
        height: 10px;
        margin-left: 10px;
       
    }
    .select_occurence_down:before {
        
        background-size: 20px;
        width: 20px;
        height: 10px;
        margin-left: 10px;
       
    }
    .chat_footer .chat_template_toggle {
        position: absolute;
        bottom: 5px;
        left: 10px;
    }
    .open-book-icon {
        background-size: 20px;
        height: 20px;
        width: 20px;
    }
    .inputfile-chat + label {
        position: absolute;
        bottom: 0;
        left: 45px;
        margin-bottom: 5px;
    }
    .inputfile-chat + label:after {
        background-size: 17px;
        height: 20px;
        width: 20px;
    }
    .chat_footer .share-alternative-icon {
        position: absolute;
        bottom: 7px;
        right: 10px;
    }
    .share-alternative-icon {
        background-size: 20px;
        height: 20px;
        width: 20px;
    }
    .user_circle_label {
        position: absolute;
        bottom: -3px;
        left: 19px;
    }
    .red_star_big:before {
        width: 16px;
        height: 16px;
        margin-left: 0;
        background-size: 16px;
    }
    .red_star_big_empty:before {
        width: 16px;
        height: 16px;
        margin-left: 0;
        background-size: 16px;
    }
    .contact_status_icon {
        width: 7px;
        height: 7px;
        position: absolute;
        background-color: red;
        border-radius: 50%;
        right: 2px;
        bottom: 6px;
    }
    .user_chat_info_help {
        margin-top: 18px;
        float: right;
        max-width: 75%;
    }
    .chat_about_company__username {
        font-size: 11px;
        max-width: 200px;
    }
    .chat_about_user_contacts{
        width: 35%;
        padding-bottom: 5px;
        padding-left: 5px;
       
    }
    .chat_about_user_contacts h5{
        font-size: 9px !important;
    }
    .chat_about_user_contacts h6{
        font-size: 9px;
    }
    .chat_about_user_contacts h6 svg{
        width:25px;
        height: 25px;
    }
    .chat_about_company{
        width: 100%;
        padding-right: 10vw;
        padding-left: 0;
    }
    .chat_about_company__rating {

        height: 25px;
       
    }
    .modal .modal-dialog {
        max-width: 95%;
        margin: 5.75rem auto;
    }
    .modal-title {
        font-size: 12px;
    }
    .modal-body .col-2{
        padding: 0;
    }
    .profile_buttons_bl .options_btn_red {
        width: auto;
    }

}   

@media screen and (max-width: 320px){
    .login_form {
        margin-top: 0;
        padding-top: 5vh;
        padding: 20px 20px;
        width: 90%;
        height: 45vh;
        filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    }
    .header .header_add_user {
       
        top: 2px;
    }
    
}

@media screen and (max-height: 600px){
    .header.small {
        height: 25px;
    }
    .header {
        height: 25px;
    }
}

@media screen and (max-height: 500px){
    .header.small {
        height: 25px;
    }
    .header {
        height: 25px;
    }
}

@media screen and (min-height: 650px) and (max-width: 500px){
    .header.small {
        height: 30px;
    }
    .header {
        height: 30px;
    }
}
.register-title{
    font-size: 2.4em; 
    font-weight: 600; 
    color: #9b2c31;
    padding-bottom: 10px;
}
#myMap:after{
    display: none;
}
#myMap:before{
    display: none;
}

.bottom-area-text{
    padding-top: 10px;
    padding-bottom: 15px;
}
.registration_form .font_14 {
 
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.cargo_params .increase_decrease {
    top: -3px;
    right: 30px;
}
.registration_options {
    z-index: 1;
    width: 40vw;
    left: -3vw;
    height: auto;
    padding-bottom: 3px;
}
.registration_form{
    margin-top: 7em;
}
.registration_form.step-view{
    margin-top: 3em;
}
.registration_options .r_nav_item{
    padding-right: 10px;
}

.registration_options .r_nav_item img{
    padding-right: 5px;
}
.checkbox-viber + label:after {
    background-size: 40px;
    width: 35px;
    height: 30px;
}

.checkbox-whatsapp + label:after{
    background-size: 40px;
    width: 35px;
    height: 30px;
}
.checkbox-telegram + label:after{
    background-size: 40px;
    width: 35px;
    height: 30px;
}
.checkbox-wechat + label:after{
    background-size: 40px;
    width: 35px;
    height: 30px;
}
.checkbox-wechat:checked  + label:after{
    background-size: 40px;
    width: 35px;
    height: 30px;
}
.checkbox-viber:checked  + label:after {
    background-size: 40px;
    width: 35px;
    height: 30px;
}

.checkbox-whatsapp:checked  + label:after{
    background-size: 40px;
    width: 35px;
    height: 30px;
}
.checkbox-telegram:checked  + label:after{
    background-size: 40px;
    width: 35px;
    height: 30px;
}
.checkbox-wechat:checked + label:after{
    background-size: 40px;
    width: 35px;
    height: 30px;
}


.registraton-scroll{
    top: 9.2vh !important;

    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 91vh;
}

.registraton-scroll .padding-scroll{
    margin-top: 10vh;
    margin-bottom: 10vh;
}

.next-step-register {
    color: #fff;
    width: 25vw !important;
    margin-top: 9vh;
    position: relative;
}


.page_add_item .new_item_container .new_item_container_title{
    font-size: 2.4em; 
    font-weight: 600; 
    color: #9b2c31
}
.page_add_item .new_item_container .registration_options {
    padding-top: 25px;
    padding-bottom: 25px;
}
.transport_after_form{
    margin-top: 8vh;
}
@media screen and (max-width: 1400px) {
    .cargo_params .increase_decrease {
        top: -3px;
        right: 20px;
    }
     
    .checkbox-viber + label:after {
        background-size: 30px;
        width: 25px;
        height: 30px;
    }

    .checkbox-whatsapp + label:after{
        background-size: 30px;
        width: 25px;
        height: 30px;
    }
    .checkbox-telegram + label:after{
        background-size: 30px;
        width: 25px;
        height: 30px;
    }
    .checkbox-wechat + label:after{
        background-size: 30px;
        width: 25px;
        height: 30px;
    }
    .checkbox-viber:checked + label:after {
        background-size: 30px;
        width: 25px;
        height: 30px;
    }

    .checkbox-whatsapp:checked + label:after{
        background-size: 30px;
        width: 25px;
        height: 30px;
    }
    .checkbox-telegram:checked + label:after{
        background-size: 30px;
        width: 25px;
        height: 30px;
    }
    .checkbox-wechat:checked + label:after{
        background-size: 30px;
        width: 25px;
        height: 30px;
    }
}
@media screen and (max-width: 1100px) {
    .registration_form .form_main_block{
        margin-left: 0;
        margin-right: 0;
        width: 100% !important;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .registration_form .cargo_main_params .form_main_block{
        padding: 0 30px;
    }
    .registration_form  .cargo_main_params .select_country, .registration_form  .cargo_main_params .select_city{
        width: 90%;
        height: 20px;
        font-size: 9px;
        font-weight: 100;
        background-size: 20px;
        background-position-x: 104%;
        margin-bottom: 5px;
    }
    .registration_form  .select-css{
        font-size: 9px;
        height: 20px;
    }
    .registration_form  .inputfile-css + label, .registration_form  .inputfile-document + label{
        height: 20px;
    }
    .registration_form .inputfile-document + label:after{
        height: 20px;
    }
    .registration_form .clear_input{
        height: 20px;
    }
    .registration_options {
        z-index: 1;
        width: 50vw;
        left: -9vw;
        height: auto;
    }
    .registration_options .r_arrow{
        width: 10px;
        margin-top: -2px;
    }
    .registration_options .r_nav_item img {
        padding-right: 5px;
        width: 35px;
    }
    .registration_form .font_12{
            font-size: 11px !important;
            font-weight: 100;
            line-height: normal;
    }
    .registration_form .input-css{

        margin-bottom: 3px;
        height: 20px;
        font-size: 10px;
        font-weight: 100;
        padding: 0 5px;
    }
    .registration_form .button_green{
        font-size: 10px;
        height: 2.6vw;
    }
    .registration_form .check:after{
        top: 0.9vw;
    }
    .registration_options {
        z-index: 1;
        width: 49vw;
        left: -4vw;
        height: auto;
        padding-bottom: 6px;
    }
    .registration_options h5{
        font-size: 12px;
    }
    .registration_form .cargo_main_params .font_14{
        font-size: 11px !important;
        margin-bottom: 10px;
    }
   
    .label-plus {

        font-size: 8px;
        font-weight: 100;
        height: 20px;
       
        padding-top: 0.35vw;
        padding-left: 0.5vw;
    }
    .form_maps_coords{
        padding: 0 15px;
    }
    
}

@media screen and (max-width: 980px) {
    .chevron_up:before {

        width: 20px;
        height: 12px;

        right: 15px;
        transition: 0.5s;
        background-size: 20px;
    }
    .registration_form .clear_input{
        width: 20px;
        background-size: 5px;
        padding: 0.5vw;
    }
    .cargo_params .increase_decrease {
        top: 1px;
        right: 1.8vw;
    }
    .increase_value {
        position: absolute;
        cursor: pointer;
        top: 4px;
        width: 1.5vw;
        height: 1.5vw;
    }
    .decrease_value {
        position: absolute;
        cursor: pointer;
        top: 10px;
        width: 1.5vw;
        height: 1.5vw;
    }
    .cargo_main_params .increase_decrease{
        top: -1px;
    }
    .registration_form .inputfile-document + label:after {
        height: 20px;
        width: 20px;
        margin-top: -3px;
        text-align: center;
        font-size: 15px;
    }
    .registration_form .select-css {
        font-size: 9px;
        height: 20px;
        background-size: 2vw;
        background-color: #fff;
        background-position-x: 105.2%;
        background-position-y: 105.2%;
    }
    .registration_options .font_14{
        font-size: 9px !important;
    }
    .registration_options {
        z-index: 1;
        width: 80vw;
        left: -6vw;
        height: auto;
        padding-bottom: 6px;
    }
    .registration_form {
        margin-top: 10em;
    }
    .registration_form .checkbox-red[type="checkbox"] + label:before{
        width: 2vw;
        height: 1.4vw;
        background-size: 1.2vw;
    }

    .registration_form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 9px;
      }
      .registration_form  input::-moz-placeholder { /* Firefox 19+ */
        font-size: 9px;
      }
      .registration_form  input:-ms-input-placeholder { /* IE 10+ */
        font-size: 9px;
      }
      .registration_form  input:-moz-placeholder { /* Firefox 18- */
        font-size: 9px;
      }
      .registration_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 9px;
      }
      .registration_form  textarea::-moz-placeholder { /* Firefox 19+ */
        font-size: 9px;
      }
      .registration_form  textarea:-ms-input-placeholder { /* IE 10+ */
        font-size: 9px;
      }
      .registration_form  textarea:-moz-placeholder { /* Firefox 18- */
        font-size: 9px;
      }
      .next-step-register.cross:after {
      
        background-size: 8px;
        width: 8px;
        height: 10px;
        top: 5px;
        right: 5px;
    }
    .checkbox-viber + label:after {
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .checkbox-whatsapp + label:after{
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .checkbox-telegram + label:after{
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .checkbox-wechat + label:after{
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .checkbox-viber:checked + label:after {
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .checkbox-whatsapp:checked + label:after{
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .checkbox-telegram:checked + label:after{
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .checkbox-wechat:checked + label:after{
        background-size: 35px;
        width: 30px;
        height: 35px;
    }
    .registration_form .font_16{
        font-size: 12px !important;
        text-align: center;
    }
    .next-step-register {
        color: #fff;
        width: 25vw !important;
        margin-top: 7vh;
        position: relative;
    }
    .registration_form .section_header{
        margin-bottom: 15px;
    }
    .textarea-css{
        font-size: 9px;
        padding-left: 10px !important;
    }
    .registration_form .font_14 {
        font-size: 10px !important;
    }
    .registration_options h5 {
        display: table-cell;
        vertical-align: middle;
        color: #9b2c31;
        font-size: 12px;
    }
    .header_block_title{
        padding-top: 15px !important;
        padding-bottom: 15px;
    }
    .form_maps_coords{
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 700px) {
    .form_maps_coords {
        padding: 0 5px;
    }
    .transport_after_form {
        margin-top: 80px;
    }
    .cargo_main_params .add_btn{
        width: 25px;
        height: 25px;
        background-size: 10px;

    }
    .transport_options_add_block {
        padding: 0 25px;
        margin-bottom: 20px;
        margin-top: 20px !important;
    }
    .registraton-scroll {
        top: 35px !important;
    }
    .cargo_main_params #myMap{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .transport_options_add_block .increase_decrease {
        top: 0;
        right: 20px;
    }
    .page_add_item .new_item_container .new_item_container_title {
        font-size: 18px;
        font-weight: 600;
        color: #9b2c31;
        margin: 15px 0;
    }
    .registration_options h5 {
        display: table-cell;
        vertical-align: middle;
        color: #9b2c31;
        font-size: 10px;
    }
    .registration_options .font_14 {
        font-size: 9px !important;
    }
    .registration_form .font_14 {
        font-size: 10px !important;
    }
    .registration_options .r_arrow{
        width: 7px;
        margin-top: -2px;
        margin-right: 5px;
    }
    .registration_options .r_nav_item img {
        display: none;
    }
    .registration_options .r_nav_item {
        padding-right: 5px;
    }
    .registration_options{
        width: 100%;
        left: 0;    
    }
    .registration_form {
        margin-top: 20em;
        padding-bottom: 10px;
    }
    .register-title {
        font-size: 16px;
        font-weight: 600;
        color: #9b2c31;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .map_bg.registraton-bg {
        background-size: 100%;
        background-position-y: 7vh;
    }
    .registration_form .input-css {
        margin-bottom: 10px;
        height: 25px;
        font-size: 11px;
        font-weight: 100;
        padding: 0 5px;
        text-align: center;
    }
    .registration_form .font_12 {
        font-size: 12px !important;
        font-weight: 100;
        line-height: normal;
    }
    .registration_form .button_green {
        font-size: 12px;
        height: 30px;
    }
    .registration_form .checkbox-red[type="checkbox"] + label:before {
        width: 3vw;
        height: 3vw;
        background-size: 3vw;
        margin-right: 20px;
    }
    .registration_form .label-red{
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .registration_form .check:after {
        top: 10px;
        background-size: 10px;
        width: 15px;
        height: 10px;
    }
    .next-step-register {
        color: #fff;
        width: 75vw !important;
        margin-top: 7vh;
        height: 92px;
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
    }
    .registration_form.step-view {
        margin-top: 10em;
    }
    .next-step-register.cross:after{
        top: 9px;
    }
    .cargo_main_params{
        margin-top: 25px;
    }
    .registration_form .text-right{
        text-align: center!important;
        margin-bottom: 10px;
    }
    .registration_form .cargo_main_params .select_country, .registration_form .cargo_main_params .select_city {
        width: 94%;
        height: 25px;
        font-size: 9px;
        font-weight: 100;
        background-size: 25px;

        background-position-x: 100%;
        background-position-y: 3px;
        margin-bottom: 15px;
        padding-left: 10px !important;
    }
    .registration_form .clear_input {
        height: 25px;
        width: 25px;
        background-size: 7px;
    }
    .cargo_params{
        padding: 0 25px;
        margin-bottom: 20px;
    }
    .label-plus {
        font-size: 8px;
        font-weight: 100;
        height: 25px;
        line-height: 7px;
        padding-top: 10px;
        padding-left: 10px !important;
        margin-bottom: 15px;
    }
    .checkbox-plus + label:after {
        background-size: 8px;
        width: 25px;
        height: 25px;
        font-size: 12px;
        margin-left: 0;
        margin-top: -10px;
    }
    .checkbox-plus:checked + label:after {
        background-size: 8px;
        width: 25px;
        height: 25px;
        font-size: 12px;
        margin-left: 0;
        margin-top: -10px;
    }
    .registration_form .select-css {
        font-size: 9px;
        height: 25px;
        background-size: 7vw;
        margin-bottom: 15px;
        background-color: #fff;
        background-position-x: 102.2%;
        background-position-y: auto;
        padding-left: 7px;
    }
    .registration_form .inputfile-css + label, .registration_form .inputfile-document + label {
        height: 25px;
    }
    .registration_form .inputfile-document + label:after {
        height: 25px;
        width: 25px;
        margin-top: -10px;
        text-align: center;
        font-size: 9px;
        background-size: 15px;
    }
    .registration_form .section_header {
        margin-bottom: 15px;
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .chevron_up:before {
        width: 20px;
        height: 12px;
        right: 20px;
        transition: 0.5s;
        background-size: 20px;
    }
    .cargo_params .increase_decrease {
        top: -2px;
        right: 20px;
    }
    .increase_value {
        top: 0px;
        width: 25px;
        height: 25px;
    }
    .decrease_value{
        width: 25px;
        height: 25px;
    }
    .cargo_main_params .increase_decrease{
        top: -2px;
        right: 20px;
    }
    .registration_form .cargo_main_params .form_main_block {
        padding: 0 45px;
    }
    .registration_form .messengers-block {
        margin-top: -15px;
        margin-left: 10px;
        margin-bottom: 0;
    }
    
}

@media screen and (max-width: 360px) {
    .registration_options .font_14 {
        font-size: 8px !important;
    }
    .registration_form .cargo_main_params .form_main_block {
        padding: 0 40px;
    }
}
.home_transport .nav-link-icon {
    display: none;
}

.home_transport .company_containerMobileVersion{
    display: none;
}

.home_transport .company_containerPcVersion{
}
.firstpage_benefits h5{
    text-transform: uppercase;
}
.search_countries_tab_content{
    overscroll-behavior-y: contain;
}
.header_landing_toggle.active:after {
    content: "";
    display: inline-block;
    width: 1vw;
    height: 1vw;
    background: url(/static/img/icons/arrow-top-min.svg?0da89c69db6c) no-repeat;
    background-size: 2vw;
}
.select-curr-landing:disabled{
    color: #ffff;
    opacity: 1;
}
.home_benefits .home_benefitsPC{
    display: block;
}
.adv_block_text_next .dropin_readmore{
    padding-left: 5px;

}
.home_benefits .home_benefitsMobile{
    display: none;
}

.fix-style #companies_tab_content .company_container strong {
    font-size: 14px;
}

#companies_tab_content .yellow_star:before {
    content: "";
    display: inline-block;
    width: 0.8vw;
    height: 0.7vw;
    background-size: 0.8vw;
    margin-left: -0.1vw;
}

.min980view{
    display: None;
}

.max980view{
    display: inherit;
}

.element-pc-view{
    display: block;
}

.element-mb-view{
    display: none;
}

.HomeNewsPcView{
    display: block;
}

.HomeNewsMobileView{
    display: none;
}

.lettersBlock{
    padding-top: 10px;
    padding-bottom: 10px;
}
.lettersBlock.numberLettersBlock{
    padding-top: 0;
   
}
.min980view .select-curr-landing{
    background-size: 45px;
    background-position-x: 30px;
    background-position-y: 10px;
    width: 55px;
    height: 45px;
    margin-left: 0;
}
.min980view .arrow-element svg{
    margin-top: 20%;
}
.nameLettersBlock .letterElem {
    font-size: 16px;
    border: 1px solid;
    margin-right: 3px;
    color: #ffff;
    padding: 0px 5px;
}
.numberLettersBlock .letterElem {
    font-size: 42px;
    border: 1px solid;
    color: #fff;
    margin-right: 15px;
    padding: 0px 10px;
}
.letterClock{
    color: #fff;
    margin-right: 3px;
}
.letterPoint{
    color: #fff;
    margin-right: 6px;
    font-size: 14px;
    position: relative;
}

.letterPoint div{
position: absolute;
bottom: -5px;
}   
.curCountBl{
    margin-left: 7px;
}
.nameLettersBlock .letterElem.LastElem{
    margin-right: 10%;
}
.letterElem.Curr{
    margin-left: 7px;
    margin-right: 7px;
}
.min980view .counters-block{
    width: 80%;
}
.hr-line{
    border-bottom: 1px solid;
    color: #ffff;
    /* padding: 20px; */
    padding-top: 20px;
    margin-bottom: 20px;
}
.tab-pane .buttons-bottom .col-6{
    padding: 0 5px !important;
}
.tab-pane .buttons-bottom .col{
    padding: 0 5px !important;
}
.adv_block{

    height: 36vh;
}
@media screen and (max-width: 1800px) {
    .home_firstpage{
        background-size: 110%;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-divider {
        margin-top: 0.2vh;
    }
    .fix-style .home_transport .tab-content .buttons-bottom {
        margin-top: 1vh;
    }
}

@media screen and (max-width: 1600px) {
    .nameLettersBlock .letterElem {
        font-size: 12px;
        border: 1px solid;
        margin-right: 3px;
        color: #ffff;
        padding: 1px 4px;
    }
    .numberLettersBlock .letterElem {
        font-size: 34px;
        border: 1px solid;
        color: #fff;
        margin-right: 10px;
        padding: 0px 8px;
    }

    .home_firstpage{
        background-size: 125%;
    }
    .date_now_block .flip-clock-divider.seconds {
        margin-top: -4px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-divider {
        margin-top: 0px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .home-courses .arrow-element {

        top: -4px;
    }
}

@media screen and (max-width: 1400px) {
    .home_firstpage{
        background-size: 130%;
    }
   
    .cur_rate .flip-clock-divider.seconds {
        margin-top: -2px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-divider {
        margin-top: -3px;
    }
    .date_now_block .flip-clock-divider.seconds {
        margin-left: 1px;
    }
    .block_right_top_cargo .flip-clock-wrapper ul li a div.up:after{
        top: 1.35vw;
    }
    .block_right_top_cargo .transport_count.flip-clock-wrapper ul li a div.up:after{
        top: 1.30vw;
    }
    .fix-style .home_transport .tab-content .buttons-bottom {
        margin-top: 3vh;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .counter_title_second {
        font-size: 1.3vw;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 15px;
        margin-top: 3vh;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .fix-style .block_right_top_cargo .firstpage_counters .counter_title_second.courses {
        margin-bottom: 5px;
        margin-top: 2vh;
    }
    .select-curr-landing {
        background-size: 30px;
        background-position-x: 20px;
        background-position-y: 10px;
        width: 40px;
        height: 30px;
        margin-left: 0;
    }

    .nameLettersBlock .letterElem {
        font-size: 10px;
        border: 1px solid;
        margin-right: 3px;
        color: #ffff;
        padding: 1px 4px;
    }
    .nameLettersBlock .letterElem.LastElem {
        margin-right: 6%;
    }

    

    
    
}

@media screen and (max-width: 1366px) {
    .home_firstpage{
        background-size: 140%;
    }
}

@media screen and (max-width: 1300px) {
    .date_now_block .flip-clock-divider.seconds {
        margin-top: -6px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-divider {
        margin-left: 2px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .counter_title_second.courses {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1100px) {
    
    .nameLettersBlock .letterElem {
        font-size: 9px;
        border: 1px solid;
        margin-right: 3px;
        color: #ffff;
        padding: 0px 2px;
    }
    .letterClock {
        color: #fff;
        margin-right: 3px;
        font-size: 10px;
    }
    .letterElem.Curr {
        margin-left: 0px;
        margin-right: 7px;
    }
    .lettersBlock {
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .min980view  .arrow-element svg {
        margin-top: 0%;
    }
    .numberLettersBlock .letterElem {
        font-size: 22px;
        border: 1px solid;
        color: #fff;
        margin-right: 8px;
        padding: 0 5px;
    }
    .min980view  .select-curr-landing {
        background-size: 25px;
        background-position-x: 15px;
        background-position-y: 7px;
        width: 35px;
        height: 30px;
        margin-left: 0;
        margin-top: -2px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .counter_title_second {
       
        margin-bottom: 15px;
    }
    .curCountBl {
        margin-left: 0px;
    }
  
    .cur_rate .flip-clock-divider.seconds {
        margin-top: -7px;
    }
    .date_now_block .flip-clock-divider.seconds {
        margin-top: -8px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .home-courses .arrow-element {
        top: -7px;
    }
    .flip-clock-divider.seconds .flip-clock-dot.bottom {
        left: 5px;
        top: 21px;
    }
    .flip-clock-divider.seconds .flip-clock-dot.top {
        left: 5px;
        top: 16px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-divider {
        margin-left: 1px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .cur_rate .flip-clock-divider {
        margin-top: -7px;
    }

    .fix-style .home_transport .tab-content .buttons-bottom {
        margin-top: 3vh;
    }
    .home_transport .adv_block_container {
        padding: 0 5px;
    }
    .fix-style .home_transport .tab-content .forum_threads {
        margin-top: 2.5vh;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .cur_rate {
        margin-top: 0px;
    }
    .min980view{
        display: block;
    }
    
    .max980view{
        display: None;
    }
}

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

   
    
    .firstpage_block1 {
        position: absolute;
        top: 45vh;
        padding: 2vw;
        left: 37.0vw;
        width: 50.0vw;
        height: 9.5vh;
        background-color: rgba(238, 240, 243, .54);
    }
    .fix-style .firstpage_block1 .main-title {
        font-size: 14px;
        position: absolute;
        top: 2.7vh;
    }
    .fix-style .firstpage_block1 .second-title {
        font-size: 18px;
        color: #9b2c31;
        position: absolute;
        font-weight: 100;
        top: 5vh;
    }
    .hr-line{
        padding-top: 10px;
        margin-bottom: 15px;
    }
    .min980view .counters-block{
        width: 100%;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .counter_title_second{
        margin-top: 0;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .counter_title_second.courses{
        margin-top: 9vh;
    }
    .select-curr-landing{
        font-size: 20px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .counter_title_second {
        margin-bottom: 10px;
    }
    .home_firstpage{
        background-size: 215%;
        top: 105vh;
        height: 100vh;
    }

    .fix-style .block_right_top_cargo {
        height: 250px;
  
    }
   
    .fix-style .block_right_top_cargo .container-fluid{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    
    .block_right_top_cargo .firstpage_benefits{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        justify-content: center;
        flex-direction: column;
        height: 250px;
        margin-top: 0;
        margin-left: 13.3vw;
        flex: 1;
    }
    .fix-style .block_right_top_cargo .firstpage_counters{
        flex: 2 0 0;
        height: 100%;
        margin-top: 0;
        margin-left: 0;
        position: relative;
    }
    .fix-style .block_right_top_cargo .block_advantages {
      
        height: 25px;
        position: relative;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .fix-style .block_right_top_cargo .block_advantages img {
        width: 3.7vw;
        position: absolute;
        top: 0px;
        left: 0;
    }
    .fix-style .block_right_top_cargo .block_advantages h5 {
        position: relative;
        top: 0;
        left: 3.5vw;
        font-size: 12px;
    }
    .fix-style .block_right_top_cargo .block_advantages h6 {
        position: relative;
        top: 0;
        left: 3.5vw;
        font-size: 7px;
    }
    .firstpage_counters .counters-block{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-direction: row;
    }
    .firstpage_counters .counters-block .counter-block-transport{
        flex: 1;
        position: relative;
    }
    .firstpage_counters .counters-block  .counter-block-now{
        flex: 1;
        position: relative;
    }
    .fix-style .block_right_top_cargo .firstpage_counters .counter_title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .flip-clock-wrapper-small ul{
        width: 1.5vw;
        height: 1.8vw;
    }
    .firstpage_block2 {
        position: absolute;
        top: 90vh;
        left: 26.8vw;
        width: 60vw;
        left: 26.8vw;
        left: 37.0vw;
        height: 10vh;
    }
    .firstpage_block2 .firstpage_block3 {
        height: 5vh;
    }
    .firstpage_block2 .trapezoid {
        position: absolute;
        top: 5vh;
        border-left: 5em solid transparent;
        border-right: 5em solid transparent;
        border-top: 8.0em solid rgba(255,255,255,0.54);
        height: 0;
        width: 32vw;
        left: 13vw;
        filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    }
    .firstpage_block2 .button_go {
        position: absolute;
        top: 5.8vh;
        left: 23.2vw;
        border: 0;
        background: #9b2c31;
        filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
        color: #fff;
        text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
        padding: 0.5em 1em 0.5em 1em;
        font-size: 12px !important;
    }
    .firstpage_block2 .select-landing{
        cursor: pointer;
        border: 0;
        border-bottom: 1px solid #9b2c31;
        border-radius: 0;
        display: block;
        height: 30px;
        font-size: 12px;
        font-weight: 100;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url(/static/img/icons/chevron-thin-down.svg?0da89c69db6c) no-repeat right;
        background-size: 2vw;
        padding-left: 1vw;
        padding-bottom: 0px;
    }

    .bg_main_top_cargo {
        background-image: url(/static/img/main/Main_top_cargo.svg?afe7bb3dbe10);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 99%;
        /* background-position-y: top; */
        height: 90vh;
    }


    .main_block {
        /* position: absolute; */
        position: fixed;
        min-height: 100vh;
        top: 104vh;
        transform-style: flat;
        overflow: hidden;
        padding: 0;
        user-select: none;
        
    }

    .main_block .row{
       padding: 0;
       margin: 0;
    }

    .content_container {

        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        z-index: 1;
        position: relative;
        height: 100vh;
        width: 100vw;
        margin-left: 0;
        /* top: 14.16vh; */
        margin-top: 0;

    }

    .content_container2 {

        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        z-index: 1;
        height: auto;
        width: 100vw;
        margin-left: 0;
        /* top: 14.16vh; */
        margin-top: 0;

    }

    .map_bg {
        background-size: 97%;
        background-position-y: 27vh;
    }

    .fix-style .home_how .home_how-warehouse{
        width: 30.3vw;
    }

    .fix-style .home_how .home_how-truck {
        position: absolute;
        left: -17vw;
        top: 7.4vh;
        width: 21vw;
    }

    .fix-style .home_how .home_how-port {
        position: absolute;
        left: -30vw;
        bottom: 3vh;
        width: 42vw;
    }
    .fix-style .home_how .home_how-helicopter {
        position: absolute;
        top: 3vh;
        right: -12.2vw;
        width: 7vw;
    }
    .fix-style .home_how .home_how-ship {
        position: absolute;
        bottom: 7.5vh;
        left: -18vw;
        width: 25vw;
    }
    .fix-style .home_how .howWorkBlock .header_red {

        top: 45vh;

    }
    .fix-style .home_how .aboutCompanyBlock .header_red {

        top: 92vh;

    }
    .fix-style .home_how .header_red {
        position: absolute;
        left: 25vw;
        font-size: 22px;
        font-weight: 100;
    }
    .fix-style .home_how .home_how-oilrig {
        position: absolute;
        top: 8vh;
        right: -30vw;
        width: 26.5vw;
    }
    .header_red:before {
        display: inline-block;
        margin: 0 10px 5px 0;
        content: " ";
        text-shadow: none;
        width: 35px;
        height: 3px;
        background: #9b2c31;
    }
    .fix-style .home_how .how_it_works_container.block_animation2 {
        top: 52.5vh;
    }
    .how_it_works_container {
        position: absolute;
        left: 20vw;
    }
    .fix-style .home_how .how_it_works_container.block_animation3 {
        top: 65.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation4 {
        top: 78.5vh;
    }
    .how_it_works_block {
        position: absolute;
        width: 59vw;
        height: 7vh;
        z-index: 1;
    }
    .how_it_works_underblock {
        position: absolute;
        top: 2vh;
        left: 2.5vw;
        width: 58.5vw;
        height: 6.5vh;
        border: 3px solid #9b2c31;
        box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    }
    .how_it_works_block .digit_red {
        position: absolute;
        background-color: #9b2c31;
        box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
        width: 4.5vw;
        height: 4.5vw;
        text-align: center;
        vertical-align: middle;
        z-index: 3;
        padding-top: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
    }
    .fix-style .home_how .how_it_works_container.block_animation4 .how_it_works_icon {
        left: 5.7vw;
    }

    .how_it_works_block .how_it_works_icon {
        position: absolute;
        top: 1.5vh;
        left: 5.7vw;
        width: 4.5vw;
        height: 3.8vh;
    }

    .how_it_works_block .how_it_works_text {
        position: absolute;
        font-size: 14px;
        font-weight: 100;
        left: 13.5vw;
        top: 2.5vh;
    }
    .how_it_works_block .how_it_works_text a {
        font-weight: 100;
    }
    
    .how_it_works_company_block {
        position: absolute;
        /* top: 19vh; */
        top: 99vh;
        height: 34vh;
        width: 59vw;
        right: 21vw;
        background-size: 32vh;
        opacity: 0.1;
    }
    .how_it_works_company_block1 {
        height: 100%;
        box-shadow: 5px 0px 6px rgba(0, 0, 0, 0.16) inset;
    }
    .how_it_works_company_text {
        /* font-size: 0.8vw; */
        font-size: 13px;
        font-weight: 100;
        /* line-height: 100%; */
        line-height: 130%;
        z-index: 1;
        padding: 3vh 2vw 0 2vw;
    }
    .fix-style .home_how .how_it_works_company_block1 .button_red {
        font-size: 14px;

        top: 28.5vh;
        left: 9vw;
        width: 38.5vw;
        font-size: 14px;
        font-weight: 600;
        height: 5vw;
    }
    .fix-style .home_how .how_it_works_company_block1 .button_white {

        top: 24vh;
        left: 9vw;
        width: 38.5vw;
        font-size: 15px;
        font-weight: 100;
        height: 4.7vw;
        height: 5vw;
    }

    .ads_toggle_chevron {
        bottom: 0.8vw;
    }
  

    .header_red {
        font-size: 22px;
        font-weight: 600;
        color: #9b2c31;
        text-shadow: none;
    }
    .fix-style .container-fluid.main-container {
        margin-top: 8vh;
        padding: 0;
    }
    .worldpart_tabs .nav-link-text {
        display: table-cell;
        vertical-align: middle;
        font-size: 13px !important;
    }
    .fix-style .countries_table label a {
        vertical-align: middle;
        font-size: 14px;
        font-weight: 100;
    }
    .fix-style .checkbox-red[type="checkbox"] + label:before {
        background-size: 2vw;
        height: 2.2vw;
        width: 3vw;
    }
    .fix-style .checkbox-red[type="checkbox"]:checked + label:before {
        background-size: 2vw;
        height: 2.2vw;
        width: 3vw;
    }
    .fix-style .worldpart_tabs label {
        margin-top: 1.3rem;
    }
    .worldpart_tabs .flag {
        width: 2.0vw;
    }
    .worldpart_tabs .countries_table .col-2, .worldpart_tabs .countries_table .col-4 {
        height: 3.6vh;
        font-size: 13px;
        font-weight: 100;
        vertical-align: middle;
    }
    .worldpart_tabs .countries_table .border-gray-bottomleft h5{
        font-size: 14px !important;
        margin-top: 5px;
        font-weight: 100;
    }
    .worldpart_tabs .countries_table .border-gray-bottomright h5{
        font-size: 14px !important;
        margin-top: 5px;
        font-weight: 100;
    }
    .fix-style .worldpart_tabs .countries_table .font_16red {
        line-height: 0px;
        margin-bottom: 0;
        margin-top: 4px;
        font-weight: 100;
        font-size: 16px !important;
    }

    .fix-style .worldpart_tabs .font_12 a {
        font-size: 12px;
        font-weight: 100;
        vertical-align: middle;
    }
    .fix-style .worldpart_tabs .buttons-bottom .worldparts_button.left-button {
        margin-left: 9.3vw;
        width: 33vw;
        font-size: 16px;
        margin-top: 10px;
    }
    .fix-style .worldpart_tabs .buttons-bottom .worldparts_button.right-button {
        margin-right: 9.3vw;
        width: 33vw;
        font-size: 16px;
        margin-top: 10px;
    }

    .fix-style .home_benefits .bg-image-3 {

        top: 1vh;
        right: -30vw;
        width: 26vw;
    }
    .fix-style .home_benefits .bg-image-1 {

        left: -30vw;
        bottom: 9.5vh;
        width: 29vw;
    }
    .fix-style .home_benefits .bg-image-2 {

        left: -26vw;
        top: 14vh;
        width: 16vw;
    }
    .fix-style .home_benefits .bg-image-5 {

        bottom: 3vh;
        right: -30vw;
        width: 30vw;

    }
    .fix-style .home_benefits .bg-image-6 {

        bottom: 3vh;
        right: -31vw;
        width: 32vw;
        /* z-index: 1; */
    }
    .fix-style .home_benefits .bg-image-4 {
 
        bottom: 18vh;
        right: -2vw;
        width: 13vw;
        z-index: 1;
    }

    .fix-style .home_benefits .header_red {

        left: 27vw;
        font-size: 22px;
        font-weight: 100;
        top: 43vh;
    }

    .home_benefits .benefits_header {
        font-weight: 100;
        font-size: 16px;
        margin-top: 4vh;
        margin-left: 5vw;
    }

    .home_benefits .benefits_block{
        height: 9.5vh;
        width: 60vw;

        margin-top: 5px;
    }

    .home_benefits .benefits_underblock {
        top: 8vh;
        left: 2vw;
        height: 8.8vh;
        width: 59.5vw;
        margin-top: 5px;
    }

    .fix-style .home_benefits .benefits_container.bba-1 {
        top: 45vh;
        left: 21.7vw;
    }
    .fix-style .home_benefits .benefits_container.bba-2 {
        top: 59.5vh;
        left: 21.7vw;
    }
 

   
    .fix-style .home_benefits .benefits_container.bba-3 {
        top: 74vh;
        left: 21.7vw;
    }
    .fix-style .home_benefits .benefits_container.bba-4 {
        top: 88.5vh;
        left: 21.7vw;
    }
    .fix-style .home_benefits .benefits_container.bba-5 {
        top: 103vh;
        left: 21.7vw;
    }
    
    .fix-style .home_benefits .benefits_container.bba-6 {
        top: 117.5vh;
        left: 21.7vw;
    }

    .home_benefits .benefits_container {

        width: 50vw;
    }

    .home_benefits .benefits_block_text {
        padding-right: 5px;
        font-size: 11px;
        font-weight: 100;
        line-height: 16px;
        padding-top: 10px;
        padding-left: 10px;
    }
    .fix-style .home_benefits .benefits_container.bba-6 .benefits_block .button_red {
        margin-top: 2.5vh;
        width: 26.7vw;
        height: 4vh;
        font-size: 12px;
    }
    .fix-style .home_benefits .benefits_container .benefits_block.bordered-red{
        border: 1px solid #9b2c31;
    }

    .fix-style .home_news .bg-image-1 {

        left: -30vw;
        width: 35vw;
        top: 1vh;
    }
    .fix-style .home_news .bg-image-4 {

        right: -29vw;

        top: 1vh;
        width: 38vw;
    }
    .fix-style .home_news .bg-image-2 {
  
        left: -29vw;
        bottom: 4vh;
        width: 32vw;
    }
    .fix-style .home_news .bg-image-3 {

        right: -30vw;
        bottom: 16vh;
        width: 32vw;
    }
    .fix-style .home_news .header_red.first-element {
        font-weight: 100;
        left: 14vw;
        top: 50vh;
    }
    .home_news .news_container {
        left: 14vw;
        width: 72vw;
        height: 36vh !important;
    }
    .home_news .news_container .news_block_text {
        font-size: 13px;
        line-height: 15px;
        font-weight: 100;
        overflow: hidden;
    }
    .fix-style .home_news .header_red.second-element {
        position: absolute;
        left: 14vw;
        top: 101vh;
    }
    .home_news .news_container2 {
        position: absolute;
        top: 106vh;
        right: 0;
        width: 72vw;
        left: 14vw;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        box-shadow: none;
        border-left: none;
    }

    .news_container2 .bg_white{
        padding-bottom: 1.5vw;
        box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16);
        border-left: #8f181b 2px solid;
    }

    .news_container2 .bg_white.news-block-1{
        
        margin-right: 10px;

    }
    .news_container2 .bg_white.news-block-2{
        
        margin-left: 10px;

    }

    .home_news .block_animation3 {
        position: absolute;
        right: 19vw;
        padding-right: 4px;
        top: 20vh;
        height: 39px;
        font-size: 11px;
        width: 265px;
        transform: none !important;
    }

    .home_news .news_header{
        font-weight: 100;
        font-size: 14px;
        line-height: 16px;
        padding-left: 15px !important;
    }

    .home_news .news_intro {
        font-weight: 100;
       
        font-size: 12px;
        line-height: 16px;
        padding-left: 15px !important;
        text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
        padding-top: 2.0vw;
        padding-bottom: 4.4vw;
    }

    .news_date {
        font-weight: 100;
        font-size: 9px;
        margin-left: 15px;
    }

    .news_date:before {
      
        width: 15px;
        height: 15px;
        background-size: 2.8vw;
        margin-right: 1vw;
        margin-bottom: -0.2vw;
    }

    .news_details {
        font-weight: 100;
        font-size: 9px;
        padding-top: 0.1vw;
        margin-right: 2vw;
    }

    .news_details:after {
        width: 10px;
        height: 13px;
        margin-left: 10px;
    }

    .home_transport .content_container{
        justify-content: center;
        align-items: center;
    }
    .fix-style .home_transport .block_animation {
        height: auto;
        width: 75vw;
        top: 0;
        position: relative;
        left: 0;
        transform: translateY(0) !important;
    }
    .home_transport .nav-link-icon {
        display: table-cell;
        vertical-align: middle;
        font-size: 25px !important;
    }

    .home_transport .nav-link-text {
        display: none;
    }
    .fix-style .home_transport .tab-content .block-filters h5{
        font-size: 12px;
        font-weight: 100;
    }
    .fix-style .home_transport .tab-content .block-filters h5 a {
        color: #9b2c31;
        text-decoration: underline;
        margin-left: 60px;
        font-weight: 100;
    }
    .filter_country:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 12px;
        margin-left: 10px;
    }

    .fix-style .home_transport .tab-content .block-filters .text-right button {
        width: 100%;
        margin-top: -4px;
        height: 3vh;
        font-size: 10px;
    }
    
    .fix-style .home_transport .tab-content {
        padding-top: 10px;
        height: 38vh;
    }

    .fix-style .home_transport .tab-content .block-filters{
        margin-bottom: 15px;
    }

    .fix-style .home_transport .tab-content .block-filters {
        height: 6vw;
        padding-bottom: 35px;
        margin-bottom: 15px;
        padding-top: 7px;
    }

    .home_transport .company_containerMobileVersion{
        display: block;
    }

    .home_transport .tab-content>.tab-pane {
        display: block;
        height: 0;
        visibility: hidden;
    }
    
    .home_transport .tab-content>.active {
        display: block;
        height: auto;
        visibility: visible;
    }

    .home_transport .company_containerPcVersion{
        display: none;
    }

    .fix-style #companies_tab_content .company_container {
        margin-right: 10px;
        margin-left: 10px;
        height: 27vh;
        box-shadow: none;
    }

    #companies_tab_content .company_container .company_header{
        height: auto;
        font-size: 12px;
        font-weight: 100;
        padding-left: 10px;
        box-shadow: 5px 7px 6px rgba(0, 0, 0, 0.16);
    }
    .fix-style .company_containerMobileVersion{
        padding: 0 30px;
        margin-top: 20px !important;
    }
    #companies_tab_content .company_description {

        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #companies_tab_content .company_description h3{
        font-size: 12px !important;
        font-weight: 100;
    }

    #companies_tab_content .company_description p{
        font-size: 10px !important;
        font-weight: 100;
    }

    .fix-style .home_transport .tab-content .text_9b2c31 {
        display: block;
        font-size: 12px !important;
        font-weight: 100;
        margin-bottom: 5px;
    }
    .fix-style .home_transport .tab-content .company_header p{
        font-size: 10px !important;
        vertical-align: middle;
        font-weight: 100;
        margin-top: 5px;
    }
    .fix-style .home_transport .tab-content .company_header strong{
        font-weight: 100;
    }

    .home_transport .tab-content .company_header .yellow_star:before {
        content: "";
        display: inline-block;
        width: 2vw;
        height: 2vw;
        background-size: 2vw;
        margin-left: -1px;
    }

    .fix-style .home_transport .tab-content .buttons-bottom button {
        width: 29vw;
        height: 3vh;
        font-size: 10px;
    }

    .fix-style .home_transport .tab-content .buttons-bottom {
        margin-top: 2vh;
    }

    .fix-style .home_transport .tab-content .buttons-bottom .text-right{
        padding: 0 10px;
    }
    .fix-style .home_transport .tab-content .buttons-bottom .text-left{
        padding: 0 10px;
    }
    .fix-style .home_transport .tab-content .block-filters .block_shadow_sm {
        width: 21vw;
        font-size: 10px;
        margin-top: -2px;
        height: 3vh;
    }
    .home_transport .adv_block_container {
        padding: 0 10px;
    }
    .home_transport .adv_block_container .adv_block{
        height: 27vh;
        position: relative;
        box-shadow: none;
    }
    
    .home_transport .adv_block_container .adv_block_header {
        height: auto;
        padding-left: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        box-shadow: 6px 7px 6px rgba(0, 0, 0, 0.16);
    }

    .home_transport .adv_block_container .adv_block_header .dropin_user {
        margin-top: 0;
        font-size: 12px !important;
        font-weight: 100;
        margin-bottom: 10px;
    }

    .home_transport .adv_block_container .adv_block_header .dropin_user:before {
        width: 2.5vw;
        height: 2.4vw;
        background-size: 2vw;
        margin-right: 5px;
    }

    .home_transport .adv_block_container .adv_block_header .dropin_mail {
        margin-top: 0.5vw;
        margin-top: 0;
        font-size: 12px !important;
        font-weight: 100;
    }

    .home_transport .adv_block_container .adv_block_header .dropin_mail:before {
        width: 2.5vw;
        height: 1.5vw;
        background-size: 2vw;
        margin-right: 5px;
    }

    .home_transport .adv_block_container .adv_block_text {
        padding: 0.7vw;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .home_transport .adv_block_container .adv_block_text h3 {
        font-size: 12px !important;
        font-weight: 100;
    }

    .home_transport .adv_block_container .adv_block_text .text-justify{
        font-weight: 100;
        line-height: normal;
        font-size: 10px !important;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next {
        position: absolute;
        bottom: 3vh;
        left: 20px;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next span{
        font-size: 10px !important;
        font-weight: 100;
        line-height: normal;
        margin-right: 10px;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next a{
        font-size: 10px !important;
        font-weight: 100;
        line-height: normal;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next .dropin_date:before {
        width: 2.3vw;
        height: 2.2vw;
        background-size: 2.8vw;
        margin: 0px 3px -4px -7px;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next .dropin_readmore:after {
        margin-left: 5px;
        width: 3vw;
        height: 2vw;
        background-size: 4vw;
        margin-bottom: -1px;
    }
    .fix-style .home_transport .tab-content .block-filters .block_shadow {
        width: 21vw;
        font-size: 10px;
        margin-top: -2px;
        height: 3vh;
    }
    .forum_threads .forum_thread_name {
        font-weight: 100;
        font-size: 12px;
        text-align: left;
        color: #9b2c31;
        margin-left: 2vw;
    }
    .forum_threads .forum_thread_date {
        font-weight: 100;
        font-size: 10px;
    }
    .forum_threads .forum_thread_date:before {
        width: 2vw;
        height: 1.9vw;
        background-size: 2.5vw;
        margin-bottom: -3px;
        margin-right: 5px;
    }
    .home_transport .forum_threads .row{
        padding-bottom: 2px;
    }
    .fix-style .home_transport .tab-content .forum_threads .col {
        height: 26.2vh;
    }
    .fix-style .home_quickapp .header_red {
        position: absolute;
        top: 48vh;
        left: 14vw;
        font-weight: 100;
    }
    .fix-style .home_quickapp .header_red2 {
        top: 52vh;
        left: 14vw;
        font-size: 22px;
        font-weight: 100;
    }
    .fix-style .home_quickapp .hqba-1 {

        top: 57vh;
        left: 25vw;
    }
    
    .fix-style .home_quickapp .hqba-1 .quickapp_icon {
        top: 5vh;
        left: 5vw;
    }

    .fix-style .home_quickapp .hqba-2 .quickapp_icon {
        top: 5vh;
        left: 5vw;
    }

    .home_quickapp .pallet-with-tow-packages_icon {
        background-size: 7.5vw;
        width: 7.5vw;
        height: 5vw;
    }

    .home_quickapp  .quickapp_text {
        margin-top: 3vh;
        left: 12vw;
        font-weight: 100;
        font-size: 13px;
    }

    .home_quickapp  .quickapp_block {

        top: 2vh;
        left: 3vw;
        width: 43vw;
        height: 10vh;
      
    }

    .fix-style .home_quickapp  .quickapp_underblock {
        width: 44vw;
        height: 10vh;
    }

    .home_quickapp .digit_red {
        width: 6.5vw;
        font-size: 27px;
        padding-top: 3px;
        height: 4.4vh;
    }

    .fix-style .home_quickapp .hqba-2 {
        position: absolute;
        top: 75vh;
        left: 25vw;
    }

    .home_quickapp .bargains_icon {
        background-size: 7.5vw;
        width: 7.5vw;
        height: 8vw;
        top: 4vh;
    }

    .fix-style .home_quickapp .hqba-2 .quickapp_underblock {
        width: 46vw;
        height: 10vh;
        left: 3vw;
    }

    .home_quickapp .handshake_icon {
        background-size: 7.5vw;
        width: 7.5vw;
        height: 8vw;
        top: 5vh;
        left: 5vw;
    }

    .fix-style .home_quickapp .hqba-3 {
        top: 89vh;
        left: 25vw;
    }

    .fix-style .home_quickapp .hqba-3 .digit_red {
        right: -3vw;
        top: -2vh;
    }

    .fix-style .home_quickapp .hqba-3 .quickapp_underblock {
        top: 4vh;
        left: 5vw;
    }

    .fix-style .home_quickapp .rectangle-1 {
        top: 106vh;
        left: 20vw;
        width: 35vw;
        left: 14vw;
    }

    .fix-style .home_quickapp .quickapp_block_1 {
        left: 18vw;
        font-size: 13px;
        font-weight: 100;
        top: 108vh;
    }

    .fix-style .home_quickapp .rectangle-2 {
        top: 106vh;
        right: 18vw;
        width: 17vw;
        width: 35vw;
    }

    .fix-style .home_quickapp .button_red {
        top: 116vh;
        left: 28vw;
        width: 42.9vw;
        height: 5vh;
        font-size: 12px;
        text-align: left;
        padding-left: 45px;
    }
    .quickapp_seo_block {

        font-size: 0.7vw;
        text-align: left;
        color: #ffffff;
        height: 17vh;
    }

  

}   

@media screen and (max-width: 500px) {
    .animate_right{
        display: none;
    }
    .animate_left{
        display: none;
    }
  
    .block_right_top_cargo .firstpage_benefits{
        margin-left: 10px;
    }
    .fix-style .block_right_top_cargo .block_advantages img {
        width: 10vw;
        position: absolute;
        top: 0px;
        left: 0;
    }
    .fix-style .block_right_top_cargo .block_advantages {
        height: 25px;
        position: relative;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .fix-style .block_right_top_cargo .block_advantages h5 {
        position: relative;
        top: 0;
        left: 8.5vw;
        font-size: 14px;
    }
    .fix-style .block_right_top_cargo .block_advantages h6 {
        position: relative;
        top: 0;
        left: 8.5vw;
        font-size: 12px;
    }
    .fix-style .block_right_top_cargo .firstpage_counters {
        flex: 1 0 0;
        height: 100%;
        margin-top: 0;
        margin-left: 0;
        position: unset;
    }
    .firstpage_counters .counters-block .counter-block-now{
        display: none;
    }
    .firstpage_counters .counters-block .counter-block-transport {
        position: absolute;
        top: 25px;
        right: 0;
    }
    .home_firstpage {
        background-size: 281%;
        top: 120vh;
        bottom: 0;
        height: auto;
    }
    .bg_main_top_cargo {
      
        background-size: 102%;
        height: 60vh;
        position: absolute;
        top: auto;
        bottom: 5vh;
        position: absolute;
    }
    .fix-style .block_right_top_cargo {
        height: 40vh;
        position: absolute;
        top: -18vh;
    }
    .firstpage_block1 {
        position: absolute;
        top: 31vh;
        padding: 2vw;
        z-index: 1;
        left: auto;
        right: 0;
        width: 85vw;
        height: auto;
        padding: 35px 0px;
        background-color: rgba(238, 240, 243, .54);
    }
    .fix-style .firstpage_block1 .main-title {
        font-size: 13px;
        position: absolute;
        top: 2.7vh;
        top: 15px;
        left: 15px;
        font-weight: 100;
    }
    .fix-style .firstpage_block1 .second-title {
        font-size: 14px;
        color: #9b2c31;
        position: absolute;
        font-weight: 100;
        top: 36px;
        left: 15px;
    }
    .firstpage_block2 {
        position: absolute;
        top: 68vh;
        left: 26.8vw;
        width: 100vw;
        left: 26.8vw;
        left: 0;
        height: 10vh;
    }
    .firstpage_block2 .firstpage_block3 {
        height: 8vh;
    }
    .firstpage_block2 .trapezoid {
        position: absolute;
        top: 8vh;
        border-left: 5em solid transparent;
        border-right: 5em solid transparent;
        border-top: 14.0em solid rgba(255,255,255,0.54);
        height: 0;
        width: 60vw;
        left: 18vw;
        filter: drop-shadow(10px 7px 6px rgba(0, 0, 0, 0.16));
    }
    .firstpage_block2 .select-landing {
        font-size: 11px;
    }
    .firstpage_block2 .button_go {
        position: absolute;
        top: 8.5vh;
        left: 36vw;
        border: 0;
        background: #9b2c31;
        filter: drop-shadow(5px 3px 6px rgba(0, 0, 0, 0.16));
        color: #fff;
        text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
        padding: 0.5em 1em 0.5em 1em;
        font-size: 11px !important;
    }




    .fix-style .worldpart_tabs .countries_table .font_16red {
        line-height: 0px;
        margin-bottom: 0;
        margin-top: 0.5vh;
        font-weight: 100;
        font-size: 10px !important;
    }
    .worldpart_tabs .countries_table .border-gray-bottomleft h5 {
        font-size: 11px !important;
        margin-top: 0px;
        font-weight: 100;
    }
    .worldpart_tabs .countries_table .border-gray-bottomright h5 {
        font-size: 11px !important;
        margin-top: 0px;
        font-weight: 100;
    }
    .fix-style .worldpart_tabs .countries_table .font_16red i {
        color: #000;
        padding-right: 5px;
    }

    .worldpart_tabs .nav-link-text {
        display: table-cell;
        vertical-align: middle;
        font-size: 8px !important;
    }
    .worldpart_tabs .countries_table .col-2, .worldpart_tabs .countries_table .col-4 {
        height: 3.6vh;
        font-size: 9px;
        font-weight: 100;
        vertical-align: middle;
        padding: 0px 10px;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .fix-style .checkbox-red[type="checkbox"] + label:before {
        background-size: 3vw;
        height: 3vw;
        width: 3vw;
        margin-right: 10px;
    }
    .fix-style .checkbox-red[type="checkbox"]:checked + label:before {
        background-size: 3vw;
        height: 3vw;
        width: 3vw;
        margin-right: 10px;
    }
    .fix-style .countries_table label a {
        vertical-align: middle;
        font-size: 10px;
        font-weight: 100;
    }
    .worldpart_tabs .countries_table .col-2, .worldpart_tabs .countries_table .col-4 {
        height: auto;
        font-size: 9px;
        font-weight: 100;
        vertical-align: middle;
        padding: 0 0;
    }
    .how_it_works_block .how_it_works_text a {
        font-weight: 100;
        font-size: 10px;
    }
    .how_it_works_block {
        position: relative;
        width: 75vw;
        height: 7vh;
        padding-right: 65px;
        z-index: 1;
    }
    .how_it_works_block .how_it_works_text {
        position: relative;
        font-size: 10px;
        font-weight: 100;
        line-height: 10px;
        left: 17vw;
        top: 20px;
    }
    .how_it_works_block .digit_red {

        width: 32px;
        height: 32px;
        text-align: center;
        vertical-align: middle;
        z-index: 22;
        padding-top: 6px;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
    }
    .how_it_works_block .how_it_works_icon {
        top: 1.5vh;
        left: 6.7vw;
        width: 5.5vw;
        height: 3.8vh;
    }
    .how_it_works_block .how_it_works_icon {
        top: 1.5vh;
        left: 6.7vw;
        width: 9vw;
        height: 3.8vh;
    }
    .fix-style .home_how .header_red {
        left: 10vw;
        font-size: 16px;
        font-weight: 600;
    }
    .how_it_works_container {

        left: 10vw;
    }
    .how_it_works_underblock {
        top: 2vh;
        left: 2.5vw;
        width: 75vw;
        height: 6.5vh;
        border: 3px solid #9b2c31;
        box-shadow: 10px 7px 6px rgba(0, 0, 0, .16);
    }
    .how_it_works_company_block {
        top: 99vh;
        height: 34vh;
        width: 75vw;
        right: 15vw;
        background-size: 32vh;
        opacity: 0.1;
    }
    .fix-style .home_how .how_it_works_container.block_animation3 {
        top: 61.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation4 {
        top: 72.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation2 {
        top: 50.5vh;
    }
    .fix-style .home_how .aboutCompanyBlock .header_red {
        top: 85vh;
    }

    .how_it_works_company_block1 {
        height: 100%;
        position: relative;
        padding-bottom: 15px;
    }

    .how_it_works_company_block {
        top: 90vh;
        height: auto;
        width: 75vw;
        right: 15vw;
        background-size: 32vh;
        opacity: 0.1;
    }
    .fix-style .home_how .how_it_works_company_block1 .button_white {
        top: auto;
        left: 9vw;
        margin-top: 10px;
        width: 55vw;
        position: relative;
        font-size: 10px;
        font-weight: 100;
        text-align: left;
        line-height: 1.1;
        height: 4.7vw;
        height: 8vw;
    }
    .fix-style .home_how .how_it_works_company_block1 .button_red {
        top: auto;
        left: 9vw;
        width: 55vw;
        margin-top: 10px;
        font-size: 10px;
        font-weight: 100;
        position: relative;
        text-align: left;
        line-height: 1.1;
        height: 4.7vw;
        height: 8vw;
    }
    .how_it_works_company_text {
        font-size: 10px;
        font-weight: 100;
        line-height: 130%;
        height: 130px;
        overflow: hidden;
        z-index: 1;
        padding: 3vh 2vw 0 2vw;
    }

    .header_red {
        font-size: 16px;
        font-weight: 100;
        color: #9b2c31;
        text-shadow: none;
    }
    .fix-style .home_transport .block_animation {
        height: auto;
        width: 95vw;
        top: 0;
        position: relative;
        left: 0;
        transform: translateY(0) !important;
    }
    .fix-style .home_transport .tab-content {
        padding-top: 10px;
        height: auto;
    }
    .fix-style .home_transport .tab-content .block-filters h5 span{
        display: none;
    }
    .fix-style .home_transport .tab-content .block-filters h5 a {
        margin-left: 0;
    }
    .fix-style .home_transport .tab-content .block-filters .text-right button {
        position: absolute;
        right: 0;
        width: 35px;
        height: 35px;
        top: -20px;
        vertical-align: middle;
        line-height: 0;
        font-size: 30px;
    }
    .element-pc-view{
        display: none;
    }
    .element-mb-view{
        display: block;
    }
    #companies_tab_content .company_description p {
        font-size: 10px !important;
        font-weight: 100;
        line-height: 15px;
    }
    .fix-style #companies_tab_content .company_container {
        margin-right: 10px;
        margin-left: 10px;
        height: auto;
        box-shadow: none;
    }
    #companies_tab_content .company_description h3 {
        font-size: 12px !important;
        font-weight: 100;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .fix-style .home_transport .tab-content .text_9b2c31 {
        display: block;
        font-size: 12px !important;
        font-weight: 100;
        margin-bottom: 0px;
    }
    .fix-style .home_transport .tab-content .company_header p {
        font-size: 10px !important;
        vertical-align: middle;
        font-weight: 100;
        margin-top: 0px;
    }
    #companies_tab_content .company_description {
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .fix-style .company_containerMobileVersion {
        padding: 0 10px;
        margin-top: 20px !important;
    }
    .home_transport .next-slide.slick-arrow {
        right: -10px;
    }
    .home_transport .prev-slide.slick-arrow {
        left: -10px;
    }
    .fix-style .home_transport .tab-content .buttons-bottom {
        margin-top: 3vh;
        padding-bottom: 3vh;
        align-items: center;
    }
    .fix-style .home_transport .tab-content .buttons-bottom button {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
    .fix-style .home_transport .tab-content .buttons-bottom .button_white {
        margin-left: 30px;
        float: left;
    }
    .fix-style .home_transport .tab-content .buttons-bottom .button_red {
        float: right;
        margin-right: 30px;
    }
    .fix-style .home_transport .tab-content .block-filters .block_shadow_sm {
        margin-top: -6px;
        width: 35px;
        height: 35px;
        vertical-align: middle;
        line-height: 0;
        font-size: 30px;
    }
    .home_transport .adv_block_container .adv_block_header .dropin_user:before {
        width: 3.5vw;
        height: 3.4vw;
        background-size: 3vw;
        margin-right: 5px;
    }
    .home_transport .adv_block_container .adv_block_header .dropin_mail:before {
        width: 3.5vw;
        height: 2.1vw;
        background-size: 3vw;
        margin-right: 5px;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next .dropin_date:before {
        width: 3.3vw;
        height: 3.2vw;
        background-size: 3.8vw;
        margin: 0px 3px -3px -10px;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next .dropin_readmore:after {
        margin-left: 5px;
        width: 4vw;
        height: 3vw;
        background-size: 5vw;
        margin-bottom: -2px;
    }
    .home_transport .adv_block_container .adv_block {
        height: auto;
        position: relative;
        box-shadow: none;
    }
    .fix-style .home_transport .tab-content .forum_threads .col {
        height: auto;
        padding: 0;
    }
    .forum_threads .forum_thread_name {
        font-weight: 100;
        font-size: 10px;
        text-align: left;
        color: #9b2c31;
        margin-left: 0;
    }
    .forum_threads .forum_thread_date {
        font-weight: 100;
        font-size: 9px;
    }
    .fix-style .home_transport .tab-content .forum_threads .col-4{
        padding: 0;
    }
    .fix-style .home_transport .tab-content .forum_threads .col-8{
        padding: 0;
    }
    .forum_threads .forum_thread_date:before {
        width: 3vw;
        height: 2.9vw;
        background-size: 3.5vw;
        margin-bottom: -2px;
        margin-right: 5px;
    }
    .fix-style .home_transport .tab-content .block-filters .block_shadow {
        margin-top: -6px;
        width: 35px;
        height: 35px;
        vertical-align: middle;
        line-height: 0;
        font-size: 30px;
        margin-left: 0;
    }
    .fix-style .home_transport .tab-content .adv_block_text_next {
        position: relative;
        bottom: 0;
        left: 10px;
    }
    .fix-style .home_transport .tab-content .block-filters .forum-header{
        text-align: center;
    }

    .fix-style .home_benefits .header_red {
        left: 14vw;
        font-size: 15px;
        font-weight: 100;
        top: 45vh;
    }
    .fix-style .home_benefits .benefits_container.bba-1 {
        top: 52vh;
        left: 10vw;
    }
    .home_benefits .benefits_header {
        font-weight: 100;
        font-size: 12px;
        margin-top: 3vh;
        margin-left: 5vw;
        width: 70vw;
    }
    .home_benefits .benefits_block {
        height: 14.5vh;
        width: 70vw;
        margin-top: 5px;
    }
    .home_benefits .benefits_block.bordered-red{
        height: 14.5vh;
        width: 70vw;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        justify-content: center;
        margin-top: 5px;
        width: 73vw;
        align-items: center;
    }
    .fix-style .home_benefits .benefits_container .benefits_block_text {
        margin-top: 2vh;
        max-height: 60px;
        overflow: hidden;
        padding-right: 5px;
        font-size: 9px;
        font-weight: 100;
        line-height: 12px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .home_benefits .benefits_underblock {
        top: 8vh;
        left: 2vw;
        height: 14.5vh;
        width: 71vw;
        margin-top: 0px;
    }
    .fix-style .home_benefits .benefits_container.bba-2 {
        top: 73.5vh;
        left: 10vw;
    }
    .fix-style .home_benefits .benefits_container.bba-3 {
        top: 95vh;
        left: 10vw;
    }
    .home_benefits .home_benefitsPC{
        display: none;
    }
    .home_benefits .home_benefitsMobile{
        display: block;
    }
    .home_benefitsMobile .slick-slide {
        display: none;
        float: left;
        position: relative;
        height: 100%;
        min-height: 100vh;
    }
    .fix-style .home_news .header_red.first-element {
        font-weight: 100;
        left: 14vw;
        top: 47vh;
    }
    .fix-style .home_benefits .benefits_container .button_red {
        background: #9b2c31;
        /* box-shadow: 10px 7px 6px rgba(0, 0, 0, 0.16); */
        font-weight: 600;
        font-size: 12px;
        text-align: center;
        margin-top: 0;
        color: #fff;
        text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
        display: inline-block;
        padding: 0 15px;
        /* height: 4.9vh; */
        height: 8.7vw;
    }
    .home_news .news_container .news_block_text {
        font-size: 10px;
        line-height: 16px;
        font-weight: 100;
        max-height: 220px;
        padding-left: 10px;
        padding-top: 10px;
        overflow: hidden;
    }
    .header_red:before {
        display: inline-block;
        margin: 0 10px 3px 0;
        content: " ";
        text-shadow: none;
        width: 25px;
        height: 3px;
        background: #9b2c31;
    }
    .home_news .header_red {
        font-size: 14px;
        font-weight: 100;
        color: #9b2c31;
        text-shadow: none;
    }
    .home_news .news_container {
        left: 10vw;
        width: 72vw;
        height: auto !important;
        top: 52vh;
        position: relative;
    }
    .home_news .news_container .news_block {
        padding-bottom: 20px;
    }
    .fix-style .home_news .header_red.second-element {
        position: absolute;
        left: 10vw;
        top: 55vh;
    }

    .home_news .news_header {
        font-weight: 100;
        font-size: 12px;
        line-height: 13px;
        padding-left: 10px !important;
        box-shadow: 5px 7px 6px rgba(0, 0, 0, 0.16);
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .home_news .news_intro {
        font-weight: 100;
        font-size: 10px;
        font-size: 10px;
        padding-left: 15px !important;
        text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.16);
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 15px !important;
        padding-left: 10px !important;
    }
    .home_news .news_container2 {
        position: relative;
        top: 59vh;
        right: 0;
        width: 75vw;
        /* left: 10vw; */
        left: 0.7vw;

        box-shadow: none;
        border-left: none;
    }
    .news_container2 .bg_white {
        padding-bottom: 10px;
        box-shadow: 5px 7px 6px rgba(0, 0, 0, 0.16);
        border-left: #8f181b 2px solid;
    }
    .news_date:before {
        width: 15px;
        height: 16px;
        background-size: 5.8vw;
        margin-right: 1vw;
        margin-bottom: -3px;
    }
    .news_date {
        font-weight: 100;
        font-size: 10px;
        margin-left: 15px;
    }
    .news_details:after {
        width: 10px;
        height: 12px;
        margin-left: 10px;
    }
    .news_details {
        font-weight: 100;
        font-size: 10px;
        padding-top: 0;
        margin-right: 5vw;
    }

    .HomeNewsPcView{
        display: none;
    }
    
    .HomeNewsMobileView{
        display: flex;
        justify-content: center;
        position: relative;
    }

    .HomeNewsMobileView .prev-slide.slick-arrow {
        left: -30px;
    }
    .HomeNewsMobileView .next-slide.slick-arrow {
        right: -20px;
    }
    .news_container2 .bg_white.news-block-2 {
        margin-left: 0;
        margin-right: 10px;
    }
    .news_container2 .bg_white.news-block-1 {
        margin-right: 10px;
    }
    .home_news .block_animation3 {
        right: auto;
        padding-right: 4px;
        top: unset;
        bottom: -27vh;
        height: 30px;
        font-size: 11px;
        width: 210px;
        transform: none !important;
    }

    .fix-style .home_quickapp .header_red2 {
        top: 51vh;
        left: 14vw;
        font-size: 16px;
        font-weight: 100;
    }
    .fix-style .home_quickapp .header_red span{
       margin-left: 35px;
    }

    .fix-style .home_quickapp .hqba-1 {
        top: 57vh;
        left: 10vw;
    }
    .home_quickapp .quickapp_block {
        top: 2vh;
        left: 3vw;
        width: 55vw;
        height: 10vh;
    }
    .fix-style .home_quickapp .quickapp_underblock {
        width: 54vw;
        height: 10vh;
    }
    .home_quickapp .digit_red {
        width: 35px;
        font-size: 20px;
        padding-top: 3px;
        height: 35px;
    }
    .home_quickapp .pallet-with-tow-packages_icon {
        background-size: 9.5vw;
        width: 10.5vw;
        height: 6vw;
    }
    .fix-style .home_quickapp .hqba-1 .quickapp_icon {
        top: 6vh;
        left: 8vw;
    }
    .home_quickapp .quickapp_text {
        margin-top: 4vh;
        left: 17vw;
        font-weight: 100;
        font-size: 10px;
    }
    .fix-style .home_quickapp .hqba-2 .quickapp_icon {
        top: 5vh;
        left: 8vw;
    }
    .home_quickapp .bargains_icon {
        background-size: 9.5vw;
        width: 9.5vw;
        height: 10vw;
        top: 4vh;
    }
    .fix-style .home_quickapp .hqba-2 .quickapp_underblock {
        width: 59vw;
        height: 10vh;
        left: 3vw;
    }
    .fix-style .home_quickapp .hqba-3 {
        top: 90vh;
        left: 10vw;
    }
    .home_quickapp .handshake_icon {
        background-size: 9.5vw;
        width: 9.5vw;
        height: 9vw;
        top: 5vh;
        left: 8vw;
    }
    .fix-style .home_quickapp .hqba-3 .quickapp_underblock {
        top: 4vh;
        left: 7vw;
    }
    .fix-style .home_quickapp .rectangle-1 {
        top: 107vh;
        left: 20vw;
        width: 43vw;
        left: 5vw;
    }

    .fix-style .home_quickapp .rectangle-2 {
        top: 109vh;
        right: 5vw;
        width: 17vw;
        width: 35vw;
    }
    .fix-style .home_quickapp .quickapp_block_1 {
        left: 10vw;
        font-size: 10px;
        font-weight: 100;
        top: 109vh;
    }
    .fix-style .home_quickapp .button_red {
        top: 116vh;
        left: 19vw;
        width: 60.9vw;
        height: 5vh;
        font-size: 10px;
        text-align: left;
        padding-left: 20px;
    }
    footer {
        z-index: 1;
    }
    .quickapp_seo_block {
        font-size: 0.7vw;
        text-align: left;
        color: #ffffff;
        height: 16vh;
        z-index: 0;
    }

    .fix-style .worldpart_tabs .buttons-bottom .worldparts_button.left-button {
        margin-left: 9.3vw;
        width: 35vw;
        font-size: 10px;
        margin-top: 10px;
    }

    .fix-style .worldpart_tabs .buttons-bottom .worldparts_button.right-button {
        margin-right: 9.3vw;
        width: 35vw;
        font-size: 10px;
        margin-top: 10px;
    }

    .worldpart_tabs .content_container2 {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        z-index: 1;
        height: auto;
        min-height: 100vh;
        width: 100vw;
        margin-left: 0;
        /* top: 14.16vh; */
        margin-top: 0;
    }
    .mobile-col-flag{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 10px;
    }
    .fix-style .worldpart_tabs .font_12 a {
        font-size: 9px;
        font-weight: 100;
        vertical-align: middle;
    }
    .worldpart_tabs .flag {
        width: 10px;
        margin-right: 5px !important;
        margin-top: -3px !important;
        margin-left: 10px !important;
    }
    .fix-style .home_benefits .bg-image-3 {
        top: 1vh;
        right: -30vw;
        width: 35vw;
    }
    .fix-style .home_benefits .bg-image-2 {
        left: -26vw;
        top: 22vh;
        width: 22vw;
    }
    .fix-style .home_benefits .bg-image-1 {
        left: -30vw;
        bottom: 7.5vh;
        width: 40vw;
    }
    .transportList{
        content: "";
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url(/static/img/icons/transportList.svg?19378c3c8745);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .adsMain{
        content: "";
        display: inline-block;
        width: 30px;
        height: 25px;
        background-image: url(/static/img/icons/adsMain.svg?0da89c69db6c);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .messagesF:before {
        content: "";
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url(/static/img/icons/messagesF.svg?0da89c69db6c);
        background-size: 21px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .search_countries_tab_content .chevron_down:before {

        right: 2px;

    }
}


@media screen and (max-width: 380px) {
    
    .fix-style .home_how .howWorkBlock .header_red {
        top: 46vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation2 {
        top: 51.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation3 {
        top: 62.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation4 {
        top: 73.5vh;
    }
    .fix-style .home_how .aboutCompanyBlock .header_red {
        top: 85vh;
    }
    .how_it_works_company_block {
        top: 89vh;
    }
    .main_block{
        top: 100vh;
    }
    .home_news .news_container .news_block {
        padding-bottom: 10px;
    }
    .home_news .news_container .news_block_text {
        max-height: 190px;
    }
    .firstpage_block2 {
        top: 64vh;
    }
    .fix-style .home_benefits .header_red {
        top: 47vh;
    }
    .nameLettersBlock .letterElem {
        font-size: 9px;
        border: 1px solid;
        margin-right: 2px;
        color: #ffff;
        padding: 0px 2px;
    }
}

@media screen and (max-width: 360px) {
    .home_news .news_container2{
        left: 1.7vw;
    }
    .fix-style .block_right_top_cargo {
        height: 45vh;
        position: absolute;
        top: -15vh;
    }
    .firstpage_block1{
        top: 38.5vh;
    }
    .fix-style .home_how .howWorkBlock .header_red {
        top: 45vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation2 {
        top: 49.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation3 {
        top: 60.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation4 {
        top: 71.5vh;
    }
    .fix-style .home_how .aboutCompanyBlock .header_red {
        top: 82vh;
    }
    .how_it_works_company_block {
        top: 86vh;
    }
    .main_block{
        top: 100vh;
    }
    .home_news .news_container .news_block {
        padding-bottom: 10px;
    }
    .home_news .news_container .news_block_text {
        max-height: 190px;
    }
    .firstpage_block2 {
        top: 64vh;
    }

}

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

    #companies_tab_content .company_description h3 {
        font-size: 12px !important;
        font-weight: 100;
        margin-bottom: 0;
        margin-top: 0;
    }
    .fix-style .home_transport .tab-content .block-filters{
        display: none;
    }
    .fix-style .home_transport .tab-content .buttons-bottom {
        padding-bottom: 0;
    }
    .fix-style .company_containerMobileVersion {
        padding: 0 10px;
        margin-top: 10px !important;
    }
    .fix-style .home_transport .tab-content .buttons-bottom{
        margin-top: 5px;
    }
    .numberLettersBlock .letterElem {
        font-size: 20px;
        border: 1px solid;
        color: #fff;
        margin-right: 4px;
        padding: 0 5px;
    }
    .fix-style .block_right_top_cargo{
        height: 45vh;
    }
    .firstpage_block1{
        top: 35vh;
    }
    .firstpage_block2 {
        top: 62vh;
    }
    .firstpage_block1 {
        padding: 32px 0px;
    }
    .fix-style .firstpage_block1 .second-title {
        font-size: 13px;

    }
    .how_it_works_block .digit_red {
        width: 25px;
        height: 25px;
        padding-top: 2px;
    }
    .how_it_works_block .how_it_works_text {
        top: 14px;
    }
    .fix-style .home_how .aboutCompanyBlock .header_red {
        top: 84vh;
    }
    .how_it_works_company_block {
        top: 90vh;
    }
    .how_it_works_company_text {
        height: 90px;
    }
    .fix-style .home_how .how_it_works_company_block1 .button_white {
        left: 6vw;
        margin-top: 10px;
        width: 60vw;
    }
    .fix-style .home_how .how_it_works_company_block1 .button_red{
        left: 6vw;
        margin-top: 10px;
        width: 60vw;
    }
    .worldpart_tabs .nav-link-text{
        font-size: 6px !important;
    }
    .fix-style .worldpart_tabs .countries_table .font_16red {
        line-height: 0px;
        margin-bottom: 0;
        margin-top: 0;
        font-weight: 100;
        font-size: 9px !important;
    }
    .worldpart_tabs .countries_table .border-gray-bottomright h5 {
        font-size: 9px !important;
        margin-top: 0px;
        font-weight: 100;
    }
    .worldpart_tabs .countries_table .border-gray-bottomleft h5 {
        font-size: 9px !important;
        margin-top: 0px;
        font-weight: 100;
    }
    .worldpart_tabs .countries_table .col-2, .worldpart_tabs .countries_table .col-4 {
 
        font-size: 8px;
        height: auto;
      
    }
    .fix-style .checkbox-red[type="checkbox"] + label:before {
        background-size: 3vw;
        height: 3vw;
        width: 3vw;
        margin-right: 6px;
    }
    .fix-style .checkbox-red[type="checkbox"]:checked + label:before {
        background-size: 3vw;
        height: 3vw;
        width: 3vw;
        margin-right: 6px;
    }
    #companies_tab_content .company_description{
        padding-top: 5px;
    }
    .home_news .news_container .news_block_text{
        max-height: 140px;
    }
    .home_news .block_animation3 {
        width: 170px;
    }
    .home_quickapp .quickapp_text{
        font-size: 9px;
    }
    .worldpart_tabs .flag {
        width: 7px;
    }
    .fix-style .worldpart_tabs .font_12 a {
        font-size: 8px;
        font-weight: 100;
        vertical-align: middle;
    }
    .fix-style .home_benefits .benefits_container .benefits_block_text{
        margin-top: 5px;
    }
    .home_benefits .benefits_header{
        font-size: 11px;
    }
}

@media screen and (max-height: 600px) {
    .header.small {
        height: 5.1vh;
    }
    .fix-style .home_how .howWorkBlock .header_red {
        top: 47vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation2 {
        top: 53.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation3 {
        top: 63.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation4 {
        top: 73.5vh;
    }
    .fix-style .home_how .aboutCompanyBlock .header_red {
        top: 84vh;
    }
    .how_it_works_company_block {
        top: 88vh;
    }
    .how_it_works_block .how_it_works_text{
        top: 16px;
    }
    .firstpage_block2 {
        top: 65vh;
    }
}

@media screen and (max-height: 550px) {
    .header.small {
        height: 4.5vh;
    }
    .header {
        height: 4.5vh;
    }
    .firstpage_block1 {
        top: 40.5vh;
    }
    .fix-style .block_right_top_cargo{
        height: 48vh;
    }
    .fix-style .home_quickapp .header_red{
        top: 47vh;
    }
    .home_news .news_container2 {
        left: 2.3vw;
    }
}
@media screen and (max-height: 500px) {
    .header.small {
        height: 5.3vh;
    }
    .header {
        height: 5.3vh;
    }
    .fix-style .block_right_top_cargo {
        height: 50vh;
    }
    .firstpage_block1 {
        top: 42.5vh;
    }
    .firstpage_block2 {
        top: 72vh;
    }
    .how_it_works_company_text{
        height: 85px;
    }
    .how_it_works_block .how_it_works_text{
        top: 13px;
    }
    .fix-style .home_how .howWorkBlock .header_red {
        top: 48vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation2 {
        top: 53.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation3 {
        top: 64.5vh;
    }
    .fix-style .home_how .how_it_works_container.block_animation4 {
        top: 75.5vh;
    }
    .fix-style .home_how .aboutCompanyBlock .header_red {
        top: 86vh;
    }
    .how_it_works_company_block {
        top: 91vh;
    }
    .fix-style .home_benefits .benefits_container .benefits_block_text{
        margin-top: 0vh;
    }
    .fix-style .home_benefits .benefits_container.bba-2 .benefits_block_text {
        margin-top: 0;
    }
    .fix-style .home_benefits .benefits_container.bba-3 .benefits_block_text {
        margin-top: 0;
    }
    .fix-style .home_benefits .header_red {
        top: 48vh;
    }
    .home_news .news_container .news_block_text {
        max-height: 125px;
    }
    .home_quickapp .header_red{
        font-size: 14px;
    }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow{
    font-size: 45px;
    position: absolute;
    top: 35%;
    opacity: 0.7;
}

.prev-slide.slick-arrow{
    left: 0px;
}

.next-slide.slick-arrow{
    right: 0px;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/static/slick/ajax-loader.gif?5586277e4972') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/static/slick/fonts/slick.eot?5586277e4972');
    src: url('/static/slick/fonts/slick.eot?&5586277e4972#iefix') format('embedded-opentype'), url('/static/slick/fonts/slick.woff?5586277e4972') format('woff'), url('/static/slick/fonts/slick.ttf?5586277e4972') format('truetype'), url('/static/slick/fonts/slick.svg?5586277e4972#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}