.container {
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px
}
@media (min-width: 768px) {
    .container {
        width: 750px
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1380px;
        max-width: 100%
    }
}
.flex {
    display: flex
}
@keyframes moveReverse {
    0% {
        transform: translateX(calc(0vw - 0px)) scale(1, 1)
    }
    1% {
        transform: translateX(calc(0vw - 160px)) scale(1, 1)
    }
    49% {
        transform: translateX(calc(100vw + 640px)) scale(1, 1)
    }
    50% {
        transform: translateX(calc(100vw + 640px)) scale(-1, 1)
    }
    51% {
        transform: translateX(calc(100vw + 640px)) scale(-1, 1)
    }
    99% {
        transform: translateX(calc(0vw - 160px)) scale(-1, 1)
    }
    100% {
        transform: translateX(calc(0vw - 0px)) scale(1, 1)
    }
}
@keyframes moveReverseWide {
    0% {
        transform: translateX(0px) scale(1, 1)
    }
    1% {
        transform: translateX(-160px) scale(1, 1)
    }
    49% {
        transform: translateX(2560px) scale(1, 1)
    }
    50% {
        transform: translateX(2560px) scale(-1, 1)
    }
    51% {
        transform: translateX(2560px) scale(-1, 1)
    }
    99% {
        transform: translateX(-160px) scale(-1, 1)
    }
    100% {
        transform: translateX(0px) scale(1, 1)
    }
}
* {
    box-sizing: border-box;
    list-style: none;
    outline: none
}
noscript {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 30px);
    max-width: 850px;
    background: #eb0b0b;
    border-radius: 100px;
    margin: auto;
    padding: 40px 50px;
    min-height: 145px;
    color: #fff;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999
}
body input:focus:required:invalid, body textarea:focus:required:invalid {
    color: #666
}
body input:required:valid, body textarea:required:valid {
    color: #666
}
body {
    overflow-x: hidden;
    position: relative;
    margin: 0;
    min-width: 320px;
    background: #fff
}
body.disscroll {
    overflow: hidden
}
body.disscroll .header.removed {
    z-index: 3
}
body.loading {
    pointer-events: none;
    user-select: none
}
body.loading * {
    user-select: none;
    user-focus: none
}
body.loading > .preloader {
    z-index: 9999999;
    opacity: 1
}
body.loading > .preloader .loader::after {
    animation: scale 2.5s ease-in-out infinite
}
body.loading > .preloader .loader div {
    animation: move 2.5s ease-in-out infinite alternate
}
.disscroll {
    overflow: hidden !important
}
@font-face {
    src: url("/front/fonts/Lato/Lato-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    font-family: "Lato";
    font-display: swap
}
@font-face {
    src: url("/front/fonts/Lato/Lato-Bold.ttf");
    font-weight: bold;
    font-style: normal;
    font-family: "Lato";
    font-display: swap
}
@font-face {
    src: url("/front/fonts/Geometria/Geometria-ExtraLight.woff");
    font-weight: 300;
    font-style: normal;
    font-family: "Geometria";
    font-display: swap
}
@font-face {
    src: url("/front/fonts/Geometria/Geometria-Light.woff");
    font-weight: normal;
    font-style: normal;
    font-family: "Geometria";
    font-display: swap
}
@font-face {
    src: url("/front/fonts/Geometria/Geometria-Medium.woff");
    font-weight: 500;
    font-style: normal;
    font-family: "Geometria";
    font-display: swap
}
@font-face {
    src: url("/front/fonts/Geometria/Geometria-Bold.woff");
    font-weight: bold;
    font-style: normal;
    font-family: "Geometria";
    font-display: swap
}
@font-face {
    src: url("/front/fonts/Geometria/Geometria-ExtraBold.woff");
    font-weight: bolder;
    font-style: normal;
    font-family: "Geometria";
    font-display: swap
}
@font-face {
    src: url("/front/fonts/Museo/MUSEOSANSCYRL_3.OTF");
    font-weight: bolder;
    font-style: normal;
    font-family: "Museo";
    font-display: swap
}
ul {
    padding: 0;
    margin: 0
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0
}
a {
    color: inherit;
    text-decoration: none
}
* {
    font-family: Geometria;
    tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}
select option {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    font-family: Arial, sans-serif !important
}
.top_block {
    margin: 69px auto 50px auto;
    height: 865px;
    position: relative;
    overflow: hidden
}
.top_block:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: 20px
}
.top_block:after {
    position: absolute;
    content: "";
    width: calc(60% - 40px);
    height: 20px;
    bottom: 0px;
    left: 40%;
    margin-left: 40px;
    background: rgba(36, 132, 132, .3)
}
.top_block .container, .top_block__inner {
    height: 100%
}
.top_block__wrapper {
    position: relative;
    height: calc(100% - 20px);
    overflow: hidden;
    background: #3bb0b0;
    z-index: 2
}
.top_block__illustration {
    width: 50%
}
.top_block__illustration-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    height: 100%
}
.top_block__illustration-inner {
    height: 100%;
    position: relative
}
.top_block__illustration-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    z-index: -2
}
.top_block__inner {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}
.top_block__inner:before {
    content: "";
    background: #f8fa9b;
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}
.top_block__inner:after {
    content: "";
    background: #f8fa9b;
    width: 1250px;
    height: 1000px;
    position: absolute;
    top: -290px;
    left: calc(40% - 835px);
    z-index: -1;
    transform: rotate(-60deg)
}
.top_block__title {
    font-weight: bolder;
    color: #000;
    font-size: 56px;
    line-height: 66px;
    text-transform: uppercase;
}
.top_block__title-sub {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    display: block;
    color: #3bb0b0
}
.top_block__title-sub span {
    display: block
}
.block_with_illustration {
    overflow: hidden
}
.block_with_illustration__title {
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    color: #000;
    margin-bottom: 22px
}
.block_with_illustration__text {
    font-family: Lato;
    color: #000;
    font-weight: normal;
    font-size: 16px;
    line-height: 180%;
    margin-bottom: 30px
}
.block_with_illustration .text_wr .block_with_illustration__text:last-child {
    margin-bottom: 0
}
.block_with_illustration .text_wr + .img_wr img {
    float: left
}
.block_with_illustration .img_wr img {
    display: block;
    width: auto;
    height: 100%;
    float: right
}
.block_with_illustration__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}
.block_with_illustration__content > div {
    width: calc(50% - 15px)
}
.block_with_illustration.underdash .block_with_illustration {
    overflow: hidden
}
.block_with_illustration.underdash .block_with_illustration__content {
    position: relative;
    padding-bottom: 50px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.block_with_illustration.underdash .block_with_illustration__content:before {
    content: "";
    position: absolute;
    width: 850px;
    height: 3px;
    background: url(/front/img/okp_i_bkg.svg) center no-repeat transparent;
    background-size: cover;
    bottom: 0;
    left: calc(50% + 15px)
}
.step_list .block__title {
    font-size: 45px;
    line-height: 57px;
    color: #5a5a5a;
    text-align: center;
    font-weight: bold
}
.step_list__content {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}
.step_list__item {
    width: 430px;
    position: relative;
    border-radius: 23px;
    border: 3px solid transparent
}
.step_list__item:before, .step_list__item:after {
    content: "";
    position: absolute;
    z-index: 2
}
.step_list__item:before {
    width: 5px;
    height: 78px;
    top: -4px;
    left: 16px;
    transform: translate(0px, 0px);
    transition: height .5s .5s linear
}
.step_list__item:after {
    width: 78px;
    height: 21px;
    top: -24px;
    left: 17px;
    background: #fff;
    transform: translate(0px, 0px);
    transition: width .5s .5s linear
}
.step_list__item-inner {
    padding: 17px 7px 72px 47px;
    pointer-events: none
}
.step_list__item-inner:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 3px solid #3bb0b0;
    border-radius: 23px;
    position: absolute;
    top: -3px;
    left: -3px;
    transform: translate(20px, -20px);
    z-index: 1;
    transition: all .5s linear
}
.step_list__item .subtitle {
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 10px;
    display: block;
    transition: color .5s .5s linear
}
.step_list__item .text {
    color: #333;
    font-family: Lato;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px
}
.step_list__item:hover:before {
    height: 0px;
    transform: translate(-20px, 20px);
    transition: height .5s 0s linear, transform .5s .5s linear
}
.step_list__item:hover:after {
    width: 0px;
    transform: translate(-20px, 20px);
    transition: width .5s 0s linear, transform .5s .5s linear
}
.step_list__item:hover .step_list__item-inner:before {
    transform: translate(0, 0);
    transition: transform .5s .5s linear, border-color .5s .5s linear
}
.step_list__item:hover .step_list__item-inner .subtitle {
    color: #5a5a5a
}
.info_section_content {
    width: 685px;
    padding: 70px 85px 110px 85px;
    margin: 20px auto 0 20px;
    background: #fff;
    border: 2px solid #3bb0b0;
    border-radius: 16px;
    color: #5a5a5a;
    position: relative;
    will-change: border-color;
    transition: border-color .1s 0s ease
}
.info_section_content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #3bb0b0;
    border-radius: 16px;
    pointer-events: none;
    transform: translate(-20px, -20px);
    will-change: transform, border-color;
    transition: transform .5s ease, border-color .5s ease
}
.info_section_content:hover {
    border-color: #f8fa9b;
    transition: border-color 0s 0.4s ease
}
.info_section_content:hover:before {
    border-color: #f8fa9b;
    transform: translate(-2px, -2px)
}
.info_section * {
    font-family: Lato;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px
}
.info_section__title {
    font-size: 24px;
    line-height: 35px;
    display: block;
    margin-bottom: 20px;
    color: #3bb0b0
}
.info_section__list-item {
    margin-bottom: 24px;
    padding-left: 65px;
    position: relative
}
.info_section__list-item:before {
    content: "";
    display: block;
    height: 3px;
    width: 44px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #3bb0b0;
    transition: left .5s linear, background-color .5s linear, width .5s linear
}
.info_section__list-item:hover:before {
    width: 31px;
    left: 13px;
    background-color: #f8fa9b
}
.info_section__list-item:nth-child(even):before {
    width: 31px;
    left: 13px
}
.info_section__list-item:nth-child(even):hover:before {
    width: 44px;
    left: 0
}
.info_section__list-item:last-child {
    margin-bottom: 0
}
.info_section.last .info_section_content {
    width: 895px;
    background: #f0f0f0
}
.partner__content {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}
.partner__block {
    width: 575px;
    color: #f0f0f0;
    text-align: center;
    margin-bottom: 90px
}
.partner__block .title {
    font-weight: bold;
    font-size: 24px;
    line-height: 188.7%
}
.partner__block .text {
    font-weight: 500
}
.partner__block .text a {
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}
.plan_cards {
    overflow: hidden;
    color: #5a5a5a
}
.plan_cards__content {
    text-align: center
}
.plan_cards__content .block__title {
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    margin-bottom: 5px
}
.plan_cards__content .block__subtitle {
    font-size: 24px;
    line-height: 45px;
    font-weight: 500;
    margin-bottom: 30px;
    display: block
}
.plan_cards__block {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap
}
.plan_cards__item {
    padding: 160px 15px 0 15px;
    position: relative
}
.plan_cards__item:before, .plan_cards__item:after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    top: 0;
    left: 50%
}
.plan_cards__item:before {
    transform: translateX(-50%);
    background-image: url(/front/img/green-dots.svg);
    background-size: 150px
}
.plan_cards__item:after {
    background-image: url(/front/img/yellow-dots.svg);
    background-size: 140px;
    transform: translate(calc(20px - 50%), -20px);
    opacity: 1;
    will-change: transform, opacity;
    transition: transform .5s ease, opacity .3s ease
}
.plan_cards__item .title {
    font-size: 40px;
    line-height: 35px;
    color: #3bb0b0;
    font-weight: 500;
    margin-bottom: 10px
}
.plan_cards__item .title span {
    display: block
}
.plan_cards__item .subtitle {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    display: block;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 40px
}
.plan_cards__item .text {
    font-family: Lato;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 25px
}
.plan_cards__item .text:last-child {
    margin-bottom: 0
}
.plan_cards__item .list {
    text-align: left;
    padding: 0 40px 0 70px;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px
}
.plan_cards__item .list__item {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    margin-bottom: 20px;
    position: relative
}
.plan_cards__item .list__item:before {
    content: "";
    position: absolute;
    top: 14px;
    left: -70px;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background-color: #3bb0b0;
    will-change: background-color;
    transition: background-color .5s ease
}
.plan_cards__item .list__item:last-child {
    margin-bottom: 0
}
.plan_cards__item:hover:after {
    opacity: 0;
    transform: translate(calc(0px - 50%), 0);
    transition: transform .5s ease, opacity .2s .3s ease
}
.plan_cards__item:hover .list__item:before {
    background-color: #f8fa9b
}
.faq-section {
    padding-top: 60px
}
.faq-section .dyk {
    width: 100%;
    max-width: 1215px;
    margin: 0 auto 115px auto;
    text-align: center;
    color: #5a5a5a;
    position: relative
}
.faq-section .dyk-container {
    width: calc(100% - 2 * 178px);
    margin: 0 auto;
    position: relative;
    background: #fff;
    box-shadow: 0px 20px 90px rgba(0, 0, 0, .1)
}
.faq-section .dyk-container:before, .faq-section .dyk-container:after {
    content: "";
    position: absolute;
    width: 178px;
    height: 100%;
    background: url(/front/img/white-triangle.svg) right top no-repeat transparent;
    top: 0;
    background-size: cover;
    z-index: 0
}
.faq-section .dyk-container:before {
    left: -178px
}
.faq-section .dyk-container:after {
    right: -178px;
    transform: scale(-1, -1)
}
.faq-section .dyk-inner {
    width: 660px;
    margin: 0 auto;
    padding: 60px 0
}
.faq-section .dyk-title {
    font-weight: bold;
    font-size: 24px;
    line-height: 188.7%;
    margin-bottom: 15px
}
.faq-section .dyk-description {
    font-size: 16px;
    line-height: 160%;
    font-weight: 300;
    color: #000
}
.faq-section .dyk-bkg {
    width: 197px;
    height: 110px;
    background: url(/front/img/black_lines_d.svg) center no-repeat transparent;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    transform: translateY(-50%)
}
.faq-section .feedback-landscape {
    margin-bottom: 115px
}
.faq-section .feedback-landscape-container {
    padding-left: calc(100% - 1120px);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}
.faq-section .feedback-landscape-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fff;
    display: block;
    margin-right: 65px;
    flex-shrink: 0
}
.faq-section .feedback-landscape-info {
    color: #000;
    font-weight: 500
}
.faq-section .feedback-landscape-info-name {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 2px;
    font-weight: bold;
    text-transform: uppercase;
    color: #3bb0b0
}
.faq-section .feedback-landscape-info-position {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 15px
}
.faq-section .feedback-landscape-info-text {
    font-size: 14px;
    line-height: 150.96%;
    font-weight: 300;
    color: #000
}
.faq-section .customer-support {
    position: relative;
    overflow: hidden
}
.faq-section .customer-support:before {
    content: "";
    width: 197px;
    height: 110px;
    background: url(/front/img/black_lines_d.svg) center no-repeat transparent;
    background-size: cover;
    position: absolute;
    top: 155px;
    left: calc(50% - 680px);
    z-index: 1;
    transform: scale(-1, 1)
}
.faq-section .customer-support:after {
    content: "";
    width: 860px;
    background: #f0f0f0;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}
.faq-section .customer-support-container {
    margin-left: calc(100% - 1040px);
    padding: 105px 0 105px 105px;
    position: relative;
    color: #000;
    background: #f0f0f0
}
.faq-section .customer-support-container:before {
    content: "";
    background: url(/front/img/grey_triangle.svg) calc(100% + 1px) top no-repeat transparent;
    background-size: cover;
    width: 372px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -372px
}
.faq-section .customer-support-container:after {
    content: "";
    width: 1920px;
    height: 4px;
    background: url(/front/img/cs-bottom-line.svg) center no-repeat transparent;
    background-size: auto;
    position: absolute;
    bottom: 25px;
    left: calc(50% - 960px)
}
.faq-section .customer-support__title {
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    margin: 0 auto 45px auto;
    text-transform: uppercase
}
.faq-section .customer-support__wr {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.faq-section .customer-support__description {
    width: 550px
}
.faq-section .customer-support__text {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 25px;
    font-weight: 300;
    color: #000
}
.faq-section .customer-support__phone {
    font-family: Lato;
    font-weight: bold;
    color: #3bb0b0;
    font-size: 24px;
    line-height: 25px;
    margin: 0 auto 10px auto
}
.faq-section .customer-support__phone a {
    text-decoration: none;
    cursor: pointer;
    color: inherit
}
.faq-section .customer-support__phone a:visited {
    text-decoration: none;
    color: inherit
}
.faq-section .customer-support__phone a:hover, .faq-section .customer-support__phone a:focus, .faq-section .customer-support__phone a:active {
    text-decoration: underline;
    color: inherit
}
.faq-section .customer-support__hint {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
    margin: 0 auto 0 0
}
.faq-section .customer-support .subscribe-section {
    width: 315px;
    color: #3bb0b0;
    font-weight: 500
}
.faq-section .customer-support .subscribe-section .notification-block-wrapper {
    margin-top: 15px
}
.faq-section .customer-support .subscribe__title {
    font-size: 20px;
    line-height: 23px;
    margin: 0 auto 30px auto
}
.faq-section .customer-support-subscription-form {
    width: 270px
}
.faq-section .customer-support-subscription-form-email {
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid transparent;
    border-bottom-color: #5a5a5a;
    padding: 0;
    background: transparent;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    display: block;
    width: 100%;
    border-bottom-color: #3bb0b0;
    margin: 0 auto 30px auto
}
.faq-section .customer-support-subscription-form-email::-webkit-input-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.faq-section .customer-support-subscription-form-email::-moz-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.faq-section .customer-support-subscription-form-email:-ms-input-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.faq-section .customer-support-subscription-form-email:-moz-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.faq-section .customer-support-subscription-form-email:focus::-webkit-input-placeholder {
    color: transparent
}
.faq-section .customer-support-subscription-form-email:focus::-moz-placeholder {
    color: transparent
}
.faq-section .customer-support-subscription-form-email:focus:-ms-input-placeholder {
    color: transparent
}
.faq-section .customer-support-subscription-form-email:focus:-moz-placeholder {
    color: transparent
}
.faq-section .customer-support-subscription-form-submit {
    color: #3bb0b0;
    background: #f8fa9b;
    font-weight: 500;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    border: 0;
    padding: 9px 49px
}
.btn--shadow {
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    line-height: 28px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 0px rgba(36, 132, 132, .25);
    border-radius: 60px;
    padding: 9px 27px;
    will-change: transform, box-shadow;
    transform: translate(0, 0);
    transition: transform .3s ease, box-shadow .3s ease
}
.btn--shadow[disabled] {
    opacity: .9;
    pointer-events: none !important;
    transform: translate(0, 0);
    box-shadow: 4px 4px 0px rgba(36, 132, 132, .25)
}
.btn--shadow:visited {
    transform: translate(0, 0);
    box-shadow: 4px 4px 0px rgba(36, 132, 132, .25)
}
.btn--shadow:hover {
    transform: translate(3px, 3px);
    box-shadow: 1px 1px 0px rgba(36, 132, 132, .25)
}
.btn--shadow:focus {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0px rgba(36, 132, 132, .25)
}
.btn--shadow:active {
    transform: translate(4px, 4px);
    box-shadow: 0px 0px 0px rgba(36, 132, 132, .25)
}
.btn--shadow span {
    font-family: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    font-size: inherit;
    font-weight: 500
}
.notification-block {
    padding: 15px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    border-radius: 10px
}
.notification-block.error {
    background: #eb0b0b
}
.notification-block.successful {
    background: #3bb0b0
}
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 10px 0;
    background: #f8fa9b;
    z-index: 5;
    color: #212121;
    box-shadow: 0px 10px 70px rgba(0, 0, 0, .25)
}
.header .logo {
    margin-right: 30px;
    display: flex
}
.header .logo img {
    display: block;
    margin: auto;
    width: 160px
}
.header__content {
    display: flex;
    flex-wrap: nowrap
}
@media screen and (min-width: 1200px) {
    .header__content {
        height: 67px;
        max-height: 67px
    }
}
.header__navigation {
    z-index: 2
}
.header .menu_wr {
    display: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin: auto 0 auto auto
}
.header .menu_toggle {
    margin: auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}
.header .menu_toggle span {
    display: block;
    background: #333;
    width: 34px;
    height: 2px;
    border-radius: 3px
}
.header .menu_toggle span.top {
    margin: auto auto 0 auto
}
.header .menu_toggle span.middle {
    will-change: width, margin;
    margin: 4px auto;
    transition: width .25s .25s ease, margin .25s .25s ease
}
.header .menu_toggle span.bottom {
    margin: 0 auto auto auto
}
.header .menu_toggle span.top, .header .menu_toggle span.bottom {
    will-change: transform;
    transition: transform .5s ease
}
.header .menu_toggle.open span.top {
    transform: rotate(45deg) translate(2px, 0px)
}
.header .menu_toggle.open span.middle {
    width: 0;
    margin: 0;
    transition: width .25s ease, margin .25s ease
}
.header .menu_toggle.open span.bottom {
    transform: rotate(-45deg) translate(1px, 0px)
}
.header__nav_wr {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    line-height: 30px;
    font-weight: 500
}
.header__nav_list {
    display: flex
}
.header__nav_btns {
    height: 87px;
    margin: -10px auto -10px 0;
    display: flex
}
.header .drop-item_nav {
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: -100%;
    left: 0px;
    width: 290px;
    height: auto;
    display: block;
    padding: 5px 15px;
    border-radius: 0 10px 10px 10px;
    background: #fff;
    pointer-events: none;
    transition: all .5s ease
}
.header .drop-item_nav li a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
.header .drop-item_nav li a:visited {
    text-decoration: none;
    color: inherit
}
.header .drop-item_nav li a:hover, .header .drop-item_nav li a:focus, .header .drop-item_nav li a:active {
    text-decoration: underline;
    color: inherit
}
.header__drop_item {
    padding: 15px;
    cursor: pointer;
    position: relative
}
.header__drop_item > span {
    padding-right: 14px;
    position: relative;
    white-space: nowrap
}
.header__drop_item > span:before {
    position: absolute;
    top: calc(50% + 2px);
    right: 2px;
    transform: translateY(-50%) scale(1, 1);
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #212121;
    will-change: transform;
    transition: transform .5s ease
}
.header__drop_item:hover {
    border-radius: 10px 10px 0 0;
    background: #fff
}
.header__drop_item:hover > span:before {
    transform: translateY(-50%) scale(1, -1)
}
.header__drop_item:hover .drop-item_nav {
    top: 100%;
    opacity: 1;
    pointer-events: auto
}
.header__link {
    padding: 10px 25px;
    font-weight: bold;
    line-height: 67px;
    position: relative;
    white-space: nowrap;
    z-index: 1;
    margin: 0;
    transition: color .3s ease
}
.header__link:before {
    content: "";
    position: absolute;
    background: #fff;
    width: calc(100% + 4px);
    border-left: 1px solid #212121;
    height: 100%;
    z-index: -1;
    left: -2px;
    top: 0px;
    transform: skew(-30deg);
    transition: background .3s ease
}
.header__link:first-child:before {
    border-left: 0
}
.header__link:hover {
    color: #f8fa9b
}
.header__link:hover:before {
    background: #3bb0b0
}
.header__link.header__warehouses {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 87px;
    width: 212px;
    text-align: center;
    line-height: normal
}
.header__clients_btns {
    display: flex;
    z-index: 1
}
.header__clients_btns .client-support a {
    display: flex;
    background: #3bb0b0;
    color: #fff;
    font-size: 13px
}
.header__clients_btns .client-support a img {
    display: block;
    margin-right: 10px
}
.header__clients_btns .client-support a span {
    white-space: nowrap
}
.header .account {
    margin-right: 30px;
    position: relative
}
.header .account_head {
    display: flex;
    cursor: pointer;
    color: #fff;
    background-color: #3bb0b0;
    font-size: 13px
}
.header .account_head img {
    display: block;
    margin-right: 10px
}
.header .account_head span {
    white-space: nowrap
}
.header .account .login-form {
    margin-top: 19px;
    position: absolute;
    top: -100%;
    left: 0;
    background: #fff;
    padding: 5px 15px 20px 15px;
    width: 290px;
    height: auto;
    opacity: 0;
    color: #212121;
    pointer-events: none;
    border-radius: 0 0 10px 10px;
    transition: all .5s ease
}
.header .account .login-form_title {
    display: block;
    margin: 10px auto 15px auto;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    font-weight: bold
}
.header .account .login-form_remember {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    user-select: none
}
.header .account .login-form_remember > * {
    cursor: pointer
}
.header .account .login-form_remember .custom-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid #3bb0b0;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px
}
.header .account .login-form_remember.check .custom-checkbox {
    background-image: url(/front/img/checked.svg)
}
.header .account .login-form_remember ~ a:not(.open-new-acc) {
    display: block;
    white-space: nowrap;
    margin: 0 auto;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    color: inherit
}
.header .account .login-form_remember ~ a:not(.open-new-acc):visited {
    text-decoration: none;
    color: inherit
}
.header .account .login-form_remember ~ a:not(.open-new-acc):hover, .header .account .login-form_remember ~ a:not(.open-new-acc):focus, .header .account .login-form_remember ~ a:not(.open-new-acc):active {
    text-decoration: underline;
    color: inherit
}
.header .account .login-form input {
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 500
}
.header .account .login-form input:not([type=submit]) {
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid transparent;
    border-bottom-color: #3bb0b0;
    padding: 0;
    background: transparent;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 10px
}
.header .account .login-form input:not([type=submit])::-webkit-input-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.header .account .login-form input:not([type=submit])::-moz-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.header .account .login-form input:not([type=submit]):-ms-input-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.header .account .login-form input:not([type=submit]):-moz-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.header .account .login-form input:not([type=submit]):focus::-webkit-input-placeholder {
    color: transparent
}
.header .account .login-form input:not([type=submit]):focus::-moz-placeholder {
    color: transparent
}
.header .account .login-form input:not([type=submit]):focus:-ms-input-placeholder {
    color: transparent
}
.header .account .login-form input:not([type=submit]):focus:-moz-placeholder {
    color: transparent
}
.header .account .login-form input.btn--shadow {
    display: block;
    width: 100%;
    color: #f8fa9b;
    background-color: #3bb0b0;
    border: 0;
    cursor: pointer;
    margin-top: 25px
}
.header .account .login-form .error-login {
    color: #fff;
    font-size: 13px;
    line-height: normal
}
.header .account .login-form .error-login span {
    border-radius: 10px;
    display: block;
    padding: 15px;
    text-align: center;
    background: #eb0b0b;
    margin: 15px auto -10px auto
}
.header .account .login-form .error-login span:empty {
    display: none
}
.header .account .login-form .open-new-acc {
    display: block;
    width: 100%;
    background: #3bb0b0;
    color: #f8fa9b;
    margin: 15px auto 0 auto
}
.header .account.open-form .login-form {
    top: 100%;
    pointer-events: auto;
    opacity: 1
}
.mobile_menu {
    display: none;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 25px;
    position: fixed;
    top: calc(-100vh - 70px);
    left: 0;
    z-index: 4;
    background-color: #f8fa9b;
    will-change: top;
    transition: top .5s ease
}
.mobile_menu.show {
    top: 0
}
.mobile_menu .drop-item_nav {
    user-select: none;
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 30px !important;
    left: 0px;
    padding: 10px 0 5px 0;
    border-radius: 10px;
    background: #fff;
    z-index: 5
}
.mobile_menu .login-form-mobile {
    display: flex;
    width: 100vw;
    position: absolute;
    left: 50%;
    bottom: 90px;
    transform: translateX(-50%);
    background: #f8fa9b;
    justify-content: center;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    will-change: opacity, display;
    transition: opacity .5s ease, display .01s .5s ease
}
.mobile_menu .login-form-mobile .form_wr_mobile {
    width: 290px;
    background: #fff;
    padding: 5px 15px 20px 15px;
    width: 290px;
    height: auto;
    color: #212121;
    border-radius: 10px
}
.mobile_menu .login-form-mobile .form_wr_mobile input {
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 500
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit]) {
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid transparent;
    border-bottom-color: #3bb0b0;
    padding: 0;
    background: transparent;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 10px
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit])::-webkit-input-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit])::-moz-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit]):-ms-input-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit]):-moz-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit]):focus::-webkit-input-placeholder {
    color: transparent
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit]):focus::-moz-placeholder {
    color: transparent
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit]):focus:-ms-input-placeholder {
    color: transparent
}
.mobile_menu .login-form-mobile .form_wr_mobile input:not([type=submit]):focus:-moz-placeholder {
    color: transparent
}
.mobile_menu .login-form-mobile .form_wr_mobile input.btn--shadow {
    display: block;
    width: 100%;
    color: #f8fa9b;
    background-color: #3bb0b0;
    border: 0;
    cursor: pointer;
    margin-top: 25px
}
.mobile_menu .login-form-mobile .form_wr_mobile .error-login {
    color: #fff;
    font-size: 13px;
    line-height: normal
}
.mobile_menu .login-form-mobile .form_wr_mobile .error-login span {
    border-radius: 10px;
    display: block;
    padding: 15px;
    text-align: center;
    background: #eb0b0b;
    margin: 15px auto -10px auto
}
.mobile_menu .login-form-mobile .form_wr_mobile .error-login span:empty {
    display: none
}
.mobile_menu .login-form-mobile .form_wr_mobile .open-new-acc {
    display: block;
    width: 100%;
    background: #3bb0b0;
    color: #f8fa9b;
    margin: 10px auto 0 auto
}
.mobile_menu .login-form_title {
    display: block;
    margin: 10px auto 15px auto;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    font-weight: bold
}
.mobile_menu .login-form_remember {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    user-select: none
}
.mobile_menu .login-form_remember > * {
    cursor: pointer
}
.mobile_menu .login-form_remember .custom-checkbox {
    width: 16px;
    height: 16px;
    border: 2px solid #3bb0b0;
    margin-right: 10px;
    border-radius: 5px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px
}
.mobile_menu .login-form_remember.check .custom-checkbox {
    background-image: url(/front/img/checked.svg)
}
.mobile_menu .login-form_remember ~ a:not(.open-new-acc) {
    display: block;
    white-space: nowrap;
    margin: 0 auto;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
    color: inherit
}
.mobile_menu .login-form_remember ~ a:not(.open-new-acc):visited {
    text-decoration: none;
    color: inherit
}
.mobile_menu .login-form_remember ~ a:not(.open-new-acc):hover, .mobile_menu .login-form_remember ~ a:not(.open-new-acc):focus, .mobile_menu .login-form_remember ~ a:not(.open-new-acc):active {
    text-decoration: underline;
    color: inherit
}
.mobile_menu .btn--shadow {
    font-size: 12px;
    line-height: 22px;
    display: inline-flex;
    padding: 11px 15px
}
.mobile_menu .btn--shadow img {
    height: 22px;
    width: auto;
    margin-right: 5px
}
.mobile_menu .header__link.header__warehouses {
    width: auto;
    height: auto
}
.mobile_menu .header__nav_list {
    width: 290px;
    margin: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}
.mobile_menu .header__nav_btns {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto 0 auto;
    height: auto
}
.mobile_menu .header__nav_btns .header__link {
    font-size: 12px;
    line-height: 19px;
    display: inline-block;
    padding: 11px 25px
}
.mobile_menu .header__drop_item {
    width: 100%;
    font-weight: 500;
    font-size: 13px;
    line-height: 30px
}
.mobile_menu .header__drop_item:hover {
    border-radius: 10px
}
.mobile_menu .header__drop_item.open {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px
}
.mobile_menu .header__drop_item.open > span {
    display: inline-block;
    margin-bottom: 15px
}
.mobile_menu .header__drop_item.open .drop-item_nav {
    display: block
}
.mobile_menu .header__drop_item.open .drop-item_nav a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: inherit
}
.mobile_menu .header__drop_item.open .drop-item_nav a:visited {
    text-decoration: none;
    color: inherit
}
.mobile_menu .header__drop_item.open .drop-item_nav a:hover, .mobile_menu .header__drop_item.open .drop-item_nav a:focus, .mobile_menu .header__drop_item.open .drop-item_nav a:active {
    text-decoration: underline;
    color: inherit
}
.mobile_menu .header__clients_btns {
    text-align: center;
    padding: 30px 15px 0 15px;
    font-size: 12px;
    line-height: 22px;
    justify-content: center;
    align-items: center
}
.mobile_menu .header__clients_btns .client-support a {
    padding: 11px 15px
}
.mobile_menu .header__clients_btns .client-support a img {
    margin-right: 5px
}
.mobile_menu .account-mobile {
    margin-right: 15px
}
.mobile_menu .account-mobile .btn--shadow {
    background-color: #3bb0b0;
    color: #fff
}
.mobile_menu .account-mobile.open-form .btn--shadow:not(.form-btn) {
    transform: translate(4px, 4px);
    box-shadow: 0px 0px 0px rgba(59, 176, 176, .25)
}
.mobile_menu .account-mobile.open-form .login-form-mobile {
    z-index: 0;
    opacity: 1;
    pointer-events: auto
}
.mobile_menu .acts, .header .acts {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 11px;
    padding-top: 10px
}
.mobile_menu .acts > *, .header .acts > * {
    width: 50%;
    padding: 0 15px
}
.mobile_menu .acts > *:first-child, .header .acts > *:first-child {
    padding-right: 0
}
.mobile_menu .acts > *:last-child, .header .acts > *:last-child {
    padding-left: 0;
    text-align: right
}
.frontpage .text {
    line-height: 150%
}
.frontpage .top_block {
    height: 740px
}
.frontpage .top_block__inner .text {
    z-index: 1
}
.frontpage .top_block__illustration-inner {
    position: relative;
    bottom: 0px;
    height: 100%
}
.frontpage .top_block__wrapper {
    position: relative;
    background: #37acac
}
.frontpage .top-img-wrap {
    position: absolute;
    width: 53%;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 0
}
.frontpage .top_block__illustration-image {
    position: absolute;
    transform: unset;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    display: block;
    z-index: 1;
    max-width: 100%
}
.frontpage .top_block__oval-min-left {
    display: none;
    position: absolute;
    opacity: 0;
    bottom: 160px;
    left: 53%;
    animation: opacity-oval 1s 2.8s linear forwards, opacity-anime 6s 4s linear infinite
}
.frontpage .video {
    position: absolute;
    z-index: -1;
    top: calc(100% - 45vw);
    right: -5.625%;
    max-width: 100%
}
@media screen and (min-width: 1921px) {
    .frontpage .video {
        top: -140px
    }
}
.frontpage .top_block__oval-min-middle {
    display: none;
    position: absolute;
    bottom: 274px;
    opacity: 0;
    left: 57%;
    animation: opacity-oval 1s 2.8s linear forwards, opacity-anime 6s 4s linear infinite
}
.frontpage .top_block__oval-min-right {
    display: none;
    position: absolute;
    bottom: 79px;
    opacity: 0;
    left: 85.5%;
    animation: opacity-oval 1s 2.8s linear forwards, opacity-anime 6s 4s linear infinite
}
@keyframes opacity-oval {
    0% {
        opacity: 0
    }
    20% {
        opacity: .7
    }
    30% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}
.frontpage .top_block__snake-left {
    position: absolute;
    bottom: 193px;
    left: 21%;
    display: block;
    animation-delay: 3.8s;
    width: 33%
}
.frontpage .top_block__snake-left svg {
    max-width: 100%
}
.frontpage .top_block__snake-middle {
    position: absolute;
    bottom: 297px;
    left: 38.9%;
    display: block;
    animation-delay: 3.8s;
    width: 19%
}
.frontpage .top_block__snake-middle svg {
    max-width: 100%
}
.frontpage .top_block__snake-right {
    position: absolute;
    bottom: 99px;
    left: 69.3%;
    display: block;
    animation-delay: 3.8s;
    width: 17.5%
}
.frontpage .top_block__snake-right svg {
    max-width: 100%
}
.frontpage .top_block__houses {
    position: absolute;
    top: auto;
    bottom: 7%;
    left: 50%;
    transform: translate(-43%);
    display: block;
    z-index: 0;
    max-width: 100%;
    width: 100%
}
.frontpage img.top_block__houses {
    bottom: 1px
}
.frontpage .house-img {
    display: block;
    position: relative;
    bottom: -31px;
    left: -14px;
    max-width: 100%
}
.frontpage .top_block__location1 {
    position: absolute;
    opacity: 0;
    bottom: 329px;
    left: 19.5%;
    display: block;
    animation: opacity-anime2 linear 6.5s 3.7s forwards, location-hide 6s 8s infinite
}
.frontpage .top_block__location2 {
    position: absolute;
    opacity: 0;
    bottom: 433px;
    left: 37.5%;
    display: block;
    animation: opacity-anime2 linear 6.5s 3.7s forwards, location-hide 6s 8s infinite
}
.frontpage .top_block__location3 {
    position: absolute;
    opacity: 0;
    bottom: 394px;
    left: 67.8%;
    display: block;
    animation: opacity-anime2 linear 6.5s 3.7s forwards, location-hide 6s 8s infinite
}
@keyframes location-hide {
    0% {
        opacity: .7
    }
    30% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    65% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}
.frontpage .top_block__dots-left {
    position: absolute;
    bottom: 308px;
    left: 16.7%;
    display: block;
    animation: dots-top 6s 4s linear infinite, rotate-anim 5s linear infinite;
    opacity: 0
}
@keyframes dots-top {
    49% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes rotate-anim {
    0% {
        transform: rotate(-360deg)
    }
}
.frontpage .top_block__dots-center {
    position: absolute;
    bottom: 413px;
    left: 34.7%;
    display: block;
    animation: dots-top 6s 4s linear infinite, rotate-anim 5s linear infinite;
    opacity: 0
}
.frontpage .top_block__dots-center2 {
    position: absolute;
    bottom: 375px;
    left: 65.3%;
    display: block;
    animation: dots-top 6s 4s linear infinite, rotate-anim 5s linear infinite;
    opacity: 0
}
.frontpage .top_block__dots-right {
    position: absolute;
    bottom: 373px;
    left: 65%;
    display: block;
    animation: dots-top 6s 4s linear infinite, rotate-anim 5s linear infinite;
    opacity: 0
}
.frontpage .text {
    font-weight: normal;
    font-family: "Lato";
    max-width: 544px;
    margin-top: 30px
}
.frontpage .text_wr .title {
    font-weight: bold;
    font-family: "Geometria";
    font-size: 30px
}
.frontpage .top_block {
    margin-bottom: -20px
}
.frontpage .top_block__title {
    font-size: 37px;
    line-height: 53px
}
.frontpage .top_block__title-sub {
    font-size: 44px
}
.frontpage .top_block__inner {
    flex-direction: column;
    justify-content: center;
    font-weight: bolder;
    font-family: "Geometria";
    align-items: flex-start
}
.frontpage .green-title__title {
    color: #3bb0b0;
    font-size: 50px;
    text-align: center;
    font-family: "Museo"
}
.frontpage .green-title__title::first-letter {
    text-transform: uppercase
}
.frontpage .fulfillment__block {
    display: flex;
    justify-content: space-between
}
.frontpage .fulfillment {
    position: relative;
    z-index: -1;
    padding-top: 80px;
    padding-bottom: 250px
}
.frontpage .fulfillment .img_wr {
    width: 50%;
    position: relative
}
.frontpage .fulfillment .fulfill-sponge1 {
    position: absolute;
    bottom: 0;
    left: 0
}
.frontpage .fulfillment .fulfill-sponge2 {
    position: absolute;
    bottom: 62px;
    left: 136px
}
.frontpage .fulfillment .fulfill-sponge2-mob {
    position: absolute;
    display: none
}
.frontpage .fulfillment .fulfill-sponge3 {
    position: absolute;
    bottom: 0;
    left: 380px
}
.frontpage .fulfillment .cloud-wrap {
    position: absolute;
    top: -93px;
    right: -53px;
    opacity: 0;
    animation: 8s linear infinite reverse clouda
}
.frontpage .fulfillment .cloud-wrap:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 49px
}
.frontpage .fulfillment .cloud {
    width: 126px
}
.frontpage .fulfillment .cloud-mob {
    display: none
}
@keyframes clouda {
    0% {
        opacity: 0
    }
    30% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
}
.frontpage .fulfillment .title {
    font-weight: bold;
    font-family: "Geometria";
    font-size: 30px;
    margin-top: 110px
}
.frontpage .fulfillment:before {
    content: url(/front/img/grey-triangle.svg);
    position: absolute;
    top: 0;
    left: 0
}
.frontpage .fulfillment:after {
    content: url(/front/img/yellow-back-triangle-fulfill.svg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}
.frontpage .fulfillment .container {
    position: relative
}
.frontpage .bypassing__content {
    display: flex;
    justify-content: space-between
}
.frontpage .bypassing {
    padding-bottom: 500px
}
.frontpage .bypassing .img_wr {
    width: 50%;
    position: relative
}
.frontpage .bypassing .hand-sponge1 {
    position: absolute;
    left: -181px;
    top: 38px
}
.frontpage .bypassing .hand-sponge2 {
    position: absolute;
    right: 165px;
    top: -107px
}
.frontpage .bypassing .hand-sponge3 {
    position: absolute;
    right: 151px;
    bottom: 190px
}
.frontpage .bypassing .hand-dash1 {
    position: absolute;
    left: -155px;
    bottom: 255px
}
.frontpage .bypassing .hand-dash1 svg {
    display: block;
    max-width: 100%
}
.frontpage .bypassing .hand-dash2 {
    position: absolute;
    right: 192px;
    bottom: 263px
}
.frontpage .bypassing .hand-dash2 svg {
    display: block;
    max-width: 100%
}
.frontpage .bypassing .hand-dash3 {
    position: absolute;
    top: -30px;
    right: 206px
}
.frontpage .bypassing .hand-dash3 svg {
    display: block;
    max-width: 100%
}
.frontpage .bypassing .location-green1 {
    position: absolute;
    left: 118px;
    top: 194px
}
.frontpage .bypassing .location-green2 {
    position: absolute;
    left: 111px;
    top: 31px
}
.frontpage .bypassing .location-green3 {
    position: absolute;
    left: 197px;
    top: 120px
}
.frontpage .outsourcing {
    position: relative
}
.frontpage .outsourcing:before {
    content: url(/front/img/front-back-yellow22.svg);
    position: absolute;
    right: 0;
    top: 350px;
    z-index: -1
}
.frontpage .outsourcing .title {
    text-align: center;
    margin-top: 60px;
    padding-top: 60px
}
.frontpage .outsourcing .text {
    text-align: center;
    margin: 60px auto 0;
    max-width: 890px
}
.frontpage .outsourcing .img_wr {
    position: relative
}
.frontpage .outsourcing .img_wr:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #000
}
.frontpage .outsourcing .people-table {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-14%)
}
.frontpage .outsourcing .man-cap1 {
    position: absolute;
    bottom: 0;
    left: 3%
}
.frontpage .outsourcing .man-cap2 {
    position: absolute;
    bottom: 0;
    left: calc(50% - 393px)
}
.frontpage .outsourcing .man-cap3 {
    position: absolute;
    bottom: 0;
    left: 89%
}
.frontpage .outsourcing .table-dash1 {
    position: absolute;
    left: 153px;
    bottom: 260px;
    width: 44vw
}
.frontpage .outsourcing .table-dash1 svg {
    max-width: 100%
}
.frontpage .outsourcing .table-dash2 {
    position: absolute;
    position: absolute;
    bottom: 196px;
    left: calc(50% - 253px);
    width: 11vw
}
.frontpage .outsourcing .table-dash2 svg {
    max-width: 100%
}
.frontpage .outsourcing .table-dash3 {
    position: absolute;
    position: absolute;
    bottom: 263px;
    left: calc(50% + 81px);
    width: 38vw
}
.frontpage .outsourcing .table-dash3 svg {
    max-width: 100%
}
.frontpage .outsourcing #dash1 {
    stroke-dasharray: 40 40;
    animation: pathAnimate 2s linear infinite
}
.frontpage .outsourcing #dash2 {
    stroke-dasharray: 40 40;
    animation: pathAnimate 2s linear infinite
}
.frontpage .outsourcing #dash3 {
    stroke-dasharray: 40 40;
    animation: pathAnimate 2s linear infinite
}
.frontpage #hand-dash1, .frontpage #hand-dash2, .frontpage #hand-dash3 {
    stroke-dasharray: 40 40;
    animation: pathAnimate 2s linear infinite
}
.frontpage .warehousing {
    padding-top: 190px;
    padding-bottom: 190px
}
.frontpage .warehousing .z1 {
    position: absolute;
    left: calc(50% - 86px);
    bottom: calc(50% + 59px);
    opacity: 0;
    animation: zzz 2s .6s linear infinite
}
.frontpage .warehousing .z2 {
    position: absolute;
    left: calc(50% - 76px);
    bottom: calc(50% + 70px);
    opacity: 0;
    animation: zzz 2s .3s linear infinite
}
.frontpage .warehousing .z3 {
    position: absolute;
    left: calc(50% - 64px);
    bottom: calc(50% + 83px);
    opacity: 0;
    animation: zzz 2s linear infinite
}
@keyframes zzz {
    40% {
        opacity: 1
    }
    100% {
        opacity: 0;
        transform: translate(10px, -10px)
    }
}
.frontpage .warehousing .green-title__title {
    margin-bottom: 175px
}
.frontpage .warehousing .people-coffe {
    position: absolute;
    right: 0;
    top: -42px
}
.frontpage .warehousing .euro {
    position: absolute;
    top: -70px;
    right: 413px;
    opacity: 0;
    animation: 3s 1s ease-in-out alternate infinite dollar-animate
}
.frontpage .warehousing .dollar {
    position: absolute;
    top: -93px;
    right: 437px;
    animation: 3s ease-in-out alternate infinite dollar-animate
}
@keyframes dollar-animate {
    0% {
        opacity: 0;
        top: -54px
    }
    100% {
        opacity: 1;
        top: -93px
    }
}
.frontpage .warehousing .line1 {
    position: absolute;
    top: -86px;
    right: 141px;
    opacity: 0;
    animation: 2s linear infinite lines
}
.frontpage .warehousing .line2 {
    position: absolute;
    top: -98px;
    right: 122px;
    opacity: 0;
    animation: 2s .5s linear infinite lines
}
.frontpage .warehousing .line3 {
    position: absolute;
    top: -87px;
    right: 98px;
    opacity: 0;
    animation: 2s 1s linear infinite lines
}
@keyframes lines {
    0% {
        opacity: 0
    }
    30% {
        opacity: 1
    }
    60% {
        opacity: 0
    }
}
.frontpage .warehousing__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 350px
}
.frontpage .warehousing__item .img_wr {
    width: 50%;
    position: relative
}
.frontpage .warehousing__item:last-of-type {
    margin-bottom: 0
}
.frontpage .resource {
    background: #3bb0b0;
    padding-top: 130px;
    padding-bottom: 100px;
    position: relative
}
.frontpage .resource:before {
    content: url(/front/img/front-slice.svg);
    position: absolute;
    top: -1px
}
.frontpage .resource .green-title__title {
    color: #fff
}
.frontpage .resource .text {
    margin: 30px auto 0;
    color: #fff;
    line-height: 180%;
    text-align: center
}
.frontpage .resource .resource__content {
    position: relative
}
.frontpage .resource .img_wr {
    text-align: center
}
.frontpage .resource .resource__block {
    margin-top: 30px
}
.frontpage .start_now {
    padding-top: 110px;
    position: relative;
    padding-bottom: 300px;
    overflow: hidden
}
.frontpage .start_now:before {
    content: url(/front/img/front-back-bottom.svg);
    position: absolute;
    bottom: -1px;
    right: 0
}
.frontpage .start_now .text {
    margin: 0px auto 20px
}
.frontpage .start_now .title {
    font-size: 50px;
    color: #3bb0b0;
    font-family: "Museo";
    margin-bottom: 20px
}
.frontpage .start_now .subtitle {
    font-family: "Lato";
    margin-bottom: 30px
}
.frontpage .start_now .btn {
    box-shadow: 3px 3px 0px #5798c2;
    color: #fff;
    background: #3bb0b0;
    display: inline-block;
    border-radius: 30px;
    width: auto;
    margin: 0 auto;
    font-family: "Museo";
    margin-bottom: 60px
}
.frontpage .start_now:after {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000
}
.frontpage .start_now .tree1 {
    position: absolute;
    bottom: 0;
    left: 3%
}
.frontpage .start_now .tree2 {
    position: absolute;
    bottom: 0;
    left: 81%
}
.frontpage .start_now .biker-block {
    position: relative;
    height: 100%;
    width: 800px;
    margin: 0 auto;
    animation: 6s ease-in-out infinite biker-animate
}
@keyframes biker-animate {
    20% {
        transform: rotate(10deg) translateY(-20px)
    }
    30% {
        transform: rotate(7deg) translateY(-17px)
    }
    45% {
        transform: rotate(20deg) translateY(-35px)
    }
    60% {
        transform: rotate(0deg) translateY(0px)
    }
}
.frontpage .start_now .biker {
    position: absolute;
    bottom: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}
.frontpage .start_now .wheel1 {
    position: absolute;
    bottom: 8px;
    left: 155px;
    z-index: -1;
    animation: .8s linear infinite rotate-animate
}
.frontpage .start_now .wheel2 {
    position: absolute;
    bottom: 8px;
    right: 201px;
    z-index: -1;
    animation: .8s linear infinite rotate-animate
}
@keyframes rotate-animate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}
.frontpage .start_now .biker-dash1 {
    position: absolute;
    bottom: 290px;
    right: 298px;
    animation: 2s .6s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash2 {
    position: absolute;
    bottom: 290px;
    right: 220px;
    animation: 2s linear infinite dashFadeInLeft2;
    transform-origin: left
}
.frontpage .start_now .biker-dash3 {
    position: absolute;
    bottom: 200px;
    right: 189px;
    animation: 2s linear infinite dashFadeInLeft2;
    transform-origin: left
}
.frontpage .start_now .biker-dash4 {
    position: absolute;
    bottom: 238px;
    right: 277px;
    animation: 2s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash5 {
    position: absolute;
    bottom: 31px;
    right: 135px;
    animation: 2.2s .6s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash6 {
    position: absolute;
    bottom: 200px;
    right: 258px;
    animation: 2s .2s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash7 {
    position: absolute;
    bottom: 114px;
    right: 45px;
    animation: 2s linear infinite dashFadeInLeft2;
    transform-origin: left
}
.frontpage .start_now .biker-dash8 {
    position: absolute;
    bottom: 114px;
    right: 116px;
    animation: 2s .6s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash9 {
    position: absolute;
    bottom: 25px;
    left: 295px;
    animation: 2s .6s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash10 {
    position: absolute;
    bottom: 25px;
    left: 340px;
    animation: 2s linear infinite dashFadeInLeft2;
    transform-origin: left
}
.frontpage .start_now .biker-dash11 {
    position: absolute;
    bottom: 14px;
    right: 172px;
    animation: 2s .6s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash12 {
    position: absolute;
    bottom: 11px;
    left: 311px;
    animation: 2s linear infinite dashFadeInLeft2;
    transform-origin: left
}
.frontpage .start_now .biker-dash13 {
    position: absolute;
    bottom: 11px;
    left: 267px;
    animation: 2s .6s linear infinite dashFadeInLeft;
    transform-origin: left
}
.frontpage .start_now .biker-dash14 {
    position: absolute;
    bottom: 31px;
    right: 89px;
    animation: 2s linear infinite dashFadeInLeft2;
    transform-origin: left
}
.frontpage .start_now .biker-dash15 {
    position: absolute;
    bottom: 14px;
    right: 98px;
    animation: 2s linear infinite dashFadeInLeft2;
    transform-origin: left
}
.frontpage .start_now .biker-dash16 {
    position: absolute;
    animation: 2s linear infinite dash-out;
    transform-origin: left
}
.frontpage .start_now .biker-dash17 {
    position: absolute;
    animation: 2s linear infinite dash-out;
    transform-origin: left
}
.frontpage .start_now .biker-dash-mini-top {
    position: absolute;
    animation: 2s 1s linear infinite dashFadeInLeft;
    transform-origin: left;
    bottom: 237px;
    right: 256px
}
.frontpage .start_now .biker-dash-mini-bottom {
    position: absolute;
    bottom: 24px;
    left: 376px;
    animation: 2s linear infinite dashFadeInLeft3;
    transform-origin: left
}
@keyframes dashFadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-30%, 0, 0)
    }
    20% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    80% {
        opacity: 0;
        transform: translate3d(300%, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(300%, 0, 0)
    }
}
@keyframes dashFadeInLeft2 {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    30% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(300%, 0, 0)
    }
}
@keyframes dashFadeInLeft3 {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
    10% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    60% {
        opacity: 0;
        transform: translate3d(300%, 0, 0)
    }
    100% {
        opacity: 0;
        transform: translate3d(300%, 0, 0)
    }
}
.frontpage .start_now .container {
    position: relative !important
}
.frontpage .start_now .bottom-img-wrap {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%
}
.frontpage .start_now__content {
    text-align: center
}
.frontpage #left-snake {
    stroke-dasharray: 40 40;
    animation: pathAnimate 1s linear infinite, opacity-anime 6s 4.5s linear infinite
}
.frontpage #middle-snake {
    stroke-dasharray: 40 40;
    animation: pathAnimate 1s linear infinite, opacity-anime 6s 4.5s linear infinite
}
.frontpage #right-snake {
    stroke-dasharray: 40 40;
    animation: pathAnimate 1s linear infinite, opacity-anime 6s 4.5s linear infinite
}
@keyframes pathAnimate {
    0% {
        stroke-dashoffset: 0
    }
    100% {
        stroke-dashoffset: 80px
    }
}
@keyframes opacity-anime {
    30% {
        opacity: .7
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@keyframes opacity-anime2 {
    30% {
        opacity: .7
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}
.frontpage .ios-img {
    display: none
}
.frontpage .desktop-img {
    display: block
}
@media screen and (max-width: 767px) {
    .frontpage .ios-img {
        display: block
    }
    .frontpage .video {
        display: none
    }
    .frontpage .top_block__wrapper {
        background: #3bb0b0
    }
    .frontpage .ios-img {
        width: 775px;
        height: 404px;
        max-width: 100%;
        position: absolute;
        right: calc(50% - 212px);
        bottom: auto;
        top: -157px;
        z-index: -1
    }
    .frontpage .ios-img img {
        width: 428px;
        bottom: -10px;
        display: block;
        position: absolute;
        right: 0
    }
}
@media screen and (max-width: 330px) {
    .frontpage .ios-img {
        width: 775px;
        height: 404px;
        max-width: 100%;
        position: absolute;
        right: -webkit-calc(50% - 212px);
        right: calc(50% - 181px);
        bottom: auto;
        top: -157px;
        z-index: -1
    }
    .frontpage .ios-img img {
        width: 353px;
        bottom: 53px
    }
}
html {
    /*overflow: auto;*/
    /*overflow-x: hidden*/
}
.safariClassName .frontpage .video {
    width: 100vw !important;
    height: 62.5vw !important;
    max-width: unset !important
}
.safariClassName .frontpage .video canvas {
    position: static;
    bottom: -132px;
    right: 0
}
.who_is_hubgeo .top_block__illustration-image:before, .who_is_hubgeo .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .who_is_hubgeo .top_block__illustration-image:before, .who_is_hubgeo .top_block__illustration-image:after {
        display: none
    }
}
.who_is_hubgeo .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.who_is_hubgeo .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.who_is_hubgeo > .content {
    background: url(/front/img/content_bkg/who_is_hubgeo.svg) center bottom no-repeat transparent;
    background-size: 1920px
}
.who_is_hubgeo .block_with_illustration {
    margin-bottom: 220px
}
.who_is_hubgeo .call-us {
    position: relative;
    margin-bottom: 20px
}
.who_is_hubgeo .call-us:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    max-height: 20px;
    background: url(/front/img/transparent_green_triangle.svg) right bottom no-repeat transparent;
    background-size: 20px
}
.who_is_hubgeo .call-us:after {
    position: absolute;
    content: "";
    width: calc(50% - 40px);
    height: 20px;
    bottom: -20px;
    left: 50%;
    margin-left: 40px;
    background: rgba(36, 132, 132, .3)
}
.who_is_hubgeo .call-us_inner {
    width: calc(50% - 15px);
    text-align: center;
    color: #3bb0b0
}
.who_is_hubgeo .call-us__title {
    color: inherit;
    font-weight: bold;
    font-size: 24px;
    line-height: 188.7%;
    margin-bottom: 15px
}
.who_is_hubgeo .call-us__text {
    font-size: 16px;
    line-height: 30px;
    color: inherit;
    font-weight: 500;
    margin-bottom: 30px;
    color: #000
}
.who_is_hubgeo .call-us__text:last-of-type {
    margin-bottom: 50px
}
.who_is_hubgeo .call-us__button {
    color: #f8fa9b;
    display: inline-flex;
    background-color: #3bb0b0;
    margin-bottom: 110px
}
.who_is_hubgeo .call-us__button img {
    margin-right: 13px
}
.who_is_hubgeo + .bottom-part {
    margin-top: -20px;
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.our-key-principles {
    background: url(/front/img/content_bkg/our-key-principles.svg) calc(50% - 600px) 845px no-repeat transparent;
    background-size: 720px
}
.our-key-principles .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .our-key-principles .top_block__illustration-image {
        box-shadow: none
    }
}
.our-key-principles .block_with_illustration {
    margin-bottom: 190px
}
.our-key-principles .step_list {
    margin-bottom: 50px
}
.our-key-principles .step_list__content {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: wrap
}
.our-key-principles .step_list__item {
    width: 430px;
    position: relative;
    padding: 40px 30px;
    border: 3px solid #f8fa9b;
    border-radius: 0 22px 22px 22px;
    will-change: border-color;
    transition: border-color .5s ease
}
.our-key-principles .step_list__item * {
    font-family: Lato
}
.our-key-principles .step_list__item:before {
    content: "";
    width: 140px;
    height: 140px;
    background: url(/front/img/green-dots.svg) center no-repeat transparent;
    background-size: 150px;
    position: absolute;
    top: -100px;
    left: -75px;
    z-index: 1;
    transform: none;
    transition: none
}
.our-key-principles .step_list__item:after {
    display: none !important
}
.our-key-principles .step_list__item .title {
    font-family: Geometria;
    font-weight: bolder;
    color: #3bb0b0;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 35px;
    margin-top: -87px;
    margin-bottom: 52px;
    padding-left: 50px;
    will-change: color;
    transition: color .5s ease
}
.our-key-principles .step_list__item:hover {
    border-color: #3bb0b0
}
.our-key-principles .step_list__item:hover .title {
    color: rgba(59, 176, 176, 0)
}
.our-key-principles .step_list__item:hover .step_list__description .subtitle {
    color: #3bb0b0
}
.our-key-principles .step_list__item:nth-child(1) {
    margin: 0 85px 155px auto
}
.our-key-principles .step_list__item:nth-child(2) {
    margin: 0 0 155px 85px
}
.our-key-principles .step_list__item:nth-child(3) {
    margin: 0 calc(50% - 300px) 0 calc(50% - 500px)
}
.our-key-principles .step_list__item:nth-child(3):after {
    content: "";
    width: 100%;
    position: static;
    display: block;
    height: 100%
}
.our-key-principles .step_list__item:nth-child(4) {
    margin: 0 auto 0 100px;
    align-self: flex-start
}
.our-key-principles .step_list__item:nth-child(5) {
    margin: 150px 0 0 auto
}
.our-key-principles .step_list__description:before, .our-key-principles .step_list__description:after {
    content: "";
    background: #fff;
    position: absolute;
    z-index: 0
}
.our-key-principles .step_list__description:before {
    width: 3px;
    height: 73px;
    top: -3px;
    left: -3px
}
.our-key-principles .step_list__description:after {
    width: 83px;
    height: 3px;
    top: -3px;
    left: -3px
}
.our-key-principles .step_list__description .subtitle {
    font-weight: bold;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 10px;
    will-change: color;
    transition: color .5s ease
}
.our-key-principles .step_list__description .text {
    font-size: 14px;
    line-height: 23px
}
.our-key-principles + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.discover-the-world-with-us .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .discover-the-world-with-us .top_block__illustration-image {
        box-shadow: none
    }
}
.discover-the-world-with-us .step_list {
    margin: 120px auto 140px auto
}
.discover-the-world-with-us .step_list__item {
    background: #f0f0f0
}
.discover-the-world-with-us .step_list__item:before {
    background: #f0f0f0
}
.discover-the-world-with-us .step_list__item-inner:before {
    border: 3px solid #3bb0b0
}
.discover-the-world-with-us .step_list__item .subtitle {
    color: #3bb0b0
}
.discover-the-world-with-us .step_list__item:first-child .subtitle, .discover-the-world-with-us .step_list__item:last-child .subtitle {
    color: #5a5a5a
}
.discover-the-world-with-us .step_list__item:first-child .step_list__item-inner:before, .discover-the-world-with-us .step_list__item:last-child .step_list__item-inner:before {
    border-color: #5a5a5a
}
.discover-the-world-with-us .step_list__item:nth-child(1), .discover-the-world-with-us .step_list__item:nth-child(4) {
    margin: 0 auto 0 40px
}
.discover-the-world-with-us .step_list__item:nth-child(2), .discover-the-world-with-us .step_list__item:nth-child(5) {
    margin: 0 40px 0 auto
}
.discover-the-world-with-us .step_list__item:nth-child(3) {
    margin: 0 calc(50% - 215px)
}
.discover-the-world-with-us .step_list__item:hover .step_list__item-inner:before {
    border-color: #5a5a5a
}
.discover-the-world-with-us .step_list__item:hover:first-child .step_list__item-inner:before, .discover-the-world-with-us .step_list__item:hover:last-child .step_list__item-inner:before {
    border-color: #3bb0b0
}
.discover-the-world-with-us .step_list__item:hover:first-child .step_list__item-inner .subtitle, .discover-the-world-with-us .step_list__item:hover:last-child .step_list__item-inner .subtitle {
    color: #3bb0b0
}
.discover-the-world-with-us + .bottom-part {
    background: url(/front/img/bottom_img/discover-the-world-with-us.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.referral-partnerships {
    background: url(/front/img/content_bkg/our-key-principles.svg) calc(50% - 600px) 925px no-repeat, url(/front/img/content_bkg/referral-partnerships.svg) calc(50% + 450px) bottom no-repeat transparent;
    background-size: 720px, 1025px
}
.referral-partnerships .top_block__illustration-image:before, .referral-partnerships .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .referral-partnerships .top_block__illustration-image:before, .referral-partnerships .top_block__illustration-image:after {
        display: none
    }
}
.referral-partnerships .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.referral-partnerships .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.referral-partnerships .content {
    margin-top: 80px
}
.referral-partnerships .block_with_illustration {
    margin-bottom: 150px
}
.referral-partnerships .plan_cards {
    margin-bottom: 150px
}
.referral-partnerships .plan_cards__block {
    width: calc(100% + 30px);
    margin-left: -15px
}
.referral-partnerships .plan_cards__item {
    width: 33.3333%
}
.referral-partnerships .plan_cards__content .block__title {
    margin-bottom: 80px
}
.referral-partnerships .steps {
    margin: 0 auto 60px auto;
    text-align: center
}
.referral-partnerships .steps__block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
}
.referral-partnerships .steps__item {
    width: 300px;
    position: relative;
    background: #f0f0f0;
    border: 2px solid #3bb0b0;
    border-radius: 16px;
    padding: 30px 50px 50px 30px;
    will-change: padding;
    color: #5a5a5a;
    font-style: normal;
    font-weight: normal;
    z-index: 1;
    transition: padding .5s ease
}
.referral-partnerships .steps__item:before, .referral-partnerships .steps__item:after {
    content: "";
    position: absolute
}
.referral-partnerships .steps__item:before {
    top: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #f8fa9b;
    border-radius: 16px;
    transform: translateX(-20px);
    will-change: transform;
    z-index: 0;
    transition: transform .5s ease
}
.referral-partnerships .steps__item:after {
    top: 65px;
    right: -190px;
    z-index: -1;
    height: 2px;
    background: none center no-repeat transparent;
    background-size: cover
}
.referral-partnerships .steps__item:hover {
    padding: 30px 30px 50px 50px
}
.referral-partnerships .steps__item:hover:before {
    transform: translateX(20px)
}
.referral-partnerships .steps__item:nth-child(1):after {
    background-image: url(/front/img/rp-step-01.svg);
    width: 174px
}
.referral-partnerships .steps__item:nth-child(2):after {
    background-image: url(/front/img/rp-step-02.svg);
    width: 200px
}
.referral-partnerships .steps__title {
    display: block;
    font-family: Lato;
    font-size: 24px;
    line-height: 35px;
    color: #3bb0b0;
    margin-bottom: 15px
}
.referral-partnerships .steps__describe {
    font-family: Lato;
    font-size: 14px;
    line-height: 120%
}
.referral-partnerships .partner__block .title {
    padding-left: 45px
}
.referral-partnerships + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.referral-partnerships + .bottom-part:before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.referral-partnerships + .bottom-part:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.contact-us .block_with_plane_text {
    color: #000;
    margin-bottom: 70px
}
.contact-us .block_with_plane_text__content {
    max-width: 920px;
    margin: 0 auto
}
.contact-us .block_with_plane_text .block__title {
    color: #5a5a5a;
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center
}
.contact-us .block_with_plane_text .text {
    font-family: Lato;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 30px
}
.contact-us .top_block {
    margin-bottom: 125px
}
.contact-us .top_block__illustration-image {
    width: calc(50vw + 475px);
    height: 100%
}
.contact-us .map {
    display: block;
    height: 100%;
    width: calc(100% + 650px);
    margin-left: -325px
}
.contact-us .map_section {
    display: none;
    width: 100vw;
    height: 200px;
    margin-bottom: 40px;
    overflow: hidden
}
.contact-us .map__wrapper {
    height: 100%
}
.contact-us .contact__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 165px
}
.contact-us .contact__description {
    width: 685px;
    padding: 70px 85px 110px 85px;
    margin: 20px auto 0 20px;
    background: #f0f0f0;
    border: 2px solid #3bb0b0;
    border-radius: 16px;
    color: #5a5a5a;
    position: relative;
    will-change: border-color;
    transition: border-color .1s 0s ease
}
.contact-us .contact__description * {
    font-family: Lato;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px
}
.contact-us .contact__description:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #3bb0b0;
    border-radius: 16px;
    pointer-events: none;
    transform: translate(-20px, -20px);
    will-change: transform, border-color;
    transition: transform .5s ease, border-color .5s ease
}
.contact-us .contact__description:hover {
    border-color: #f8fa9b;
    transition: border-color 0s 0.4s ease
}
.contact-us .contact__description:hover:before {
    border-color: #f8fa9b;
    transform: translate(-2px, -2px)
}
.contact-us .contact__description .subtitle {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 0 !important;
    color: #3bb0b0
}
.contact-us .contact__description .text_after_subtitle {
    font-weight: bold;
    margin-bottom: 30px
}
.contact-us .contact__description .subtitle, .contact-us .contact__description .text_after_subtitle, .contact-us .contact__description .mob_text {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}
.contact-us .contact__description .subtitle .name, .contact-us .contact__description .text_after_subtitle .name, .contact-us .contact__description .mob_text .name {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}
.contact-us .contact__description .subtitle .phone, .contact-us .contact__description .text_after_subtitle .phone, .contact-us .contact__description .mob_text .phone {
    width: 200px;
    font-family: Lato;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    color: #5a5a5a !important
}
.contact-us .contact__description .subtitle .phone img, .contact-us .contact__description .text_after_subtitle .phone img, .contact-us .contact__description .mob_text .phone img {
    display: block;
    margin-right: 15px;
    width: 13px;
    height: auto
}
.contact-us .contact__description .subtitle .phone .value, .contact-us .contact__description .text_after_subtitle .phone .value, .contact-us .contact__description .mob_text .phone .value {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}
.contact-us .contact__description .subtitle .phone:visited, .contact-us .contact__description .text_after_subtitle .phone:visited, .contact-us .contact__description .mob_text .phone:visited {
    text-decoration: none;
    color: inherit
}
.contact-us .contact__description .subtitle .phone:hover, .contact-us .contact__description .subtitle .phone:focus, .contact-us .contact__description .subtitle .phone:active, .contact-us .contact__description .text_after_subtitle .phone:hover, .contact-us .contact__description .text_after_subtitle .phone:focus, .contact-us .contact__description .text_after_subtitle .phone:active, .contact-us .contact__description .mob_text .phone:hover, .contact-us .contact__description .mob_text .phone:focus, .contact-us .contact__description .mob_text .phone:active {
    text-decoration: underline;
    color: inherit
}
.contact-us .contact__description .subtitle .phone:not(a), .contact-us .contact__description .text_after_subtitle .phone:not(a), .contact-us .contact__description .mob_text .phone:not(a) {
    text-decoration: none !important;
    cursor: auto !important
}
.contact-us .contact__description .mob_text {
    display: none
}
.contact-us .contact__addresses {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}
.contact-us .contact__addresses .address__item {
    width: 200px
}
.contact-us .contact__addresses .list-item_title {
    margin-bottom: 10px
}
.contact-us .about_contact-form {
    width: 302px
}
.contact-us .about_contact-form-wrapper {
    width: 430px;
    padding-top: 20px
}
.contact-us .about_contact-form-description {
    color: #000;
    margin-bottom: 75px
}
.contact-us .about_contact-form-description * {
    font-family: Lato
}
.contact-us .about_contact-form-description .block__title, .contact-us .about_contact-form-description .text {
    font-size: 16px;
    line-height: 29px;
    font-weight: normal
}
.contact-us .about_contact-form-input {
    font-family: Lato;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid transparent;
    border-bottom-color: #5798c2;
    padding: 0;
    background: transparent;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    display: block;
    width: 100%;
    margin-bottom: 15px
}
.contact-us .about_contact-form-input::-webkit-input-placeholder {
    color: #5798c2;
    transition: color .5s ease
}
.contact-us .about_contact-form-input::-moz-placeholder {
    color: #5798c2;
    transition: color .5s ease
}
.contact-us .about_contact-form-input:-ms-input-placeholder {
    color: #5798c2;
    transition: color .5s ease
}
.contact-us .about_contact-form-input:-moz-placeholder {
    color: #5798c2;
    transition: color .5s ease
}
.contact-us .about_contact-form-input:focus::-webkit-input-placeholder {
    color: transparent
}
.contact-us .about_contact-form-input:focus::-moz-placeholder {
    color: transparent
}
.contact-us .about_contact-form-input:focus:-ms-input-placeholder {
    color: transparent
}
.contact-us .about_contact-form-input:focus:-moz-placeholder {
    color: transparent
}
.contact-us .about_contact-form-select {
    color: #5798c2;
    cursor: pointer;
    background: url(/front/img/chevron-down-blue.svg) calc(100% - 10px) center no-repeat transparent
}
.contact-us .about_contact-form-textarea {
    resize: none;
    height: 71px
}
.contact-us .about_contact-form .g-recaptcha {
    margin: 10px auto
}
.contact-us .about_contact-form-submit {
    font-family: Lato;
    display: block;
    width: 200px;
    margin: 0 auto 0 0;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 200px;
    text-align: center;
    padding: 7px 15px;
    background: #3bb0b0;
    box-shadow: none;
    outline: none;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    border: 1px solid #3bb0b0;
    cursor: pointer;
    will-change: box-shadow, color, background-color, border-color;
    transition: box-shadow .5s ease, color .5s ease, background-color .5s ease, border-color .5s ease
}
.contact-us .about_contact-form-submit[disabled] {
    background-color: #5798c2;
    border-color: #5798c2;
    color: #fff;
    box-shadow: none;
    pointer-events: none !important
}
.contact-us .about_contact-form-submit:focus {
    color: #fff;
    background-color: #57c7c7;
    border-color: #57c7c7;
    box-shadow: none
}
.contact-us .about_contact-form-submit:focus-within {
    color: #fff;
    background-color: #44c0c0;
    border-color: #44c0c0;
    box-shadow: none
}
.contact-us .about_contact-form-submit:hover {
    border-color: #3bb0b0;
    background-color: transparent;
    color: #3bb0b0;
    box-shadow: none
}
.contact-us .about_contact-form-submit:active {
    color: #3bb0b0;
    background-color: transparent;
    border-color: #3bb0b0;
    box-shadow: 0 0 2px #3bb0b0
}
.contact-us .about_contact-form .notification-block {
    margin: 0 auto 25px auto
}
.contact-us .about_contact-form .notification-block * {
    font-family: Lato
}
.contact-us + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat, url(/front/img/bottom_img/contact-us.svg) calc(50% + 470px) top no-repeat transparent;
    background-size: 900px, 855px
}
.order-processing .top_block__illustration-image {
    left: 42.5%
}
.order-processing .top_block__illustration-image:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 120px solid transparent;
    border-left: 60px solid #3bb0b0;
    left: 0;
    bottom: -120px
}
@media (max-width: 1199px) {
    .order-processing .top_block__illustration-image:before {
        display: none
    }
}
.order-processing .top_block__illustration-image img {
    display: block;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .order-processing .top_block__illustration-image img {
        box-shadow: none
    }
}
.order-processing .cards {
    margin-bottom: 50px
}
.order-processing .cards .block__title {
    font-size: 45px;
    line-height: 57px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 90px;
    color: #3bb0b0
}
.order-processing .cards__block {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}
.order-processing .cards__item {
    color: #333;
    padding: 70px 60px 80px 60px;
    border: 3px solid #3bb0b0;
    background: #fff;
    border-radius: 22px;
    position: relative;
    width: 430px
}
.order-processing .cards__item:before, .order-processing .cards__item:after {
    content: "";
    position: absolute;
    background: #fff
}
.order-processing .cards__item:before {
    width: 5px;
    height: 55px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.order-processing .cards__item:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.order-processing .cards__item .title {
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    color: #3bb0b0;
    margin-bottom: 10px
}
.order-processing .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px
}
.order-processing .cards__item:hover:before {
    height: 0
}
.order-processing .cards__item:hover:after {
    width: 0
}
.order-processing .cards__item:nth-child(1) {
    margin: 0 60px 70px auto
}
.order-processing .cards__item:nth-child(2) {
    width: 400px;
    margin: 0 auto 125px 15px
}
.order-processing .cards__item:nth-child(3) {
    width: 400px;
    margin: 25px 75px 70px auto;
    top: 0;
    left: 27px
}
.order-processing .cards__item:nth-child(4) {
    margin: 0 auto 125px 25px
}
.order-processing .cards__item:nth-child(5) {
    margin: 25px 60px 45px auto
}
.order-processing .cards__item:nth-child(6) {
    width: 400px;
    margin: 50px auto 20px 15px
}
.order-processing .two-rectangles_section {
    overflow: hidden;
    padding: 20px 0;
    margin: 105px auto 160px auto
}
.order-processing .two-rectangles_block {
    width: 100%;
    max-width: 1120px;
    position: relative;
    color: #f0f0f0;
    background: transparent;
    border-radius: 23px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0 calc(50% - 462.5px)
}
.order-processing .two-rectangles_block__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}
.order-processing .two-rectangles_block:before, .order-processing .two-rectangles_block:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    border-radius: 22px;
    transition: background-color .5s ease
}
.order-processing .two-rectangles_block:before {
    background-color: #3bb0b0;
    border: 3px solid #3bb0b0;
    width: 270px;
    left: -400px
}
.order-processing .two-rectangles_block:after {
    background-color: #f8fa9b;
    border: 3px solid #f8fa9b;
    width: 130px;
    right: -270px
}
.order-processing .two-rectangles_block:hover:before {
    background-color: #f8fa9b
}
.order-processing .two-rectangles_block:hover:after {
    background-color: #3bb0b0
}
.order-processing .two-rectangles_block:hover .two-rectangles_block__content:before {
    height: 0
}
.order-processing .two-rectangles_block:hover .two-rectangles_block__content:after {
    width: 0
}
.order-processing .two_cards {
    background: url(/front/img/yellow-dots.svg) calc(50% + 100px) 100px no-repeat, url(/front/img/yellow-dots.svg) calc(50% + 675px) calc(50% + 150px) no-repeat transparent;
    background-size: 165px, 165px;
    margin-bottom: 110px
}
.order-processing .two_cards .block__title {
    font-size: 45px;
    line-height: 57px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 90px;
    color: #3bb0b0;
    text-align: center
}
.order-processing .two_cards__block {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -15px;
    overflow: hidden
}
.order-processing .two_cards__item {
    width: 33.33333%;
    padding: 0 15px;
    margin-bottom: 70px
}
.order-processing .two_cards__itemInner {
    color: #333;
    padding: 55px 30px 115px 30px;
    border: 3px solid #3bb0b0;
    border-radius: 22px;
    position: relative;
    height: 100%
}
.order-processing .two_cards__itemInner:before, .order-processing .two_cards__itemInner:after {
    content: "";
    position: absolute;
    background: #fff
}
.order-processing .two_cards__itemInner:before {
    width: 5px;
    height: 55px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.order-processing .two_cards__itemInner:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.order-processing .two_cards__itemInner .title {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    color: #3bb0b0;
    margin-bottom: 10px
}
.order-processing .two_cards__itemInner .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px
}
.order-processing .two_cards__item:hover .two_cards__itemInner:before {
    height: 0
}
.order-processing .two_cards__item:hover .two_cards__itemInner:after {
    width: 0
}
.order-processing .two_cards__item:nth-child(3n+2) {
    margin-top: 50px;
    margin-bottom: 20px
}
.order-processing .block_with_plain_text {
    margin-bottom: 140px;
    color: #000
}
.order-processing .block_with_plain_text__block {
    width: 100%;
    max-width: 890px;
    margin: 0 115px 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 130px
}
.order-processing .block_with_plain_text__block:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/front/img/okp_i_bkg.svg) center no-repeat transparent
}
.order-processing .block_with_plain_text .block__title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 40px
}
.order-processing .block_with_plain_text .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    font-weight: normal;
    margin-bottom: 25px
}
.order-processing .block_with_plain_text .text:last-child {
    margin-bottom: 0
}
.order-processing .block_with_illustration {
    overflow: hidden
}
.order-processing .block_with_illustration__content {
    align-items: flex-start
}
.order-processing .block_with_illustration__content > div.text_wr {
    padding-right: 30px
}
.order-processing .block_with_illustration__content > div img {
    width: auto;
    margin-left: -75px;
    display: block;
    max-width: unset
}
.order-processing .block_with_illustration__text {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px
}
.order-processing + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.order-processing + .bottom-part:before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.order-processing + .bottom-part:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.our-special-features {
    padding-bottom: 55px;
    background: url(/front/img/yellow-dots.svg) calc(50% - 700px) bottom no-repeat transparent;
    background-size: 275px
}
.our-special-features .top_block {
    margin-bottom: 55px
}
.our-special-features .top_block__illustration-image:before, .our-special-features .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .our-special-features .top_block__illustration-image:before, .our-special-features .top_block__illustration-image:after {
        display: none
    }
}
.our-special-features .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.our-special-features .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.our-special-features .cards {
    padding: 55px 0;
    overflow: hidden
}
.our-special-features .cards__block {
    width: calc(100% + 30px);
    margin-left: -15px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
}
.our-special-features .cards__item {
    width: 33.3333%;
    padding: 0 15px;
    margin-bottom: 100px
}
.our-special-features .cards__item:nth-child(2), .our-special-features .cards__item:nth-child(5) {
    margin-bottom: 42px;
    margin-top: 58px
}
.our-special-features .cards__item:nth-child(2), .our-special-features .cards__item:nth-child(6) {
    border-radius: 22px;
    position: relative
}
.our-special-features .cards__item:nth-child(2):before, .our-special-features .cards__item:nth-child(6):before {
    content: "";
    width: 170px;
    height: 170px;
    position: absolute;
    top: -100px;
    right: -10px;
    background: url(/front/img/yellow-dots.svg) center no-repeat transparent;
    background-size: 170px
}
.our-special-features .cards__itemInner {
    padding: 55px 30px 70px 30px;
    border: 3px solid #3bb0b0;
    border-radius: 22px;
    height: 100%;
    position: relative
}
.our-special-features .cards__itemInner:before, .our-special-features .cards__itemInner:after {
    content: "";
    position: absolute;
    background: #fff
}
.our-special-features .cards__itemInner:before {
    width: 5px;
    height: 80px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.our-special-features .cards__itemInner:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.our-special-features .cards__item .title {
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    color: #3bb0b0;
    margin-bottom: 10px
}
.our-special-features .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 23px
}
.our-special-features .cards__item .text:last-child {
    margin-bottom: 0
}
.our-special-features .cards__item:hover .cards__itemInner:before {
    height: 0
}
.our-special-features .cards__item:hover .cards__itemInner:after {
    width: 0
}
.our-special-features + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.distribution-warehousing .top_block__illustration-image {
    left: 42.5%
}
.distribution-warehousing .top_block__illustration-image:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 120px solid transparent;
    border-left: 60px solid #3bb0b0;
    left: 0;
    bottom: -120px
}
@media (max-width: 1199px) {
    .distribution-warehousing .top_block__illustration-image:before {
        display: none
    }
}
.distribution-warehousing .top_block__illustration-image img {
    display: block;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .distribution-warehousing .top_block__illustration-image img {
        box-shadow: none
    }
}
.distribution-warehousing .block_with_plane_text {
    color: #000;
    margin-bottom: 155px
}
.distribution-warehousing .block_with_plane_text__content {
    max-width: 100%;
    padding-bottom: 50px;
    position: relative;
    margin: 0 0 0 auto
}
.distribution-warehousing .block_with_plane_text__content:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: url(/front/img/okp_i_bkg.svg) center no-repeat transparent;
    background-size: cover;
    bottom: 0;
    left: 0
}
.distribution-warehousing .block_with_plane_text .block__title {
    color: #5a5a5a;
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    margin-bottom: 50px
}
.distribution-warehousing .block_with_plane_text .text {
    font-family: Lato;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 30px
}
.distribution-warehousing .green-title-border__section {
    margin-bottom: 150px
}
.distribution-warehousing .green-title-border__title {
    margin: 0 auto;
    text-align: center;
    max-width: 740px;
    padding: 50px 40px;
    border: 2px solid #000;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch;
    font-size: 40px;
    line-height: 50px;
    color: #3bb0b0;
    font-weight: 500
}
.distribution-warehousing .green-title-border__title.green {
    border-image: url(/front/img/green-title-border-green.svg) 2 stretch stretch
}
.distribution-warehousing .two_cards {
    margin-bottom: 50px
}
.distribution-warehousing .two_cards .block__title {
    text-align: center;
    font-weight: 500;
    font-size: 45px;
    line-height: 57px;
    margin-bottom: 110px;
    color: #3bb0b0
}
.distribution-warehousing .two_cards__block {
    width: calc(100% + 20px);
    margin-left: -10px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}
.distribution-warehousing .two_cards__item {
    padding: 0 10px;
    width: 33.33333%;
    margin: 0 0 120px 0
}
.distribution-warehousing .two_cards__item:nth-child(3n+2) {
    margin: 50px 0 70px 0
}
.distribution-warehousing .two_cards__itemInner {
    padding: 120px 30px;
    position: relative;
    border: 3px solid #3bb0b0;
    border-radius: 19px;
    height: 100%;
    position: relative
}
.distribution-warehousing .two_cards__itemInner:before, .distribution-warehousing .two_cards__itemInner:after {
    content: "";
    position: absolute;
    background: #fff
}
.distribution-warehousing .two_cards__itemInner:before {
    width: 5px;
    height: 55px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.distribution-warehousing .two_cards__itemInner:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.distribution-warehousing .two_cards__itemInner:hover:before {
    height: 0
}
.distribution-warehousing .two_cards__itemInner:hover:after {
    width: 0
}
.distribution-warehousing .two_cards__itemInner:hover .text:before {
    transform: translate(0, 0);
    transition: transform .6s .4s ease
}
.distribution-warehousing .two_cards__itemInner-image {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    object-fit: fill
}
.distribution-warehousing .two_cards__item .text {
    font-size: 15px;
    line-height: 23px;
    font-family: Lato;
    margin-bottom: 25px;
    color: #5a5a5a
}
.distribution-warehousing .two_cards__item .text:before {
    content: "";
    width: 165px;
    height: 165px;
    position: absolute;
    top: -104px;
    left: -50px;
    background: url(/front/img/yellow-dots.svg) center no-repeat transparent;
    background-size: cover;
    z-index: -1;
    will-change: transform;
    transform: translate(calc(100% + 120px), 20px);
    transition: transform .6s .1s ease
}
.distribution-warehousing .two_cards.last {
    margin-bottom: 45px
}
.distribution-warehousing .two_cards.last .two_cards__item {
    margin: 0 calc(16.66667% - 10px) 120px calc(16.66667% - 10px)
}
.distribution-warehousing .two_cards.last .two_cards__item:nth-child(2), .distribution-warehousing .two_cards.last .two_cards__item:nth-child(3) {
    margin: 0 20px 120px 0
}
.distribution-warehousing .two_cards__hint {
    max-width: 660px;
    margin: 0 auto;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    color: #3bb0b0
}
.distribution-warehousing .two-rectangles_section {
    overflow: hidden;
    padding: 20px 0;
    margin: 0 auto 170px auto
}
.distribution-warehousing .two-rectangles_block {
    width: 100%;
    max-width: 1120px;
    position: relative;
    color: #f0f0f0;
    background: transparent;
    border-radius: 23px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0 calc(50% - 462.5px)
}
.distribution-warehousing .two-rectangles_block__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}
.distribution-warehousing .two-rectangles_block:before, .distribution-warehousing .two-rectangles_block:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    border-radius: 22px;
    transition: background-color .5s ease
}
.distribution-warehousing .two-rectangles_block:before {
    background-color: #3bb0b0;
    border: 3px solid #3bb0b0;
    width: 270px;
    left: -400px
}
.distribution-warehousing .two-rectangles_block:after {
    background-color: #f8fa9b;
    border: 3px solid #f8fa9b;
    width: 130px;
    right: -270px
}
.distribution-warehousing .two-rectangles_block:hover:before {
    background-color: #f8fa9b
}
.distribution-warehousing .two-rectangles_block:hover:after {
    background-color: #3bb0b0
}
.distribution-warehousing .two-rectangles_block:hover .two-rectangles_block__content:before {
    height: 0
}
.distribution-warehousing .two-rectangles_block:hover .two-rectangles_block__content:after {
    width: 0
}
.distribution-warehousing .cards {
    margin-bottom: 130px
}
.distribution-warehousing .cards__block {
    width: calc(100% + 20px);
    margin-left: -10px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}
.distribution-warehousing .cards__item {
    width: 33.33333%;
    padding: 20px 10px 0 10px
}
.distribution-warehousing .cards__itemInner {
    background: #f8fa9b;
    border-radius: 23px;
    height: 100%;
    padding: 85px 55px 105px 75px;
    position: relative
}
.distribution-warehousing .cards__itemInner:before, .distribution-warehousing .cards__itemInner:after {
    content: "";
    position: absolute;
    transform: translate(20px, -20px);
    z-index: 2
}
.distribution-warehousing .cards__itemInner:before {
    width: 5px;
    height: 55px;
    top: 20px;
    left: -1px;
    will-change: height;
    background: #f8fa9b;
    transition: height .5s .5s linear
}
.distribution-warehousing .cards__itemInner:after {
    width: 77px;
    height: 24px;
    background: #fff;
    top: -4px;
    left: -1px;
    will-change: width;
    transition: width .5s .5s linear
}
.distribution-warehousing .cards__itemInner:hover:before {
    height: 0;
    transition: height .5s linear
}
.distribution-warehousing .cards__itemInner:hover:after {
    width: 0;
    transition: width .5s linear
}
.distribution-warehousing .cards__itemInner:hover .text:before {
    transform: translate(0, 0);
    transition: transform .5s .5s linear
}
.distribution-warehousing .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    margin: 0 auto;
    color: #333
}
.distribution-warehousing .cards__item .text:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    box-sizing: border-box;
    border: 3px solid #3bb0b0;
    z-index: 0;
    pointer-events: none;
    transform: translate(20px, -20px);
    border-radius: 23px;
    transition: transform .5s linear
}
.distribution-warehousing .green-text {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px
}
.distribution-warehousing .green-text_section {
    margin-bottom: 180px;
    text-align: center;
    color: #3bb0b0
}
.distribution-warehousing .green-text_block {
    max-width: 950px;
    margin: 0 auto
}
.distribution-warehousing .green-text:last-child {
    margin-bottom: 0
}
.distribution-warehousing .icon__section {
    margin-bottom: 130px
}
.distribution-warehousing .icon__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
}
.distribution-warehousing .icon__item {
    width: calc(16.66667% - 18px);
    margin-bottom: 55px
}
.distribution-warehousing .icon__item-inner {
    width: 150px;
    height: 100%;
    position: relative;
    text-align: center;
    flex-shrink: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}
.distribution-warehousing .icon__item-inner:before {
    content: "";
    display: block;
    top: 0;
    left: 5px;
    height: 100%;
    width: 77px;
    background: #f8fa9b;
    border-radius: 4px;
    position: absolute;
    z-index: -1;
    will-change: left;
    transition: left .5s ease
}
.distribution-warehousing .icon__item-inner:hover:before {
    left: calc(100% - 82px)
}
.distribution-warehousing .icon__item-inner:hover .img_wr img {
    filter: brightness(0%)
}
.distribution-warehousing .icon__item .img_wr {
    display: block;
    height: 58px;
    margin: 25px auto 35px auto
}
.distribution-warehousing .icon__item .img_wr img {
    display: block;
    height: 100%;
    width: auto;
    margin: 0 auto;
    filter: brightness(100%);
    will-change: filter;
    transition: filter .5s ease
}
.distribution-warehousing .icon__item span {
    display: block;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: #000
}
.distribution-warehousing .icon__item:nth-child(6n+1) .icon__item-inner {
    margin: 0 auto 0 0
}
.distribution-warehousing .icon__item:nth-child(6n), .distribution-warehousing .icon__item:nth-child(6n+1) {
    width: calc(16.66667% - 30px)
}
.distribution-warehousing .icon__item:nth-child(6n) .icon__item-inner {
    margin: 0 0 0 auto
}
.distribution-warehousing .block_with_border {
    margin-bottom: 145px;
    color: #5a5a5a
}
.distribution-warehousing .block_with_border__container {
    border: 2px solid #000;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch;
    padding: 65px 0;
    text-align: center
}
.distribution-warehousing .block_with_border .text {
    max-width: 890px;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    margin: 0 auto 25px auto
}
.distribution-warehousing .block_with_border .text:last-child {
    margin-bottom: 0
}
.distribution-warehousing .block_with_illustration {
    margin-bottom: 70px
}
.distribution-warehousing .info_section__list {
    max-width: 950px;
    position: relative;
    padding: 85px 100px 100px 100px;
    background: #f8fa9b;
    border-radius: 16px;
    margin: 0 auto 95px auto
}
.distribution-warehousing .info_section__list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #3bb0b0;
    width: calc(100% - 40px);
    height: 100%;
    box-sizing: border-box;
    border-radius: 16px;
    transform: translate(20px, -20px);
    will-change: transform, width;
    transition: transform .5s ease, width .5s ease
}
.distribution-warehousing .info_section__list .item {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    padding-left: 65px;
    margin-bottom: 25px;
    position: relative
}
.distribution-warehousing .info_section__list .item:before {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% - 45px);
    background: #3bb0b0;
    border-radius: 3px;
    height: 3px;
    width: 45px;
    transform: translateY(-50%);
    will-change: width;
    transition: width .5s ease
}
.distribution-warehousing .info_section__list .item:nth-child(even):before {
    width: 30px
}
.distribution-warehousing .info_section__list:hover:before {
    width: 100%;
    transform: translate(0, 0)
}
.distribution-warehousing .info_section__list:hover .item:before {
    width: 30px
}
.distribution-warehousing .info_section__list:hover .item:nth-child(even):before {
    width: 45px
}
.distribution-warehousing .timeline_list {
    margin-bottom: 110px;
    color: #000
}
.distribution-warehousing .timeline_list__title {
    text-align: center;
    font-weight: 500;
    font-size: 45px;
    line-height: 57px;
    margin-bottom: 80px
}
.distribution-warehousing .timeline_list__list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}
.distribution-warehousing .timeline_list__item {
    width: 545px;
    flex-shrink: 0;
    margin: 0 calc(100% - 615px) 15px auto;
    padding: 35px 50px 35px 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: right;
    border: 2px solid #f8fa9b;
    border-image: url(/front/img/yellow-border.svg) 2 stretch stretch;
    position: relative;
    background-color: transparent;
    will-change: color, background-color;
    transition: color .5s ease, background-color .5s ease
}
.distribution-warehousing .timeline_list__item:before, .distribution-warehousing .timeline_list__item:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}
.distribution-warehousing .timeline_list__item:before {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #f8fa9b;
    right: -96px;
    will-change: background-color;
    transition: background-color .5s ease
}
.distribution-warehousing .timeline_list__item:after {
    width: 44px;
    height: 50px;
    right: -84px;
    background: url(/front/img/grey-white-arrow-down.svg) center bottom no-repeat transparent;
    background-size: 44px;
    will-change: background-position-y;
    transition: background-position-y .5s ease
}
.distribution-warehousing .timeline_list__item:nth-child(even) {
    margin: 0 auto 15px calc(100% - 615px);
    text-align: left;
    padding: 35px 35px 35px 50px
}
.distribution-warehousing .timeline_list__item:nth-child(even):before, .distribution-warehousing .timeline_list__item:nth-child(even):after {
    right: auto
}
.distribution-warehousing .timeline_list__item:nth-child(even):before {
    left: -96px
}
.distribution-warehousing .timeline_list__item:nth-child(even):after {
    left: -83px
}
.distribution-warehousing .timeline_list__item .text {
    display: block;
    width: 100%;
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    margin: 0 auto 25px auto
}
.distribution-warehousing .timeline_list__item .text:last-child {
    margin-bottom: 0
}
.distribution-warehousing .timeline_list__item:hover {
    color: #fff
}
.distribution-warehousing .timeline_list__item:hover, .distribution-warehousing .timeline_list__item:hover:before {
    background-color: #3bb0b0
}
.distribution-warehousing .timeline_list__item:hover:after {
    background-position-y: 0
}
.distribution-warehousing + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.pricing {
    background: url(/front/img/content_bkg/our-key-principles.svg) calc(50% - 600px) 925px no-repeat transparent;
    background-size: 720px
}
.pricing .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .pricing .top_block__illustration-image {
        box-shadow: none
    }
}
.pricing .block_with_illustration {
    margin-bottom: 170px
}
.pricing .step_full {
    color: #5a5a5a;
    margin-bottom: 100px;
    overflow: hidden
}
.pricing .step_full__title {
    font-size: 45px;
    line-height: 57px;
    margin-bottom: 110px;
    text-align: center
}
.pricing .step_full__content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -15px
}
.pricing .step_full__item {
    padding: 0 15px;
    width: 575px;
    margin: 0 0 75px 0
}
.pricing .step_full__item:nth-child(even) {
    width: calc(100% - 575px)
}
.pricing .step_full__item:nth-child(even) .title-wrapper {
    margin: 0 auto 0 0
}
.pricing .step_full__itemInner {
    height: 100%;
    padding: 80px 30px 120px 30px;
    border: 2px solid #f8fa9b;
    border-radius: 16px
}
.pricing .step_full__itemInner * {
    font-family: Lato
}
.pricing .step_full__item .title {
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    color: #3bb0b0;
    margin-bottom: 10px;
    display: block
}
.pricing .step_full__item .title-wrapper {
    max-width: 395px;
    margin: 0 auto;
    position: relative
}
.pricing .step_full__item .title-wrapper:before {
    content: "";
    position: absolute;
    top: -130px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background: url(/front/img/green-dots.svg) center 50% no-repeat, url(/front/img/yellow-dots.svg) center 150px no-repeat transparent;
    background-size: 105px, 100px;
    will-change: background-position-y;
    transition: background-position-y .5s ease
}
.pricing .step_full__item .subtitle {
    font-size: 18px;
    line-height: 120%;
    display: block;
    text-align: center;
    margin-bottom: 30px
}
.pricing .step_full__item .text {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px
}
.pricing .step_full__item .text:last-child {
    margin-bottom: 0
}
.pricing .step_full__item:hover .title-wrapper:before {
    background-position-y: -110px, 50%
}
.pricing .green-block {
    width: 545px;
    min-height: 200px;
    padding: 45px 50px;
    background-color: #828282;
    border: 2px solid #828282;
    margin: 0 auto 30px 0;
    border-image: none;
    transition: background-color .5s ease, border .5s ease
}
.pricing .green-block__section .block__title {
    font-weight: 500;
    color: #5a5a5a;
    font-size: 45px;
    line-height: 57px;
    margin-bottom: 130px;
    text-align: center
}
.pricing .green-block__row {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(odd) {
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch;
    margin: 0 0 30px 70px
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(odd) .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd) .text {
    color: #000
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(odd):hover {
    background-color: #828282;
    border: 2px solid #828282
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(odd):hover .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd):hover .text {
    color: #fff
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(even) {
    background-color: #828282;
    border: 2px solid #828282;
    margin: 0 0 30px 0
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(even) .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(even) .text {
    color: #fff
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(even):hover {
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
}
.pricing .green-block__row:nth-child(even) .green-block:nth-child(even):hover .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(even):hover .text {
    color: #000
}
.pricing .green-block .title, .pricing .green-block .text {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    transition: color .5s ease
}
.pricing .green-block .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px
}
.pricing .green-block:nth-child(even) {
    margin: 0 70px 30px 0;
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
}
.pricing .green-block:nth-child(even) .title, .pricing .green-block:nth-child(even) .text {
    color: #000
}
.pricing .green-block:nth-child(even):hover {
    background-color: #828282;
    border: 2px solid #828282
}
.pricing .green-block:nth-child(even):hover .title, .pricing .green-block:nth-child(even):hover .text {
    color: #fff
}
.pricing .green-block:hover {
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
}
.pricing .green-block:hover .title, .pricing .green-block:hover .text {
    color: #000
}
.pricing .extra {
    text-align: right;
    color: #000;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 20px;
    margin-top: -1250px;
    z-index: -1
}
.pricing .extra:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.pricing .extra:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.pricing .extra .container {
    padding-bottom: 10px
}
.pricing .extra_content {
    overflow: hidden;
    position: relative;
    padding-top: 1220px
}
.pricing .extra_content:before {
    content: "";
    position: absolute;
    top: calc(50% - 400px);
    left: calc(50% + 305px);
    background-color: #3bb0b0;
    width: 1920px;
    height: 1920px;
    z-index: -1;
    transform: rotate(33deg)
}
.pricing .extra__title {
    font-size: 45px;
    margin: 0px 0 10px auto;
    position: relative
}
.pricing .extra__title-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.pricing .extra__title:before {
    content: "";
    position: absolute;
    top: 25%;
    width: 60px;
    height: 2px;
    background-color: #000;
    left: -100px;
    transform: translateY(-50%);
    will-change: width;
    transition: width .5s ease
}
.pricing .extra__title:hover:before {
    width: 30px
}
.pricing .extra__text {
    font-size: 18px;
    margin-bottom: 175px
}
.pricing .extra__button {
    display: block;
    width: 200px;
    color: #3bb0b0;
    background-color: #f8fa9b;
    margin: -160px 0 94px auto
}
.pricing + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.artificial-intelligence .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .artificial-intelligence .top_block__illustration-image {
        box-shadow: none
    }
}
.artificial-intelligence .two-rectangles_section {
    overflow: hidden;
    padding: 20px 0;
    margin: 120px auto 180px auto;
    transform-origin: center
}
.artificial-intelligence .two-rectangles_section:last-child {
    transform: scale(-1, 1);
    margin: 106px auto 140px auto
}
.artificial-intelligence .two-rectangles_block {
    width: 100%;
    max-width: 1120px;
    position: relative;
    color: #f0f0f0;
    background: transparent;
    border-radius: 23px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}
.artificial-intelligence .two-rectangles_block__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover
}
.artificial-intelligence .two-rectangles_block:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    border-radius: 22px;
    transition: background-color .5s ease;
    background-color: #f8fa9b;
    border: 3px solid #f8fa9b;
    width: 225px;
    left: -350px
}
.artificial-intelligence .two-rectangles_block:hover:before {
    background-color: #3bb0b0
}
.artificial-intelligence .two-rectangles_block:hover .two-rectangles_block__content:before {
    height: 0
}
.artificial-intelligence .two-rectangles_text {
    width: 100%;
    max-width: 1120px;
    position: relative;
    color: #f0f0f0;
    background: #3bb0b0;
    border-radius: 23px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}
.artificial-intelligence .two-rectangles_text__content {
    transform-origin: center;
    transform: scale(-1, 1);
    width: 615px;
    padding: 90px 70px 60px 70px;
    margin: -20px auto;
    border: 3px solid #f8fa9b;
    border-radius: 22px;
    position: relative
}
.artificial-intelligence .two-rectangles_text__content:before, .artificial-intelligence .two-rectangles_text__content:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    transition-duration: .5s;
    transition-timing-function: ease
}
.artificial-intelligence .two-rectangles_text__content:before {
    width: 5px;
    height: 50px;
    background: #3bb0b0;
    top: 17px;
    left: -4px;
    will-change: height;
    transition-property: height
}
.artificial-intelligence .two-rectangles_text__content:after {
    width: 73px;
    height: 20px;
    background: #fff;
    top: -4px;
    left: -4px;
    will-change: width;
    transition-property: width
}
.artificial-intelligence .two-rectangles_text__content .text {
    font-family: Lato;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px
}
.artificial-intelligence .two-rectangles_text__content .text:last-child {
    margin-bottom: 0
}
.artificial-intelligence .two-rectangles_text__content .text * {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}
.artificial-intelligence .two-rectangles_text:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    border-radius: 22px;
    transition: background-color .5s ease;
    background-color: #f8fa9b;
    border: 3px solid #f8fa9b;
    width: 225px;
    left: -350px
}
.artificial-intelligence .two-rectangles_text:hover:before {
    background-color: #3bb0b0
}
.artificial-intelligence .two-rectangles_text:hover .two-rectangles_text__content:before {
    height: 0
}
.artificial-intelligence .two-rectangles_text:hover .two-rectangles_text__content:after {
    width: 0
}
.artificial-intelligence .cards {
    overflow: hidden;
    color: #333
}
.artificial-intelligence .cards .block__title {
    color: #5a5a5a;
    margin-bottom: 73px;
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    text-align: center
}
.artificial-intelligence .cards__block {
    width: calc(100% + 8px);
    margin-left: -4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}
.artificial-intelligence .cards__item {
    width: 33.33333%;
    padding: 4px;
    position: relative;
    margin: 66px 0 96px 0
}
.artificial-intelligence .cards__itemInner {
    padding: 60px 70px;
    border-radius: 22px;
    border: 3px solid #f8fa9b;
    height: 100%
}
.artificial-intelligence .cards__item:nth-child(even) > div {
    border-color: #3bb0b0
}
.artificial-intelligence .cards__item:nth-child(2), .artificial-intelligence .cards__item:nth-child(5) {
    margin: 0
}
.artificial-intelligence .cards__item:before, .artificial-intelligence .cards__item:after {
    content: "";
    position: absolute;
    background: #fff
}
.artificial-intelligence .cards__item:before {
    width: 5px;
    height: 100px;
    top: 28px;
    left: 2px;
    will-change: height;
    transition: height .5s linear
}
.artificial-intelligence .cards__item:after {
    width: 77px;
    height: 24px;
    top: 4px;
    left: 2px;
    will-change: width;
    transition: width .5s linear
}
.artificial-intelligence .cards__item:hover:before {
    height: 0
}
.artificial-intelligence .cards__item:hover:after {
    width: 0
}
.artificial-intelligence .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px
}
.artificial-intelligence + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.web-based-software {
    background: url(/front/img/content_bkg/web-based-software.svg) calc(50% - 605px) 845px no-repeat transparent;
    background-size: 718px;
    padding-bottom: 5px
}
.web-based-software .top_block__illustration-image:before, .web-based-software .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .web-based-software .top_block__illustration-image:before, .web-based-software .top_block__illustration-image:after {
        display: none
    }
}
.web-based-software .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.web-based-software .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.web-based-software .block_with_illustration {
    margin-bottom: 235px
}
.web-based-software .cards {
    color: #333;
    overflow: hidden;
    margin: 0 auto 85px auto
}
.web-based-software .cards .block__title {
    color: #5a5a5a;
    font-size: 45px;
    line-height: 57px;
    margin: 0 auto 130px auto;
    text-align: center
}
.web-based-software .cards__block {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin: -15px auto 0 -15px
}
.web-based-software .cards__item {
    width: calc(33.33333% - 30px);
    margin: 15px;
    border: 3px solid #f8fa9b;
    border-radius: 22px;
    padding: 60px 70px 70px 70px;
    position: relative
}
.web-based-software .cards__item:before, .web-based-software .cards__item:after {
    content: "";
    position: absolute;
    background: #fff
}
.web-based-software .cards__item:before {
    width: 5px;
    height: 84px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.web-based-software .cards__item:after {
    width: 74px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.web-based-software .cards__item:hover:before {
    height: 0
}
.web-based-software .cards__item:hover:after {
    width: 0
}
.web-based-software .cards__item:nth-child(2), .web-based-software .cards__item:nth-child(5) {
    margin-top: -60px;
    margin-bottom: 90px
}
.web-based-software .cards__item .text {
    font-family: Lato;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px
}
.web-based-software + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.commerce-edi {
    background: url(/front/img/content_bkg/our-key-principles.svg) calc(50% - 600px) 845px no-repeat, url(/front/img/content_bkg/referral-partnerships.svg) calc(50% + 450px) bottom no-repeat transparent;
    background-size: 720px, 1025px
}
.commerce-edi .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .commerce-edi .top_block__illustration-image {
        box-shadow: none
    }
}
.commerce-edi .block_with_illustration {
    margin: 0 auto 150px auto
}
.commerce-edi .plan_cards {
    margin-bottom: 165px;
    overflow: visible
}
.commerce-edi .plan_cards__item {
    width: 50%;
    max-width: 545px
}
.commerce-edi .plan_cards__item:first-child {
    margin: 0 auto 0 30px
}
.commerce-edi .plan_cards__item:last-child {
    margin: 0 30px 0 auto
}
.commerce-edi .info_section {
    margin-bottom: 105px
}
.commerce-edi .info_section_content {
    width: 990px
}
.commerce-edi .info_section_content:before {
    border-color: #5a5a5a;
    transform: translate(-20px, 20px)
}
.commerce-edi .info_section_content:hover:before {
    border-color: #f8fa9b;
    transform: translate(-2px, -2px)
}
.commerce-edi + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.commerce-edi + .bottom-part:before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.commerce-edi + .bottom-part:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.empowering-developers {
    background: url(/front/img/content_bkg/empowering-developers-top.svg) calc(50% - 590px) 845px no-repeat, url(/front/img/yellow-dots.svg) calc(50% + 700px) center no-repeat, url(/front/img/yellow-dots.svg) calc(50% - 500px) 95% no-repeat, url(/front/img/content_bkg/empowering-developers-bottom.svg) calc(50% + 450px) bottom no-repeat transparent;
    background-size: 800px, 170px, 275px, 1025px;
    padding-bottom: 20px
}
.empowering-developers .top_block__illustration-image {
    left: 42.5%
}
.empowering-developers .top_block__illustration-image:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 120px solid transparent;
    border-left: 60px solid #3bb0b0;
    left: 0;
    bottom: -120px
}
@media (max-width: 1199px) {
    .empowering-developers .top_block__illustration-image:before {
        display: none
    }
}
.empowering-developers .top_block__illustration-image img {
    display: block;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .empowering-developers .top_block__illustration-image img {
        box-shadow: none
    }
}
.empowering-developers .block_with_illustration {
    margin-bottom: 130px
}
.empowering-developers .cards {
    margin-bottom: 130px
}
.empowering-developers .cards__block {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}
.empowering-developers .cards__item {
    color: #333;
    padding: 40px 30px 50px 30px;
    border: 3px solid #3bb0b0;
    background: #fff;
    border-radius: 22px;
    position: relative;
    width: 430px
}
.empowering-developers .cards__item:before, .empowering-developers .cards__item:after {
    content: "";
    position: absolute;
    background: #fff
}
.empowering-developers .cards__item:before {
    width: 5px;
    height: 55px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.empowering-developers .cards__item:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.empowering-developers .cards__item .title {
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    color: #3bb0b0;
    margin-bottom: 10px
}
.empowering-developers .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px
}
.empowering-developers .cards__item:hover:before {
    height: 0
}
.empowering-developers .cards__item:hover:after {
    width: 0
}
.empowering-developers .cards__item:nth-child(1) {
    margin: 190px 60px 170px auto
}
.empowering-developers .cards__item:nth-child(2) {
    align-self: flex-start;
    margin: 0 auto 240px 60px
}
.empowering-developers .cards__item:nth-child(3) {
    margin: 0 60px 0 auto
}
.empowering-developers .cards__item:nth-child(4) {
    margin: -170px auto 78px 60px
}
.empowering-developers + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.empowering-developers + .bottom-part:before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.empowering-developers + .bottom-part:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.empowering-developers + .bottom-part .dyk-inner {
    padding: 50px 0
}
@media (max-width: 991px) {
    .empowering-developers + .bottom-part .dyk-inner {
        padding: 10px 0
    }
}
.fulfilment-by-amazon {
    background: url(/front/img/content_bkg/our-key-principles.svg) calc(50% - 600px) 925px no-repeat transparent;
    background-size: 720px
}
.fulfilment-by-amazon .top_block__illustration-image:before, .fulfilment-by-amazon .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .fulfilment-by-amazon .top_block__illustration-image:before, .fulfilment-by-amazon .top_block__illustration-image:after {
        display: none
    }
}
.fulfilment-by-amazon .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.fulfilment-by-amazon .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.fulfilment-by-amazon .green-title-border__section {
    text-align: center
}
.fulfilment-by-amazon .green-title-border__title {
    width: 740px;
    font-size: 40px;
    line-height: 50px;
    color: #3bb0b0;
    font-weight: 500;
    padding: 40px;
    margin: 215px auto 210px auto;
    border: 2px solid #000;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch;
    text-align: center
}
.fulfilment-by-amazon .green-block {
    width: 545px;
    min-height: 200px;
    padding: 45px 50px;
    background-color: #828282;
    border: 2px solid #828282;
    margin: 0 auto 30px 0;
    border-image: none;
    transition: background-color .5s ease, border .5s ease
}
.fulfilment-by-amazon .green-block__section .block__title {
    font-size: 45px;
    line-height: 57px;
    color: #000;
    text-align: center;
    margin: 150px auto 130px auto
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd) {
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch;
    margin: 0 0 30px 70px
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd) .text {
    color: #000
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd):hover {
    background-color: #828282;
    border: 2px solid #828282
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd):hover .text {
    color: #fff
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even) {
    background-color: #828282;
    border: 2px solid #828282;
    margin: 0 0 30px 0
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even) .text {
    color: #fff
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even):hover {
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
}
.fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even):hover .text {
    color: #000
}
.fulfilment-by-amazon .green-block__row {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
}
.fulfilment-by-amazon .green-block .text {
    font-family: Lato;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    transition: color .5s ease
}
.fulfilment-by-amazon .green-block:nth-child(even) {
    margin: 0 70px 30px 0;
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
}
.fulfilment-by-amazon .green-block:nth-child(even) .text {
    color: #000
}
.fulfilment-by-amazon .green-block:nth-child(even):hover {
    background-color: #828282;
    border: 2px solid #828282
}
.fulfilment-by-amazon .green-block:nth-child(even):hover .text {
    color: #fff
}
.fulfilment-by-amazon .green-block:hover {
    background-color: #f8fa9b;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
}
.fulfilment-by-amazon .green-block:hover .text {
    color: #000
}
.fulfilment-by-amazon .extra {
    text-align: right;
    color: #000;
    position: relative;
    overflow: hidden;
    margin-bottom: 135px;
    padding-bottom: 20px;
    margin-top: -1300px;
    z-index: -1
}
.fulfilment-by-amazon .extra:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.fulfilment-by-amazon .extra:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.fulfilment-by-amazon .extra .container {
    padding-bottom: 10px
}
.fulfilment-by-amazon .extra_content {
    overflow: hidden;
    position: relative;
    padding-top: 1300px
}
.fulfilment-by-amazon .extra_content:before {
    content: "";
    position: absolute;
    top: calc(50% - 435px);
    left: calc(50% + 300px);
    background-color: #3bb0b0;
    width: 1920px;
    height: 1920px;
    z-index: -1;
    transform: rotate(33deg)
}
.fulfilment-by-amazon .extra__title {
    font-size: 45px;
    margin: 110px 0 10px auto;
    position: relative
}
.fulfilment-by-amazon .extra__title-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.fulfilment-by-amazon .extra__title:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 80px;
    height: 2px;
    background-color: #000;
    left: -120px;
    transform: translateY(-50%);
    will-change: width;
    transition: width .5s ease
}
.fulfilment-by-amazon .extra__title:hover:before {
    width: 30px
}
.fulfilment-by-amazon .extra__text {
    font-size: 18px;
    margin-bottom: 90px
}
.fulfilment-by-amazon .cards {
    overflow: hidden;
    background: url(/front/img/yellow-dots.svg) calc(50% + 120px) 120px no-repeat transparent;
    background-size: 164px
}
.fulfilment-by-amazon .cards .block__title {
    color: #3bb0b0;
    font-size: 45px;
    line-height: 57px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 500
}
.fulfilment-by-amazon .cards__block {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch
}
.fulfilment-by-amazon .cards__item {
    width: 33.33333%;
    margin: 60px 0;
    padding: 0 15px;
    color: #5a5a5a
}
.fulfilment-by-amazon .cards__item:nth-child(2) {
    margin: 90px 0 10px 0
}
.fulfilment-by-amazon .cards__itemInner {
    padding: 50px 30px 70px 30px;
    border: 3px solid #3bb0b0;
    border-radius: 22px;
    height: 100%;
    position: relative
}
.fulfilment-by-amazon .cards__itemInner:before, .fulfilment-by-amazon .cards__itemInner:after {
    content: "";
    position: absolute;
    background: #fff
}
.fulfilment-by-amazon .cards__itemInner:before {
    width: 5px;
    height: 60px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.fulfilment-by-amazon .cards__itemInner:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.fulfilment-by-amazon .cards__item .title {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 30px;
    color: #3bb0b0;
    font-weight: 500
}
.fulfilment-by-amazon .cards__item .text {
    font-family: Lato;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px
}
.fulfilment-by-amazon .cards__item .text:last-child {
    margin-bottom: 0
}
.fulfilment-by-amazon .cards__item:hover .cards__itemInner:before {
    height: 0
}
.fulfilment-by-amazon .cards__item:hover .cards__itemInner:after {
    width: 0
}
.fulfilment-by-amazon + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.international-fulfilment {
    background: url(/front/img/content_bkg/international-fulfilment.svg) calc(50% - 660px) 845px no-repeat transparent
}
.international-fulfilment .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .international-fulfilment .top_block__illustration-image {
        box-shadow: none
    }
}
.international-fulfilment .block_with_illustration {
    margin: 50px auto;
    padding: 120px 0
}
@media (max-width: 991px) {
    .international-fulfilment .block_with_illustration .img_wr {
        transform: none
    }
}
.international-fulfilment .block_with_illustration:nth-child(2) {
    margin: 110px auto 50px auto;
    padding: 0;
    background: transparent
}
.international-fulfilment .block_with_illustration:nth-child(2) .img_wr {
    transform: none
}
.international-fulfilment_block {
    text-align: center;
    padding-top: 120px;
    overflow: hidden;
    color: #5a5a5a
}
.international-fulfilment_block__inner {
    max-width: 890px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}
.international-fulfilment_block__inner:before, .international-fulfilment_block__inner:after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    top: -45px;
    right: -110px
}
.international-fulfilment_block__inner:before {
    background-image: url(/front/img/green-dots.svg);
    background-size: 150px
}
.international-fulfilment_block__inner:after {
    background-image: url(/front/img/yellow-dots.svg);
    background-size: 140px;
    transform: translate(-45px, -45px);
    opacity: 1;
    will-change: transform, opacity;
    transition: transform .5s ease, opacity .3s ease
}
.international-fulfilment_block__inner:hover:after {
    opacity: 0;
    transform: translate(0, 0);
    transition: transform .5s ease, opacity .2s .3s ease
}
.international-fulfilment_block .block__title {
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    color: #3bb0b0;
    margin: 0 auto 65px auto
}
.international-fulfilment_block .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 30px
}
.international-fulfilment_block .text:last-child {
    margin-bottom: 0
}
.international-fulfilment .one-rectangle-list_section {
    margin: 135px auto 0 auto;
    overflow: hidden
}
.international-fulfilment .one-rectangle-list_block {
    padding: 20px 0;
    position: relative
}
.international-fulfilment .one-rectangle-list_block__content {
    position: relative;
    width: 900px;
    margin: 0 auto;
    padding: 45px 70px 115px 70px;
    border-radius: 16px;
    color: #5a5a5a;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    z-index: 1
}
.international-fulfilment .one-rectangle-list_block__content * {
    font-family: Lato
}
.international-fulfilment .one-rectangle-list_block__content:before, .international-fulfilment .one-rectangle-list_block__content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 16px;
    box-sizing: border-box;
    z-index: -1
}
.international-fulfilment .one-rectangle-list_block__content:before {
    width: calc(100% + 40px);
    background: #f8fa9b;
    left: -20px;
    transform: translateY(20px);
    will-change: width, left, transform;
    transition: width .25s .5s linear, left .25s .5s linear, transform .25s .25s linear
}
.international-fulfilment .one-rectangle-list_block__content:after {
    border: 3px solid #3bb0b0;
    background: #fff;
    width: 100%
}
.international-fulfilment .one-rectangle-list_block__content:hover:before {
    width: 100%;
    left: 0;
    transform: translateY(0);
    transition: width .25s linear, left .25s linear, transform .25s .5s linear
}
.international-fulfilment .one-rectangle-list_block__content:hover + .one-rectangle-list_block__decoration {
    background-color: #f8fa9b;
    transition: background-color .25s .5s linear
}
.international-fulfilment .one-rectangle-list_block__decoration {
    position: absolute;
    top: 0;
    left: 1024px;
    width: 305px;
    height: calc(100% - 40px);
    border-radius: 16px;
    box-sizing: border-box;
    border: 3px solid #3bb0b0;
    background-color: transparent;
    margin: 20px 0;
    will-change: background-color;
    transition: background-color .25s linear
}
.international-fulfilment .one-rectangle-list_block__title {
    color: #3bb0b0;
    font-size: 24px;
    line-height: 35px;
    margin: 0 auto 30px auto;
    font-weight: normal;
    text-transform: uppercase;
    width: 100%
}
.international-fulfilment .one-rectangle-list_block__list {
    width: 50%
}
.international-fulfilment .one-rectangle-list_block__list .item {
    padding-left: 65px;
    position: relative;
    margin-bottom: 24px;
    padding-left: 65px;
    position: relative
}
.international-fulfilment .one-rectangle-list_block__list .item:before {
    content: "";
    display: block;
    height: 3px;
    width: 44px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #3bb0b0;
    transition: left .5s linear, background-color .5s linear, width .5s linear
}
.international-fulfilment .one-rectangle-list_block__list .item:hover:before {
    width: 31px;
    left: 13px;
    background-color: #f8fa9b
}
.international-fulfilment .one-rectangle-list_block__list .item:nth-child(even):before {
    width: 31px;
    left: 13px
}
.international-fulfilment .one-rectangle-list_block__list .item:nth-child(even):hover:before {
    width: 44px;
    left: 0
}
.international-fulfilment .one-rectangle-list_block__list .item:last-child {
    margin-bottom: 0
}
.international-fulfilment .two-rectangles_section {
    overflow: hidden;
    padding: 20px 0;
    margin: 105px auto 55px auto
}
.international-fulfilment .two-rectangles_block {
    width: 1120px;
    position: relative;
    color: #f0f0f0;
    background: #3bb0b0;
    border-radius: 23px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0 calc(50% - 462.5px)
}
.international-fulfilment .two-rectangles_block__content {
    width: 615px;
    padding: 90px 70px 60px 70px;
    margin: -20px calc(50% - 212.5px) 30px auto;
    border: 3px solid #f8fa9b;
    border-radius: 22px;
    position: relative
}
.international-fulfilment .two-rectangles_block__content:before, .international-fulfilment .two-rectangles_block__content:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    transition-duration: .5s;
    transition-timing-function: ease
}
.international-fulfilment .two-rectangles_block__content:before {
    width: 5px;
    height: 50px;
    background: #3bb0b0;
    top: 17px;
    left: -4px;
    will-change: height;
    transition-property: height
}
.international-fulfilment .two-rectangles_block__content:after {
    width: 73px;
    height: 20px;
    background: #fff;
    top: -4px;
    left: -4px;
    will-change: width;
    transition-property: width
}
.international-fulfilment .two-rectangles_block__content .text {
    font-family: Lato;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px
}
.international-fulfilment .two-rectangles_block__content .text:last-child {
    margin-bottom: 0
}
.international-fulfilment .two-rectangles_block__content .text * {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}
.international-fulfilment .two-rectangles_block:before, .international-fulfilment .two-rectangles_block:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    border-radius: 22px;
    transition: background-color .5s ease
}
.international-fulfilment .two-rectangles_block:before {
    background-color: #3bb0b0;
    border: 3px solid #3bb0b0;
    width: 270px;
    left: -400px
}
.international-fulfilment .two-rectangles_block:after {
    background-color: #f8fa9b;
    border: 3px solid #f8fa9b;
    width: 130px;
    right: -270px
}
.international-fulfilment .two-rectangles_block:hover:before {
    background-color: #f8fa9b
}
.international-fulfilment .two-rectangles_block:hover:after {
    background-color: #3bb0b0
}
.international-fulfilment .two-rectangles_block:hover .two-rectangles_block__content:before {
    height: 0
}
.international-fulfilment .two-rectangles_block:hover .two-rectangles_block__content:after {
    width: 0
}
.international-fulfilment + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.crowdfunding-fulfilment .top_block__illustration-image:before, .crowdfunding-fulfilment .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .crowdfunding-fulfilment .top_block__illustration-image:before, .crowdfunding-fulfilment .top_block__illustration-image:after {
        display: none
    }
}
.crowdfunding-fulfilment .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.crowdfunding-fulfilment .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.crowdfunding-fulfilment .block_with_illustration:nth-child(1) {
    margin-bottom: 150px
}
.crowdfunding-fulfilment .cards .block__title {
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    color: #5a5a5a;
    text-align: center;
    margin-bottom: 75px
}
.crowdfunding-fulfilment .cards__item {
    width: 33.33333%;
    padding: 0 4px;
    margin: 65px 0
}
.crowdfunding-fulfilment .cards__item:nth-child(2) {
    margin: 0 0 130px 0
}
.crowdfunding-fulfilment .cards__itemInner {
    padding: 60px 70px 115px 70px;
    border: 3px solid #3bb0b0;
    border-radius: 22px;
    height: 100%;
    position: relative
}
.crowdfunding-fulfilment .cards__itemInner:before, .crowdfunding-fulfilment .cards__itemInner:after {
    content: "";
    position: absolute;
    background: #fff
}
.crowdfunding-fulfilment .cards__itemInner:before {
    width: 5px;
    height: 60px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.crowdfunding-fulfilment .cards__itemInner:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.crowdfunding-fulfilment .cards__itemInner:hover:before {
    height: 0
}
.crowdfunding-fulfilment .cards__itemInner:hover:after {
    width: 0
}
.crowdfunding-fulfilment .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    color: #333
}
.crowdfunding-fulfilment .cards__block {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 8px);
    margin: 0 auto 20px -4px
}
.crowdfunding-fulfilment .two_cards {
    padding-top: 300px;
    margin-bottom: 200px;
    overflow: hidden;
    background: url(/front/img/crf-ff-bkg.svg) calc(50% - 610px) top no-repeat transparent;
    background-size: 700px
}
.crowdfunding-fulfilment .two_cards .block__title {
    font-size: 45px;
    line-height: 57px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #3bb0b0;
    max-width: 660px;
    position: relative
}
.crowdfunding-fulfilment .two_cards .block__title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px
}
.crowdfunding-fulfilment .two_cards .block__title:before, .crowdfunding-fulfilment .two_cards .block__title:after {
    content: "";
    pointer-events: none;
    position: absolute;
    user-select: none;
    top: -200px;
    right: -200px;
    width: 164px;
    height: 164px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1
}
.crowdfunding-fulfilment .two_cards .block__title:before {
    background-size: 177px;
    background-image: url(/front/img/green-dots.svg);
    z-index: 0
}
.crowdfunding-fulfilment .two_cards .block__title:after {
    background-size: 165px;
    background-image: url(/front/img/yellow-dots.svg);
    transform: translate(-20px, -20px);
    z-index: -1;
    transition: transform .5s linear, opacity .1s linear
}
.crowdfunding-fulfilment .two_cards .block__title:hover:after {
    transform: translate(0, 0);
    opacity: 0;
    transition: transform .5s linear, opacity .1s .4s linear
}
.crowdfunding-fulfilment .two_cards__block {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: calc(100% + 120px);
    margin-left: -60px
}
.crowdfunding-fulfilment .two_cards__item {
    width: 33.33333%;
    padding: 0 60px;
    color: #5a5a5a
}
.crowdfunding-fulfilment .two_cards__item * {
    font-family: Lato;
    line-height: 23px;
    font-weight: normal
}
.crowdfunding-fulfilment .two_cards__item .title {
    color: #3bb0b0;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 30px
}
.crowdfunding-fulfilment .two_cards__item .text {
    font-size: 15px;
    margin-bottom: 25px
}
.crowdfunding-fulfilment .two_cards__item .text:last-child {
    margin-bottom: 0
}
.crowdfunding-fulfilment .yellow-list {
    position: relative;
    padding: 45px 55px;
    background-color: #f8fa9b;
    border-radius: 16px;
    max-width: 920px;
    position: relative;
    z-index: 0;
    margin: 40px auto 70px 20px
}
.crowdfunding-fulfilment .yellow-list .yellow-list__subtitle {
    margin-bottom: 20px
}
.crowdfunding-fulfilment .yellow-list_section:last-child .yellow-list {
    margin: 20px 0 170px auto
}
.crowdfunding-fulfilment .yellow-list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent;
    border: 2px solid #000;
    border-image: url(/front/img/green-title-border.svg) 2 stretch stretch;
    pointer-events: none;
    transform: translate(-20px, -20px);
    transition: transform .5s ease, opacity .1s ease
}
.crowdfunding-fulfilment .yellow-list__title {
    color: #3bb0b0;
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 35px;
    font-weight: 500;
    text-transform: uppercase
}
.crowdfunding-fulfilment .yellow-list__item {
    color: #5a5a5a;
    font-weight: 500;
    font-family: Lato;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 65px
}
.crowdfunding-fulfilment .yellow-list__item:last-child {
    margin-bottom: 80px
}
.crowdfunding-fulfilment .yellow-list__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 45px;
    height: 3px;
    border-radius: 3px;
    background-color: #3bb0b0;
    transform: translateY(-50%);
    will-change: width, left;
    transition: width .5s ease, left .5s ease
}
.crowdfunding-fulfilment .yellow-list__item:nth-child(odd):before {
    width: 30px;
    left: 15px
}
.crowdfunding-fulfilment .yellow-list:hover:before {
    opacity: 0;
    transform: translate(0, 0);
    transition: transform .5s ease, opacity .1s .4s ease
}
.crowdfunding-fulfilment .yellow-list:hover .yellow-list__item:before {
    left: 15px;
    width: 30px
}
.crowdfunding-fulfilment .yellow-list:hover .yellow-list__item:nth-child(odd):before {
    width: 45px;
    left: 0
}
.crowdfunding-fulfilment + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.order-fulfilment-for-startups {
    background: url(/front/img/content_bkg/empowering-developers-top.svg) calc(50% - 590px) 845px no-repeat, url(/front/img/yellow-dots.svg) calc(50% + 700px) center no-repeat, url(/front/img/yellow-dots.svg) calc(50% - 500px) 85% no-repeat, url(/front/img/content_bkg/referral-partnerships.svg) calc(50% + 450px) bottom no-repeat transparent;
    background-size: 800px, 170px, 275px, 1025px
}
.order-fulfilment-for-startups .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .order-fulfilment-for-startups .top_block__illustration-image {
        box-shadow: none
    }
}
.order-fulfilment-for-startups .block_with_illustration {
    margin-bottom: 150px
}
.order-fulfilment-for-startups .cards {
    margin-bottom: 210px
}
.order-fulfilment-for-startups .cards .block__title {
    font-size: 45px;
    line-height: 57px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 90px;
    color: #3bb0b0
}
.order-fulfilment-for-startups .cards__block {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap
}
.order-fulfilment-for-startups .cards__item {
    color: #333;
    padding: 40px 30px 50px 30px;
    border: 3px solid #3bb0b0;
    background: #fff;
    border-radius: 22px;
    position: relative;
    width: 430px
}
.order-fulfilment-for-startups .cards__item:before, .order-fulfilment-for-startups .cards__item:after {
    content: "";
    position: absolute;
    background: #fff
}
.order-fulfilment-for-startups .cards__item:before {
    width: 5px;
    height: 55px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.order-fulfilment-for-startups .cards__item:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.order-fulfilment-for-startups .cards__item .title {
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    color: #3bb0b0;
    margin-bottom: 10px
}
.order-fulfilment-for-startups .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px
}
.order-fulfilment-for-startups .cards__item:hover:before {
    height: 0
}
.order-fulfilment-for-startups .cards__item:hover:after {
    width: 0
}
.order-fulfilment-for-startups .cards__item:nth-child(1) {
    margin: 0 60px 30px auto
}
.order-fulfilment-for-startups .cards__item:nth-child(2) {
    width: 400px;
    margin: 0 auto 0 15px
}
.order-fulfilment-for-startups .cards__item:nth-child(3) {
    width: 400px;
    margin: 0 75px 0 auto;
    top: 0;
    left: 27px
}
.order-fulfilment-for-startups .cards__item:nth-child(4) {
    margin: 0 auto 0 25px
}
.order-fulfilment-for-startups .partner__block {
    margin-bottom: 155px
}
.order-fulfilment-for-startups + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.order-fulfilment-for-startups + .bottom-part:before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.order-fulfilment-for-startups + .bottom-part:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.e-commerce-fulfilment {
    background: url(/front/img/content_bkg/international-fulfilment.svg) calc(50% - 660px) 845px no-repeat transparent
}
.e-commerce-fulfilment .top_block__illustration-image {
    left: 42.5%
}
.e-commerce-fulfilment .top_block__illustration-image:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 120px solid transparent;
    border-left: 60px solid #3bb0b0;
    left: 0;
    bottom: -120px
}
@media (max-width: 1199px) {
    .e-commerce-fulfilment .top_block__illustration-image:before {
        display: none
    }
}
.e-commerce-fulfilment .top_block__illustration-image img {
    display: block;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .e-commerce-fulfilment .top_block__illustration-image img {
        box-shadow: none
    }
}
.e-commerce-fulfilment .block_with_illustration {
    margin-bottom: 110px
}
.e-commerce-fulfilment_list {
    width: calc(100% + 120px);
    margin: 0 auto 75px -60px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap
}
.e-commerce-fulfilment_list__title {
    text-align: center;
    color: #3bb0b0;
    font-weight: 500;
    position: relative;
    font-size: 45px;
    line-height: 60px
}
.e-commerce-fulfilment_list__title:before, .e-commerce-fulfilment_list__title:after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    top: -45px;
    right: -250px
}
.e-commerce-fulfilment_list__title:before {
    background-image: url(/front/img/green-dots.svg);
    background-size: 150px
}
.e-commerce-fulfilment_list__title:after {
    background-image: url(/front/img/yellow-dots.svg);
    background-size: 140px;
    -webkit-transform: translate(-45px, -45px);
    transform: translate(-45px, -45px);
    opacity: 1;
    will-change: transform, opacity;
    transition: transform .5s ease, opacity .3s ease
}
.e-commerce-fulfilment_list__title:hover:after {
    opacity: 0;
    transform: translate(0, 0);
    transition: transform .5s ease, opacity .2s .3s ease
}
.e-commerce-fulfilment_list__title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -85px auto 45px auto;
    padding: 85px 0 40px 0;
    overflow: hidden
}
.e-commerce-fulfilment_list__item {
    width: calc(33.33333% - 120px);
    margin: 0 60px 100px 60px;
    color: #5a5a5a
}
.e-commerce-fulfilment_list__item .title {
    color: #3bb0b0;
    margin-bottom: 30px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 35px;
}
.e-commerce-fulfilment_list__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 25px
}
.e-commerce-fulfilment_list__item .text:last-child {
    margin-bottom: 0
}
.e-commerce-fulfilment .one-rectangle-list_section {
    padding-top: 20px;
    margin: -20px auto 145px auto;
    overflow: hidden
}
.e-commerce-fulfilment .one-rectangle-list_section .block__title {
    font-size: 45px;
    line-height: 60px;
    color: #3bb0b0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    position: relative
}
.e-commerce-fulfilment .one-rectangle-list_section .block__title_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    margin-bottom: 45px
}
.e-commerce-fulfilment .one-rectangle-list_section .block__title:before, .e-commerce-fulfilment .one-rectangle-list_section .block__title:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -175px;
    width: 100px;
    height: 100px;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.e-commerce-fulfilment .one-rectangle-list_section .block__title:before {
    background-image: url(/front/img/green-dots.svg);
    transform: translateY(-50%)
}
.e-commerce-fulfilment .one-rectangle-list_section .block__title:after {
    background-image: url(/front/img/yellow-dots.svg);
    transform: translate(-20px, calc(-50% - 20px));
    will-change: transform, opacity;
    transition: transform .5s ease, opacity 0.3s ease
}
.e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__content:before {
    width: 100%;
    left: 0;
    transform: translateY(0);
    transition: width .25s linear, left .25s linear, transform .25s .5s linear
}
.e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__content + .one-rectangle-list_block__decoration {
    background-color: #f8fa9b;
    transition: background-color .25s .5s linear
}
.e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__content + .one-rectangle-list_block__decoration .one-rectangle-list_block__decoration__info-link {
    margin-top: 25px
}
.e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__list .item:before {
    width: 31px;
    left: 13px;
    background-color: #f8fa9b
}
.e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__list .item:nth-child(even):before {
    width: 44px;
    left: 0
}
.e-commerce-fulfilment .one-rectangle-list_block {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch
}
.e-commerce-fulfilment .one-rectangle-list_block__content {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 40px 0 20px;
    padding: 85px 70px;
    border-radius: 16px;
    color: #5a5a5a;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    z-index: 1
}
.e-commerce-fulfilment .one-rectangle-list_block__content * {
    font-family: Lato
}
.e-commerce-fulfilment .one-rectangle-list_block__content:before, .e-commerce-fulfilment .one-rectangle-list_block__content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 16px;
    box-sizing: border-box;
    z-index: -1
}
.e-commerce-fulfilment .one-rectangle-list_block__content:before {
    width: calc(100% + 40px);
    background: #f8fa9b;
    left: -20px;
    transform: translateY(20px);
    will-change: width, left, transform;
    transition: width .25s .5s linear, left .25s .5s linear, transform .25s .25s linear
}
.e-commerce-fulfilment .one-rectangle-list_block__content:after {
    border: 3px solid #3bb0b0;
    background: #fff;
    width: 100%
}
.e-commerce-fulfilment .one-rectangle-list_block__decoration {
    flex-shrink: 0;
    width: 305px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 16px;
    box-sizing: border-box;
    border: 3px solid #3bb0b0;
    background-image: url(/front/img/green-arrow.svg), url(/front/img/yellow-dots.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto, calc(100% - 30px);
    background-color: transparent;
    margin: 0 0 0 auto;
    will-change: background-color;
    transition: background-color .25s .5s linear
}
.e-commerce-fulfilment .one-rectangle-list_block__decoration__info {
    text-align: center
}
.e-commerce-fulfilment .one-rectangle-list_block__decoration__info-link {
    display: inline-block;
    margin-top: 50px;
    will-change: margin-top;
    transition: margin-top .25s .5s linear
}
.e-commerce-fulfilment .one-rectangle-list_block__title {
    color: #3bb0b0;
    font-size: 24px;
    line-height: 35px;
    margin: 0 auto 30px auto;
    font-weight: normal;
    text-transform: capitalize;
    width: 100%
}
.e-commerce-fulfilment .one-rectangle-list_block__list-title {
    color: #3bb0b0;
    font-family: Lato;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 30px;
    font-weight: normal
}
.e-commerce-fulfilment .one-rectangle-list_block__list .item {
    padding-left: 65px;
    position: relative;
    margin-bottom: 24px;
    padding-left: 65px;
    position: relative
}
.e-commerce-fulfilment .one-rectangle-list_block__list .item:before {
    content: "";
    display: block;
    height: 3px;
    width: 44px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #3bb0b0;
    transition: left .5s linear, background-color .5s linear, width .5s linear
}
.e-commerce-fulfilment .one-rectangle-list_block__list .item:nth-child(even):before {
    width: 31px;
    left: 13px
}
.e-commerce-fulfilment .one-rectangle-list_block__list .item:last-child {
    margin-bottom: 0
}
.e-commerce-fulfilment .cards {
    overflow: hidden
}
.e-commerce-fulfilment .cards .block__title {
    color: #3bb0b0;
    font-size: 45px;
    line-height: 57px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 80px
}
.e-commerce-fulfilment .cards__block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin: 0 auto 0 -15px
}
.e-commerce-fulfilment .cards__item {
    width: calc(33.33333% - 30px);
    margin: 0 15px 50px 15px
}
.e-commerce-fulfilment .cards__item:nth-child(2) {
    margin: 50px 15px 0 15px
}
.e-commerce-fulfilment .cards__itemInner {
    padding: 55px 30px 115px 30px;
    border: 3px solid #3bb0b0;
    border-radius: 22px;
    height: 100%;
    position: relative
}
.e-commerce-fulfilment .cards__itemInner:before, .e-commerce-fulfilment .cards__itemInner:after {
    content: "";
    position: absolute;
    background: #fff
}
.e-commerce-fulfilment .cards__itemInner:before {
    width: 5px;
    height: 80px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.e-commerce-fulfilment .cards__itemInner:after {
    width: 77px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.e-commerce-fulfilment .cards__item .title {
    font-size: 24px;
    line-height: 35px;
    font-weight: 500;
    color: #3bb0b0;
    margin-bottom: 50px
}
.e-commerce-fulfilment .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 23px
}
.e-commerce-fulfilment .cards__item .text:last-child {
    margin-bottom: 0
}
.e-commerce-fulfilment .cards__item:hover .cards__itemInner:before {
    height: 0
}
.e-commerce-fulfilment .cards__item:hover .cards__itemInner:after {
    width: 0
}
.e-commerce-fulfilment_call {
    margin-top: 165px;
    overflow: hidden
}
.e-commerce-fulfilment_call .container {
    display: flex;
    position: relative;
    z-index: 1
}
.e-commerce-fulfilment_call .container:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1920px;
    height: 1920px;
    z-index: -1;
    background: #3bb0b0;
    transform: rotate(-60deg) translate(50%, 40px)
}
.e-commerce-fulfilment_call__text {
    text-align: center;
    width: 660px;
    min-height: 272px;
    padding: 110px 85px;
    position: relative;
    margin: 140px 0 150px auto;
    border: 3px solid #f8fa9b;
    border-radius: 22px;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
    color: #fff
}
.e-commerce-fulfilment_call__text:before, .e-commerce-fulfilment_call__text:after {
    content: "";
    position: absolute;
    background: #3bb0b0
}
.e-commerce-fulfilment_call__text:before {
    width: 5px;
    height: 35px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.e-commerce-fulfilment_call__text:after {
    width: 137px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.e-commerce-fulfilment_call__text:hover:before {
    height: 0
}
.e-commerce-fulfilment_call__text:hover:after {
    width: 0
}
.e-commerce-fulfilment + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.e-commerce-fulfilment + .bottom-part:before {
    content: "";
    position: absolute;
    top: -11px;
    left: calc(50% - 370px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 31px 17px 0px 0px;
    margin-left: -22px
}
.e-commerce-fulfilment + .bottom-part:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    top: 0px;
    left: calc(50% - 350px);
    margin-left: -25px;
    background: rgba(36, 132, 132, .3)
}
.retail-fulfilment {
    background: url(/front/img/content_bkg/our-key-principles.svg) calc(50% - 600px) 845px no-repeat, url(/front/img/content_bkg/referral-partnerships.svg) calc(50% + 450px) bottom no-repeat transparent;
    background-size: 720px, 1025px;
    padding-bottom: 115px
}
.retail-fulfilment .top_block__illustration-image:before, .retail-fulfilment .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .retail-fulfilment .top_block__illustration-image:before, .retail-fulfilment .top_block__illustration-image:after {
        display: none
    }
}
.retail-fulfilment .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.retail-fulfilment .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.retail-fulfilment .block_with_illustration {
    margin: 0 auto 120px auto
}
.retail-fulfilment .step_list {
    margin: 245px auto 120px auto
}
.retail-fulfilment .step_list .block__title {
    margin: 0 auto 100px auto
}
.retail-fulfilment .step_list__item {
    color: #333;
    background-color: #f8fa9b
}
.retail-fulfilment .step_list__item:before {
    background-color: #f8fa9b
}
.retail-fulfilment .step_list__item .subtitle {
    color: #3bb0b0
}
.retail-fulfilment .step_list__item:hover .step_list__item-inner .subtitle {
    color: #333
}
.retail-fulfilment .step_list__item:nth-child(1) {
    margin: 175px auto -90px 0
}
.retail-fulfilment .step_list__item:nth-child(2) {
    margin: 0 0 60px auto
}
.retail-fulfilment .step_list__item:nth-child(3) {
    margin: 0 calc(50% - 300px) 0 calc(50% - 130px)
}
.retail-fulfilment .step_list__item:nth-child(4) {
    align-self: flex-start;
    margin: -90px auto 0 0
}
.retail-fulfilment .step_list__item:nth-child(5) {
    margin: 45px 0 0 auto
}
.retail-fulfilment + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.retail-fulfilment + .bottom-part:before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.retail-fulfilment + .bottom-part:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.services-beyond-order-fulfilment {
    background: url(/front/img/content_bkg/services-beyond-order-fulfilment.svg) calc(50% - 700px) 1205px no-repeat, url(/front/img/content_bkg/referral-partnerships.svg) calc(50% + 450px) bottom no-repeat transparent;
    background-size: 229px, 1025px
}
.services-beyond-order-fulfilment .top_block__illustration-image:before, .services-beyond-order-fulfilment .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .services-beyond-order-fulfilment .top_block__illustration-image:before, .services-beyond-order-fulfilment .top_block__illustration-image:after {
        display: none
    }
}
.services-beyond-order-fulfilment .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.services-beyond-order-fulfilment .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.services-beyond-order-fulfilment .block_with_illustration {
    margin: 80px auto 200px auto
}
.services-beyond-order-fulfilment .block_with_illustration.underdash .block_with_illustration__content:before {
    left: calc(25% + 15px)
}
.services-beyond-order-fulfilment .block_with_illustration__content > div.img_wr {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(25% - 15px)
}
.services-beyond-order-fulfilment .block_with_illustration__content > div.text_wr {
    width: calc(75% - 115px);
    margin-right: 100px
}
.services-beyond-order-fulfilment .cards__content {
    padding: 0 80px 20px 0
}
.services-beyond-order-fulfilment .cards__block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 300px
}
.services-beyond-order-fulfilment .cards__item {
    color: #5a5a5a;
    padding: 55px 30px 100px 30px;
    border: 3px solid #5a5a5a;
    border-radius: 22px;
    position: relative;
    background: #fff;
    width: 430px;
    transition: border-color .5s .5s linear
}
.services-beyond-order-fulfilment .cards__item:before, .services-beyond-order-fulfilment .cards__item:after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
    pointer-events: none
}
.services-beyond-order-fulfilment .cards__item:before {
    width: 100%;
    height: 100%;
    border: 3px solid #f8fa9b;
    border-radius: 22px;
    transform: translate(-20px, 20px);
    transition: border-color .5s .5s linear, transform .5s .5s linear
}
.services-beyond-order-fulfilment .cards__item:after {
    background: #fff;
    width: 200px;
    height: 75px;
    transform: translate(-90px, 0px) rotate(-50deg);
    will-change: height;
    transition: height .5s linear
}
.services-beyond-order-fulfilment .cards__item .title {
    font-weight: 500;
    color: #3bb0b0;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 35px
}
.services-beyond-order-fulfilment .cards__item .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px
}
.services-beyond-order-fulfilment .cards__item .text:not(:last-child) {
    margin-bottom: 15px
}
.services-beyond-order-fulfilment .cards__item:hover {
    border-color: #3bb0b0
}
.services-beyond-order-fulfilment .cards__item:hover:after {
    height: 0
}
.services-beyond-order-fulfilment .cards__item:hover:before {
    transform: translate(0, 0);
    border-color: #3bb0b0;
    transition: border-color .5s linear, transform .5s .5s linear
}
.services-beyond-order-fulfilment .cards__item:nth-child(1) {
    margin: 120px auto 0 20px
}
.services-beyond-order-fulfilment .cards__item:nth-child(2) {
    margin: 0 0 100px auto
}
.services-beyond-order-fulfilment .cards__item:nth-child(3) {
    margin: 115px auto 0 20px
}
.services-beyond-order-fulfilment .cards__item:nth-child(4) {
    margin: 0 0 115px auto
}
.services-beyond-order-fulfilment + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.services-beyond-order-fulfilment + .bottom-part:before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(50% - 20px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 30px 20px 0px 0px;
    margin-left: -20px
}
.services-beyond-order-fulfilment + .bottom-part:after {
    position: absolute;
    content: "";
    width: calc(50% + 20px);
    height: 20px;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background: rgba(36, 132, 132, .3)
}
.request-a-quote .info_section__list-item:before {
    width: 44px;
    left: 0
}
.request-a-quote .info_section__list-item:hover:before {
    width: 31px;
    left: 13px
}
.request-a-quote .top_block__illustration-image {
    border-radius: 50%;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .request-a-quote .top_block__illustration-image {
        box-shadow: none
    }
}
.request-a-quote_section {
    margin: 130px auto 150px auto;
    text-align: center
}
.request-a-quote_section__title {
    font-size: 36px;
    line-height: 45px;
    font-weight: bold;
    margin: 0 auto 35px auto;
    color: #5a5a5a
}
.request-a-quote_section__text {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #000;
    margin: 0 auto 25px auto
}
.request-a-quote_section__text:last-child {
    margin-bottom: 0
}
.request-a-quote .quote-form-inner {
    max-width: 890px;
    padding: 20px 0 0 0;
    margin: 0 auto 85px auto;
    overflow: hidden
}
.request-a-quote .quote-form-inner .g-recaptcha > div {
    margin: 0 auto 30px auto
}
.request-a-quote .quote-form-inner .notification-block {
    margin: -15px auto 15px auto
}
.request-a-quote .quote-form-inner .get_quote {
    text-align: center;
    padding-bottom: 10px
}
.request-a-quote .quote-form-section .alert-box {
    margin: 30px auto 100px auto;
    max-width: 890px;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    border-radius: 10px;
    background: #eb0b0b
}
.request-a-quote .quote-form-section .alert-box.success {
    background: #3bb0b0
}
.request-a-quote .quote-form-section__hint {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 30px
}
.request-a-quote .quote-form-section__hint-wrapper {
    text-align: center;
    max-width: 890px;
    color: #3bb0b0;
    margin: 0 auto 50px auto
}
.request-a-quote .quote-form-section__hint:last-child {
    margin-bottom: 0
}
.request-a-quote .quote-form-row {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 30px);
    margin: 0 auto 20px -15px
}
.request-a-quote .quote-form-row.phone-row {
    align-items: center;
    padding: 0 15px;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0
}
.request-a-quote .quote-form-row.phone-row.last {
    margin: 0 0 0 auto
}
.request-a-quote .quote-form-row.phone-row .input-placeholder__placeholder {
    left: 10px
}
.request-a-quote .quote-form-row--checkbox {
    margin: 30px auto 20px auto;
    flex-wrap: wrap
}
.request-a-quote .quote-form-row--checkbox .half-width {
    margin: 0 25%
}
.request-a-quote .quote-form-row--checkbox .half-width + .half-width {
    margin: 10px 25% 0 25%
}
.request-a-quote .quote-form-row--checkbox .full-width {
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: #5a5a5a;
    text-align: center;
    margin: 20px auto 0 auto
}
.request-a-quote .quote-form-row--checkbox label {
    cursor: pointer;
    user-select: none
}
.request-a-quote .quote-form-row--checkbox input {
    display: none
}
.request-a-quote .quote-form-row--checkbox input:checked + .checkbox-label:before {
    background-color: #3bb0b0;
    border-color: #3bb0b0;
    box-shadow: none
}
.request-a-quote .quote-form-row--checkbox .checkbox-label {
    position: relative;
    color: #5a5a5a;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    padding-left: 36px
}
.request-a-quote .quote-form-row--checkbox .checkbox-label a {
    text-decoration: none;
    cursor: pointer;
    color: inherit
}
.request-a-quote .quote-form-row--checkbox .checkbox-label a:visited {
    text-decoration: none;
    color: inherit
}
.request-a-quote .quote-form-row--checkbox .checkbox-label a:hover, .request-a-quote .quote-form-row--checkbox .checkbox-label a:focus, .request-a-quote .quote-form-row--checkbox .checkbox-label a:active {
    text-decoration: underline;
    color: inherit
}
.request-a-quote .quote-form-row--checkbox .checkbox-label:before {
    content: "";
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 2px solid #5a5a5a;
    box-shadow: 0px 1px 1px rgba(33, 33, 33, .05), inset 0px 2px 0px rgba(255, 255, 255, .05);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/front/img/checked-white.svg) center no-repeat transparent;
    background-size: 10px;
    transition: border-color .5s ease, background-color .5s ease
}
.request-a-quote .quote-form-row .phone-row-static-input {
    user-select: none;
    width: 40px;
    color: #5a5a5a;
    display: block;
    appearance: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    font-family: Lato;
    font-weight: 700;
    margin: 0;
    border: 1px solid #5a5a5a;
    border-right: 0;
    order: 1;
    border-radius: 3px 0 0 3px;
    padding: 11px 10px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: -1;
    height: 42px;
    line-height: 18px;
    transform: translateY(-50%);
    transition: border-color .5s .5s ease
}
.request-a-quote .quote-form-row .phone-row .input-placeholder__input {
    margin-left: 40px;
    border-radius: 0 3px 3px 0;
    border-left: 0
}
.request-a-quote .quote-form-row .phone-row .input-placeholder__input:focus ~ .phone-row-static-input {
    border-color: #3bb0b0;
    transition: border-color .5s ease
}
.request-a-quote .quote-form-row .input_wr_right {
    width: 100%
}
.request-a-quote .quote-form-apply__submit {
    display: block;
    width: 180px;
    color: #3bb0b0;
    background-color: #f8fa9b;
    border: 0;
    margin: 0 auto
}
.request-a-quote .quote-form-submit {
    color: #3bb0b0;
    background-color: #f8fa9b;
    border: 0;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.request-a-quote .input-placeholder {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px
}
.request-a-quote .input-placeholder__placeholder {
    font-family: Lato;
    position: absolute;
    font-size: 8px;
    line-height: 11px;
    padding: 0 3px;
    color: #3bb0b0;
    top: -4px;
    left: 22px;
    background: #fff;
    opacity: 0;
    transition: all .5s ease
}
.request-a-quote .input-placeholder__label {
    display: block;
    font-family: Lato;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #5a5a5a;
    margin-bottom: 10px;
    padding: 0 10px
}
.request-a-quote .input-placeholder__input {
    display: block;
    order: 2;
    appearance: none;
    box-shadow: none;
    outline: none;
    width: 100%;
    background: transparent;
    font-family: Lato;
    font-weight: normal;
    border: 1px solid #5a5a5a;
    border-radius: 3px;
    padding: 11px 10px;
    font-size: 14px;
    line-height: 18px;
    color: #5a5a5a;
    margin-top: auto;
    transition: border-color .5s .5s ease
}
.request-a-quote .input-placeholder__input::-webkit-input-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.request-a-quote .input-placeholder__input::-moz-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.request-a-quote .input-placeholder__input:-ms-input-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.request-a-quote .input-placeholder__input:-moz-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.request-a-quote .input-placeholder__input:focus::-webkit-input-placeholder {
    color: transparent
}
.request-a-quote .input-placeholder__input:focus::-moz-placeholder {
    color: transparent
}
.request-a-quote .input-placeholder__input:focus:-ms-input-placeholder {
    color: transparent
}
.request-a-quote .input-placeholder__input:focus:-moz-placeholder {
    color: transparent
}
.request-a-quote .input-placeholder__input:focus {
    border-color: #3bb0b0;
    transition: border-color .5s ease
}
.request-a-quote .input-placeholder__input:focus + .input-placeholder__placeholder {
    opacity: 1;
    transition: opacity .5s .5s ease
}
.request-a-quote .input-placeholder__select {
    cursor: pointer;
    color: #5a5a5a;
    white-space: normal;
    background: url(/front/img/chevron-down.svg) calc(100% - 11px) center no-repeat transparent
}
.request-a-quote .input-placeholder__select option {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit
}
.request-a-quote .half-width {
    width: 50%
}
.request-a-quote .full-width {
    width: 100%
}
.request-a-quote .info_section {
    margin-bottom: 170px
}
.request-a-quote .info_section_content {
    width: calc(100% - 20px);
    max-width: 1000px;
    margin: 0 auto 20px 20px;
    transition: border-color .5s ease
}
.request-a-quote .info_section_content:before {
    box-sizing: border-box;
    transform: translate(-20px, 20px);
    width: calc(100% - 75px);
    border-color: #f8fa9b;
    background-color: #f8fa9b;
    z-index: -1
}
.request-a-quote .info_section_content:hover {
    transition: border-color .5s ease
}
.request-a-quote .info_section_content:hover:before {
    width: 100%;
    transform: translate(0, 0);
    transition: transform .5s ease, border-color .5s ease, width .5s ease
}
.request-a-quote + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.unsubscribe .top_block {
    margin-bottom: -20px;
    color: #000
}
.unsubscribe .top_block__title {
    margin: auto auto 35px 0;
    flex-shrink: 0
}
.unsubscribe .top_block__inner {
    flex-wrap: wrap
}
.unsubscribe .top_block__illustration-image {
    left: 42.5%
}
.unsubscribe .top_block__illustration-image:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 120px solid transparent;
    border-left: 60px solid #3bb0b0;
    left: 0;
    bottom: -120px
}
@media (max-width: 1199px) {
    .unsubscribe .top_block__illustration-image:before {
        display: none
    }
}
.unsubscribe .top_block__illustration-image img {
    display: block;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .unsubscribe .top_block__illustration-image img {
        box-shadow: none
    }
}
.unsubscribe .top_link {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    display: inline-block;
    margin-top: 35px
}
.unsubscribe .top_link:visited {
    text-decoration: none;
    color: inherit
}
.unsubscribe .top_link:hover, .unsubscribe .top_link:focus, .unsubscribe .top_link:active {
    text-decoration: underline;
    color: inherit
}
.unsubscribe .top_link + .top_link {
    margin: 0 auto 0 15px;
    position: relative;
    z-index: 1
}
.unsubscribe .top_link__list {
    order: 3;
    width: 100%
}
.unsubscribe .recover-form, .unsubscribe .unsubscribe-form {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch
}
.unsubscribe .recover-form_wrapper, .unsubscribe .unsubscribe-form_wrapper {
    margin: 0 auto auto 0;
    flex-shrink: 0;
    width: 400px
}
.unsubscribe .recover-form_wrapper *, .unsubscribe .unsubscribe-form_wrapper * {
    font-size: 15px;
    line-height: 17px
}
.unsubscribe .recover-form_inputs, .unsubscribe .unsubscribe-form_inputs {
    order: 1;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-direction: row;
    height: 45px;
    width: calc(100% - 153px)
}
.unsubscribe .recover-form .input, .unsubscribe .unsubscribe-form .input {
    order: 2;
    flex: 1;
    padding: 0 0 0 10px;
    margin: 0;
    border: 0;
    background: transparent;
    color: #3bb0b0
}
.unsubscribe .recover-form .input_wrapper, .unsubscribe .unsubscribe-form .input_wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex: 1
}
.unsubscribe .recover-form .input_wrapper + .input_wrapper, .unsubscribe .unsubscribe-form .input_wrapper + .input_wrapper {
    margin-left: 15px
}
.unsubscribe .recover-form .input-border, .unsubscribe .unsubscribe-form .input-border {
    width: 30px;
    min-width: 30px;
    order: 1;
    position: relative
}
.unsubscribe .recover-form .input-border:before, .unsubscribe .unsubscribe-form .input-border:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #5a5a5a;
    width: 3px;
    border-radius: 3px;
    height: 115%;
    transform-origin: center;
    transform: rotate(30deg) translate(-13px, 3px);
    will-change: background-color;
    transition: background-color .5s ease
}
.unsubscribe .recover-form .input::-webkit-input-placeholder, .unsubscribe .unsubscribe-form .input::-webkit-input-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.unsubscribe .recover-form .input::-moz-placeholder, .unsubscribe .unsubscribe-form .input::-moz-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.unsubscribe .recover-form .input:-ms-input-placeholder, .unsubscribe .unsubscribe-form .input:-ms-input-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.unsubscribe .recover-form .input:-moz-placeholder, .unsubscribe .unsubscribe-form .input:-moz-placeholder {
    color: #5a5a5a;
    transition: color .5s ease
}
.unsubscribe .recover-form .input:focus::-webkit-input-placeholder, .unsubscribe .unsubscribe-form .input:focus::-webkit-input-placeholder {
    color: transparent
}
.unsubscribe .recover-form .input:focus::-moz-placeholder, .unsubscribe .unsubscribe-form .input:focus::-moz-placeholder {
    color: transparent
}
.unsubscribe .recover-form .input:focus:-ms-input-placeholder, .unsubscribe .unsubscribe-form .input:focus:-ms-input-placeholder {
    color: transparent
}
.unsubscribe .recover-form .input:focus:-moz-placeholder, .unsubscribe .unsubscribe-form .input:focus:-moz-placeholder {
    color: transparent
}
.unsubscribe .recover-form .input:focus + .input-border:before, .unsubscribe .unsubscribe-form .input:focus + .input-border:before {
    background-color: #3bb0b0
}
.unsubscribe .recover-form .g-recaptcha, .unsubscribe .unsubscribe-form .g-recaptcha {
    order: 4;
    margin-top: 15px
}
.unsubscribe .recover-form .notification-block, .unsubscribe .unsubscribe-form .notification-block {
    margin: 15px auto 0 0
}
.unsubscribe .recover-form .notification-block-wrapper, .unsubscribe .unsubscribe-form .notification-block-wrapper {
    width: 100%;
    order: 4
}
.unsubscribe .recover-form_submit, .unsubscribe .unsubscribe-form_submit {
    order: 2;
    margin: 0 0 0 15px;
    flex-shrink: 0;
    -ms-progress-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    text-align: center;
    padding: 7px 15px;
    background: transparent;
    box-shadow: none;
    outline: none;
    border-radius: 60px;
    color: #5a5a5a;
    font-size: 15px;
    line-height: 27px;
    font-weight: bold;
    border: 2px solid #5a5a5a;
    cursor: pointer;
    will-change: box-shadow, color, background-color, border-color;
    transition: box-shadow .5s ease, color .5s ease, background-color .5s ease, border-color .5s ease;
    padding: 7px 40px
}
.unsubscribe .recover-form_submit[disabled], .unsubscribe .unsubscribe-form_submit[disabled] {
    background-color: rgba(255, 255, 255, .1);
    border-color: #747474;
    color: #747474;
    box-shadow: none;
    pointer-events: none !important
}
.unsubscribe .recover-form_submit:focus, .unsubscribe .unsubscribe-form_submit:focus {
    color: #fff;
    background-color: #57c7c7;
    border-color: #57c7c7;
    box-shadow: none
}
.unsubscribe .recover-form_submit:focus-within, .unsubscribe .unsubscribe-form_submit:focus-within {
    color: #fff;
    background-color: #44c0c0;
    border-color: #44c0c0;
    box-shadow: none
}
.unsubscribe .recover-form_submit:hover, .unsubscribe .unsubscribe-form_submit:hover {
    border-color: #3bb0b0;
    background-color: #3bb0b0;
    color: #fff;
    box-shadow: none
}
.unsubscribe .recover-form_submit:active, .unsubscribe .unsubscribe-form_submit:active {
    color: #fff;
    background-color: #3bb0b0;
    border-color: #3bb0b0;
    box-shadow: 0 0 2px #3bb0b0
}
.unsubscribe + .bottom-part {
    background: url(/front/img/bottom_img/unsubscribe.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px
}
.unsubscribe.my-account .recover-form_inputs {
    width: 100%
}
.unsubscribe.my-account .recover-form_submit {
    margin: 35px auto 0 0
}
.unsubscribe.my-account .recover-form .input {
    color: #5a5a5a
}
.unsubscribe.my-account .recover-form .input-border:before {
    background: #3bb0b0
}
.unsubscribe.my-account .recover-form .input::-webkit-input-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.unsubscribe.my-account .recover-form .input::-moz-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.unsubscribe.my-account .recover-form .input:-ms-input-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.unsubscribe.my-account .recover-form .input:-moz-placeholder {
    color: #3bb0b0;
    transition: color .5s ease
}
.unsubscribe.my-account .recover-form .input:focus::-webkit-input-placeholder {
    color: transparent
}
.unsubscribe.my-account .recover-form .input:focus::-moz-placeholder {
    color: transparent
}
.unsubscribe.my-account .recover-form .input:focus:-ms-input-placeholder {
    color: transparent
}
.unsubscribe.my-account .recover-form .input:focus:-moz-placeholder {
    color: transparent
}
.unsubscribe.my-account .recover-form .input:focus + .input-border:before {
    background-color: #5a5a5a
}
.client-support .top_block__illustration-image:before, .client-support .top_block__illustration-image:after {
    content: "";
    width: 281px;
    height: 78px;
    display: block;
    position: absolute;
    background: url(/front/img/top_img/two_yellow_parallelograms.svg) center no-repeat transparent;
    background-size: cover
}
@media (max-width: 1199px) {
    .client-support .top_block__illustration-image:before, .client-support .top_block__illustration-image:after {
        display: none
    }
}
.client-support .top_block__illustration-image:before {
    bottom: 0;
    left: 0;
    transform: scale(-1, -1) translate(-30%, -106px)
}
.client-support .top_block__illustration-image:after {
    top: 0;
    right: 0;
    transform: translateY(-106px)
}
.client-support .block_with_illustration {
    margin-bottom: -20px
}
.client-support-list {
    color: #000
}
.client-support-list__title {
    text-align: center;
    font-weight: bold;
    font-size: 45px;
    line-height: 57px;
    margin: 100px auto 60px auto
}
.client-support-list-item {
    font-weight: 500;
    cursor: pointer;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 50px
}
.client-support-list-item-wrapper {
    padding-left: 115px;
    position: relative;
    margin-bottom: 50px;
    user-select: none
}
.client-support-list-item-wrapper input {
    display: none
}
.client-support-list-item-wrapper input:checked ~ .client-support-list-item .client-support-list-item-question:before {
    background-position-y: 100%;
    transform: rotate(90deg) translateX(-44px)
}
.client-support-list-item-wrapper input:checked ~ .client-support-list-item .client-support-list-item-answer {
    line-height: 35px;
    margin-top: 15px;
    opacity: 1;
    transform: scale(1, 1)
}
.client-support-list-item-question {
    display: block;
    position: relative
}
.client-support-list-item-question:before {
    content: "";
    position: absolute;
    background: url(/front/img/green-arrow-down.svg) left 0% no-repeat transparent;
    width: 50px;
    height: 44px;
    transform-origin: bottom left;
    top: 0;
    left: -115px;
    transform: rotate(0deg);
    transition: transform .5s ease
}
.client-support-list-item-answer {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    font-family: Lato;
    display: block;
    line-height: 0px;
    overflow: hidden;
    margin-top: 0;
    opacity: 0;
    transform: scale(1, 0);
    transition: all .5s ease
}
.client-support_call {
    margin-top: 200px;
    background: #f8fa9b;
    overflow: hidden
}
.client-support_call .container {
    display: flex;
    position: relative;
    z-index: 1
}
.client-support_call .container:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1920px;
    height: 1920px;
    z-index: -1;
    background: #3bb0b0;
    transform: rotate(-60deg) translate(50%, 40px)
}
.client-support_call__text {
    width: 660px;
    padding: 80px 85px;
    position: relative;
    margin: 140px 0 150px auto;
    border: 3px solid #f8fa9b;
    border-radius: 22px;
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
    color: #fff
}
.client-support_call__text:before, .client-support_call__text:after {
    content: "";
    position: absolute;
    background: #3bb0b0
}
.client-support_call__text:before {
    width: 5px;
    height: 35px;
    top: 20px;
    left: -4px;
    will-change: height;
    transition: height .5s linear
}
.client-support_call__text:after {
    width: 137px;
    height: 24px;
    top: -4px;
    left: -4px;
    will-change: width;
    transition: width .5s linear
}
.client-support_call__text:hover:before {
    height: 0
}
.client-support_call__text:hover:after {
    width: 0
}
.client-support + .bottom-part {
    background: url(/front/img/bottom_img/who_is_hubgeo.svg) calc(50% - 511px) top no-repeat transparent;
    background-size: 900px;
    position: relative;
    overflow: hidden
}
.client-support + .bottom-part:before {
    content: "";
    position: absolute;
    top: -11px;
    left: calc(50% - 370px);
    width: 0px;
    height: 0px;
    border-color: transparent rgba(36, 132, 132, .3);
    border-style: solid;
    border-width: 31px 17px 0px 0px;
    margin-left: -22px
}
.client-support + .bottom-part:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 20px;
    top: 0px;
    left: calc(50% - 350px);
    margin-left: -25px;
    background: rgba(36, 132, 132, .3)
}
.tos {
    overflow: hidden;
    background: url(/front/img/content_bkg/tos-top.svg) calc(50% + 450px) 970px no-repeat transparent
}
.tos-body {
    background: url(/front/img/content_bkg/tos-bottom.svg) calc(50% - 660px) calc(100% - 65px) no-repeat transparent
}
.tos .top_block__illustration-image {
    left: 42.5%
}
.tos .top_block__illustration-image:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 120px solid transparent;
    border-left: 60px solid #3bb0b0;
    left: 0;
    bottom: -120px
}
@media (max-width: 1199px) {
    .tos .top_block__illustration-image:before {
        display: none
    }
}
.tos .top_block__illustration-image img {
    display: block;
    box-shadow: 20px 20px 0px #f8fa9b
}
@media (max-width: 1199px) {
    .tos .top_block__illustration-image img {
        box-shadow: none
    }
}
.tos .block_with_border .block__title {
    font-size: 45px;
    line-height: 57px;
    color: #3bb0b0;
    font-weight: bold;
    text-align: center;
    margin: 75px auto 55px auto
}
.tos .block_with_border__inner {
    color: #5a5a5a;
    padding: 55px 115px 95px 115px;
    position: relative;
    z-index: 1
}
.tos .block_with_border__inner:before, .tos .block_with_border__inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box
}
.tos .block_with_border__inner:before {
    background: #fff;
    z-index: -1;
    transform: translate(22px, 22px);
    will-change: transorm;
    transition: transform .5s ease
}
.tos .block_with_border__inner:after {
    border: 2px dashed #000;
    border-image: url(/front/img/dashed-border.svg) 2;
    z-index: 0
}
.tos .block_with_border .title {
    color: #3bb0b0;
    font-size: 36px;
    line-height: 50px;
    font-weight: 500;
    margin: 0 auto 50px -50px
}
.tos .block_with_border .text {
    font-family: Lato;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 30px
}
.tos .block_with_border .text:last-child {
    margin-bottom: 0
}
.tos .block_with_border:last-child .block__title {
    margin: 150px auto 45px auto
}
.tos .block_with_border:hover .block_with_border__inner:before {
    transform: translate(0, 0)
}
.tos + .bottom-part {
    margin-top: 140px
}
.footer {
    color: #000;
    font-weight: 500
}
.footer-info {
    padding-top: 65px;
    display: flex;
    justify-content: center;
    align-items: flex-start
}
.footer-info-item {
    margin: 0 30px 20px 30px
}
.footer-info-item:first-child {
    margin-left: auto
}
.footer-info-item:last-child {
    margin-right: auto
}
.footer-info-item-title {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px
}
.footer-info-item-list-element {
    font-size: 14px;
    line-height: 30px
}
.footer-info-item-list-element a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    font-weight: 300;
}
.footer-info-item-list-element a:visited {
    text-decoration: none;
    color: inherit
}
.footer-info-item-list-element a:hover, .footer-info-item-list-element a:focus, .footer-info-item-list-element a:active {
    text-decoration: underline;
    color: inherit
}
.footer-copyright {
    text-align: center;
    background: #eaeaea;
    padding: 25px 15px;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto
}
.footer-copyright-links a {
    text-decoration: none;
    cursor: pointer;
    color: inherit
}
.footer-copyright-links a:visited {
    text-decoration: none;
    color: inherit
}
.footer-copyright-links a:hover, .footer-copyright-links a:focus, .footer-copyright-links a:active {
    text-decoration: underline;
    color: inherit
}
@keyframes moveReverse {
    0% {
        transform: translateX(calc(0vw - 0px)) scale(1, 1)
    }
    1% {
        transform: translateX(calc(0vw - 160px)) scale(1, 1)
    }
    49% {
        transform: translateX(calc(100vw + 640px)) scale(1, 1)
    }
    50% {
        transform: translateX(calc(100vw + 640px)) scale(-1, 1)
    }
    51% {
        transform: translateX(calc(100vw + 640px)) scale(-1, 1)
    }
    99% {
        transform: translateX(calc(0vw - 160px)) scale(-1, 1)
    }
    100% {
        transform: translateX(calc(0vw - 0px)) scale(1, 1)
    }
}
@keyframes moveReverseWide {
    0% {
        transform: translateX(0px) scale(1, 1)
    }
    1% {
        transform: translateX(-160px) scale(1, 1)
    }
    49% {
        transform: translateX(2560px) scale(1, 1)
    }
    50% {
        transform: translateX(2560px) scale(-1, 1)
    }
    51% {
        transform: translateX(2560px) scale(-1, 1)
    }
    99% {
        transform: translateX(-160px) scale(-1, 1)
    }
    100% {
        transform: translateX(0px) scale(1, 1)
    }
}
@media only screen and (min-width: 1921px) {
    body {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        box-shadow: 0px 20px 120px rgba(0, 0, 0, .25)
    }
    body::before, body::after {
        content: "";
        width: calc(50% - 960px);
        height: 100vh;
        position: fixed;
        top: 0;
        background: rgba(0, 0, 0, .05);
        z-index: -1
    }
    body::before {
        left: 0
    }
    body::after {
        right: 0
    }
}
@media only screen and (max-width: 1800px) {
    .frontpage .house-img {
        bottom: -2vw
    }
    .frontpage .top-img-wrap {
        width: 53%
    }
    .frontpage .top_block__dots-center2 {
        bottom: 326px;
        left: 65%
    }
    .frontpage .bypassing .hand-dash1 {
        left: -66px;
        width: 200px;
        bottom: 239px
    }
    .frontpage .bypassing .hand-sponge1 {
        left: -108px;
        top: 79px
    }
    .frontpage .bypassing .hand-dash3 {
        top: 0px;
        right: 350px;
        width: 200px
    }
    .frontpage .bypassing .hand-sponge2 {
        right: 307px;
        top: -64px
    }
    .frontpage .bypassing .hand-dash2 {
        right: 268px;
        bottom: 278px;
        width: 200px
    }
    .frontpage .bypassing .hand-sponge3 {
        right: 226px;
        bottom: 199px
    }
}
@media only screen and (max-width: 1600px) {
    .frontpage .top_block__illustration-inner {
        width: 848px
    }
    .frontpage .top_block__inner:after {
        width: 1106px
    }
    .frontpage .top_block__houses {
        bottom: 3%;
        left: 50%;
        transform: translate(-55%)
    }
    .frontpage .top_block__dots-left {
        left: 15.6%
    }
    .frontpage .top_block__dots-center2 {
        left: 64.5%
    }
    .frontpage .top_block__dots-right {
        left: 64.5%
    }
    .frontpage .top_block__oval-min-right {
        left: 85%;
        bottom: 101px
    }
    .frontpage .top_block__dots-center {
        left: 33.7%
    }
    .frontpage .top_block__oval-min-middle {
        bottom: 271px;
        left: 56.5%
    }
    .frontpage .top_block__location2 {
        left: 37%
    }
    .frontpage .top_block__location1 {
        left: 19%
    }
    .frontpage .fulfillment .fulfill-sponge1 {
        bottom: 0;
        left: 0;
        width: 26%
    }
    .frontpage .fulfillment .fulfill-sponge2 {
        bottom: 47px;
        left: 101px;
        width: 26%
    }
    .frontpage .fulfillment .fulfill-sponge3 {
        bottom: 0;
        left: 283px;
        width: 27%
    }
    .frontpage .fulfillment .cloud-wrap {
        top: -45px;
        right: 114px
    }
    .frontpage .bypassing .img_wr {
        display: flex;
        justify-content: center
    }
    .frontpage .bypassing .location-green2 {
        left: 309px;
        top: 31px
    }
    .frontpage .bypassing .hand-dash3 {
        right: 154px
    }
    .frontpage .bypassing .hand-sponge2 {
        right: 114px
    }
    .frontpage .bypassing .location-green3 {
        left: 388px
    }
    .frontpage .bypassing .hand-dash2 {
        right: 76px;
        bottom: 267px
    }
    .frontpage .bypassing .hand-sponge3 {
        right: 36px
    }
    .frontpage .bypassing .location-green1 {
        left: 307px
    }
    .frontpage .bypassing .hand-dash1 {
        left: 122px
    }
    .frontpage .bypassing .hand-sponge1 {
        left: 81px
    }
    .frontpage .video {
        right: -2%;
        top: calc(100% - 48vw)
    }
}
@media only screen and (max-width: 1440px) {
    .frontpage .video {
        right: -7%;
        transform: translateY(-50%) scale(1.1);
        top: 50%
    }
    .frontpage .top_block__illustration-inner {
        width: 734px
    }
    .frontpage .top-img-wrap {
        width: 54%
    }
    .frontpage .top_block__dots-left {
        left: 111px
    }
    .frontpage .top_block__houses {
        bottom: 1%;
        transform: translate(-50%);
        width: 100%
    }
    .frontpage .top_block__location3 {
        left: 495px;
        bottom: 380px
    }
    .frontpage .top_block__dots-center2 {
        bottom: 307px;
        left: 63.5%
    }
    .frontpage .top_block__dots-center {
        bottom: 412px;
        left: 33.3%
    }
    .frontpage .top_block__oval-min-left {
        bottom: 178px
    }
    .frontpage .top_block__oval-min-middle {
        bottom: 290px
    }
    .frontpage .top_block__oval-min-right {
        bottom: 120px
    }
    .frontpage .top_block__dots-right {
        bottom: 358px;
        left: 467px
    }
    .frontpage .fulfillment .fulfill-sponge2 {
        bottom: 38px;
        left: 86px;
        width: 149px
    }
    .frontpage .fulfillment .fulfill-sponge1 {
        bottom: 0;
        left: 0;
        width: 149px
    }
    .frontpage .fulfillment .cloud-wrap {
        top: -50px;
        right: calc(50% - 220px)
    }
    .frontpage .bypassing .location-green1 {
        left: calc(50% - 31px)
    }
    .frontpage .bypassing .hand-dash1 {
        width: 157px;
        left: calc(50% - 172px);
        bottom: 225px
    }
    .frontpage .bypassing .hand-sponge1 {
        top: 104px;
        left: calc(50% - 202px);
        width: 65px
    }
    .frontpage .bypassing .location-green2 {
        left: calc(50% + 20px);
        top: 31px
    }
    .frontpage .bypassing .hand-dash3 {
        right: calc(50% - 189px);
        width: 157px;
        top: 0px
    }
    .frontpage .bypassing .hand-sponge2 {
        right: calc(50% - 222px);
        width: 65px;
        top: -34px
    }
    .frontpage .bypassing .location-green3 {
        left: calc(50% + 21px);
        top: 130px
    }
    .frontpage .bypassing .hand-dash2 {
        right: calc(50% - 190px);
        width: 157px
    }
    .frontpage .bypassing .hand-sponge3 {
        right: calc(50% - 220px);
        width: 65px;
        bottom: 216px
    }
    .safariClassName .frontpage .video canvas {
        position: static;
        bottom: -132px;
        right: 0
    }
    .retail-fulfilment .step_list__item:nth-child(2), .retail-fulfilment .step_list__item:nth-child(5) {
        margin-right: 5px
    }
}
@media only screen and (max-width: 1400px) {
    .header .logo, .header .account {
        margin-right: 10px
    }
    .header__drop_item {
        padding: 5px 8px
    }
    .header__link {
        padding: 10px 15px
    }
    .header__link.header__warehouses {
        width: 162px
    }
    .header__clients_btns .client-support a, .header .account_head {
        padding: 9px 15px
    }
    .top_block:before {
        left: 35%
    }
    .top_block:after {
        width: calc(65% - 40px);
        left: 35%
    }
    .top_block__inner:before {
        width: 35%
    }
    .top_block__inner:after {
        left: calc(35% - 835px)
    }
    .discover-the-world-with-us .step_list__item:nth-child(3) {
        margin: 30px calc(50% - 215px)
    }
    .client-support_call .container:before {
        transform: rotate(-60deg) translate(50%, calc(50vw - 50% + 310px))
    }
    .e-commerce-fulfilment_call .container:before {
        transform: rotate(-60deg) translate(50%, calc(50vw - 50% + 310px))
    }
    .order-processing .two-rectangles_block {
        margin: 0 0 0 auto
    }
    .distribution-warehousing .two-rectangles_block {
        margin: 0 0 0 auto
    }
    .distribution-warehousing .cards__itemInner {
        border-radius: 10px
    }
    .distribution-warehousing .cards__itemInner:before, .distribution-warehousing .cards__itemInner:after {
        left: -11px
    }
    .distribution-warehousing .cards__item .text:before {
        transform: translate(10px, -10px);
        border-radius: 10px
    }
    .distribution-warehousing .timeline_list__item {
        width: calc(50% - 60px);
        margin: 0 calc(50% + 60px) 15px auto
    }
    .distribution-warehousing .timeline_list__item:nth-child(even) {
        margin: 0 auto 15px calc(50% + 60px)
    }
    .frontpage .video {
        right: calc(47% - 50vw)
    }
}
@media only screen and (max-width: 1380px) {
    .our-key-principles .step_list__item:nth-child(4) {
        margin: 0 auto 0 30px
    }
    .referral-partnerships .steps__item:before {
        top: -14px;
        transform: translateX(-14px)
    }
    .referral-partnerships .steps__item:hover:before {
        transform: translateX(11px)
    }
}
@media only screen and (max-width: 1350px) {
    .partner__block {
        width: 555px
    }
    .order-fulfilment-for-startups .partner__block {
        margin-bottom: 90px
    }
    .services-beyond-order-fulfilment .block_with_illustration__content > div.text_wr {
        width: calc(75% - 15px);
        margin-right: 0
    }
    .services-beyond-order-fulfilment .cards__content {
        padding: 0 0 20px 0
    }
    .fulfilment-by-amazon .green-block {
        margin: 0 15px 30px 0
    }
    .fulfilment-by-amazon .green-block:nth-child(even) {
        margin: 0 auto 30px 15px
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd) {
        margin: 0 15px 30px auto
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even) {
        margin: 0 0 30px 15px
    }
    .pricing .green-block {
        margin: 0 15px 30px 0
    }
    .pricing .green-block:nth-child(even) {
        margin: 0 auto 30px 15px
    }
    .pricing .green-block__row:nth-child(even) .green-block, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd) {
        margin: 0 15px 30px auto
    }
    .pricing .green-block__row:nth-child(even) .green-block:nth-child(even) {
        margin: 0 0 30px 15px
    }
}
@media only screen and (max-width: 1300px) {
    .footer-info-item {
        margin: 0 15px 20px 15px
    }
}
@media only screen and (max-width: 1300px)and (min-width: 1200px) {
    .discover-the-world-with-us + .bottom-part {
        background-image: url(/front/img/bottom_img/who_is_hubgeo.svg)
    }
}
@media only screen and (max-width: 1280px) {
    .frontpage .start_now .tree1 {
        left: -6%
    }
    .frontpage .start_now .tree2 {
        left: 85%
    }
    .frontpage .fulfillment .cloud-wrap {
        top: -40px;
        right: calc(50% - 250px)
    }
    .frontpage .top_block__houses {
        bottom: -2%
    }
    .frontpage .top_block__oval-min-right {
        left: 85%;
        bottom: 124px
    }
    .frontpage .top_block__oval-min-left {
        bottom: 191px
    }
    .frontpage .top_block__oval-min-middle {
        bottom: 295px
    }
    .frontpage .warehousing .z1 {
        left: calc(50% - 73px)
    }
    .frontpage .warehousing .z2 {
        left: calc(50% - 65px)
    }
    .frontpage .warehousing .z3 {
        left: calc(50% - 54px)
    }
}
@media only screen and (max-width: 1200px) {
    .frontpage .top_block__houses {
        bottom: -2%
    }
    .frontpage .house-img {
        bottom: -3vw
    }
    .frontpage .top_block__illustration-image {
        transform: translate(-52%)
    }
    .frontpage .top_block__location1 {
        bottom: 288px
    }
    .frontpage .top_block__oval-min-left {
        bottom: 145px
    }
    .frontpage .top_block__snake-left {
        bottom: 152px
    }
    .frontpage .top_block__dots-left {
        left: 14.5%;
        bottom: 267px
    }
    .frontpage .frontpage .top_block__location1 {
        bottom: 291px
    }
    .frontpage .top_block__oval-min-middle {
        bottom: 224px
    }
    .frontpage .top_block__snake-middle {
        bottom: 227px;
        left: 39.7%
    }
    .frontpage .top_block__dots-center {
        bottom: 341px;
        left: 33.7%
    }
    .frontpage .top_block__location2 {
        bottom: 363px;
        left: 37.5%
    }
    .frontpage .top_block__snake-right {
        bottom: 40px
    }
    .frontpage .top_block__dots-right {
        bottom: 275px
    }
    .frontpage .top_block__dots-left {
        bottom: 268px;
        left: 15%
    }
    .frontpage .top_block__location3 {
        bottom: 296px
    }
    .frontpage .top_block__dots-center2 {
        bottom: 260px;
        left: 62.5%
    }
    .frontpage .top_block__oval-min-right {
        left: 84.5%;
        bottom: 75px
    }
    .frontpage .outsourcing .table-dash2 {
        left: calc(50% - 218px)
    }
}
@media only screen and (max-width: 1199px) {
    .header {
        padding: 15px 0
    }
    .header__nav_wr {
        display: none
    }
    .header .menu_wr {
        display: flex
    }
    .header .logo img {
        display: block;
        width: auto;
        height: 50px;
        padding:  0
    }
    .mobile_menu {
        display: flex
    }
    body.disscroll .header_main, body.disscroll .header {
        box-shadow: none
    }
    .top_block {
        margin-top: 70px;
        height: 620px
    }
    .top_block__title {
        font-size: 50px;
        line-height: 65px
    }
    .top_block__inner:after {
        left: calc(35% - 970px)
    }
    .block_with_illustration__content {
        align-items: flex-start
    }
    .plan_cards__item .list {
        padding: 0 0 0 50px
    }
    .plan_cards__item .list__item:before {
        width: 15px;
        left: -50px
    }
    .partner__block {
        width: 400px
    }
    .faq-section {
        overflow: hidden;
        background-color: #f0f0f0
    }
    .faq-section .dyk {
        margin-bottom: 100px
    }
    .faq-section .dyk-inner {
        padding: 30px 0
    }
    .faq-section .dyk-container {
        width: 660px;
        z-index: 1
    }
    .faq-section .dyk-bkg {
        display: none
    }
    .faq-section .feedback-landscape {
        margin-bottom: 50px;
        position: relative;
        z-index: 1
    }
    .faq-section .customer-support {
        overflow: visible
    }
    .faq-section .customer-support:before, .faq-section .customer-support:after, .faq-section .customer-support-container:before, .faq-section .customer-support-container:after {
        display: none
    }
    .faq-section .customer-support-container {
        padding: 50px 0 0 0;
        margin: 0 auto;
        background: transparent
    }
    .faq-section .customer-support__title {
        margin-bottom: 30px;
        text-align: center
    }
    .faq-section .customer-support__wr {
        display: block
    }
    .faq-section .customer-support__description {
        width: 100%;
        margin: 0 auto 30px auto
    }
    .faq-section .customer-support__text, .faq-section .customer-support__phone, .faq-section .customer-support__hint {
        max-width: 940px
    }
    .faq-section .customer-support__text {
        margin: 0 auto 25px auto
    }
    .faq-section .customer-support__hint {
        margin: 0 auto 10px auto
    }
    .faq-section .customer-support-subscription-form {
        width: 335px
    }
    .faq-section .customer-support .subscribe-section {
        width: 100vw;
        max-width: unset;
        margin: 0 auto 0 calc(50% - 50vw);
        padding: 30px 0;
        background: #fff
    }
    .faq-section .customer-support .subscribe-section__wrapper {
        width: 940px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap
    }
    .faq-section .customer-support .subscribe-section .notification-block-wrapper {
        margin: 15px 0 0 auto
    }
    .faq-section .customer-support .subscribe__title {
        font-size: 24px;
        line-height: 27px;
        width: calc(100% - 350px);
        display: block;
        margin: 0
    }
    .faq-section .customer-support .subscribe__alert {
        width: 335px
    }
    .frontpage .top_block {
        height: 507px
    }
    .frontpage .top_block__illustration-image {
        transform: translate(-63%)
    }
    .frontpage .top_block__location3 {
        left: 360px
    }
    .frontpage .text {
        max-width: 315px
    }
    .frontpage .bypassing__content {
        justify-content: space-between
    }
    .frontpage .warehousing__item {
        justify-content: space-between
    }
    .frontpage .start_now:before {
        content: url(/front/img/front-back-bottom.svg);
        position: absolute;
        bottom: -5px;
        right: 0
    }
    .frontpage .top_block__location2 {
        bottom: 364px;
        left: 37%
    }
    .frontpage .top-img-wrap {
        width: 51%
    }
    .frontpage .top_block__houses {
        bottom: -41px;
        transform: translate(-62%)
    }
    .frontpage .top_block__dots-center {
        bottom: 341px;
        left: 32%
    }
    .frontpage .top_block__location1 {
        bottom: 288px;
        left: 18.5%
    }
    .frontpage .top_block__dots-left {
        left: 13.5%
    }
    .frontpage .top_block__dots-right {
        left: 61.5%
    }
    .frontpage .top_block__illustration-inner {
        width: 540px
    }
    .frontpage .fulfillment .cloud-wrap {
        top: 83px
    }
    .frontpage .hand {
        width: 205px
    }
    .frontpage .bypassing .location-green1 {
        left: calc(50% - 25px);
        width: 17px;
        top: 149px
    }
    .frontpage .bypassing .hand-dash1 {
        width: 98px;
        bottom: 182px;
        left: calc(50% - 113px)
    }
    .frontpage .bypassing .hand-sponge1 {
        top: 104px;
        left: calc(50% - 138px);
        width: 51px
    }
    .frontpage .bypassing .location-green3 {
        left: calc(50% + 29px);
        top: 185px;
        width: 17px
    }
    .frontpage .bypassing .hand-dash2 {
        right: calc(50% - 135px);
        width: 98px;
        bottom: 145px
    }
    .frontpage .bypassing .hand-sponge3 {
        right: calc(50% - 159px);
        width: 51px;
        bottom: 120px
    }
    .frontpage .bypassing .hand-dash3 {
        right: calc(50% - 111px);
        width: 98px;
        top: 2px
    }
    .frontpage .bypassing .location-green2 {
        left: calc(50% + 4px);
        top: 44px;
        width: 17px
    }
    .frontpage .bypassing .hand-sponge2 {
        right: calc(50% - 135px);
        width: 51px;
        top: -3px
    }
    .frontpage .outsourcing .table-dash1 {
        position: absolute;
        left: 127px;
        bottom: 247px;
        width: 44vw
    }
    .frontpage .outsourcing .table-dash2 {
        left: calc(50% - 172px)
    }
    .frontpage .outsourcing .man-cap2 {
        left: calc(50% - 323px)
    }
    .frontpage .warehousing__trends .text {
        max-width: 340px
    }
    .frontpage .warehousing .z1 {
        left: calc(50% - -7px)
    }
    .frontpage .warehousing .z2 {
        left: calc(50% - -15px)
    }
    .frontpage .warehousing .z3 {
        left: calc(50% - -26px)
    }
    .frontpage .video {
        top: 35%
    }
    .who_is_hubgeo .block_with_illustration {
        margin-bottom: 100px
    }
    .who_is_hubgeo .call-us:before {
        margin-left: -40px
    }
    .who_is_hubgeo .call-us:after {
        width: calc(50% + 40px);
        margin-left: -20px
    }
    .our-key-principles {
        background-position-y: 600px
    }
    .our-key-principles .block_with_illustration {
        margin-bottom: 155px
    }
    .our-key-principles .step_list__content {
        justify-content: center
    }
    .our-key-principles .step_list__item:nth-child(1), .our-key-principles .step_list__item:nth-child(2), .our-key-principles .step_list__item:nth-child(3) {
        margin: 0 auto 155px auto
    }
    .our-key-principles .step_list__item:nth-child(4) {
        align-self: stretch;
        margin: 0 auto 155px auto
    }
    .our-key-principles .step_list__item:nth-child(5) {
        margin: 0 auto
    }
    .discover-the-world-with-us .step_list {
        margin: 80px auto 100px auto
    }
    .discover-the-world-with-us .step_list__item:nth-child(2), .discover-the-world-with-us .step_list__item:nth-child(5) {
        margin: 0 20px 0 auto
    }
    .discover-the-world-with-us .step_list__item:nth-child(1), .discover-the-world-with-us .step_list__item:nth-child(4) {
        margin: 0 auto 0 0
    }
    .referral-partnerships .block_with_illustration {
        margin-bottom: 100px
    }
    .referral-partnerships .steps__item {
        padding: 45px 35px;
        width: 290px
    }
    .referral-partnerships .steps__item:hover {
        padding: 45px 35px
    }
    .referral-partnerships .plan_cards {
        margin-bottom: 100px
    }
    .contact-us .block_with_plane_text {
        margin-bottom: 50px
    }
    .contact-us .block_with_plane_text .block__title {
        text-align: center
    }
    .contact-us .block_with_plane_text__content {
        max-width: unset
    }
    .contact-us .top_block {
        margin-bottom: 80px
    }
    .contact-us .contact__content {
        margin-bottom: 100px
    }
    .contact-us .contact__description {
        width: 490px;
        padding: 40px 55px 80px 55px
    }
    .contact-us .contact__description .subtitle .name, .contact-us .contact__description .subtitle .phone, .contact-us .contact__description .text_after_subtitle .name, .contact-us .contact__description .text_after_subtitle .phone {
        width: 100%
    }
    .contact-us .about_contact-form-wrapper {
        width: 400px
    }
    .order-processing .cards .block__title {
        margin-bottom: 65px
    }
    .order-processing .cards__block {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .order-processing .cards__item, .order-processing .cards__item:nth-child(1), .order-processing .cards__item:nth-child(2), .order-processing .cards__item:nth-child(3), .order-processing .cards__item:nth-child(4), .order-processing .cards__item:nth-child(5), .order-processing .cards__item:nth-child(6) {
        width: calc(50% - 30px);
        margin: 0 15px 30px 15px
    }
    .order-processing .cards__item:nth-child(3) {
        top: 0;
        left: 0
    }
    .order-processing .two-rectangles_section {
        margin: 0 auto 100px auto
    }
    .order-processing .two_cards {
        background: transparent;
        margin-bottom: 50px
    }
    .order-processing .two_cards__item, .order-processing .two_cards__item:nth-child(3n+2) {
        margin: 0 0 50px 0
    }
    .order-processing .block_with_plain_text {
        margin-bottom: 50px
    }
    .order-processing .block_with_plain_text__block {
        padding-bottom: 50px;
        margin-right: auto;
        max-width: 100%
    }
    .order-processing + .bottom-part:before, .order-processing + .bottom-part:after {
        display: none
    }
    .our-special-features .cards__itemInner:after {
        width: 50px
    }
    .our-special-features .cards__itemInner:before {
        height: 110px
    }
    .distribution-warehousing .block_with_plane_text {
        margin-bottom: 50px
    }
    .distribution-warehousing .block_with_plane_text .block__title {
        text-align: center
    }
    .distribution-warehousing .block_with_plane_text__content {
        max-width: unset;
        padding-bottom: 20px
    }
    .distribution-warehousing .green-title-border__title {
        max-width: unset
    }
    .distribution-warehousing .green-title-border__section {
        margin-bottom: 100px
    }
    .distribution-warehousing .two_cards {
        margin-bottom: 30px
    }
    .distribution-warehousing .two_cards.last {
        margin-bottom: 100px
    }
    .distribution-warehousing .two_cards.last .two_cards__item, .distribution-warehousing .two_cards.last .two_cards__item:nth-child(2), .distribution-warehousing .two_cards.last .two_cards__item:nth-child(3) {
        margin: 0 0 50px 0
    }
    .distribution-warehousing .two_cards.last .two_cards__item:nth-child(1) {
        margin-left: 33.33333%
    }
    .distribution-warehousing .two_cards.last .two_cards__item:nth-child(4) {
        margin-right: 33.33333%
    }
    .distribution-warehousing .two_cards .block__title {
        margin-bottom: 50px
    }
    .distribution-warehousing .two_cards__item, .distribution-warehousing .two_cards__item:nth-child(3n+2) {
        margin: 0 0 50px 0
    }
    .distribution-warehousing .two_cards__itemInner {
        padding: 50px 30px 25px 30px
    }
    .distribution-warehousing .two_cards__item .text:before {
        display: none
    }
    .distribution-warehousing .two_cards__hint {
        width: 100%
    }
    .distribution-warehousing .two-rectangles_section {
        margin-bottom: 100px
    }
    .distribution-warehousing .cards {
        margin-bottom: 100px
    }
    .distribution-warehousing .cards__itemInner {
        border-radius: 23px;
        padding: 30px 10px 70px 50px;
        will-change: padding;
        transition: padding .5s linear
    }
    .distribution-warehousing .cards__itemInner:before, .distribution-warehousing .cards__itemInner:after {
        left: -1px
    }
    .distribution-warehousing .cards__itemInner:hover {
        padding: 50px 30px;
        transition: padding .5s .5s linear
    }
    .distribution-warehousing .cards__item .text:before {
        border-radius: 23px;
        transform: translate(20px, -20px)
    }
    .distribution-warehousing .timeline_list {
        margin-bottom: 85px
    }
    .distribution-warehousing .timeline_list .block__title {
        margin-bottom: 50px
    }
    .distribution-warehousing .block_with_illustration {
        margin-bottom: 100px
    }
    .distribution-warehousing .icon__section {
        margin-bottom: 45px
    }
    .distribution-warehousing .icon__item, .distribution-warehousing .icon__item:nth-child(6n), .distribution-warehousing .icon__item.icon__item:nth-child(6n+1) {
        width: 16.66667%
    }
    .distribution-warehousing .icon__item-inner {
        width: 100%
    }
    .distribution-warehousing .block_with_border {
        margin-bottom: 100px
    }
    .distribution-warehousing .green-text_section {
        margin-bottom: 100px
    }
    .distribution-warehousing .info_section__list {
        margin-bottom: 100px
    }
    .distribution-warehousing .timeline_list__title {
        margin-bottom: 50px
    }
    .pricing {
        background-position-y: 600px
    }
    .pricing .block_with_illustration {
        margin-bottom: 50px
    }
    .pricing .step_full {
        margin-bottom: 25px
    }
    .pricing .step_full__title {
        margin-bottom: 100px
    }
    .pricing .step_full__item, .pricing .step_full__item:nth-child(even) {
        width: 50%
    }
    .pricing .step_full__item .title-wrapper, .pricing .step_full__item:nth-child(even) .title-wrapper {
        margin: 0 auto
    }
    .pricing .green-block {
        width: calc(50% - 30px)
    }
    .pricing .green-block__section .block__title {
        margin-bottom: 50px
    }
    .pricing .extra:after, .pricing .extra:before, .pricing .extra__title:after, .pricing .extra__title:before {
        display: none
    }
    .artificial-intelligence .two-rectangles_section {
        margin: 60px auto 80px auto
    }
    .artificial-intelligence .two-rectangles_section:last-child {
        margin: 96px auto 100px auto
    }
    .artificial-intelligence .cards .block__title {
        margin-bottom: 48px
    }
    .artificial-intelligence .cards__item {
        margin: 50px 0
    }
    .artificial-intelligence .cards__itemInner {
        padding: 50px 40px
    }
    .web-based-software {
        background-position-y: 600px
    }
    .web-based-software .block_with_illustration {
        margin-bottom: 100px
    }
    .web-based-software .cards {
        margin: 0 auto 80px auto
    }
    .web-based-software .cards .block__title {
        margin-bottom: 60px
    }
    .web-based-software .cards__item {
        padding: 55px 30px 70px 30px
    }
    .web-based-software .cards__item:after {
        width: 50px
    }
    .web-based-software .cards__item:before {
        height: 110px
    }
    .web-based-software .cards__item:nth-child(2), .web-based-software .cards__item:nth-child(5) {
        margin-top: -30px;
        margin-bottom: 60px
    }
    .commerce-edi .block_with_illustration {
        margin-bottom: 80px
    }
    .commerce-edi .plan_cards {
        padding-top: 20px;
        overflow: hidden;
        margin-bottom: 100px
    }
    .commerce-edi .plan_cards__block {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .commerce-edi .plan_cards__item {
        margin: 0
    }
    .commerce-edi .plan_cards__item:first-child, .commerce-edi .plan_cards__item:last-child {
        margin: 0
    }
    .commerce-edi .info_section_content {
        width: calc(100% - 20px)
    }
    .empowering-developers {
        background: url(/front/img/content_bkg/empowering-developers-bottom.svg) calc(50% + 448px) calc(100% + 2px) no-repeat transparent
    }
    .empowering-developers .block_with_illustration {
        margin-bottom: 100px
    }
    .empowering-developers .cards {
        margin-bottom: 0
    }
    .empowering-developers .cards__item:before {
        height: 80px
    }
    .empowering-developers .cards__item:after {
        width: 50px
    }
    .empowering-developers .cards__item:nth-child(1), .empowering-developers .cards__item:nth-child(2), .empowering-developers .cards__item:nth-child(3), .empowering-developers .cards__item:nth-child(4) {
        margin: 0 15px 100px 15px
    }
    .fulfilment-by-amazon {
        background-position-y: 600px
    }
    .fulfilment-by-amazon .green-title-border__title {
        margin: 100px auto
    }
    .fulfilment-by-amazon .green-block {
        width: calc(50% - 30px)
    }
    .fulfilment-by-amazon .green-block__section .block__title {
        margin: 70px auto 100px auto
    }
    .fulfilment-by-amazon .extra {
        margin-bottom: 100px
    }
    .fulfilment-by-amazon .cards {
        background-position: calc(50% + 80px) 80px
    }
    .fulfilment-by-amazon .cards__block {
        margin-bottom: 40px
    }
    .fulfilment-by-amazon .cards .block__title {
        margin-bottom: 0
    }
    .international-fulfilment .block_with_illustration, .international-fulfilment .block_with_illustration:nth-child(2) {
        margin: 100px auto 50px auto
    }
    .international-fulfilment .one-rectangle-list_section {
        margin: 80px auto 0 auto
    }
    .international-fulfilment .one-rectangle-list_block__content {
        width: calc(100% - 40px)
    }
    .international-fulfilment .two-rectangles_section {
        margin: 80px auto 60px auto
    }
    .crowdfunding-fulfilment .block_with_illustration:nth-child(1) {
        margin-bottom: 100px
    }
    .crowdfunding-fulfilment .cards .block__title, .crowdfunding-fulfilment .two_cards .block__title {
        margin-bottom: 50px
    }
    .crowdfunding-fulfilment .cards .block__title-wrapper, .crowdfunding-fulfilment .two_cards .block__title-wrapper {
        margin-bottom: 0
    }
    .crowdfunding-fulfilment .cards__itemInner {
        padding: 50px 40px
    }
    .crowdfunding-fulfilment .two_cards {
        margin-bottom: 120px
    }
    .crowdfunding-fulfilment .two_cards__block {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .crowdfunding-fulfilment .two_cards__item {
        padding: 0 15px
    }
    .crowdfunding-fulfilment .yellow-list {
        width: calc(100% - 20px);
        max-width: unset;
        margin: 20px 0 100px auto
    }
    .crowdfunding-fulfilment .yellow-list_section:last-child .yellow-list {
        margin: 20px 0 100px auto
    }
    .order-fulfilment-for-startups {
        background: url(/front/img/content_bkg/referral-partnerships.svg) calc(50% + 450px) bottom no-repeat transparent
    }
    .order-fulfilment-for-startups .block_with_illustration {
        margin-bottom: 100px
    }
    .order-fulfilment-for-startups .cards {
        margin-bottom: 70px
    }
    .order-fulfilment-for-startups .cards .block__title {
        margin-bottom: 50px
    }
    .order-fulfilment-for-startups .cards__item, .order-fulfilment-for-startups .cards__item:nth-child(1), .order-fulfilment-for-startups .cards__item:nth-child(2), .order-fulfilment-for-startups .cards__item:nth-child(3), .order-fulfilment-for-startups .cards__item:nth-child(4) {
        width: 430px;
        left: 0;
        margin: 0 15px 30px 15px
    }
    .order-fulfilment-for-startups .cards__item:after {
        width: 50px
    }
    .order-fulfilment-for-startups .cards__item:before {
        height: 80px
    }
    .e-commerce-fulfilment {
        background-position-y: 600px
    }
    .e-commerce-fulfilment .block_with_illustration {
        margin-bottom: 100px
    }
    .e-commerce-fulfilment_list {
        width: calc(100% + 30px);
        margin: 0 auto 10px -15px
    }
    .e-commerce-fulfilment_list__title {
        margin-bottom: 50px
    }
    .e-commerce-fulfilment_list__title-wrapper {
        margin: 0 auto;
        padding: 0;
        display: block
    }
    .e-commerce-fulfilment_list__item {
        width: calc(33.33333% - 30px);
        margin: 0 15px 50px 15px
    }
    .e-commerce-fulfilment_list__item .title {
        margin-bottom: 15px
    }
    .e-commerce-fulfilment .one-rectangle-list_section {
        margin: -20px auto 100px auto
    }
    .e-commerce-fulfilment .one-rectangle-list_block__content {
        padding: 35px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__decoration {
        width: 225px
    }
    .e-commerce-fulfilment .cards .block__title {
        margin-bottom: 50px
    }
    .e-commerce-fulfilment .cards__itemInner {
        padding: 40px 35px
    }
    .e-commerce-fulfilment .cards__item .title {
        margin-bottom: 25px
    }
    .e-commerce-fulfilment_call {
        margin-top: 100px;
        background-color: #3bb0b0
    }
    .e-commerce-fulfilment_call .container:before {
        display: none
    }
    .e-commerce-fulfilment_call__text {
        min-height: unset
    }
    .e-commerce-fulfilment + .bottom-part:before, .e-commerce-fulfilment + .bottom-part:after {
        display: none
    }
    .retail-fulfilment {
        background-position-y: 600px, bottom
    }
    .retail-fulfilment .block_with_illustration {
        margin-bottom: 100px
    }
    .retail-fulfilment .step_list {
        margin: 100px auto
    }
    .retail-fulfilment .step_list .block__title {
        margin-bottom: 50px
    }
    .retail-fulfilment .step_list__item:nth-child(1), .retail-fulfilment .step_list__item:nth-child(4) {
        margin: 0 auto 0 0
    }
    .retail-fulfilment .step_list__item:nth-child(2), .retail-fulfilment .step_list__item:nth-child(5) {
        margin: 0 0 0 auto
    }
    .retail-fulfilment .step_list__item:nth-child(3) {
        margin: 50px calc(50% - 215px)
    }
    .retail-fulfilment .step_list__item:nth-child(4) {
        align-self: stretch
    }
    .services-beyond-order-fulfilment .block_with_illustration {
        margin: 0 auto
    }
    .services-beyond-order-fulfilment .block_with_illustration.underdash .block_with_illustration__content:before {
        display: none
    }
    .services-beyond-order-fulfilment .cards {
        overflow: hidden
    }
    .services-beyond-order-fulfilment .cards__block {
        margin: 0 auto -20px auto;
        padding-top: 20px
    }
    .services-beyond-order-fulfilment .cards__item:nth-child(1), .services-beyond-order-fulfilment .cards__item:nth-child(3) {
        margin: 0 auto 60px 0
    }
    .services-beyond-order-fulfilment .cards__item:nth-child(2), .services-beyond-order-fulfilment .cards__item:nth-child(4) {
        margin: 0 0 60px auto
    }
    .services-beyond-order-fulfilment .cards__item:before {
        width: calc(100% - 20px);
        transform: translate(10px, -20px);
        will-change: width, border-color, transform;
        transition: border-color .5s linear, transform .5s .5s linear, width .5s .5s linear
    }
    .services-beyond-order-fulfilment .cards__item:after {
        display: none
    }
    .services-beyond-order-fulfilment .cards__item:hover:before {
        transform: translate(0, 0);
        border-color: #3bb0b0;
        width: 100%;
        transition: border-color .5s .5s linear, transform .5s linear, width .5s linear
    }
    .request-a-quote_section, .request-a-quote .info_section {
        margin: 0 auto 100px auto
    }
    .request-a-quote .quote-form-inner {
        margin-bottom: 50px
    }
    .request-a-quote .quote-form-section .alert-box {
        margin: 30px auto 40px auto
    }
    .unsubscribe .top_block .recover-form_wrapper, .unsubscribe .top_block .unsubscribe-form_wrapper {
        width: 302px
    }
    .unsubscribe .top_block .recover-form_inputs, .unsubscribe .top_block .unsubscribe-form_inputs {
        width: 100%;
        display: block;
        height: auto
    }
    .unsubscribe .top_block .recover-form_inputs .input_wrapper, .unsubscribe .top_block .unsubscribe-form_inputs .input_wrapper {
        height: 45px;
        width: 100%;
        flex-shrink: 0
    }
    .unsubscribe .top_block .recover-form_inputs .input_wrapper + .input_wrapper, .unsubscribe .top_block .unsubscribe-form_inputs .input_wrapper + .input_wrapper {
        margin: 15px auto 0 0
    }
    .unsubscribe .top_block .recover-form_submit, .unsubscribe .top_block .unsubscribe-form_submit {
        margin: 15px auto 0 0
    }
    .unsubscribe .top_link {
        font-size: 12px;
        margin-top: 20px
    }
    .client-support_call {
        margin-top: 100px;
        background-color: #3bb0b0
    }
    .client-support_call .container:before {
        display: none
    }
    .tos-body {
        background-position-y: calc(100% - 15px)
    }
    .tos .block_with_border .block__title {
        margin: 80px auto 55px auto
    }
    .tos .block_with_border .title {
        margin: 0 auto 50px auto
    }
    .tos .block_with_border__inner {
        padding: 55px
    }
    .tos .block_with_border:last-child .block__title {
        margin: 100px auto 55px auto
    }
    .tos + .bottom-part {
        margin-top: 100px
    }
    .footer .container {
        display: none
    }
    .footer-copyright {
        padding: 14px 15px 60px 15px
    }
    .footer-copyright p span {
        display: block
    }
}
@media only screen and (max-width: 1024px) {
    .frontpage .top_block {
        height: 505px
    }
    .frontpage .video {
        top: 40%;
        right: calc(47% - 50vw)
    }
    .frontpage .start_now:before {
        content: url(/front/img/bottom-tablet-front.svg);
        position: absolute;
        bottom: -5px;
        right: 0px
    }
    .frontpage .start_now .tree1 {
        left: -11%
    }
    .frontpage .top_block__title {
        font-size: 40px;
        line-height: 53px
    }
    .frontpage .text {
        max-width: 382px
    }
    .frontpage .top_block__oval-min-left, .frontpage .top_block__oval-min-middle, .frontpage .top_block__oval-min-right {
        width: 15px
    }
    .frontpage .top_block__location1, .frontpage .top_block__location2, .frontpage .top_block__location3 {
        width: 21px
    }
    .frontpage .top_block__oval-min-left {
        bottom: 87px
    }
    .frontpage .top_block__oval-min-middle {
        bottom: 144px;
        left: 52.5%
    }
    .frontpage .top_block__oval-min-right {
        left: 75.5%;
        bottom: 57px
    }
    .frontpage .top_block__snake-right {
        bottom: -5px;
        left: 59.5%
    }
    .frontpage .top_block__location3 {
        bottom: 229px;
        left: 57.8%
    }
    .frontpage .top_block__dots-right {
        left: 55.3%;
        width: 50px;
        bottom: 220px
    }
    .frontpage .top_block__dots-center2 {
        bottom: 203px;
        left: 78%;
        width: 50px
    }
    .frontpage .top_block__snake-left {
        bottom: 75px
    }
    .frontpage .top_block__location1 {
        bottom: 188px;
        left: 19%
    }
    .frontpage .top_block__dots-left {
        bottom: 180px;
        left: 16.3%;
        width: 50px
    }
    .frontpage .top_block__snake-middle {
        bottom: 127px;
        left: 34.7%
    }
    .frontpage .top_block__location2 {
        bottom: 237px;
        left: 33%
    }
    .frontpage .top_block__dots-center {
        bottom: 228px;
        left: 30.3%;
        width: 50px
    }
    .frontpage .fulfillment .cloud-wrap {
        top: 30px
    }
    .frontpage .green-title__title {
        font-size: 40px
    }
    .frontpage .outsourcing .people-table {
        width: 230px
    }
    .frontpage .outsourcing .man-cap2, .frontpage .outsourcing .man-cap1, .frontpage .outsourcing .man-cap3 {
        width: 87px
    }
    .frontpage .outsourcing .table-dash2 {
        bottom: 130px
    }
    .frontpage .outsourcing .man-cap2 {
        left: calc(50% - 277px)
    }
    .frontpage .outsourcing .table-dash1 {
        left: 78px;
        bottom: 145px;
        width: 44vw
    }
    .frontpage .outsourcing .table-dash2 {
        left: calc(50% - 152px)
    }
    .frontpage .outsourcing .man-cap2 {
        left: calc(50% - 242px)
    }
    .frontpage .outsourcing .table-dash3 {
        bottom: 152px;
        left: calc(50% + 48px)
    }
    .frontpage .bypassing {
        padding-bottom: 400px
    }
    .frontpage .bypassing .hand-sponge1 {
        top: 54px
    }
    .frontpage .bypassing .location-green3 {
        top: 137px
    }
    .frontpage .bypassing .location-green1 {
        top: 107px
    }
    .frontpage .bypassing .location-green2 {
        left: calc(50% + 22px)
    }
    .frontpage .bypassing .hand-sponge2 {
        right: calc(50% - 159px)
    }
    .frontpage .bypassing .hand-dash3 {
        right: calc(50% - 130px)
    }
    .frontpage .distributed-img {
        width: 32vw
    }
}
@media only screen and (max-width: 992px) {
    .frontpage .start_now .tree1 {
        display: none
    }
    .frontpage .start_now .tree2 {
        display: none
    }
}
@media only screen and (max-width: 991px) {
    .top_block {
        height: 610px;
        margin-bottom: 30px
    }
    .top_block__title {
        font-size: 35px;
        line-height: 39px
    }
    .top_block__inner:after {
        left: calc(35% - 980px)
    }
    .block_with_illustration.underdash .block_with_illustration__content {
        padding-bottom: 0px
    }
    .block_with_illustration__content {
        flex-direction: column
    }
    .block_with_illustration__content > div {
        width: 100%;
        margin: 0 auto
    }
    .block_with_illustration__content > div.img_wr {
        order: 1;
        margin-bottom: 30px
    }
    .block_with_illustration__content > div.img_wr img {
        float: none;
        width: 100%;
        height: auto
    }
    .block_with_illustration__content > div.text_wr {
        order: 2;
        margin-bottom: 60px
    }
    .block_with_illustration__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 15px;
        text-transform: none
    }
    .block_with_illustration__text {
        margin-bottom: 25px
    }
    .plan_cards__content .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 15px
    }
    .plan_cards__content .block__subtitle {
        font-size: 20px;
        line-height: normal
    }
    .plan_cards__item {
        padding: 110px 15px 0 15px;
        margin-bottom: 70px
    }
    .plan_cards__item:before, .plan_cards__item:after {
        width: 92px;
        height: 92px;
        background-size: 92px
    }
    .plan_cards__item:before {
        background-size: 100px
    }
    .plan_cards__item .title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 0
    }
    .plan_cards__item .subtitle {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 25px
    }
    .plan_cards__item .list__item {
        margin-bottom: 30px
    }
    .partner .text {
        font-size: 16px;
        line-height: 140%;
        font-weight: 500
    }
    .faq-section {
        background: transparent
    }
    .faq-section .dyk {
        margin-bottom: 40px
    }
    .faq-section .dyk-container {
        box-shadow: none;
        background: transparent;
        width: 100%;
        max-width: unset
    }
    .faq-section .dyk-container:before, .faq-section .dyk-container:after {
        display: none
    }
    .faq-section .dyk-inner {
        padding: 10px 0;
        width: 100%;
        max-width: unset
    }
    .faq-section .dyk-description {
        line-height: 140%
    }
    .faq-section .dyk-title {
        margin-bottom: 5px
    }
    .faq-section .feedback-landscape {
        margin-bottom: 50px
    }
    .faq-section .feedback-landscape-container {
        display: block;
        text-align: center
    }
    .faq-section .feedback-landscape-image {
        margin: 0 auto 30px auto
    }
    .faq-section .feedback-landscape-info-name {
        margin-bottom: 8px
    }
    .faq-section .feedback-landscape-info-position {
        margin-bottom: 11px
    }
    .faq-section .feedback-landscape-info-text {
        font-size: 16px;
        line-height: 140%
    }
    .faq-section .customer-support__description {
        width: 100vw;
        padding: 600px 0 30px 0;
        margin: -600px auto 0 calc(50% - 50vw);
        background: transparent;
        background-size: 500px
    }
    .faq-section .customer-support__text, .faq-section .customer-support__phone, .faq-section .customer-support__hint {
        max-width: 750px;
        padding: 0 15px
    }
    .faq-section .customer-support__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 15px
    }
    .faq-section .customer-support__text {
        font-size: 14px;
        line-height: 180%
    }
    .faq-section .customer-support__phone {
        margin: -7px auto 20px auto
    }
    .faq-section .customer-support__phone a {
        font-size: 24px;
        line-height: normal
    }
    .faq-section .customer-support-subscription-form {
        width: 290px
    }
    .faq-section .customer-support .subscribe-section {
        width: 100%;
        margin: 0 auto
    }
    .faq-section .customer-support .subscribe-section__wrapper {
        width: 100%
    }
    .faq-section .customer-support .subscribe__title {
        width: calc(100% - 315px)
    }
    .faq-section .customer-support .subscribe__alert {
        width: 290px
    }
    .frontpage .text {
        max-width: 255px;
        font-size: 14px
    }
    .frontpage .top_block {
        height: 486px
    }
    .frontpage .top_block__illustration-inner {
        width: 400px;
        margin: 0 auto
    }
    .frontpage .top_block__houses {
        bottom: -80px;
        transform: translate(-50%)
    }
    .frontpage .top_block__dots-left {
        left: 14.5%
    }
    .frontpage .top_block__location1 {
        bottom: 190px;
        left: 18%
    }
    .frontpage .top_block__dots-right {
        left: 53.5%;
        bottom: 205px
    }
    .frontpage .top_block__location3 {
        bottom: 215px;
        left: 57%
    }
    .frontpage .top_block__oval-min-right {
        left: 75%;
        bottom: 75px
    }
    .frontpage .top_block__dots-center {
        left: 29%
    }
    .frontpage .top_block__location2 {
        left: 32.5%
    }
    .frontpage .top_block__illustration-image {
        transform: translate(-52%)
    }
    .frontpage .fulfillment {
        padding-bottom: 150px
    }
    .frontpage .fulfillment .img_wr {
        margin-left: 30px
    }
    .frontpage .fulfillment .fulfill-sponge3 {
        width: 34%
    }
    .frontpage .fulfillment .fulfill-sponge3 {
        left: 242px
    }
    .frontpage .fulfillment .fulfill-sponge3 {
        top: 84px;
        right: calc(50% - 274px)
    }
    .frontpage .fulfillment .cloud {
        width: 100px
    }
    .frontpage .fulfillment .cloud-wrap {
        top: 58px
    }
    .frontpage .fulfillment .cloud-wrap:after {
        bottom: 38px
    }
    .frontpage .bypassing {
        padding-bottom: 300px
    }
    .frontpage .bypassing .hand-dash1 {
        width: 98px;
        bottom: 204px
    }
    .frontpage .bypassing .location-green3 {
        top: 157px
    }
    .frontpage .warehousing .people-coffe {
        max-width: 100%;
        top: 0
    }
    .frontpage .warehousing {
        padding-top: 90px;
        padding-bottom: 344px
    }
    .frontpage .warehousing .green-title__title {
        margin-bottom: 75px
    }
    .frontpage .warehousing .euro {
        width: 13px;
        right: calc(50% + 94px)
    }
    .frontpage .warehousing .dollar {
        width: 13px;
        right: calc(50% + 111px)
    }
    .frontpage .warehousing .line1 {
        top: 0;
        right: calc(50% - 86px)
    }
    .frontpage .warehousing .line2 {
        top: -11px;
        right: calc(50% - 100px)
    }
    .frontpage .warehousing .line3 {
        top: 0;
        right: calc(50% - 120px)
    }
    .frontpage .warehousing__item {
        margin-bottom: 150px
    }
    .frontpage .resource {
        margin-top: -283px;
        background: url(/front/img/bottom-green-back.svg);
        background-repeat: no-repeat;
        background-size: cover
    }
    .frontpage .man-cat {
        width: 32vw
    }
    .frontpage .start_now {
        margin-top: -30px;
    }
    .frontpage .resource:before {
        content: url(/front/img/front-slice.svg);
        position: absolute;
        top: -1px;
        left: -127px;
        display: none
    }
    .frontpage .video {
        top: 65%;
        right: calc(50% - 50vw)
    }
    @keyframes dollar-animate {
        0% {
            opacity: 0;
            top: 20px
        }
        100% {
            opacity: 1;
            top: -20px
        }
    }.safariClassName .frontpage .video canvas {
         position: static;
         bottom: -7px;
         right: 0
     }
    .who_is_hubgeo > .content {
        background-position-x: calc(50% + 325px)
    }
    .who_is_hubgeo .block_with_illustration {
        margin-bottom: 0
    }
    .who_is_hubgeo .call-us {
        margin-top: 90px
    }
    .who_is_hubgeo .call-us:before, .who_is_hubgeo .call-us:after {
        left: calc(50% + 323px)
    }
    .who_is_hubgeo .call-us_inner {
        width: 100%
    }
    .who_is_hubgeo .call-us__title {
        margin-bottom: 5px
    }
    .who_is_hubgeo .call-us__text {
        margin-bottom: 15px
    }
    .who_is_hubgeo .call-us__text:last-of-type {
        margin-bottom: 15px
    }
    .who_is_hubgeo .call-us__button {
        margin-bottom: 150px
    }
    .who_is_hubgeo + .bottom-part {
        background-position-x: calc(50% - 385px)
    }
    .our-key-principles {
        background-position-y: 590px
    }
    .our-key-principles .block_with_illustration {
        margin-bottom: 35px
    }
    .our-key-principles .block_with_illustration__content:before {
        display: none
    }
    .our-key-principles .step_list__content {
        justify-content: space-between
    }
    .our-key-principles .step_list__item {
        width: calc(50% - 15px);
        padding: 40px 35px
    }
    .our-key-principles .step_list__item:nth-child(1), .our-key-principles .step_list__item:nth-child(2), .our-key-principles .step_list__item:nth-child(3), .our-key-principles .step_list__item:nth-child(4) {
        margin: 0 0 115px 0
    }
    .discover-the-world-with-us .step_list {
        margin: 60px auto
    }
    .discover-the-world-with-us .step_list__item {
        width: calc(50% - 15px);
        border-radius: 18px
    }
    .discover-the-world-with-us .step_list__item:nth-child(2), .discover-the-world-with-us .step_list__item:nth-child(5) {
        margin: 0 0 0 auto
    }
    .discover-the-world-with-us .step_list__item:nth-child(3) {
        margin: 80px calc(50% - 160px)
    }
    .discover-the-world-with-us .step_list__item:before, .discover-the-world-with-us .step_list__item:after {
        left: 11px
    }
    .discover-the-world-with-us .step_list__item .subtitle {
        margin-bottom: 35px;
        line-height: normal
    }
    .discover-the-world-with-us .step_list__item-inner {
        padding: 20px 50px 50px 50px
    }
    .discover-the-world-with-us .step_list__item-inner:before {
        width: calc(100% - 30px);
        border-radius: 18px;
        transform: translate(15px, -20px)
    }
    .discover-the-world-with-us .step_list__item:hover .step_list__item-inner:before {
        transform: translate(15px, 0)
    }
    .referral-partnerships {
        background: url(/front/img/content_bkg/referral-partnerships.svg) calc(50% + 320px) bottom no-repeat transparent
    }
    .referral-partnerships .block_with_illustration {
        margin-bottom: 50px
    }
    .referral-partnerships .plan_cards {
        overflow: hidden;
        margin-bottom: -30px
    }
    .referral-partnerships .plan_cards__block {
        flex-wrap: wrap
    }
    .referral-partnerships .plan_cards__item {
        width: 320px;
        flex-shrink: 0
    }
    .referral-partnerships .plan_cards__content .block__title {
        margin-bottom: 70px
    }
    .referral-partnerships .steps {
        margin: 0 auto
    }
    .referral-partnerships .steps__block {
        justify-content: center
    }
    .referral-partnerships .steps__item {
        margin: 0 15px 50px 15px;
        flex-shrink: 0
    }
    .referral-partnerships .steps__item:after {
        display: none
    }
    .referral-partnerships .steps__title {
        margin-bottom: 10px
    }
    .referral-partnerships + .bottom-part:before {
        left: calc(50% - 150px)
    }
    .referral-partnerships + .bottom-part:after {
        left: calc(50% - 130px);
        width: calc(50% + 150px)
    }
    .contact-us .block_with_plane_text {
        margin-bottom: 0
    }
    .contact-us .block_with_plane_text__content:before {
        display: none
    }
    .contact-us .block_with_plane_text .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .contact-us .block_with_plane_text .text {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 25px
    }
    .contact-us .top_block {
        margin-bottom: 20px
    }
    .contact-us .contact__content {
        margin-bottom: 40px
    }
    .contact-us .contact__description {
        width: calc(100% - 20px);
        padding: 30px 30px 45px 30px;
        margin: 20px auto 40px 20px
    }
    .contact-us .contact__description .subtitle {
        margin-bottom: 15px
    }
    .contact-us .contact__description .text_after_subtitle {
        margin-bottom: 35px
    }
    .contact-us .contact__addresses .address__item {
        width: 100%;
        margin-bottom: 25px
    }
    .contact-us .about_contact-form {
        margin: 0 auto
    }
    .contact-us .about_contact-form-wrapper {
        width: 100%;
        padding-top: 0
    }
    .contact-us .about_contact-form-description {
        margin-bottom: 40px
    }
    .contact-us .about_contact-form-submit {
        margin: 0 auto
    }
    .order-processing .cards {
        margin-bottom: -20px
    }
    .order-processing .cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .order-processing .cards__item {
        padding: 40px 35px 35px 35px
    }
    .order-processing .two-rectangles_section {
        margin-bottom: 30px
    }
    .order-processing .two_cards {
        margin-bottom: 20px
    }
    .order-processing .two_cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .order-processing .two_cards__item {
        width: 50%
    }
    .order-processing .two_cards__item, .order-processing .two_cards__item:nth-child(3n+2) {
        margin: 0 0 30px 0
    }
    .order-processing .two_cards__itemInner {
        padding: 40px 35px 30px 35px
    }
    .order-processing .two_cards__itemInner .title {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: normal
    }
    .order-processing .block_with_plain_text__block {
        padding-bottom: 0
    }
    .order-processing .block_with_plain_text__block:before {
        display: none
    }
    .order-processing .block_with_plain_text .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .order-processing .block_with_illustration__title {
        font-weight: 500
    }
    .order-processing .block_with_illustration__content > div.text_wr {
        padding-right: 0;
        margin-bottom: 50px
    }
    .order-processing .block_with_illustration__content > div img {
        max-width: 100%;
        margin: 0 auto
    }
    .our-special-features {
        padding-bottom: 0
    }
    .our-special-features .cards {
        padding: 0;
        margin-top: -15px;
        margin-bottom: 30px
    }
    .our-special-features .cards__item {
        width: 50%;
        margin: 0 0 30px 0
    }
    .our-special-features .cards__item:nth-child(2):before, .our-special-features .cards__item:nth-child(6):before {
        display: none
    }
    .our-special-features .cards__item:nth-child(2), .our-special-features .cards__item:nth-child(5) {
        margin: 0 0 30px 0
    }
    .our-special-features .cards__itemInner {
        padding: 40px 35px 20px 35px
    }
    .our-special-features .cards__item .title {
        margin-bottom: 15px
    }
    .distribution-warehousing .top_block__illustration-image {
        left: 60%
    }
    .distribution-warehousing .block_with_plane_text {
        margin-bottom: 0
    }
    .distribution-warehousing .block_with_plane_text__content {
        padding-bottom: 15px
    }
    .distribution-warehousing .block_with_plane_text__content:before {
        display: none
    }
    .distribution-warehousing .block_with_plane_text .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .distribution-warehousing .block_with_plane_text .text {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 25px
    }
    .distribution-warehousing .green-title-border__title {
        padding: 20px;
        font-size: 30px;
        line-height: 39px
    }
    .distribution-warehousing .green-title-border__section {
        margin-bottom: 30px
    }
    .distribution-warehousing .two_cards {
        margin-bottom: -20px
    }
    .distribution-warehousing .two_cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 30px
    }
    .distribution-warehousing .two_cards__item {
        width: 50%
    }
    .distribution-warehousing .two_cards__item, .distribution-warehousing .two_cards__item:nth-child(3n+2) {
        margin: 0 0 30px 0
    }
    .distribution-warehousing .two_cards__itemInner {
        padding: 40px 35px 15px 35px
    }
    .distribution-warehousing .two_cards.last {
        margin-bottom: 30px
    }
    .distribution-warehousing .two_cards.last .two_cards__item, .distribution-warehousing .two_cards.last .two_cards__item:nth-child(1), .distribution-warehousing .two_cards.last .two_cards__item:nth-child(2), .distribution-warehousing .two_cards.last .two_cards__item:nth-child(3), .distribution-warehousing .two_cards.last .two_cards__item:nth-child(4) {
        margin: 0 0 30px 0
    }
    .distribution-warehousing .two-rectangles_section {
        margin-bottom: 10px
    }
    .distribution-warehousing .cards {
        margin-bottom: 0
    }
    .distribution-warehousing .cards__item {
        width: 50%;
        margin-bottom: 30px
    }
    .distribution-warehousing .cards__itemInner {
        padding: 30px 30px 70px 50px
    }
    .distribution-warehousing .cards__itemInner:hover {
        padding: 50px 50px 50px 30px
    }
    .distribution-warehousing .green-text_section {
        margin-bottom: 50px
    }
    .distribution-warehousing .icon__section {
        margin-bottom: 30px
    }
    .distribution-warehousing .icon__item {
        margin-bottom: 0
    }
    .distribution-warehousing .icon__item-inner {
        width: 150px
    }
    .distribution-warehousing .icon__item .icon__item-inner, .distribution-warehousing .icon__item:nth-child(6n) .icon__item-inner, .distribution-warehousing .icon__item:nth-child(6n+1) .icon__item-inner {
        margin: 0 auto
    }
    .distribution-warehousing .block_with_border {
        margin-bottom: 30px
    }
    .distribution-warehousing .block_with_border__container {
        padding: 30px 35px
    }
    .distribution-warehousing .block_with_illustration {
        margin-bottom: -30px
    }
    .distribution-warehousing .info_section__list {
        padding: 10px 50px 25px 15px;
        width: calc(100% - 20px);
        margin: 0 0 30px auto
    }
    .distribution-warehousing .info_section__list, .distribution-warehousing .info_section__list:before {
        border-radius: 18px
    }
    .distribution-warehousing .info_section__list:before {
        width: 100%;
        transform: translate(-20px, -20px)
    }
    .distribution-warehousing .info_section__list .item {
        padding-left: 50px
    }
    .distribution-warehousing .info_section__list .item:before, .distribution-warehousing .info_section__list .item:nth-child(even):before {
        width: 15px;
        right: auto;
        left: 0
    }
    .distribution-warehousing .info_section__list:hover .item:before, .distribution-warehousing .info_section__list:hover .item:nth-child(even):before {
        width: 30px
    }
    .distribution-warehousing .timeline_list {
        margin-bottom: 20px
    }
    .distribution-warehousing .timeline_list__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .distribution-warehousing .timeline_list__item {
        min-height: 70px
    }
    .distribution-warehousing .timeline_list__item, .distribution-warehousing .timeline_list__item:nth-child(even) {
        padding: 15px 20px;
        text-align: center
    }
    .pricing {
        background: transparent
    }
    .pricing .block_with_illustration {
        margin-bottom: 0
    }
    .pricing .block_with_illustration__content:before {
        display: none
    }
    .pricing .step_full {
        margin-bottom: -30px
    }
    .pricing .step_full__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 50px
    }
    .pricing .step_full__item {
        margin: 30px 0 80px 0
    }
    .pricing .step_full__itemInner {
        padding: 80px 30px 30px 30px
    }
    .pricing .step_full__item .title {
        font-weight: normal
    }
    .pricing .step_full__item .subtitle {
        font-weight: normal;
        margin-bottom: 25px
    }
    .pricing .green-block__section .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .pricing .extra {
        margin-top: 0;
        position: static;
        z-index: 0;
        padding-top: 30px;
    }
    .pricing .extra_content {
        padding-top: 0
    }
    .pricing .extra_content:before {
        display: none
    }
    .pricing .extra__title {
        font-size: 30px;
        line-height: 39px;
        margin: 0 auto 10px auto;
        font-weight: 500
    }
    .pricing .extra__text {
        font-family: Lato;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        margin: 0 auto 15px auto;
        font-weight: normal
    }
    .pricing .extra__button {
        margin: 0 auto 50px auto
    }
    .artificial-intelligence .two-rectangles_section {
        margin: -10px auto 10px auto
    }
    .artificial-intelligence .two-rectangles_section:last-child {
        margin: 46px auto 0 auto;
        background-color: #3bb0b0
    }
    .artificial-intelligence .two-rectangles_text__content {
        width: 100%;
        margin: 20px auto;
        background-color: transparent;
        padding: 40px 30px 35px 30px
    }
    .artificial-intelligence .two-rectangles_text__content:before, .artificial-intelligence .two-rectangles_text__content:after {
        background-color: #3bb0b0
    }
    .artificial-intelligence .two-rectangles_text__content:before {
        top: 16px;
        height: 25px
    }
    .artificial-intelligence .two-rectangles_text__content .text {
        font-size: 15px;
        line-height: 120%;
        margin-bottom: 25px
    }
    .artificial-intelligence .cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .artificial-intelligence .cards__item {
        width: 50%;
        margin: 0
    }
    .artificial-intelligence .cards__itemInner {
        padding: 40px 35px 5px 35px
    }
    .artificial-intelligence .cards__item:nth-child(1) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(4) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(5) .cards__itemInner {
        border-color: #f8fa9b
    }
    .artificial-intelligence .cards__item:nth-child(2) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(3) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(6) .cards__itemInner {
        border-color: #3bb0b0
    }
    .artificial-intelligence .cards__item:before {
        height: 35px
    }
    .artificial-intelligence + .bottom-part {
        background-position-y: -1px;
        background-image: url(/front/img/bottom_img/discover-the-world-with-us.svg)
    }
    .web-based-software {
        background: transparent
    }
    .web-based-software .block_with_illustration {
        margin-bottom: 20px
    }
    .web-based-software .cards {
        margin-bottom: 36px
    }
    .web-based-software .cards .block__title {
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 39px
    }
    .web-based-software .cards__item {
        width: calc(50% - 30px)
    }
    .web-based-software .cards__item:nth-child(2), .web-based-software .cards__item:nth-child(5) {
        margin: 15px
    }
    .commerce-edi {
        background: url(/front/img/content_bkg/empowering-developers-bottom.svg) calc(50% + 320px) calc(100% + 3px) no-repeat transparent
    }
    .commerce-edi .block_with_illustration {
        margin-bottom: 20px
    }
    .commerce-edi .plan_cards {
        margin-bottom: 50px
    }
    .commerce-edi .plan_cards__item .title {
        margin-bottom: 20px
    }
    .commerce-edi .info_section {
        margin-bottom: 60px
    }
    .commerce-edi .info_section_content {
        padding: 30px 50px 30px 30px
    }
    .commerce-edi .info_section_content:before {
        transform: translate(-20px, -20px);
        border-color: #3bb0b0
    }
    .commerce-edi .info_section__title {
        margin-bottom: 25px
    }
    .commerce-edi .info_section__list-item {
        margin-bottom: 20px;
        padding-left: 50px
    }
    .commerce-edi .info_section__list-item:before {
        width: 15px;
        left: 0
    }
    .commerce-edi .info_section__list-item:hover:before {
        width: 30px
    }
    .commerce-edi .partner__block {
        color: #5a5a5a
    }
    .empowering-developers .block_with_illustration {
        margin-bottom: 60px
    }
    .empowering-developers .cards {
        overflow: hidden
    }
    .empowering-developers .cards__block {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .empowering-developers .cards__item {
        width: calc(50% - 30px);
        margin: 0 15px 30px 15px
    }
    .empowering-developers .cards__item:nth-child(1), .empowering-developers .cards__item:nth-child(2), .empowering-developers .cards__item:nth-child(3), .empowering-developers .cards__item:nth-child(4) {
        margin: 0 15px 30px 15px
    }
    .empowering-developers .cards__item .title {
        margin-bottom: 15px;
        line-height: normal
    }
    .fulfilment-by-amazon {
        background: transparent
    }
    .fulfilment-by-amazon .block_with_illustration {
        margin-bottom: 0
    }
    .fulfilment-by-amazon .block_with_illustration .block_with_illustration__content:before {
        display: none
    }
    .fulfilment-by-amazon .green-title-border__title {
        margin: 0 auto 30px auto;
        width: 100%;
        padding: 20px;
        font-size: 30px;
        line-height: 39px
    }
    .fulfilment-by-amazon .green-block {
        min-height: unset
    }
    .fulfilment-by-amazon .green-block__section .block__title {
        font-size: 30px;
        line-height: 39px;
        margin: 0 auto 30px auto
    }
    .fulfilment-by-amazon .green-block .text {
        font-size: 15px
    }
    .fulfilment-by-amazon .extra {
        position: static;
        padding-bottom: 0;
        margin: 0 auto 35px auto;
        z-index: 0
    }
    .fulfilment-by-amazon .extra:before, .fulfilment-by-amazon .extra:after {
        display: none
    }
    .fulfilment-by-amazon .extra_content {
        padding-top: 0;
        position: static
    }
    .fulfilment-by-amazon .extra_content:before {
        display: none
    }
    .fulfilment-by-amazon .extra__title {
        font-size: 30px;
        margin-top: 0
    }
    .fulfilment-by-amazon .extra__title:before {
        width: 50px;
        pointer-events: none
    }
    .fulfilment-by-amazon .extra__title:hover:before {
        width: 30px
    }
    .fulfilment-by-amazon .extra__text {
        font-size: 15px;
        margin-bottom: 0
    }
    .fulfilment-by-amazon .cards {
        background: transparent
    }
    .fulfilment-by-amazon .cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 30px
    }
    .fulfilment-by-amazon .cards__block {
        margin-bottom: 20px;
        justify-content: center
    }
    .fulfilment-by-amazon .cards__item {
        width: 50%
    }
    .fulfilment-by-amazon .cards__item, .fulfilment-by-amazon .cards__item:nth-child(2) {
        margin: 0 0 30px 0
    }
    .fulfilment-by-amazon .cards__itemInner {
        padding: 40px 35px
    }
    .fulfilment-by-amazon .cards__item .title {
        margin-bottom: 15px;
        font-size: 20px
    }
    .international-fulfilment {
        background: transparent
    }
    .international-fulfilment .block_with_illustration {
        background: transparent;
        padding: 0;
        margin: 50px auto 0 auto
    }
    .international-fulfilment .block_with_illustration:nth-child(2) {
        margin: 50px auto 0 auto
    }
    .international-fulfilment .block_with_illustration:nth-child(2) .block_with_illustration__content:before {
        display: none
    }
    .international-fulfilment_block {
        padding-top: 0
    }
    .international-fulfilment_block .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 10px
    }
    .international-fulfilment_block__inner:before, .international-fulfilment_block__inner:after {
        display: none
    }
    .international-fulfilment_block .text {
        margin-bottom: 20px
    }
    .international-fulfilment .one-rectangle-list_section {
        margin: 40px auto 0 auto
    }
    .international-fulfilment .one-rectangle-list_block__content {
        padding: 30px 35px 35px 35px
    }
    .international-fulfilment .one-rectangle-list_block__title {
        margin-bottom: 25px;
        line-height: normal
    }
    .international-fulfilment .one-rectangle-list_block__list .item {
        margin-bottom: 20px;
        padding-left: 50px
    }
    .international-fulfilment .one-rectangle-list_block__list .item:before, .international-fulfilment .one-rectangle-list_block__list .item:nth-child(even):before {
        width: 15px;
        left: 0
    }
    .international-fulfilment .one-rectangle-list_block__list .item:hover:before, .international-fulfilment .one-rectangle-list_block__list .item:nth-child(even):hover:before {
        left: 0;
        width: 30px
    }
    .international-fulfilment .two-rectangles_section {
        margin: 60px auto 40px auto
    }
    .international-fulfilment .two-rectangles_block {
        width: 100%;
        margin: 0 auto
    }
    .international-fulfilment .two-rectangles_block__content {
        width: 400px;
        padding: 80px 20px 40px 20px;
        margin: -20px auto 25px auto
    }
    .international-fulfilment .two-rectangles_block__content .text {
        margin-bottom: 20px
    }
    .crowdfunding-fulfilment .block_with_illustration, .crowdfunding-fulfilment .block_with_illustration:nth-child(1) {
        margin-bottom: 0
    }
    .crowdfunding-fulfilment .block_with_illustration__content:before {
        display: none
    }
    .crowdfunding-fulfilment .cards, .crowdfunding-fulfilment .two_cards {
        margin-bottom: 40px
    }
    .crowdfunding-fulfilment .cards .block__title, .crowdfunding-fulfilment .two_cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .crowdfunding-fulfilment .cards .block__title-wrapper:before, .crowdfunding-fulfilment .cards .block__title-wrapper:after, .crowdfunding-fulfilment .two_cards .block__title-wrapper:before, .crowdfunding-fulfilment .two_cards .block__title-wrapper:after {
        display: none
    }
    .crowdfunding-fulfilment .cards__block, .crowdfunding-fulfilment .two_cards__block {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .crowdfunding-fulfilment .cards__item, .crowdfunding-fulfilment .two_cards__item {
        width: 50%;
        padding: 0 15px
    }
    .crowdfunding-fulfilment .cards__item, .crowdfunding-fulfilment .cards__item:nth-child(2), .crowdfunding-fulfilment .two_cards__item, .crowdfunding-fulfilment .two_cards__item:nth-child(2) {
        margin: 0 0 30px 0
    }
    .crowdfunding-fulfilment .cards__item .title, .crowdfunding-fulfilment .two_cards__item .title {
        margin-bottom: 10px
    }
    .crowdfunding-fulfilment .cards__itemInner {
        padding: 40px 35px
    }
    .crowdfunding-fulfilment .two_cards {
        padding-top: 0;
        background: transparent
    }
    .crowdfunding-fulfilment .yellow-list {
        margin-bottom: 30px;
        padding: 10px
    }
    .crowdfunding-fulfilment .yellow-list_section:last-child .yellow-list {
        margin-bottom: 50px
    }
    .crowdfunding-fulfilment .yellow-list__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 35px
    }
    .crowdfunding-fulfilment .yellow-list__item {
        margin-bottom: 15px;
        padding-left: 50px
    }
    .crowdfunding-fulfilment .yellow-list__item:before, .crowdfunding-fulfilment .yellow-list__item:nth-child(odd):before {
        left: 0;
        width: 15px
    }
    .crowdfunding-fulfilment .yellow-list__item:last-child {
        margin-bottom: 50px
    }
    .crowdfunding-fulfilment .yellow-list:hover .yellow-list__item:before {
        left: 8px;
        width: 30px
    }
    .crowdfunding-fulfilment .yellow-list:hover .yellow-list__item:nth-child(odd):before {
        left: 0;
        width: 30px
    }
    .order-fulfilment-for-startups {
        background-position-x: calc(50% + 320px)
    }
    .order-fulfilment-for-startups .block_with_illustration {
        margin-bottom: 60px
    }
    .order-fulfilment-for-startups .cards {
        margin-bottom: 30px;
        overflow: hidden
    }
    .order-fulfilment-for-startups .cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .order-fulfilment-for-startups .cards__block {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .order-fulfilment-for-startups .cards__item:nth-child(1), .order-fulfilment-for-startups .cards__item:nth-child(2), .order-fulfilment-for-startups .cards__item:nth-child(3), .order-fulfilment-for-startups .cards__item:nth-child(4) {
        width: calc(50% - 30px)
    }
    .order-fulfilment-for-startups .cards__item .title {
        line-height: normal;
        margin-bottom: 15px
    }
    .e-commerce-fulfilment {
        background: transparent
    }
    .e-commerce-fulfilment .block_with_illustration {
        margin-bottom: 40px
    }
    .e-commerce-fulfilment_list__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .e-commerce-fulfilment_list__item {
        width: calc(50% - 30px);
        margin: 0 15px 30px 15px
    }
    .e-commerce-fulfilment_list__item .title {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 10px
    }
    .e-commerce-fulfilment_list__item .text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px
    }
    .e-commerce-fulfilment_list__item .text:last-child {
        margin-bottom: 0
    }
    .e-commerce-fulfilment .one-rectangle-list_section {
        margin: -20px auto 40px auto
    }
    .e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__list .item:nth-child(even):before {
        background-color: #3bb0b0
    }
    .e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__list .item:before, .e-commerce-fulfilment .one-rectangle-list_section:hover .one-rectangle-list_block__list .item:nth-child(even):before {
        width: 15px;
        left: 0
    }
    .e-commerce-fulfilment .one-rectangle-list_block__content {
        margin: 0 20px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__content:before {
        width: 100%;
        left: 20px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__decoration {
        display: none
    }
    .e-commerce-fulfilment .one-rectangle-list_block__list {
        font-size: 14px;
        line-height: normal
    }
    .e-commerce-fulfilment .one-rectangle-list_block__list-title {
        margin-bottom: 25px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__list .item {
        margin-bottom: 15px;
        padding-left: 50px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__list .item:before, .e-commerce-fulfilment .one-rectangle-list_block__list .item:nth-child(even):before {
        width: 15px;
        background-color: #f8fa9b;
        left: 0
    }
    .e-commerce-fulfilment .cards .block__title {
        font-size: 30px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .e-commerce-fulfilment .cards__item {
        width: calc(50% - 30px)
    }
    .e-commerce-fulfilment .cards__item, .e-commerce-fulfilment .cards__item:nth-child(2) {
        margin: 0 15px 30px 15px
    }
    .e-commerce-fulfilment .cards__item .title {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 15px
    }
    .e-commerce-fulfilment_call {
        margin-top: 30px
    }
    .e-commerce-fulfilment_call__text {
        padding: 40px 30px;
        margin: 40px 0;
        width: 100%;
        font-size: 18px;
        line-height: 120%
    }
    .e-commerce-fulfilment_call__text:after {
        width: 80px
    }
    .e-commerce-fulfilment_call__text:before {
        height: 20px
    }
    .retail-fulfilment {
        background: transparent;
        padding-bottom: 60px
    }
    .retail-fulfilment .block_with_illustration {
        margin-bottom: 40px
    }
    .retail-fulfilment .info_section .info_section_content, .retail-fulfilment .info_section.last .info_section_content {
        width: calc(100% - 20px);
        padding: 30px 50px 30px 30px
    }
    .retail-fulfilment .info_section__title {
        margin-bottom: 25px
    }
    .retail-fulfilment .info_section__list-item {
        margin-bottom: 20px;
        padding-left: 50px
    }
    .retail-fulfilment .info_section__list-item:before {
        width: 15px;
        left: 0
    }
    .retail-fulfilment .info_section__list-item:hover:before {
        width: 30px
    }
    .retail-fulfilment .step_list {
        overflow: hidden;
        margin: 60px auto
    }
    .retail-fulfilment .step_list .block__title {
        font-size: 30px;
        line-height: 39px
    }
    .retail-fulfilment .step_list__item {
        width: calc(50% - 15px);
        border-radius: 18px
    }
    .retail-fulfilment .step_list__item:before, .retail-fulfilment .step_list__item:after {
        left: 11px
    }
    .retail-fulfilment .step_list__item .subtitle {
        margin-bottom: 35px;
        line-height: normal
    }
    .retail-fulfilment .step_list__item-inner {
        padding: 20px 50px 50px 50px
    }
    .retail-fulfilment .step_list__item-inner:before {
        width: calc(100% - 30px);
        border-radius: 18px;
        transform: translate(15px, -20px)
    }
    .retail-fulfilment .step_list__item:hover .step_list__item-inner:before {
        border-color: #333;
        transform: translate(15px, 0)
    }
    .retail-fulfilment + .bottom-part:before, .retail-fulfilment + .bottom-part:after {
        display: none
    }
    .services-beyond-order-fulfilment {
        background: transparent
    }
    .services-beyond-order-fulfilment .block_with_illustration__content > div.img_wr {
        display: none
    }
    .services-beyond-order-fulfilment .block_with_illustration__content > div.text_wr {
        width: 100%
    }
    .services-beyond-order-fulfilment .cards__item {
        width: calc(50% - 15px);
        padding: 20px 50px 50px 50px;
        border-radius: 18px
    }
    .services-beyond-order-fulfilment .cards__item:before {
        width: calc(100% - 40px);
        transform: translate(20px, -20px);
        border-radius: 18px
    }
    .services-beyond-order-fulfilment + .bottom-part:before, .services-beyond-order-fulfilment + .bottom-part:after {
        display: none
    }
    .request-a-quote_section {
        margin-bottom: 45px
    }
    .request-a-quote_section__title {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 15px
    }
    .request-a-quote_section__text {
        font-size: 16px;
        line-height: 120%
    }
    .request-a-quote .info_section {
        margin-bottom: 60px
    }
    .request-a-quote .info_section_content {
        padding: 35px;
        margin: 0 20px 20px 0
    }
    .request-a-quote .info_section_content:before {
        width: 100%;
        transform: translate(20px, 20px)
    }
    .request-a-quote .info_section__title {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 25px
    }
    .request-a-quote .info_section__list-item {
        margin-bottom: 15px;
        padding-left: 50px
    }
    .request-a-quote .info_section__list-item:before {
        width: 15px;
        left: 0
    }
    .request-a-quote .info_section__list-item:hover:before, .request-a-quote .info_section__list-item:hover:nth-child(even):before {
        width: 15px;
        left: 0
    }
    .request-a-quote .quote-form-inner {
        margin-bottom: 30px
    }
    .request-a-quote .quote-form-inner .g-recaptcha > div {
        margin: 20px auto
    }
    .request-a-quote .quote-form-inner .notification-block {
        margin-top: -5px
    }
    .request-a-quote .quote-form-row {
        flex-wrap: wrap
    }
    .request-a-quote .quote-form-row--checkbox {
        margin: 20px auto
    }
    .request-a-quote .quote-form-row--checkbox .half-width {
        width: 100%;
        margin: 0 auto
    }
    .request-a-quote .quote-form-row--checkbox .half-width + .half-width {
        margin: 10px auto 0 auto
    }
    .request-a-quote .quote-form-section__hint {
        font-size: 20px;
        line-height: normal
    }
    .request-a-quote .quote-form-section__hint-wrapper {
        margin-bottom: 10px
    }
    .request-a-quote .quote-form-section .alert-box {
        margin-top: 20px
    }
    .request-a-quote .half-width {
        width: 100%
    }
    .request-a-quote .half-width + .half-width {
        margin-top: 20px
    }
    .unsubscribe .top_block .recover-form_inputs .input_wrapper, .unsubscribe .top_block .unsubscribe-form_inputs .input_wrapper {
        height: auto
    }
    .unsubscribe .top_block .recover-form_inputs .input_wrapper + .input_wrapper, .unsubscribe .top_block .unsubscribe-form_inputs .input_wrapper + .input_wrapper {
        margin-top: 30px
    }
    .unsubscribe .top_block .recover-form input:not([type=submit]), .unsubscribe .top_block .unsubscribe-form input:not([type=submit]) {
        line-height: 30px
    }
    .unsubscribe .top_block .recover-form_submit, .unsubscribe .top_block .unsubscribe-form_submit {
        margin-top: 25px
    }
    .client-support .block_with_illustration {
        margin-bottom: 50px
    }
    .client-support-list__title {
        font-size: 30px;
        line-height: 39px;
        margin: 40px auto 25px auto
    }
    .client-support-list-item {
        font-size: 20px;
        line-height: 24px
    }
    .client-support-list-item-wrapper {
        margin-bottom: 20px
    }
    .client-support-list-item-wrapper input:checked ~ .client-support-list-item .client-support-list-item-answer {
        line-height: 140%
    }
    .client-support-list-item-wrapper input:checked ~ .client-support-list-item .client-support-list-item-question:before {
        transform: rotate(90deg) translateX(-24px)
    }
    .client-support-list-item-answer {
        font-size: 16px
    }
    .client-support-list-item-question:before {
        width: 29px;
        height: 24px;
        background-size: 28px
    }
    .client-support_call {
        margin-top: 40px
    }
    .client-support_call__text {
        margin: 40px 0;
        width: 100%;
        padding: 40px 30px;
        font-size: 18px;
        line-height: 120%
    }
    .client-support_call__text:after {
        width: 80px
    }
    .client-support_call__text:before {
        height: 20px
    }
    .client-support + .bottom-part:before, .client-support + .bottom-part:after {
        display: none
    }
    .tos-body {
        background: transparent
    }
    .tos .block_with_border .block__title {
        font-size: 30px;
        line-height: normal;
        margin: 40px auto 20px auto
    }
    .tos .block_with_border:last-child .block__title {
        margin: 60px auto 20px auto
    }
    .tos .block_with_border__inner {
        padding: 30px 35px
    }
    .tos .block_with_border .title {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 15px
    }
    .tos .block_with_border .text {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 25px
    }
    .tos + .bottom-part {
        margin-top: -50px
    }
}
@media only screen and (max-width: 900px) {
    .frontpage .top_block__dots-center2 {
        bottom: 182px;
        left: 77.5%
    }
    .frontpage .top_block__location2 {
        left: 32.5%
    }
    .frontpage .top_block__dots-center {
        left: 29.3%
    }
    .frontpage .top_block__location1 {
        bottom: 175px;
        left: 18.5%
    }
    .frontpage .top_block__dots-left {
        bottom: 170px;
        left: 15.5%
    }
    .frontpage .fulfillment .fulfill-sponge2 {
        bottom: 32px;
        left: 69px;
        width: 120px
    }
    .frontpage .fulfillment .fulfill-sponge1 {
        bottom: 0;
        left: 0;
        width: 120px
    }
    .frontpage .fulfillment .fulfill-sponge3 {
        left: 183px
    }
    .frontpage .fulfillment .cloud-wrap {
        right: calc(50% - 187px);
        top: 76px
    }
    .frontpage .fulfillment .cloud-wrap:after {
        position: absolute;
        bottom: 29px;
        font-size: 12px
    }
    .frontpage .fulfillment .cloud {
        width: 73px
    }
    .frontpage .outsourcing .text {
        max-width: 625px
    }
    .frontpage .resource {
        background: #3bb0b0
    }
    .frontpage .resource:before {
        content: url(/front/img/front-slice.svg);
        position: absolute;
        top: -1px;
        left: -150px;
        display: block
    }
}
@media only screen and (max-width: 768px) {
    .frontpage .video {
        top: 70%;
        max-width: 118%
    }
    .frontpage .top_block__illustration-inner {
        width: 360px
    }
    .frontpage .top_block {
        height: 485px
    }
    .frontpage .top_block .text {
        max-width: 300px
    }
    .frontpage .top_block__dots-right {
        left: 61%;
        width: 50px;
        bottom: 126px
    }
    .frontpage .top_block__houses {
        transform: translate(-55%)
    }
    .frontpage .top_block__houses {
        bottom: -95px;
        transform: translate(-50%)
    }
    .frontpage .top_block__illustration-image {
        transform: translate(-54%)
    }
    .frontpage .top_block__oval-min-right {
        left: 84%;
        bottom: 38px
    }
    .frontpage .top_block__snake-right {
        bottom: -49px;
        left: 68.5%
    }
    .frontpage .top_block__dots-right {
        left: 62%;
        bottom: 155px
    }
    .frontpage .top_block__location3 {
        bottom: 165px;
        left: 65.8%
    }
    .frontpage .top_block__dots-center {
        bottom: 226px;
        left: 28%
    }
    .frontpage .frontpage .top_block__location1 {
        bottom: 180px;
        left: 18%
    }
    .frontpage .top_block__location2 {
        left: 32%
    }
    .frontpage .top_block__dots-center2 {
        bottom: 166px;
        left: 76%
    }
    .frontpage .top_block__dots-left {
        bottom: 170px;
        left: 14%
    }
    .frontpage .top_block__location1 {
        bottom: 180px;
        left: 18%
    }
    .frontpage .warehousing__item {
        margin-bottom: 150px
    }
    .frontpage .fulfillment .cloud {
        width: 87px
    }
    .frontpage .fulfillment .fulfill-sponge2 {
        bottom: 32px;
        left: 69px;
        width: 120px
    }
    .frontpage .fulfillment .fulfill-sponge1 {
        bottom: 0;
        left: 0;
        width: 120px
    }
    .frontpage .fulfillment .fulfill-sponge3 {
        left: 183px
    }
    .frontpage .fulfillment .cloud-wrap {
        right: calc(50% - 187px);
        top: 75px
    }
    .frontpage .fulfillment .cloud-wrap:after {
        position: absolute;
        bottom: 35px;
        font-size: 12px
    }
    .frontpage .cloud {
        width: 73px
    }
    .frontpage .outsourcing .table-dash2 {
        left: calc(50% - 128px)
    }
    .frontpage .start_now:before {
        content: url(/front/img/bottom-tablet-front.svg);
        position: absolute;
        bottom: -5px;
        right: -176px
    }
    .frontpage .warehousing .z1 {
        left: calc(50% - 42px)
    }
    .frontpage .warehousing .z2 {
        left: calc(50% - 33px)
    }
    .frontpage .warehousing .z3 {
        left: calc(50% - 21px)
    }
    .frontpage .resource .img_wr img {
        max-width: 100%
    }
    .safariClassName .frontpage .video canvas {
        right: -51px;
        bottom: -7px
    }
}
@media only screen and (width: 768px) {
    .container {
        width: 738px
    }
    .faq-section .customer-support__text, .faq-section .customer-support__phone, .faq-section .customer-support__hint {
        padding: 0 18px
    }
}
@media only screen and (max-width: 767px) {
    body {
        background: #fff
    }
    .top_block {
        height: 570px
    }
    .top_block:after, .top_block:before {
        left: calc(35% + 30px)
    }
    .top_block__illustration-inner {
        display: none
    }
    .block_with_illustration.underdash .block_with_illustration__content {
        padding-bottom: 0px
    }
    .block_with_illustration.underdash .block_with_illustration__content:before {
        display: none
    }
    .block_with_illustration__title {
        font-size: 24px;
        line-height: 30px
    }
    .block_with_illustration__text {
        font-size: 14px;
        line-height: 180%
    }
    .plan_cards__content .block__title {
        font-size: 24px;
        line-height: 30px
    }
    .plan_cards__content .block__subtitle {
        font-size: 14px;
        line-height: 180%
    }
    .plan_cards__item .title {
        font-size: 24px;
        line-height: 35px
    }
    .plan_cards__item .subtitle {
        font-size: 14px;
        line-height: normal
    }
    .plan_cards__item .list {
        font-size: 12px;
        line-height: 17px
    }
    .plan_cards__item .text {
        font-size: 12px;
        line-height: 17px
    }
    .partner__block {
        width: 100%;
        max-width: 400px;
        margin-right: auto;
        margin-left: auto
    }
    .partner__block .title {
        padding-left: 0
    }
    .faq-section .customer-support__title {
        font-size: 24px;
        line-height: 30px
    }
    .faq-section .customer-support__phone {
        text-align: center
    }
    .faq-section .customer-support .subscribe-section {
        padding-top: 0
    }
    .faq-section .customer-support .subscribe-section__wrapper {
        display: block
    }
    .faq-section .customer-support .subscribe-section .notification-block-wrapper {
        margin: 15px auto 0 auto
    }
    .faq-section .customer-support .subscribe__title {
        width: 100%;
        text-align: center;
        margin: 0 auto 30px auto
    }
    .faq-section .customer-support-subscription-form {
        text-align: center;
        margin: 0 auto
    }
    .frontpage {
        font-size: 13px;
        text-align: center
    }
    .frontpage .desktop-img {
        display: none
    }
    .frontpage .top_block .text {
        max-width: 100%
    }
    .frontpage .video {
        top: -465px;
        right: 40px;
        max-width: 153%
    }
    .frontpage .house-img {
        left: 0
    }
    .frontpage .top_block__illustration-image {
        transform: translate(-50%);
        display: block;
        bottom: -2px
    }
    .frontpage .top_block__oval-min-left {
        bottom: 58px
    }
    .frontpage .top_block__snake-left {
        bottom: 32px
    }
    .frontpage .top_block__dots-left {
        bottom: 126px;
        left: 14%
    }
    .frontpage .top_block__location1 {
        bottom: 138px;
        left: 18%
    }
    .frontpage .top_block__oval-min-middle {
        bottom: 98px;
        left: 58.5%
    }
    .frontpage .top_block__snake-middle {
        bottom: 71px;
        left: 41.7%
    }
    .frontpage .top_block__dots-center {
        bottom: 170px;
        left: 35%
    }
    .frontpage .top_block__location2 {
        left: 39%;
        bottom: 180px
    }
    .frontpage .top_block__houses {
        bottom: -103px
    }
    .frontpage .text {
        line-height: 150%;
        margin: 30px auto 0
    }
    .frontpage .fulfillment:before {
        display: none
    }
    .frontpage .top_block {
        height: 90vh
    }
    .frontpage .top_block__title {
        font-size: 25px;
        line-height: 150%;
        margin: 0 auto;
        text-align: center
    }
    .frontpage .top_block__title-sub {
        font-size: 35px
    }
    .frontpage .top_block__inner {
        width: 100%
    }
    .frontpage .top_block__inner .text {
        margin-top: 15px
    }
    .frontpage .top_block__illustration-wrapper {
        display: block
    }
    .frontpage .top_block:after, .frontpage .top_block:before {
        display: none
    }
    .frontpage .top_block__illustration-inner {
        display: block;
        height: 34%;
        overflow: hidden
    }
    .frontpage .top-img-wrap {
        width: 100%;
        top: 0;
        bottom: auto
    }
    .frontpage .top_block__wrapper {
        padding-top: 135px
    }
    .frontpage .green-title__title {
        font-size: 25px;
        line-height: 30px
    }
    .frontpage .top_block__title-sub {
        color: #f8fa9b
    }
    .frontpage .top_block__inner:before, .frontpage .top_block__inner:after {
        display: none
    }
    .frontpage .fulfillment {
        padding-top: 20px;
        padding-bottom: 110px
    }
    .frontpage .fulfillment .title {
        margin-top: 280px
    }
    .frontpage .fulfillment .img_wr {
        width: 100%;
        position: absolute;
        top: 0
    }
    .frontpage .fulfillment .fulfill-sponge2 {
        display: none
    }
    .frontpage .fulfillment .fulfill-sponge1 {
        bottom: 71px;
        left: calc(50% - 163px)
    }
    .frontpage .fulfillment .fulfill-sponge2-mob {
        display: block;
        top: -220px;
        left: calc(50% - 107px)
    }
    .frontpage .fulfillment .fulfill-sponge3 {
        left: calc(50% - 2px);
        top: -278px;
        width: 137px
    }
    .frontpage .fulfillment .cloud-wrap {
        right: calc(50% - 111px);
        top: -286px
    }
    .frontpage .fulfillment .cloud-wrap:after {
        bottom: 27px
    }
    .frontpage .fulfillment .cloud {
        display: none
    }
    .frontpage .fulfillment .cloud-mob {
        display: block;
        width: 80px
    }
    .frontpage .resource .img_wr img {
        width: 100%;
        max-height: 252px
    }
    .frontpage .fulfillment__block {
        display: block;
        position: relative
    }
    .frontpage .start_now .biker-block {
        width: 320px;
        animation: 6s ease-in-out infinite biker-animate-mob
    }
    .frontpage .start_now .biker {
        max-width: 63%
    }
    .frontpage .start_now .wheel1 {
        bottom: 6px;
        left: 195px;
        width: 13%
    }
    .frontpage .start_now .wheel2 {
        bottom: 5px;
        right: 213px;
        width: 13%
    }
    .frontpage .distributed-img {
        width: 80vw;
        max-width: 320px
    }
    .frontpage .warehousing {
        padding-top: 75px;
        padding-bottom: 100px
    }
    .frontpage .warehousing .green-title__title {
        margin-bottom: 100px
    }
    .frontpage .warehousing__services .text_wr {
        margin-top: 30px
    }
    .frontpage .warehousing__trends {
        position: relative;
        margin-bottom: 50px
    }
    .frontpage .warehousing__trends .img_wr {
        position: absolute;
        top: -255px
    }
    .frontpage .warehousing__solution .text_wr {
        margin-top: 30px
    }
    .frontpage .warehousing__item {
        display: block
    }
    .frontpage .warehousing__item .img_wr {
        width: 100%
    }
    .frontpage .start_now {
        background: #f8fa9b;
        padding-top: 70px;
        padding-bottom: 150px
    }
    .frontpage .start_now:before {
        display: none
    }
    .frontpage .start_now .title {
        font-size: 25px
    }
    .frontpage .start_now .btn {
        font-size: 13px;
        padding: 5px 10px
    }
    .frontpage .resource {
        margin-top: 0px
    }
    .frontpage .resource:before {
        content: url(/front/img/front-slice.svg);
        position: absolute;
        top: -1px;
        left: -238px
    }
    .frontpage .man-cat {
        width: 80vw;
        max-width: 320px
    }
    .frontpage .bypassing__content {
        display: block
    }
    .frontpage .bypassing {
        padding-bottom: 180px
    }
    .frontpage .bypassing .img_wr {
        width: 100%
    }
    .frontpage .bypassing .text_wr {
        margin-top: 30px
    }
    .frontpage .bypassing .hand-dash2 {
        right: calc(50% - 109px);
        width: 79px;
        bottom: 108px
    }
    .frontpage .bypassing .hand-dash1 {
        bottom: 97px
    }
    .frontpage .bypassing .hand-sponge1 {
        top: 94px
    }
    .frontpage .bypassing .hand-sponge3 {
        right: calc(50% - 135px);
        bottom: 84px
    }
    .frontpage .bypassing .location-green3 {
        top: 135px;
        left: calc(50% + 21px)
    }
    .frontpage .bypassing .location-green1 {
        top: 152px
    }
    .frontpage .hand {
        width: 180px
    }
    .frontpage .outsourcing .people-table {
        width: 135px;
        transform: translate(-50%)
    }
    .frontpage .outsourcing .man-cap1 {
        width: 52px;
        left: calc(50% - 182px)
    }
    .frontpage .outsourcing .man-cap3 {
        width: 52px;
        left: 83%
    }
    .frontpage .outsourcing .man-cap2 {
        display: none
    }
    .frontpage .outsourcing .table-dash1 {
        left: -21px;
        bottom: 59px
    }
    .frontpage .outsourcing .table-dash2 {
        left: calc(50% - 124px);
        bottom: 77px
    }
    .frontpage .outsourcing .table-dash3 {
        bottom: 71px;
        left: calc(50% + -12px)
    }
    .frontpage .warehousing .z1 {
        left: calc(50% - 3px)
    }
    .frontpage .warehousing .z2 {
        left: calc(50% - -5px)
    }
    .frontpage .warehousing .z3 {
        left: calc(50% - -16px)
    }
    .frontpage .biker-dash1 {
        display: none
    }
    .frontpage .biker-dash2 {
        display: none
    }
    .frontpage .biker-dash3 {
        display: none
    }
    .frontpage .biker-dash4 {
        display: none
    }
    .frontpage .biker-dash5 {
        display: none
    }
    .frontpage .biker-dash6 {
        display: none
    }
    .frontpage .biker-dash7 {
        display: none
    }
    .frontpage .biker-dash8 {
        display: none
    }
    .frontpage .biker-dash9 {
        display: none
    }
    .frontpage .biker-dash10 {
        display: none
    }
    .frontpage .biker-dash11 {
        display: none
    }
    .frontpage .biker-dash12 {
        display: none
    }
    .frontpage .biker-dash13 {
        display: none
    }
    .frontpage .biker-dash14 {
        display: none
    }
    .frontpage .biker-dash15 {
        display: none
    }
    .frontpage .biker-dash16 {
        display: none
    }
    .frontpage .biker-dash17 {
        display: none
    }
    .frontpage .biker-dash-mini-top {
        display: none
    }
    .frontpage .biker-dash-mini-bottom {
        display: none
    }
    .frontpage .outsourcing .text {
        max-width: 90%
    }
    .frontpage .warehousing__trends .text {
        max-width: 100%
    }
    .frontpage .warehousing__item.warehousing__services {
        margin-bottom: 322px
    }
    .frontpage .warehousing .people-coffe {
        right: 50%;
        transform: translate(50%);
        max-width: 290px
    }
    .frontpage .warehousing .dollar {
        right: calc(50% + 84px)
    }
    .frontpage .warehousing .euro {
        right: calc(50% + 71px)
    }
    .frontpage .warehousing .line1 {
        right: calc(50% - 70px)
    }
    .frontpage .warehousing .line2 {
        right: calc(50% - 82px)
    }
    .frontpage .warehousing .line3 {
        right: calc(50% - 98px)
    }
    @keyframes biker-animate-mob {
        20% {
            transform: rotate(7deg) translateY(-5px)
        }
        30% {
            transform: rotate(5deg) translateY(-5px)
        }
        45% {
            transform: rotate(10deg) translateY(-5px)
        }
        60% {
            transform: rotate(0deg) translateY(0px)
        }
    }.who_is_hubgeo .call-us {
         margin-top: 140px
     }
    .who_is_hubgeo .call-us__button {
        margin-bottom: 100px
    }
    .our-key-principles {
        background-position-y: 550px
    }
    .our-key-principles .step_list__content {
        justify-content: center
    }
    .our-key-principles .step_list__item {
        width: 290px;
        flex-shrink: 0
    }
    .our-key-principles .step_list__item:nth-child(1), .our-key-principles .step_list__item:nth-child(2), .our-key-principles .step_list__item:nth-child(3), .our-key-principles .step_list__item:nth-child(4) {
        margin: 0 15px 115px 15px
    }
    .our-key-principles .step_list__item:nth-child(5) {
        margin: 0 15px
    }
    .our-key-principles .step_list__item .title {
        padding-left: 45px
    }
    .discover-the-world-with-us .step_list {
        padding-top: 20px;
        margin: 40px auto -20px auto;
        overflow: hidden
    }
    .discover-the-world-with-us .step_list__content {
        width: calc(100% + 30px);
        margin-left: -15px
    }
    .discover-the-world-with-us .step_list__item {
        width: 320px;
        flex-shrink: 0
    }
    .discover-the-world-with-us .step_list__item:nth-child(1), .discover-the-world-with-us .step_list__item:nth-child(2), .discover-the-world-with-us .step_list__item:nth-child(3), .discover-the-world-with-us .step_list__item:nth-child(4), .discover-the-world-with-us .step_list__item:nth-child(5) {
        margin: 0 15px 80px 15px
    }
    .discover-the-world-with-us .step_list__item .subtitle {
        color: #5a5a5a
    }
    .discover-the-world-with-us .step_list__item-inner:before {
        border-color: #5a5a5a
    }
    .discover-the-world-with-us .step_list__item:hover .subtitle {
        color: #3bb0b0
    }
    .discover-the-world-with-us .step_list__item:hover .step_list__item-inner:before {
        border-color: #3bb0b0
    }
    .referral-partnerships {
        background-position-x: -175px
    }
    .referral-partnerships .content {
        margin-top: 0
    }
    .referral-partnerships .block_with_illustration {
        margin-bottom: 20px
    }
    .referral-partnerships .partner__block .title {
        padding-left: 0
    }
    .contact-us .block_with_plane_text .block__title {
        font-size: 24px;
        line-height: 28px
    }
    .contact-us .block_with_plane_text .text {
        font-size: 14px
    }
    .contact-us .top_block {
        margin-bottom: -20px
    }
    .contact-us .top_block:before, .contact-us .top_block:after {
        display: none
    }
    .contact-us .map_section {
        display: block
    }
    .contact-us .contact__addresses {
        flex-wrap: wrap
    }
    .contact-us .contact__addresses .address__item {
        max-width: 326px
    }
    .contact-us .contact__description .mob_text {
        display: block;
        margin: -15px auto 35px 0
    }
    .contact-us .contact__description .mob_text .phone {
        display: flex
    }
    .contact-us .contact__description .subtitle .phone, .contact-us .contact__description .text_after_subtitle .phone {
        display: none
    }
    .contact-us .about_contact-form {
        margin: 0 calc(50% - 151px)
    }
    .contact-us .about_contact-form_descriprion .block__title, .contact-us .about_contact-form_descriprion .text {
        line-height: 140%
    }
    .order-processing .cards .block__title {
        font-size: 24px;
        line-height: normal
    }
    .order-processing .cards__item, .order-processing .cards__item:nth-child(1), .order-processing .cards__item:nth-child(2), .order-processing .cards__item:nth-child(3), .order-processing .cards__item:nth-child(4), .order-processing .cards__item:nth-child(5), .order-processing .cards__item:nth-child(6) {
        width: 290px
    }
    .order-processing .cards__item .text {
        font-size: 14px
    }
    .order-processing .two_cards .block__title {
        font-size: 24px;
        line-height: normal
    }
    .order-processing .two_cards__item {
        width: 320px
    }
    .order-processing .two_cards__itemInner .title {
        font-size: 18px;
        line-height: normal
    }
    .order-processing .two_cards__itemInner .text {
        font-size: 14px
    }
    .order-processing .block_with_plain_text .block__title {
        font-size: 24px;
        line-height: normal
    }
    .order-processing .block_with_plain_text .text {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 23px
    }
    .order-processing .block_with_illustration__title {
        font-size: 24px;
        line-height: normal
    }
    .order-processing .block_with_illustration__text {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 23px
    }
    .order-processing .block_with_illustration__text:last-child {
        margin-bottom: 0
    }
    .our-special-features .cards__block {
        justify-content: center
    }
    .our-special-features .cards__item {
        width: 320px
    }
    .our-special-features .cards__item .title {
        font-size: 18px;
        line-height: normal
    }
    .distribution-warehousing .block_with_plane_text .block__title {
        font-size: 24px;
        line-height: 28px
    }
    .distribution-warehousing .block_with_plane_text .text {
        font-size: 14px
    }
    .distribution-warehousing .green-title-border__title {
        font-size: 24px;
        line-height: 28px
    }
    .distribution-warehousing .two_cards .block__title {
        font-size: 24px;
        line-height: 28px
    }
    .distribution-warehousing .two_cards__item {
        width: 320px
    }
    .distribution-warehousing .two_cards__item .text {
        font-size: 14px
    }
    .distribution-warehousing .two_cards__hint {
        font-size: 14px
    }
    .distribution-warehousing .cards__item {
        width: 320px
    }
    .distribution-warehousing .cards__item .text {
        font-size: 14px
    }
    .distribution-warehousing .cards__itemInner {
        margin-right: 20px;
        width: calc(100% - 20px)
    }
    .distribution-warehousing .green-text {
        font-size: 14px
    }
    .distribution-warehousing .block_with_border .text {
        font-size: 14px
    }
    .distribution-warehousing .info_section__list .item {
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 15px
    }
    .distribution-warehousing .timeline_list__title {
        font-size: 24px;
        line-height: 28px
    }
    .distribution-warehousing .timeline_list__item {
        width: 100%;
        min-height: unset
    }
    .distribution-warehousing .timeline_list__item:before, .distribution-warehousing .timeline_list__item:after {
        display: none
    }
    .distribution-warehousing .timeline_list__item, .distribution-warehousing .timeline_list__item:nth-child(even) {
        margin: 0 auto 30px auto
    }
    .distribution-warehousing .timeline_list__item .text {
        font-size: 14px;
        line-height: 23px
    }
    .pricing .step_full__title {
        font-size: 24px;
        line-height: 28px
    }
    .pricing .step_full__item {
        text-align: center;
        flex-shrink: 0
    }
    .pricing .step_full__item, .pricing .step_full__item:nth-child(even) {
        width: 320px
    }
    .pricing .step_full__itemInner {
        padding: 80px 0 0 0;
        border: 0;
        border-radius: 0
    }
    .pricing .step_full__item .text {
        font-size: 14px;
        margin-bottom: 23px
    }
    .pricing .green-block {
        width: 320px;
        flex-shrink: 0;
        padding: 30px 15px
    }
    .pricing .green-block__section .block__title {
        font-size: 24px;
        line-height: 28px
    }
    .pricing .green-block__row {
        justify-content: center
    }
    .pricing .green-block__row .green-block, .pricing .green-block__row .green-block:nth-child(odd), .pricing .green-block__row .green-block:nth-child(even), .pricing .green-block__row:nth-child(even) .green-block, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd), .pricing .green-block__row:nth-child(even) .green-block:nth-child(even) {
        margin: 0 15px 30px 15px
    }
    .pricing .green-block__row .green-block:nth-child(odd), .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd) {
        background-color: #828282;
        border: 2px solid #828282
    }
    .pricing .green-block__row .green-block:nth-child(odd) .title, .pricing .green-block__row .green-block:nth-child(odd) .text, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd) .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd) .text {
        color: #fff
    }
    .pricing .green-block__row .green-block:nth-child(odd):hover, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd):hover {
        background-color: #f8fa9b;
        border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
    }
    .pricing .green-block__row .green-block:nth-child(odd):hover .title, .pricing .green-block__row .green-block:nth-child(odd):hover .text, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd):hover .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(odd):hover .text {
        color: #000
    }
    .pricing .green-block__row .green-block:nth-child(even), .pricing .green-block__row:nth-child(even) .green-block:nth-child(even) {
        background-color: #f8fa9b;
        border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
    }
    .pricing .green-block__row .green-block:nth-child(even) .title, .pricing .green-block__row .green-block:nth-child(even) .text, .pricing .green-block__row:nth-child(even) .green-block:nth-child(even) .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(even) .text {
        color: #000
    }
    .pricing .green-block__row .green-block:nth-child(even):hover, .pricing .green-block__row:nth-child(even) .green-block:nth-child(even):hover {
        background-color: #828282;
        border: 2px solid #828282
    }
    .pricing .green-block__row .green-block:nth-child(even):hover .title, .pricing .green-block__row .green-block:nth-child(even):hover .text, .pricing .green-block__row:nth-child(even) .green-block:nth-child(even):hover .title, .pricing .green-block__row:nth-child(even) .green-block:nth-child(even):hover .text {
        color: #fff
    }
    .pricing .green-block, .pricing .green-block:nth-child(even) {
        margin: 0 15px 30px 15px
    }
    .pricing .extra__title {
        font-size: 24px;
        line-height: 28px
    }
    .artificial-intelligence .two-rectangles_text__content .text {
        font-size: 14px
    }
    .artificial-intelligence .cards .block__title {
        font-size: 24px;
        line-height: 30px
    }
    .artificial-intelligence .cards__item {
        width: 298px
    }
    .artificial-intelligence .cards__item:nth-child(1) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(3) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(5) .cards__itemInner {
        border-color: #f8fa9b
    }
    .artificial-intelligence .cards__item:nth-child(2) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(4) .cards__itemInner, .artificial-intelligence .cards__item:nth-child(6) .cards__itemInner {
        border-color: #3bb0b0
    }
    .artificial-intelligence .cards__item .text {
        font-size: 14px
    }
    .web-based-software .block_with_illustration {
        margin-bottom: 0
    }
    .web-based-software .cards .block__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px
    }
    .web-based-software .cards__item {
        width: 290px;
        flex-shrink: 0
    }
    .web-based-software .cards__item .text {
        font-size: 14px
    }
    .commerce-edi .plan_cards {
        margin: -20px auto 0 auto
    }
    .commerce-edi .plan_cards__item {
        width: 320px;
        flex-shrink: 0
    }
    .commerce-edi .plan_cards__item .title {
        line-height: normal
    }
    .commerce-edi .plan_cards__item:first-child, .commerce-edi .plan_cards__item:last-child {
        margin: 0 0 55px 0
    }
    .commerce-edi .info_section__title {
        line-height: normal
    }
    .commerce-edi .info_section__list-item {
        font-size: 12px;
        line-height: 17px
    }
    .empowering-developers .block_with_illustration {
        margin-bottom: 0
    }
    .empowering-developers .cards__item {
        width: 290px;
        flex-shrink: 0
    }
    .fulfilment-by-amazon .green-title-border__title {
        font-size: 24px
    }
    .fulfilment-by-amazon .green-block {
        width: 320px;
        flex-shrink: 0
    }
    .fulfilment-by-amazon .green-block__section .block__title {
        font-size: 24px;
        line-height: normal
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd), .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even), .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(even) .green-block:nth-child(odd), .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(even) .green-block:nth-child(even) {
        margin: 0 15px 30px 15px
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd) {
        background-color: #828282;
        border: 2px solid #828282
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd) .text {
        color: #fff
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd):hover {
        background-color: #f8fa9b;
        border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(odd):hover .text {
        color: #000
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even) {
        background-color: #f8fa9b;
        border-image: url(/front/img/green-title-border.svg) 2 stretch stretch
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even) .text {
        color: #000
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even):hover {
        background-color: #828282;
        border: 2px solid #828282
    }
    .fulfilment-by-amazon .green-block__section .container:nth-child(4) .green-block__row:nth-child(odd) .green-block:nth-child(even):hover .text {
        color: #fff
    }
    .fulfilment-by-amazon .green-block__row {
        width: calc(100% + 30px);
        margin-left: -15px;
        justify-content: center
    }
    .fulfilment-by-amazon .green-block, .fulfilment-by-amazon .green-block:nth-child(even) {
        margin: 0 15px 30px 15px
    }
    .fulfilment-by-amazon .green-block .text {
        font-size: 14px
    }
    .fulfilment-by-amazon .extra__title {
        font-size: 24px
    }
    .fulfilment-by-amazon .extra__text {
        font-size: 14px
    }
    .fulfilment-by-amazon .cards .block__title {
        font-size: 24px;
        line-height: normal
    }
    .fulfilment-by-amazon .cards__item {
        width: 320px;
        flex-shrink: 0
    }
    .fulfilment-by-amazon .cards__item .title {
        font-size: 18px
    }
    .fulfilment-by-amazon .cards__item .text {
        font-size: 14px
    }
    .international-fulfilment_block .block__title {
        font-size: 24px;
        line-height: 30px
    }
    .international-fulfilment_block .text {
        font-size: 12px;
        line-height: 17px
    }
    .international-fulfilment .one-rectangle-list_block {
        padding: 0
    }
    .international-fulfilment .one-rectangle-list_block__content {
        width: 100%;
        margin: 0 auto;
        padding: 30px 35px 15px 35px
    }
    .international-fulfilment .one-rectangle-list_block__content:before {
        display: none
    }
    .international-fulfilment .one-rectangle-list_block__list {
        width: 100%;
        max-width: 333px;
        margin-bottom: 20px
    }
    .international-fulfilment .two-rectangles_block__content {
        width: calc(100% - 40px);
        max-width: 400px
    }
    .international-fulfilment .two-rectangles_block__content .text {
        font-size: 12px;
        line-height: 18px
    }
    .crowdfunding-fulfilment .cards .block__title, .crowdfunding-fulfilment .two_cards .block__title {
        font-size: 24px;
        line-height: 30px
    }
    .crowdfunding-fulfilment .cards .text, .crowdfunding-fulfilment .two_cards .text {
        font-size: 14px
    }
    .crowdfunding-fulfilment .cards__item, .crowdfunding-fulfilment .two_cards__item {
        width: 320px;
        flex-shrink: 0
    }
    .crowdfunding-fulfilment .cards__item .title, .crowdfunding-fulfilment .two_cards__item .title {
        font-size: 16px
    }
    .crowdfunding-fulfilment .yellow-list {
        padding: 10px 25px 10px 10px
    }
    .crowdfunding-fulfilment .yellow-list__title {
        font-size: 24px;
        line-height: 30px
    }
    .crowdfunding-fulfilment .yellow-list__item {
        font-size: 14px
    }
    .order-fulfilment-for-startups {
        background-position-x: -175px
    }
    .order-fulfilment-for-startups .block_with_illustration {
        margin-bottom: 0
    }
    .order-fulfilment-for-startups .cards .block__title {
        font-size: 24px;
        line-height: 30px
    }
    .order-fulfilment-for-startups .cards__item {
        flex-shrink: 0
    }
    .order-fulfilment-for-startups .cards__item, .order-fulfilment-for-startups .cards__item:nth-child(1), .order-fulfilment-for-startups .cards__item:nth-child(2), .order-fulfilment-for-startups .cards__item:nth-child(3), .order-fulfilment-for-startups .cards__item:nth-child(4) {
        width: 290px
    }
    .e-commerce-fulfilment .block_with_illustration__content > div.text_wr {
        margin-bottom: 0
    }
    .e-commerce-fulfilment_list__title {
        font-size: 24px;
        line-height: 28px
    }
    .e-commerce-fulfilment_list__item {
        text-align: center;
        width: 290px
    }
    .e-commerce-fulfilment_list__item .title {
        font-family: Lato;
        font-size: 14px;
        line-height: 17px
    }
    .e-commerce-fulfilment_list__item .text {
        font-size: 12px;
        line-height: 17px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__list {
        font-size: 12px;
        line-height: 17px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__list-title {
        font-size: 24px;
        line-height: 27px
    }
    .e-commerce-fulfilment .one-rectangle-list_block__content {
        margin: 0 20px 0 0
    }
    .e-commerce-fulfilment .cards .block__title {
        font-size: 24px;
        line-height: 28px
    }
    .e-commerce-fulfilment .cards__item {
        width: 290px
    }
    .e-commerce-fulfilment .cards__item .title {
        font-size: 18px;
        line-height: 20px
    }
    .e-commerce-fulfilment .cards__item .text {
        font-family: Lato;
        font-size: 14px;
        line-height: 23px
    }
    .e-commerce-fulfilment_call__text {
        font-size: 14px
    }
    .retail-fulfilment .block_with_illustration {
        margin-bottom: 0
    }
    .retail-fulfilment .info_section__title {
        line-height: normal
    }
    .retail-fulfilment .info_section__list-item {
        font-size: 12px;
        line-height: 17px
    }
    .retail-fulfilment .step_list {
        margin: 60px auto 0 auto
    }
    .retail-fulfilment .step_list .block__title {
        font-size: 24px;
        line-height: 30px
    }
    .retail-fulfilment .step_list__content {
        width: calc(100% + 30px);
        margin-left: -15px;
        justify-content: center
    }
    .retail-fulfilment .step_list__item {
        width: 320px;
        flex-shrink: 0
    }
    .retail-fulfilment .step_list__item, .retail-fulfilment .step_list__item:nth-child(1), .retail-fulfilment .step_list__item:nth-child(2), .retail-fulfilment .step_list__item:nth-child(3), .retail-fulfilment .step_list__item:nth-child(4), .retail-fulfilment .step_list__item:nth-child(5) {
        margin: 0 15px 60px 15px
    }
    .services-beyond-order-fulfilment .cards__block {
        width: calc(100% + 30px);
        margin-left: -15px;
        justify-content: center
    }
    .services-beyond-order-fulfilment .cards__item {
        width: 320px;
        flex-shrink: 0
    }
    .services-beyond-order-fulfilment .cards__item, .services-beyond-order-fulfilment .cards__item:nth-child(1), .services-beyond-order-fulfilment .cards__item:nth-child(2), .services-beyond-order-fulfilment .cards__item:nth-child(3), .services-beyond-order-fulfilment .cards__item:nth-child(4) {
        margin: 0 15px 60px 15px
    }
    .services-beyond-order-fulfilment .cards__item .title {
        font-size: 18px;
        line-height: normal
    }
    .services-beyond-order-fulfilment .cards__item .text {
        font-size: 14px
    }
    .request-a-quote_section__title, .request-a-quote_section__text {
        font-family: Lato;
        font-size: 14px;
        line-height: 120%;
        font-weight: bold;
        color: #000
    }
    .request-a-quote_section__text {
        font-weight: normal
    }
    .request-a-quote .info_section__title {
        font-size: 24px;
        line-height: 27px;
        font-family: Lato
    }
    .request-a-quote .info_section__list-item {
        font-size: 12px;
        line-height: 17px
    }
    .request-a-quote .quote-form-section__hint {
        font-size: 14px;
        line-height: 120%;
        font-family: Lato
    }
    .request-a-quote .quote-form-row--checkbox {
        margin: 20px auto 20px -15px
    }
    .request-a-quote .quote-form-row--checkbox .half-width {
        padding: 0 15px
    }
    .request-a-quote .quote-form-row--checkbox .full-width {
        padding: 0 15px
    }
    .request-a-quote .quote-form-row--checkbox .checkbox-label {
        display: block
    }
    .request-a-quote .quote-form-inner {
        overflow: auto
    }
    .request-a-quote .quote-form-inner-block {
        overflow: hidden
    }
    .request-a-quote .quote-form-inner .get_quote {
        overflow-x: hidden
    }
    .request-a-quote .quote-form-inner .g-recaptcha > div {
        margin: 20px calc(50% - 152px)
    }
    .client-support .block_with_illustration__content > div.text_wr {
        margin-bottom: 0
    }
    .client-support-list__title {
        font-size: 24px;
        line-height: 30px
    }
    .client-support-list-item {
        font-size: 14px;
        line-height: 180%;
        font-weight: bold
    }
    .client-support-list-item-wrapper {
        padding-left: 50px
    }
    .client-support-list-item-question:before {
        left: -50px
    }
    .client-support-list-item-answer {
        font-size: 14px
    }
    .client-support_call__text {
        font-size: 14px
    }
    .tos .block_with_border .block__title {
        font-size: 24px;
        line-height: 30px
    }
    .tos .block_with_border .title {
        font-size: 18px;
        line-height: 20px
    }
}
@media only screen and (max-width: 425px) {
    .top_block:before, .top_block:after {
        left: calc(35% + 60px)
    }
    .faq-section .customer-support__description {
        padding: 740px 0 30px 0;
        margin: -740px auto 0 calc(50% - 50vw);
        background-size: 640px
    }
    .artificial-intelligence .two-rectangles_section:last-child {
        margin-bottom: -1px
    }
    .top_block {
        height: 500px;
        align-items: flex-start
    }
    .top_block .top_block__title {
        margin-top: 18%
    }
    .who_is_hubgeo .call-us {
        margin-top: 100px
    }
    .who_is_hubgeo .call-us__button {
        margin-bottom: 30px
    }
    .unsubscribe .top_block .recover-form_wrapper, .unsubscribe .top_block .unsubscribe-form_wrapper {
        width: 290px
    }
    .unsubscribe .top_block .recover-form .g-recaptcha > *, .unsubscribe .top_block .unsubscribe-form .g-recaptcha > * {
        margin-left: -6px
    }
    .unsubscribe .top_link + .top_link {
        margin-left: 10px
    }
    .request-a-quote .quote-form-inner .g-recaptcha > div {
        margin: 20px auto
    }
}
@media only screen and (max-width: 360px) {
    .frontpage .top_block__illustration-inner {
        width: 290px
    }
    .frontpage .top_block__houses {
        bottom: -126px
    }
    .frontpage .top_block__oval-min-left {
        left: 46%;
        bottom: 47px
    }
    .frontpage .top_block__snake-left {
        bottom: 18px;
        left: 15.7%
    }
    .frontpage .top_block__dots-left {
        bottom: 105px;
        left: 8%
    }
    .frontpage .top_block__location1 {
        bottom: 116px;
        left: 13%
    }
    .frontpage .top_block__location1 {
        bottom: 116px;
        left: 13%
    }
    .frontpage .top_block__snake-middle {
        bottom: 40px;
        left: 48.7%
    }
    .frontpage .top_block__oval-min-middle {
        bottom: 74px;
        left: 65.5%
    }
    .frontpage .top_block__dots-center {
        bottom: 129px;
        left: 40%
    }
    .frontpage .top_block__location2 {
        left: 45%;
        bottom: 138px
    }
    .frontpage .top_block__snake-right {
        bottom: -87px;
        left: 78.5%
    }
    .frontpage .top_block__oval-min-right {
        left: 93%;
        bottom: 10px
    }
    .frontpage .top_block__dots-right {
        left: 71%;
        bottom: 101px
    }
    .frontpage .top_block__location3 {
        bottom: 112px;
        left: 75.8%
    }
}
@media only screen and (max-width: 330px) {
    .frontpage .top_block {
        height: 120vh
    }
    .frontpage .video {
        top: -520px
    }
    .frontpage .warehousing .euro {
        right: calc(50% + 71px)
    }
    .frontpage .warehousing .dollar {
        right: calc(50% + 84px)
    }
    .frontpage .warehousing .line1 {
        right: calc(50% - 70px)
    }
    .frontpage .warehousing .line2 {
        right: calc(50% - 82px)
    }
    .frontpage .warehousing .line3 {
        right: calc(50% - 98px)
    }
}
@-moz-document url-prefix() {
}
.apple .header__drop_item > span:before {
    top: 50%
}
.mobile .frontpage .top_block__wrapper {
    background: #3bb0b0
}
@media screen and (max-width: 768px) {
    .mobile .frontpage .ios-img img {
        width: 428px;
        bottom: -10px
    }
}
@media screen and (max-width: 767px) {
    .mobile .frontpage .ios-img {
        width: 775px;
        height: 404px;
        max-width: 100%;
        position: absolute;
        right: calc(50% - 212px);
        bottom: auto;
        top: -157px;
        z-index: -1
    }
    .mobile .frontpage .ios-img img {
        width: 428px;
        bottom: 4px
    }
}
@media screen and (max-width: 330px) {
    .mobile .frontpage .ios-img {
        width: 775px;
        height: 404px;
        max-width: 100%;
        position: absolute;
        right: -webkit-calc(50% - 212px);
        right: calc(50% - 181px);
        bottom: auto;
        top: -157px;
        z-index: -1
    }
    .mobile .frontpage .ios-img img {
        width: 353px;
        bottom: 53px
    }
}
@keyframes clockwise {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
@keyframes anticlockwise {
    0% {
        transform: rotate(360deg)
    }
    100% {
        transform: rotate(0deg)
    }
}
.preloader {
    position: fixed;
    z-index: -10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: center;
    background: rgba(240, 240, 240, .5);
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1)
}
@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(0.2, 0.2, 0.2)
    }
}
@keyframes pulse2 {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(0, 0, 0)
    }
    100% {
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse3 {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(0, 0, 0)
    }
    90% {
        transform: scale3d(1, 1, 1)
    }
}
.preloader .main-loader {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px
}
.preloader .loader1 {
    width: 20px;
    height: 20px;
    background-color: #f8fa9b;
    border-radius: 50%;
    float: left;
    z-index: 9;
    position: absolute;
    left: 20px;
    top: 20px;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: center;
    animation-delay: 0s;
    transition: transform .4s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.preloader .loader2 {
    width: 40px;
    height: 40px;
    background-color: #3bb0b0;
    border-radius: 50%;
    float: left;
    z-index: 8;
    opacity: .7;
    position: absolute;
    left: 10px;
    top: 10px;
    animation-name: pulse2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .3s;
    transform-origin: center;
    transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.preloader .loader3 {
    width: 60px;
    height: 60px;
    background-color: #f8fa9b;
    border-radius: 50%;
    float: left;
    z-index: 7;
    opacity: .4;
    position: absolute;
    left: 0;
    top: 0;
    animation-name: pulse3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .5s;
    transform-origin: center;
    transition: transform .2s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.cookies-alert_section {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0;
    padding: 0;
    user-select: none !important;
    background: #3bb0b0;
    background-size: cover;
    color: #fff;
    text-align: center;
    border-radius: 0 8px 0 0
}
.cookies-alert_section.hidden {
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}
.cookies-alert_section h2 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    min-width: 117px
}
.cookies-alert_section .btn_2 {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    min-width: 104px;
    padding: 7px;
    box-shadow: none;
    cursor: pointer
}
.cookies-alert_section .cookie-details-link {
    margin-left: 30px;
    text-decoration: underline !important;
    font-size: 17px
}
.cookies-alert_section .cookies-btns {
    display: flex;
    align-items: center;
    padding-right: 10px
}
.cookies-alert_section .cookies-btns .btn.btn_2.cookies-alert_button {
    margin: 0
}
.cookies-alert_content {
    padding: 15px 0;
    display: flex;
    align-items: center
}
.cookies-alert_message {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 160%;
    font-weight: 400;
    margin-right: 12px;
    margin-left: 20px
}
@media screen and (max-width: 1199px) {
    .cookies-alert_section h2 {
        font-size: 14px
    }
    .cookies-alert_section .btn_2 {
        font-size: 14px
    }
    .cookies-alert_section .cookie-details-link {
        font-size: 14px
    }
}
@media screen and (max-width: 1024px) {
    .cookies-alert_section {
        width: 100%;
        border-radius: 0
    }
    .cookies-alert_content {
        margin: 0 auto;
        display: block;
        max-width: 375px;
        padding: 15px 0 15px 0
    }
    .cookies-alert_section .cookies-btns {
        justify-content: center
    }
    .cookies-alert_section h2 {
        font-size: 12px
    }
    .cookies-alert_message {
        font-size: 8px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}
@media screen and (max-width: 540px) {
    .cookies-alert_content {
        max-width: unset;
        padding: 15px 0
    }
    .cookies-alert_message {
        margin: 10px 15px 50px 15px
    }
}
@media screen and (max-width: 374px) {
    .cookies-alert_content {
        max-width: unset;
        padding: 15px 0
    }
    .cookies-alert_message {
        margin: 15px 0
    }
    .cookies-alert_section .cookies-btns {
        display: block
    }
    .cookies-alert_section .btn_2 {
        display: block;
        margin: 0 auto !important
    }
    .cookies-alert_section .cookie-details-link {
        margin: 20px auto 0 auto;
        display: inline-block
    }
}
/*# sourceMappingURL=main.css.map */