@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body {
    font-family: "Manrope", sans-serif !important;
}

body::before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000 !important;
    background: linear-gradient(180deg,rgba(0, 0, 0, 1) 12%, rgba(50, 50, 50, 1) 100%) !important;
}

select,
button,
a,
input,
textarea,
img {
    outline: none !important;
    box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-weight: 800 !important;
}

a,
button {
    text-decoration: none !important;
    transition: .3s all !important;
}

img {
    max-width: 100% !important;
    border: 0 !important;
}

.modal-body iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

ul .active a {
    color: #777 !important;
}

/* Шторка сверху всего (в том числе над fullpage) */
#curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(../img/logo.svg) center no-repeat black;
    background-size: 25%;
    z-index: 999;
    /* больше чем у fullpage */
    pointer-events: none;
    transform: translateY(100%);
}

/* Анимация вверх */
.animate-up {
    animation: curtainUp 1s ease forwards;
}

/* Анимация вниз */
.animate-down {
    animation: curtainDown 1s ease forwards;
}

@keyframes curtainUp {
    0% {
        transform: translateY(100%);
    }

    50% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-100%);
    }
}

@keyframes curtainDown {
    0% {
        transform: translateY(-100%);
    }

    50% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(100%);
    }
}

.link__to__cart {
    position: fixed;
    z-index: 9999;
    right: 1.5rem;
    bottom: 1.5rem;
}

.link__to__cart picture img {
    transition: .3s all;
}

.link__to__cart:hover picture img {
    transform: scale(1.1);
}

.link__to__cart span {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #ff0000;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    position: absolute;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -.75rem;
    right: -.75rem;
}

.cart__items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-right: 1.5rem;
}

.cart__item {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #999;
    align-items: center;
    justify-content: space-between;
}

.cart__item__image__title {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.cart__item__image__title img {
    transition: .3s all;
}

.cart__item__image__title img:hover {
    opacity: .75;
}

.cart__item__image__title > div {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 2rem;
}

.cart__item__image__title > div a {
    color: #fff;
    font-size: 1.5rem;
}

.cart__item__image__title > div a:hover {
    color: #777;
}

.cart__item__image__title picture {
    width: 150px;
    height: 150px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart__item__image__title picture img {
    object-fit: contain;
    width: 80%;
    height: 80%;
}

.cart__item__count {
    background: #111;
    color: #fff;
    font-size: 1rem;
    display: flex;
    padding: 1rem;
    gap: 2rem;
    align-items: center;
}

.cart__item__count button {
    background-color: transparent;
    padding: 0;
    border: 0;
    color: #fff;
    font-size: 1.5rem;
}

.cart__item__delete button {
    padding: 0;
    border: 0;
    background-color: transparent;
}

.cart__item__delete {
    margin-right: 2rem;
    transition: .3s all;
}

.cart__item__delete:hover {
    opacity: .75;
}

.itogo {
    color: #fff;
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .5rem;
}

.itogo h3 {
    font-size: 2rem;
}

.text__1 input {
    background-color: transparent;
    border-radius: 0;
}

.header {
    position: fixed;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1rem;
    background-color: #000;
    color: #fff;
    gap: 1vw;
}

.header a {
    color: #fff;
}

.header a:hover {
    color: #999;
}

.header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header ul li {
    display: inline-block;
    margin: 0 .9vw;
    text-transform: uppercase;
    font-size: .9vw;
    font-weight: 500;
}

.header__phone a {
    font-size: 1vw;
    font-weight: 700;
}

.header__buttons {
    display: flex;
    gap: 1.3vw;
    align-items: center;
}

.header__buttons>button {
    height: 2.7vw;
    padding: 0 1.8vw;
    background-color: #fff;
    color: #000;
    text-transform: uppercase;
    font-size: .7vw;
    border-radius: 5rem;
    border: 0;
    font-weight: 500;
}

.header__buttons>button:hover {
    background-color: #333;
    color: #fff;
}

.header__social {
    display: flex;
    gap: .75rem;
}

.header__social picture {
    width: 2.7vw;
    height: 2.7vw;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    transition: .3s all;
}

.header__social picture img {
    width: .9vw;
}

.header__social picture:hover {
    border-color: #333;
    background-color: #333;
}

.header picture.logo {
    max-width: 120px !important;
    display: block !important;
}

.header picture.logo img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

.dropdown>button {
    width: 2.7vw;
    height: 2.7vw;
    border-radius: 100%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #fff;
    font-size: .7vw;
    font-weight: 500;
}

.dropdown>button:hover {
    border-color: #333;
    background-color: #333;
}

.header__buttons span {
    width: 1px;
    height: 1.5rem;
    background-color: #fff;
}

.header__buttons>picture,
.header__buttons>span {
    flex-shrink: 0;
}

.dropdown-menu li {
    color: #999 !important;
    font-size: .75rem !important;
}

.dropdown-menu a {
    color: #000;
    font-size: .75rem;
    font-weight: 500;
}

.dropdown-menu {
    flex-wrap: nowrap;
    margin-top: .75rem !important;
}

.dropdown-menu li {
    margin: 0 !important;
    padding: .5rem;
    text-align: center;
    width: 31.33333333%;
}

#menu {
    background-color: #000;
    color: #fff;
}

#menu>div {
    z-index: 1000;
}

#menu a {
    color: #fff;
}

#menu ul {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
    font-size: 1.2rem;
}

#menu ul li {
    padding: 1rem;
    border-bottom: 1px solid #333;
}

#menu ul li:last-child {
    border: 0;
}

.phone__mobile {
    font-size: 2.5rem;
    font-weight: 600;
}

.block__1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img__zoom {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.img__zoom img {
    object-fit: cover !important;
    width: 100%;
    height: 100%;
    animation: zoomInOut 40s infinite;
	filter: brightness(70%);
}

.text__block__1 {
    padding: 10% 5%;
    z-index: 9;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-shadow: 0 15px 35px rgba(0, 0, 0, 5);
}

.text__block__1 h1 {
    font-size: 5.5vw;
    max-width: 1300px;
}

.text__block__1 p {
    font-size: 1.4vw;
    max-width: 563px;
    margin: 2rem 0 0 0;
}

.text__block__1 > div {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10%;
    text-align: center;
}

.text__block__1 > div a {
    background-color: #000;
    color: #fff;
    padding: 1rem 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    text-transform: uppercase;
    font-size: 1rem;
}

.text__block__1 > div a:hover {
    background-color: #333;
}

@keyframes zoomInOut {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

.block__2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.text__block__2 {
    padding: 10% 5% 5% 5%;
    z-index: 9;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: end;
    text-align: end;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    text-shadow: 0 15px 35px rgba(0, 0, 0, 5);
}

.text__block__2 h2 {
    font-size: 4.6vw;
    text-transform: uppercase;
    line-height: 100%;
}

.text__block__2 p {
    font-size: 1.4vw;
}

.text__block__2__left {
    align-items: start;
    text-align: start;
}

.fp-watermark {
    display: none;
}

.block__3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 144px;
    color: #fff;
}

.block__3 > div {
    width: 100%;
    height: 100%;
}

.block__3 > div:first-child {
    width: auto;
    display: flex;
    justify-content: start;
    align-items: end;
    flex-shrink: 0;
    padding: 0 2.5% 5% 5%;
}

.block__3 > div:first-child h2 {
    font-size: 3.7vw;
    text-transform: uppercase;
    line-height: 100%;
    text-shadow: 0 15px 35px rgba(0, 0, 0, .5);
    display: block;
    min-width: 500px;
}

.carousel__1 {
    width: 100%;
    height: 90%;
    position: absolute;
    display: flex !important;
    align-items: stretch !important;
}

.block__3 > div:last-child {
    position: relative;
}

.carousel__1 .item {
    height: 78vh;
}

.carousel__1 .item a {
    display: flex;
    height: 100%;
    flex-direction: column;
    color: #fff;
    font-size: 1.1vw;
}

.carousel__1 .item a:hover {
    color: #999;
}

.carousel__1 .item a > div:first-child {
    height: 100%;
    background-color: #333;
}

.carousel__1 .item a > div:last-child {
    height: auto;
    flex-shrink: 0;
    padding: 1.5rem 0;
    text-transform: uppercase;
}

.carousel__1 a > div:first-child {
    position: relative;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 15%;
}

.carousel__1 a > div:first-child > picture {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1;
}

.carousel__1 a > div:first-child > picture img {
    object-fit: cover !important;
    width: 100%;
    height: 100%;
    transition: .3s all;
}

.carousel__1 a > div:first-child > picture:hover img {
    transform: scale(1.1);
}

.carousel__1 a > div:first-child span {
    background-color: #000;
    color: #fff;
    padding: 1rem 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    text-transform: uppercase;
    font-size: 1rem;
    position: relative;
    transition: .3s all;
    z-index: 2;
}

.carousel__1 a > div:first-child span:hover {
    background-color: #333;
}

.owl-nav {
    height: 1px !important;
    top: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between;
    padding: 0 3rem 0 2rem;
}

.owl-nav button {
    position: relative !important;
    margin: 20vw 0 0 0 !important;
}

.text__block__2__fixed__p p {
    max-width: 784px;
}

.more__button__block {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 10%;
    text-align: center;
    z-index: 9;
}

.more__button__block a {
    background-color: #000;
    color: #fff;
    padding: 1rem 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    text-transform: uppercase;
    font-size: 1rem;
}

.more__button__block a:hover {
    background-color: #333;
}

.block__4 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    gap: .75rem;
}

.block__4__1 {
    width: 100%;
    height: 100%;
    position: relative;
}

.block__4__1__1 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.block__4__1__1 > picture {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.block__4__1__1 > picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: .3s all;
}

.block__4__1__1 > picture:hover img {
    transform: scale(1.1);
}

.block__4__1__1 > span {
    position: relative;
    z-index: 2;
    transition: .3s all;
}

.block__4__1__1 > span:hover {
    opacity: .5;
}

.block__4__2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.block__4__2__1 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.block__4__2__1 > picture {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.block__4__2__1 > picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: .3s all;
}

.block__4__2__1 > picture:hover img {
    transform: scale(1.1);
}

.block__4__2__1 > span {
    position: relative;
    z-index: 2;
    transition: .3s all;
}

.block__4__2__1 > span:hover {
    opacity: .5;
}

.block__4__2__2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5% 10% 5% 2.5%;
    color: #fff;
}

.block__4__2__2 a {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.5rem;
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.block__4__2__2 a:hover {
    background-color: #333;
}

.block__4__2__2 a img {
    transform: rotate(-90deg);
}

.block__4__2__2 h2 {
    text-align: right;
    font-size: 4.6vw;
    line-height: 100%;
    text-transform: uppercase;
    text-shadow: 0 15px 35px rgba(0,0,0,.1);
}

.block__5 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    gap: .75rem;
    overflow: hidden;
}

.block__5 > div {
    height: 100%;
}

.block__5__1 {
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.block__5__1__1 {
    width: 100%;
    height: 100%;
    position: relative;
}

.block__5__1__1 picture {
    position: absolute;
    width: 100%;
    height: 100%;
}

.block__5__1__1 picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.block__5__2 {
    width: 65%;
    height: 100%;
}

.carousel__2 {
    position: relative;
}

.block__5__1__2 {
    padding: 10% 5% 10% 10%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: start;
}

.block__5__1__2 h2 {
    font-size: 4.6vw;
    line-height: 100%;
    text-transform: uppercase;
    text-shadow: 0 15px 35px rgba(0,0,0,.1);
    color: #fff;
}

.block__5__1__2 a {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.5rem;
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.block__5__1__2 a:hover {
    background-color: #333;
}

.block__5__1__2 a img {
    transform: rotate(-90deg);
}

.article__card {
    position: absolute;
    width: 100%;
    height: 100%;
}

.article__card > picture {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.article__card > picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: .3s all;
}

.article__card:hover > picture img {
    transform: scale(1.1);
}

.article__card__title {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    font-size: 1.2rem;
    padding-top: 430px;
    padding-bottom: 10%;
    z-index: 2;
    background-color: #00000078;
}

.article__card__title a {
    display: flex;
    gap: .75rem;
    padding: 1rem 1.5rem;
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.article__card__title a:hover {
    background-color: #333;
}

.article__card__title a picture {
    transform: rotate(-90deg);
}

.article__card__title > div {
    width: 100%;
    padding: 0 10%;
    color: #fff;
    line-height: 120%;
}

.carousel__2 {
    height: 100%;
    display: flex !important;
    align-items: center !important;
}

.carousel__2 .item {
    width: 100%;
    height: 100vh !important;
}

.carousel__2 .owl-nav button {
    margin-top: 50vh !important;
}

.block__6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.block__6__1 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 2;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    padding: 5%;
    color: #fff;
    text-transform: uppercase;
    gap: 1rem;
}

.block__6__1 a {
    color: #fff;
}

.block__6__1 a:hover {
    color: #999;
}

.block__6__1 > a {
    font-size: 5rem;
    font-weight: 700;
}

.block__6__1 span {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.2rem;
}

.block__6__1 > div > a > picture {
    width: 3rem;
    height: 3rem;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .75rem;
    transition: .3s all;
}

.block__6__1 > div > a > picture:hover {
    border-color: #333;
    background-color: #333;
}

.block__6__1 > div:last-child {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.block__6__1 > div:last-child > div {
    width: 50%;
}

.inner__content__block {
    position: relative;
    width: 100%;
    padding: 9rem 2rem 0 2rem;
}

.footer__block .block__6 {
    position: relative;
    height: 700px;
}

.filter__groups span {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    border-radius: 0;
    cursor: pointer;
}

.filter__groups span img {
    transition: .3s all;
}

.filter__groups span.collapsed img {
    transform: rotate(-90deg);
}

.filter__groups .card {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding-bottom: 2rem;
    border: 0;
}

.filter__groups label {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    transition: .3s all;
}

.filter__groups label:hover {
    color: #999;
}

.filter__groups input {
    border: 1px solid #fff;
    width: 26px;
    height: 26px;
    appearance: none;
    transition: .3s all;
}

.filter__groups input:checked {
    background-color: #fff;
}

.filter__buttons {
    padding-top: 2.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter__buttons button {
    padding: 1rem 1.5rem;
    display: flex;
    gap: .75rem;
    align-items: center;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 100%;
    border: 0;
}

.filter__buttons button:first-child {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}

.filter__buttons button:last-child {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.filter__buttons button:last-child img {
    transform: rotate(-90deg);
}

.filter__buttons button:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.zag__block {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.zag__block ul {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #555;
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.zag__block ul a {
    color: #555;
}

.zag__block ul a:hover {
    color: #fff;
}

.zag__block h1 {
    font-size: 5.5vh;
    text-transform: uppercase;
    color: #fff;
    line-height: 100%;
    margin-bottom: 2.5rem;
}

.sidebar__block {
    height: 100%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: space-between;
}

.products__grid {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
    gap: .75rem;
    width: 100%;
}

.products__grid > div {
    width: calc(33.3333333% - .5rem);
    border: 1px solid transparent;
    transition: .3s all;
}

.products__grid > div:hover {
    border-color: #fff;
}

.products__grid > div > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7%;
}

.products__grid > div > div > div:first-child {
    height: 20%;
    text-transform: uppercase;
    font-size: .9rem;
    opacity: 0;
    transition: .3s all;
}

.products__grid > div:hover div > div:first-child {
    opacity: 1;
}

.products__grid > div > div > div:first-child a {
    color: #fff;
}

.products__grid > div > div > div:first-child a:hover {
    color: #999;
}

.products__grid > div > div > div:nth-child(2n) {
    aspect-ratio: 1 / 1; /* квадратный блок */
    width: 100%;
    position: relative;
    overflow: hidden;
}

.products__grid > div > div > div:nth-child(2n) picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.products__grid > div > div > div:nth-child(2n) picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: .3s all;
}

.products__grid > div > div > div:nth-child(2n) picture img:hover {
    opacity: .7;
}

.products__grid > div > div > div:last-child {
    height: auto;
    padding-top: 1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    opacity: 0;
    transition: .3s all;
}

.products__grid > div:hover div > div:last-child {
    opacity: 1;
}

.products__grid > div > div > div:last-child a {
    padding: 0.75rem 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: #fff;
    border: 1px solid #fff;
    font-size: .75rem;
    text-transform: uppercase;
    line-height: 100%;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

.products__grid > div > div > div:last-child a img {
    transform: rotate(-90deg);
}

.products__grid > div > div > div:last-child a:hover {
    background-color: #333;
    border-color: #333;
}

.pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.pagination a {
    color: #fff;
}

.pagination a:hover {
    color: #999;
}

.pagination img {
    transition: .3s all;
}

.pagination img:hover {
    opacity: .5;
}

.pagination li:first-child img {
    transform: rotate(-180deg);
}

.pagination .active a {
    color: #999;
}

.photo__block {
    display: flex;
    align-items: start;
    height: 100%;
    gap: .375rem;
}

.photo__block > div {
    height: 100%;
}

.photo__block__mini {
    width: 24.6%;
    position: relative;
}

.photo__block__mini > div {
    height: 35.5vw;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}

.photo__block__mini > div::-webkit-scrollbar {
    display: none;
}

.photo__block__mini > div {
    margin-bottom: .375rem;
    display: flex;
    flex-direction: column;
    gap: .375rem;
}

.photo__block__big {
    width: 75.4%;
    height: 100%;
}

.photo__block picture {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    cursor: pointer;
}

.photo__block picture img {
    max-width: 90%;
    max-height: 90%;
    transition: .3s all;
}

.photo__block picture:hover img {
    opacity: .7;
}

.product__description__block {
    padding-left: 5%;
    display: flex;
    gap: 2rem;
    color: #fff;
}

.zag__block__reverse {
    text-align: end;
    margin-top: 5rem;
}

.zag__block__reverse ul {
    justify-content: end;
}

.product__description__block > div {
    width: 50%;
}

.product__description__block ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: .9rem;
}

.product__description__block h2 {
    font-size: 3.1rem;
}

.product__description__block > div:last-child > form button {
    width: 100%;
    padding: 1rem;
    color: #000;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    border: 0;
    margin-top: 1rem;
    border-radius: 0;
}

.to_cart_link {
    width: 100%;
    padding: 1rem;
    color: #fff;
    background-color: #333;
    text-transform: uppercase;
    font-size: 1rem;
    border: 0;
    border: 0 !important;
    margin-top: 0;
}

.product__description__block > div:last-child > form button:hover {
    background-color: #333;
    color: #fff;
}

.benefits__block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.5rem 0;
}

.benefits__block span {
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .9rem;
    text-transform: uppercase;
}

.benefits__block span picture {
    flex-shrink: 0;
}

.payment__block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product__description__block > div:last-child > a {
    width: 100%;
    color: #fff;
    border: 1px solid #fff;
    padding: 1rem 0;
    text-transform: uppercase;
    display: block;
    text-align: center;
    margin-top: 1.5rem;
}

.product__description__block > div:last-child > a:hover {
    background-color: #fff;
    color: #000;
}

.about__page {
    height: 100%;
    color: #fff;
}

.about__page__bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../img/about__bg.png) center no-repeat !important;
    background-size: cover !important;
}

.service__page__bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../img/project__bg.png) center no-repeat !important;
    background-size: cover !important;
}

.about__video {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about__video > picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.about__video > picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.about__video > span {
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: .3s all;
}

.about__video > span:hover {
    opacity: .5;
}

.about__page__2 {
    padding: 3% 3% 5% 3%!important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.about__benefits {
    display: flex;
    width: 100%;
    margin-top: 5%;
}

.about__benefits > div {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    width: 100%;
    padding: 0 2rem;
    border-right: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.about__benefits > div:last-child {
    border: 0;
}

.about__benefits > div b {
    font-size: 4rem;
}

.a_1 {
    height: calc(100% - 100px);
    padding: 2rem;
}

.a_1 .zag__block {
    margin: 2%;
}

.about__benefits > div strong {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.about__benefits span {
    text-transform: none;
    font-size: .75rem;
}

.custom__modal .modal-content {
    background-color: rgba(0,0,0,.8) !important;
    color: #fff;
    border-radius: 0;
}

.custom__modal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.custom__modal input {
    border-radius: 0;
    background-color: transparent;
}

.send {
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border: 0;
    text-transform: uppercase;
}

.send:hover {
    background-color: #333;
    color: #fff;
}

.text__1 {
    width: 100%;
    margin-top: 200px;
    padding: 5%;
    color: #fff;
    font-size: 1.2rem;
}

.inner__article__block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 120px;
    overflow-x: hidden;
}

.inner__article__block__more {
    color: #fff;
    text-align: end;
    text-transform: uppercase;
    padding: 5%;
}

.inner__article__block__more h3 {
    font-size: 1.2rem;
    font-weight: 400 !important;
}

.inner__article__block__more ul {
    list-style: none;
    margin: 1rem 0;
    padding: 0;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: .5rem;
}

.inner__article__block__more ul a {
    color: #999;
}

.inner__article__block__more ul a:hover {
    color: #fff;
}

.inner__article__block__text {
    padding: 5% !important;
    color: #fff;
}

.inner__article__block__text p {
    font-size: 1rem;
    line-height: 160%;
    margin: .5rem 0;
}

.inner__article__block__text img {
    width: 100% !important;
    margin: 1.5rem 0;
}

.share__block {
    margin-top: 1.5rem;
}

.inner__service__benefits {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
    margin-top: 5%;
}

.inner__service__benefits > div {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    justify-content: start;
}

.inner__service__benefits > div p {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.inner__service__benefits > div picture {
    flex-shrink: 0;
}

.arh__benefits .row > div {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.arh__benefits .row > div > div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.arh__benefits .row > div > div:first-child {
    flex-shrink: 0;
}

.arh__benefits b {
    text-transform: uppercase;
    font-size: 1rem;
}

.arh__benefits p {
    font-size: .9rem;
    margin: .5rem 0 0 0;
}

.how__to__start {
    margin: 2rem 0;
}

.how__to__start span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9rem;
}

.how__to__start p {
    font-size: .9rem;
    margin: .25rem 0 0 0;
}

.how__to__start b {
    font-size: 1.5rem;
    text-transform: uppercase;
}

.arh__benefits__icon picture {
    width: 80px !important;
    display: block;
}

.arh__text__1 {
    font-size: 1.2rem;
	margin-top: 6.5rem;
}

.arh__text__2 {
    font-size: 2.5rem;
    font-weight: 800 !important;
    text-transform: uppercase;
    margin: 2.5rem 0;
}

.arh__text__2 span {
    color: #DC4CB3;
}

@media (min-width: 1440px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1300px;
    }
}

@media (max-width: 1400px) {}

@media (max-width: 1200px) {
    .header__menu {
        display: none;
    }

    .header {
        gap: 2rem;
    }

    .header__phone a {
        font-size: 1.2rem;
    }

    .header__buttons {
        gap: 1.5rem;
    }

    .header__buttons>button {
        height: 3rem;
        padding: 0 2rem;
        font-size: .75rem;
    }

    .header__social picture {
        width: 3rem;
        height: 3rem;
    }

    .header__social picture img {
        width: auto;
    }

    .dropdown>button {
        width: 3rem;
        height: 3rem;
        font-size: .75rem;
    }

    .dropdown>button:hover {
        border-color: #333;
        background-color: #333;
    }

    .header__buttons span {
        width: 1px;
        height: 1.5rem;
        background-color: #fff;
    }

    .block__3 > div:first-child h2 {
        min-width: 400px !important;
    }
}

@media (max-width: 992px) {
    .header__phone {
        display: none;
    }

    .block__3 {
        flex-direction: column-reverse;
    }

    .block__3 > div {
        height: auto;
    }

    .carousel__1 {
        height: 100%;
        position: relative;
    }

    .carousel__1 .item {
        height: 50vw;
    }

    .text__block__2__fixed__p h2 {
        margin-bottom: 6rem;
    }

    .block__3 > div:first-child h2 {
        min-width: auto !important;
    }

    .block__4 {
        flex-direction: column;
    }

    .block__5 {
        flex-direction: column-reverse;
    }

    .block__5 > div {
        width: 100%;
    }

    .block__5__2 {
        height: 60%;
    }

    .carousel__2 {
        position: relative;
        height: 100%;
        top: 0;
    }

    .carousel__2 .item {
        height: 60vh !important;
    }

    .products__grid > div {
        width: 100%;
    }

    .products__grid > div > div > div:first-child,
    .products__grid > div > div > div:last-child {
        opacity: 1;
    }

    .pagination {
        flex-direction: row !important;
        display: flex;
    }

    .pagination li:first-child img {
        transform: rotate(90deg);
    }

    .pagination li:last-child img {
        transform: rotate(-90deg);
    }

    .about__benefits {
        flex-direction: column;
        margin: 5rem 0;
    }

    .about__benefits > div {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
        padding: 2rem 0;
        border-right: 0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .cart__items,
    .itogo {
        padding: 0 1.5rem;
    }

    .cart__item {
        flex-direction: column;
    }
    
    .cart__item__image__title {
        flex-direction: column;
        text-align: center;
    }

    .cart__item__delete {
        margin: 0;
    }
}

@media (max-width: 768px) {
    .header__buttons>button {
        display: none;
    }
}

@media (max-width: 576px) {
    .header {
        padding: 1rem;
    }

    .header__buttons {
        gap: 1rem;
    }

    .logo img {
        max-width: 4rem !important;
    }

    .text__block__1 h1 {
        font-size: 2.5rem;
        max-width: 80%;
    }

    .text__block__1 p {
        font-size: 1.2rem;
        max-width: 80%;
    }

    .text__block__1 > div {
        bottom: 5%;
    }

    .text__block__2 {
        padding: 22% 10%;
    }

    .text__block__2 h2 {
        font-size: 2.5rem;
    }

    .text__block__2 p {
        font-size: 1.2rem;
    }

    .block__3 {
        padding-top: 83px;
    }

    .block__3 > div:first-child {
        padding: 0 0 22% 10%;
        width: 100%;
    }

    .block__3 > div:last-child {
        height: 100%;
    }

    .carousel__1 .item {
        height: 65vh;
    }

    .owl-nav button {
        position: relative !important;
        margin: 25vh 0 0 0 !important;
    }

    .block__3 > div:first-child h2 {
        font-size: 2.5rem;
    }

    .carousel__1 .item a {
        font-size: 1.2rem;
    }

    .carousel__1 .item a > div:last-child {
        padding: 1.5rem;
    }

    .text__block__2__fixed__p h2 {
        margin-bottom: 6.5rem;
    }

    .more__button__block {
        bottom: 13%;
    }

    .block__4__1 {
        height: 35%;
        padding-top: 83px !important;
    }

    .block__4__2 {
        height: 50%;
    }

    .block__4__2__2 {
        flex-direction: column-reverse;
        gap: 1rem;
        padding: 2rem 0 0 0;
    }

    .block__4__2__2 h2 {
        text-align: center;
        font-size: 2.5rem;
    }

    .block__5 h2 {
        font-size: 2.5rem;
    }

    .article__card__title {
        padding-top: 120px;
    }

    .carousel__2 .owl-nav button {
        margin-top: 35vh !important;
    }

    .block__6__1 > a {
        font-size: 2.2rem;
    }
    
    .block__6__1 span {
        font-size: .9rem;
    }

    .block__6__1 > div:last-child {
        flex-direction: column;
        font-size: .75rem;
        gap: 1rem;
        margin-bottom: 22%;
    }

    .block__6__1 > div:last-child > div {
        width: 100%;
    }

    .zag__block ul {
        margin-bottom: .75rem;
        gap: .25rem;
        font-size: .75rem;
    }

    .zag__block h1 {
        font-size: 2.5rem;
    }

    .inner__content__block {
        padding: 100px 1.5rem 0 1.5rem;
        min-height: auto;
    }

    .sidebar__block {
        min-height: auto;
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .product__description__block {
        padding: 0;
        flex-direction: column-reverse;
    }
    
    .product__description__block > div {
        width: 100%;
    }

    .photo__block {
        flex-direction: column-reverse;
        width: 100%;
    }

    .photo__block > div {
        width: 100%;
    }

    .photo__block__mini {
        width: 100%;
        overflow-x: scroll;
    }

    .photo__block__mini > div {
        flex-direction: row;
        width: 100%;
    }

    .photo__block__mini > div > div {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
    }

    .about__page__2 {
        padding: 8% 8% 0 8% !important;
    }

    .about__video {
        height: 400px;
    }

    .about__benefits {
        margin-top: 1rem !important;
    }

    .about__benefits {
        margin: 0 5%;
        width: 90%;
    }

    .a__2 {
        margin-top: 30rem !important;
    }

    .text__1 {
        width: 100%;
        margin-top: 0;
        padding: 5%;
        color: #fff;
        font-size: 1.2rem;
    }

    .inner__article__block__text,
    .inner__article__block__more {
        padding: 0 7% !important;
    }

    .zag__block__reverse__2 {
        margin-top: 0;
        padding-right: 5%;
    }

    .inner__service__benefits {
        padding: 0 5%;
    }
    
    .a_1 {
        height: auto;
    }
	
	.fp-section {
		height: calc(100vh - 82px) !important;
		margin-top: 82px !important;
	}
}