@charset "UTF-8";
body {
    font-family: "Roboto-Regular", sans-serif;
}

html,
body {
    font-size: 10px !important;
}

.container-v {
    max-width: 1540px;
    margin: 0 auto;
    padding: 0px 20px;
}

.main__full-screen {
    margin: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    height: calc(37vw + 3.5rem);
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main__full-screen.transform {
    -webkit-transform: translateY(calc(-0.5vw - 2rem));
    -ms-transform: translateY(calc(-0.5vw - 2rem));
    transform: translateY(calc(-0.5vw - 2rem));
    margin: 0 0 calc(-0.5vw - 2rem) 0;
}

.main__full-screen img {
    position: absolute;
    z-index: 1;
    top: calc(1.3vw + 4rem);
    left: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.content {
    position: relative;
    background: #f8f8f8;
    padding: 100px 0px;
}

.phone-call,
.media-imagine {
    position: fixed;
    bottom: 50px;
    cursor: pointer;
    z-index: 8;
}

.phone-call svg,
.media-imagine svg {
    width: 70px;
    height: 70px;
}

.phone-call {
    left: 70px;
}

.media-imagine {
    right: 70px;
}

.main-button {
    font-size: 1.6em;
    padding: 0.75em 1.88em;
    text-transform: uppercase;
    border: 1px solid black;
    background-color: white;
    font-weight: 700;
}

input#radio5 {
    display: none;
}

input#radio5:checked+label:after {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 1;
}

label {
    cursor: pointer;
    padding-left: calc(0.3vw + 2.5rem);
    display: inline-block;
    position: relative;
    font-size: 14px;
}

label #agree:hover {
    text-decoration: underline;
}

label:before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background: #C4C4C4;
    margin-top: -10px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

label:after {
    background: #099D9D;
    left: 0;
    top: 50%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(3.4);
    -ms-transform: scale(3.4);
    transform: scale(3.4);
    opacity: 0;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    left: 3px;
}

.map-block,
.map-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.map-block__text {
    margin-right: 15px;
}

.map-block__title h3 {
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;
    line-height: 21px;
}

.map-block__title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-transform: uppercase;
}

.map-block__title:first-child {
    margin-bottom: 30px;
}

.map-block__subtitle {
    margin-top: 20px;
    max-width: 730px;
}

.map-block__subtitle p {
    font-size: 20px;
    font-weight: 600;
    color: #606060;
}

.map-block__decription {
    color: #606060;
    margin-bottom: 40px;
    max-width: 630px;
}

.map-block__decription p {
    font-size: 16px;
}

.map-block__title svg {
    width: 40px;
    height: 40px;
}

.map-block__imagine img {
    width: 100%;
    max-height: 300px;
}

.delivery-company__grid {
    text-align: center;
    margin-top: 50px;
}

.delivery-callback a {
    color: #006363;
    border-bottom: 1px solid #006363;
}

.delivery-company__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px;
}

.delivery-company__imagine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.delivery-company__imagine img {
    width: 100%;
}

.delivery-company__marquee {
    display: none;
    margin-top: 30px;
}

.delivery-company__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.delivery-company__items img {
    margin-right: 20px;
    height: 100%;
}

.pay-take {
    padding: 90px 0px 110px 0px;
}

.pay-take .map-block__title {
    margin-bottom: 20px;
}

.pay-take .map-block__subtitle {
    margin-bottom: 40px;
}

.pay-take__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -webkit-column-gap: 55px;
    -moz-column-gap: 55px;
    column-gap: 55px;
    row-gap: 20px;
}

.pay-take__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #C4C4C4;
    padding: 30px;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.pay-take__item:hover {
    border: 1px solid black;
    -webkit-box-shadow: 5px 5px 15px #006363;
    box-shadow: 5px 5px 15px #006363;
}

.pay-take__text p {
    color: #606060;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.pay-take__number p {
    font-size: 72px;
    color: #C4C4C4;
    margin-right: 30px;
    font-weight: 600;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.pay-take__item:hover .pay-take__number p {
    color: #006363;
}

.pay-take__item:hover .pay-take__text p {
    color: black;
}

@media (max-width: 1920px) {
    .content {
        padding: 100px calc(25px + 5.9895833333vw);
    }
    .phone-call svg,
    .media-imagine svg {
        width: calc(30px + 2.0833333333vw);
        height: calc(30px + 2.0833333333vw);
    }
    .phone-call {
        left: calc(20px + 2.6041666667vw);
    }
    .media-imagine {
        right: calc(20px + 2.6041666667vw);
    }
    .main-button {
        font-size: calc(1em + 0.3125vw);
    }
    .map-block__subtitle p {
        font-size: calc(10px + 0.32vw);
    }
    .map-block__decription p {
        font-size: calc(10px + 0.32vw);
    }
    .pay-take__grid {
        -webkit-column-gap: calc(0px + 2.8645833333vw);
        -moz-column-gap: calc(0px + 2.8645833333vw);
        column-gap: calc(0px + 2.8645833333vw);
    }
}

@media (max-width: 1220px) {
    .map-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .map-block__text {
        margin-right: 0px;
    }
    .map-block__decription {
        margin-bottom: calc(16px + 1.25vw);
        max-width: none;
    }
    .map-block__subtitle {
        max-width: none;
    }
}

@media(max-width: 640px) {
    .media-imagine {
        display: none;
    }
    .phone-call {
        bottom: 20px;
    }
    .main__full-screen {
        height: 80%;
    }
    .main__full-screen img {
        top: calc(11vw + 0rem);
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@media (max-width: 1024px) {
    .delivery-company__grid {
        display: none;
    }
    .delivery-company__marquee {
        display: block;
    }
    .pay-take {
        padding: 45px 0px 0px 0px;
    }
    .pay-take .map-block__subtitle {
        margin-bottom: 15px;
    }
    .pay-take__number p {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .content {
        padding: 50px 0px;
    }
    .phone-call,
    .media-imagine {
        display: none;
    }
    .map-block__title:first-child {
        margin-bottom: 20px;
    }
    .map-block__subtitle {
        margin-top: 0px;
    }
    .map-block__subtitle p {
        font-size: 16px;
    }
    .map-block__decription p {
        font-size: 16px;
    }
    .map-block__imagine {
        display: none;
    }
    .run-delivery .container-v {
        max-width: 100%;
        padding: 0px;
    }
    .pay-take__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: (1fr)[6];
        grid-template-rows: repeat(6, 1fr);
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
        row-gap: 15px;
    }
    .pay-take__text p {
        font-size: 14px;
    }
}

@supports (-webkit-appearance:none) {}

@media (max-width: 1920px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1600px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1220px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 1024px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 768px) {
    @supports (-webkit-appearance: none) {}
}

@media (max-width: 640px) {
    @supports (-webkit-appearance: none) {}
}