.offer-baner {
    background-image: url('../images/offer-baner.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    border-radius: 25px 25px 0px 0px;
    margin-left: 6vw;
    margin-right: 6vw;
    padding-top: 80px;
    padding-bottom: 80px;
}
.offer-baner h1 {
    font-size: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
}
.offer-baner h1:before {
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
}
.offer-baner h1:after {
    left: calc(50% + 85px);
    transform: translateX(-50%);
    right: initial;
}
.custom-list ul {
    padding-left: 15px;
}

.offer-content__frame img,
.offer-content__frame iframe {
    max-width: 100%;
    width: 100%;
}

.offer-heading {
    color: #1A1919;
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
.offer-heading:after {
    content: '';
    width: 36px;
    height: 5px;
    background: #FECC38;
    position: absolute;
    left: 136px;
    bottom: -2px;
    z-index: 99;
}
.offer-heading::before {
    content: '';
    width: 136px;
    max-width: 80%;
    height: 1px;
    background: #eaeaea;
    position: absolute;
    left: 0;
    bottom: 0;
}
.offer-heading span {
    font-size: 10px;
    line-height: 14px;
    color: #595857;
    display: block;
    font-weight: 400;
}

.variants-title {
    flex: 0 0 28%;
    max-width: 28%;
    padding-left: 15px;
    padding-right: 40px;
}
.variants-title h2 {
    text-align: right;
    text-transform: uppercase;
    font-size: 28px;
}
.variants-title h2 span {
    text-transform: uppercase;
}
.variants-title h2:before {
    width: 100%;
    left: 0;
}
.variants-slider {
    max-width: 72%;
    flex: 0 0 72%;
    padding-left: 15px;
    padding-right: 15px;
}
.variants-slick .slick-track {
    display: flex !important;
    align-items: center;
    margin-left: 0 !important;
}
.variants-btns {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}
.variants-btns button {
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.variants-item {
    padding: 10px;
}
.variants-link {
    margin-top: 20px;
}
.variants-link a {
    font-size: 10px;
    line-height: 12px;
    color: #1A1919;
    justify-content: space-around;
    letter-spacing: 1px;
    padding: 10px 15px;
}

.anod__wrapper {
    display: flex;
    flex-wrap: wrap;
}
.anod__item {
    padding: 10px 15px;
}
.anod__item div {
    border-radius: 6px;
    box-shadow: 0px 3px 5px #1A191943;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.anod__item img {
    padding: 10px;
}
.anod__item a {
    display: flex;
    height: 100%;
    flex-direction: column;
}
.anod__item p {
    color: #9D9E9F;
    font-weight: 700;
    font-size: 9px;
    line-height: 14px;
    background-color: #1A1919;
    text-align: center;
    padding: 5px;
    margin-top: auto;
    margin-bottom: 0;
    border-radius: 0px 0px 6px 6px;
}
.anod__item p span {
    color: #FECC27;
    font-weight: 400;
    display: inline-block;
    margin-left: 5px;
}
.anod__color {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1A1919;
}
.anod__color p {
    padding-left: 15px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 800;
    margin: 0;
}
.anod__color p span {
    font-size: 9px;
    font-weight: 400;
    display: block;
    margin-top: 2px;
}
.anod .btn-brown {
    justify-content: space-between;
    margin-top: 30px;
}

.dimens--wide {
    display: flex;
    flex-wrap: wrap;
}
.custom-list .dimens__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.custom-list .dimens__list.dimens__list--wide li {
    flex: 0 0 100%;
    max-width: 100%;
}
.custom-list .dimens__list li {
    max-width: 50%;
    flex: 0 0 50%;
}
.dimens__example-title {
    text-align: center;
    padding-right: 50px;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 800;
    color: #1A1919;
}
.dimens__example {
    display: flex;
}
.dimens__example>span {
    font-size: 8px;
    line-height: 12px;
    color: #595857;
    max-width: 50px;
    display: inline-block;
    margin-top: 30px;
    padding-left: 15px;
}
.dimens__table {
    background-color: #1A1919;
    padding: 1px;
    border-radius: 10px 10px 10px 10px;
    flex-grow: 1;
    padding-bottom: 20px;
}
.dimens__table>span {
    display: block;
    color: #FECC27;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 2px;
}
.dimens__table div {
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}
.dimens__table p {
    margin: 0;
    padding: 3px 4px;
    font-size: 10px;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    line-height: 14px;
}
.dimens__table p span {
    display: inline-block;
    display: flex;
    align-items: center;
    padding: 0 8px;
}
.dimens__table p span:first-child {
    justify-content: flex-end;
    text-align: right;
    max-width: 60%;
    flex: 0 0 60%;
    color: #595857;
    text-transform: uppercase;
    font-weight: 800;
}
.dimens__table p span:last-child {
    justify-content: flex-start;
    text-align: left;
    max-width: 40%;
    flex: 0 0 40%;
}
.dimens__screen {
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #FECC27;
    border-radius: 5px;
    position: relative;
    margin-top: 30px;
}
.dimens__screen span {
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
    color: #1A1919;
    font-weight: 600;
    background: #fecc27;
    border-radius: 5px 5px 0px 0px;
    padding: 4px;
    position: absolute;
    left: 15px;
    top: -22px;
}

.offer-add {
    display: flex;
    flex-wrap: wrap;
}
.offer-add img {
    object-fit: cover;
    width: 100%;
}

.offer-details__slick {
    padding: 20px;
}
.offer-details__item {
    padding: 10px;
}
.offer-details img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 3px 5px #1A191943;
}
.offer-details button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.offer-details .slick-next {
    background-image: url(../images/arrow-prev.svg);
    right: 0;
}
.offer-details .slick-prev {
    background-image: url(../images/arrow-next.svg);
    left: 0;
}

.offer-kompl {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.offer-kompl-wrapper {
    position: relative;
}
.offer-kompl-wrapper:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 120px;
    height: 100%;
    background-image: url('../images/pattern.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    opacity: .2;
    z-index: -999;
}
.offer-kompl__item {
    padding: 10px 15px;
}
.offer-kompl__item>div{
    display: flex;
    align-items: center;
    box-shadow: 0px 3px 5px #1A191943;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
}
.offer-kompl__item img {
    max-width: 100px;
    margin-right: 20px;
}
.offer-kompl__item h3 {
    letter-spacing: 0.32px;
    color: #1A1919;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 5px;
    flex-grow: 1;
    font-weight: 800;
}
.offer-kompl__item p {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
.offer-serv {
    display: flex;
    flex-wrap: wrap;
}
.offer-serv__item {
    padding: 15px;
    max-width: 33.333%;
    flex: 0 0 33.333%;
}
.offer-serv__item>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 5px #1A191943;
    border-radius: 10px;
    background-color: #fff;
    transition: .3s;
    padding: 15px;
    height: 100%;
}
.offer-serv__item:hover>div {
    background-color: #FECC27;
}
.offer-serv__item:hover img {
    filter: brightness(0) invert(1);
}
.offer-serv__item img {
    max-width: 50px;
    transition: .3s;
}
.offer-serv__item h3 {
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    margin: 15px 0;
    text-transform: uppercase;
}

.offer-hor {
    position: relative;
}
.offer-hor:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    width: 31%;
    background-image: url('../images/pattern.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    opacity: .2;
}
.offer-hor:after {
    content: '';
    position: absolute;
    top: 60px;
    bottom: -20px;
    right: 40px;
    width: 40%;
    background-color: #F2F2F2;
    z-index: -999;
    opacity: .5;
}

.offer-hor h2 {
    font-size: 22px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.offer-hor h2 span {
    width: 100px;
}
.offer-hor h2:before {
    right: 30px;
    left: initial;
}
.offer-hor h2:after {
    right: 0;
    left: initial;
}
.offer-hor header {
    display: flex;
    justify-content: flex-end;
    padding-right: 50px;
    padding-left: 40px;
    text-align: right;
}
.offer-hor__slider {
    position: relative;
}
.offer-hor__case-slick,
.offer-hor__slick {
    padding-right: 30px;
}
.offer-hor__item {
    padding: 5px;
}
.offer-hor__item img {
    width: 100%;
    object-fit: cover;
    height: 150px;
    border-radius: 11px;
}
.offer-hor__item h3 {
    color: #1A1919;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
}
.offer-hor__item .btn-brown {
    margin-bottom: 20px;
}
.offer-hor__arrows {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
}
.offer-hor__arrows button {
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.offer-hor__case-prev,
.offer-hor__real-prev {
    transform: rotate(90deg);
}
.offer-hor__case-next,
.offer-hor__real-next {
    transform: rotate(90deg);
}

.offer-link {
    margin-top: 40px;
}
.offer-link a{
    display: flex;
    justify-content: center;
    font-size: 14px;
}

.offer-rel {
    position: relative;
}
.offer-rel:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 200px;
    height: 160%;
    background-image: url('../images/pattern.svg');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    opacity: .2;
    z-index: -999;
}
.offer-rel h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: center;
}
.offer-rel h3:before {
    left: 0;
    right: 0;
    width: initial;
}
.offer-rel h3:after {
    right: 0;
    left: initial;
}
.offer-rel__slider .slick-track,
.offer-faq__slider .slick-track {
    margin-left: 0;
}
.offer-rel__item {
    padding: 15px;
}
.offer-rel__item>div {
    box-shadow: 0px 3px 10px #3C30084D;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    background-color: #fff;
    text-align: center;
}
.offer-rel__item .btn-brown {
    justify-content: space-between;
    margin-top: 20px;
}
.offer-rel__item img {
    width: 100%;
    object-fit: cover;
    max-height: 300px;
}

.offer-faq {
    margin-bottom: 30px;
}
.offer-rel h2,
.offer-faq h2 {
    text-transform: uppercase;
    padding-bottom: 10px;
}
.offer-faq h3 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
    margin: 15px 0;
}
.offer-faq__item {
    padding: 15px;
}
.offer-faq img {
    width: 100%;
    object-fit: cover;
    height: 160px;
    border-radius: 11px;
}
.offer-left__arrows button{
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-top: 20px;
}

.offer-faq .lastr__heading {
    justify-content: flex-start;
}

.offer-frame span {
    font-size: 16px;
    display: block;
    margin: 20px 0;
    font-weight: 800;
}

.offer-frame ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 10px;
    margin: 0;
}
.offer-frame ul li {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 10px;
}
.offer-frame ul li img {
    object-fit: cover;
    width: 100%;
    border-radius: 6px;
    height: 150px;
}

@media(max-width: 992px) {
    .variants-slider,
    .variants-title {
        max-width: 100%;
        flex: 0 0 100%;
    }
}