section.top__screen {
    height: auto;
    padding: 60px 0 0;
	background: #FFFFFF;
	margin-bottom: 0 !important;
}
section.about {
	background: #FFFFFF;
	margin-bottom: 40px;
	padding: 120px 0px 40px;
}

section.top__screen .btn {
    width: 440px;
    height: 100px;
    font-size: 32px;
}

section.top__screen .img-res img{border-radius: 20px;}

.landing .btn {
    width: 180px;
    height: 60px;
    border-radius: 20px;
}

.landing select {
    width: 100%;
    height: 60px;
    display: flex;
    border-radius: 20px;
    border-color: #A2A3A4;
    padding: 20px 25px;
    outline: 0;
    font-size: 16px;
    color: #121212;
    appearance: none;
    cursor: pointer;
    transition: all .5s ease;
    background: url(/local/templates/emcake/img/select.svg) no-repeat 93% center;
}

.landing select:hover, .landing select:focus {
    border-color: #121212;
}

.landing .section__wrapper {
    gap: 0 !important;
}

.landing .gallery .section__wrapper {
    display: block;
    min-width: 0;
}

.landing .gallery .section__title {
    text-align: center;
}

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

.top__right {
    display: flex;
    max-width: 500px;
}

.top__right img {
    width: 100%;
}

section.top__screen .section__wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

p.slogan {
    font-weight: 400;
    font-family: 'Faberge', sans-serif;
    font-size: 48px;
    line-height: 1.2;
	text-transform: uppercase;
}

.offer {
    display: flex;
    flex-direction: column;
    max-width: 680px;
}

.offer__block {
    position: relative;
}

h1.title {
    font-family: 'Oxygen', sans-serif;
	font-size: 22px;
    line-height: 1.2;
    max-width: 310px;
	margin-top: 10px;
	text-transform: uppercase;
}

.delivery {
    margin: 40px 0 10px 0;
    max-width: 440px;
}

.delivery__min {
    display: flex;
    flex-direction: column;
    background: #FFD700;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
    color: #3b3b3b;
}

span.small {
    font-size: 16px;
    font-weight: 400;
}

span.color {
    color: #FFD700;
}

p.delivery__text {
    font-size: 20px;
    line-height: 32px;
	font-family: 'Oxygen', sans-serif;
}

.block__wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.block__left {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    height: auto;
    width: 100%;
}

.block__left.img img {
    width: 100%;
    object-fit: cover;
}

.block__right {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
}

section.about .block__right.content {padding: 0px !important; border: 0px !important;}
section.about .block__right{border-radius: 0px !important;}
.block__right.content {
    padding: 40px;
    border: 1px solid #A2A3A4;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.block__right.content .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    line-height: 24px;
}

h2.section__title {
    margin-bottom: 40px;
    font-family: 'Faberge', sans-serif;
	font-size: 32px;
}

section.construct h2.section__title,
section.delivery__pay h2.section__title,
section.about h2.section__title {
    margin: 0;
}

section.team {
	background: #FFFFFF;
	margin-bottom: 40px;
	padding: 40px 0px;
}

section.about .block__left{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; border-radius: 0px}
section.about .block__left .about-img{position: relative; border-radius: 20px; overflow: hidden;}
section.about .block__left .about-img:nth-child(1){grid-row: span 2;}
section.about .block__left .about-img picture{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden;}
section.about .block__left .about-img picture img{display: block; width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width: 991px) {
section.about .block__left{min-height: 300px;}
}

@media (max-width: 600px) {
section.about .block__left{min-height: 180px;}
}

.partners-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.partners-grid-item{display: flex; align-items: center; gap: 20px;}
.partner-logo{padding: 40px; width: 240px; background: #FFFFFF; border-radius: 20px;}
.partner-logo img{width: 100%; height: auto;}
.partners-grid-item .info{}
.partner-title{display: block; font-family: 'Oxygen', sans-serif; line-height: 1.2; font-size: 16px; text-transform: uppercase;}
.partner-desc{display: block; margin-top: 5px;}

section.team .section__title{text-align: center;}
.team-grid{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 20px;}
.team-grid-item{display: flex; flex-direction: column; align-items: center; width: calc(25% - 15px); text-align: center;}
.team-photo img{width: 142px; height: 142px; border-radius: 50%;}
.team-name{display: block; margin-top: 15px; font-family: 'Oxygen', sans-serif; line-height: 1.2; font-size: 16px; text-transform: uppercase;}
.team-job{display: block; margin-top: 5px;}

.advantages-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.advantages-grid-item{padding: 20px; border: 1px solid #A2A3A4; border-radius: 20px;}
.advantages-grid-item .img img{width: 100%; height: auto;}
.advantages-grid-item .title{display: block; margin-top: 20px; font-family: 'Oxygen', sans-serif; line-height: 1.2; font-size: 16px; text-transform: uppercase;}
.advantages-grid-item .desc{margin-top: 10px; line-height: 1.4; font-size: 14px;}

.advantages__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.advantages__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    border-radius: 20px;
    background: #3b3b3b;
    color: #fff;
}

.adv__media {
    display: flex;
    justify-content: center;
}

h3.adv__title {
    text-align: center;
    text-transform: uppercase;
}

.link:not(:hover) {
    color: var(--grey);
}

#construct .construct__img {
    max-width: 50%;
    display: flex;
    align-items: flex-start;
    border-radius: 20px;
    overflow: hidden;
    width: auto;
    height: auto;
}

#construct .construct__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#construct p.stuffing__name {
    bottom: 25px;
}

#construct .construct__results {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    border: none;
    padding: 0;
}

#construct .construct__content {
    max-width: 50%;
}

p.sum {
    font-family: 'Anticva', sans-serif;
    font-size: 24px !important;
    flex: 1;
}

.btn.result__send {
    flex: 1;
}

.dops {
    margin: 20px 0 40px 0 !important;
}

.dops input#view {
    margin: 0;
    width: calc(50% - 5px);
}

.dops .row {
    gap: 10px;
}

.dops .row p {
    text-align: center;
}

input#view {
    width: 100%;
    height: 60px;
    border-radius: 20px;
    padding: 20px 25px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #121212;
    outline: 0;
    border: 1px solid #A2A3A4;
    transition: all .5s ease;
    margin-bottom: 20px;
}

.input__wrapper {
    width: 100%;
    position: relative;
    margin: 10px 0;
    text-align: center;
}

.input__file {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.input__file-icon-wrapper {
    height: 60px;
    width: 20%;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #fff;
}

.input__file-button-text {
    line-height: 1;
    margin-top: 1px;
    text-align: center;
}

.input__file-button {
    width: 100%;
    max-width: 100%;
    height: 60px;
    background: #ffd700;
    color: #121212;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    border-radius: 20px;
    cursor: pointer;
    margin: 0 auto;
    transition: all .5s ease;
}

.swiper-slide.gallery__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 35px 40px;
    border: 1px solid #A2A3A4;
    border-radius: 20px;
}

.gallery__slider.swiper {
    overflow: unset;
}

h3.gallery__item__title {
    font-size: 24px;
    line-height: 32px;
}

.gallery__wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
    gap: 40px;
}

.gallery__item__img {
    display: flex;
    overflow: hidden;
    border-radius: 20px;
}

.gallery__item__img img {
    width: 100%;
    object-fit: cover;
    height: 400px;
}

.gallery__control {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.gallery__control p.sum {
    margin: 10px 0;
}

.landing .btn.order {
    width: 100%;
    font-size: 20px;
}

p.weight__price span {
    font-family: 'Anticva', sans-serif;
    font-size: 20px;
    margin: 0 3px 0 10px;
}

.landing .modal__input {
    width: 100%;
    height: 60px;
    padding: 20px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #121212;
    border-radius: 20px;
    border: 1px solid #ccc;
    outline: 0;
    transition: all .5s ease;
}

.landing .modal__input:hover, .landing .modal__input:focus {
    border-color: #121212;
}

.arrows {
    display: flex;
    gap: 20px;
}

.arrow {
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #A2A3A4;
    border-radius: 50%;
    transition: all .2s ease;
    cursor: pointer;
}

.arrow > svg path {
    transition: all .2s ease;
}

.arrow.swiper-button-disabled {
    cursor: default;
    opacity: 0.5;
}

.arrow:not(.swiper-button-disabled):hover {
    background: #121212;
    border-color: #121212;
}

.arrow:not(.swiper-button-disabled):hover > svg path {
    fill: #fff;
}

button.btn.stuffing__change {
    font-size: 14px;
    height: 40px;
    width: 160px;
    border-radius: 10px;
}

.modal__construct__wrapper {
    position: relative;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    max-width: 500px;
    overflow: hidden;
}

.modal__construct__wrapper p.construct__subtitle {
    max-width: 320px;
    margin: 5px 0 15px 0;
}

.modal__construct__wrapper input {
    margin-bottom: 10px;
    width: 100% !important;
}

.info {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
    gap: 5px;
}

.info span {
    font-weight: 500;
}

.landing .preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background: #fff;
    z-index: 9;
    top: 0;
    left: 0;
}

.landing .preloader.active {
    display: flex;
}

.landing .modal__wrapper {
    padding: 40px;
    background: #fff;
}

.modal form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
}

.modal form p.product__name span, .modal form p.product__weight span, .modal form p.product__price span {
    font-weight: 600;
}

input.call__btn {
    width: 100% !important;
}

.delivery__pay .block__right.content .content .delivery-item{display: flex; align-items: flex-start; gap: 10px;}
.delivery__pay .block__right.content .content .delivery-item::before{content: ""; flex-shrink: 0; display: block; margin-top: 7px; width: 10px; height: 10px; background: #FBDC2E;}
.delivery__pay .block__right.content .content .link{white-space: nowrap;}

@media only screen and (max-width: 1640px) {
    .landing .btn {
        height: 50px;
        width: 160px;
        border-radius: 16px;
    }

    .landing select {
        height: 50px;
        padding: 0 20px;
        border-radius: 16px;
        font-size: 15px;
    }

    .landing .modal__wrapper {
        max-width: 460px;
        padding: 32px;
    }

    .landing .modal__input {
        height: 50px;
        font-size: 15px;
        padding: 0 20px;
        border-radius: 16px;
    }

    .section__wrapper {
        max-width: 1240px !important;
    }

    p.slogan {
        font-size: 42px;
    }

    .offer {
        max-width: 600px;
    }

    h1.title {
        font-size: 22px;
        line-height: 28px;
        max-width: 310px;
    }

    p.delivery__text {
        font-size: 18px;
        line-height: 24px;
    }

    .delivery__min {
        font-size: 28px;
        padding: 10px 16px;
    }

    section.top__screen .btn {
        width: 380px;
        height: 80px;
        font-size: 28px;
    }

    .delivery {
        max-width: 380px;
        border-radius: 16px;
    }

    .block__right.content {
        padding: 32px;
        gap: 16px;
    }

    .block__right.content .content {
        gap: 16px;
    }

    h2.section__title, .section__header {
        font-size: 28px !important;
        margin-bottom: 25px;
    }

    input#view {
        height: 50px;
        padding: 0 20px;
        font-size: 15px;
        border-radius: 16px;
    }

    p.sum {
        font-size: 20px !important;
        margin: 24px 0;
    }

    .landing .btn.order {
        font-size: 16px;
    }

    .gallery__item__img img {
        height: 360px;
    }

    .arrow {
        width: 52px;
        height: 52px;
    }
}

@media only screen and (max-width: 1280px) {
    #construct .construct__img {
        max-width: 100%;
    }

    #construct .construct__wrapper {
        flex-direction: column;
        align-items: center;
        padding: 24px 20px;
        gap: 40px;
    }

    #construct .construct__content {
        max-width: 800px;
        width: 100%;
    }
}


@media only screen and (max-width: 1200px) {
    p.slogan {
        font-size: 36px;
    }

    .offer {
        max-width: 520px;
    }

    h1.title {
        font-size: 18px;
        line-height: 24px;
        max-width: 240px;
    }

    p.delivery__text {
        font-size: 16px;
        line-height: 21px;
    }

    .delivery {
        max-width: 350px;
        margin: 30px 0 10px 0;
    }

    section.top__screen .btn {
        width: 350px;
        height: 70px;
        font-size: 20px;
    }

    .top__right {

    }

    .block__right.content {
        padding: 24px;
    }

    .advantages__item {
        padding: 24px;
    }

    .advantages__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}

@media only screen and (max-width: 991px) {
    section.top__screen .section__wrapper {
        flex-direction: column-reverse;
        gap: 40px !important;
    }

    .top__left {
        text-align: center;
        align-items: center;
    }

    h1.title {
        position: inherit;
        text-align: center;
        right: 0;
        bottom: 0;
    }

    .offer__block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .delivery {
        max-width: 100%;
        text-align: left;
    }

p.delivery__text {text-align: center;}

    section.top__screen .btn {
        width: 100%;
    }

    .block__wrapper {
        flex-direction: column;
    }

    .block__right, .block__left {
        max-width: 100%;
    }

section.about .block__right.content{padding: 20px 0px !important;}

.partners-grid{grid-template-columns: repeat(1, 1fr); gap: 20px;}
.partner-logo{padding: 20px; width: 160px;}

.team-grid-item{width: calc(33.3333% - 20px);}
.team-photo img{width: 120px; height: 120px;}
}

@media only screen and (max-width: 768px) {
    p.slogan {
        font-size: 24px;
    }

    .offer {
        max-width: 350px;
    }

    h1.title {
        position: inherit;
        bottom: auto;
        right: auto;
		margin-top: 0px;
    }

    .offer__block {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .delivery {
        max-width: 100%;
    }

    section.top__screen .btn {
        max-width: 100%;
        width: 100%;
    }

    section.top__screen {
        margin: 0;
        padding: 30px 0 0px 0;
    }

    .block__right.content {
        padding: 20px;
        gap: 10px;
    }

    .advantages__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

.partner-logo{padding: 10px; width: 90px;}

.team-grid{justify-content: flex-start; flex-wrap: nowrap; margin: 0px -20px; padding: 0px 20px; overflow-x: scroll;}
.team-grid::-webkit-scrollbar{width: 0px; height: 0px; background: transparent;}
.team-grid-item{flex-shrink: 0; width: 25vw;}
.team-photo img{width: 100px; height: 100px;}

.advantages-grid{grid-template-columns: repeat(1, 1fr);}

    .input__wrapper {
        margin: 0;
    }

    .input__file-button {
        height: 50px;
        font-size: 14px;
        border-radius: 16px;
    }

    .dops {
        gap: 10px;
    }

    .dops .row {
        flex-direction: column !important;
        width: 100%;
    }

    .files {
        width: 100% !important;
    }

    .dops input#view {
        width: 100%;
    }

    #construct .construct__results {
        flex-direction: column;
    }

    p.sum {
        flex: none;
        margin: 0;
    }

    .btn.result__send {
        flex: none;
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
.team-grid-item{flex-shrink: 0; width: 35vw;}
}
@media only screen and (max-width: 420px) {
.team-grid-item{flex-shrink: 0; width: 55vw;}
}