@charset "UTF-8";
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}


ul li {
    list-style-type: none;
}

img {
    object-fit: cover;
}

.p-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.m-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.m-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.m-bottom-15 {
    margin-bottom: 15px;
}

.m-top-15 {
    margin-top: 30px;
}

.m-bottom-30 {
    margin-bottom: 30px;
}

.m-right-10 {
    margin-right: 10px;
}

.f-s-18 {
    font-size:18px!important;
}

.f-s-16 {
    font-size:16px!important;
}

.f-s-14 {
    font-size:14px!important;
}




.gravex-css-alert-info {
    background-color: #FF6760;
    border-color: #FF6760;
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}


.form-control {
    display: block;
    width: 100%;
    padding-left: 1.2rem;
    height: 46px;
    margin-bottom: 1rem;
    transition: all 0.3s;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    background-color: #fff;
    color: #777;
    font-family: "Open Sans", sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
}

.form-group {
    margin-bottom: 10px;
}

.form-group label {
    display: inline-block;
}

.login-form__go-over {
    display: flex;
}

.icon-youtube {
    
    background-image: url(/themes/fotogora/images/svg/icon-youtube.svg);
}

.icon-email {
    
    background-image: url(/themes/fotogora/images/svg/icon-email.svg);
}

.icon-vk {
    
    background-image: url(/themes/fotogora/images/svg/icon-vk.svg);
}

.icon-ok {
    
    background-image: url(/themes/fotogora/images/svg/icon-ok.svg);
}

.icon-mm {
    
    background-image: url(/themes/fotogora/images/svg/icon-mm.svg);
}


.icon-twitter {
    
    background-image: url(/themes/fotogora/images/svg/icon-twitter.svg);
}

.icon-telegram {
    
    background-image: url(/themes/fotogora/images/svg/icon-telegram.svg);
}


.icon-youtube:hover {
    
    background-image: url(/themes/fotogora/images/svg/icon-youtube-active.svg);
}

.icon-email:hover {
    
    background-image: url(/themes/fotogora/images/svg/icon-email-active.svg);
}

.icon-vk:hover {
    
    background-image: url(/themes/fotogora/images/svg/icon-vk-active.svg);
}

.icon-ok:hover {
    
    background-image: url(/themes/fotogora/images/svg/icon-ok-active.svg);
}

.icon-mm:hover {
    
    background-image: url(/themes/fotogora/images/svg/icon-mm-active.svg);
}

.icon-twitter:hover {
    
    background-image: url(/themes/fotogora/images/svg/icon-twitter-active.svg);
}

.icon-telegram:hover {
    
    background-image: url(/themes/fotogora/images/svg/icon-telegram-active.svg);
}



.breadcrumbs__wrapper {
    display: flex;
    padding: 15px 0;
    flex-wrap: wrap;
}

.breadcrumbs__item a {
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #9B9B9B!important;
}

.breadcrumbs__item:last-child span{
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #CF3C35!important;
}
.breadcrumbs__item:not(:last-child) {
    margin-right: 12px;
    position: relative;
}

.breadcrumbs__item:not(:last-child):before {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 4px;
    height: 4px;
    
    background-image: url(/themes/fotogora/images/svg/icon-next.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.centre-content {
    width: 100%;
    padding-right: 30px;
    padding-bottom: 15px;
}
.centre-content .single-media__photo {
    max-height: 350px;
}

.box-shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.single-media__item {
    position: relative;
    display: block;
    width: 100%;
}

.single-media__photo {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.single-media__title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.single-media__item:hover .album-article__top-item {
    opacity: 1;
}

.album-article__top-item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    
    padding: 15px 30px;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: .5s;

    
    
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    
    padding-top: 35px;
}

.album-article__top-item .single-media__title,
.album-article__top-item .single-media__view {
    position: relative;
    left: unset;
    bottom: unset;
    color: #fff;
}

.single-media__comments {
    position: absolute;
    bottom: 20px;
    right: 65px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.single-media__comments:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    padding-right: 5px;
    
    background-image: url(/themes/fotogora/images/svg/icon-comment.svg);
    background-repeat: no-repeat;
    background-position-y: 3px;
}

.single-media__view {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.single-media__view:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    padding-right: 5px;
    
    background-image: url(/themes/fotogora/images/svg/icon-view.svg);
    background-repeat: no-repeat;
    background-position-y: 3px;
}

.single-media__play {
    position: absolute;
}

.single-media__play {
    content: "";
    display: block;
    width: 119px;
    height: 119px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    background-image: url(/themes/fotogora/images/svg/play-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.video-albums__items,
.article__items {
    display: flex;
    justify-content: space-between;
}

.video-albums__item:nth-child(1) {
    padding-right: 15px;
}

.video-albums__item:nth-child(2) {
    padding-left: 15px;
}

.card__content {
    padding: 30px;
    background-color: #fff;
}

.card__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #CF3C35!important;
}

.card__text {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #353434;
}

.card__tags {
    display: flex;
    flex-wrap: wrap;
}

a.card__tag {
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #9B9B9B;
    border: 1px solid #D8D8D8;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap;
}

a.card__tag:hover {
    color: #353434;
    border: 1px solid #FF6760;
}

.card__tag:not(:last-child) {
    margin-right: 10px;

}

.cart__bottom {
    display: flex;
    padding: 15px 30px;
    background: rgba(155, 155, 155, 0.2);
}

.card__icon {
    position: relative;
    padding-left: 20px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #9B9B9B;
}

.card__icon:nth-child(2) {
    margin-left: auto;
    margin-right: 10px;
}

.card__icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
}

.icon-calendar:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-calendar.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-comment:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-comment.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-view:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-view.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.article__item {
    height: 290px;
}

.article__item:nth-child(1) {
    margin-right: 15px;
    width: 155%;
    box-sizing: border-box;
}

.article__item:nth-child(2) {
    margin-left: 15px;
}



.article-card-1__photo {
    width: 100%;
}

.article-card-1__photo img {
    max-height: 500px;
    object-fit:cover;
}

.article-card-1__tags {
    padding-right: 10%;
}

.article-card-2__right {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.article-card-2__content {
    flex: 1;
}

.article-card-2__item {
    display: flex;
}

.article-card-2__photo > a {
    display: block;
    
    max-width: 352px;
    position: relative;
    padding-bottom: 101%;
    min-height: 335px;
    height: 100%;
    width: 350px
}

.article-card-2__photo img {
    width: 100%;
}


.article-card-2__photo a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #fff;
}

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

.pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #DFE3E8;
    border-radius: 4px;
}

.pagination__item a {
    position: relative;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #4C3933;
}

.pagination__item.__disabled {
    background: #353434;
    opacity: 0.5;
}

.pagination__item.__active {
    border: 1px solid rgba(255, 103, 96, 1);
}
.pagination__item a.next  {
    width: 7px;
    height: 14px;
}
.pagination__item .next:before,
.pagination__item .prev:before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7px;
    height: 12px;
    
    background-image: url(/themes/fotogora/images/svg/icon-next.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.pagination__item .prev:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-prev.svg);
}

.pagination__item.__disabled .prev:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-prev-white.svg);
}

.pagination__item.__disabled .next:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-next-white.svg);
}






.sidebar-block {
    padding: 15px 0;
    position: relative;
    
}

.sidebar-block__title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 22px;
    text-align: left;
}

.sidebar-block__icon{
    position: relative;
    padding-left: 30px;
}

.sidebar-block__icon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.icon-recent-entries:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-recent-entries.svg);
}

.sidebar-block .card__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #353434
}

.recent-entries__item {
    margin-bottom: 15px;
    background: #FFFFFF;
}

.recent-entries__item img {
    max-width: 120px;
    width: -moz-fit-content;
    height: 107px;
}

.recent-entries__content {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.recent-entries__content .card__icon {
    margin-left: 0;
}

.icon-video:before {
    
    background-image: url(/themes/fotogora/images/svg/icon-video.svg);
}

.sidebar-block .video-albums__item {
    padding: 0;
    margin-bottom: 30px;
}

.sidebar-block .video-albums__item .album-article__top-item {
    padding-left: 20px;
    padding-right: 20px;
}

.sidebar-block .video-albums__item  .single-media__photo {
    object-fit: cover;
    aspect-ratio: 16 / 8;
}

.sidebar-block .single-media__play {
    width: 60px;
    height: 60px;
}

.sidebar-block .single-media__title {
    max-width: 50%;
}

.sidebar-block .video-albums__item .single-media__title {
    max-width: 70%;
}


.vk-members__item {
    background-color: #fff;
    padding: 20px;
}

.vk-members__logo {
    display: block;
    margin: 0 auto 20px;
}

.vk-members__separator {
    width: 100%;
    margin-bottom: 15px;
    height: 1px;
    background: #D9D9D9;
}

.vk-members__count {
    display: block;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #9B9B9B;
}

.vk-members__persons {
    display: flex;
    flex-wrap: wrap;
}

.vk-members__person {
    margin-bottom: 15px;
    margin-right: 15px;
}

.vk-members__person:nth-child(5n) {
    margin-right: 0;
}

.vk-members__subscribe {
    padding: 20px 40px;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, #4C6C91 0%, #345882 100%);
    box-shadow: inset 0 -3px 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
    color: #fff!important;
}

.vk-members__subscribe .icon-vk {
    display: block;
    width: 25px;
    height: 15px;
    margin-right: 10px;
    
    background-image: url(/themes/fotogora/images/svg/icon-vk-white.svg);
}

.sale-block__wrapper {
    text-align: center;
}

.sale-block__item {
    padding: 50px 15px 25px;
    margin-bottom: 25px;
    position: relative;
    background: #FFFFFF;
    text-align: center;
}

.sale-block__photo {
    margin-bottom: 20px;
    
    height: 250px;
}

.sale-block__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #4C3933;
}

.sale-block__label {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 7px 9px 7px 21px;
    background: linear-gradient(180deg, #FF6760 0%, #CF3C35 100%);

}

.sale-block__triangle {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 38px solid white;
    border-right: 11px solid transparent;
}

.sale-block__discount {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

.sale-block_sale-cost {
    display: block;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    text-decoration-line: line-through;
    color: #9B9B9B;
}

.sale-block_new-cost {
    display: block;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    color: #CF3C35;
}

.sale-block__button {
    display: block;
    padding: 15px;
    background: linear-gradient(180deg, #FF6760 0%, #CF3C35 100%);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #FFFFFF!important;
    text-shadow: -1px -1px 1px rgba(166, 49, 43, 0.5);
}

.sale-block__button:hover {
    background: linear-gradient(0deg, rgba(108, 0, 0, 0.3), rgba(108, 0, 0, 0.3)), linear-gradient(180deg, #FF6760 0%, #CF3C35 100%);
    box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.2);
}

.sale-block__view-all {
    padding: 10px 40px;
    border: 1px solid rgba(255, 103, 96, 1);
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    text-align: center;
    color: #353434;
}

.archive-block__item {
    margin-bottom: 12px;
}

.archive-block__content {
    padding: 20px;
    background-color: #fff;

}

.archive-block__year {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #353434;
}

.archive-block__year.sidebar-block__icon {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D9D9D9;
}

.archive-block__month {
    display: flex;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D9D9D9;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #353434;
}

.icon-month {
    position: relative;
}

.icon-month:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    
    background-image: url(/themes/fotogora/images/svg/icon-month.svg);
    background-repeat: no-repeat;
}

.tags-block__items {
    display: flex;
    flex-wrap: wrap;
}





.footer {
    background-color: #1E1E1E;
}

.footer__container {
    display: flex;
    padding-top: 35px;
    padding-bottom: 35px;
}

.footer__contact {
    padding: 5px 0;
    margin-right: 115px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    opacity: 0.6;
}

.footer__contact a {
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    padding-left: 30px;
}
.footer__contact:nth-child(1) a {
    
    background-image: url(/themes/fotogora/images/svg/footer-subscription.svg);
}

.footer__contact:nth-child(2) a {
    
    background-image: url(/themes/fotogora/images/svg/footer-call.svg);
}

.footer__contact:nth-child(3) a {
    
    background-image: url(/themes/fotogora/images/svg/footer-mail.svg);
}

.footer__menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer__menu a {
    padding: 5px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #9B9B9B;
}

.footer__end {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
}

.footer__social-links {
    display: flex;
    justify-content: right;
}

.footer__social-link {
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.footer__end span {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    opacity: 0.6;
}




.pcategories__list{
    margin-bottom: 20px;

    
}
ul li.pcategories__first-level {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pcategories__first-level > ul {
    padding-left: 10px;
}

.pcategories__list li {
    padding: 5px;
}
.pcategories__second-level {
    padding-left: 10px;
}
.pcategories__second-level .pcategories__third {
    display: none;
}

.pcategories__third {
    padding-top: 10px;
    padding-bottom: 10px;
}
.pcategories__third li {
    padding: 0 0 5px;
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
}

.pcategories__third li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 12px;
    transform: translateY(-50%);
    left: 10px;
    border-radius: 100%;
    background-color: #777;
    border: 1px solid #777;
}




.article-youtube__item iframe {
    width: 100%;
    height: 400px;
}


.subscribe-form {
    padding: 20px 10px;
}
.subscribe-form__field {

}
.subscribe-form .mc-field-group {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}
.subscribe-form label {
    margin-bottom: 5px;
}
.subscribe-form .mc-field-group input {
    max-width: 300px;
    height: 40px;
    padding-left: 5px;
}
.subscribe-form input[type=submit] {
    margin-top: 10px;
}





.form-poll__wrapper {
    margin-bottom: 30px;
}

.form-poll {
    margin-top: 20px;
    padding: 20px;
    background: #F4F4F4;
    box-shadow: inset 2px 2px 3px rgb(0 0 0 / 20%);
    border-radius: 5px;
}

.poll-items__wrapper li {
    padding: 10px 0 10px 30px;
}
.poll-items__item label {
    position: relative;
    padding-left: 5px;
}

.poll-items__item input[type="checkbox"] ~ span:before{
    content: '';
    padding-left: 1px;
    position: absolute;
    top: 2px;
    left: -18px;
    width: 15px;
    height: 15px;
    background: #fff;
    color: rgba(255, 103, 96, 1);
    font-weight: 800;
    border-radius: 2px;
}

.poll-items__item input[type="checkbox"]:checked ~ span:before{
    content: '\2713';
    position: absolute;
    top: 2px;
    left: -18px;
    width: 15px;
    height: 15px;
}

.form-poll__title {
    margin-bottom: 10px;
}

.form-poll__submit {
    display: block;
    margin-top: 15px;
    padding: 15px 25px;
    background: linear-gradient(180deg, #FF6760 0%, #CF3C35 100%);
    box-shadow: inset 0 -3px 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #FFFFFF!important;
    text-shadow: -1px -1px 1px rgb(166 49 43 / 50%);
}

.form-poll__submit:hover {
    opacity: .7;
}




.error-404 .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    flex-grow: 1;
    flex-shrink: 0;
}

.error-404 h1 {
    margin-right: auto;
}

.error-404 h3 {
    font-size: 24px;
    padding: 10px 0 10px;
}

.error-404__search-form {
    padding: 0 0 15px;
}
.error-404__search-form input {
    max-width: 500px;
    width: 100%;
    padding: 15px 23px;
    height: auto;
    background-color: #fff;
    color: #000;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.error-404__search-form .icon-search:before {
    top: 0;
    transform: translateY(-15px);
}



.rating__wrapper {
    display: flex;
}
.rating-icon {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.rating-count {
    line-height: 24px;
}


.gravex-css-alert-info {
    margin-top: 10px;
}
@media screen and (min-width: 996px) {
    .signup .signup-form__body {
        max-width: 50%;
    }

    .signup .signup-form__body .signup-form__alert {
        margin-left: auto;
    }

    .signup .signup-form__body .login-form__go-over {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 1200px) and (min-width: 996px) {
.article-card-2__photo > a {
        width: 100%;
        padding: unset
    }

    .article-card-2__photo a img {
        position: relative;
    }

    .article-card-2__right {
        width: 50%;
    }
}
@media screen and (max-width: 996px) {
    .desktop {
        display: none;
    }

    .header__top .header__container {
        padding: 0;
    }

    .header__info {
        display: none;
    }

    .header__separatorY {
        display: none;
    }

    .header__burger {
        position: relative;
        display: block;
        width: 47px;
        height: 47px;
        background-color: rgba(207, 60, 53, 1);
        z-index: 20;
    }

    .header__burger span {
        display: block;
        background: #D9D9D9;
        width: 30px;
        height: 6px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition-duration: .2s
    }

    .header__burger span:before,
    .header__burger span:after {
        content: '';
        display: block;
        background: #D9D9D9;
        width: 30px;
        height: 6px;
        position: absolute;
        top: -9px;
        left: 50%;
        transform: translate(-50%, -50%);
        transition-duration: .5s
    }

    .header__burger span:after {
        top: 15px;
    }

    .header__burger.__active span {
        height: 0px;
    }

    .header__burger.__active span:before {
        transform: rotate(45deg);
        left: 0;
        top: -3px;
    }

    .header__burger.__active span:after {
        top: -3px;
        transform: rotate(-45deg);
        left: 0;
    }

    .header__mobile {
        padding: 50px 25px 25px;
        display: block;
        flex-direction: column;
        top: -999px;
        right: 0;
        position: absolute;
        z-index: 10;
        background-color: rgba(30, 30, 30, 1);
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
        transition: .5s
    }

    .header__mobile.__active {
        top: 0;
    }

    .header__mobile .menu__list {
        display: block;

    }

    .header__mobile .menu__item {
        padding-left: 0;
        padding-right: 0;
    }

    .header__mobile .header__social-links {
        display: flex;
        margin-top: 25px;
    }

    .header__mobile .footer__contact {
        margin-right: 0;
    }



    .gcolumn-right-flex {
        max-width: 350px!important;
    }

    .article-card-2__photo {
        display: block;
        width: 100%;
    }

    .single-media__item .album-article__top-item {
        opacity: 1;
    }


    .centre-content .article-card-2__item {
        flex-direction: column;
    }

    .article-card-2__photo > a {
        position: relative;
        padding-bottom: 50%;
        min-height: 200px;
        width: 100%;
        max-width: 100%;
    }


    .footer__contact {
        margin-right: 5em;
    }
}

@media screen and (max-width: 768px) {
    .centre-content {
        padding-right: 0;
    }

    .header__social-links {
        display: none;
    }
    .article-youtube__item iframe {
        height: auto;
    }
    .help-block {
        top: 3px;
        font-size: 10px;
    }


}

@media screen and (max-width: 576px) {
    .header-logo {
        max-width: 136px;
    }
    .header__profile {
        padding: 6px 11px;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px;
        color: #353434;
    }
    .header__search {
        max-width: 100%;
    }

    .header__bottom {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .card__title {
        font-size: 16px;
        line-height: 20px;
    }

    .card__text {
        font-size: 14px;
        line-height: 18px;
    }

    .video-albums__items,
    .article__items,
    .article-card-2__item {
        flex-wrap: wrap;
    }

    .single-media__play {
        width: 75px;
        height: 75px;
    }

    .single-media__title {
        font-size: 12px;
        line-height: 15px;
    }

    .video-albums__item,
    .article__item {
        padding-left: 0!important;
        padding-right: 0!important;
        width: 100%;
    }

    .video-albums__item:not(:last-child),
    .article__item:not(:last-child) {
        margin-bottom: 15px;
    }

    .recent-entries__item img {
        max-width: 100%;
        height: unset;
}

.footer__container {
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer__contacts {
    order: 0;
}

.footer__contacts {
    order: 1;
}

.footer__end {
    width: 100%;
    order: 2;
    justify-content: center;
}

.footer__social-links {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.footer__end span {
    margin: 0 auto;
    max-width: 170px;
    text-align: center;
}


}

.gravex-link {
    justify-content: right;
    margin-top: 10px!important;
}

.invisible-urls a {
    cursor: text;
    text-decoration: none;
}

.invisible-urls a:hover {
    opacity: unset;
}

.send-draft-form .field {
    padding: 10px 0;
}

.send-draft-form label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.send-draft-form input {
    width: 100%;
    padding: 15px 23px;
    height: auto;
    background-color: #fff;
    color: #353434;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
}

.send-draft-form .desc-input {
    width: 100%;
    padding: 15px 23px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #353434;
}

.send-draft-button {
    padding: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #fff !important;
    border: 1px solid #D8D8D8;
    border-radius: 30px;
    background: #bdbdbd;
    margin-left: auto!important;
}

.send-draft-button:hover {
    background: #CF3C35;
}

.video-type-button {
    margin-top: 10px;
    display: inline-block;
    padding: 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid rgba(255, 103, 96, 1);
    border-radius: 10px;
}

.video-type-button._active {
    color: #fff !important;
    border: 1px solid #D8D8D8;
    background: #CF3C35;
}
.span-link {
    cursor: pointer;
}
.no-size {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}
.fit-size {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.m-0 {
    margin: 0;
}
.p-0 {
    padding: 0;
}
.loading-container {
    opacity: 0.3;
    pointer-events: none;
}
.hidden-form {
    display: none;
}

.modal-backdrop.in {
    opacity: 0.6 !important;
    background-color: #000 !important;
}

.gravex-disabled {
    opacity: 0.6 !important;
    cursor: not-allowed;
    pointer-events: none;
}
.basket-empty {
    font-size: 14px;
    text-transform: uppercase;
    color: #666668;
    text-align: center;
    padding: 10px;
}
.gravex-count-decrease, .gravex-count-increase {
    cursor: pointer;
}


html.gravex-noscroll {
    
    overflow: hidden;
    margin-right: 15px;
}

html.gravex-noscroll body {
    

}


#content_wrapper {
    min-height: 100%;
    
    height: 100%;
}

.gfixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}


.aspect-ratio-15-25 {
    position: relative;
    aspect-ratio: 25 / 15;
    width: 100%;
    display: block;
}

.gravex-item-image-wrapper {
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.gravex-item-image-wrapper:before {
    content:     "";
    display:     block;
    padding-top: 100%; 
}

.gravex-item-image-wrapper-3-2 {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}
.gravex-item-image-wrapper-3-2:before {
    content:     "";
    display:     block;
    padding-top: 66.666%; 
}


.gravex-item-image-wrapper-24-10 {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}
.gravex-item-image-wrapper-24-10:before {
    content:     "";
    display:     block;
    padding-top: 42%; 
}


.gravex-item-image-wrapper-28-17 {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}
.gravex-item-image-wrapper-28-17:before {
    content:     "";
    display:     block;
    padding-top: 61%; 
}


.gravex-item-image-wrapper-85-30 {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}
.gravex-item-image-wrapper-85-30:before {
    content:     "";
    display:     block;
    padding-top: 35%; 
}



.gravex-item-image {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px;
}

.count-selector-container {
    width: 135px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    max-width: 142px;
}
.count-selector-button-input {
    border: none !important;
    font-size: 15px;
    color: #31629f !important;
    font-weight: bold;
    margin-left: 4px;
}
.count-selector-button-plus, .count-selector-button-minus {
    margin-right: 6px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #666;
    line-height: 23px;
    margin-bottom: 4px;
    border: 1px solid #e6e6e6;

}
.count-selector-button-plus:hover, .count-selector-button-minus:hover {
    background-color: #31629f;
    color: #fff;
}
.gravex-cross-icon {
    color: #333;
    font-size: 24px;
    line-height: 4px;
}
#sticky-sidebar-area {
    will-change: min-height;
}

#sticky-sidebar-inner-content {
    transform: translate(0, 0); 
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}


.iframe-container-16-9 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; 
}

.iframe-container-3-2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 66.67%; 
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}




.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #333e48;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}




.lazy {
    
    background: url(/assets/cbdf3a1c/css/../images/loader-grey.gif) center center no-repeat;
    border: none;
}
.lazy.loaded {
    background-image: unset;
}
.lazy:not(.loaded) {
    background-size: initial !important;
}





.has-error .form-control {
    border-color: #e32028;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #e32028;
}
.has-error {
    position: relative;
}
.help-block {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
form div.required label.font-weight-normal:after,
form div.required label.control-label:after {
    content:" * ";
    color: #e32028;
}

form div.required label.font-weight-normal:after label:after,
form div.required label.control-label:after label:after {
    content: none;
}


.disabled-link {
    pointer-events: none;
    cursor: default;
    opacity: 0.3;
}
.callback-modal-trigger {
    cursor: pointer;
}

.gravex-css-ellipses-1,
.gravex-css-ellipses-2,
.gravex-css-ellipses-3,
.gravex-css-ellipses-4 {
    display: -webkit-box!important;
    max-width: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.gravex-css-ellipses-1 {
    -webkit-line-clamp: 1;
}
.gravex-css-ellipses-2 {
    -webkit-line-clamp: 2;
}
.gravex-css-ellipses-3 {
    -webkit-line-clamp: 3;
}
.gravex-css-ellipses-4 {
    -webkit-line-clamp: 4;
}

.lg-backdrop.in {
    opacity: 0.7 !important;
}



.gravex-js-items-slider-slick {
    width: 100%;
}

.compare-product-title-container {
    height: 60px;
}
.compare-product-remove__close:hover span {
    opacity: 0.5;
}
.compare-product-product-actions {
    padding: 5px 0;
    text-align: center;
}
.compare-fav-btn{
    margin-left: 15px;
}
.compare-buy-btn:hover svg path {
    fill: var(--bg-color-secondary);
}
.compare-fav-btn:hover svg path {
    fill: #cb0119;
}
.compare-fav-btn.gravex-active svg path {
    fill: #cb0119;
}
.cart_navigation {
    margin-top: 10px;
    margin-bottom: 10px;
    
    width: 100%;
}
a.continue-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    color: var(--link-color);
    border: 1px solid var(--border-color-primary);
    background: var(--bg-color-primary);
}

























.gravex-css-alert {
    padding: 15px;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
.gravex-css-alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.gravex-css-alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.gravex-css-alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.gravex-css-alert-close  {
    position: relative;
    width: 15px;
    height: 15px;
    margin-left: auto;
    background: transparent;
    border: 0;
}
.gravex-css-alert-close span {
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    opacity: 0.3;
    cursor: pointer;
}
.gravex-css-alert-close span:hover {
    opacity: 1;
}
.gravex-css-alert-close span:before, .gravex-css-alert-close span:after {
    content: ' ';
    position: absolute;
    left: 7px;
    top: 2px;
    height: 12px;
    width: 2px;
    background-color: #333;
}
.gravex-css-alert-close span:before {
    transform: rotate(45deg);
}
.gravex-css-alert-close span:after {
    transform: rotate(-45deg);
}


.gravex-close-button span {
    display: block;
    width: 10px;
    height: 10px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gravex-close-button span:before,
.gravex-close-button span:after {
    content: '';
    display: block;
    background: #000000;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 300px;
}
.gravex-close-button span::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


.gravex-container-ellipses {
    position: relative;
    overflow: hidden;
}
.gravex-container-ellipses:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: url(/assets/cbdf3a1c/css/../images/text-bottom.png) left bottom repeat-x;
}




.notification-banner {
    
    background: #009579;
}

.notification-banner__content {
    padding: 16px;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    text-align: center;
}

.notification-banner__text {
    flex-grow: 1;
    line-height: 1.4;
    font-family: "Quicksand", sans-serif;
    font-size: 20px;
}

.banner__close {
    background: none;
    border: none;
    cursor: pointer;
}

.notification-banner__text,
.banner__close > span {
    color: #ffffff;
}


.toast-success {
    background-color: var(--toastr-success-color);
}
.toast-error {
    background-color: var(--toastr-error-color);
}


.gravex-tabs {
    display: flex;
}
.gravex-tabs__item {
    display: none;
}
.gravex-tabs__item--active {
    display: flex;
    justify-content: center;
}


.admin-button__wrapper {
    padding: 10px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 50%;
    right: -210px;
    transform: translateY(-50%);
    z-index: 10;
    background-color: #eee;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    transition: .5s;
}
.admin-button__wrapper:hover {
    right: 0;
}
.admin-button__icon {
    width: 35px;
    box-sizing: border-box;
}
.admin-button__icon svg {
    fill: #000;
}
.admin-button__link {
    padding: 10px;
    width: 200px;
    font-size: 14px;
    color: #000;
}




.no-tablet {
    display: block;
}

@media screen and (max-width: 996px) {
    .no-tablet {
        display: none;
    }
}


textarea:focus, input:focus{
    outline: none;
}

#pjax-container.loading {
    opacity: .3;
}



.gtext-content a {
    color: var(--bg-color-primary) !important;
}

.gtext-content a:hover {
    text-decoration: underline;
}

.gtext-content h1 {
    font-size: 26px;
}

.gtext-content h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.gtext-content h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.gtext-content h4,
.gtext-content h5,
.gtext-content h6 {
    font-size: 18px;
    margin-bottom: 10px;
}

.gtext-content p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
}
.gtext-content ul li {
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    list-style-type: none;
}

.gtext-content ul li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 12px;
    transform: translateY(-50%);
    left: 10px;
    border-radius: 100%;
    background-color: #777;
    border: 1px solid #777;
}

.gtext-content td {
    text-align: center;
    border: 1px solid #eee;
}

.gtext-content table {
    width: 100%;
    margin-bottom: 30px;
}

.gravex-overlay {
    cursor: pointer;
    display:block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    visibility: hidden;
    filter:alpha(opacity=0);
    opacity: 0;
    transition: visibility 0s linear 500ms, opacity 500ms;
    z-index: 999;
}

.gravex-overlay-background {
    background: #000000;
}

.gravex-overlay-visible {
    display:block;
    visibility: visible !important;
    filter:alpha(opacity=60) !important;
    opacity: 0.6 !important;
}

.gravex-modal {
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 1002;
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 600px;
    width: 90%;
    height: auto;
    max-height: 100vh;
    padding: 24px 0;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.gravex-modal#cart_modal {
    max-width: 800px;
}

.gravex-modal-visible {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    overflow: hidden;
}
.gravex-modal__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    background: none repeat scroll 0 0 #fff;
    border-top: var(--bg-color-primary) 3px solid !important;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.gravex-modal-800 {
    max-width: 800px;
}

.gravex-modal-1000 {
    max-width: 1000px;
}

.gravex-modal-1200 {
    max-width: 1200px;
}

.gravex-modal-header {
    padding: 1rem 2rem;
    border-bottom: 1px solid #e7eaf3;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
}
.gravex-modal-header-title {
    height: 40px;
    font-size: 24px;
    margin-top: 3px;
}
.gravex-modal-body {
    padding: 1rem 1rem 2rem 2rem;
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
    overflow-x: hidden;
}


.gravex-modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    opacity: 0.3;
    cursor: pointer;
}
.gravex-modal-close:hover {
    opacity: 1;
}
.gravex-modal-close:before, .gravex-modal-close:after {
    position: absolute;
    left: 10px;
    top: 0;
    content: ' ';
    height: 21px;
    width: 2px;
    background-color: #333;
}
.gravex-modal-close:before {
    transform: rotate(45deg);
}
.gravex-modal-close:after {
    transform: rotate(-45deg);
}




.gravex-modal__header {
    background: #F6F6F6;
    padding: 37px 0 33px;
    text-align: center;
}

.gravex-modal__body {
    padding: 2rem 2rem;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;

}

@media(max-width:540px) {

    
    
    
    
}
.gravex-modal-order-0 {
    order: 0;
}
.gravex-modal-order-1 {
    order: 1;
}
.gravex-modal-order-2 {
    order: 2;
}



#cart_modal {
    max-height: 90vh;
}
.cart-modal__footer__buttons {
    text-align: center;
}
.cart-modal__footer__buttons a {
    display: inline-block;
    margin: 0 10px;
    font-weight: 600;
    font-size: 16px;
    padding: 15px;
    color: #fff;
}
.cart-modal__footer__buttons a:first-child {
    background: var(--bg-color-primary);
}
.cart-modal__footer__buttons a:nth-child(2) {
    background: var(--bg-color-secondary);
}
#cart_modal .cart-modal__footer__buttons a:hover:nth-child(1) {
    background: var(--bg-color-secondary);
}
#cart_modal .cart-modal__footer__buttons a:hover:nth-child(2) {
    background: var(--bg-color-primary);
}
#cart_modal .cart-modal__footer__buttons a {
    color: #fff;
}



.grvx-cart-modal__titles ul {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.grvx-cart-modal__items {
    padding: 10px 0;
}
.grvx-cart-modal__items ul{
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    margin: 0 0 1rem;
}
.grvx-cart-modal__titles li,
.grvx-cart-modal__items li {
    list-style-type: none;
    text-align: center;
    padding: 0 10px;
}
.grvx-cart-modal__remove {
    width: 2%;
}
.grvx-cart-modal__img {
    width: 8%;
}
.grvx-cart-modal__title {
    width: 60%;
}
.grvx-cart-modal__count {
    width: 15%;
}
.grvx-cart-modal__price {
    width: 15%;
}
.grvx-cart-modal__remove,
.grvx-cart-modal__img,
.grvx-cart-modal__title,
.grvx-cart-modal__price {
    display: flex;
    align-items: center;
}
.grvx-cart-modal__title {
    text-align: left;
    padding: 0!important;
}
.grvx-cart-modal__remove {
    justify-content: left;
    padding: 0!important;
}
.grvx-cart-modal__price {
    justify-content: right;
    padding: 0!important;
}
.cart-modal__footer__totals {
    margin-bottom: 15px;
}
.cart-modal__footer__totals h5 {
    max-width: 250px;
    margin-left: auto;
    font-size: 14px;
}
.grvx-cart-modal__img img{
    width: 100%;
    object-fit: contain;
    max-height: 50px;
}
#cart_modal .gravex-modal__body {
    padding: 2rem 3rem;
}
@media(max-width:960px) {
    .grvx-cart-modal__items li {
        padding: 0;
    }
    .grvx-cart-modal__price {
        width: 20%;
        min-width: 90px;
    }
    #cart_modal .count-selector-container{
        margin: 0;
    }

}
@media(max-width:640px) {
    .grvx-cart-modal__remove {
        order: 1;
    }
    .grvx-cart-modal__img {
        padding: 0!important;
        width: 20%;
        margin-bottom: 10px;
    }
    .grvx-cart-modal__items ul {
        flex-wrap: wrap;
    }
    .grvx-cart-modal__title {
        width: 100%;
        margin-bottom: 5px;
    }
    .grvx-cart-modal__count{
        width: 35%;
    }
    .cart-modal__footer__buttons a:first-child {
        margin-bottom: 5px;
    }
}
@media(max-width:540px) {
    .grvx-cart-modal__titles ul li {
        font-size: 10px;
    }
    .cart-modal__footer__totals h5 {
        max-width: 100%;
    }

}













.gravex-callback__time__wrapper {
    display: flex;
    justify-content: space-between;
}
.gravex-callback__time__wrapper .field-callbackform-timefrom,
.gravex-callback__time__wrapper .field-callbackform-timeto {
    width: 50%;
    padding: 0 15px;
}

@media(max-width:540px) {
    .gravex-callback__time__wrapper .field-callbackform-timefrom{
        padding-left: 0;
        padding-right: 15px;
    }
    .gravex-callback__time__wrapper .field-callbackform-timeto {
        padding-left: 15px;
        padding-right: 0;
    }
}
.gravex-callback__time__wrapper input {
    width: 100%;
}
#callback_modal form{
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#callback_modal {
    border-radius: 10px;
}
.title-modal {
    margin-top: 10px;
    padding-left: 20px;
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    color: #444;
    border-bottom: 3px solid #cb0119;
    padding-bottom: 10px;
}
#callback_form input[type=text] {
    width: 100%;
}



body {
    position: relative;
    transition: .5s;
}
.gravex-main-wrapper-flex {
    display: flex;
    height: 100%;
    width: 100%;
    
}
.gsidebar {
    height: 100%;
}
.gsidebar-left {
    position: relative;
}
.gcolumn-center-flex {
    display: flex;
    flex: 1 1 0;
    
}
.gcolumn-left-flex {
    order: 0;
}
.gcolumn-center-flex {
    order: 1;
}
.gcolumn-right-flex {
    order: 2;
}
.gsidebar-left, .gsidebar-right {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    
    overflow: hidden;
}
.gsidebar-left {
    left:0;
}
.gsidebar-right {
    right: 0;
}
.g-pos-absolute {
    position: absolute!important;
}
.gcolumn-left-flex .gsidebar-left,
.gcolumn-right-flex .gsidebar-right {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    transform: translateX(0px);
}
.gravex-overlay.gravex-overlay-transparent {
    background-color: transparent;
}
.display-block {
    display: block;
    width: 100%;
}

.gravex-sticky {
    position:-webkit-sticky;
    position:sticky;
    top: 0; 
    height: fit-content; 
}

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a, .toast-message label {
    color: #FFF
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #FFF;
    opacity: .9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90)
}

#toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container > div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
}

#toast-container > .toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51A351
}

.toast-error {
    background-color: #BD362F
}

.toast-info {
    background-color: #2F96B4
}

.toast-warning {
    background-color: #F89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container > div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

    #toast-container > div.rtl {
        padding: 15px 50px 15px 15px
    }
}


.gtext-archived {
    opacity: .75;
}


.gprice-retail {
    font-size: 18px;
    color: var(--bg-color-primary);
    text-decoration: line-through;
}

.gprice {
    font-size: 33px;
}

.gprice-hidden {
    display: none;
}


.gravex-link {
    display: block;
    width: 100%;
    padding: 5px 0 0;
}


.g-item-draft {}

.g-item-published {}

.g-item-archive {}

.g-item-out-of-production {
    filter: grayscale(100%);
    pointer-events: none;
}



.accept-cookies-popup {
    position: fixed;
    bottom: 20px;
    max-width: 480px;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    padding: 15px 20px;
    left: 0;
    right: 0;
    z-index: 10000;
    margin: 0 auto;
    display: none;
    line-height: 1.4;
    color: #333;
}
.accept-cookies-popup.show {
    display: flex;
}
.accept-cookies-popup p {
    margin-bottom: 0;
    font: normal normal 400 12px/16px 'Open Sans', sans-serif; 
    line-height: inherit;
}
.accept-cookies-popup a {
    color: #5b7c88;
    text-decoration: underline;
    transition: color 0.2s ease;
}
.accept-cookies-popup a:hover {
    color: #4b6a77;
}
.accept-cookies-popup .accept-cookies-popup-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.accept-cookies-popup button {
    background-color: #eee;
    color: #000;
    border: none;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    transition: background-color 0.2s ease;
    line-height: 1;
    text-transform: uppercase;
    margin-top: auto;
}
.accept-cookies-popup button:hover {
    background-color: var(--bg-color-secondary);
    color: var(--link-color-hover);
}
@media (max-width: 767.98px) {
    .accept-cookies-popup {
        padding: 15px;
    }
    .accept-cookies-popup .accept-cookies-popup-actions {
        justify-content: center;
        margin-top: 15px;
    }
    .accept-cookies-popup button {
        width: 100%;
        padding: 12px 20px;
        font-size: 16px;
    }
}

.search-suggest-popup {
    background-color: #ffffff;
    border: 1px solid #E2E2E2;
    box-shadow: 2px 2px 4px #E2E2E2;
    width: 400px;
    z-index: 100000;
    list-style-type: none;
    margin:0px;
    margin-left: -100px;
    padding:0;
}
.search-suggest-popup li {
    height: 73px;
    border: none !important;
    border-bottom: 1px solid #E2E2E2 !important;
    
    background: none;
}
.search-suggest-popup li:hover {
    border: none !important;
    border-bottom: 1px solid #E2E2E2 !important;
    background-color: #fbfbfb;
}
.search-suggest-popup li a {
    display: block;
    height: 72px;
}
.search-suggest-popup li a:hover {
    background: transparent !important;
}
.search-left {
    float: left;
    width: 20%;
    height: 100%;
}
.search-right {
    float: left;
    width: 80%;
    height: 100%;
    
}
.ui-state-active {
    border: none !important;
    opacity: 0.7;
}
.search-left img {
    margin: 0 auto;
}

.search-right:after {
    display:block;
    content:"";
    clear:both;
}
.search-suggest-popup img {
    max-height: 38px;
    max-width: 50px;
    margin: 15px 20px;
}
.search-suggest-popup .search-title {
    display: block;
    color: #666668;
    font-size: 13px;
    margin:0px 5px;
}
.search-suggest-popup .search-price {
    display: block;
    color: #34495e;
    font-size: 16px;
    font-weight: bold;
    margin:0px 5px;
}
.header-search-wrapper input:focus {
    outline: 0;
    box-shadow: none;
}

.autocomplete-suggestions {
    background-color: #fff;
    border: 1px solid #E2E2E2;
    box-shadow: 2px 2px 4px #e2e2e2;
}

.search-popup__item {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 10px;
    border-bottom: 1px solid #E2E2E2 !important;
}

.search-popup__item:hover {
    opacity: .7;
}

.search-popup__item img {
    max-height: 40px;
    max-width: 50px;
    width: 100%;
    margin-right: 10px;
    object-fit: contain;
}

.search-popup__title {
    width: 100%;
    display: block;
    color: #666668;
    font-size: 13px;
}

.search-popup__title,
.search-popup__price {
    margin: 0px 5px;
}

.search-popup__item:hover {
    text-decoration: none;
}

.search-popup__price .gprice {
    font-size: inherit;
}
.gravex-css-slider-scroll {

   
}
.gravex-css-slider-pagination {
    height: 24px;
}
.gravex-css-slider-scroll-item {
    flex-shrink: 0;
    width: 100%;
}


.gravex-css-slider-scroll-p0 {
    width: auto !important;
    display: flex !important;
    overflow: hidden;
    margin-left:  0 !important;
    margin-right: 0 !important;
}
.gravex-css-slider-scroll-p0 .gravex-css-slider-scroll-item {
    padding: 0 0 !important;
}

.gravex-css-slider-scroll-p6 {
    width: auto !important;
    display: flex !important;
    overflow: hidden;
    margin-left:  -3px !important;
    margin-right: -3px !important;
}
.gravex-css-slider-scroll-p6 .gravex-css-slider-scroll-item {
    padding: 0 3px !important;
}


.gravex-css-slider-scroll-p12 {
    width: auto !important;
    display: flex !important;
    overflow: hidden;
    margin-left:  -6px !important;
    margin-right: -6px !important;
}
.gravex-css-slider-scroll-p12 .gravex-css-slider-scroll-item {
    padding: 0 6px !important;
}


.gravex-css-slider-scroll-p15 {
    width: auto !important;
    display: flex !important;
    overflow: hidden;
    margin-left:  -7.5px !important;
    margin-right: -7.5px !important;
}
.gravex-css-slider-scroll-p15 .gravex-css-slider-scroll-item{
    padding: 0 7.5px !important;
}


.gravex-css-slider-scroll-p20 {
    width: auto !important;
    display: flex !important;
    overflow: hidden;
    margin-left:  -10px !important;
    margin-right: -10px !important;
}
.gravex-css-slider-scroll-p20 .gravex-css-slider-scroll-item{
    padding: 0 10px !important;
}

.gravex-css-slider-scroll-p25 {
    width: auto !important;
    display: flex !important;
    overflow: hidden;
    margin-left:  -12.5px !important;
    margin-right: -12.5x !important;
}
.gravex-css-slider-scroll-p25 .gravex-css-slider-scroll-item{
    padding: 0 12.5px !important;
}

.gravex-css-slider-scroll-p30 {
    width: auto !important;
    display: flex !important;
    overflow: hidden;
    margin-left:  -15px !important;
    margin-right: -15px !important;
}
.gravex-css-slider-scroll-p30 .gravex-css-slider-scroll-item{
    padding: 0 15px !important;
}.noUiSlider {
    margin: 0 8px 20px 8px;
}

.filter-price-details {
    text-align: center;
    margin-bottom: 0px;
}

.filter-price-details .filter-price-details-input {
    display: inline-block;
    vertical-align: middle;
    color: #222;
    padding: 2px 5px;
    font-size: 14px;
    margin: 0 2px;
    width: 60px;
    height: 30px;
}

.filter-price-dash {
    color: #e5e5e5;
}
.filter-price-details button {
    height: 30px;
    width: 50px;
    line-height: 13px;
    margin-left: 20px;
    padding: 0;
}
.filter-price-currency {
    position: absolute; right: -10px;
    color: #e5e5e5;
}

.filter-option-row {
    width: 100%;
    height: 26px;
}
.filter-option-label{
    width: 100%;
    display: inline-block;
}
.filter-option-title {
    font-weight: normal;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: inline-block;
    width: 75%;
}
.filter-option-disabled .filter-option-title {
    color: #DDD;
}
.filter-option-disabled {
    cursor: not-allowed;
}

.filter-option-count {
    
    float: right;
    font-weight: normal;
    color: #DDD;
}
.filter-property-title {
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
}

.reset-filter-title {
    float: left;
}
.reset-filter-value {
    float: right;
}
.reset-filter-value ul {
    list-style-type: none;
}
.reset-filter-value ul li {
    height: 20px;
    text-align: right;
}
.reset-filter-value ul li a{
    color: #666;
}
.reset-filter-button {
    width: 100%;
    background: none;
    border: 1px solid #31629f;
    color:  #31629f;
    height: 30px;
    line-height: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.reset-filter-button:hover {
    opacity: 0.8;
}
.reset-filter-property-container {
    margin-bottom: 5px;
}
.reset-filter-cross {
    float: right;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    color: #CCC;
    cursor: pointer;
    text-align: right;
    font-size: 10px;
    line-height: 24px;
}
.filter-attribute-add-more span {
    display:none;
    font-size: 11px;
    height: 15px;
    line-height: 10px;
}
.filter-attribute-add-more span.active {
    display: block;
}
.filter-attribute-more {
    
    height: 0;
    overflow: hidden;
}
.filter-price-details-button {
    cursor: pointer;
}
.reset-filter-option {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis; 
    display: inline-block;
}
.filter-attribute-ul {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none;
    overflow: hidden;
}
.reset-filter-value ul {
    margin: 0 !important;
    padding: 0 !important;
}
.gravex-menuaim-scrollbar .viewport {
    width: 200px;
    height: 280px;
    overflow: hidden;
    position: relative;
    
}

.gravex-basket-scrollbar .viewport {
    width: 305px;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.gravex-menuaim-scrollbar .overview, .gravex-basket-scrollbar .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.gravex-menuaim-scrollbar .scrollbar {
    position: relative;
    background-position: 0 0;
    float: right;
    width: 15px;
}
.gravex-basket-scrollbar .scrollbar {
    
    position: absolute;
    background-position: 0 0;
    float: right;
    width: 15px;
    right: 5px;
}
.gravex-menuaim-scrollbar .track {
    position: relative;
}

.gravex-menuaim-scrollbar .thumb, .gravex-basket-scrollbar .thumb {
    height: 20px;
    width: 9px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.gravex-menuaim-scrollbar .thumb .end, .gravex-basket-scrollbar .thumb .end {
    background-color: #E2E2E2;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    width: 9px;
}
.gravex-menuaim-scrollbar .thumb .end:hover, .gravex-basket-scrollbar .thumb .end:hover {
    background-color: #949494;
}

.gravex-menuaim-scrollbar .disable, .gravex-basket-scrollbar .disable {
    display: none;
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}


:root {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 5px;
}
.g-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-1 * var(--bs-gutter-x));
    margin-left:  calc(-1 * var(--bs-gutter-x));
}
.g-row > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
}

[class*="g-col-"] {
    padding-right:  var(--bs-gutter-x) !important;
    padding-left:   var(--bs-gutter-x) !important;
}

.g-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}
.g-col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333333%;
}

.g-col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66666667%;
}

.g-col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}

.g-col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333333%;
}

.g-col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
}

.g-col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.g-col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333333%;
}

.g-col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66666667%;
}

.g-col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
}

.g-col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333333%;
}

.g-col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66666667%;
}

.g-col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
.g-m-y-5px {
    margin-top: 5px;
    margin-bottom: 5px;
}
.g-m-b-15px {
    margin-bottom: 15px;
}


@media (min-width: 576px) {

}
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    
    height: 6px;
}

.noUi-horizontal .noUi-handle {
    
    width: 15px;
    height: 15px;
    right: -8px;
    top: -4px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    
    background: #dcdcdc;
    border-radius: 4px;
    
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    
    background: #31629f;
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}


.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #AAA
}

.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}
.social-likes,.social-likes__widget{display:inline-block;padding:0;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important}.social-likes{opacity:0}.social-likes_visible{opacity:1;transition:opacity .1s ease-in}.social-likes>*{display:inline-block;visibility:hidden}.social-likes_vertical>*{display:block}.social-likes_visible>*{visibility:inherit}.social-likes__widget{display:inline-block;position:relative;white-space:nowrap}.social-likes__widget:before,.social-likes__widget:after{display:none!important}.social-likes_vertical .social-likes__widget{display:block;float:left;clear:left}.social-likes__button,.social-likes__icon,.social-likes__counter{text-decoration:none;text-rendering:optimizeLegibility}.social-likes__button,.social-likes__counter{display:inline-block;margin:0;outline:0}.social-likes__button{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-likes__button:before{content:"";display:inline-block}.social-likes__icon{position:absolute;top:0;left:0}.social-likes__counter{display:none;position:relative}.social-likes_ready .social-likes__counter,.social-likes__counter_single{display:inline-block}.social-likes_ready .social-likes__counter_empty{display:none}.social-likes_vertical .social-likes__widget{display:block}.social-likes_notext .social-likes__button{padding-left:0}.social-likes_single-w{position:relative;display:inline-block}.social-likes_single{position:absolute;text-align:left;z-index:99999;visibility:hidden;opacity:0;transition:visibility 0s .11s,opacity .1s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}.social-likes_single.social-likes_opened{visibility:visible;opacity:1;transition:opacity .15s ease-out}.social-likes__button_single{position:relative}.social-likes{min-height:36px;margin:-6px}.social-likes,.social-likes_single-w{line-height:19px}.social-likes__widget{margin:6px;color:#000;background:#fff;border:1px solid #ccc;border-radius:3px;line-height:19px}.social-likes__widget:hover,.social-likes__widget:active,.social-likes__widget:focus{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;cursor:pointer}.social-likes__button,.social-likes__counter{vertical-align:middle;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:20px;cursor:inherit}.social-likes__button{padding:1px 6px 1px 20px;font-weight:400;border-right:0}.social-likes__icon{width:20px;height:18px;margin-top:1px;background-repeat:no-repeat;background-position:50% 50%}.social-likes__counter{min-width:12px;padding:1px 4px;font-weight:400;text-align:center;border-left:1px solid #ccc}.social-likes__widget:hover>.social-likes__counter,.social-likes__widget:focus>.social-likes__counter,.social-likes__widget:active>.social-likes__counter,.social-likes__widget_active>.social-likes__counter{position:relative;border-left-color:transparent}.social-likes__widget:hover>.social-likes__counter:before,.social-likes__widget:focus>.social-likes__counter:before,.social-likes__widget:active>.social-likes__counter:before,.social-likes__widget_active>.social-likes__counter:before{content:"";position:absolute;top:0;bottom:0;left:-1px;border-left:1px solid;opacity:.4}.social-likes_vertical{margin:-6px}.social-likes_vertical .social-likes__widget{margin:6px}.social-likes_notext{margin:-3px}.social-likes_notext .social-likes__widget{margin:3px}.social-likes_notext .social-likes__button{width:18px}.social-likes_notext .social-likes__icon{width:100%;background-position:center center}.social-likes__widget_single{margin:0}.social-likes_single{margin:-12px 0 0;padding:4px 0;background:#fff;border:1px solid #ccc;border-radius:3px}.social-likes__single-container{width:100%;display:table}.social-likes_single .social-likes__widget{float:none;display:table-row;margin:0;border:0;border-radius:0;background:0 0}.social-likes_single .social-likes__button{display:block;padding:2px 6px 2px 24px}.social-likes_single .social-likes__icon{margin-left:4px;margin-top:2px}.social-likes_single .social-likes__counter{display:table-cell;padding:2px 8px 2px 4px;border-left:0;text-align:right}.social-likes_single .social-likes__widget:hover>.social-likes__counter:before,.social-likes_single .social-likes__widget:focus>.social-likes__counter:before,.social-likes_single .social-likes__widget:active>.social-likes__counter:before{display:none}.social-likes__icon_single{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAaElEQVR42mIxL/zLgATkgXgBECcC8QOYIBOagvVA7ADEa4FYAV0RIxDPAeIUKD8VygeJM7BABf8DsScQ/4HyzwGxB1QcrKgByUpk9h8YnwlJElkBiiYmBiIAbRUx0s46FizhgwEAAgwAkmYQfIjC7tcAAAAASUVORK5CYII=")}.social-likes__widget_single:hover,.social-likes__widget_single:active,.social-likes__widget_single:focus,.social-likes__widget_active{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#3673f4;border-color:#3673f4;color:#fff}.social-likes__widget_single:hover .social-likes__icon_single,.social-likes__widget_single:active .social-likes__icon_single,.social-likes__widget_single:focus .social-likes__icon_single,.social-likes__widget_active .social-likes__icon_single{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAYklEQVR42mL4//8/AxKWB+L9QKyALI6u4Nx/CDiLrBCmgBGIdwOxEVQRiN4DFWcAE1DAAsR/gBgkwIjEBzMaGBAAmf0Hzgea1IDm+P9o/AYmBiIAbRUx0s46FizhgwEAAgwAAJd9Vn3NlgwAAAAASUVORK5CYII=")}.social-likes__icon_facebook{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaklEQVR42mJ0Cp7jycDAMBeIJRnwg+dAnMxEpGIGqJq5THgULwFicSBmBGJbmCYWPCYWAvEbdEF8GmCK/yMLMjGQCLBpsIW6GwaQ/UC6Ddj8cBjJZOr44TkJ6l+ANKSAGEQofgpKGgABBgAWcxAZp2KpkQAAAABJRU5ErkJggg==")}.social-likes__widget_facebook:hover,.social-likes__widget_facebook:active,.social-likes__widget_facebook:focus{background:#425497;border-color:#425497}.social-likes__widget_facebook:hover .social-likes__icon_facebook,.social-likes__widget_facebook:active .social-likes__icon_facebook,.social-likes__widget_facebook:focus .social-likes__icon_facebook{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaUlEQVR42mL6//+/JxA/+08YgNR4MoIYDAwMkgzEgedMeBQvAWJxIGYEYluomCQLHtMKgfgNuiA+DTDF/5EFmRhIBNg02ELdDQPIfiDdBlCw/sclRzU/PCdB/QuQhhQQgwjFT4E4GSDAAMuiQX7Tr7YFAAAAAElFTkSuQmCC")}.social-likes__icon_twitter{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAA9ElEQVR42mKU3vqak4GB4TcQ/2HABFxAXA3EzkD8DIjbgfg+ECuwAIkwIHYD4gSoAchgORD7IfEDgPgpEGczAQlBII4C4kNAbIikSAqIfdEMYgRiMSD+B7JxJ9SZFkB8Foj3A/FWIP4KVYgO5gHxFpBGNSA+DsS2UIVOUIwLfAYRIKe+gGoiFpyDaTwJxEVA/J0ITd+hXgNrBIETMCcQADOA+D26RpCn/+LRdAuI62EcmMb/0IjOx6H5ATSu4a4ChaoPEMcAsTUQy6Bp+AfEy4C4EIjfIEuANG4B4rvQVKEOTWYfoKG3HYgfoluvPm8jA0CAAQAqvDQ/IXqkWQAAAABJRU5ErkJggg==")}.social-likes__widget_twitter:hover,.social-likes__widget_twitter:active,.social-likes__widget_twitter:focus{background:#00b7ec;border-color:#00b7ec}.social-likes__widget_twitter:hover .social-likes__icon_twitter,.social-likes__widget_twitter:active .social-likes__icon_twitter,.social-likes__widget_twitter:focus .social-likes__icon_twitter{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAo0lEQVQYGQXBsSoEAACA4Z8YKIO6yXLzjYrkHS5Wm5GyYPMAUgarMikpGZQHsFh4BZPhJi9wJdzn+7JkQZJk2bl3TzYNbGTfvUVJ8gyYmdjJMd6sS9bMAHwbZ+QHMy9OHQDgWtn1CgAALpUtAADAnpITUwAAU6tKtn0BALiSkjkXfgHAhxUpybwjvwA+DSVl7MEEwJ87A0lKRs7cenTj0FCSpH8xHAhkcGt6PAAAAABJRU5ErkJggg==")}.social-likes__icon_plusone{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABD0lEQVR42nTSsUtCURTH8eszSGgIgkqSoHBQh7QpbAlBcRCJ2staHFoa+hNyzqXBoan+gMDdoWgymkwkBxMiggo3a3Cp76WfcJHXgQ/nvfveue+ewwt08luGmEEdcwgjZP7iFrtmIqaUn5SXkUEDA+wZn/CwgQgetHYjC+JbZCOANWf9VXmobDd+c4vu8YgoalhFFpf4VL8rmMW8vR/3lEQV2yijhUO99KzeQ7p+95wjneAMQcRQ1JfsNA/wrc1T46KaznyMJqZxrcIvdNRf3957Gm8JO0ggjRx+cKpN21h0B7GJDw3EOGPvYuQ3ctvgC+K4w7nOfoQlFP4rsg+usI4Lrff0Z7QnCyqpffMrwAC15jTuOMaeqQAAAABJRU5ErkJggg==")}.social-likes__widget_plusone:hover,.social-likes__widget_plusone:active,.social-likes__widget_plusone:focus{background:#dd4241;border-color:#dd4241}.social-likes__widget_plusone:hover .social-likes__icon_plusone,.social-likes__widget_plusone:active .social-likes__icon_plusone,.social-likes__widget_plusone:focus .social-likes__icon_plusone{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA5klEQVR42myRvQrCMBSFUyehmyC4Zte1OPoALi6+gy/j6uobiINbF3Fx6tDFpZtSUFzEPxQxnksPchty4WvSJPeek5vIOWcQMViCFuiApqliDUbGD0kCeyLzAfiAI4i5VkM+CfiChdpIXRU2lNSgYAR6ysCB441jAkrfXs7KM1YXq3PuicUxuIO2/GvZKSh4n4xrcugKniwq88L3O+GmVB0GlKxWElsl2IEt1d4qsctu/ruXskqiFKXtL2WzRiQJ6McJWO8Jc/AA/dDj7niPDb2LpRU4e+q1x7VMkM5cSMZ7mBA/AQYALgmaWsDGGiQAAAAASUVORK5CYII=")}.social-likes__icon_mailru{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVR42mTSzytEURjG8XunISbFxmQ5UYqGIj9KMztLCyTKrMZCs7K1U7NSLBRloWb+AREmFpPF7GUzRBaymGLpV5bi+9RzM+XU595zT+85533PueHTXhC1BFaRx6DHnnGEbbxoIPSEFCp+l3DjCWOYc38FFzEe7Tj3Dlr5AG0OWscA6jhFX5zHmgO1+oy3V0AHirhHGZ36jjnnknfaxzKmMIxdTKMHO0pPE/px6cA7nAV/bQsfXky7fmtCqA5a8Bn8bz/WqlhNaCCDE0xivCk459zfMKq6VPQxCth0wTUfcZdr+UIaWVR1D0k6115lFkNYwLuPeB4beFUm0cVN4NCnoaBb5z3iDFTfIx7Cpl+j23eyiF6Pqb4lXEVBvwIMAGRTP1kwMI3TAAAAAElFTkSuQmCC")}.social-likes__widget_mailru:hover,.social-likes__widget_mailru:active,.social-likes__widget_mailru:focus{background:#255896;border-color:#255896;color:#ffcd00}.social-likes__widget_mailru:hover .social-likes__icon_mailru,.social-likes__widget_mailru:active .social-likes__icon_mailru,.social-likes__widget_mailru:focus .social-likes__icon_mailru{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVR42mTSzytEURjG8Xtn0IyIDc1SFpJQ5EdN1ChLC6PJFCsWsvInKCvFQllYKPaaZpIpC83CntkgsrBSLP1K2Wh8n3pupubU5865p/c9533PnbBWDaLRijWsYMBrLyhiF69aCJ3Qg7J/j3DrhDFkPV/FuRKSTK6RQAbtmMEPCojjxGv9TTw2XIJ2n/PxN2jDFh5wjA69x1yzytBJB1hCGsPYxyxS2FN5SuhDxYH3OAv+xw4+vZlO/VVCqAma8RU0jpq1KFYJz5jCKSYxXhe87NrfMaq+1HQJ69h2w5e+4k738o1BTONC19rNpOpd5jGEHD5wiAVs4k2VRB9uwneectCd6x5xBervCY9h3V+jy99kEb1eU395XEVBfwIMAE0mQy9JLJUSAAAAAElFTkSuQmCC")}.social-likes__icon_vkontakte{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAsElEQVR42mKJLJ3tycDAMBeIJRnwg+dAnMxEpGIGqJq5TGiKGZEwSE4ViDcha2LCYpIREK8C4l4gfgLElciSLDisDgXi/0A8DYi58GkA8Y8AsQkQfwHie0C8BVkBupO4kWyIBWJxIE4D4u/4nKQMxOVQ9jcgbgPii0BsgUvDIyCeBcR/gHgFVI00PhsuA3E61Lkg2xYAsSyyhudIcfGBQOS9AJmSAmIQEdNPQUkDIMAA8iAe2OyimvEAAAAASUVORK5CYII=")}.social-likes__widget_vkontakte:hover,.social-likes__widget_vkontakte:active,.social-likes__widget_vkontakte:focus{background:#526e8f;border-color:#526e8f}.social-likes__widget_vkontakte:hover .social-likes__icon_vkontakte,.social-likes__widget_vkontakte:active .social-likes__icon_vkontakte,.social-likes__widget_vkontakte:focus .social-likes__icon_vkontakte{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAfUlEQVQYGQXBMQ4BUQAFwGej0P1aohJCJBpcwu6N1AqVTqFX6TSu4B4if2+gNGZirwIAqPZRAQBADSAiBmYeQACxcXc2sgICiA4/MzsggKFia6HxBAIolk6Oxia+EEDRgYN4QQDF2tXF1NAbAigiGnM3ICoAAOij1QMA+Gj/aNf4AJYJLVIAAAAASUVORK5CYII=")}.social-likes__icon_odnoklassniki{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAyElEQVR42kzPMQtBcRTG4UvKQmalZFNKDNdm5gsYFCUlCbMyGMwsfACLzRcw2EwsGJTBQAZlUgxsfidvceq5/3vPeTv3Xs99FHMoP3ooOd+aoo+3T40hmnjouYsQWl4uEdRxRkLO6kVsQwB23nDRBruP2swGJ+zgYqKAq97JAi8UMUNFgb16LwvUkEYHcQUOaGNjgTKyaGCrQErn0gJVpQt/g6teObbfPGKAp/Orp3pH25DEHGGsFchghbxXXxvEAjlZqFf8CDAAgr4qyqKlfhgAAAAASUVORK5CYII=");background-position:6px 3px}.social-likes__widget_odnoklassniki:hover,.social-likes__widget_odnoklassniki:active,.social-likes__widget_odnoklassniki:focus{background:#f6903b;border-color:#f6903b}.social-likes__widget_odnoklassniki:hover .social-likes__icon_odnoklassniki,.social-likes__widget_odnoklassniki:active .social-likes__icon_odnoklassniki,.social-likes__widget_odnoklassniki:focus .social-likes__icon_odnoklassniki{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAQAAAD1lzQWAAAAgElEQVQIHQXBoRGCAAAF0N80OoA0AxTHcQMncAaO7J1ndRCbgUDRbPCgMABEjnu+F7FRGwxqG4m4YTLhJrG36BUKvcU+SnQiOpSx9cHDAx/biMoP/FQSZ3cnFxcnd+d4YfX2tuIVB1cjGF0dIgpf8FVIHI1otRgdozF72tl5mjV/486WhTdrOooAAAAASUVORK5CYII=")}.social-likes__icon_pinterest{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABCUlEQVR42nTRPUvDUBTG8ZtoKYogTsGCoAXtUqFuBR1c/AZddNbRQUqhH0Eo6KKDb0gpXQUHBxF0Kg6KFAWh4qI4KxQRtKXxf+C5OEgP/Ehu8uTclwSN0VmnWsE6shjEF05QwZMFQr04QB3vKOmjGlZxiZxTcE0Pi9jCGD402xnOsYNF67yBGwWP8IaCwhe4xjxmLDyNUySxjGGk3F/5Wcb9Rib04FNLu9LYmk2ih1cbVLXmKXTRwoPCc8jgES/WpYymlhOpSxoxdjXTNn7spo19nYbN1ME9hjTexLE/OqsAC/jGknYf6Yxv/U592LrkcYdn+VehrgmM4ND1r8CHB7CnX96v4l8BBgB54jWa5GM+bAAAAABJRU5ErkJggg==")}.social-likes__widget_pinterest:hover,.social-likes__widget_pinterest:active,.social-likes__widget_pinterest:focus{background:#cc002b;border-color:#cc002b}.social-likes__widget_pinterest:hover .social-likes__icon_pinterest,.social-likes__widget_pinterest:active .social-likes__icon_pinterest,.social-likes__widget_pinterest:focus .social-likes__icon_pinterest{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAQAAADV/FywAAAAvklEQVQYGQXBsUoUAACA4f/i8MBB0TdINCQQhHoDaXRzagkkopYGhRYfwKWhSYLDZ2ixNyiTVp1cXMQgaDpNsa6v70vy3DcTt34ZeyRlaIzPXnvpAy6tK2+wIwuSZ/75Yphz3+XQjS3JVzwOe0Z+463kCBu58dHIT/fW5IEzUys58NeqK6eSJ/44NZM5r2yaurTkoRNsK8kuLlybYt9AycAnd5a98M5TScmsH44lSVIyb2JbkiSDZNF7I0mS9B8IOsS5z/yrNgAAAABJRU5ErkJggg==")}
@font-face {
  font-family: 'lg';
  src: url(/common/lightGallery/css/../fonts/lg.eot?n1z373);
  src: url(/common/lightGallery/css/../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"), url(/common/lightGallery/css/../fonts/lg.woff?n1z373) format("woff"), url(/common/lightGallery/css/../fonts/lg.ttf?n1z373) format("truetype"), url(/common/lightGallery/css/../fonts/lg.svg?n1z373#lg) format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  border: none;
  outline: none;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url(/common/lightGallery/css/../img/vimeo-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url(/common/lightGallery/css/../img/vimeo-play.png) no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url(/common/lightGallery/css/../img/video-play.png) no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url(/common/lightGallery/css/../img/youtube-play.png) no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url(/common/lightGallery/css/../img/youtube-play.png) no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-actual-size {
  font-size: 20px;
}
#lg-actual-size:after {
  content: "\e033";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
  color: #FFF;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  -moz-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #FFF;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer #lg-share {
  position: relative;
}
.lg-outer #lg-share:after {
  content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
  content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
  content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
  color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
  content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
  content: "\e903";
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url(/common/lightGallery/css/../img/loading.gif) no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  padding: 0 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}


input[type="checkbox"],
input[type="radio"] {
    display:none;
}
input[type="checkbox"] + label:before, input[type="radio"] + label:before {
    background-image: url(/common/css/../images/checkbox.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    float: left;
    height: 24px;
    margin: 2px 8px 0 0;
    vertical-align: middle;
    width: 18px;
    cursor: pointer;
}
input[type="checkbox"] + label::before {

    background-position: 0 -72px;
}
input[type="radio"] + label::before {
    background-position: 0px -279px;
}
input[type="checkbox"]:checked + label::before {
    background-position: 0 -4px;
}
input[type="radio"]:checked + label::before {
    background-position: -108px -279px;
}
input[type="checkbox"]:disabled + label::before {
    background-position: -152px -260px;
    background-position: 0 -72px;
    cursor: not-allowed;
}
input[type="checkbox"]:checked:disabled + label::before {
    background-position: -171px -260px;
    cursor: not-allowed;
}
input[type="radio"]:disabled + label::before {
    background-position: -144px -279px;
    cursor: not-allowed;
}
input[type="radio"]:checked:disabled + label::before {
    background-position: -162px -279px;
    cursor: not-allowed;
}

:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}@charset "UTF-8";

@font-face {
  font-family: "Inter";
  src: local("Inter Italic"), local("Inter-Italic"), url(/themes/photogora/css/../fonts/Inter-Italic.woff2) format("woff2"), url(/themes/photogora/css/../fonts/Inter-Italic.woff) format("woff"), url(/themes/photogora/css/../fonts/Inter-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter Regular"), local("Inter-Regular"), url(/themes/photogora/css/../fonts/Inter-Regular.woff2) format("woff2"), url(/themes/photogora/css/../fonts/Inter-Regular.woff) format("woff"), url(/themes/photogora/css/../fonts/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter Bold"), local("Inter-Bold"), url(/themes/photogora/css/../fonts/Inter-Bold.woff2) format("woff2"), url(/themes/photogora/css/../fonts/Inter-Bold.woff) format("woff"), url(/themes/photogora/css/../fonts/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter Black"), local("Inter-Black"), url(/themes/photogora/css/../fonts/Inter-Black.woff2) format("woff2"), url(/themes/photogora/css/../fonts/Inter-Black.woff) format("woff"), url(/themes/photogora/css/../fonts/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: local("Rubik Regular"), local("Rubik-Regular"), url(/themes/photogora/css/../fonts/Rubik-Regular.woff2) format("woff2"), url(/themes/photogora/css/../fonts/Rubik-Regular.woff) format("woff"), url(/themes/photogora/css/../fonts/Rubik-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Rubik";
  src: local("Rubik Medium"), local("Rubik-Medium"), url(/themes/photogora/css/../fonts/Rubik-Medium.woff2) format("woff2"), url(/themes/photogora/css/../fonts/Rubik-Medium.woff) format("woff"), url(/themes/photogora/css/../fonts/Rubik-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Rubik";
  src: local("Rubik Bold"), local("Rubik-Bold"), url(/themes/photogora/css/../fonts/Rubik-Bold.woff2) format("woff2"), url(/themes/photogora/css/../fonts/Rubik-Bold.woff) format("woff"), url(/themes/photogora/css/../fonts/Rubik-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

[class*=__container] {
  max-width: 1432px;
  margin: 0 auto;
  padding: 0 11px;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  font-size: 16px;
  color: #4b4b4b;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  background-color: #fafafa;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

aside,
nav,
footer,
header,
section,
main {
  display: block;
}

button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color: rgba(0, 0, 0, 0);
  -o-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-tap-highlight-color: rgba(0, 0, 0, 0);
  -tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

button:focus,
button:active {
  outline: 0px solid transparent;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input:focus {
  outline: 0px solid transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input::-ms-clear {
  display: none;
}

img {
  border: none;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

a {
  text-decoration: none;
}

.no-webp body{
  background-image: url(/themes/photogora/css/../images/wrapper-bg.png); }

body {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 47px;
}

body.lock {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.workemail {
  display: none;
}

.wrapper {
  width: 100%;
  min-height: 100vh;
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.wrapper > main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

.main {
  padding-bottom: 25px;
}

.header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.container {
  max-width: 1432px;
  margin: 0 auto;
  padding: 0 11px;
}



@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  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;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  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;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  -o-transition-property: transform, opacity, height;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.slider-pagination {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-top: 30px;
}

.slider-pagination .swiper-pagination-bullet {
  height: 16px;
  width: 16px;
  background: rgba(53, 52, 52, 0.4);
  border-radius: 50%;
}

.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  border-radius: 16px;
  background: rgba(53, 52, 52, 0.2);
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.swiper-pagination-lock {
  display: none;
}

.slider-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  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;
  background-color: rgba(75, 75, 75, 0.2);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  -webkit-transition: background 0.15s linear 0s;
  -o-transition: background 0.15s linear 0s;
  transition: background 0.15s linear 0s;
}

.slider-button.swiper-button-lock {
  display: none;
}

.slider-button.swiper-button-lock + .slider-button {
  display: none;
}

.slider-button.swiper-button-disabled {
  cursor: default;
}

.slider-button::before {
  content: "";
  background-color: #ffffff;
  display: block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 22px 22px;
  mask-size: 22px 22px;
  width: 22px;
  height: 22px;
}

.slider-button-prev {
  left: 20px;
}

.slider-button-prev::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-left.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-left.svg);
}

.slider-button-next {
  right: 20px;
}

.slider-button-next::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-right.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-right.svg);
}

.thumbs-slider .slider-button {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  background: rgba(207, 60, 53, 0.8);
  -webkit-transition: background 0.15s linear 0s;
  -o-transition: background 0.15s linear 0s;
  transition: background 0.15s linear 0s;
}

.thumbs-slider .slider-button.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

.thumbs-slider .slider-button::before {
  content: "";
  background-color: #ffffff;
  width: 10px;
  height: 6px;
  -webkit-mask-size: 10px 6px;
  mask-size: 10px 6px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.thumbs-slider .slider-button-prev {
  top: -10px;
  left: 50%;
}

.thumbs-slider .slider-button-prev::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-down.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-down.svg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.thumbs-slider .slider-button-next {
  top: auto;
  bottom: -10px;
  left: 50%;
  right: auto;
}

.thumbs-slider .slider-button-next::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-down.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-down.svg);
}

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

body.home .heading {
  text-align: center;
}

body.home .heading__title::before {
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.heading {
  margin-bottom: 24px;
}

.heading__title {
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  position: relative;
  padding-bottom: 13px;
}

.heading__title::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 50px;
  background-color: #cf3c35;
}

.btn {
  margin-top: auto;
  width: 352px;
  min-height: 54px;
  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;
  padding: 10px 20px;
  background: var(--5, linear-gradient(180deg, #ff6760 0%, #cf3c35 100%));
  -webkit-box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset;
  border-radius: 10px;
  color: #ffffff;
  text-shadow: -1px -1px 1px rgba(166, 49, 43, 0.5);
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: -webkit-box-shadow 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  transition: -webkit-box-shadow 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  -o-transition: box-shadow 0.2s ease 0s, transform 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, transform 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, transform 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.btn:active {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) inset;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}

.btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff6760;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: opacity 0.2s linear 0s;
  -o-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
  opacity: 0;
  z-index: -1;
}

.btn:hover::after,
.btn:active::after {
  opacity: 1;
}

.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
}

.rating__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
}

.rating__list.r-1 li:nth-child(-n+1) {
  background-image: url(/themes/photogora/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-2 li:nth-child(-n+2) {
  background-image: url(/themes/photogora/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-3 li:nth-child(-n+3) {
  background-image: url(/themes/photogora/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-4 li:nth-child(-n+4) {
  background-image: url(/themes/photogora/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__list.r-5 li:nth-child(-n+5) {
  background-image: url(/themes/photogora/css/../images/icons/star.svg);
  background-repeat: no-repeat;
}

.rating__item {
  display: block;
  background-image: url(/themes/photogora/css/../images/icons/star-t.svg);
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 24px;
  height: 24px;
}

.rating__value {
  color: #307ff5;
  font-size: 16px;
  line-height: 24px;
}

.radiobutton-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px 12px;
}

.radio {
  position: relative;
}

.radio__label {
  display: block;
  cursor: pointer;
}

.real-radio,
.real-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.real-radio:checked + .custom-radio,
.real-checkbox:checked + .custom-radio {
  border: 2px solid #4b4b4b;
  color: #4b4b4b;
}

.custom-radio {
  padding: 7px 12px;
  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;
  border-radius: 40px;
  border: 2px solid #b9b9b9;
  color: #b9b9b9;
  font-size: 16px;
  font-style: normal;
  line-height: 110%;
  position: relative;
  min-height: 39px;
}

.checkbox {
  position: relative;
}

.checkbox__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.real-checkbox:checked + .custom-checkbox {
  border: 1px solid #cf3c35;
  background-color: #cf3c35;
}

.real-checkbox:checked + .custom-checkbox::before {
  opacity: 1;
}

.custom-checkbox {
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  background-color: #f4f4f4;
  width: 16px;
  height: 16px;
  position: relative;
  -webkit-transition: all 0.15s ease 0s;
  -o-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
}

.custom-checkbox::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/check.svg);
  mask-image: url(/themes/photogora/css/../images/icons/check.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 0;
  width: 64px;
  height: 64px;
  background-color: transparent;
  pointer-events: none;
}

.play-button::before {
  content: "";
  width: 64px;
  height: 64px;
  display: block;
  background-color: #ffffff;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/play.svg);
  mask-image: url(/themes/photogora/css/../images/icons/play.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 64px 64px;
  mask-size: 64px 64px;
}

.btn-show {
  background-color: transparent;
  color: #cf3c35;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  border-bottom: 1px solid #cf3c35;
  -webkit-transition: border-bottom 0.1s ease 0s;
  -o-transition: border-bottom 0.1s ease 0s;
  transition: border-bottom 0.1s ease 0s;
}

.product-btn {
  min-height: 54px;
  border-radius: 10px;
  -webkit-box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.2) inset;
  color: #ffffff;
  text-align: center;
  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;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  padding: 15px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #7e574b;
  background: -webkit-gradient(linear, left top, left bottom, from(#7e574b), to(#4c3933));
  background: -o-linear-gradient(top, #7e574b 0%, #4c3933 100%);
  background: linear-gradient(180deg, #7e574b 0%, #4c3933 100%);
}

.product-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #4c3933;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: height 0.5s ease 0s, opacity 0.5s ease 0s;
  -o-transition: height 0.5s ease 0s, opacity 0.5s ease 0s;
  transition: height 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  z-index: -1;
}

.product-btn:hover::before {
  height: 100%;
  opacity: 1;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 100%;
  }

  100% {
    background-position: 200%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 100%;
  }

  100% {
    background-position: 200%;
  }
}



.simplebar-content-wrapper {
  padding-bottom: 10px;
}

.simplebar-track {
  height: 10px;
  background-color: #4b4b4b !important;
}

.simplebar-track.simplebar-horizontal {
  background-color: black !important;
  bottom: 0;
}

.simplebar-scrollbar::before {
  background-color: black;
}

.main__body {
  padding: 20px 0;
}

.main__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 330px 1fr;
  grid-template-columns: 330px 1fr;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.main-aside {
  position: sticky;
  top: 20px;
}

.main-aside__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 10px;
}

.main-aside__link {
  min-height: 56px;
  padding: 14px 12px;
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #888;
  border: 1px solid #b9b9b9;
  border-radius: 10px;
  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: flex-start;
  gap: 8px;
  -webkit-transition: border-color 0.3s, color 0.3s;
  -o-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
}

.main-aside__link::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #b9b9b9;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.main-aside__link.active {
  border-color: #cf3c35;
  color: #4b4b4b;
}

.main-aside__link.active::before {
  background-color: #cf3c35;
}

.main-aside__item:nth-child(1) .main-aside__link::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/aside/icon-1.svg);
  mask-image: url(/themes/photogora/css/../images/icons/aside/icon-1.svg);
}

.main-aside__item:nth-child(2) .main-aside__link::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/aside/icon-2.svg);
  mask-image: url(/themes/photogora/css/../images/icons/aside/icon-2.svg);
}

.main-aside__item:nth-child(3) .main-aside__link::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/aside/icon-3.svg);
  mask-image: url(/themes/photogora/css/../images/icons/aside/icon-3.svg);
}

.main-aside__item:nth-child(4) .main-aside__link::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/aside/icon-4.svg);
  mask-image: url(/themes/photogora/css/../images/icons/aside/icon-4.svg);
}

.main-aside__item:nth-child(5) .main-aside__link::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/aside/icon-5.svg);
  mask-image: url(/themes/photogora/css/../images/icons/aside/icon-5.svg);
}

.main-aside__item:nth-child(6) .main-aside__link::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/aside/icon-6.svg);
  mask-image: url(/themes/photogora/css/../images/icons/aside/icon-6.svg);
}

.main-content .btn {
  margin-left: auto;
  margin-top: 24px;
}

.content {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
}

.content > *:last-child {
  margin-bottom: 0;
}

.content > *:first-child {
  margin-top: 0;
}

.content .red {
  color: #cf3c35;
}

.content p {
  margin-bottom: 20px;
}

.content h3 {
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  margin-bottom: 24px;
}

.content a {
  color: #cf3c35;
  border-bottom: 1px solid currentColor;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.content a[href^=tel] {
  border-color: transparent;
}

.content ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: numbers;
  margin-bottom: 20px;
}

.content ol > li {
  line-height: 120%;
  position: relative;
}

.content ol > li::before {
  counter-increment: numbers;
  content: counters(numbers, ".") ". ";
  font-size: 16px;
  line-height: 120%;
  text-align: right;
}

.content ol > li > ol {
  margin-bottom: 0;
}

.top-header {
  background-color: #3f3a34;
  background-image: url(/themes/photogora/css/../images/header-bg.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 47px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.top-header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
}

.top-header__actions {
  height: 47px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog-header {
  height: 100%;
}

.catalog-header__button {
  padding: 14px 26px;
  background: #ff6760;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  color: #ffffff;
  font-size: 16px;
  line-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  font-family: "Inter", sans-serif;
}

.catalog-header__button::before {
  content: "";
  display: block;
  background-image: url(/themes/photogora/css/../images/icons/catalog-icon.svg);
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: center;
  height: 19px;
  width: 10px;
}

.catalog-header__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff6760;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: opacity 0.2s linear 0s;
  -o-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
  opacity: 0;
  z-index: -1;
}

.catalog-header__button:hover::after,
.catalog-header__button:active::after {
  opacity: 1;
}

.search-header {
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 68%;
  flex: 0 0 68%;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
}

.search-header::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 11px;
  background-image: url(/themes/photogora/css/../images/icons/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  z-index: 5;
}

.search-header__form {
  position: relative;
  height: 100%;
  width: 100%;
}

.search-header__input {
  background-color: transparent;
  padding: 15px 50px 15px 24px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #ffffff;
  -webkit-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  transition: background 0.2s ease 0s;
  position: relative;
  z-index: 2;
}

.search-header__input:focus {
  background: rgba(0, 0, 0, 0.5);
}

.search-header__input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.search-header__input:focus::-moz-placeholder {
  opacity: 0;
}

.search-header__input:focus:-ms-input-placeholder {
  opacity: 0;
}

.search-header__input:focus::-ms-input-placeholder {
  opacity: 0;
}

.search-header__input:focus::placeholder {
  opacity: 0;
}

.search-header__input::-webkit-input-placeholder {
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #ffffff;
  font-style: italic;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.search-header__input::-moz-placeholder {
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #ffffff;
  font-style: italic;
  -moz-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.search-header__input:-ms-input-placeholder {
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #ffffff;
  font-style: italic;
  -ms-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.search-header__input::-ms-input-placeholder {
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #ffffff;
  font-style: italic;
  -ms-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.search-header__input::placeholder {
  letter-spacing: 0.5px;
  font-size: 14px;
  color: #ffffff;
  font-style: italic;
  -webkit-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.menu-header {
  min-height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 39px;
}

.menu-header__button {
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
  background-color: transparent;
  display: none;
}

.menu-header__button span,
.menu-header__button::before,
.menu-header__button::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  pointer-events: none;
}

.menu-header__button::before,
.menu-header__button::after {
  content: "";
}

.menu-header__button span {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menu-header__button::before {
  top: 0;
}

.menu-header__button::after {
  bottom: 0;
}

.close-btn {
  position: fixed;
  top: 7px;
  right: 6px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  z-index: 20;
  -webkit-transform: translateX(150%);
  -ms-transform: translateX(150%);
  transform: translateX(150%);
  visibility: hidden;
}

.close-btn::before {
  content: "";
  display: block;
  background-color: #cf3c35;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/close.svg);
  mask-image: url(/themes/photogora/css/../images/icons/close.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.menu__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 39px;
}

.menu__item.active .menu__link {
  color: #ffffff;
}

.menu__item.active .menu__link::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.menu__link {
  position: relative;
  display: inline-block;
  padding: 13px 0 18px;
  color: #a5a5a5;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  -webkit-transition: color 0.2s linear 0s;
  -o-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
}

.menu__link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: opacity 0.1s linear 0s, -webkit-transform 0.1s linear 0s;
  transition: opacity 0.1s linear 0s, -webkit-transform 0.1s linear 0s;
  -o-transition: transform 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: transform 0.1s linear 0s, opacity 0.1s linear 0s;
  transition: transform 0.1s linear 0s, opacity 0.1s linear 0s, -webkit-transform 0.1s linear 0s;
}

.main-header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
  padding: 15px 0 17px;
  padding-right: 14px;
  position: relative;
}

.main-header__body::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #cfcfcf;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}

.main-header__info {
  display: -ms-grid;
  display: grid;
  place-items: center;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 21px;
}

.main-header__contacts {
  display: -ms-grid;
  display: grid;
  place-items: start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 25px;
}

.contacts-header {
  font-size: 14px;
}

.contacts-header__item {
  padding-left: 24px;
  position: relative;
}

.contacts-header__item::before {
  border-left: 1px solid rgb(207, 207, 207);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 1px 0px 0 0 #fff;
  box-shadow: 1px 0px 0 0 #fff;
  content: "";
  height: 60px;
  left: 0;
  position: absolute;
  width: 1px;
}

.contacts-header__item > *:not(:last-child) {
  margin-bottom: 10px;
}

.contacts-header__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.contacts-header__label {
  line-height: 100%;
  color: #9b9b9b;
}

.contacts-header__city {
  font-family: inherit;
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  color: #cf3c35;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  cursor: pointer;
  background-color: transparent;
}

.contacts-header__city::after {
  content: "";
  background-image: url(/themes/photogora/css/../images/icons/arrow-bg.svg);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  width: 13px;
  height: 13px;
}

.contacts-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 81px;
  -moz-column-gap: 81px;
  column-gap: 81px;
}

.contacts-header__phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7px;
  padding-left: 33px;
  background-image: url(/themes/photogora/css/../images/icons/phone-signal.svg);
  background-size: 24px 24px;
  background-position: left center;
  background-repeat: no-repeat;
}

.contacts-header__phone {
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 110%;
  text-decoration: none;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}

.contacts-header__button {
  background-color: transparent;
  position: relative;
  background-color: transparent;
  min-height: 35px;
  padding: 10px;
  color: #353434;
  text-align: center;
  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;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  width: 149px;
  position: relative;
  z-index: 2;
  -webkit-transition: color 0.2s linear 0s;
  -o-transition: color 0.2s linear 0s;
  transition: color 0.2s linear 0s;
  overflow: hidden;
}

.contacts-header__button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 3px;
  border: 1px solid transparent;
  background: #ff6760;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-transition: background 0.2s linear 0s;
  -o-transition: background 0.2s linear 0s;
  transition: background 0.2s linear 0s;
}

.contacts-header__button::after {
  content: "";
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff6760;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.2s linear 0s;
  -o-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
}

.contacts-header__button:hover::after,
.contacts-header__button:active::after {
  opacity: 1;
}

.contacts-header__button:hover::before,
.contacts-header__button:active::before {
  background: transparent;
}

.contacts-header__button:hover {
  color: #ffffff;
}

.contacts-header__time {
  color: #353434;
}

.contacts-header__notice {
  color: #cf3c35;
}

.actions-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 28px;
}

.actions-header__item {
  position: relative;
}

.actions-header__item + .actions-header__item {
  padding-left: 27px;
}

.actions-header__item + .actions-header__item::before {
  border-left: 1px solid rgb(207, 207, 207);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 1px 0px 0 0 #fff;
  box-shadow: 1px 0px 0 0 #fff;
  content: "";
  height: 60px;
  left: 0;
  position: absolute;
  width: 1px;
}

.actions-header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.actions-header__icon {
  width: 24px;
  height: 24px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.actions-header__icon::before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  width: 24px;
  height: 24px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.actions-header__link {
  color: #353434;
  text-align: center;
  font-size: 14px;
  line-height: 100%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  position: relative;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}

.actions-header__link_user .actions-header__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/user.svg);
  mask-image: url(/themes/photogora/css/../images/icons/user.svg);
}

.actions-header__link_favorites .actions-header__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/favorites.svg);
  mask-image: url(/themes/photogora/css/../images/icons/favorites.svg);
}

.actions-header__link_cart .actions-header__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/cart.svg);
  mask-image: url(/themes/photogora/css/../images/icons/cart.svg);
}

.actions-header__count {
  color: #4b4b4b;
  font-size: 12px;
  line-height: 100%;
  min-width: 25px;
  max-width: 33px;
  height: 20px;
  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;
  padding: 5px;
  position: relative;
}

.actions-header__count::before,
.actions-header__count::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 12px;
  background-repeat: no-repeat;
}

.actions-header__count::before {
  background-image: url(/themes/photogora/css/../images/icons/cart-border-left.svg);
  background-position: 0 0;
  left: 0;
}

.actions-header__count::after {
  background-image: url(/themes/photogora/css/../images/icons/cart-border-right.svg);
  background-position: 100% 0;
  right: 0;
}

.menu-catalog {
  display: none;
}

.menu-catalog.show {
  display: block;
}

.menu-catalog__body {
  padding: 38px 0 30px;
  position: relative;
}

.menu-catalog__body::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid #cfcfcf;
  -webkit-box-shadow: 0 1px 0 0 #fff;
  box-shadow: 0 1px 0 0 #fff;
}

.menu-catalog__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(149px, 1fr))[6];
  grid-template-columns: repeat(6, minmax(149px, 1fr));
  -webkit-column-gap: 85px;
  -moz-column-gap: 85px;
  column-gap: 85px;
  position: relative;
  overflow-x: auto;
}

.menu-catalog__wrapper ::-webkit-scrollbar {
  width: 0px;
  background-color: none;
}

.menu-catalog__wrapper ::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 0px;
  height: 0;
}

.menu-catalog__wrapper ::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: none;
  height: 0;
}

.menu-catalog__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  row-gap: 28px;
}

.menu-catalog__item {
  min-height: 36px;
}

.menu-catalog__item.active .menu-catalog__link {
  color: #cf3c35;
}

.menu-catalog__link {
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
}

.footer {
  background-image: url(/themes/photogora/css/../images/footer-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 37px 0 29px;
}

.footer__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}

.footer__column {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33.333%;
  flex: 0 1 33.333%;
}

.footer__links {
  padding: 10px 0 0 39px;
}

.footer__links > *:not(:last-child) {
  margin-bottom: 18px;
}

.footer__link {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}

.footer__link::before {
  content: "";
  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;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}

.footer__link_subscribe::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/subscribe.svg);
  mask-image: url(/themes/photogora/css/../images/icons/subscribe.svg);
}

.footer__link_phone::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/phone.svg);
  mask-image: url(/themes/photogora/css/../images/icons/phone.svg);
}

.footer__link_email::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/message.svg);
  mask-image: url(/themes/photogora/css/../images/icons/message.svg);
}

.footer__copy {
  margin-top: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: rgba(255, 255, 255, 0.6);
}

.footer__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.menu-footer {
  padding: 10px 5px 0;
}

.menu-footer__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 111px;
  -moz-column-gap: 111px;
  column-gap: 111px;
}

.menu-footer__item {
  margin-bottom: 17px;
}

.menu-footer__link {
  font-size: 14px;
  line-height: 120%;
  color: #ffffff;
  width: 100%;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}

.social-footer__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.social-footer__link {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  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;
  background: rgba(218, 218, 218, 0.2);
  -webkit-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  transition: background 0.2s ease 0s;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.social-footer__link::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: black;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
}

.social-footer__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ff6760;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  z-index: -1;
}

.social-footer__link_youtube::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/social/youtube.svg);
  mask-image: url(/themes/photogora/css/../images/icons/social/youtube.svg);
}

.social-footer__link_email::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/social/email.svg);
  mask-image: url(/themes/photogora/css/../images/icons/social/email.svg);
}

.social-footer__link_vk::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/social/vk.svg);
  mask-image: url(/themes/photogora/css/../images/icons/social/vk.svg);
}

.social-footer__link_twitter::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/social/twitter.svg);
  mask-image: url(/themes/photogora/css/../images/icons/social/twitter.svg);
}

.social-footer__link_telegram::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/social/telegram.svg);
  mask-image: url(/themes/photogora/css/../images/icons/social/telegram.svg);
}

.products-slider {
  position: relative;
}

.products-slider__pagination {
  margin-top: 30px;
}

.products-wrapper {
  padding: 20px;
  margin: -20px;
  overflow: hidden;
  position: relative;
}

.products-wrapper .slider-button {
  top: 45%;
}

.products-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.products-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.products-body-tile {
  display: none;
}

.products-body-tile__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.products-body-tile__footer {
  margin-top: 16px;
  text-align: center;
}

.card-product {
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: clip;
  -webkit-transition: opacity 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, box-shadow 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, box-shadow 0.2s ease 0s;
  transition: opacity 0.2s ease 0s, box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-product.hidden {
  opacity: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card-product__header {
  padding: 19px 48px 24px 47px;
  position: relative;
}

.card-product__info {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-product__body {
  padding: 16px 21px 16px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.card-product__badge {
  position: absolute;
  z-index: 10;
  top: 19px;
  left: -8px;
  width: 83px;
  height: 38px;
  padding: 8px 13px 6px 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-product__badge span {
  display: block;
  -webkit-transform: skewX(20deg);
  -ms-transform: skewX(20deg);
  transform: skewX(20deg);
}

.card-product__favorites {
  width: 32px;
  height: 32px;
  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;
  position: absolute;
  top: 19px;
  right: 16px;
  z-index: 10;
  cursor: pointer;
  background-color: transparent;
}

.card-product__favorites::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-color: #b9b9b9;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/favorites-transparent.svg);
  mask-image: url(/themes/photogora/css/../images/icons/favorites-transparent.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.card-product__image {
  position: relative;
  overflow: hidden;
  display: block;
  height: 235px;
}

.card-product__article-number {
  color: #cf3c35;
  font-size: 12px;
  line-height: 110%;
  margin-bottom: 12px;
}

.card-product__title {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  line-height: 110%;
  font-weight: 500;
  margin-bottom: 9px;
}

.card-product__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px 15px;
  margin-bottom: 6px;
}

.card-product__status {
  padding: 4px 9px;
  border-radius: 8px;
  border: 1px solid #659d5c;
  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;
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
  color: #659d5c;
}

.card-product__notice {
  margin: 0 0 6px;
  color: #cf3c35;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.card-product__description {
  display: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.card-product__footer {
  margin-top: auto;
}

.card-product__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 6px 8px;
  font-family: "Rubik", sans-serif;
}

.card-product__sale {
  color: #cf3c35;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  vertical-align: top;
}

.card-product__old-price {
  color: #9b9b9b;
  font-size: 20px;
  line-height: 110%;
  text-decoration: line-through;
}

.card-product__price {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #cf3c35;
  font-size: 32px;
  font-weight: 700;
  width: 100%;
}

.card-product__btn {
  display: none;
}

.image-switch {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.image-switch__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  cursor: pointer;
}

.image-switch__item:first-child .image-switch__picture {
  opacity: 1;
  z-index: -1;
}

.image-switch__item:hover .image-switch__picture {
  opacity: 1;
  z-index: -1;
}

.image-switch__picture {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  background-color: #ffffff;
  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;
  opacity: 0;
  cursor: pointer;
}

.image-pagination {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 8px;
}

.image-pagination__item {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #c2c2c2;
}

.image-pagination__item--active {
  background-color: #4b4b4b;
}

.breadcrumbs {
  padding: 16px 0 20px;
}

.breadcrumbs__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2px 6px;
}

.breadcrumbs__item {
  position: relative;
  color: #353434;
  font-size: 12px;
}

.breadcrumbs__item + .breadcrumbs__item {
  padding-left: 6px;
}

.breadcrumbs__item + .breadcrumbs__item::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: 13px;
  background-color: #353434;
}

.breadcrumbs__item.active {
  color: #cf3c35;
}

.breadcrumbs__link {
  color: inherit;
  line-height: 130%;
  -webkit-transition: color 0.15s linear 0s;
  -o-transition: color 0.15s linear 0s;
  transition: color 0.15s linear 0s;
}

.pagination__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pagination__item.active .pagination__link {
  border: 1px solid #cf3c35;
}

.pagination__link {
  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;
  padding: 5px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid transparent;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 110%;
  color: inherit;
}

.pagination__link_arrow {
  background: rgba(75, 75, 75, 0.2);
}

.pagination__link_arrow::before {
  content: "";
  display: block;
  background-color: #ffffff;
  width: 25px;
  height: 25px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.pagination-arrow-prev::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-left.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-left.svg);
}

.pagination-arrow-next::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-right.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-right.svg);
}

.pagination-arrow-prev,
.pagination-arrow-next {
  -webkit-transition: background 0.15s linear 0s;
  -o-transition: background 0.15s linear 0s;
  transition: background 0.15s linear 0s;
}

.main-screen {
  padding: 24px 0 16px;
}

.main-screen__image,
.main-screen__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-screen__content {
  padding: 33px 64px 28px;
  min-height: 290px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  row-gap: 15px;
  overflow: hidden;
}

.main-screen__info {
  color: #ffffff;
  max-width: 560px;
  font-family: "Rubik", sans-serif;
  position: relative;
  z-index: 2;
}

.main-screen__title {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 36px;
  font-weight: 400;
  line-height: 110%;
  margin-bottom: 7px;
}

.main-screen__subtitle {
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
}

.offers {
  padding: 16px 0;
}

.offers__wrapper {
  overflow: hidden;
  padding: 7px;
  margin: -7px;
}

.offers__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.offers__item {
  border-radius: 15px;
  padding: 11px;
  font-family: "Rubik", sans-serif;
  min-height: 223px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto auto;
  -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
  transition: -webkit-box-shadow 0.2s ease 0s;
  -o-transition: box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
}

.offers__item_sale {
  background-color: #f6c994;
  color: #cfa26c;
}

.offers__item_special {
  background-color: #a4cc72;
  color: #659d5c;
}

.offers__item_sound {
  background-color: #b798c6;
  color: #9d73b1;
  background-position: 50% 88%;
}

.offers__pagination {
  margin-top: 22px;
}

.item-offer__header {
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
}

.item-offer__text {
  color: #ffffff;
  text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.08);
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  position: relative;
  z-index: 2;
}

.partions {
  padding: 16px 0 25px;
}

.partions__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  gap: 13px 12px;
}

.partions__footer {
  margin: 16px auto 0;
  text-align: center;
  display: none;
}

.item-partion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
  text-decoration: none;
  border-radius: 16px;
  background: #ffffff;
  padding: 13px 13px 9px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 110%;
}

.item-partion__image {
  width: 116px;
  height: 106px;
  margin-bottom: 18px;
}

.item-partion__image img {
  max-height: 100%;
}

.item-partion__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-partion__title {
  color: #4b4b4b;
  -webkit-transition: color 0.2s ease-in 0s;
  -o-transition: color 0.2s ease-in 0s;
  transition: color 0.2s ease-in 0s;
}

.sales {
  padding: 25px 0;
}

.sales__heading {
  margin-bottom: 40px;
}

.banner {
  padding: 25px 0;
}

.banner__image {
  position: absolute;
  bottom: 0;
}

.banner__image picture {
  display: block;
  line-height: 0;
}

.banner__image_left {
  left: 0;
}

.banner__image_right {
  right: 0;
}

.banner__wrapper {
  display: block;
  padding: 44px 312px 44px 325px;
  background-image: url(/themes/photogora/css/../images/banner/banner-decor.svg);
  background-position: 50% 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  text-decoration: none;
  border-radius: 16px;
  overflow: hidden;
  min-height: 290px;
  position: relative;
  background-color: #fad36e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.banner__info {
  max-width: 705px;
  position: relative;
  z-index: 2;
}

.banner__label {
  color: #d1a83e;
  font-size: 43px;
  font-weight: 900;
  line-height: 130%;
  margin-bottom: 12px;
}

.banner__text {
  color: #fff;
  text-shadow: 0px 8.65px 21.6px rgba(0, 0, 0, 0.08);
  font-size: 65px;
  font-weight: 900;
  line-height: 100%;
  margin-top: auto;
}

.advantages {
  padding: 25px 0;
}

.advantages__pagination {
  margin-top: 30px;
}

.advantages__heading {
  margin-bottom: 30px;
}

.advantages__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 50px;
}

.advantages__description p:not(:last-child) {
  margin-bottom: 20px;
}

.advantages__wrapper {
  padding: 0 20px;
  margin: 0 -20px;
}

.advantages__item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.advantages__controls .slider-button {
  top: 10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.item-advantages {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 30px 0;
}

.item-advantages__icon {
  width: 57px;
  height: 57px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 57px;
  flex: 0 0 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.item-advantages__icon::before {
  content: url(/themes/photogora/css/attr(data-icon));
  display: block;
}

.item-advantages__text {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
}

.partners {
  padding: 25px 0;
}

.partners__heading {
  text-align: center;
}

.partners__heading .heading__title::before {
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.partners__pagination {
  margin-top: 46px;
}

.partners__heading {
  margin-bottom: 47px;
}

.partners__wrapper {
  padding: 0 20px;
  margin: 0 -20px;
}

.item-partner__image {
  min-height: 57px;
  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;
}

.item-partner__image img {
  max-width: 100%;
  max-height: 100%;
}

.video-block {
  padding: 25px 0;
}

.video-block__pagination {
  margin-top: 30px;
}

.video-block__wrapper {
  padding: 20px;
  margin: -20px;
}

.item-video {
  border-radius: 10px;
  overflow: hidden;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 25.5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 25.5px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}

.item-video.hidden {
  opacity: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-video::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 102px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
  pointer-events: none;
}

.item-video__image {
  position: relative;
  padding-bottom: 69.5555555556%;
  border-radius: 10px;
  min-height: 226px;
  overflow: hidden;
}

.item-video__image img,
.item-video__image video,
.item-video__image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.item-video__content {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 21px 25px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 15px;
  z-index: 3;
  pointer-events: none;
}

.item-video__description {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  line-height: 110%;
  max-width: 230px;
}

.item-video__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}

.info-video__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

.info-video__item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #cf3c35;
}

.info-video__message::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/chat.svg);
  mask-image: url(/themes/photogora/css/../images/icons/chat.svg);
}

.info-video__views::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/views.svg);
  mask-image: url(/themes/photogora/css/../images/icons/views.svg);
}

.banner-telegram {
  padding: 25px 0;
}

.banner-telegram__image,
.banner-telegram__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner-telegram__body {
  position: relative;
  background-color: #ffffff;
  min-height: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 67px 92px 24px;
  text-align: center;
  border-radius: 16px;
  overflow: hidden;
  row-gap: 20px;
}

.banner-telegram__text {
  color: #ffffff;
  text-shadow: 0px 8.65px 21.63px #3784bb;
  font-size: 65px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  position: relative;
  z-index: 2;
}

.main-card {
  padding-bottom: 40px;
}

.main-card__wrapper {
  padding-top: 4px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 330px;
  grid-template-columns: 1fr 1fr 330px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 40px 30px;
}

.main-card__info {
  padding-top: 3px;
}

.main-card__sections {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  display: -ms-grid;
  display: grid;
  gap: 40px;
}

.main-card__content p {
  line-height: 120%;
}

.main-card__content ul {
  padding-left: 25px;
}

.main-card__content ul + p {
  line-height: 114%;
}

.main-card__content ul li {
  line-height: 119%;
}

.main-card__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1px 9px;
  font-family: "Rubik", sans-serif;
}

.main-card__price {
  color: #4b4b4b;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.main-card__old-price {
  color: #b9b9b9;
  font-size: 20px;
  text-decoration: line-through;
}

.main-card__sale {
  color: #cf3c35;
  font-size: 16px;
  line-height: 110%;
}

.main-card__favorites {
  line-height: 110%;
  background-color: transparent;
  color: #4b4b4b;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 110%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-transition: color 0.15s ease 0s;
  -o-transition: color 0.15s ease 0s;
  transition: color 0.15s ease 0s;
  -ms-grid-column-align: start;
  justify-self: start;
}

.main-card__favorites::before {
  content: "";
  display: block;
  background-color: #cf3c35;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/favorites.svg);
  mask-image: url(/themes/photogora/css/../images/icons/favorites.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
  -webkit-mask-position: center;
  mask-position: center;
  width: 24px;
  height: 24px;
}

.main-card__having {
  color: #cf3c35;
  line-height: 120%;
}

.main-card__status {
  border-radius: 8px;
  border: 1px solid #659d5c;
  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;
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
  color: #659d5c;
  border-width: 2px;
  padding: 8px 10px;
  min-height: 35px;
  background-color: transparent;
  font-family: "Inter", sans-serif;
  -webkit-transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
}

.main-card .play-button {
  -webkit-filter: drop-shadow(0px 0px 25.5681819916px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 25.5681819916px rgba(0, 0, 0, 0.5));
}

.card-slider {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 85px 465px;
  grid-template-columns: 85px 465px;
  gap: 20px;
  height: 465px;
  max-width: 570px;
  position: relative;
}

.thumbs-slider {
  position: relative;
}

.thumbs-slider-wrapper {
  height: 465px;
  padding: 0px 10px;
  margin: 0 -10px;
}

.thumbs-slider-body {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.thumbs-slider-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 85px;
  flex: 0 0 85px;
  width: 85px !important;
  height: 85px !important;
  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;
  border-radius: 10px;
  position: relative;
  border: 3px solid #ffffff;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.thumbs-slider-item.swiper-slide-thumb-active {
  border: 3px solid #b9b9b9;
}

.thumbs-slider-image {
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
  position: relative;
}

.thumbs-slider-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-slider__pagination {
  display: none;
  margin-top: 20px;
}

.main-slider-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

.main-slider-wrapper .slider-button-prev {
  left: 5px;
}

.main-slider-wrapper .slider-button-next {
  right: 5px;
}

.main-slider-body {
  width: 100%;
  height: 100%;
}

.main-slider-item {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.main-slider-image {
  position: relative;
  padding-bottom: 100%;
}

.main-slider-image img,
.main-slider-image video,
.main-slider-image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
}

.card-info__title {
  font-family: "Rubik", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}

.card-info__logo {
  max-width: 50%;
  max-height: 60px;
}

.card-info__logo img {
  max-width: 100%;
  max-height: 100%;
}

.card-info__article {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  line-height: 110%;
}

.card-info__article span {
  color: #cf3c35;
}

.card-info__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 17px;
  color: #307ff5;
  line-height: 110%;
}

.card-info__link {
  color: inherit;
  line-height: 130%;
}

.card-options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 23px 0;
}

.card-options__label {
  margin-bottom: 11px;
}

.card-aside {
  position: sticky;
  top: 20px;
  border-radius: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  padding: 24px 25px 29px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.card-aside__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 16px;
}

.card-aside__link {
  color: #307ff5;
  line-height: 110%;
}

.reviews__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 40px 0;
}

.reviews__pagination {
  margin-top: 40px;
}

.item-reviews__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 1fr;
  grid-template-columns: 90px 1fr;
  gap: 15px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 19px;
}

.item-reviews__user-data {
  display: -ms-grid;
  display: grid;
  gap: 15px 0;
}

.item-reviews__icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}

.item-reviews__icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.item-reviews__name {
  color: #4b4b4b;
  font-family: "Rubik", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
}

.item-reviews__content {
  margin-bottom: 30px;
  line-height: 120%;
}

.item-reviews__content p:not(:last-child) {
  margin-bottom: 10px;
}

.item-reviews__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.item-reviews__image {
  width: 100px;
  height: 100px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.item-reviews__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.other-products {
  padding-bottom: 25px;
}

.similar-products {
  padding: 25px 0;
}

.catalog__sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px 15px;
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.catalog__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 330px 1fr;
  grid-template-columns: 330px 1fr;
  gap: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #b9b9b9;
}

.catalog__aside {
  display: -ms-grid;
  display: grid;
  gap: 30px 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-line-pack: start;
  align-content: start;
}

.catalog__filter {
  padding: 19px 16px 26px;
  border-radius: 10px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  height: auto;
}

.sorting-catalog__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sorting-catalog__buttons {
  display: none;
}

.sorting-catalog__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  background-color: transparent;
}

.sorting-catalog__btn_filter::before,
.sorting-catalog__btn_sort::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #cf3c35;
}

.sorting-catalog__btn_filter::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/filter.svg);
  mask-image: url(/themes/photogora/css/../images/icons/filter.svg);
}

.sorting-catalog__btn_sort::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/sort.svg);
  mask-image: url(/themes/photogora/css/../images/icons/sort.svg);
}

.sorting-catalog__btn:hover {
  color: #cf3c35;
}

.views-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 23px;
}

.views-button {
  width: 32px;
  height: 32px;
  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;
  cursor: pointer;
}

.views-button.active::before {
  background-color: #4b4b4b;
}

.views-button.active:hover::before {
  background-color: #4b4b4b;
}

.views-button::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-color: #d9d9d9;
  -webkit-mask-size: 32px 32px;
  mask-size: 32px 32px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  transition: background 0.2s ease 0s;
}

.views-button_grid::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/btn-grid.svg);
  mask-image: url(/themes/photogora/css/../images/icons/btn-grid.svg);
}

.views-button_list::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/btn-list.svg);
  mask-image: url(/themes/photogora/css/../images/icons/btn-list.svg);
}

.filter__groups {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}

.filter-group.show .filter-group__btn::after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.filter-group.show .filter-group__checkboxes .checkbox:nth-child(n+6) {
  display: block;
}

.filter-group:first-child {
  padding-bottom: 10px;
}

.filter-group__name {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 14px;
}

.filter-group__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.filter-group__item {
  font-size: 12px;
  font-weight: 400;
  line-height: 110%;
  display: -ms-grid;
  display: grid;
  gap: 8px;
}

.filter-group__input {
  border-radius: 5px;
  border: 1px solid #b9b9b9;
  background-color: #f4f4f4;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  line-height: 110%;
  width: 100%;
}

.filter-group__checkboxes {
  display: -ms-grid;
  display: grid;
  gap: 11px;
}

.filter-group__checkboxes .checkbox:nth-child(n+6) {
  display: none;
}

.filter-group__btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  color: #4b4b4b;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 110%;
  margin-top: 15px;
}

.filter-group__btn::after {
  content: "";
  display: block;
  background-image: url(/themes/photogora/css/../images/icons/arrow-bg.svg);
  background-repeat: no-repeat;
  background-size: 13px 13px;
  height: 13px;
  width: 13px;
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}

.articles__heading {
  margin-bottom: 20px;
}

.articles__items {
  display: -ms-grid;
  display: grid;
  gap: 31px;
}

.article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 17px;
}

.article__title {
  font-family: "Rubik", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

.article__content {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.article__content p:not(:last-child) {
  margin-bottom: 10px;
}

.article__footer {
  margin-top: auto;
}

.products-catalog__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.products-catalog__cards.view-horizontal {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.products-catalog__cards.view-horizontal .card-product {
  padding: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 1fr;
  grid-template-columns: 240px 1fr;
}

.products-catalog__cards.view-horizontal .card-product__header {
  padding: 0 0 18px;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

.products-catalog__cards.view-horizontal .card-product__body {
  padding: 19px 33px 10px 25px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 164px;
  grid-template-columns: 1fr 164px;
  gap: 33px;
}

.products-catalog__cards.view-horizontal .card-product__image {
  height: 240px;
  width: 240px;
}

.products-catalog__cards.view-horizontal .card-product__info {
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 9px;
}

.products-catalog__cards.view-horizontal .card-product__article-number {
  margin-bottom: 6px;
  line-height: 120%;
}

.products-catalog__cards.view-horizontal .card-product__title {
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 8px;
}

.products-catalog__cards.view-horizontal .card-product__values {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products-catalog__cards.view-horizontal .card-product__notice {
  margin-bottom: 22px;
}

.products-catalog__cards.view-horizontal .card-product__description {
  display: block;
}

.products-catalog__cards.view-horizontal .card-product__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 164px;
  margin-top: auto;
  min-height: 47px;
  font-size: 16px;
  padding: 5px 10px;
}

.products-catalog__cards.view-horizontal .card-product__favorites {
  top: 14px;
  right: 15px;
}

.products-catalog__cards.view-horizontal .card-product__prices {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.products-catalog__cards.view-horizontal .card-product__price {
  text-align: right;
}

.products-catalog__cards.view-horizontal .card-product__footer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  padding-top: 14px;
}

.products-catalog__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.content-catalog {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 330px;
  grid-template-columns: 1fr 330px;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 20px 30px;
  padding: 37px 0 25px;
}

.content-catalog__heading {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  margin: 0;
}

.content-catalog__heading .heading__title {
  padding: 0;
}

.content-catalog__heading .heading__title::before {
  content: none;
}

.content-catalog__description {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
  font-size: 16px;
  font-weight: 400;
  line-height: 119%;
}

.content-catalog__image-wrapper {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/3/3;
}

.content-catalog__image {
  position: relative;
  padding-bottom: 70.6060606061%;
  border-radius: 5px;
  overflow: hidden;
}

.content-catalog__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.categories {
  padding: 25px 0;
}

.categories .heading {
  text-align: center;
}

.categories .heading__title::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.categories__slider {
  position: relative;
}

.categories .item-partion {
  min-height: 182px;
  height: 100%;
}

.categories__pagination {
  margin-top: 30px;
}

.categories__body {
  margin: -20px;
  padding: 20px;
  display: -ms-grid;
  display: grid;
}

.categories__wrapper {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.categories__wrapper .swiper-slide.hidden {
  opacity: 0;
  pointer-events: none;
}

.custom-dropdown {
  width: 100%;
  position: relative;
}

.custom-dropdown.active .custom-dropdown__btn::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.custom-dropdown.active .select-list {
  pointer-events: all;
  opacity: 1;
  top: calc(100% + 5px);
}

.custom-dropdown__wrapper {
  position: relative;
  width: 100%;
}

.custom-dropdown__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background-color: #fff;
  border: 1.2px solid #b9b9b9;
}

.custom-dropdown__btn-wrap::after {
  content: none;
}

.custom-dropdown.custom-dropdown-action .custom-dropdown__btn {
  padding: 0;
  min-height: auto;
  padding: 0;
  border: 0;
  width: auto;
  font-size: 0;
  display: block;
  width: 24px;
  height: 24px;
}

.custom-dropdown__btn {
  min-height: 56px;
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  background-color: #fff;
  border: 1.2px solid #b9b9b9;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
  color: #4b4b4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  -o-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
}

.custom-dropdown__btn::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #cf3c35;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-down-red.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-down-red.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  margin-left: auto;
}

.custom-dropdown__btn-delete {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-grid;
  display: grid;
  place-items: center;
  background-color: transparent;
}

.custom-dropdown__btn-delete::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/delete-left.svg);
  mask-image: url(/themes/photogora/css/../images/icons/delete-left.svg);
  background-color: #b9b9b9;
}

.form-item .custom-dropdown input {
  padding: 0;
  border: 0;
  margin: 0;
  min-height: auto;
}

.select-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  z-index: 5;
  top: calc(100% + 20px);
  width: 100%;
  list-style: none;
  background-color: transparent;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  padding: 5px 0px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -o-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.select-list::-webkit-scrollbar {
  width: 3px;
  background: transparent;
}

.select-list::-webkit-scrollbar-thumb {
  width: 3px;
  border-radius: 5px;
  background-color: #4b4b4b;
}

.select-list__item {
  min-height: 40px;
  text-align: left;
  padding: 9px 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  color: #4b4b4b;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}



.vanilla-calendar {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  min-width: 272px;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0.75rem;
  padding: 1rem;
  opacity: 1;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

@supports ((width: -webkit-max-content) or (width: -moz-max-content) or (width: max-content)) and ((height: -webkit-max-content) or (height: -moz-max-content) or (height: max-content)) {
  .vanilla-calendar {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.vanilla-calendar_multiple {
  width: 550px;
}

@supports ((width: -webkit-fit-content) or (width: -moz-fit-content) or (width: fit-content)) {
  .vanilla-calendar_multiple {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.vanilla-calendar button:focus-visible {
  border-radius: 0.5rem;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -1px;
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.vanilla-calendar_hidden {
  pointer-events: none;
  opacity: 0;
}

.vanilla-calendar_hidden * {
  pointer-events: none !important;
}

.vanilla-calendar_to-input {
  position: absolute;
}

.vanilla-calendar_to-input_bottom {
  margin-top: 0.25rem;
}

.vanilla-calendar_to-input_top {
  margin-top: -0.25rem;
}

.vanilla-calendar-controls {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 20;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
}

.vanilla-calendar-arrow {
  pointer-events: auto;
  position: relative;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
}

.vanilla-calendar-arrow:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.vanilla-calendar-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.75rem;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column {
  pointer-events: none;
  opacity: 0.3;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_month,
.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column.vanilla-calendar-column_year {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.vanilla-calendar-header {
  position: relative;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vanilla-calendar-header__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: pre-wrap;
  padding-left: 1rem;
  padding-right: 1rem;
}

.vanilla-calendar-month,
.vanilla-calendar-year {
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.vanilla-calendar-month.vanilla-calendar-month_disabled,
.vanilla-calendar-year.vanilla-calendar-year_disabled {
  pointer-events: none;
}

.vanilla-calendar-months {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-grid-columns: (minmax(0, 1fr))[4];
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 1rem;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.vanilla-calendar-years {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-grid-columns: (minmax(0, 1fr))[5];
  grid-template-columns: repeat(5, minmax(0, 1fr));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 1rem;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
  cursor: pointer;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled {
  cursor: default;
}

.vanilla-calendar-months__month,
.vanilla-calendar-years__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  word-break: break-all;
  border-radius: 0.5rem;
  border-width: 0px;
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
  pointer-events: none;
}

.vanilla-calendar-week-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.vanilla-calendar-week-numbers__title {
  margin-bottom: 0.5rem;
  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;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.vanilla-calendar-week-numbers__content {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  row-gap: 0.25rem;
}

.vanilla-calendar-week-number {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: none;
  background-color: transparent;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.vanilla-calendar-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.vanilla-calendar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.vanilla-calendar-week {
  margin-bottom: 0.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
}

.vanilla-calendar-week__day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 1.875rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.vanilla-calendar-days {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  row-gap: 0.25rem;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
  cursor: pointer;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 75ms;
  -o-transition-duration: 75ms;
  transition-duration: 75ms;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
  cursor: default;
}

.vanilla-calendar-day {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.vanilla-calendar-day_hover-intermediate .vanilla-calendar-day__btn {
  border-radius: 0;
}

.vanilla-calendar-day_hover-first .vanilla-calendar-day__btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_hover-first.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
  border-radius: 0.5rem;
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_selected-first.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
  border-radius: 0.5rem;
}

.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected {
  border-radius: 0;
}

.vanilla-calendar-day__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: default;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 0px;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.vanilla-calendar-day__btn_today {
  font-weight: 700;
}

.vanilla-calendar-day__btn_disabled {
  pointer-events: none;
}

.vanilla-calendar-day__popup {
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 20;
  width: 8rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  opacity: 0;
}

.vanilla-calendar-day__popup:before {
  content: var(--tw-content);
  position: absolute;
}

.vanilla-calendar-day__popup:after {
  content: var(--tw-content);
  position: absolute;
}

.vanilla-calendar-day__popup:hover {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-day__popup:before {
  content: "";
  left: 0;
  bottom: 0;
  z-index: -10;
  display: block;
  height: calc(100% - 4px);
  width: 100%;
  border-radius: 0.5rem;
}

.vanilla-calendar-time {
  margin-top: 0.75rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  padding-top: 0.75rem;
}

.vanilla-calendar-time__content {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vanilla-calendar-time__hours {
  position: relative;
  margin-right: 0.35rem;
  width: 1.75rem;
}

.vanilla-calendar-time__hours:after {
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: calc(-50% + 1px);
  display: block;
  --tw-content: ":";
  content: var(--tw-content);
}

.vanilla-calendar-time__minutes {
  width: 1.75rem;
}

.vanilla-calendar-time__hours input,
.vanilla-calendar-time__minutes input {
  position: relative;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 0px;
  padding: 0.125rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.vanilla-calendar-time__hours input:focus-visible,
.vanilla-calendar-time__minutes input:focus-visible {
  outline-style: solid;
  outline-width: 1px;
}

.vanilla-calendar-time__hours input:disabled,
.vanilla-calendar-time__minutes input:disabled {
  cursor: default;
}

.vanilla-calendar-time__hours input:hover:disabled,
.vanilla-calendar-time__minutes input:hover:disabled {
  background-color: transparent;
}

.vanilla-calendar-time__keeping {
  margin-left: 1px;
  margin-top: 0.25rem;
  width: 22px;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0;
  font-size: 0.69rem;
}

.vanilla-calendar-time__keeping:focus-visible {
  outline-style: solid;
  outline-width: 1px;
}

.vanilla-calendar-time__keeping:disabled {
  cursor: default;
}

.vanilla-calendar-time__keeping:hover:disabled {
  background-color: transparent;
}

.vanilla-calendar-time__ranges {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
}

.vanilla-calendar-time__range {
  position: relative;
  z-index: 10;
  font-size: 0;
}

.vanilla-calendar-time__range:before {
  content: var(--tw-content);
  left: 0;
}

.vanilla-calendar-time__range:after {
  content: var(--tw-content);
  right: 0;
}

.vanilla-calendar-time__range:before,
.vanilla-calendar-time__range:after {
  content: "";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 10;
  height: 0.5rem;
  width: 1px;
}

.vanilla-calendar-time__range input {
  position: relative;
  margin: 0;
  height: 1.25rem;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-width: 0px;
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
  position: relative;
  z-index: 20;
  margin-top: -0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1rem;
  width: 0.75rem;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-thumb {
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  height: 1rem;
  width: 0.75rem;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  margin-top: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 1px;
  width: 100%;
  cursor: pointer;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-track {
  margin-top: 1px;
  box-sizing: border-box;
  height: 1px;
  width: 100%;
  cursor: pointer;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=light].vanilla-calendar {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme=light].vanilla-calendar_to-input {
  --tw-shadow: 0 9px 20px rgba(0,0,0,.1);
  --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=light].vanilla-calendar button:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-arrow {
  background-color: transparent;
}

[data-calendar-theme=light] .vanilla-calendar-arrow:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nIzBmMTcyYScgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme=light] .vanilla-calendar-arrow:hover:before {
  opacity: 0.6;
}

[data-calendar-theme=light] .vanilla-calendar-header__content,
[data-calendar-theme=light] .vanilla-calendar-month,
[data-calendar-theme=light] .vanilla-calendar-year {
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-month:hover,
[data-calendar-theme=light] .vanilla-calendar-year:hover {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_not-active {
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme=light] .vanilla-calendar-year.vanilla-calendar-year_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-months__month {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-months__month:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme=light] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-years__year {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-years__year:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled,
[data-calendar-theme=light] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-week-numbers__title,
[data-calendar-theme=light] .vanilla-calendar-week-number {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-week-number:hover {
  color: #475569;
}

[data-calendar-theme=light] .vanilla-calendar-week__day {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-week__day_weekend {
  color: #f43f5e;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  --tw-bg-opacity: .7;
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
  color: #06b6d4;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today:hover {
  color: #06b6d4;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_next {
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday {
  color: #f43f5e;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: #f43f5e;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
  color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=light] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-day__popup {
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-day__popup:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-shadow: 0 3px 15px rgba(85, 85, 85, .2);
  --tw-shadow-colored: 0 3px 15px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=light] .vanilla-calendar-time {
  border-color: #cbd5e1;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours:after {
  content: var(--tw-content);
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,
[data-calendar-theme=light] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping {
  color: #64748b;
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__keeping:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range:before,
[data-calendar-theme=light] .vanilla-calendar-time__range:after {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-thumb {
  border-color: #cbd5e1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-thumb {
  border-color: #cbd5e1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
}

[data-calendar-theme=light] .vanilla-calendar-time__range input::-moz-range-track {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225/var(--tw-bg-opacity));
}

[data-calendar-theme=dark].vanilla-calendar {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark].vanilla-calendar_to-input {
  --tw-shadow: 0 9px 20px rgba(0,0,0,.1);
  --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=dark].vanilla-calendar button:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-arrow {
  background-color: transparent;
}

[data-calendar-theme=dark] .vanilla-calendar-arrow:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme=dark] .vanilla-calendar-arrow:hover:before {
  opacity: 0.6;
}

[data-calendar-theme=dark] .vanilla-calendar-header__content,
[data-calendar-theme=dark] .vanilla-calendar-month,
[data-calendar-theme=dark] .vanilla-calendar-year {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-month:hover,
[data-calendar-theme=dark] .vanilla-calendar-year:hover,
[data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_not-active {
  color: #64748b;
}

[data-calendar-theme=dark] .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme=dark] .vanilla-calendar-year.vanilla-calendar-year_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month,
[data-calendar-theme=dark] .vanilla-calendar-years__year {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month:hover,
[data-calendar-theme=dark] .vanilla-calendar-years__year:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover,
[data-calendar-theme=dark] .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
  color: #334155;
}

[data-calendar-theme=dark] .vanilla-calendar-week-numbers__title,
[data-calendar-theme=dark] .vanilla-calendar-week-number {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-week-number:hover {
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-week__day {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-week__day_weekend {
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  --tw-bg-opacity: .8;
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  --tw-bg-opacity: .8;
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=dark] .vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #e2e8f0;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #06b6d4;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today:hover {
  color: #06b6d4;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_next {
  color: #475569;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday {
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: #f43f5e;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #334155;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #475569;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
  color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme=dark] .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme=dark] .vanilla-calendar-day__popup {
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-day__popup:before {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  --tw-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme=dark] .vanilla-calendar-time {
  border-color: #1e293b;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours:after {
  content: var(--tw-content);
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__hours input.vanilla-calendar-is-focus,
[data-calendar-theme=dark] .vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping {
  color: #64748b;
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85/var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-time__keeping:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:before,
[data-calendar-theme=dark] .vanilla-calendar-time__range:after {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range:hover input::-moz-range-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
  border-color: #fdba74;
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-thumb {
  border-color: #475569;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-thumb {
  border-color: #475569;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity));
}

[data-calendar-theme=dark] .vanilla-calendar-time__range input::-moz-range-track {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105/var(--tw-bg-opacity));
}

.form-questionary__groups {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -ms-flex-line-pack: start;
  align-content: start;
  gap: 24px;
}

.form-questionary__group {
  position: relative;
  padding-bottom: 24px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 24px;
}

.form-questionary__group::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #d9d9d9;
}

.form-questionary__group.main-info-group .form-item,
.form-questionary__group.person-group .form-item {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}

.form-questionary__group.main-info-group .form-item-dates,
.form-questionary__group.person-group .form-item-dates {
  grid-column: 1/-1;
}

.form-questionary__group.main-info-group .form-item:last-child,
.form-questionary__group.person-group .form-item:last-child {
  grid-column: 1/-1;
}

.form-questionary__group.clients-group .form-item {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}

.form-questionary__group.additionally-group .form-item:nth-child(2),
.form-questionary__group.additionally-group .form-item:nth-child(3) {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}

.form-questionary__group.additionally-group .form-item:last-child {
  grid-column: 1/-1;
}

.form-questionary__group .content {
  grid-column: 1/-1;
}

.form-questionary__heading {
  grid-column: 1/-1;
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 10px 13px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-questionary__heading-action {
  font-weight: 400;
  font-size: 12px;
  color: #cf3c35;
  background-color: transparent;
}

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.form-item-dates {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 8px 24px;
  grid-column: 1/-1;
}

.form-item__caption {
  grid-column: 1/-1;
  font-size: 14px;
  line-height: 120%;
}

.form-item input {
  min-height: 56px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px;
  padding-right: 50px;
  border-radius: 6px;
  background-color: #fff;
  border: 1.2px solid #b9b9b9;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
  color: #4b4b4b;
}

.form-item input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
  color: #b9b9b9;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.form-item input::-moz-placeholder {
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
  color: #b9b9b9;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.form-item input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
  color: #b9b9b9;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.form-item input::-ms-input-placeholder {
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
  color: #b9b9b9;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.form-item input::placeholder {
  font-size: 16px;
  line-height: 120%;
  font-family: "Inter", sans-serif;
  color: #b9b9b9;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.form-item input:focus-visible::-webkit-input-placeholder {
  opacity: 0;
}

.form-item input:focus-visible::-moz-placeholder {
  opacity: 0;
}

.form-item input:focus-visible:-ms-input-placeholder {
  opacity: 0;
}

.form-item input:focus-visible::-ms-input-placeholder {
  opacity: 0;
}

.form-item input:focus-visible::placeholder {
  opacity: 0;
}

.form-field {
  position: relative;
}

.form-field-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 12px;
  width: 24px;
  height: 24px;
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.form-field-arrow::before {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/arrow-down-red.svg);
  mask-image: url(/themes/photogora/css/../images/icons/arrow-down-red.svg);
  background-color: #cf3c35;
}

.drop-boxes {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  grid-column: 1/-1;
}

.drop-box {
  height: 233px;
  width: 100%;
  position: relative;
  border: 1px dashed #b9b9b9;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  background: #e7e7e7;
  border-radius: 7px;
  color: #4b4b4b;
  gap: 9px;
  padding: 38px;
}

.drop-box.active {
  background-color: rgba(231, 231, 231, 0.2);
}

.drop-box.active .form-container {
  opacity: 0;
  pointer-events: none;
}

.no-webp .drop-box__icon{
  background-image: url(/themes/photogora/css/../images/icons/camera.png); }

.drop-box__icon {
  display: block;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: center center;
}

.drop-box__text {
  max-width: 258px;
}

.drop-box__text .red {
  color: #cf3c35;
}

.form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  gap: 9px;
}

.form-file {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}

.files-list-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.file-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.file-item__text {
  max-width: 200px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.file-item__button {
  width: 24px;
  height: 24px;
  display: block;
  background-color: transparent;
}

.file-item__button::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/close.svg);
  mask-image: url(/themes/photogora/css/../images/icons/close.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #cf3c35;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
}

.personal {
  padding: 20px 0 28px;
  overflow: hidden;
}

.personal__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: auto 24px auto 24px auto 24px auto 24px auto 24px auto;
  grid-template-areas: "welcome welcome" "orders buy" "data sale" "appeal sale" "mailings sale" "photo rental";
  gap: 24px;
}

.personal__welcome {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: welcome;
}

.welcome-personal {
  border-radius: 10px;
  padding: 16px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 16px 1fr;
  grid-template-columns: 80px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-rows: auto 8px auto;
  grid-template-areas: "logo title" "logo text";
  gap: 8px 16px;
}

.welcome-personal__icon {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: logo;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.welcome-personal__title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  -ms-grid-row-align: end;
  align-self: end;
}

.welcome-personal__sub-title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: text;
  color: #b9b9b9;
  -ms-grid-row-align: start;
  align-self: start;
}

.personal-box {
  border-radius: 10px;
  padding: 16px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.personal-box__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.personal-box__icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 100%;
  background: rgba(185, 185, 185, 0.25);
  display: -ms-grid;
  display: grid;
  place-items: center;
}

.personal-box__icon::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
  background-color: #4b4b4b;
}

.personal-box__title {
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.personal-box__button {
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  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;
  padding: 9px;
  min-height: 37px;
  font-size: 14px;
  text-align: center;
  color: #4b4b4b;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.personal-box.active .personal-box__icon {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
  background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
  background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}

.personal-box.active .personal-box__icon::before {
  background-color: #fff;
}

.personal-box--orders {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: orders;
}

.personal-box--orders .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/basket-shopping.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/basket-shopping.svg);
}

.personal-box--buy {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: buy;
}

.personal-box--buy .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/cart-shopping.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/cart-shopping.svg);
}

.personal-box--data {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: data;
}

.personal-box--data .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/user-pen.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/user-pen.svg);
}

.personal-box--appeal {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: appeal;
}

.personal-box--appeal .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/message-square-chat.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/message-square-chat.svg);
}

.personal-box--appeal .personal-box__list-item > *:last-child {
  margin-left: 0;
}

.personal-box--mailings {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  grid-area: mailings;
}

.personal-box--mailings .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/mobile-signal-out.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/mobile-signal-out.svg);
}

.personal-box--mailings .personal-box__content {
  padding: 0 0 0 24px;
}

.personal-box--sale {
  -ms-grid-row: 5;
  -ms-grid-row-span: 5;
  -ms-grid-column: 3;
  grid-area: sale;
  height: 100%;
}

.personal-box--sale .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/bookmark.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/bookmark.svg);
}

.personal-box--profile {
  padding-top: 33px;
  padding-bottom: 33px;
  position: relative;
  isolation: isolate;
}

.personal-box--profile .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/star.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/star.svg);
}

.personal-box--profile::after {
  content: "";
  display: block;
  position: absolute;
  width: 230px;
  height: 202px;
  right: 0;
  bottom: 0;
  background-image: url(/themes/photogora/css/../images/icons/person/profile-star.svg);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  pointer-events: none;
}

.personal-box--photo {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  grid-area: photo;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(0%, rgba(64, 179, 244, 0.2)), to(rgba(64, 179, 244, 0.2)));
  background: -o-linear-gradient(left, #ffffff, rgba(64, 179, 244, 0.2) 0%, rgba(64, 179, 244, 0.2) 100%);
  background: linear-gradient(90deg, #ffffff, rgba(64, 179, 244, 0.2) 0%, rgba(64, 179, 244, 0.2) 100%);
}

.personal-box--photo .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/image-circle.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/image-circle.svg);
}

.personal-box--photo .personal-box__button {
  min-width: 129px;
  background-color: #ffffff;
}

.personal-box--rental {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
  grid-area: rental;
  position: relative;
  isolation: isolate;
}

.personal-box--rental .personal-box__icon::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/refresh-ccw-alt.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/refresh-ccw-alt.svg);
}

.personal-box--rental::after {
  content: "";
  display: block;
  position: absolute;
  width: 204px;
  height: 169px;
  right: 16px;
  bottom: 0;
  background-image: url(/themes/photogora/css/../images/icons/person/rental-icon.svg);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  pointer-events: none;
}

.personal-box__content {
  padding: 0 11px 0 56px;
  font-size: 16px;
  line-height: 120%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 19px;
  justify-items: start;
}

.personal-box__content .personal-box__button {
  margin-left: 0;
}

.personal-box__list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

.personal-box__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.personal-box__list-item > *:last-child {
  margin-left: auto;
}

.personal-box__date {
  color: #b9b9b9;
}

.personal-box__email,
.personal-box__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #4b4b4b;
}

.personal-box__email::before,
.personal-box__phone::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #b9b9b9;
}

.personal-box__price {
  font-weight: 700;
  font-size: 20px;
  font-family: "Rubik", sans-serif;
  color: #cf3c35;
}

.personal-box__email::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/mail.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/mail.svg);
}

.personal-box__phone::before {
  -webkit-mask-image: url(/themes/photogora/css/../images/icons/person/square-phone.svg);
  mask-image: url(/themes/photogora/css/../images/icons/person/square-phone.svg);
}

.personal-box__checkbox-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}

.personal-box__checkbox-list .checkbox {
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.personal-box__checkbox-list .custom-checkbox {
  width: 18px;
  height: 18px;
  border-radius: 2px;
}

.personal-box__text {
  max-width: 312px;
  font-size: 14px;
  line-height: 120%;
}

.personal-box__image {
  margin-left: 28px;
}

.personal-box .card-product {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  background: #ffffff;
  border-radius: 10px;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.personal-box .card-product:not(.swiper-slide-visible) {
  opacity: 0;
}

.personal-box .card-product__body {
  padding: 13px 6px 6px;
}

.personal-box .card-product__image {
  height: 187px;
}

.personal-box .card-product__header {
  padding: 6px 15px 19px;
}

.personal-box .card-product__title {
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 120%;
}

.personal-box .card-product__price {
  font-size: 20px;
  color: #4b4b4b;
}

.personal-box .card-product__badge {
  top: 16px;
}

.personal-slider {
  padding-right: 11px;
}

.personal-slider .swiper {
  padding: 15px;
  margin: -15px;
  overflow: hidden;
}

.personal-slider__pagination {
  margin-top: 16px;
  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;
  gap: 7px;
}

.personal-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.personal-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}

.personal-slider .swiper-pagination-bullet {
  margin: 0;
  height: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #c2c2c2;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.personal-slider .swiper-pagination-bullet-active {
  background-color: #4b4b4b;
}

.blue-link {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #307ff5;
  border-bottom: 1px solid currentColor;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}





@media screen and (min-width: 1450px) {
  .slider-button-prev {
    left: 0;
  }

  .slider-button-next {
    right: 0;
  }
}

@media screen and (max-width: 1450px) {
  .products-wrapper .slider-button {
    top: 50%;
  }
}

@media screen and (max-width: 1432px) {
  .top-header .container {
    padding-left: 0;
  }
}

@media screen and (max-width: 1400px) {
  .main-card__info {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .main-card__aside {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
  }

  .main-card__sections {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }

  .personal-box--profile::after {
    width: 130px;
    height: 130px;
    background-size: 130px 130px;
  }

  .personal-box--rental::after {
    width: 130px;
    height: 130px;
    background-size: 130px 130px;
  }
}

@media screen and (max-width: 1200px) {
  .menu-header {
    gap: 18px;
  }

  .menu__list {
    gap: 10px 18px;
  }

  .main-header__body {
    padding-right: 0;
  }

  .contacts-header__item {
    padding-left: 15px;
  }

  .contacts-header__inner {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .actions-header {
    gap: 10px 12px;
  }

  .actions-header__item + .actions-header__item {
    padding-left: 12px;
  }

  .footer__links {
    padding: 10px 0 0 20px;
  }

  .menu-footer__list {
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px;
  }

  .products-wrapper {
    padding: 10px;
    margin: -10px;
  }

  .partions__body {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }

  .banner__image_left {
    top: 0;
    bottom: auto;
  }

  .banner__wrapper {
    padding: 44px 100px;
  }

  .catalog__wrapper {
    -ms-grid-columns: 250px 1fr;
    grid-template-columns: 250px 1fr;
    gap: 20px;
  }

  .products-catalog__cards {
    gap: 16px;
  }

  .products-catalog__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .products-catalog__cards.view-horizontal .card-product {
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
  }

  .products-catalog__cards.view-horizontal .card-product__image {
    height: 200px;
    width: 200px;
  }

  .products-catalog__cards.view-horizontal .card-product__info {
    padding: 0;
  }

  .products-catalog__cards.view-horizontal .card-product__notice {
    margin-bottom: 10px;
  }

  .products-catalog__cards.view-horizontal .card-product__description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .form-questionary__group.additionally-group .form-item:last-child {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .form-item {
    -ms-grid-column-span: 3;
    grid-column: span 3;
  }

  .form-item-dates {
    grid-column: 1/-1;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .form-item-dates .form-field + .form-field {
    margin-top: 16px;
  }

  .personal__body {
    grid-template-areas: "welcome welcome" "orders orders" "buy buy" "data data" "appeal appeal" "mailings mailings" "sale sale" "rental rental" "photo photo";
  }

  .personal__welcome {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--orders {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--buy {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--data {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--appeal {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--mailings {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--sale {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--photo {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }

  .personal-box--rental {
    -ms-grid-row: 8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@media screen and (max-width: 991.98px) {
  body {
    background-size: 100% auto;
    background-position: center 10px;
  }

  .main__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .main-aside {
    position: static;
  }

  .main-content .btn {
    width: 100%;
  }

  .search-header {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .menu-header {
    padding: 0;
    min-height: auto;
  }

  .menu-header.show .menu {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }

  .menu-header.show .close-btn {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
  }

  .menu-header__button {
    display: block;
  }

  .menu {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: rgb(30, 30, 30);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 40px 20px;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: -webkit-transform 0.2s linear 0s;
    transition: -webkit-transform 0.2s linear 0s;
    -o-transition: transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s;
    transition: transform 0.2s linear 0s, -webkit-transform 0.2s linear 0s;
  }

  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: 5px 10px;
  }

  .menu__item {
    width: 100%;
    text-align: center;
  }

  .menu__link {
    padding: 11px 0;
    font-size: 18px;
    width: 100%;
  }

  .menu__link::before {
    content: none;
  }

  .contacts-header__item_hours {
    display: none;
  }

  .footer__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0;
  }

  .footer__column {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .footer__links {
    padding: 10px 0 0;
    margin-left: auto;
  }

  .footer__left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .menu-footer {
    padding: 30px 0 13px;
  }

  .main-screen__content {
    background-size: auto 100%;
    padding: 38px 13px 15px;
    min-height: 200px;
  }

  .main-screen__info {
    max-width: 100%;
  }

  .offers .container {
    padding: 0 0 0 11px;
  }

  .banner__wrapper {
    padding: 100px 16px 8px;
    min-height: 200px;
  }

  .banner__info {
    max-width: 100%;
  }

  .banner__label {
    font-size: 30px;
    margin-bottom: 8px;
  }

  .banner__text {
    font-size: 40px;
  }

  .banner-telegram__body {
    padding: 11px 33px 16px;
    min-height: 245px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
  }

  .banner-telegram__text {
    font-size: 40px;
  }

  .main-card__wrapper {
    display: block;
    padding: 0;
  }

  .main-card__info {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    padding: 0;
    margin-bottom: 30px;
  }

  .main-card__aside {
    grid-column: none;
    position: static;
    margin-bottom: 30px;
  }

  .main-card__sections {
    grid-row: none;
  }

  .main-card__prices {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .main-card__favorites {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .card-slider {
    margin: 0 auto 20px;
  }

  .card-aside__body {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .catalog__sorting {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 23px 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
  }

  .catalog__wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }

  .catalog__aside {
    display: none;
  }

  .catalog__aside.show {
    display: -ms-grid;
    display: grid;
  }

  .catalog__articles {
    display: none;
  }

  .sorting-catalog__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px 25px;
  }

  .products-catalog__cards.view-horizontal .card-product {
    padding: 10px 10px 17px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 12px;
  }

  .products-catalog__cards.view-horizontal .card-product__header {
    padding: 0 0 22px;
  }

  .products-catalog__cards.view-horizontal .card-product__body {
    padding: 15px 0 0;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .products-catalog__cards.view-horizontal .card-product__favorites {
    top: 10px;
    right: 10px;
  }

  .products-catalog__cards.view-horizontal .card-product__prices {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .products-catalog__cards.view-horizontal .card-product__price {
    text-align: left;
  }

  .products-catalog__cards.view-horizontal .card-product__footer {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 9px;
  }

  .products-catalog__bottom {
    -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;
    gap: 20px;
  }

  .content-catalog {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 16px 0;
  }

  .content-catalog__description {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3/1/4/2;
  }

  .content-catalog__image-wrapper {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2/1/3/2;
  }

  .content-catalog__image {
    padding-bottom: 40%;
  }

  .vanilla-calendar {
    width: calc(100% - 22px);
  }

  .personal-box--profile::after {
    content: none;
  }

  .personal-box--rental::after {
    content: none;
  }
}

@media screen and (max-width: 767.98px) {
  .main {
    padding-bottom: 20px;
  }

  .slider-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
  }

  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }

  .slider-controls {
    display: none;
  }

  .slider-button {
    display: none;
  }

  .heading {
    margin-bottom: 16px;
  }

  .heading__title {
    font-size: 20px;
  }

  .btn {
    width: 160px;
    min-height: 40px;
    padding: 10px;
    -webkit-box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.2) inset;
    border-radius: 5px;
    font-size: 14px;
  }

  .btn-show {
    font-size: 12px;
  }

  .main-aside__link {
    font-size: 16px;
    padding: 8px 12px;
    min-height: 40px;
  }

  .top-header {
    min-height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .top-header__actions {
    height: 40px;
  }

  .catalog-header__button {
    min-height: 40px;
    padding: 10px 26px 10px 12px;
    font-size: 12px;
  }

  .catalog-header__button::before {
    width: 10px;
    height: 10px;
  }

  .search-header__input {
    padding: 12px 40px 12px 24px;
  }

  .search-header__input::-webkit-input-placeholder {
    font-size: 12px;
  }

  .search-header__input::-moz-placeholder {
    font-size: 12px;
  }

  .search-header__input:-ms-input-placeholder {
    font-size: 12px;
  }

  .search-header__input::-ms-input-placeholder {
    font-size: 12px;
  }

  .search-header__input::placeholder {
    font-size: 12px;
  }

  .main-header__body {
    padding: 13px 0 16px;
  }

  .contacts-header {
    display: none;
  }

  .actions-header {
    gap: 9px;
  }

  .actions-header__item + .actions-header__item {
    padding-left: 8px;
  }

  .actions-header__item + .actions-header__item::before {
    height: 46px;
  }

  .actions-header__top {
    gap: 6px;
  }

  .actions-header__icon {
    width: 18px;
    height: 18px;
  }

  .actions-header__icon::before {
    height: 18px;
    width: 18px;
    -webkit-mask-size: 16px 16px;
    mask-size: 16px 16px;
  }

  .actions-header__link {
    gap: 5px;
    font-size: 10px;
    line-height: 120%;
  }

  .actions-header__count {
    min-width: 18px;
    max-width: 25px;
    font-size: 9px;
    height: 15px;
  }

  .actions-header__count::before,
  .actions-header__count::after {
    width: 6px;
  }

  .actions-header__count::before {
    background-image: url(/themes/photogora/css/../images/icons/cart-border-left-mob.svg);
  }

  .actions-header__count::after {
    background-image: url(/themes/photogora/css/../images/icons/cart-border-right-mob.svg);
  }

  .menu-catalog__body {
    padding: 17px 0 28px;
  }

  .menu-catalog__wrapper {
    -webkit-column-gap: 65px;
    -moz-column-gap: 65px;
    column-gap: 65px;
  }

  .footer {
    padding: 20px 0 30px;
  }

  .menu-footer__link {
    font-size: 16px;
  }

  .products-slider {
    display: none;
  }

  .products-wrapper .slider-button {
    display: none;
  }

  .products-body-tile {
    display: block;
  }

  .card-product__header {
    padding: 10px 25px 12px;
  }

  .card-product__body {
    padding: 10px 8px 10px;
  }

  .card-product__badge {
    padding: 5px 12px;
    width: 60px;
    height: 30px;
    font-size: 14px;
    top: 10px;
  }

  .card-product__favorites {
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    padding: 10px 9px;
  }

  .card-product__favorites::before {
    width: 17px;
    height: 17px;
    -webkit-mask-size: 17px 17px;
    mask-size: 17px 17px;
  }

  .card-product__image {
    height: 125px;
  }

  .card-product__article-number {
    font-size: 6px;
    margin-bottom: 6px;
  }

  .card-product__title {
    font-size: 12px;
    margin-bottom: 6px;
  }

  .card-product__values {
    gap: 3px 6px;
    margin-bottom: 3px;
  }

  .card-product__status {
    padding: 2px 4px;
    font-size: 7px;
    border-radius: 4px;
    border: 0.5px solid #659d5c;
  }

  .card-product__notice {
    font-size: 7px;
    margin-bottom: 3px;
  }

  .card-product__prices {
    gap: 3px 3px;
  }

  .card-product__sale {
    font-size: 7px;
  }

  .card-product__old-price {
    font-size: 10px;
  }

  .card-product__price {
    font-size: 18px;
  }

  .card-product__rating {
    gap: 9px;
  }

  .card-product__rating .rating__list {
    gap: 1.5px;
  }

  .card-product__rating .rating__item {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
  }

  .card-product__rating .rating__value {
    font-size: 9px;
    line-height: 1;
  }

  .image-switch__picture img {
    max-height: 100%;
  }

  .image-pagination {
    gap: 4px;
  }

  .image-pagination__item {
    width: 4px;
    height: 4px;
  }

  .breadcrumbs {
    padding: 16px 0;
  }

  .breadcrumbs__item + .breadcrumbs__item::before {
    height: 11px;
  }

  .pagination__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .main-screen {
    padding: 10px 0 8px;
  }

  .main-screen__title {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 3px;
  }

  .main-screen__subtitle {
    font-size: 26px;
  }

  .offers {
    padding: 8px 0 10px;
  }

  .offers__item {
    min-height: 206px;
    padding: 10px;
  }

  .offers__item_sale {
    background-size: 169px 150px;
  }

  .offers__item_special {
    background-size: 130px 120px;
  }

  .offers__item_sound {
    background-size: 100px 120px;
  }

  .offers__pagination {
    margin-top: 18px;
  }

  .item-offer__header {
    font-size: 15px;
  }

  .item-offer__text {
    font-size: 17px;
  }

  .partions {
    padding: 10px 0 10px;
  }

  .partions__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 16px;
  }

  .partions__body.show .item-partion:nth-child(n+9) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .partions__footer {
    display: block;
  }

  .item-partion {
    padding: 10px 10px 7px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.08);
    font-size: 12px;
  }

  .item-partion:nth-child(n+9) {
    display: none;
  }

  .item-partion__image {
    width: 90px;
    height: 80px;
    margin-bottom: 16px;
  }

  .item-partion__title {
    line-height: 120%;
  }

  .sales {
    padding: 10px 0 12px;
  }

  .sales__heading {
    max-width: 190px;
    margin: 0 auto 16px;
  }

  .banner {
    padding: 15px 0;
  }

  .banner__label {
    font-size: 20px;
  }

  .banner__text {
    font-size: 29px;
  }

  .advantages {
    padding: 10px 0 15px;
  }

  .advantages__heading {
    margin-bottom: 20px;
  }

  .advantages__description {
    font-size: 14px;
  }

  .advantages__description {
    margin-bottom: 42px;
  }

  .advantages__wrapper {
    padding: 0 10px;
    margin: 0 -10px;
  }

  .advantages__body {
    row-gap: 60px;
  }

  .item-advantages {
    gap: 24px 0;
  }

  .item-advantages__content {
    min-height: 42px;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .item-advantages__text {
    font-size: 12px;
  }

  .partners {
    padding: 15px 0 20px;
  }

  .partners__pagination {
    margin-top: 37px;
  }

  .partners__heading {
    margin-bottom: 37px;
  }

  .partners__wrapper {
    padding: 0;
    margin: 0 auto;
  }

  .item-partner__image {
    min-height: 35px;
  }

  .video-block {
    padding: 20px 0 15px;
  }

  .item-video {
    width: 326px;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
    transition: -webkit-box-shadow 0.2s ease 0s;
    -o-transition: box-shadow 0.2s ease 0s;
    transition: box-shadow 0.2s ease 0s;
    transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
  }

  .item-video.swiper-slide-active {
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
  }

  .item-video__content {
    padding: 15px 21px 15px 18px;
  }

  .item-video__description {
    font-size: 12px;
    max-width: 170px;
  }

  .item-video__info {
    gap: 17px;
  }

  .item-video__play {
    width: 46px;
    height: 46px;
    -webkit-filter: drop-shadow(0px 0px 18.5px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 18.5px rgba(0, 0, 0, 0.5));
  }

  .item-video__play::before {
    width: 46px;
    height: 46px;
    -webkit-mask-size: 46px 46px;
    mask-size: 46px 46px;
  }

  .info-video__item {
    gap: 4px;
  }

  .info-video__item::before {
    width: 14px;
    height: 14px;
    -webkit-mask-size: 12px 12px;
    mask-size: 12px 12px;
  }

  .info-video__item {
    font-size: 9px;
  }

  .banner-telegram {
    padding: 15px 0 20px;
  }

  .banner-telegram__text {
    font-size: 30px;
  }

  .main-card__wrapper {
    padding-top: 4px;
  }

  .main-card__sections {
    gap: 20px;
  }

  .main-card__section .heading {
    margin-bottom: 24px;
  }

  .main-card__content {
    font-size: 14px;
  }

  .main-card .play-button {
    width: 50px;
    height: 50px;
  }

  .main-card .play-button::before {
    width: 50px;
    height: 50px;
    -webkit-mask-size: 50px 50px;
    mask-size: 50px 50px;
  }

  .card-slider {
    display: block;
    height: 100%;
    max-width: 100%;
  }

  .thumbs-slider {
    display: none;
  }

  .main-slider__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .card-info {
    gap: 16px;
  }

  .card-info__title {
    font-size: 20px;
  }

  .card-aside {
    padding: 21px 25px 29px;
  }

  .reviews__items {
    gap: 30px 0;
  }

  .item-reviews__header {
    gap: 15px 23px;
  }

  .item-reviews__name {
    font-size: 16px;
  }

  .item-reviews__content {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .item-reviews__images {
    gap: 8px;
  }

  .item-reviews__image {
    width: 60px;
    height: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
  }

  .other-products {
    padding-bottom: 15px;
  }

  .similar-products {
    padding: 15px 0 10px;
  }

  .sorting-catalog .radiobutton-group {
    gap: 8px;
  }

  .sorting-catalog .radiobutton-group .custom-radio {
    min-height: 29px;
    padding: 6px 13px;
    font-size: 12px;
    border-radius: 40px;
    border-width: 1px;
  }

  .views-buttons {
    gap: 3px;
  }

  .views-button::before {
    width: 24px;
    height: 24px;
    -webkit-mask-size: 24px 24px;
    mask-size: 24px 24px;
  }

  .views-button_grid::before {
    -webkit-mask-image: url(/themes/photogora/css/../images/icons/btn-grid-mobile.svg);
    mask-image: url(/themes/photogora/css/../images/icons/btn-grid-mobile.svg);
  }

  .views-button_list::before {
    -webkit-mask-image: url(/themes/photogora/css/../images/icons/btn-list-mobile.svg);
    mask-image: url(/themes/photogora/css/../images/icons/btn-list-mobile.svg);
  }

  .products-catalog__cards.view-horizontal .card-product__header .image-pagination {
    gap: 8px;
  }

  .products-catalog__cards.view-horizontal .card-product__header .image-pagination__item {
    height: 8px;
    width: 8px;
  }

  .products-catalog__cards.view-horizontal .card-product__body {
    padding: 6px 0 0;
  }

  .products-catalog__cards.view-horizontal .card-product__image {
    width: 130px;
    height: 130px;
    border-radius: 10px;
  }

  .products-catalog__cards.view-horizontal .card-product__image img {
    max-height: 100%;
  }

  .products-catalog__cards.view-horizontal .card-product__article-number {
    font-size: 10px;
  }

  .products-catalog__cards.view-horizontal .card-product__title {
    font-size: 16px;
    margin-bottom: 7px;
  }

  .products-catalog__cards.view-horizontal .card-product__rating {
    gap: 17px;
  }

  .products-catalog__cards.view-horizontal .card-product__rating .rating__list {
    gap: 3px;
  }

  .products-catalog__cards.view-horizontal .card-product__rating .rating__item {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }

  .products-catalog__cards.view-horizontal .card-product__rating .rating__value {
    font-size: 14px;
  }

  .products-catalog__cards.view-horizontal .card-product__status {
    border-radius: 8px;
    font-size: 12px;
    padding: 5px 10px;
  }

  .products-catalog__cards.view-horizontal .card-product__values {
    gap: 8px 15px;
    display: none;
  }

  .products-catalog__cards.view-horizontal .card-product__notice {
    font-size: 12px;
    display: none;
  }

  .products-catalog__cards.view-horizontal .card-product__description {
    display: none;
  }

  .products-catalog__cards.view-horizontal .card-product__sale {
    font-size: 10px;
  }

  .products-catalog__cards.view-horizontal .card-product__old-price {
    font-size: 14px;
  }

  .products-catalog__cards.view-horizontal .card-product__price {
    font-size: 20px;
  }

  .products-catalog__cards.view-horizontal .card-product__btn {
    font-size: 14px;
    min-height: 37px;
  }

  .products-catalog__cards.view-horizontal .card-product__favorites {
    top: 0;
    right: 0;
  }

  .products-catalog__cards.view-horizontal .card-product__footer {
    padding: 0;
  }

  .content-catalog {
    padding: 24px 0 20px;
  }

  .content-catalog__description {
    font-size: 14px;
  }

  .content-catalog__image {
    padding-bottom: 70.652173913%;
  }

  .categories {
    padding: 20px 0 10px;
  }

  .categories .item-partion {
    min-height: 140px;
  }

  .categories__pagination {
    margin-top: 16px;
  }

  .form-questionary__groups {
    gap: 20px;
  }

  .form-questionary__group {
    gap: 20px;
  }

  .form-questionary__group.main-info-group .form-item,
  .form-questionary__group.person-group .form-item {
    grid-column: 1/-1;
  }

  .form-questionary__group.clients-group .form-item {
    grid-column: 1/-1;
  }

  .form-questionary__group.additionally-group .form-item:nth-child(2),
  .form-questionary__group.additionally-group .form-item:nth-child(3) {
    grid-column: 1/-1;
  }

  .form-questionary__group.additionally-group .form-item:last-child {
    grid-column: 1/-1;
  }

  .form-item {
    grid-column: 1/-1;
  }

  .form-item-dates .form-field + .form-field {
    margin-top: 12px;
  }

  .drop-boxes {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .personal-box__header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
    gap: 16px;
  }

  .personal-box__button {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .personal-box--data .personal-box__list-item > *:last-child {
    display: none;
  }

  .personal-box--mailings .personal-box__content {
    padding: 0;
  }

  .personal-box--profile {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .personal-box__content {
    padding: 0;
  }

  .personal-box__list-item > *:last-child {
    margin-left: 0;
  }

  .personal-box__list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .personal-box__list-item:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
  }

  .personal-slider {
    padding: 0;
  }
}

@media screen and (max-width: 576px) {
  .products-body-tile__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }

  .item-offer__header {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 389.98px) {
  .menu-footer__list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .products-body-tile__cards {
    gap: 8px;
  }

  .pagination__list {
    gap: 6px;
  }

  .pagination__link {
    width: 30px;
    height: 30px;
    font-size: 16px;
    padding: 3px;
  }

  .pagination__link_arrow::before {
    -webkit-mask-size: 15px 15px;
    mask-size: 15px 15px;
  }

  .partions__body {
    gap: 10px;
  }

  .products-catalog__cards {
    gap: 8px;
  }

  .products-catalog__cards.view-horizontal .card-product__image {
    width: 110px;
    height: 110px;
  }

  .products-catalog__cards.view-horizontal .card-product__btn {
    width: 100%;
    max-width: 100%;
  }
}

@media (any-hover: hover) {
  .slider-button:hover:not(.swiper-button-disabled) {
    background: rgba(75, 75, 75, 0.8);
  }

  .thumbs-slider .slider-button:hover:not(.swiper-button-disabled) {
    background: #cf3c35;
  }

  .btn-show:hover {
    border-bottom: 1px solid transparent;
  }

  .main-aside__link:hover {
    border-color: #cf3c35;
    color: #4b4b4b;
  }

  .main-aside__link:hover::before {
    background-color: #cf3c35;
  }

  .content a:hover {
    border-color: transparent;
  }

  .menu__link:hover {
    color: #ffffff;
  }

  .menu__link:hover::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  .contacts-header__phone:hover {
    color: #cf3c35;
  }

  .actions-header__link:hover {
    color: #cf3c35;
  }

  .menu-catalog__link:hover {
    color: #cf3c35;
  }

  .footer__link:hover {
    color: #ffffff;
  }

  .menu-footer__link:hover {
    color: #cf3c35;
  }

  .social-footer__link:hover::after,
  .social-footer__link:active::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .card-product__favorites:not(.active):hover::before {
    background-color: rgba(207, 60, 53, 0.5);
  }

  .breadcrumbs__link:hover {
    color: #cf3c35;
  }

  .pagination-arrow-prev:hover,
  .pagination-arrow-next:hover {
    background: rgba(75, 75, 75, 0.8);
  }

  .offers__item:hover {
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }

  .item-partion:hover .item-partion__title {
    color: #cf3c35;
  }

  .main-card__favorites:hover {
    color: #cf3c35;
  }

  .main-card__status:hover {
    background-color: #659d5c;
    color: #ffffff;
  }

  .views-button:hover::before {
    background-color: rgba(75, 75, 75, 0.5);
  }

  .custom-dropdown__btn:hover {
    cursor: pointer;
  }

  .select-list__item:hover {
    cursor: pointer;
  }

  .form-questionary__heading-action:hover {
    cursor: pointer;
  }

  .form-item-dates input:hover {
    cursor: pointer;
  }

  .form-field-arrow:hover {
    cursor: pointer;
  }

  .personal-box__button:hover {
    border-color: #4b4b4b;
  }

  .blue-link:hover {
    border-color: transparent;
  }
}

.webp body{ background-image: url(/themes/photogora/css/../images/wrapper-bg.webp); }

.webp .drop-box__icon{ background-image: url(/themes/photogora/css/../images/icons/camera.webp); }
.d-flex {
    display: flex!important;
}

.flex-column {
    flex-direction: column!important;
}

.d-block {
    display: block!important;
}

.d-inline-block {
    display: inline-block!important;
}


.no-display {
    display: none !important;
}

.justify-center {
    justify-content: center!important;
}

.justify-between {
    justify-content: space-between!important;
}

.ai-center {
    align-items: center!important;
}

.gap-10px {
    gap: 10px!important;
}

.w-100 {
    width: 100% !important;
}

.mt-15px {
    margin-top: 15px !important;
}

.mt-20px {
    margin-top: 20px !important;
}

.ml-30px {
    margin-left: 30px!important;
}

.mt-30px {
    margin-top: 30px !important;
}

.mb-10px {
    margin-bottom: 10px !important;
}

.mb-20px {
    margin-bottom: 20px !important;
}

.py-20px {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.text-center {
    text-align: center!important;
}


@media (max-width: 480px) {
    body {
        padding: 0px!important;
    }

    .actions-header__item._favourites {
        display: none;
    }

    .no-mobile {
        display: none!important;
    }

}

.row {
    display: flex!important;
    
    justify-content: space-between!important;
}

a {
    color: #4b4b4b;;
}


.__fotogora_latest_posts.img {
    flex: 0 0 75px;
}

.__fotogora_latest_posts img {
    width: 75px;
    height: 75px;
}

.heading__title._center {
    margin: 40px auto;
    text-align: center;
}

.heading__title._center::before {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}
.header__logo img {
    max-width: 214px;
}
.card-product__badge {
    width: auto;
}

.btn[disabled] {
    pointer-events: none;
    opacity: 0.5;
}

.filter-group .product-btn  {
    min-height: 18px;
    padding: 5px 15px;
    font-size: 12px;
    margin-top: 5px;
}

.filter-option-count {
    float: unset;
}

.filter-group__items {
    display: flex;
    justify-content: space-between;
}

.filter-group__item
.filter-price-details-input {
    max-width: 100px;
}

.filter-group__item:nth-child(2) input {
    text-align: right;
}

.sales .swiper-wrapper {
    padding: 15px 0!important;
}

.contacts-header__phones {
    background-size: contain;
}

.breadcrumbs__item a {
    color: #353434!important;
}

.breadcrumbs__item > span {
    color: #cf3c35;
}

.menu-catalog__wrapper {
    gap: 15px;
}

.form-questionary__group .form-item {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    background: #fff;
}

textarea.form-field,
select.form-control  {
    min-height: 56px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    padding-right: 50px;
    border-radius: 6px;
    background-color: #fff;
    border: 1.2px solid #b9b9b9;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    font-family: "Inter", sans-serif;
    color: #4b4b4b;
}

.citizenship-id-column {
    -ms-grid-column-span: 3 !important;
    grid-column: span 3!important;
}

.drop-box-item .file-preview  {
    height: 233px;
    width: 100%;
    position: relative;
    border: 1px dashed #b9b9b9;
    display: -ms-grid;
    display: grid;
    place-items: center;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    background: #e7e7e7;
    border-radius: 7px;
    color: #4b4b4b;
    gap: 9px;
    padding: 38px;
}

.drop-box-item  .file-drop-zone {
    border: unset;
    min-height: unset;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    border-radius: unset;
    text-align: center;
    vertical-align: middle;
    margin: unset;
    padding: unset;
    display: block;
    align-items: center;
    justify-content: center;
    position: relative;
}

.drop-box-item  .file-drop-zone-title {
    font-size: 16px;
    line-height: 120%;
    color: #4b4b4b;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.drop-box-item .file-drop-zone .file-preview-thumbnails {
    cursor: default;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.drop-box-item .file-drop-zone  .krajee-default.file-preview-frame {
    
    box-shadow: unset;
    border: 0;
    
    
    margin: 0;
    padding: unset;
}

.drop-box-item .krajee-default.file-preview-frame .kv-file-content {
    
    
    padding: 0;
}

.drop-box-item .file-footer-buttons {
    display: none;
}

.drop-box-item  .fileinput-remove {
    top: 5px;
    right: 4px;
    line-height: 15px;
    font-size: 18px;
    padding: 5px;
    border-radius: 100%;
}

.footer {
    margin-top: auto;
}

.card-product__footer .product-btn {
    margin: 10px auto 0;
    padding: 10px 15px;
    min-height: 34px;
}


#checkout-form-js .products-catalog__cards.view-horizontal .card-product__image,
.basket .products-catalog__cards.view-horizontal .card-product__image {
    width: 60px;
    height: 60px;
}

#checkout-form-js .products-catalog__cards.view-horizontal .card-product,
.basket .products-catalog__cards.view-horizontal .card-product {
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr
}

#checkout-form-js .products-catalog__cards.view-horizontal .card-product__header,
.basket .products-catalog__cards.view-horizontal .card-product__header {
    position: relative;
    padding: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

#checkout-form-js .products-catalog__cards.view-horizontal .card-product__title,
.basket .products-catalog__cards.view-horizontal .card-product__title {
    color: #353434;
}

#checkout-form-js .card-product__body,
.basket .card-product__body {
    -ms-grid-columns: 1fr 400px!important;
    grid-template-columns: 1fr 400px!important;

}

#checkout-form-js .card-product__footer,
.basket .card-product__footer {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    gap: 15px;
    -ms-flex-align: center!important;
    align-items: center!important;
}


.count-selector-container {
    display: flex;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 100px;
    border: 0;
    padding: 0;
}

.count-selector-button-minus {
    order: 0;
    margin: 0;
    margin-right: auto;
}

.count-selector-button-plus {
    order: 2;
    margin: 0;
    margin-left: auto;
}

.count-selector-button-input,
.gravex-count-input {
    order: 1;
    margin: 0 auto 4px;
    height: 100%;
    text-align: center;
    color: #cf3c35!important;
    height: 25px;
}


.close-icon {
    position: absolute;
}

.basket .gravex-cross-icon {
    position: absolute;
    z-index: 7;
    right: 4%;
    top: 50%;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

@media screen and (max-width: 730px) {
    .basket .gravex-cross-icon {
        right: 30px;
    }
}

.close-icon:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/../../themes/profi-fm/images/icons/close.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-color: #fff;
    background-position: center;
    border-radius: 100%;
    border: 1px solid #cf3c35;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
}

.actions-header {
    gap: 0;
    margin-left: auto;
}

.actions-header__link {
    background: transparent;
}

.application-status {
    margin-top: 15px;
    border-radius: 8px;
    background: #ffffff;
    color: #cf3c35;
    padding: 13px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}

.disabled-form select,
.disabled-form input,
.disabled-form textarea,
.disabled-form .drop-box-item .file-preview  {
    pointer-events: none;
    opacity: .3;
}

.rental-summary-table {
    margin-left: auto;
    width: 100%;
    max-width: 600px;
    margin-top: 10px;
    border-radius: 10px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-spacing: 0 10px;
}

.coming-soon-css {
    overflow: hidden;
    pointer-events: none;
    position: relative;
}
.coming-soon-css:before {
    content: "Ждет открытия";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    color: #000000;
    z-index: 10;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}

.personal-box__button {
    background: transparent;
}

.personal  .form-item input {
    min-height: 40px;
}

.menu__item {
    position: relative;
}

.menu__item._catalog:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-12px);
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/../../themes/profi-fm/images/catalog-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.menu__item._rent:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-12px);
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/../../themes/profi-fm/images/rent-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.menu__item._print:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 50%;
    transform: translateY(-12px);
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(/../../themes/profi-fm/images/print-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.page-content {
    line-height: 1.3;
}

.page-content li {
    margin-left: 17px;
}

.page-content a {
    color: #cf3c35;
    text-decoration: underline;
}

.offers__body-no-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.offers__body-no-slider .offers__item {
    max-width: 195px;
    margin-right: 7.5px;
}

.advantages__body {
    display: grid;
    -ms-grid-columns: repeat(6, 1fr);
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

@media (max-width: 991px) {
    .advantages__body {
        -ms-grid-columns: repeat(4, 1fr);
        grid-template-columns: repeat(4, 1fr);
    }
}


@media (max-width: 540px) {
    .advantages__body {
        -ms-grid-columns: repeat(3, 1fr);
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 360px) {
    .advantages__body {
        -ms-grid-columns: repeat(2, 1fr);
        grid-template-columns: repeat(2, 1fr);
    }
}

.profile .gravex-css-alert ,
.basket__grid .gravex-css-alert {
    margin-top: 15px;
}

.views-button {
    background: transparent;
}

.search-header__input {
    border: 0!important;
}

.profile-rents  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.profile-rents article {
    margin-bottom: 15px;
    margin-right: 10px;
    padding: 20px;
    width: calc(50% - 10px);
}

.profile-rents article h2 {
    margin-bottom: 15px;
}

.profile-rents .rent__items li {
    margin-bottom: 5px;
    list-style-type:  none;
}

.profile-rents .rent__items span {
    display: inline-block;
    width: 200px;
}

.profile-rents .contacts-header__button {
    margin-top: 15px;
}

.profile-rent-items {
    margin-bottom: 30px;
}

.profile-rent-items .products-catalog__cards.view-horizontal .card-product__body {
    -ms-grid-columns: 1fr 200px;
    grid-template-columns: 1fr 200px;
}

.signup .title-2 {
    text-align: center;
}

.main-screen__info {
    max-width: 760px;
}

.search-popup__price {
    color: #353434!important;
}

.main-aside__item:nth-child(7) .main-aside__link::before {
    -webkit-mask-image: url(/../../themes/profi-fm/images/rent-icon.svg);
    mask-image: url(/../../themes/profi-fm/images/rent-icon.svg);
    mask-size: 24px;
}

.personal__body {
    grid-template-areas:
        "welcome welcome"
        "data rental"
        "orders sale"
        "appeal sale"
        "mailings sale"
        "photo buy";
}

.avatar-form-css__wrapper {
    margin-bottom: 10px;
}


.password-container-for-eye-icon {
    position: relative;
}



.toggle-password  {
    background-image: url(/../../themes/profi-fm/images/eye-closed-icon.svg);
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    top: 50%;
    transform: translateY(-2px);
    right: 10px;
    cursor: pointer;
}

.toggle-password._active  {
    background-image: url(/../../themes/profi-fm/images/eye-opened-icon.svg);

}



.help-block {
    font-size: 12px;
    max-width: 80%;
    z-index: 10;
    line-height: 100%;
    text-align: end;
}

.contacts-page__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 50px 0;
    margin: 0 -20px;
}

.contacts-page__wrapper .main-content {
    max-width: 900px;
    margin: 0;
    max-width: 900px;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 50%;
    padding: 0 20px;
}


.contacts-page__wrapper .form-questionary__groups {
    display: flex;
}

.contacts-page__wrapper .form-questionary__group {
    width: 50%;
    display: flex;
    align-items: start;
    padding: 0 20px;
}

.contacts-page__wrapper .form-item {
    grid-column: unset;
}

.contacts-page__wrapper form {
    width: 100%;
}

.contacts-page__wrapper h1,
.contacts-page__wrapper h2 {
    font-size: 38px;
    margin-bottom: 35px;
    line-height: 120%;
    text-transform: uppercase;
}

.contacts-page__wrapper .form-questionary__group::before {
    content: unset;
}

.contacts-page__wrapper .btn {
    margin-top: 17px;
}


@media (max-width: 991px) {
    .contacts-page__wrapper .main-content {
        width: 100%;
        flex: 1 1 100%;
        margin-bottom: 80px;
    }

    .contacts-page__wrapper .form-questionary__group,
    .contacts-page__wrapper .form-questionary__group .form-item {
        width: 100%;
        flex: 1 0 100%;
        display: flex;
    }
}


@media (max-width: 490px) {
    .contacts-page__wrapper .form-questionary__groups {
        display: flex;
        flex-direction: column;
    }

    .contacts-page__wrapper .form-item {
        width: 100%;
    }
}

.gravex-css-alert {
    margin: 15px 0;
    display: block;
    border-radius: 6px;
}

.gravex-css-alert a {
    text-decoration: underline;
    color: #cf3c35;
}

.form-group.required label:after {
    
}


.basket__col {
    width: 100%;
    padding: 0 15px;

}

.basket__head {
    padding: 0px 15px 15px;
    margin: 0 -15px;
}

.basket__col__sidebar {
    
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

#sticky-sidebar-area {
    will-change: min-height;
}

.basket-table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 4px;
}

.filter__toggler {
    margin-bottom: 30px;
}

.content-toggler__head {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 20px;
    padding-bottom: 0;
    height: 45px;
    border-radius: 4px 4px 0 0;
}

.content-toggler__body {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none;
    background-color: #fbfbfb;
    display: block;
    border-radius: 0 0 4px 4px ;
}

.content-toggler__title {
    font-weight: 700;
    font-size: 13px;
    color: #777;
}

.basket-counter__row:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.basket-counter__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px;
}

.basket-counter__col {
    width: 50%;
    padding: 0;
}

.basket-counter__label {
    height: 42px !important;
    overflow: hidden !important;
}

.basket-counter__label {
    line-height: 1.4;
    font-size: 15px;
    font-weight: 300;
    color: #777;
}


.basket-counter__value {
    text-align: right;
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.basket-counter__total {
    text-align: right;
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.basket-counter__button:disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: not-allowed;
    background: #FFF;
    color: #cf3c35;
}

.basket-counter__button {
    width: 100%;
    margin-top: 15px;
    text-align: center;
    display: block;
    padding: 9.5px 18px;
    background: #cf3c35;
    color: #FFF;
}

.checkbox-form-group label {
    width: 100%;
    height: 38px;
    border-radius: 0;
    color: #777;
    display: inline-block;
}

#delivery_container {
    margin-top: 300px;
}

.delivery-tabs {
    display: flex;
    align-items: stretch;
    
    margin: 20px 0 0 0;
    box-sizing: border-box;
    line-height: 1.5;
    color: #cf3c35;
    text-align: left;
    background-color: #fff;
    font-weight: 500;
    font-size: 15px;
}

.delivery-tab.active {
    border: 2px solid #cf3c35;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    cursor: default;
    color: #cf3c35;
}

.delivery-tab {
    padding: 16px 20px 18px 20px;
    border-radius: 4px;
    border: 2px solid #EFF1F7;
    background-color: #EFF1F7;
    margin: 0 3px 8px 0;
    order: 0;
    cursor: pointer;
    vertical-align: top;
    height: 80px;
    display: inline-block;
    margin-bottom: .5rem;
    box-sizing: border-box;
    color: #777;
    flex-grow: 1;
    width: 33.33%;
}

.delivery-tab-content.active {
    display: block;
}

.delivery-tab-content {
    display: none;
}

.delivery-city-select {
    position: absolute;
    top: -230px;
    width: 100%;
}

.delivery-city-select:not(.title-3) {
    background: #fff;
}

.basket-box {
    padding-bottom: 15px;
}
.basket-box {
    background: #fff;
    border: 1px solid #ececec;
    padding: 30px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    margin-bottom: 10px;
}

.field-checkoutform-city_id {
    margin-bottom: 5px;
    margin-top: -2px;
}

.basket-box .input {
    width: 100%;
    height: 38px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    border-radius: 0;
    color: #777;
}

.basket-box .label {
    font-size: 14px;
    color: #777;
    margin-bottom: 5px;
    display: inline-block;
}

.delivery-tab-content-button.active {
    background-color: #fff !important;
    border-color: #cf3c35;
}
.delivery-tab-content-button {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    border: 2px solid #EFF1F7;
    background-color: #EFF1F7;
    padding: 20px 50px 20px 14px;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 4px;
    justify-content: space-between;
    position: relative;
}

.basket__grid {
    
}

.basket-table {
    border-collapse: collapse;
    width: 100%;
}
.basket-table tr:last-child td {
    border: none;
}
.basket-table tr td:first-child {
    padding-left: 0;
}
.basket-table thead tr td {
    font-size: 14px;
    color: #777;
    border-bottom: 1px solid #ddd;
}
.basket-table tr:last-child td {
    border: none;
}
.basket-table tr td:first-child {
    padding-left: 0;
}
.basket-table tbody tr td {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #777;
}
.basket-table tr td {
    padding: 10px;
}
.product-image {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100px;
    height: 70px;
}

.basket-table__cost {
    white-space: nowrap;
    font-size: 14px;
    color: #777;
}

.product-name a {
    text-decoration: none;
    font-weight: 400;
    line-height: 1;
    font-size: 14px;
    color: #353434;
    margin-top: 5px;
    display: block;
}

.gravex-cross-icon {
    color: #0090ff;
    font-size: 16px;
    line-height: 4px;
}
.btn-remove {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    color: #0090ff;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

#forpvz {
    margin-top: 15px;
}

.delivery-tab-content .delivery-price {
    font-size: 16px;
    width: 10%;
}

.delivery-tab-content .delivery-price-display {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.delivery-tab-content .delivery-price-display i {
    display: flex;
    width: 10px;
    height: 10px;
}

.main-aside__item {
    margin-bottom: 10px;
    list-style-type: none;
}

#checkout-form-js .products-catalog__cards.view-horizontal .card-product, .basket .products-catalog__cards.view-horizontal .card-product {
    -ms-grid-columns: 60px 1fr;
    grid-template-columns: 60px 1fr;
    padding-right: 0;
}


#checkout-form-js .products-catalog__cards.view-horizontal .card-product__title,
.basket .products-catalog__cards.view-horizontal .card-product__title {
    color: #353434;
    text-align: left;
}

.count-selector-button-plus, .count-selector-button-minus {
    margin-right: 6px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #666;
    line-height: 23px;
    margin-bottom: 4px;
    border: 1px solid #e6e6e6;
}





.filter-option-label {
    display: flex;
    align-items: center;
}

.filter-option-title {
    color: #4b4b4b;
}



.video__items {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(24%, 1fr));
    grid-gap: 15px;
}

.video__item {

}


.video__item img {
    border-radius: 10px;
    width: 100%;
    max-height: 235px;
}

.video__item-title {
    color: #4B4B4B;
    margin-top: 5px;
}

.gravex-css-slider-scroll-p15 .gravex-css-slider-scroll-item {
    padding: 7.5px !important;
}

.home-page .heading__title,
.advantages__heading {
    text-align: center;
}
.home-page .heading__title::before,
.advantages__heading .heading__title::before {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
}


.item-partner__image {
    width: 100%;
}

.item-partner__image img {
    width: 100%;
}

.product-list__item::marker,
.product-list__item li::marker {
    content: none;
}

.product-list__item ul {
    padding-left: 15px;
}

.product-list__item a {
    font-family: "Rubik", sans-serif;
    font-size: 16px;
    line-height: 110%;
    display: inline-block;
    margin-bottom: 9px;
    color: #4b4b4b;
}

.product-list__link.active,
.product-list__item a.active {
    font-weight: 500;
}

.brands .item-partion:nth-child(n+9) {
    display: block!important;
}

.brands .item-partion .item-partion__image {
    width: 100%;
}
.brands .item-partion img {
    object-fit: contain;
    width: 100%;
}

.page .main__inner {
    grid-template-columns: 1fr;
}

.swiper-horizontal .card-product__prices ,
.products-catalog__cards:not(.view-horizontal) .card-product__prices {
    height: 60px;
}

@media screen and (max-width: 767.98px) {
    .products-catalog__cards:not(.view-horizontal) .card-product__prices {
        height: 40px;
    }
}


.breadcrumbs .container {
    padding: 0;
}

.offers__body-no-slider .offers__item  {
    width: 100%;
}

.delivery-tab-content-button::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    box-shadow: 0 0 2px #D5D5D5;
    border-radius: 100%;
    margin: 0;
}

.delivery-tab-content-button.active::before {
    box-shadow: inset 0 0 0 6px #cf3c35;
}

.rating__list li {
    background-repeat: no-repeat;
}

.rating__list.r-1_0 li:nth-child(-n+1) {
    background-image: url(/../../../themes/photogora/images/icons/star.svg) !important;
}

.rating__list.r-1_5 li:nth-child(-n+1),
.rating__list.r-2_0 li:nth-child(-n+2) {
    background-image: url(/../../../themes/photogora/images/icons/star.svg) !important;
}

.rating__list.r-2_5 li:nth-child(-n+2),
.rating__list.r-3_0 li:nth-child(-n+3) {
    background-image: url(/../../../themes/photogora/images/icons/star.svg) !important;
}

.rating__list.r-3_5 li:nth-child(-n+3),
.rating__list.r-4_0 li:nth-child(-n+4) {
    background-image: url(/../../../themes/photogora/images/icons/star.svg) !important;
}
.rating__list.r-4_5 li:nth-child(-n+4),
.rating__list.r-5_0 li:nth-child(-n+5) {
    background-image: url(/../../../themes/photogora/images/icons/star.svg) !important;
}


.rating__list.r-4_5 li:nth-child(-n+4),
.rating__list.r-5_0 li:nth-child(-n+5) {
    background-image: url(/themes/photogora/../../custom/photogora/css/../images/icons/star.svg);
    background-repeat: no-repeat;
}

.rating__list.r-1_5 li:nth-child(2) {background-image: url(/../../themes/photogora/images/icons/star-h.svg);}
.rating__list.r-2_5 li:nth-child(3) {background-image: url(/../../themes/photogora/images/icons/star-h.svg);}
.rating__list.r-3_5 li:nth-child(4) {background-image: url(/../../themes/photogora/images/icons/star-h.svg);}
.rating__list.r-4_5 li:nth-child(5) {background-image: url(/../../themes/photogora/images/icons/star-h.svg);}

.heading.categories__heading {
    text-align: left;
    margin-bottom: 25px;
}

.heading.categories__heading .heading__title::before {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.card-product__status {
    flex-direction: column;
}
.card-product__status._empty {
    color: #9b9b9b;
    border-color: #9b9b9b;
}

.card-product__status ._empty {
    color: #9b9b9b;
}

.search-header {
    flex: 0 0 60%;
}


.favorites-btn.gravex-active::before {
    background-color: #cf3c35;
    -webkit-mask-image: url(/../../themes/photogora/images/icons/favorites-active.svg);
    mask-image: url(/../../themes/photogora/images/icons/favorites-active.svg);
}

.free-delivery {
    background-image: url(/themes/photogora/../../custom/photogora/css/../images/icons/delivery-svg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: center;
    width: 44px;
    height: 44px;
    display: block;
}

.filter-attribute-ul {
    overflow: unset;
}

[class$="-color-tooltip"] {
    position: relative;
}
[class$="-color-tooltip"]:hover:before {
    content: '';
    position: absolute;
    left: -25px;
    top: 3px;
    background: #f5f5dc;
    width: 18px;
    height: 18px;
    border: 1px solid #eee;
    display: block;
    z-index: 10;
}

._293133-color-tooltip:hover:before {background: #293133 }
._f5f5dc-color-tooltip:hover:before {background: #f5f5dc}
._ffffff-color-tooltip:hover:before {background: #ffffff}
._9b2d30-color-tooltip:hover:before {background: #b2d30}
._42aaff-color-tooltip:hover:before {background: #42aaff}
._ffff00-color-tooltip:hover:before {background: #ffff00}
._008000-color-tooltip:hover:before {background: #008000}
._eee8aa-color-tooltip:hover:before {background: #eee8aa}
._ffd700-color-tooltip:hover:before {background: #ffd700}
._964b00-color-tooltip:hover:before {background: #964b00}
._cc0000-color-tooltip:hover:before {background: #cc0000}
._dc143c-color-tooltip:hover:before {background: #dc143c}
._808000-color-tooltip:hover:before {background: #808000}
._ffa500-color-tooltip:hover:before {background: #ffa500}
._0xFFFF-color-tooltip:hover:before {background: #0xFFFF}
._ffc0cb-color-tooltip:hover:before {background: #ffc0cb}
._c0c0c0-color-tooltip:hover:before {background: #c0c0c0}
._293133-color-tooltip:hover:before {background: #293133}
._808080-color-tooltip:hover:before {background: #808080}
._0000ff-color-tooltip:hover:before {background: #0000ff}
._8b00ff-color-tooltip:hover:before {background: #8b00ff}
._78866b-color-tooltip:hover:before {background: #78866b}
._000000-color-tooltip:hover:before {background: #000000}

.card-product__btn {
    display: unset;
}

.filter-price-details-input {
    background-color: #f4f4f4;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 110%;
    min-height: 32px;
    padding: 5px 10px;
    width: 100%;
}

.article__content ul {
    list-style-type: none;
}

.gtext-content {
    line-height: 150% !important;
}

.gravex-css-ellipses-2 {
    height: 35px;
}

@media screen and (max-width: 640px) {
    .gravex-css-ellipses-2 {
        height: unset;
    }
    .swiper-horizontal .card-product__prices
    
    {
        height: unset;
    }
}

.count-selector-button-plus:hover, .count-selector-button-minus:hover {
    background-color: #f8d7da;
    color: #4b4b4b;
}

.products-catalog__cards.view-horizontal .card-product__title {
    height: unset;
}

.custom-radio._active {
    border: 2px solid #4b4b4b;
    color: #4b4b4b;
}

.city-search-input {
    position: relative;
}
.city-search-input::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-23px);
    -ms-transform: translateY(-23px);
    transform: translateY(-23px);
    right: 11px;
    background-image: url(/themes/photogora/css/../images/icons/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    z-index: 5;
}

.gravex-popover-container {
    display: none;
    background-color: #fff;
    box-shadow: 0 9px 24px rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    max-width: 200px;
    right: 50px;
    margin: auto;
    padding: 10px;
}

@media screen and (max-width: 1200px) and (min-width: 991.98px) {
    .catalog__wrapper {
        grid-template-columns: 330px 1fr;
    }
}

.sorting-catalog__btn.sorting-catalog__btn_sort {
    display: none;
}

.catalog__wrapper {
    border-bottom: 0;
}

.catalog__content.content-catalog {
    grid-template-columns: 1fr;
    border-top: 1px solid #b9b9b9;
}

@media screen and (max-width: 992px) {
    .top-header__menu .menu__item {
        width: auto;
    }
}

.gravex-modal__wrapper {
    border-top: 0!important;
}

#callback_modal .form-questionary__group {
    padding: 0;
}

#callback_modal .form-questionary__group::before {
    content: none;
}

.basket-box .checkout-form-js .input {
    margin-bottom: 10px;
}


.archive-links__wrapper {
    display: block;
    text-align: end;
    padding: 10px 0;
}

.archive-links__item {
    color: #cf3c35;
    text-decoration: underline;
}

.basket .catalog__aside {

    margin-left: 20px;
    display: block;
    width: calc(100% - 20px);
}

.catalog__aside  {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px;
}



.promo-form {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
    font-family: sans-serif;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.promo-form__header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.promo-form__icon {
    font-size: 1.2em;
    margin-right: 8px;
    color: #333;
}

.promo-form__title {
    font-size: 1.2em;
    margin: 0;
    flex-grow: 1;
}

.promo-form__expand-button {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #ffdd00;
}

.promo-form__expand-button svg {
    width: 1em;
    height: 1em;
}

.promo-form__test-mode {
    font-size: 0.8em;
    color: #777;
    margin-bottom: 15px;
}

.promo-form__input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.promo-form__input {
    flex-grow: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px 0 0 3px;
    font-size: 1em;
}

.promo-form__apply-button {
    padding: 10px 15px;
    font-size: 1em;
    cursor: pointer;
}

.promo-form__apply-button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.promo-form__apply-button:hover {
    background-color: #ddd;
}



.content-toggler__head,
.content-toggler__body {
    background: #fff;
    border: 0;
}

.basket-table {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.content-toggler__head {
    border-radius: 10px 10px 0 0;
    height: unset;
}

.content-toggler__body {
    border-radius: 0 0 10px 10px;
}

.content-toggler__title {
    font-size: 1.2em;
    margin: 0;
    color: #4b4b4b;
    flex-grow: 1;
    border-bottom: 1px solid #ddd;
    padding-bottom: 25px;
    padding-top: 10px;
}

.product-btn._checkout {
    width: 100%;
}
.basket ._item-gifts {
    margin-bottom: 30px;
}
.basket ._item-gifts .card-product__body {
    -ms-grid-columns: 100px 1fr  !important;
    grid-template-columns: 100px 1fr  !important;
}

.basket ._item-gifts .card-product__footer {
    flex-direction: column!important;
    align-items: start!important;
    justify-content: center!important;
}



.custom-radio-style label {
    display: flex; 
    align-items: center; 
    cursor: pointer; 
    font-size: 16px; 
    color: #333; 
}

.custom-radio-style input[type="radio"] {
    appearance: none; 
    width: 20px;
    height: 20px;
    border: 2px solid #555;
    border-radius: 50%; 
    background-color: #fff;
    margin-right: 10px; 
    outline: none; 
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-radio-style input[type="radio"]::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #4c3933; 
    border-radius: 50%; 
    transform: scale(0);
    transition: transform 0.2s ease-in-out;
}

.custom-radio-style input[type="radio"]:checked::before {
    transform: scale(1);
}





.checkbox-form-group.field-checkoutform-create_account {
    margin-top: 20px !important; 
    margin-bottom: 10px !important; 
}

.custom-checkbox-style label {
    display: flex; 
    align-items: center; 
    cursor: pointer; 
    font-size: 16px; 
    color: #333; 
}

.custom-checkbox-style input[type="checkbox"] {
    appearance: none; 
    width: 20px;
    height: 20px;
    border: 2px solid #555;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 10px; 
    outline: none; 
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-checkbox-style input[type="checkbox"]::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #4c3933; 
    border-radius: 2px;
    transform: scale(0);
}

.custom-checkbox-style input[type="checkbox"]:checked::before {
    transform: scale(1);
}


.basket .products-catalog__cards.view-horizontal .card-product__footer {
    padding-top: 0;
    display: flex;
    justify-content: space-around;
}

.checkout-form__label {
    margin-top: 15px;
}

.checkout__transport-company-info {
    margin: 10px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #353434;
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.select2-container--krajee-bs3 .select2-results__option.select2-results__option--selected,
.select2-container--krajee-bs3 .select2-results__option[aria-selected="true"] {
    color: #fff;
    background-color: #7e574b;
}

.select2-container--krajee-bs3 .select2-results__option--highlighted[aria-selected] {
    background-color: #4c3933;
    color: #fff;
}

.has-success .select2-container--open .select2-selection, .has-success .select2-container--krajee-bs3.select2-container--focus .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
    border-color: #4c3933;
    border-bottom-color: #4c3933;
}

.has-success.select2-container--krajee-bs3 .select2-dropdown, .has-success .select2-container--krajee-bs3 .select2-selection,
.select2-container--krajee-bs3 .select2-dropdown  {
    border-color: #4c3933;
}

.select2-container--krajee-bs3.select2-container--open .select2-selection, .select2-container--krajee-bs3 .select2-selection:focus {
    border-color: #4c3933;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
}

.select2-container--krajee-bs3 .select2-selection {
    border-color: #4c3933;
}



.select2-container--default .select2-results__option.select2-results__option--selected,
.select2-container--default .select2-results__option[aria-selected="true"] {
    color: #fff;
    background-color: #7e574b;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #4c3933;
    color: #fff;
}

.has-success .select2-container--open .select2-selection, .has-success .select2-container--default.select2-container--focus .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
    border-color: #4c3933;
    border-bottom-color: #4c3933;
}

.has-success.select2-container--default .select2-dropdown, .has-success .select2-container--default .select2-selection,
.select2-container--default .select2-dropdown  {
    border-color: #4c3933;
}

.select2-container--default.select2-container--open .select2-selection, .select2-container--default .select2-selection:focus {
    border-color: #4c3933;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #4c3933;
}

.select2-container--default .select2-selection {
    border-color: #4c3933;
}
.select2-container--default .select2-selection--single {
    height: 34px;
    line-height: 1.428571429;
    padding: 6px 24px 6px 12px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
}


.basket .basket-box select.input {
    border-color: #4c3933;
    border-radius: 4px;
    background: #fff;
}

.basket .products-catalog__cards {
    gap: 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    overflow: hidden;
}

.basket .products-catalog__cards.view-horizontal .card-product {
    padding: 5px 30px 5px 30px;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.basket .products-catalog__cards.view-horizontal .card-product:first-child::after {
    content: none;
}

.basket .products-catalog__cards.view-horizontal .card-product::after {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    margin: 0 auto;
    height: 1px;
    left: 30px;
    background: #eee;
}

.basket .products-catalog__cards.view-horizontal .card-product.selected {
    background: #eee;
}


.basket .input-group-append {
    display: flex;
}

.basket .file-input .fileinput-cancel-button {
    display: none;
}
.basket .file-input .btn-file {
    max-width: 110px;
    min-height: 20px;
    padding: 7px 7px;
    font-size: 14px;
}
.file-preview-image.kv-preview-data {
    width: 150px;
    height: 150px;
    display: block;
}

.file-error-message pre {
    margin: 5px 0;
    max-width: 300px;
    max-height: 50px;
}

#kvFileinputModal {
    display: none;
}

@media screen and (max-width: 991.98px) {
    .basket .catalog__aside {
        width: 100%;
        margin-left: 0;
    }
}
.order-tovar .basket-box {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin-bottom: 30px;
}

.promocode-value-css {
    color: #7e574b;
    font-weight: 700;
}

.transport-company-list {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.product-btn._checkout[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.basket .drop-box-item .file-preview {
    padding: 20px;
}

.basket .file-preview-frame .kv-file-content {
    width: 100px;
    height: 100px;
}


.basket .has-error .help-block {
    top: 12px;
}

.sticky-sidebar-inner-content .filter__toggler {
    margin-bottom: 30px;
}

.basket-box  .has-error.input {

}

form .has-error input {
    border-color: #eb340a!important;
}

.basket form .required label:after
{
    
    
}

.gravex-css-alert-info {
    background-color: #7e574b;
    color: #fff;
}

.order-gift-title__wrapper {
    display: flex;
}


.question-icon {
    background-image: url(/themes/photogora/../../custom/photogora/css/../images/icons/question-mark.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
    background-position: center;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 100%;
}

.order-gift-title__wrapper {
    position: relative;
}

.order-gift-title__popover {
    display: flex;
    align-content: end;
}

.order-gift-title__popover .gravex-popover-trigger {
    margin-top: auto;
    margin-bottom: 11px;
    margin-left: 10px;
}

.order-gift-title__wrapper .gravex-popover-container {
    max-width: 700px;
    width: 100%;
    right: 75px;
    top: -25px;
    cursor: pointer;
    z-index: 10;
}

@media screen and (max-width: 780px) {
    .order-gift-title__wrapper .gravex-popover-container {
        top: -40px;
        right: 0;
    }

    .basket .card-product__body {
        grid-template-columns: 1fr 1fr !important;
    }
    .basket .products-catalog__cards.view-horizontal .card-product__footer {
        display: flex;
        flex-direction: column !important;
        justify-content: space-between;
    }
}

.contacts-header__button {
    width: 190px;
}

.actions-header__icon::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#a8a8a8));
    background: -o-linear-gradient(top, #b9b9b9 0%, #a8a8a8 100%);
    background: linear-gradient(180deg, #b9b9b9 0%, #a8a8a8 100%);
}

.actions-header__link:hover .actions-header__icon::before ,
._active.actions-header__icon::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6760), to(#cf3c35));
    background: -o-linear-gradient(top, #ff6760 0%, #cf3c35 100%);
    background: linear-gradient(180deg, #ff6760 0%, #cf3c35 100%);
}

.separator {
    border-top: 1px solid #cfcfcf;
    margin: 20px auto;
    width: 90%;
}

.card-info__article a img,
.item-partner__image img {
    object-fit: contain;
}

.filter-group__name {
    margin-bottom: 0;
}

.notification-banner {
    background: #4c3933;
}

.product-btn._checkout {
    margin-top: 15px;
}

#cart_modal .basket .products-catalog__cards {
    -webkit-box-shadow:unset;
    box-shadow: unset;
    border-radius: 0;
    overflow: unset;
    padding: 0;
}

#cart_modal .gravex-modal__body {
    padding: 20px;
}
@media screen and (max-width: 780px) {

    #cart_modal .basket .products-catalog__cards.view-horizontal .card-product {
        padding-left: 10px;
    }

}

body._scroll-hidden {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.overlay._active {
    background: #000;
    opacity: 0.6;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    display: block;
}

#filter-btn {
    z-index: 15;
}


.catalog__aside.show {
    z-index: 15;
    width: calc(100% - 22px) ;
    
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    
    display: flex;
    flex-direction: column;
    position: relative;
    position: fixed!important;
    top: 2%;
    height: 90vh;
}

._scroll-hidden .catalog__wrapper {

}

.gsidebar-filter-opened .catalog__filter {
    height: 100%;
}

.gsidebar-filter-opened .catalog__filter {
    border-radius: 0;
}

.catalog__aside.show .catalog__filter {
    width: 100%;
    max-height: 100%;
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.drop-boxes._user_requisites_files .btn-file {
    width: 100%;
}

.sidebar-toggle svg {
    stroke: #222529;
    fill: #fff;
    width: 28px;
}

.gcolumn-center-flex {
    flex-direction: column;
}

.gcolumn-left-flex {
    margin-right: 30px;
}

.gsidebar-left {
    overflow: unset;
}

.gsidebar-filter {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.catalog .gsidebar-filter-open {
    display: flex;
    align-items: center;
    color: #4b4b4b;
}

.gsidebar-filter-opened {
    overflow: hidden;
}

.gravex-modal__header {
    background: #4c3933;
    color: #fff;
}

.contacts-header__phones {
    background-image: unset;
    padding-left: 0;
}

.contacts-header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7px;
    padding-left: 33px;
    background-image: url(/themes/photogora/css/../images/icons/phone-signal.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

.transport-company-list label input {
    float: left;
}

.transport-company-title-span {
    font-size: 20px;
}

.transport-company-list label {
    font-size: 20px;
    display: block;

    
}


.transport-company-title {
    
    padding-left: 30px;
    font-size: 16px!important;
    padding-bottom: 5px;
}

.card-product__values [class^="live-rating-"],
.card-product__values .is-rating-voted-text {
    display: none;
}

.jq-star-svg  [class^="svg-active-"] {
    fill: gold!important;
}

._is_rating_voted .jq-star  {
    cursor: unset;
}

.gravex-modal__header {
    padding: 25px 0 15px;
}

.main-card__content p {
    margin-bottom: 10px;
}

.cart-item-quantity-selector {
    margin: 0 auto;
}


.buy-button-container {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    margin-top: 10px;
    gap: 10px;
}

.buy-button-container .product-btn {
    font-size: 14px;
    min-height: 42px;
    margin: 0;
}

.buy-button-container .count-selector-container {
    width: 100%;
}


.buy-button-container .count-selector-button-input, .gravex-count-input {
    margin: 0 auto;
}

.buy-button-container .count-selector-button-plus,
.buy-button-container .count-selector-button-minus {
    margin: 0;
    height: 42px;
    width: 30px;
    border-radius: 7px;
    line-height: 42px;
}



.payment-intro {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.payment-options {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px; 
}


.payment-options__cards-wrapper {
    display: flex;
    flex-wrap: wrap; 
    gap: 30px; 
    justify-content: space-between; 
}

.payment-options__block {
    flex: 1;
    min-width: 300px;
    max-width: 690px;
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.payment-options__card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); 
    padding: 30px;
    flex: 1; 
    min-width: 300px; 
    max-width: 690px; 
}


.payment-options__card-icon {
    width: 60px; 
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px; 
}

.payment-options__card-icon svg {
    color: #FF5C5C; 
    width: 40px; 
    height: 40px;
}


.payment-options__card h3 {
    font-size: 20px;
    font-weight: 600; 
    color: #333;
    margin-bottom: 20px; 
}


.payment-options__card ul {
    margin-bottom: 0; 
}


.payment-options__card li {
    font-size: 15px;
    line-height: 1.5;
    color: #555;
    position: relative;
    padding-left: 20px; 
    margin-bottom: 10px; 
    list-style: none;
    margin-left: 10px!important;
}

.payment-options__card li:last-child {
    margin-bottom: 0; 
}


.payment-options__card li::before {
    content: '•'; 
    color: #FF5C5C; 
    position: absolute;
    left: 0;
    font-size: 1.2em; 
    line-height: 1.5; 
    top: 12px;
    transform: translateY(-50%);
}


.payment-options__note {
    background-color: #FFF3E5; 
    border-radius: 10px;
    padding: 30px;
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); 
}



@media (max-width: 768px) {
    .payment-options__cards-wrapper {
        flex-direction: column; 
        align-items: center; 
    }

    .payment-options__card {
        max-width: 100%; 
    }

    .payment-options__card h3 {
        font-size: 18px;
    }

    .payment-options__card li {
        font-size: 14px;
    }

    .payment-options__note {
        font-size: 13px;
        padding: 25px;
    }
}

@media (max-width: 480px) {
    body {
        padding: 20px 15px;
    }
    .payment-options__card,
    .payment-options__note {
        padding: 20px;
    }
    .payment-options__card-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }
    .payment-options__card-icon svg {
        width: 30px;
        height: 30px;
    }
    .payment-options__card h3 {
        margin-bottom: 15px;
    }
    .payment-options__card li {
        margin-bottom: 8px;
    }
}

.delivery {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    padding: 30px;
    display: flex;
    flex-direction: column;
}


.delivery__header {
    display: flex;
    align-items: center;
    gap: 15px; 
    margin-bottom: 10px; 
}


.delivery__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; 
}

.delivery__icon svg {
    color: #FF5C5C; 
    width: 40px;
    height: 40px;
}


.delivery h2 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
}


.delivery__description {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px; 
}


.delivery__section {
    padding-bottom: 5px; 
}


.delivery h4 {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    margin-bottom: 10px;
}


.delivery a {
    color: #FF5C5C; 
    text-decoration: underline;
    position: relative;
    padding-left: 20px;
    margin-left: 5px;
}

.delivery a::before {
    content: '•';
    color: #FF5C5C;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    line-height: 1.6;
}

.delivery a:hover {
    text-decoration: none;
}


.delivery p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
}


.delivery ul {
    margin-top: 10px; 
}


.delivery li {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    position: relative;
    padding-left: 20px; 
    margin-bottom: 8px; 
    list-style: none;
    margin-left: 10px!important;
}

.delivery li:last-child {
    margin-bottom: 0;
}


.delivery li::before {
    content: '•';
    color: #FF5C5C;
    position: absolute;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
    font-size: 1.2em;
    line-height: 1.6;
}


.delivery__info-note {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin-top: 10px; 
}


.delivery__gallery {
    display: flex;
    flex-wrap: wrap; 
    gap: 15px; 
    justify-content: center; 
    margin-top: 20px;
}


.delivery__gallery-item {

    border-radius: 8px;
    overflow: hidden; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); 
}

.delivery__gallery-item img {
    width: 100%;
    flex: 1 1 325px;
    max-width: 325px;
    height: auto;
    display: block; 
}




@media (max-width: 768px) {
    .delivery {
        padding: 20px;
        gap: 15px;
    }

    .delivery__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 5px;
    }

    .delivery h2 {
        font-size: 24px;
    }

    .delivery__description,
    .delivery p,
    .delivery li {
        font-size: 14px;
    }

    .delivery h4 {
        font-size: 15px;
    }

    .delivery__info-note {
        font-size: 13px;
        padding: 15px;
    }

    .delivery__gallery {
        flex-direction: column; 
        align-items: center;
        gap: 10px;
    }
    .delivery__gallery-item {
        max-width: 100%; 
    }
}

@media (max-width: 480px) {
    body {
        padding: 15px;
    }
    .delivery {
        padding: 15px;
    }
    .delivery__icon {
        width: 50px;
        height: 50px;
    }
    .delivery__icon svg {
        width: 35px;
        height: 35px;
    }
    .delivery h2 {
        font-size: 20px;
    }
    .delivery__description,
    .delivery p,
    .delivery li,
    .delivery__info-note {
        font-size: 13px;
    }
}




.delivery-page {
    max-width: 1200px; 
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px; 
}


.delivery-page__header {
    text-align: center;
    margin-bottom: 20px; 
}


.delivery-page__title {
    font-size: 32px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px; 
    line-height: 1.2;
}


.delivery-page__title-underline {
    width: 60px; 
    height: 3px;
    background-color: #FF5C5C; 
    margin: 0 auto; 
    border-radius: 2px;
}


.delivery-page__content {
    display: flex;
    flex-wrap: wrap; 
    gap: 30px; 
    justify-content: center; 
}


.delivery-page__column {
    display: flex;
    flex-direction: column;
    gap: 30px; 
    flex: 1; 
    min-width: 300px; 
}



.delivery-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    padding: 30px;
    height: 100%; 
    display: flex;
    flex-direction: column; 
}


.delivery-card__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.delivery-card__icon svg {
    color: #FF5C5C;
    width: 40px;
    height: 40px;
}


.delivery-card h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.3;
}


.delivery-card p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}

.delivery-card p:last-child {
    margin-bottom: 0; 
}







.attention-note {
    background-color: #FFF3E5; 
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    
}


.attention-note h3 {
    font-size: 18px;
    font-weight: 600;
    color: #E25C00; 
    margin-bottom: 15px;
}


.attention-note p {
    font-size: 14px;
    line-height: 1.6;
    color: #8D5600; 
}



@media (max-width: 1024px) {
    .delivery-page__content {
        flex-direction: column; 
        align-items: center; 
    }

    .delivery-page__column {
        max-width: 100%; 
    }

    .delivery-card {
        height: auto; 
    }
}

@media (max-width: 768px) {
    .delivery-page {
        padding: 20px;
        gap: 20px;
    }

    .delivery-page__title {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .delivery-card {
        padding: 25px;
    }

    .delivery-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }
    .delivery-card__icon svg {
        width: 35px;
        height: 35px;
    }

    .delivery-card h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .delivery-card p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .attention-note {
        padding: 25px;
    }
    .attention-note h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .attention-note p {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .delivery-page {
        gap: 15px;
    }
    .delivery-page__title {
        font-size: 24px;
    }
    .delivery-card,
    .attention-note {
        padding: 20px;
    }
}



.promo-features {
    width: 100%;
}


.promo-features__cards-wrapper {
    display: flex;
    flex-wrap: wrap; 
    gap: 30px; 
    justify-content: space-between; 
}



.feature-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    padding: 30px;
    flex: 1; 
    min-width: 300px; 
    max-width: 450px; 
    display: flex;
    flex-direction: column; 
}


.feature-card__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    flex-shrink: 0;
}

.feature-card__icon svg {
    color: #FF5C5C; 
    width: 40px;
    height: 40px;
}


.feature-card h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px; 
    line-height: 1.3;
}


.feature-card__line {
    width: 40px; 
    height: 2px;
    background-color: #FF5C5C; 
    margin-bottom: 20px; 
    border-radius: 1px;
}


.feature-card ul {
    margin-bottom: 20px; 
}


.eature-card li {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    position: relative;
    padding-left: 20px; 
    margin-bottom: 8px; 
    list-style: none;
}

.eature-card li:last-child {
    margin-bottom: 0;
}


.eature-card li::before {
    content: '•';
    color: #FF5C5C;
    position: absolute;
    left: 0;
    font-size: 1.2em;
    line-height: 1.6;
    top: 12px!important;
    transform: translateY(-12px);
}



.feature-card p {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
}

.feature-card p:last-child {
    margin-bottom: 0; 
}


.feature-card__link {
    color: #FF5C5C; 
    text-decoration: underline;
    list-style: none;
}

.feature-card__link:hover {
    text-decoration: none;
}




@media (max-width: 1024px) {
    .promo-features__cards-wrapper {
        flex-direction: column; 
        align-items: center; 
    }

    .feature-card {
        max-width: 500px; 
        width: 100%;
    }
}

@media (max-width: 768px) {
    .promo-features {
        
    }
    .promo-features__cards-wrapper {
        gap: 20px;
    }
    .feature-card {
        padding: 25px;
    }
    .feature-card__icon {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }
    .feature-card__icon svg {
        width: 35px;
        height: 35px;
    }
    .feature-card h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .feature-card__line {
        margin-bottom: 15px;
    }
    .eature-card li,
    .feature-card p {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    body {
        padding: 15px;
    }
    .feature-card {
        padding: 20px;
    }
}





.gravex-js-items-slider-swiper .offers__item {
    display: block;
    
}

.gravex-js-items-slider-swiper .offers__item:hover {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.card-product__sale {
    font-size: 16px;
    font-weight: 700;
}

a.item-offer {
    color: #4b4b4b;
}

.gtext-content ol {
    padding-left: 15px;
}

.gtext-content ol li {
    padding-left: 20px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    list-style-type: none;
}

.gtext-content ol li::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: 12px;
    transform: translateY(-50%);
    left: 10px;
    border-radius: 100%;
    background-color: #777;
    border: 1px solid #777;
}

.actions-header__icon._avatar {
    border-radius: 30%;
}

.sort__select {
    border: 2px solid #4b4b4b;
    color: #4b4b4b;
    padding: 7px 12px;
    border-radius: 7px;
    background: #fff;
    margin-right: 16px;
}
@media screen and (max-width: 767.98px) {
    .sort__select {
        min-height: 29px;
        padding: 6px 13px;
        font-size: 12px;
        margin-right: 0px;
    }
}

.products-catalog__bottom {
    margin-bottom: 30px;
}

.products-catalog__cards.view-horizontal .card-product__footer .buy-button-container,
.products-catalog__cards.view-horizontal .card-product__footer .product-btn {
    margin-right: 0;
    margin-top: 10px;
}

.products-catalog__cards.view-horizontal .card-product__footer .card-product__status {
    font-size: 10px;
    margin-top: auto;
}

.products-catalog__cards.view-horizontal .card-product__footer .card-product__status span {
    margin-top: 5px;
    display: block;
}

.items-count-block__wrapper {
    position: relative;
    width: 100%;
}

.items-count-block__wrapper .card-product__status {
    background: #fff;
}

.items-count-block__info {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
    top: 30px;
    position: absolute;
    z-index: 10;
}

.items-count-block__info.is-open {
    display: block;
    max-height: 100px;
    opacity: 1;
}

.items-count-block__title {
    display: inline-block;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 4px 9px;
    border-radius: 8px;
    border: 1px solid #659d5c;
    color: #659d5c;
}
@media screen and (min-width: 991.98px) {
    .menu__item._rent {
        margin-left: 25px;
    }
}

@media screen and (max-width: 991.98px) {
    .basket__col  .products-catalog__cards.view-horizontal .card-product__prices {
        justify-content: center!important;
    }
}

.basket .card-product__prices {
    width: 30%;
}


.basket .card-product__footer .count-selector-container {
    width: 30%;
}

.card-product__price-value {
    width: 30%;
    text-align: left;
}

.custom-checkbox-style label {
    font-size: 20px;;
}

.basket-box .label {
    font-size: 20px;;
    color: #333;
}

@media screen and (max-width: 1100px) {
    .contacts-header__phone {
        background-image: unset;
        padding-left: 0;
    }

    .contacts-header__button.callback-modal-trigger {
        font-size: 10px;
        width: auto;
    }
}

.item-partion__image img {
    aspect-ratio: unset!important;
}

.item-partion__image {
    width: auto!important;
}

.gravex-mustache-link._is_archive {
    opacity: 0.5;
    pointer-events: none;
}

.main-card__price {
    font-size: 32px;
}

.gravex-css-alert {
    display: flex;
    align-items: center;
}

.gravex-css-alert-close {
    margin-left: auto;
    margin-right: 0;
}

.copy-order-button:hover {
    background: #ff6760;
    color: #fff;
}

.copy-order-button {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    border: 1px solid #ff6760;
    padding: 3px 5px;
    color: #000;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    padding: 7px 15px;
    transition: opacity 0.2s linear 0s;
}

.profile-orders__footer {
    margin-top: 10px;
    align-items: start;
}

.profile-orders__footer .product-btn {
    min-height: 34px;
    padding: 10px 15px;
}

.main-header__body {
    justify-content: unset;
    gap: 0;
    padding-right: 0;
}

@media (max-width: 425px) {
    .menu-footer__list {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
    .main-header__body {
        
    }

}

.partions__item.item-partion {
    display: flex!important;
}

.catalog .products-catalog__cards.view-horizontal .card-product__body {
    grid-template-columns: 1fr 190px!important;
}

.products-catalog__cards.view-horizontal  .buy-button-container .product-btn {
    margin: 0;
    font-size: 12px;
}

#cart_modal .gravex-modal__body {
    padding: 0;
}

#cart_modal .basket .products-catalog__cards.view-horizontal .card-product {
    padding: 5px 0 5px 10px;
}

#cart_modal .products-catalog__cards.view-horizontal .card-product__body {
    grid-template-columns: 1fr 300px !important;
}

.gravex-modal#cart_modal {
    max-width: 1000px;
}

.gravex-modal#cart_modal .count-selector-button-plus,
.gravex-modal#cart_modal .count-selector-button-minus {
    flex: 0 0 25px;
}

.gravex-modal#cart_modal .basket .gravex-cross-icon {
    width: 20px;
    height: 20px;
    display: flex;
    right: 10px;
    top: 50%;
    transform: translateY(-5px);
}

.contacts-header__phone-col {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.gravex-modal#cart_modal .gravex-modal__footer {
    padding: 30px;
}

.contacts-header__phones {
    flex-direction: row;
}

.contacts-header__phone-col._social-icons {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.social-footer__link_whats_app::before {
    -webkit-mask-image: url(/../../themes/photogora/icons/social/whatsapp.svg);
    mask-image: url(/../../themes/photogora/images/icons/social/whatsapp.svg);
}

.product-btn.__second-type {
    background: #fff;
    color: #4c3933;
    border: 2px solid #4c3933;
    box-shadow: unset;
}

.product-btn.__second-type:hover {
    color: #fff;
}

.gravex-modal-close {
    top: 8px;
}
.gravex-modal-close::before, .gravex-modal-close::after {
    background: #fff;
}

.flex-table-list {
    display: flex;
    flex-direction: column;
    flex-direction: row;
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.flex-table-item {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    border: 1px solid #4c3933;
    border-right: 0;
}

.flex-table-item:last-child {
    border-right: 1px solid #4c3933;
}

.flex-table-label {
    font-weight: normal;
    white-space: nowrap;
    padding: 5px;
}

.flex-table-value {
    white-space: nowrap;
    padding: 5px;
    white-space: nowrap;
}

.h1-title {
    display: contents;
    font-weight: 400;
    font-size: 16px;
    color: #4b4b4b;
    font-family: 'Inter';
}


.contacts-page {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 20px;
}

.contacts-page a:not(.tabs__button)  {
    color: #cf3c35;
    text-decoration: underline;
}


.contacts-page .heading__title::before {
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);

}

.tabs {
    margin-bottom: 20px;
}

.contacts-page__tabs {
    margin: 24px 0;
    display: inline-block;
    width: auto;
    border-radius: 16px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    padding: 14px 28px;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
}

.tabs__button {
    margin-right: 16px;
    border-bottom: 2px solid rgba(185, 185, 185, 1);
    cursor: pointer;
    background: #fff;
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #4B4B4B;
}

@media screen and (max-width: 640px) {
    .tabs__button {
        font-size: 12px;
    }
}


.tabs__button:last-child {
    margin-right: 0;
}


.tabs__button_active {
    border-bottom: 2px solid rgba(207, 60, 53, 1);
}

.contacts-page__content {
    display: none;
    flex-wrap: wrap;
    gap: 30px;
}

.contacts-page__content._active {
    display: flex;
}

.contacts-info {
    flex: 1 1 400px;
}

.contacts-info__title {
    font-size: 24px;
    margin-bottom: 20px;
}

.contacts-section {
    margin-bottom: 20px;
}

.contacts-section__item {
    margin-bottom: 8px;
    line-height: 1.5;
}

.contacts-section__link {
    color: #d32f2f;
    text-decoration: none;
}

.contacts-section__link:hover {
    text-decoration: underline;
}

.contacts-section__subtitle {
    font-size: 18px;
    margin-bottom: 10px;
}

.contacts-section__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contacts-page__info  {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 28px;
    border-radius: 16px;
}

.contacts-map {
    border-radius: 16px;
    overflow: hidden;
    flex: 1 1 400px;
    min-height: 756px;
}

.contacts-map__image {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}

.contacts-page__info li {
    list-style: none;
}

.contacts-page__info h3 {
    font-size: 16px;
    margin-bottom: 14px;
    font-weight: 700;
}

.contacts-page__info p {
    line-height: 19px;
}
.contacts-page__info p,
.contacts-page__info ul {
    margin-bottom: 16px;
}

.contacts-page__info li {
    position: relative;
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    position: relative;
    padding-left: 20px;
    margin-bottom: 3px;
    list-style: none;
    word-break: break-all;
}

.contacts-page__info li::before {
    content: '•';
    color: #CF3C35;
    position: absolute;
    left: 0;
    top: 12px;
    transform: translateY(-50%);
    font-size: 1.2em;
    line-height: 1.6;
}


.cooperation-block {
    background-color: #FFF2E4;
    padding: 28px;
    border-radius: 8px;
    margin: 24px 0;
    color: #4B4B4B;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
}

.cooperation-block__intro {
    color: #4B4B4B;
    margin-bottom: 28px;
    font-weight: bold;
}

.cooperation-block__list {
    position: relative;
    padding-left: 26px;
}

.cooperation-block__list::before {
    content: '•';
    color: #CF3C35;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 14px;
    font-size: 14px;
}

.cooperation-block__item {
    margin-bottom: 12px;
    list-style: none;
}

.cooperation-block__item p {
    margin-bottom: 12px;
}


.cooperation-block__condition {
    background-color: #fff0e0;
    padding: 10px;
    border-left: 4px solid #d32f2f;
    border-radius: 4px;
    line-height: 1.5;
}

.contacts-page__images {
    display: flex;
    gap: 7px;
    margin: 24px 0;
    flex-wrap: wrap;
}

.contacts-page__images img {
    border-radius: 16px;
    overflow: hidden;
}



.breadcrumbs__item:not(:last-child) {
    margin-right: 5px;
}
.breadcrumbs__item:not(:first-child) {
    padding-left: 12px;
}

.breadcrumbs__item:nth-child(1)::before {
    content: none !important;
}

.article-card-2__title.card__title a {
    color: #4c3933;
}

.article__content a {
    color: #4c3933;
}

.__fotogora_latest_posts h3 {
    margin-bottom: 10px;
}


#yandex-map-pin_modal {
    max-width: 1200px;
    display: block;
    opacity: 1;
}

#yandex-map-pin_modal  .gravex-modal__body {
    height: 500px;
}

.open-pec-pvz-css {
    display: inline-block;
    background: linear-gradient(180deg, #7e574b 0%, #4c3933 100%);
    color: #fff;
    margin: 5px 0;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
    max-width: 185px;
    text-align: center;
    margin-left: 30px;
}

.yandex-map-pin-but-js {
    display: inline-block;
    background: linear-gradient(180deg, #7e574b 0%, #4c3933 100%);
    color: #fff;
    margin: 5px 0;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
}

.tc-fields {
    margin-left: 30px;
}

.tc-fields label {
    margin-top: 0px;
}

.field-checkoutform-zip_code  {
    max-width: 350px;
}

.transport-company-subtitle {
    display: inline-block;
    margin-top: 10px;
    color: #4c3933;
}

.field-checkoutform-city_id .select2-container--krajee-bs3.select2-container--disabled .select2-selection {
    background: #fff;
}

[readonly] + .select2 {
    pointer-events: none;
}

.field-checkoutform-city_id {
    cursor: pointer;
}

.breadcrumbs-h1 {
    color: #cf3c35;
    font-size: 12px;
    font-weight: normal;
    line-height: 100%;
}

.close-icon__wrapper {
    position: relative;
    width: 20px;
    height: 20px;
}
.close-icon__wrapper .close-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.delivery-content-collapsed {
    max-height: 250px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-out;
}

.delivery-content-collapsed.expanded {
    max-height: 2000px;
    transition: max-height 0.7s ease-in;
}

.delivery-content-collapsed:not(.expanded)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
    pointer-events: none;

}

.more-info-button {
    display: inline-block;
    background: linear-gradient(180deg, #7e574b 0%, #4c3933 100%);
    color: #fff;
    margin: 5px 0;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
    max-width: 185px;
    text-align: center;
    margin: 20px auto 0;
}

.customer-price-request-modal-trigger {
    cursor: pointer;
    padding: 10px 10px;
    min-height: 0;
    font-size: 16px;
    margin-top: 7px;
    border-radius: 8px;
    
}

.main-header__contacts {
    -ms-grid-columns: auto auto auto auto;
    grid-template-columns: auto auto auto auto;
    gap: 0px!important;
}


.actions-header__item + .actions-header__item {
    padding-left: 0px;
}

.actions-header__item {
    padding: 0 15px!important;
    position: relative;
}

.actions-header__item + .actions-header__item::before {
    content: '';
}

 .actions-header__item::before {
    border-left: 1px solid rgb(207, 207, 207);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 1px 0px 0 0 #fff;
    box-shadow: 1px 0px 0 0 #fff;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    width: 1px;
}

.contacts-header__item.contacts-header__location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0px;
    padding-left: 38px;
    background-image: url(/themes/photogora/../../custom/photogora/css/../images/icons/location-pin.svg);
    background-size: 30px 30px;
    background-position: 5px center;
    background-repeat: no-repeat;
    justify-content: center;
    height: 100%;
}

.contacts-header__location p {
    color: #353434;
    font-size: 13px;
    line-height: 120%;
    margin-bottom: 0px!important;
}

.contacts-header__item {
    font-size: 12px;
    padding: 0px 15px;
}

.contacts-header__item.__callback {
    display: flex;
    align-items: center;
    height: 100%;
}


.contacts-header__item_hours {
    height: 100%;
}

@media screen and (max-width: 1420px) {
    .contacts-header__location {
        display: none!important;
    }
}

.pec-departament-type {
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
    font-weight: 600;
}

.pec-address {
    max-width: 250px;
}


.search-form {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    width: 100%;
}


.search-text-input__wrapper {
    position: relative;
    margin-bottom: 10px;
}

.search-text-input {
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    width: 100%; 
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    outline: none; 
    box-sizing: border-box; 
}

.search-text-input ::placeholder {
    color: #999;
}

.search-text-input :focus {
    border-color: #7e574b;
    box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
}

.checkboxes-wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

.checkbox-container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-custom {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.checkbox-container:hover .checkbox-custom {
    background-color: #ddd;
}

.checkbox-input:checked ~ .checkbox-custom {
    background-color: #7e574b;
    border: 1px solid #7e574b;
}

.checkbox-custom:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-input:checked ~ .checkbox-custom:after {
    display: block;
}

.checkbox-container .checkbox-custom:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.search-form__button {
    position: absolute;
    height: 41px;
    width: 41px;
    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;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #7e574b;
    color: #fff;
    border-radius: 0 5px 5px 0;
}

.search-form__button::before {
    content: "";
    display: block;
    background-color: #fff;
    width: 20px;
    height: 20px;
    -webkit-mask-image: url(/themes/photogora/../../custom/photogora/css/../images/icons/search.svg);
    mask-image: url(/themes/photogora/../../custom/photogora/css/../images/icons/search.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}


.icon-search::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 11px;
    background-image: url(/../../../themes/photogora/images/icons/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    z-index: 5;
}

.accept-cookies-popup {
    gap: 10px;
}

.accept-cookies-popup.show {
    flex-direction: column;
}

.accept-cookies-popup {
    bottom: 50px;
}

@media (max-width: 640px) {
    .accept-cookies-popup {
        max-width: 90%;
    }

    #cart_modal .grvx-cart-modal__items .products-item.card-product {
        display: flex;
        flex-direction: column;
        padding: 20px!important;

    }

    #cart_modal .card-product__header {
        padding-top: 20px;
    }

    #cart_modal .grvx-cart-modal__items  .card-product__body {
        display: flex!important;
        flex-direction: column!important;
        padding: 0 20px!important;
    }

    #cart_modal .grvx-cart-modal__items .gravex-cross-icon {
        top: 20px!important;
    }

    #cart_modal .grvx-cart-modal__items  .card-product__footer {
        flex-direction: row!important;
        padding: 20px 0 0;
    }

    #cart_modal  .card-product::after {
        top: 0;
    }

    #cart_modal .product-btn {
        font-size: 12px;
        padding: 10px;
    }

    .product-btn {
        font-size: 14px;
    }

    .buy-button-container {
        grid-template-columns: 1fr;
    }

    .gravex-countdown-container {
        font-size: 12px!important;
    }

    .card-product__sale {
        font-size: 10px;
        padding-top: 10px;
    }

    #cart_modal .gravex-count,
    .count-selector-button-input {
        min-width: 50px!important;
    }

    .basket .products-catalog__cards.view-horizontal .card-product {
        display: flex;
        flex-direction: row;
        padding: 20px !important;
    }

    .products-catalog__cards.view-horizontal .card-product__body {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 10px !important;
    }

    .basket .products-catalog__cards.view-horizontal .card-product__footer {
        flex-direction: row !important;
        padding: 5px 0 0;
    }

    .basket .products-catalog__cards.view-horizontal .card-product::after {
        top: 0;
    }

    .basket .products-catalog__cards.view-horizontal .card-product__image {
        width: 40px;
        height: 40px;
    }

    .basket .card-product__footer .count-selector-container {
        width: auto;
    }

    .basket .products-catalog__cards.view-horizontal .close-icon__wrapper {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 20px;
        right: 20px;
    }

    .basket .card-product__price-value {
        width: auto;
    }

    .header__logo img {
        max-width: 120px;
    }

    #cityList {
        grid-template-columns: 1fr!important;
    }

    #cityList .main-group {
        position: relative;
    }
    #cityList .main-group:after {
        content: '';
        height: 1px;
        width: 100%;
        display: block;
        background: #eee;
        margin-top: 10px;
    }

    .contacts-page__tabs {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .contacts-page {
        padding: 5px;
    }

    .contacts-page__images > a ,
    .contacts-page__images img {
        width: 100%;
        display: block;
    }

    .heading__title._center {
        margin: 0 auto 20px;
    }

    .card-product__pagination.image-pagination {
        display: none;
    }

    .card-product__article-number {
        font-size: 8px;
    }

}


.slider-pagination {
    margin-top: 10px;
    height: 12px;
}

.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
}

.slider-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

.card-product__info a {
    word-break: break-word;
}
.jq-stars {
    display: inline-block;
}

.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana;
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}

.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
    
    stroke-linejoin: round;
}


.jq-shadow {
    -webkit-filter: drop-shadow( -2px -2px 2px #888 );
    filter: drop-shadow( -2px -2px 2px #888 );
}