button,
 input,
 textarea {
     -moz-appearance: none;
     appearance: none;
     -webkit-appearance: none;
     font-family: inherit;
 }

 button:focus {
     box-shadow: none !important;
 }

 *:focus {
     outline: none;
 }

 body {
     padding: 0;
     margin: 0;
     background-color: #f1efeb;
     letter-spacing: 0em;
     /*font-weight: 300;*/
    /*font-family: "Bahnschrift SemiBold Condensed";*/
}
.lk_body{
    padding: 0;
    margin: 0;
    background-color: #f1efeb;
    font-weight: 600;
    font-family: "Myriad Pro";
}


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

/*lang*/
.lang {
    position: absolute;
    border-radius: 25px;
    top: 30px;
    right: 50px;
    box-shadow: 3px 6px 18px #cfcdcd;
}

.lang__btn {
    position: relative;
    display: flex;
    -moz-column-gap: 10px;
    column-gap: 10px;
    padding: 5px;
}

.lang__en {
    border-radius: 50%;
    padding: 3px;
    color: #ae9f8b;
}

.lang__ru {
    display: flex;
    position: absolute;
    border-radius: 50%;
    padding: 4px;
    background-color: #ae9f8b;
    color: #fff;
}

/*lang*/
/*header*/

.menu {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-top: 20px;
    position: relative;
    z-index: 30;
}

.menu_members {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-top: 20px;
    position: relative;
    z-index: 30;
}

.m_menu_members{
    display: none;
}

.red {
    color: #ff0000;
}

.menu:hover .red {
    color: #000;
}

.menu_members:hover .red {
    color: #000;
}

.menu_members .menu__link:hover {
    color: #ff0000;
}

.menu .menu__link:hover {
    color: #ff0000;
}

.menu__link {
    font-size: 25px;
}

.header__m {
    display: none;
}

.nav-toggle {
    display: none;
}

.icoam {
    display: none;
}

/* /header*/
/*section1*/
.section1 {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100vh;
    background-image: url(https://www.hunting-expo.ru/bitrix/templates/hunt_new/image/photo_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-transform: uppercase;
    color: #fff;
}

.section1-programm {
    height: auto;
    margin-bottom: 40px;
    background: none;
}

.section1-programm.section1-personal {
    margin-bottom: 0;
}

.wrapper {
    background: #f1f1f1;
}

.preview {
    margin-top: auto;
    margin-bottom: auto;
}

.preview__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.preview__top {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.preview__main {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 50px;
}

.btn__bay {
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border-radius: 25px;
    text-decoration: underline;
    background-color: #ff0000;
    color: #fff;
}

.preview__address {
    font-size: 20px;
}

.preview__date {
    font-size: 30px;
}

.preview__subtitle {
    /*letter-spacing: 2px;*/
    font-size: 30px;
}

.preview__title {
    margin-bottom: 25px;
}

.sponsors__img {
    width: 100px;
}

.sponsors__logo {
    width: 100px;
    height: 100px;
}

/* /section1*/
/* section2*/
.section2 {
    width: 100%;
    background-color: #ae9f8b;
}

.sponsors {
    display: flex;
    justify-content: center;
    padding: 15px 0;
}

.sponsor__inner {
    display: flex;
    align-items: center;
    padding: 0 50px;
    border-right: 1px solid #fff;
}

.sponsor__inner:first-child {
    border-left: 1px solid #fff;
}
.personal {
    padding: 60px 0 50px 0;
}

.personal__menu {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1.2;
}

@media screen and (max-width: 900px) {
    .personal {
        padding: 40px 0;
    }
}


@media screen and (max-width: 900px) {
    .personal__menu {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .personal__menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 15px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

@media screen and (max-width: 430px) {
    .personal__menu {
        font-size: 15px;
    }
}

.personal__menu li {
    list-style-type: none;
    margin-right: 74px;
}

.personal__menu li a {
    transition: 350ms;
}

.personal__menu li a:hover {
    color: #ae9f8b;
}

@media screen and (max-width: 900px) {
    .personal__menu li {
        margin-right: 40px;
    }
}

@media screen and (max-width: 700px) {
    .personal__menu li {
        margin-right: 0;
        text-align: center;
    }
}

.personal__menu li.active {
    position: relative;
}

.personal__menu li.active a {
    color: #ae9f8b;
}

.personal__menu li.active::before {
    content: "";
    position: absolute;
    width: 204px;
    height: 2px;
    background-color: #ae9f8b;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 900px) {
    .personal__menu li.active::before {
        width: 170px;
        bottom: -10px;
    }
}

@media screen and (max-width: 700px) {
    .personal__menu li.active::before {
        bottom: -5px;
    }
}

@media screen and (max-width: 430px) {
    .personal__menu li.active::before {
        width: 145px;
    }
}

.personal__menu li:last-child {
    margin-right: 0;
}

.personal__menu li:last-child a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.personal__exit {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ae9f8b;
    border-radius: 50%;
    margin-left: 9px;
}

@media screen and (max-width: 900px) {
    .personal__exit {
        width: 26px;
        height: 26px;
        margin-left: 5px;
    }
    .personal__exit img {
        width: 18px;
        height: 16px;
    }
}

.ufi_logo {
    width: 260px;
}

/* /section2*/
/* section3*/
.section3 {
    background-image: url(../image/fish.png);
    background-repeat: no-repeat;
}

.map {
    margin: 80px 0;
    display: flex;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.map__inner {
    width: 100%;
    height: 100%;
}

.left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.left__header {
    text-transform: uppercase;
}

.left__header span {
    color: #ff0000;
}

.map__title {
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.left__info {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    color: #ae9f8b;
}

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

.indo_inner:first-child p {
    margin-bottom: 0;
}

.indo_inner:first-child p:last-child {
    margin: 0;
}

.circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 3px 6px 18px #cfcdcd;
    margin-bottom: 10px;
}

.circle p {
    margin: 0;
    padding: 0;
}

.map__subtitle {
    font-size: 30px;
    margin-top: 15px;
}

.circle__title {
    font-size: 35px;
}

.circle__subtitle {
    /*letter-spacing: -2px;*/
    font-size: 11px;
}

.text {
    text-align: justify;
    font-size: 17px;
}

.text:first-child {
    margin-bottom: 10px;
}

/* /section3*/
/* section4*/
.section4 {
    background-image: url(../image/rctngl.png);
}

.ticket {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    text-transform: uppercase;
    color: #fff;
}

.ticket__header {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: bold;
}

.ticket__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ticket__line {
    display: flex;
    align-items: center;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.ticket__main {
    font-weight: normal;
    font-size: 25px;
}

.bay__ticket {
    font-size: 20px;
}

/* /section4*/
/* section5*/
.section5 {
    background-image: url(../image/bear.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 80px 0;
}

.expert,
.sponsors__bot {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

.expert__inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.expert {
    margin-bottom: 80px;
}

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

.pic {
    width: 200px;
}

.expert__subtitle {
    width: 200px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
}

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

.sponsors__person {
    display: flex;
    align-items: center;
    padding: 20px 50px;
    border-right: 1px solid #ae9f8b;
    height: 141px;
}

.sponsors__person:first-child {
    border-left: 1px solid #ae9f8b;
}

.export__active {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px;
    color: #ae9f8b;
    text-transform: uppercase;
    text-decoration: underline;
}

.person__header {
    text-transform: uppercase;
    margin: 20px 0;
}

.person__header span {
    color: #ff0000;
}

.expert__title {
    font-size: 30px;
    font-weight: bold;
}

.person__name {
    font-size: 25px;
    text-align: center;
}

.export__all {
    font-size: 22px;
}

.expert__title span {
    color: #ff0000;
}

/* /section5*/
/* bottom*/
.bottom {
    background-image: url(https://www.hunting-expo.ru/bitrix/templates/hunt_new/image/bg_color.png);
}

.bottom__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 0;
}

.bottom__menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-transform: uppercase;
}

.bottom__menu .menu__link {
    color: #fff;
}

.bottom__network {
    display: flex;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.social__network {
    width: 50px;
}

.bottom__download {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* bottom*/
@media (max-width: 1280px) {
    iframe {
        width: 500px;
    }
}

@media (max-width: 1120px) {
    iframe {
        width: 400px;
    }
    .sponsors__person {
        padding: 20px 20px;
    }
    .sponsor__inner {
        padding: 0 20px;
    }
    .ticket__btn {
        border-radius: 75px;
    }
    .bay__ticket {
        text-align: center;
    }
    .left__info {
        justify-content: space-around;
    }
}

@media (max-width: 1000px) {
    h1 {
        font-size: 60px;
    }
    .pic {
        width: 150px;
    }
    .expert__subtitle {
        width: 150px;
    }
    .lang {
        right: 20px;
    }
}

@media (max-width: 950px) {
    .map {
        display: flex;
        flex-direction: column;
    }
    iframe {
        width: 100%;
    }
    .text:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 900px) {
    .sponsor__ico {
        width: 120px;
    }
    .menu__link {
        font-size: 16px;
    }
    .lang {
        display: none;
    }
}

@media (max-width: 800px) {
    .sponsors__img {
        width: 60px;
    }
    .ufi_logo {
        width: 150px;
    }
    .expert__inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .pic {
        width: 200px;
    }
    .expert__subtitle {
        width: 200px;
    }
    .sponsors__inner {
        flex-wrap: wrap;
    }
    .sponsors__person {
        border: none;
    }
    .sponsors__person:first-child {
        border-left: none;
    }
    .sponsor__ico {
        width: 150px;
    }
    .bottom__inner {
        flex-direction: column;
        gap: 35px;
    }
    .bottom__download {
        align-items: center;
    }
    .ticket__main {
        font-size: 20px;
    }
}

@media (max-width: 700px) {
    .header {
        display: block;
    }
    .header__logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .menu {
        display: none;
    }
    .menu_members{
        display: none;
    }
    .m_menu_members{
        display: block;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .header__m.active {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        background-color: #fff;
        border-radius: 0 0 15px 15px;
        padding: 20px 0;
        z-index: 100;
    }
    .header__logo__m {
        display: flex;
        justify-content: space-between;
    }
    .header__logo__m img {
        width: 60px;
        padding-bottom: 20px;
    }
    .menu__m {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .menu__m img {
        width: 300px;
    }
    .menu__linkm {
        padding-bottom: 20px;
        border-bottom: 1px solid #ae9f8b;
    }
    /*nav-toggle*/
    .nav-toggle {
        display: block;
        position: relative;
        padding-left: 11px;
        padding-right: 0;
        width: 30px;
        height: 12px;
        font-size: 0;
        color: transparent;
        border: 0;
        background: none;
        cursor: pointer;
        z-index: 150;
    }
    .nav-toggle__item {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #ae9f8b;
        transition: background 0.2s linear;
    }
    .nav-toggle.active .nav-toggle__item {
        background: none;
    }
    .nav-toggle__item:before,
    .nav-toggle__item:after {
        content: "";
        width: 100%;
        height: 3px;
        background-color: #ae9f8b;
        position: absolute;
        left: 0;
        z-index: 1;
        transition: transform 0.2s linear;
    }
    .nav-toggle__item:before {
        top: -8px;
    }
    .nav-toggle__item:after {
        bottom: -8px;
    }
    .nav-toggle.active .nav-toggle__item:before {
        transform-origin: left top;
        transform: rotate(45deg) translate3d(0px, 3px, 0);
    }
    .nav-toggle.active .nav-toggle__item:after {
        transform-origin: left bottom;
        transform: rotate(-45deg) translate3d(0px, -3px, 0);
    }
    .icoa {
        display: none;
    }
    .icoam {
        position: relative;
        display: block;
        width: 60px;
    }
    .preview__title {
        font-size: 50px;
    }
}

@media (max-width: 600px) {
    .sponsors {
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 20px;
    }
    .sponsor__inner {
        border: none;
    }
    .sponsor__inner:first-child {
        border-left: none;
    }
    .sponsors__img {
        width: 100px;
        padding: 0 50px;
    }
    .ticket__line {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    .preview__address {
        font-size: 15px;
    }
    .preview__top img {
        width: 20px;
    }
    .preview__subtitle {
        font-size: 25px;
    }
    .preview__date {
        font-size: 25px;
    }
    .preview__main img {
        width: 35px;
    }
    .preview__title {
        font-size: 40px;
    }
    .sponsors__img {
        padding: 0 20px;
    }
    .circle__subtitle {
        font-size: 11px;
    }
    .sponsors__logo {
        width: 50px;
        height: 50px;
        padding: 0;
    }
    .sponsors__img {
        width: 50px;
        padding: 0;
    }
    .ufi_logo {
        width: 80px;
        padding: 0;
    }
    .sponsor__inner {
        padding: 0 5px;
    }
    .section2 {
        padding: 20px 0;
    }
}

@media (max-width: 500px) {
    .pic {
        width: 150px;
    }
    .expert__subtitle {
        width: 150px;
    }
    .circle {
        width: 70px;
        height: 70px;
    }
    .circle__title {
        font-size: 20px;
    }
    .circle p {
        font-size: 12px;
    }
    .left__info {
        flex-wrap: wrap;
    }
    .expert__title,
    .ticket__header {
        text-align: center;
    }
}

@media (max-width: 400px) {
    .preview__subtitle {
        font-size: 20px;
    }
    .preview__date {
        font-size: 15px;
    }
    .preview__main img {
        width: 20px;
    }
    .expert,
    .sponsors__bot {
        gap: 30px;
    }
    .export__all {
        font-size: 15px;
    }
    .export__active img {
        width: 25px;
    }
    .preview__top img {
        width: 15px;
    }
    .preview__address {
        font-size: 12px;
    }
    .preview__top {
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
    .sponsors__person {
        padding: 5px 20px;
    }
    .expert__inner {
        gap: 20px;
    }
    .sponsors__person {
        height: auto;
        padding: 20px 20px;
    }
}

@media (max-width: 350px) {
    .menu__m img {
        width: 150px;
    }
}

@media (max-width: 320px) {
    .preview__title {
        font-size: 30px;
    }
    .preview__subtitle {
        font-size: 15px;
    }
    .preview__address {
        font-size: 10px;
    }
    .preview__top img {
        width: 10px;
    }
    .map__title h3 {
        font-size: 12px;
    }
    .bottom__network {
        -moz-column-gap: 5px;
        column-gap: 5px;
    }
}

@media (max-height: 900px) {
    .section1 {
        height: 900px;
    }
    .section1-programm {
        height: auto;
    }
}

.programm {
    margin-bottom: 85px;
}

.programm__item {
    margin-bottom: 15px;
    display: flex;
    background: #fff;
    min-height: 255px;
}

@media screen and (max-width: 639px) {
    .programm__item {
        display: block;
    }
}

.programm__item:last-child {
    margin-bottom: 0;
}

.programm__date {
    min-width: 145px;
    font-family: "Bahnschrift SemiBold Condensed";
    width: 145px;
    background: #ff0000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}

@media screen and (max-width: 639px) {
    .programm__date {
        min-width: auto;
        width: 100%;
        padding: 15px 0;
    }
}

.programm__date-number {
    font-size: 46px;
    line-height: 46px;
}

@media screen and (max-width: 639px) {
    .programm__date-number {
        font-size: 36px;
    }
}

.programm__date-mounth {
    font-size: 20px;
    padding-bottom: 12px;
    margin-bottom: 4px;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 639px) {
    .programm__date-mounth {
        font-size: 18px;
    }
}

.programm__date-day {
    font-size: 18px;
}

.programm__line {
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
    padding-left: 12px;
    position: relative;
    margin-bottom: -2px;
}

@media screen and (max-width: 767px) {
    .programm__line {
        display: block;
    }
}

.programm__line::before {
    content: "";
    width: 3px;
    background: #575757;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: 2;
}

.programm__line:first-child {
    padding-top: 0;
}

.programm__line:nth-child(3)::before {
    width: 1px;
    left: 1px;
    z-index: 1;
    background: #939393;
}

.programm__block {
    margin-right: 85px;
    width: 210px;
    min-width: 210px;
}
@media screen and (min-width: 800px) {
    .programm__block_m {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    .programm__block {
        margin-right: 40px;
        min-width: 160px;
        width: 160px;
    }
}

@media screen and (max-width: 767px) {
    .programm__block_m {
        min-width: auto;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        margin-top: 15px;
        display: block;
    }
    .programm__block {
        /*min-width: auto;*/
        /*width: 100%;*/
        /*margin-right: 0;*/
        /*margin-bottom: 15px;*/
        display: none;
    }
}

.programm__block-item {
    font-size: 17px;
    color: #575757;
    margin-bottom: 12px;
    font-family: "Bahnschrift SemiBold Condensed";
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 639px) {
    .programm__block-item {
        font-size: 15px;
    }
}

.programm__block-item::before {
    content: "";
    width: 20px;
    height: 18px;
    display: block;
    background: url(../image/programm-1.png) no-repeat;
    background-size: contain;
    min-width: 20px;
    margin-right: 20px;
    background-position: center;
}

@media screen and (max-width: 639px) {
    .programm__block-item::before {
        margin-right: 10px;
    }
}

.programm__block-item:last-child {
    margin-bottom: 0;
}

.programm__block-item:last-child::before {
    background: url(../image/programm-2.png) no-repeat;
    background-size: contain;
    margin-left: 3px;
    width: 17px;
    min-width: 17px;
}

.programm__link:hover .programm__title {
    color: #ff0000;
}

.programm__title {
    font-size: 24px;
    margin-bottom: 4px;
    font-weight: 700;
    font-family: "Bahnschrift SemiBold Condensed";
    transition: 300ms;
}

@media screen and (max-width: 639px) {
    .programm__title {
        font-size: 16px;
    }
}

.programm__title::after {
    content: "";
    display: inline-block;
    width: 23px;
    height: 16px;
    background: url(https://www.hunting-expo.ru/bitrix/templates/hunt_new/image/programm-arrow.png) no-repeat;
    background-size: contain;
    margin-left: 8px;
    transform: translateY(3px);
}

@media screen and (max-width: 639px) {
    .programm__title::after {
        width: 18px;
        transform: translateY(5px);
    }
}

.programm__text {
    font-size: 18px;
    color: #575757;
    font-family: "Bahnschrift SemiBold Condensed";
}

@media screen and (max-width: 767px) {
    .programm__text {
        font-size: 16px;
    }
}

.programm__content {
    padding: 20px 45px;
}

@media screen and (max-width: 767px) {
    .programm__content {
        padding: 20px;
    }
}

.programm__content-second .programm__line:nth-child(2)::before {
    width: 3px;
    background: #575757;
    display: block;
    height: 170%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 4px;
    z-index: 2;
}

@media screen and (max-width: 1300px) {
    .programm__content-second .programm__line:nth-child(2)::before {
        height: 100%;
    }
}

.programm__nav {
    margin-bottom: 65px;
    display: flex;
    align-items: center;
    padding-left: 16px;
}

@media screen and (max-width: 767px) {
    .programm__nav {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .programm__nav {
        display: block;
        padding-left: 0;
    }
}

.programm__time {
    position: relative;
}

@media screen and (max-width: 767px) {
    .programm__time {
        margin-bottom: 15px;
    }
}

.programm__time-header {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    font-family: "Bahnschrift SemiBold Condensed";
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .programm__time-header {
        font-size: 18px;
    }
}

.programm__time-header img {
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .programm__time-header img {
        margin-right: 10px;
    }
}

.programm__time-body {
    background: #fff;
    padding: 10px;
    position: absolute;
    z-index: 20;
    top: 30px;
    left: 0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.24);
    width: 100%;
    display: none;
}

.programm__time-body a {
    font-size: 16px;
    display: block;
    transition: 300ms;
    margin-bottom: 5px;
}

.programm__time-body a:hover {
    color: #ff0000;
}

.programm__time-body a:last-child {
    margin-bottom: 0;
}

.programm__calendar {
    margin-left: 54px;
    position: relative;
    font-weight: 700;
    display: flex;
    align-items: center;
    font-family: "Bahnschrift SemiBold Condensed";
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .programm__calendar {
        font-size: 18px;
        margin-left: 0;
    }
}

.programm__calendar p {
    font-size: 20px;
    font-weight: 700;
    margin-right: 20px;
}

@media screen and (max-width: 639px) {
    .programm__calendar p {
        font-size: 18px;
        margin-right: 15px;
    }
}

.programm__calendar input {
    border: 0;
    color: #000;
    font-size: 16px;
    width: 115px;
    display: flex;
    cursor: pointer;
    letter-spacing: 0.01em;
    font-family: "Bahnschrift SemiBold Condensed";
    align-items: center;
    text-align: right;
    padding-right: 20px;
    height: 38px;
    font-weight: 700;
    border-radius: 60px;
    background-color: #fff;
    background-image: url(../image/calendar.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 20px 50%;
}

.programm__calendar input:focus-visible {
    outline: none;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.08);
}

.programm__calendar input::-moz-placeholder {
    color: #cccccc;
}

.programm__calendar input::-ms-input-placeholder {
    color: #cccccc;
}

.programm__calendar input::placeholder {
    color: #cccccc;
}

#ui-datepicker-div {
    margin-left: 174px;
    margin-top: -38px;
    max-width: 200px;
}

#ui-datepicker-div td {
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
}

#ui-datepicker-div th span {
    text-transform: uppercase;
}

#ui-datepicker-div th {
    padding-top: 0 !important;
    font-size: 14px;
    font-family: "Bahnschrift SemiBold Condensed";
}

@media screen and (max-width: 991px) {
    #ui-datepicker-div {
        margin-left: 0;
        margin-top: 0;
        z-index: 150 !important;
    }
}

.ui-datepicker-title {
    font-size: 17px;
    font-family: "Bahnschrift SemiBold Condensed";
}

.ui-state-default {
    border: 0 !important;
    background: none !important;
    text-align: center !important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    font-size: 12px;
    font-weight: 700 !important;
    align-items: center !important;
    margin: 0 !important;
}

.ui-state-default:hover {
    background: #ae9f8b !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #ae9f8b !important;
}

.ui-widget-header {
    border: 0 !important;
    background: none !important;
}

.section1-present {
    background: url(https://www.hunting-expo.ru/bitrix/templates/hunt_new/image/present-1.png) no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
    margin-bottom: 0;
}

@media screen and (max-width: 1460px) {
    .section1-present {
        height: auto;
    }
}

.present {
    color: #000;
    padding: 100px 0 230px 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

@media screen and (max-width: 1460px) {
    .present {
        padding: 80px 0 140px 0;
    }
}

@media screen and (max-width: 1300px) {
    .present {
        padding: 80px 0;
    }
}

@media screen and (max-width: 767px) {
    .present {
        padding: 40px 0 60px 0;
    }
}

.present__block {
    padding: 0 130px;
}

@media screen and (max-width: 1300px) {
    .present__block {
        padding: 0;
    }
}

.present__title {
    font-size: 70px;
    /*font-weight: 700;*/
    margin-bottom: 26px;
    text-transform: uppercase;
    line-height: 70px;

}

@media screen and (max-width: 1300px) {
    .present__title {
        font-size: 50px;
        line-height: 52px;
    }
}

@media screen and (max-width: 767px) {
    .present__title {
        font-size: 42px;
        line-height: 46px;
        margin-bottom: 15px;
    }
}

.present__title span {
    color: #ff0000;
}

.present__text {
    font-size: 24px;
    line-height: 34px;
    text-transform: none;
    text-align: justify;
    text-justify: inter-word;
}

@media screen and (max-width: 767px) {
    .present__text {
        font-size: 18px;
        line-height: 26px;
    }
}

.present-nav {
    background: #ae9f8b;
    padding: 25px 0;
}

.present-nav__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 1300px) {
    .present-nav__items {
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 30px;
    }
}

@media screen and (max-width: 767px) {
    .present-nav__items {
        grid-template-columns: 1fr 1fr;
    }
}

.present-nav__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    height: 110px;
}

.present-nav__item {
    border-left: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media screen and (max-width: 1300px) {
    .present-nav__item {
        border: 0;
    }
}

.present-nav__item:hover .present-nav__text {
    color: #ff0000;
}

.present-nav__item:last-child {
    border-right: 1px solid #fff;
}

@media screen and (max-width: 1300px) {
    .present-nav__item:last-child {
        border: 0;
    }
}

.present-nav__text {
    font-size: 18px;
    transition: 300ms;
    text-align: center;
    letter-spacing: 2px;
    line-height: 19px;
    text-transform: uppercase;
    color: #fff;
}

.gallery {
    padding: 80px 0 60px 0;
}

@media screen and (max-width: 991px) {
    .gallery {
        padding: 60px 0;
    }
}

.gallery__title {
    text-align: center;
    font-size: 60px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 60px;
}

@media screen and (max-width: 1100px) {
    .gallery__title {
        font-size: 50px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 991px) {
    .gallery__title {
        font-size: 40px;
        margin-bottom: 30px;
    }
}

.gallery__title span {
    color: #ff0000;
}

.gallery__items {
    display: grid;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr;
}

.material {
    padding-bottom: 56px;
}

@media screen and (max-width: 900px) {
    .material {
        padding-bottom: 40px;
    }
}

.material__block {
    display: flex;
    margin-bottom: 12px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .material__block {
        display: block;
    }
}

.material__block:last-child {
    margin-bottom: 0;
}

.material__info {
    padding: 25px 37px 20px 30px;
    background-color: #fff;
}

@media screen and (max-width: 1030px) {
    .material__info {
        padding: 15px;
    }
}

.material__info-title {
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 18px;
}

@media screen and (max-width: 900px) {
    .material__info-title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }
}

.material__info-text {
    font-size: 18px;
    line-height: 21px;
    color: #575757;
    margin-bottom: 18px;
}

@media screen and (max-width: 900px) {
    .material__info-text {
        font-size: 16px;
        line-height: 19px;
        margin-bottom: 10px;
    }
}

.material__info-text:nth-child(1) {
    margin-bottom: 0;
    margin-right: 24px;
}

@media screen and (max-width: 500px) {
    .material__info-text:nth-child(1) {
        margin-bottom: 10px;
    }
}

.material__links {
    display: flex;
}

@media screen and (max-width: 380px) {
    .material__links {
        display: block;
    }
}

.material__img {
    display: flex;
}

.material__img img {
    display: flex;
    align-items: center;
    justify-content: center;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 245px;
    margin-left: 2px;
}

@media screen and (max-width: 767px) {
    .material__img img {
        width: 100%;
    }
}

.material__attachment {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 500px) {
    .material__attachment {
        display: block;
    }
}

.material__link {
    padding: 9px 15px 9px 20px;
    border-radius: 19px;
    background-color: #d3d3d3;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
    margin-right: 10px;
}

.material__link-text {
    cursor: pointer;
}

@media screen and (max-width: 900px) {
    .material__link {
        font-size: 16px;
        margin-right: 5px;
        padding: 5px 10px;
    }
}

@media screen and (max-width: 380px) {
    .material__link {
        margin-right: 0;
        margin-bottom: 5px;
        justify-content: space-between;
        padding: 5px 20px;
    }
}

.material__link:last-child {
    margin: 0;
}

.material__link span {
    margin-left: 22px;
    cursor: pointer;
}

@media screen and (max-width: 900px) {
    .material__link span {
        margin-left: 10px;
    }
}

@media screen and (max-width: 380px) {
    .material__link span {
        margin-left: 0;
    }
}

@media screen and (max-width: 900px) {
    .material__link span img {
        width: 8px;
    }
}

.t-dropdown-block {
    max-width: 100%;
    border: 0;
    box-sizing: border-box;
    position: relative;
    height: 38px;
    margin-bottom: 26px;
    background-color: #ffffff;
    border-radius: 19px;
}

.t-dropdown-block-radio{
    max-width: 100%;
    border: 0;
    box-sizing: border-box;
    position: relative;
    /*height: 350px;*/
    /*margin-bottom: 26px;*/
    /*background-color: #ffffff;*/
    /*border-radius: 19px;    */
}

@media screen and (max-width: 900px) {
    .t-dropdown-block {
        height: 34px;
    }
}

@media screen and (max-width: 700px) {
    .t-dropdown-block {
        margin-bottom: 20px;
    }
}

.t-dropdown-list {
    display: none;
    z-index: 30;
    background: #fff;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    position: absolute;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    top: 41px;
    width: 100% !important;
}
.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}


.t-dropdown-list-radio {
    display: none;
    /*z-index: 30;*/
    background: #fff;
    box-sizing: border-box;
    /*list-style: none;*/
    margin: 0;
    position: absolute;
    height: 330px;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    top: 0px;
    width: 100% !important;
}

@media screen and (max-width: 900px) {
    .t-dropdown-list {
        top: 36px;
    }
}

.t-dropdown-list ul {
    height: 100%;
    min-height: 70px;
    max-height: 140px;
    overflow: auto;
}

.t-dropdown-list-radio ul {
    height: 100%;
    min-height: 70px;
    max-height: 100%;
    overflow: auto;
}

.t-dropdown-list ul::-webkit-scrollbar {
    width: 13px;
    background-color: #ffffff;
    border-radius: 10px;
}

.t-dropdown-list-radio ul::-webkit-scrollbar {
    width: 13px;
    background-color: #ffffff;
    border-radius: 10px;
}

@media only screen and (max-width: 700px) {
    .t-dropdown-list ul::-webkit-scrollbar {
        width: 1px;
    }

    .t-dropdown-list-radio ul::-webkit-scrollbar {
        width: 1px;
    }
}

.t-dropdown-list ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b3b2b2;
}

.t-dropdown-list-radio ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b3b2b2;
}

.t-dropdown-list ul::-webkit-scrollbar-thumb:hover {
    background-color: #9f9f9f;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.t-dropdown-list-radio ul::-webkit-scrollbar-thumb:hover {
    background-color: #9f9f9f;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.t-dropdown-list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: transparent;
    border-radius: 10;
    background-color: transparent;
}

.t-dropdown-list-radio ul::-webkit-scrollbar-track {
    -webkit-box-shadow: transparent;
    border-radius: 10;
    background-color: transparent;
}

.t-dropdown-item {
    padding: 10px 20px;
    margin: 20px 0 0 0;
    cursor: pointer;
    font-size: 20px;
    color: #010101;
}

.t-dropdown-item input {
    padding: 10px 20px;
    margin: 0;
    cursor: pointer;
    font-size: 20px;
    color: black;
}

input[type="checkbox"]:checked + label{
    background: green;
    color: #ffffff;
}

input[type="checkbox"]:checked + label::before{
    content: "✔ ";
}

input[type="checkbox"]{
    display:none;
    margin:0;
}

@media screen and (max-width: 900px) {
    .t-dropdown-item {
        font-size: 16px;
        padding: 8px 20px;
    }
}

@media screen and (max-width: 700px) {
    .t-dropdown-item {
        font-size: 15px;
    }
}

.t-dropdown-item:hover {
    background: #b3b2b2;
    color: #fff;
}

.t-dropdown-select {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: none;
    cursor: pointer;
    border-radius: 8px;
    box-sizing: content-box;
    font-size: 20px;
    color: #010101;
    transition: 400ms;
}

.t-dropdown-select::before {
    content: "";
    display: inline-block;
    background-image: url(../image/arrow-b.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 9px;
    margin-left: 5px;
    position: absolute;
    top: 50%;
    transition: 300ms;
    right: 18px;
    transform: translate(0, -50%);
}

@media screen and (max-width: 900px) {
    .t-dropdown-select::before {
        width: 13px;
        height: 7px;
    }
}

@media screen and (max-width: 700px) {
    .t-dropdown-select::before {
        width: 11px;
        height: 6px;
    }
}

.t-dropdown-select.active::before {
    transform: translate(0, -50%) rotate(180deg);
}

.t-dropdown-input {
    border: 0;
    background: none;
    height: 100%;
    width: 100%;
    cursor: pointer;
    padding: 0 15px 0 20px;
    font-size: 20px;
    line-height: 1.2;
    color: #010101;
}

@media screen and (max-width: 900px) {
    .t-dropdown-input {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .t-dropdown-input {
        font-size: 15px;
    }
}

.t-dropdown-input::-moz-placeholder {
    color: #b3b2b2;
}

.t-dropdown-input::-ms-input-placeholder {
    color: #b3b2b2;
}

.t-dropdown-input::placeholder {
    color: #b3b2b2;
}

.company {
    padding-bottom: 59px;
}

@media screen and (max-width: 900px) {
    .company {
        padding-bottom: 40px;
    }
}

.company__brand {
    max-width: 804px;
    margin: 0 auto;
}

.company__brand .company__brand-grid .t-dropdown-block {
    margin-bottom: 11px;
}

@media screen and (max-width: 900px) {
    .company__brand {
        max-width: 654px;
    }
}

@media screen and (max-width: 700px) {
    .company__brand {
        max-width: 554px;
    }
}

.company__brand-input.company__brand-input-file label {
    cursor: pointer;
    position: relative;
    width: 100%;
    border: 0;
    box-sizing: border-box;
    position: relative;
    height: 38px;
    margin-bottom: 11px;
    background-color: #ffffff;
    border-radius: 19px;
    padding: 0 3px 0 20px;
    letter-spacing: -0.015em;
    font-size: 17px;
    line-height: 1.2;
    grid-column: 1/3;
    color: #b3b2b2;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 900px) {
    .company__brand-input.company__brand-input-file label {
        font-size: 16px;
        height: 34px;
        padding: 8px 3px 8px 20px;
    }
}

@media screen and (max-width: 700px) {
    .company__brand-input.company__brand-input-file label {
        font-size: 15px;
    }
}

.company__brand-input.company__brand-input-file span {
    width: 208px;
    height: 32px;
    background-color: #ae9f8b;
    border-radius: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

@media screen and (max-width: 900px) {
    .company__brand-input.company__brand-input-file span {
        width: 98px;
        height: 30px;
    }
}

.company__brand-input input {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    position: relative;
    height: 38px;
    margin-bottom: 11px;
    background-color: #ffffff;
    border-radius: 19px;
    padding: 0 15px 0 20px;
    font-size: 20px;
    line-height: 1.2;
    color: #010101;
}

.company__brand-input textarea {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    position: relative;
    /*height: 38px;*/
    margin-bottom: 11px;
    background-color: #ffffff;
    border-radius: 19px;
    padding: 0 15px 0 20px;
    font-size: 20px;
    line-height: 1.2;
    color: #010101;
}

.company__brand-input input::-moz-placeholder {
    color: #b3b2b2;
}
.company__brand-input textarea::-moz-placeholder {
    color: #b3b2b2;
}

.company__brand-input input::-ms-input-placeholder {
    color: #b3b2b2;
}

.company__brand-input textarea::-ms-input-placeholder {
    color: #b3b2b2;
}

.company__brand-input input::placeholder {
    color: #b3b2b2;
}

.company__brand-input textarea::placeholder {
    color: #b3b2b2;
}

@media screen and (max-width: 900px) {
    .company__brand-input input {
        height: 34px;
        font-size: 16px;
        padding: 8px 20px;
    }

    .company__brand-input textarea {
        height: 34px;
        font-size: 16px;
        padding: 8px 20px;
    }
}

@media screen and (max-width: 700px) {
    .company__brand-input input {
        font-size: 15px;
    }

    .company__brand-input textarea{
        font-size: 15px;
    }
}

.company__brand .company__brand-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

@media screen and (max-width: 420px) {
    .company__brand .company__brand-grid {
        grid-template-columns: 1fr;
    }
}

.company__title {
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #010101;
    margin-bottom: 15px;
    padding-left: 18px;
}

@media screen and (max-width: 900px) {
    .company__title {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.company #cursor {
    cursor: pointer;
    max-width: 193px;
}

.company #file {
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 25px;
    color: #cccccc;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    cursor: pointer;
}

.company__delete {
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: center;
    font-size: 20px;
    line-height: 1.2;
    color: #454545;
    cursor: pointer;
    transition: 350ms;
}

.company__delete:hover {
    color: red;
}

@media screen and (max-width: 900px) {
    .company__delete {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .company__delete {
        font-size: 15px;
    }
}

.company__delete img {
    width: 11px;
    height: 11px;
    margin-right: 5px;
}

@media screen and (max-width: 700px) {
    .company__delete img {
        width: 8px;
        height: 8px;
    }
}

.company__noimage {
    max-width: 174px;
    margin-bottom: 37px;
}

.company__noimage img {
    display: flex;
}

.company__btn {
    border: none;
    width: 209px;
    height: 38px;
    background-color: #ff0000;
    border-radius: 19px;
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 auto;
    transition: 350ms;
}

.company__btn:hover {
    background-color: #b70808;
}

@media screen and (max-width: 900px) {
    .company__btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .company__btn {
        font-size: 15px;
        width: 170px;
        height: 34px;
    }
}
@media screen and (max-width: 900px) {
    .gallery__items {
        grid-template-columns: 1fr 1fr;
    }
}



@media screen and (max-width: 440px) {
    .gallery__items {
        grid-template-columns: 1fr;
    }
}

.gallery__items::before {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url(../image/light.png) no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 2;
}

.gallery__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

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

.gallery__item img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: relative;
    transition: 300ms;
}

.gallery__item:first-child {
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 685px;
    width: 685px;
    max-height: 685px;
}

@media screen and (max-width: 1300px) {
    .gallery__item:first-child {
        min-width: 500px;
        width: 500px;
    }
}

@media screen and (max-width: 1100px) {
    .gallery__item:first-child {
        min-width: 400px;
        width: 400px;
    }
}

@media screen and (max-width: 900px) {
    .gallery__item:first-child {
        grid-column-start: 1;
        grid-column-end: 3;
        width: 100%;
        min-width: auto;
    }
}

@media screen and (max-width: 440px) {
    .gallery__item:first-child {
        grid-column-start: 1;
        grid-column-end: 2;
    }
}

.gallery__item:first-child img {
    z-index: 5;
}

.gallery__item:first-child .gallery__text {
    font-size: 60px;
}

@media screen and (max-width: 1300px) {
    .gallery__item:first-child .gallery__text {
        font-size: 50px;
    }
}

@media screen and (max-width: 1100px) {
    .gallery__item:first-child .gallery__text {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    .gallery__item:first-child .gallery__text {
        font-size: 24px;
    }
}

.gallery__item:last-child::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../image/more.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
}

.gallery__item:last-child .gallery__text b {
    border-bottom: 2px solid #fff;
}

.gallery__item:last-child .gallery__text span {
    position: relative;
    line-height: 30px;
}

.gallery__item:last-child .gallery__text span:hover::before {
    right: 0;
}

.gallery__item:last-child .gallery__text span:hover b {
    border-bottom: 0;
}

/*.gallery__item:last-child .gallery__text span::before {*/
/*    transition: 300ms;*/
/*    content: "";*/
/*    width: 26px;*/
/*    height: 16px;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 6px;*/
/*    top: 0;*/
/*    background: url(../image/arrow-r-w.png) no-repeat;*/
/*    background-size: contain;*/
/*    background-position: center;*/
/*}*/

.gallery__text {
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-size: 20px;
    letter-spacing: 2px;
    z-index: 5;
    color: #fff;
    text-transform: uppercase;
    transition: 300ms;
}

@media screen and (max-width: 900px) {
    .gallery__text {
        bottom: 16px;
        left: 16px;
        font-size: 18px;
    }
}

.gallery__banner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .gallery__banner {
        min-height: 80px;
    }
}

.gallery__banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .gallery__banner img {
        min-height: 80px;
    }
}

.bottom .menu__link {
    letter-spacing: 3px;
}

.filter {
    margin-bottom: 150px;
}

@media screen and (max-width: 991px) {
    .filter {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 767px) {
    .filter {
        margin-bottom: 60px;
    }
}

.filter__items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media screen and (max-width: 991px) {
    .filter__items {
        flex-direction: column-reverse;
    }
}

.filter__item {
    width: 100%;
}

.filter__saidbar {
    min-width: 375px;
    width: 375px;
    margin-left: 50px;
    padding: 25px;
    background: #d3d3d3;
}

@media screen and (max-width: 1260px) {
    .filter__saidbar {
        min-width: 260px;
        width: 260px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 991px) {
    .filter__saidbar {
        min-width: auto;
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.filter__saidbar-item {
    margin-bottom: 25px;
}

.filter__saidbar-item:last-child {
    margin-bottom: 0;
}

.filter__saidbar-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbbbbb;
}

.filter__saidbar-header.active .filter__saidbar-arrow {
    transform: rotate(180deg);
}

.filter__saidbar-name {
    font-size: 20px;
    text-transform: uppercase;
}

.filter__saidbar-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms;
}

.filter__saidbar-body {
    padding-top: 12px;
}

.filter__saidbar-search {
    margin-bottom: 15px;
    max-width: 315px;
}

@media screen and (max-width: 1260px) {
    .filter__saidbar-search {
        max-width: 260px;
    }
}

@media screen and (max-width: 991px) {
    .filter__saidbar-search {
        max-width: 100%;
    }
}

.filter__saidbar-search input {
    width: 100%;
    height: 35px;
    padding: 0 25px;
    font-size: 20px;
    font-family: inherit;
    color: #000;
    background: #fff;
    border: 0;
    border-radius: 60px;
}

@media screen and (max-width: 1260px) {
    .filter__saidbar-search input {
        max-width: 260px;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .filter__saidbar-search input {
        max-width: 100%;
    }
}

.filter__saidbar-search input:focus-visible {
    outline: none;
}

.filter__saidbar-search input::-moz-placeholder {
    color: #c2c1c1;
}

.filter__saidbar-search input::-ms-input-placeholder {
    color: #c2c1c1;
}

.filter__saidbar-search input::placeholder {
    color: #c2c1c1;
}

.filter .checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px;
}

.filter .checkbox:last-child {
    margin-bottom: 0;
}

.filter .checkbox:last-child {
    margin-bottom: 0;
}

.filter .checkbox__inner {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
}

.filter .checkbox__inner > span {
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    border-radius: 2px;
    position: relative;
}

.filter .checkbox__inner > span.active {
    opacity: 1;
}

.filter .checkbox__inner > span::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ff0000;
    border-radius: 2px;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.filter .checkbox input {
    display: none;
}

.filter .checkbox input:checked + span::before {
    opacity: 1;
    visibility: visible;
}

.filter .checkbox__text {
    font-size: 20px;
    margin-left: 12px;
}

.filter__nav {
    padding-right: 30px;
}

.filter__nav-top {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .filter__nav-top {
        display: block;
    }
}

.filter__nav-search {
    margin-right: 12px;
    width: 100%;
}

.filter__nav-search-partners {
    margin-right: 12px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .filter__nav-search {
        margin-bottom: 15px;
    }
}

.filter__nav-search input {
    height: 35px;
    width: 100%;
    display: block;
    padding: 0 25px;
    font-size: 20px;
    font-family: inherit;
    color: #000;
    background-color: #fff;
    border: 0;
    border-radius: 60px;
    background-image: url(../image/search.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 95% 50%;
}

.filter__nav-search-partners input {
    height: 35px;
    width: 100%;
    display: block;
    padding: 0 25px;
    font-size: 20px;
    font-family: inherit;
    color: #000;
    background-color: #fff;
    border: 0;
    border-radius: 60px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 95% 50%;
}

.filter__nav-search input:focus-visible {
    outline: none;
}

.filter__nav-search input::-moz-placeholder {
    color: #c2c1c1;
}

.filter__nav-search input::-ms-input-placeholder {
    color: #c2c1c1;
}

.filter__nav-search input::placeholder {
    color: #c2c1c1;
}

.filter__nav-btn {
    align-items: center;
    padding: 0 15px;
    font-size: 16px;
    display: flex;
    align-items: center;
    transition: 300ms;
    cursor: pointer;
    background: #fff;
    border: 0;
    font-family: inherit;
    border-radius: 60px;
    width: 230px;
    height: 35px;
    /*min-width: 230px;*/
    margin-right: 12px;
}

@media screen and (max-width: 767px) {
    .filter__nav-btn {
        width: 180px;
        min-width: 180px;
        font-size: 16px;
    }
}

.filter__nav-btn:hover {
    background: #e9e9e9;
}

.filter__nav-btn img {
    margin-right: 12px;
}

.filter__nav-types {
    display: flex;
    align-items: center;
}

.filter__nav-type {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #fff;
    transition: 300ms;
    border-radius: 50%;
    min-width: 38px;
    margin-right: 12px;
}

.filter__nav-type.active {
    background: #c2c1c1;
}

.filter__nav-type:hover {
    background: #d3d3d3;
}

.filter__nav-type:last-child {
    margin-right: 0;
}

.filter__nav-blocks {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .filter__nav-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 10px;
    }
}

.filter__nav-block {
    display: flex;
    align-items: center;
    width: 140px;
    height: 35px;
    justify-content: space-between;
    padding: 0 20px;
    font-size: 20px;
    /*background: #d3d3d3;*/
    background: #d3d3d300;
    border-radius: 40px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .filter__nav-block {
        margin-right: 0;
        width: 100%;
    }
}

.filter__nav-strong {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.filter__nav-del {
    display: flex;
    align-items: center;
    color: #ff0000;
    font-size: 20px;
    cursor: pointer;
}

.filter__nav-del img {
    margin-right: 10px;
}

.filter__item-light {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter__item-light img {
    width: 100%;
    height: 100%;
}

.filter__item-products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
}

.filter__item-partners {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 15px;
}

.filter__item-products.active {
    grid-template-columns: 1fr;
}

.filter__item-products.active .filter__item-product {
    height: auto;
}

.filter__item-products.active .filter__item-product img {
    width: 40%;
    padding: 40px 16px;
}

@media screen and (max-width: 767px) {
    .filter__item-products.active .filter__item-product img {
        padding: 16px;
        width: 60%;
    }
}

.filter__item-products--inro {
    margin-top: 35px;
    position: relative;
}

.filter__item-products--inner {
    /*max-height: 750px;*/
    overflow: hidden;
    /*overflow-y: scroll;*/
    padding-bottom: 180px;
}

.filter__item-partners--inner {
    /*max-height: 1200px;*/
    overflow: hidden;
    /*overflow-y: scroll;*/
    padding-bottom: 180px;
}

.filter__item-partners--inner::-webkit-scrollbar {
    width: 0;
}

.filter__item-products--inner::-webkit-scrollbar {
    width: 0;
}

@media screen and (max-width: 767px) {
    .filter__item-products {
        grid-template-columns: 1fr 1fr;
        row-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px;
    }
}

.filter__item-product {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 290px;
    border: 2px solid #fff;
    transition: 300ms;
    background: #fff;
    padding: 0 16px;
}

@media screen and (max-width: 1260px) {
    .filter__item-product {
        height: 240px;
    }
}

@media screen and (max-width: 520px) {
    .filter__item-product {
        height: 180px;
    }
}

.filter__item-product img {
    width: 100%;
}

.filter__item-product:hover {
    border: 2px solid #ae9f8b;
}


.products {
    padding-bottom: 64px;
}

@media screen and (max-width: 900px) {
    .products {
        padding-bottom: 40px;
    }
}

td {
    border: 1px solid #ae9f8b;
}

.products__block {
    padding: 36px 41px 27px 41px;
    border-radius: 6px;
    background-color: #e2e0e0;
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 900px) {
    .products__block {
        padding: 36px 33px 27px 33px;
    }
}

@media screen and (max-width: 700px) {
    .products__block {
        padding: 20px 15px;
    }
}

.products__menu {
    font-size: 31px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #434343;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin-bottom: 50px;
}

@media screen and (max-width: 900px) {
    .products__menu {
        font-size: 28px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 700px) {
    .products__menu {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

.products__menu li {
    margin-right: 218px;
    position: relative;
}

.products__menu li.active::before {
    content: "";
    position: absolute;
    width: 211px;
    height: 2px;
    background-color: #ae9f8b;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 900px) {
    .products__menu li.active::before {
        width: 160px;
        bottom: -10px;
    }
}

@media screen and (max-width: 700px) {
    .products__menu li.active::before {
        width: 120px;
        bottom: -5px;
    }
}

@media screen and (max-width: 700px) {
    .products__menu li {
        margin-right: 40px;
    }
}

.products__menu li:last-child {
    margin: 0;
}

.products__menu li a {
    transition: 350ms;
    color: #434343;
}

.products__menu li a:hover {
    color: #ae9f8b;
}

.products__input-flex {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 700px) {
    .products__input-flex {
        display: block;
    }
}

.products__head {
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
    text-align: center;
    margin-bottom: 20px;
}

.products__head_a a{
    font-size: 20px;
    text-decoration: underline;
    text-decoration-color: #ae9f8b;
}
.products__item-2 a {
    font-size: 20px;
    text-decoration: underline;
    text-decoration-color: #ae9f8b;
}

@media screen and (max-width: 900px) {
    .products__head {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .products__head {
        font-size: 15px;
    }
}

.products__input-left {
    width: 100%;
}

.products__input-left textarea {
    width: 100%;
    height: 73px;
    resize: none;
    border: none;
    border: 0;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 9px 15px 0 20px;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
}

@media screen and (max-width: 900px) {
    .products__input-left textarea {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .products__input-left textarea {
        font-size: 15px;
    }
}

.products__input-left textarea::-moz-placeholder {
    color: #b3b2b2;
}

.products__input-left textarea::-ms-input-placeholder {
    color: #b3b2b2;
}

.products__input-left textarea::placeholder {
    color: #b3b2b2;
}

.products__input-left textarea:last-child {
    height: 168px;
    margin: 8px 0 20px 0;
}

@media screen and (max-width: 700px) {
    .products__input-left textarea:last-child {
        margin: 8px 0;
    }
}

.products .company__noimage-products {
    margin-left: 15px;
    margin-bottom: 0;
}

@media screen and (max-width: 700px) {
    .products .company__noimage-products {
        margin-left: 0;
        margin-bottom: 22px;
    }
}

.products .products__input-text {
    font-size: 16px;
    line-height: 1.2;
    color: #ff0101;
    margin-bottom: 11px;
}

@media screen and (max-width: 900px) {
    .products .products__input-text {
        font-size: 12px;
    }
}

@media screen and (max-width: 700px) {
    .products .products__input-text {
        font-size: 10px;
    }
}

.products .company__brand-input.company__brand-input-file label {
    margin-bottom: 8px;
}

@media screen and (max-width: 700px) {
    .products .company__brand-input.company__brand-input-file label {
        margin-bottom: 6px;
    }
}
.products .company__brand-grid {
    -moz-column-gap: 10px;
    column-gap: 10px;
}


.products .company__brand-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

@media screen and (max-width: 420px) {
    .products .company__brand-grid-2 {
        grid-template-columns: 1fr;
    }
}

.products .company__brand-grid-2 .t-dropdown-block {
    margin-bottom: 0;
}

@media screen and (max-width: 420px) {
    .products .company__brand-grid-2 .t-dropdown-block {
        margin-bottom: 11px;
    }
}

.products .company__brand-input-min input {
    margin-bottom: 8px;
}

@media screen and (max-width: 700px) {
    .products .company__brand-input-min input {
        font-size: 12px;
    }
}

.products .products__input-text-product {
    margin-bottom: 23px;
}

.products__image-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 25px;
}

@media screen and (max-width: 700px) {
    .products__image-grid {
        grid-template-columns: 1fr 1fr;
        row-gap: 15px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

.products__image-grid .company__noimage {
    margin: 0 auto;
    margin-bottom: 0;
}

.products__image-grid span img {
    width: 100%;
}

.products__item-2 {
    display: none;
}


.products__item-2 textarea {
    width: 100%;
    height: 126px;
    resize: none;
    border: none;
    border: 0;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 9px 15px 0 20px;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 22px;
}

.products__item textarea {
    width: 100%;
    height: 126px;
    resize: none;
    border: none;
    border: 0;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 9px 15px 0 20px;
    font-size: 20px;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 22px;
}

@media screen and (max-width: 900px) {
    .products__item-2 textarea {
        font-size: 16px;
    }
}

@media screen and (max-width: 700px) {
    .products__item-2 textarea {
        font-size: 15px;
        margin-bottom: 11px;
    }
}

.products__item-2 textarea::-moz-placeholder {
    color: #b3b2b2;
}

.products__item-2 textarea::-ms-input-placeholder {
    color: #b3b2b2;
}

.products__item-2 textarea::placeholder {
    color: #b3b2b2;
}

.products__end {
    margin-bottom: 37px;
}

@media screen and (max-width: 635px) {
    .products__end {
        margin-bottom: 20px;
    }
}

.products__end-blocks {
    display: flex;
    margin-bottom: 6px;
    justify-content: space-between;
}

@media screen and (max-width: 635px) {
    .products__end-blocks {
        display: block;
    }
}

.products__end-blocks:last-child {
    margin-bottom: 0;
}

.products__end-block {
    padding: 10px 13px 8px 17px;
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff;
    background-color: #ae9f8b;
    border-radius: 19px;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 900px) {
    .products__end-block {
        font-size: 16px;
    }
}

@media screen and (max-width: 725px) {
    .products__end-block {
        font-size: 15px;
    }
}

@media screen and (max-width: 635px) {
    .products__end-block {
        margin-right: 0;
        margin-bottom: 5px;
        padding: 5px 15px 5px 10px;
        font-size: 12px;
    }
    .products__end-block:last-child {
        margin-bottom: 0;
    }
}

.products__end-block:last-child {
    margin-right: 0;
}

.products__end-block span {
    margin-left: 9px;
    width: 11px;
    height: 11px;
    cursor: pointer;
}

@media screen and (max-width: 725px) {
    .products__end-block span {
        margin-left: 5px;
    }
}

@media screen and (max-width: 725px) {
    .products__end-block span img {
        width: 8px;
        height: 8px;
    }
}

.input__small {
    display: none;
}

@media screen and (max-width: 640px) {
    .input__small {
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .input__max {
        display: none;
    }
}

.filter__nav-top--block {
    display: flex;
    align-items: center;
}

.sled {
    margin-bottom: 105px;
}

.sled__items {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 991px) {
    .sled__items {
        display: block;
    }
}

.sled__image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 70px;
    min-width: 375px;
    width: 375px;
}

@media screen and (max-width: 1200px) {
    .sled__image {
        width: 300px;
        min-width: 300px;
        margin-right: 50px;
    }
    .sled__image img {
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 991px) {
    .sled__image {
        min-width: 260px;
        width: 260px;
        margin: 0 auto 20px auto;
    }
}

.sled__title {
    text-transform: uppercase;
    font-size: 60px;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .sled__title {
        font-size: 36px;
    }
}

.sled__title b {
    color: #ff0000;
}

.sled__title span {
    margin-left: 25px;
    font-size: 24px;
    color: #fff;
    letter-spacing: 2px;
    background: #ff0000;
    border-radius: 30px;
    padding: 6px 12px;
}

@media screen and (max-width: 767px) {
    .sled__title span {
        font-size: 20px;
    }
}

.sled__brands {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .sled__brands {
        display: block;
        margin-bottom: 20px;
    }
}

.sled__brands p {
    font-size: 26px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .sled__brands p {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.sled__brand {
    font-size: 26px;
    text-transform: uppercase;
    padding: 2px 6px;
    border: 2px solid #cecece;
    border-radius: 4px;
    margin-right: 8px;
}

@media screen and (max-width: 767px) {
    .sled__brand {
        margin-right: 6px 6px 5px;
        margin-bottom: 10px;
        font-size: 22px;
        display: inline-block;
        text-align: center;
    }
}

.sled__brand:last-child {
    margin-right: 0;
}

.sled__info {
    font-size: 26px;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .sled__info {
        font-size: 20px;
        margin-bottom: 25px;
    }
}

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

.sled__info p:last-child {
    margin-bottom: 0;
}

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

@media screen and (max-width: 1200px) {
    .sled__end {
        display: block;
    }
}

.sled__end a {
    position: relative;
    font-size: 20px;
    padding-left: 65px;
    margin-top: 5px;
    text-decoration: underline;
}

@media screen and (max-width: 1200px) {
    .sled__end a {
        margin-bottom: 20px;
        display: block;
    }
    .sled__end a:last-child {
        margin-bottom: 0;
    }
}

.sled__end a:hover {
    text-decoration: none;
}

.sled__end a::before {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: url(../image/seld-icon.png) no-repeat;
    background-size: cover;
    background-position: left;
}

.sled__end a:nth-child(2)::before {
    background-position: 49%;
}

.sled__end a:nth-child(3)::before {
    background-position: right;
}


.promotions {
    padding: 60px 0 140px;
}

@media screen and (max-width: 1060px) {
    .promotions {
        padding: 40px 0 120px;
    }
}

@media screen and (max-width: 700px) {
    .promotions {
        padding: 20px 0 80px;
    }
}

.promotions__blocks {
    display: grid;
    grid-template-columns: 348px 348px 348px;
    justify-content: space-between;
}

@media screen and (max-width: 1200px) {
    .promotions__blocks {
        grid-template-columns: 320px 320px 320px;
    }
}

@media screen and (max-width: 1060px) {
    .promotions__blocks {
        grid-template-columns: 300px 300px 300px;
    }
}

@media screen and (max-width: 991px) {
    .promotions__blocks {
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 30px;
    }
}

@media screen and (max-width: 700px) {
    .promotions__blocks {
        grid-template-columns: 1fr;
    }
}

.promotions__block {
    position: relative;
    background: #FFFFFF;
    margin-bottom: 60px;
}

.special__block {
    position: relative;
    background: #FFFFFF;
    margin-bottom: 60px;
}

.promotions__title {
    font-size: 50px;
    line-height: 50px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #000000;
    text-align: center;
    margin-bottom: 71px;
}

@media screen and (max-width: 1200px) {
    .promotions__title {
        font-size: 46px;
    }
}

@media screen and (max-width: 1100px) {
    .promotions__title {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .promotions__title {
        font-size: 30px;
        line-height: 38px;
    }
}

@media screen and (max-width: 700px) {
    .promotions__title {
        margin-bottom: 40px;
        /* font-size: 30px;
        line-height: 38px; */
    }
}

.promotions__title span {
    color: #ff0000;
}

.promotions__name {
    font-size: 30px;
    line-height: 1.2;
    color: #010101;
    /*transform: translate(30%, 0);*/
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 18px 0;
    border-top: 2px solid #d5d5d5;
    width: 90%;
    text-align: center;
    /*background-color: #ff0000;*/
}

.promotions__stand {
    font-size: 20px;
    line-height: 1.2;
    color: #010101;
    /*transform: translate(30%, 0);*/
    margin-top: 20px;
    padding: 18px 0;
    border-top: 2px solid #d5d5d5;
    width: 90%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .promotions__name {
        padding: 20px 0;
        font-size: 30px;
    }
}

.promotions__img img {
    transform: translate(-50%, 0);
    margin-left: 50%;
    max-width: 100%;
}

@media screen and (max-width: 1200px) {
    .promotions__img img {
        width: 160px;
    }
}

@media screen and (max-width: 1060px) {
    .promotions__img img {
        width: 140px;
    }
}

@media screen and (max-width: 991px) {
    .promotions__img img {
        width: 77%;
    }
}

.promotions__top {
    position: absolute;
    top: 0;
    left: 0;
    height: 93px;
    width: 230px;
    font-size: 19px;
    line-height: 28px;
    color: #f1f1f1;
    /*background-color: #ff0000;*/
    display: flex;
    align-items: center;
    justify-content: center;
}


.promotions__discount {
    position: absolute;
    top: 0;
    left: 0;
    height: 93px;
    width: 230px;
    font-size: 19px;
    line-height: 28px;
    color: #f1f1f1;
    background-color: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .promotions__discount {
        height: 75px;
        width: 50%;
        font-size: 16px;
    }
}

@media screen and (max-width: 430px) {
    .promotions__discount {
        font-size: 16px;
    }
}

.promotions__text {
    max-width: 200px;
}

@media screen and (max-width: 1200px) {
    .promotions__text {
        max-width: 143px;
    }
}

@media screen and (max-width: 430px) {
    .promotions__text {
        max-width: 130px;
    }
}

.promotions__item {
    position: relative;
    height: 200px;
}

.promotions__end {
    /*font-size: 25px;*/
    font-size: 15px;
    line-height: 27px;
    /*font-weight: 600;*/
    /*text-transform: uppercase;*/
    color: #000000;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

@media screen and (max-width: 1060px) {
    .promotions__end {
        /*font-size: 23px;*/
        font-size: 12px;
        line-height: 25px;
    }
}

@media screen and (max-width: 700px) {
    .promotions__end {
        margin-top: 15px;
    }
}

.promotions__all {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 400;
    color: #fefefe;
    height: 348px;
    width: 348px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff0000;
}

@media screen and (max-width: 1200px) {
    .promotions__all {
        width: 320px;
        height: 320px;
    }
}

@media screen and (max-width: 1060px) {
    .promotions__all {
        width: 300px;
        height: 300px;
        font-size: 34px;
    }
}

@media screen and (max-width: 991px) {
    .promotions__all {
        width: 100%;
        grid-column: 1/3;
        height: 100px;
        font-size: 29px;
    }
}

@media screen and (max-width: 700px) {
    .promotions__all {
        grid-column: auto;
    }
}

.promotions__all img {
    width: 39px;
    height: 24px;
    margin-left: 15px;
}

@media screen and (max-width: 1060px) {
    .promotions__all img {
        width: 32px;
        height: 22px;
    }
}

@media screen and (max-width: 700px) {
    .promotions__all img {
        width: 38px;
        height: 22px;
    }
}

.special__block:nth-child(3) .promotions__end {
    max-width: 231px;
    margin: 25px auto 0 auto;
}

@media screen and (max-width: 700px) {
    .special__title {
        line-height: 38px;
    }
}

.special__info {
    display: flex;
}

.special__info-block {
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    color: #010101;
    padding: 10px 0;
}

.special__info-block-red {
    background-color: #ff0000;
    color: #ffffff;
}

.special__info-block-red .special__info-text {
    text-decoration: none;
}

.special__info-title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
}

@media screen and (max-width: 1060px) {
    .special__info-title {
        font-size: 17px;
    }
}

.special__info-text {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: line-through;
}

@media screen and (max-width: 1200px) {
    .special__info-text {
        font-size: 21px;
    }
}

@media screen and (max-width: 1060px) {
    .special__info-text {
        font-size: 16px;
    }
}

.special__blocks {
    display: grid;
    grid-template-columns: 285px 285px 285px 285px;
    justify-content: space-between;
}

@media screen and (max-width: 1200px) {
    .special__blocks {
        grid-template-columns: 250px 250px 250px 250px;
    }
}

@media screen and (max-width: 1060px) {
    .special__blocks {
        grid-template-columns: 230px 230px 230px 230px;
    }
}

@media screen and (max-width: 991px) {
    .special__blocks {
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 30px;
    }
}

@media screen and (max-width: 700px) {
    .special__blocks {
        grid-template-columns: 1fr;
    }
}

.special__img {
    display: flex;
    margin-top: 20px;
    margin-bottom: 60px;
    height: 200px;
}

.special__img img {
    margin-left: 50%;
    transform: translate(-50%, 0);
    max-width: 100%;
}

@media screen and (max-width: 1200px) {
    .special__img img {
        width: 180px;
    }
}

@media screen and (max-width: 1060px) {
    .special__img img {
        width: 140px;
    }
}

@media screen and (max-width: 991px) {
    .special__img img {
        width: 77%;
    }
}

.special__all {
    font-size: 38px;
    line-height: 1.2;
    font-weight: 400;
    color: #fefefe;
    height: 280.69px;
    background-color: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.special__all-item p {
    max-width: 259px;
}

@media screen and (max-width: 1200px) {
    .special__all-item p {
        max-width: 225px;
    }
}

@media screen and (max-width: 1060px) {
    .special__all-item p {
        max-width: 216px;
    }
}

@media screen and (max-width: 700px) {
    .special__all-item p {
        max-width: none;
    }
}

@media screen and (max-width: 490px) {
    .special__all-item p {
        max-width: 210px;
    }
}

@media screen and (max-width: 1200px) {
    .special__all {
        font-size: 34px;
    }
}

@media screen and (max-width: 991px) {
    .special__all {
        font-size: 29px;
    }
}

.special__all img {
    width: 39px;
    height: 24px;
    margin-left: 15px;
}

@media screen and (max-width: 1060px) {
    .special__all img {
        width: 32px;
        height: 22px;
    }
}

@media screen and (max-width: 700px) {
    .special__all img {
        width: 38px;
        height: 22px;
    }
}

@media screen and (max-width: 1200px) {
    .special__all {
        height: 246px;
    }
}

@media screen and (max-width: 1060px) {
    .special__all {
        height: 226px;
    }
}

@media screen and (max-width: 991px) {
    .special__all {
        height: 312px;
    }
}

@media screen and (max-width: 700px) {
    .special__all {
        height: 100px;
    }
}

.new {
    padding: 140px 0;
}

@media screen and (max-width: 1060px) {
    .new {
        padding: 120px 0;
    }
}

@media screen and (max-width: 700px) {
    .new {
        padding: 80px 0;
    }
}

.new .special__info-block-red {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new .special__info-text {
    text-decoration: none;
}

.new .special__block:nth-child(3) .promotions__end {
    max-width: none;
}

.wholesale {
    padding: 0 0 140px 0;
}

@media screen and (max-width: 1060px) {
    .wholesale {
        padding: 0 0 120px 0;
    }
}

@media screen and (max-width: 700px) {
    .wholesale {
        padding: 0 0 80px 0;
    }
}

.wholesale .promotions__img {
    display: flex;
    height: 200px;
}

.wholesale .promotions__all p {
    max-width: 259px;
}

@media screen and (max-width: 1060px) {
    .wholesale .promotions__all p {
        max-width: 230px;
    }
}

@media screen and (max-width: 991px) {
    .wholesale .promotions__all p {
        max-width: none;
    }
}

@media screen and (max-width: 450px) {
    .wholesale .promotions__all p {
        max-width: 210px;
    }
}

@media screen and (max-width: 991px) {
    .wholesale .special__info-block {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

.invate {
    position: relative;
}

.invate::before {
    content: '';
    position: absolute;
    background-image: url(../image/fish.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 309px;
    height: 760px;
    left: 0;
    top: -200px;
}

@media screen and (max-width: 1200px) {
    .invate::before {
        display: none;
    }
}

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

@media screen and (max-width: 991px) {
    .invate__blocks {
        flex-direction: column;
    }
}

.invate__img {
    width: 530px;
    height: 530px;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .invate__img {
        width: 430px;
        height: 430px;
    }
}

@media screen and (max-width: 1060px) {
    .invate__img {
        width: 400px;
        height: 400px;
    }
}

@media screen and (max-width: 991px) {
    .invate__img {
        width: 100%;
        height: 100%;
    }
}

.invate__img img {
    width: 100%;
    height: 100%;
}

.invate__date {
    width: 150px;
    height: 230px;
    color: #ffffff;
    font-size: 45px;
    line-height: 47px;
    font-weight: 700;
    background-color: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1200px) {
    .invate__date {
        width: 105px;
        height: 170px;
        font-size: 46px;
        line-height: 45px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1060px) {
    .invate__date {
        width: 100px;
        height: 160px;
        font-size: 36px;
        line-height: 40px;
    }
}

.invate__date span {
    font-size: 24px;
    line-height: 21px;
    font-weight: 600;
    padding-bottom: 2px;
    border-bottom: 1px solid #ffffff;
    margin-left: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1200px) {
    .invate__date span {
        font-size: 19px;
        line-height: 20px;
    }
}

@media screen and (max-width: 1060px) {
    .invate__date span {
        font-size: 18px;
    }
}

.invate__info {
    color: #000000;
    max-width: 605px;
}

@media screen and (max-width: 1200px) {
    .invate__info {
        max-width: 575px;
    }
}

@media screen and (max-width: 1060px) {
    .invate__info {
        max-width: 518px;
    }
}

@media screen and (max-width: 991px) {
    .invate__info {
        max-width: none;
    }
}

.invate__title {
    font-size: 48px;
    line-height: 53px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: "Myriad Pro";
}

@media screen and (max-width: 1200px) {
    .invate__title {
        font-size: 44px;
        line-height: 49px;
    }
}

@media screen and (max-width: 1060px) {
    .invate__title {
        font-size: 40px;
        line-height: 45px;
    }
}

@media screen and (max-width: 991px) {
    .invate__title {
        text-align: center;
        margin-top: 20px;
        font-size: 36px;
        line-height: 39px;
    }
}

@media screen and (max-width: 700px) {
    .invate__title {
        font-size: 30px;
        line-height: 34px;
    }
}

.invate__title span {
    color: #ff0000;
}

.invate__text {
    font-size: 21px;
    line-height: 25px;
    font-weight: 300;
    margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
    .invate__text {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1060px) {
    .invate__text {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 12px;
    }
}

.invate__text:last-child {
    margin-bottom: 0;
}

.invate__text span {
    position: relative;
}

.invate__text span::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #000000;
    bottom: 2px;
    position: absolute;
}

.special-invate {
    padding: 140px 0;
}

@media screen and (max-width: 1060px) {
    .special-invate {
        padding: 120px 0;
    }
}

@media screen and (max-width: 700px) {
    .special-invate {
        padding: 80px 0;
    }
}

.special-invate .special__blocks {
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

@media screen and (max-width: 1200px) {
    .special-invate .special__blocks {
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}

@media screen and (max-width: 1060px) {
    .special-invate .special__blocks {
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

@media screen and (max-width: 991px) {
    .special-invate .special__blocks {
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

@media screen and (max-width: 767px) {
    .special-invate .special__blocks {
        grid-template-columns: 1fr;
    }
}

.special-invate .special__img img {
    width: 100%;
}

.youtube {
    padding-bottom: 140px;
}

@media screen and (max-width: 1060px) {
    .youtube {
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 700px) {
    .youtube {
        padding-bottom: 80px;
    }
}

.youtube iframe {
    width: 100%;
    height: 640px;
}

@media screen and (max-width: 1200px) {
    .youtube iframe {
        height: 540px;
    }
}

@media screen and (max-width: 1060px) {
    .youtube iframe {
        height: 440px;
    }
}

@media screen and (max-width: 991px) {
    .youtube iframe {
        height: 380px;
    }
}

@media screen and (max-width: 700px) {
    .youtube iframe {
        height: 300px;
    }
}

.adress {
    padding: 140px 0 0 0;
    color: #000000;
}

@media screen and (max-width: 1060px) {
    .adress {
        padding: 120px 0 0 0;
    }
}

@media screen and (max-width: 700px) {
    .adress {
        padding: 80px 0 0 0;
    }
}

.adress__blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px;
}

@media screen and (max-width: 991px) {
    .adress__blocks {
        flex-direction: column;
    }
}

@media screen and (max-width: 700px) {
    .adress__blocks {
        margin-bottom: 60px;
    }
}

.adress__block {
    max-width: 588px;
}

@media screen and (max-width: 1200px) {
    .adress__block {
        max-width: 534px;
    }
}

@media screen and (max-width: 1060px) {
    .adress__block {
        max-width: 494px;
    }
}

@media screen and (max-width: 991px) {
    .adress__block {
        max-width: none;
        margin-bottom: 30px;
    }
}

.adress__title {
    display: flex;
    align-items: flex-start;
    font-size: 25px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin-bottom: 129px;
}

@media screen and (max-width: 1200px) {
    .adress__title {
        font-size: 23px;
        line-height: 26px;
        margin-bottom: 90px;
    }
}

@media screen and (max-width: 1060px) {
    .adress__title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 65px;
    }
}

@media screen and (max-width: 991px) {
    .adress__title {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 767px) {
    .adress__title {
        font-size: 15px;
        line-height: 21px;
    }
}

.adress__title img {
    margin-right: 27px;
}

@media screen and (max-width: 700px) {
    .adress__title img {
        margin-right: 15px;
    }
}

.adress__centr {
    font-size: 43px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 45px;
}

@media screen and (max-width: 1060px) {
    .adress__centr {
        font-size: 38px;
        line-height: 40px;
    }
}

@media screen and (max-width: 700px) {
    .adress__centr {
        font-size: 29px;
        line-height: 36px;
    }
}

.adress__centr span {
    color: #ff0000;
}

.adress__centr a {
    text-decoration: underline;
    text-underline-offset: 7px;
    text-decoration-thickness: 1px;
}

.adress__end {
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #181818;
}

@media screen and (max-width: 1200px) {
    .adress__end {
        font-size: 26px;
        line-height: 37px;
        letter-spacing: 0.15em;
    }
}

@media screen and (max-width: 1060px) {
    .adress__end {
        font-size: 25px;
    }
}

@media screen and (max-width: 700px) {
    .adress__end {
        font-size: 18px;
        line-height: 32px;
    }
}

.adress__end span {
    color: #ff0000;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}

.adress__map {
    box-shadow: 15px 14px 46px 0px #5e5a5291;
}

@media screen and (max-width: 991px) {
    .adress__map {
        width: 100%;
    }
}

@media screen and (max-width: 1060px) {
    .adress__map {
        box-shadow: 7px 7px 38px 0px #5e5a5291;
    }
}

.adress__map iframe {
    width: 580px;
    height: 580px;
}

@media screen and (max-width: 1200px) {
    .adress__map iframe {
        width: 480px;
        height: 480px;
    }
}

@media screen and (max-width: 1060px) {
    .adress__map iframe {
        width: 460px;
        height: 460px;
    }
}

@media screen and (max-width: 991px) {
    .adress__map iframe {
        width: 100%;
        height: 400px;
    }
}

@media screen and (max-width: 700px) {
    .adress__map iframe {
        height: 300px;
    }
}

.sponsor {
    padding: 140px 0;
    background-image: url(../image/fish.png);
    background-position: left 8%;
}

@media screen and (max-width: 1200px) {
    .sponsor {
        background-image: none;
    }
}

@media screen and (max-width: 1060px) {
    .sponsor {
        padding: 120px 0;
    }
}

@media screen and (max-width: 700px) {
    .sponsor {
        padding: 80px 0;
    }
}

.sponsor .expert__title {
    font-size: 50px;
}

@media screen and (max-width: 1200px) {
    .sponsor .expert__title {
        font-size: 46px;
    }
}

@media screen and (max-width: 1100px) {
    .sponsor .expert__title {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .sponsor .expert__title {
        font-size: 30px;
        line-height: 38px;
    }
}

@media screen and (max-width: 700px) {
    .sponsor .expert__title {
        margin-bottom: 40px;
    }
}

.sponsor .export__all {
    font-size: 30px;
}

@media screen and (max-width: 1060px) {
    .sponsor .export__all {
        font-size: 24px;
    }
}

@media screen and (max-width: 991px) {
    .sponsor .export__all {
        font-size: 22px;
    }
}

.action {
    position: relative;
}

.action::before {
    content: "";
    position: absolute;
    background-image: url(../image/fish.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 309px;
    height: 760px;
    left: 0;
    top: -200px;
}

@media screen and (max-width: 1200px) {
    .action::before {
        display: none;
    }
}

.action::after {
    content: "";
    position: absolute;
    background-image: url(../image/bear.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 249px;
    height: 839px;
    right: 0;
    top: 35%;
}

@media screen and (max-width: 1200px) {
    .action::after {
        display: none;
    }
}

.action__bread {
    text-align: center;
    font-size: 27px;
    margin-bottom: 40px;
}

@media screen and (max-width: 1100px) {
    .action__bread {
        font-size: 25px;
    }
}

@media screen and (max-width: 991px) {
    .action__bread {
        font-size: 22px;
    }
}

@media screen and (max-width: 700px) {
    .action__bread {
        font-size: 20px;
    }
}

.action__bread b {
    font-family: "Bahnschrift SemiBold Condensed";
    font-weight: 300;
    font-size: 26px;
    margin: 0 17px;
}

@media screen and (max-width: 1100px) {
    .action__bread b {
        font-size: 24px;
    }
}

@media screen and (max-width: 991px) {
    .action__bread b {
        font-size: 21px;
        margin: 0 13px;
    }
}

@media screen and (max-width: 700px) {
    .action__bread b {
        font-size: 18px;
        margin: 0 2px;
    }
}

.action__bread span {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.action .promotions__title {
    margin-bottom: 65px;
}

@media screen and (max-width: 700px) {
    .action .promotions__title {
        margin-bottom: 40px;
    }
}

.action .promotions__blocks {
    row-gap: 75px;
    margin-bottom: 90px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 991px) {
    .action .promotions__blocks {
        row-gap: 60px;
        margin-bottom: 65px;
    }
}

@media screen and (max-width: 700px) {
    .action .promotions__blocks {
        row-gap: 40px;
        margin-bottom: 40px;
    }
}

.action__link.red {
    color: #ff0000;
    position: relative;
}

.action__link.red::before {
    content: "";
    position: absolute;
    width: 60%;
    height: 1px;
    background-color: #ff0000;
    bottom: 3px;
    left: 50%;
    transform: translate(-50%, 0);
}

@media screen and (max-width: 500px) {
    .action__link.red::before {
        width: 90%;
        bottom: 2px;
    }
}

.action__list {
    list-style-type: none;
    display: flex;
    font-size: 25px;
    justify-content: center;
    margin-bottom: 70px;
    align-items: center;
}

@media screen and (max-width: 1060px) {
    .action__list {
        font-size: 23px;
    }
}

@media screen and (max-width: 700px) {
    .action__list {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 500px) {
    .action__list {
        font-size: 21px;
    }
}

.action__list span {
    transform: translateY(-7px);
    margin-right: 45px;
}

@media screen and (max-width: 500px) {
    .action__list span {
        transform: translateY(-5px);
        margin-right: 18px;
    }
}

.action__list a {
    margin-right: 45px;
    transition: 300ms;
}

.action__list a:hover {
    color: #ff0000;
}

@media screen and (max-width: 991px) {
    .action__list a {
        margin-right: 40px;
    }
}

@media screen and (max-width: 500px) {
    .action__list a {
        margin-right: 18px;
    }
}

.action__list a:first-child {
    margin-right: 60px;
}

@media screen and (max-width: 991px) {
    .action__list a:first-child {
        margin-right: 50px;
    }
}

@media screen and (max-width: 500px) {
    .action__list a:first-child {
        margin-right: 22px;
    }
}

.action__list a:last-child {
    margin-left: 15px;
    margin-right: 0;
}

@media screen and (max-width: 991px) {
    .action__list a:last-child {
        margin-left: 10px;
    }
}

@media screen and (max-width: 500px) {
    .action__list a:last-child {
        margin-left: 4px;
    }
}

.action__list a b {
    font-family: "Bahnschrift SemiBold Condensed";
    font-weight: 300;
    font-size: 23px;
}

@media screen and (max-width: 1060px) {
    .action__list a b {
        font-size: 21px;
    }
}

.action__follow {
    padding: 60px 0;
    background-color: #e2e0e0;
    margin: 60px 0;
}

@media screen and (max-width: 1100px) {
    .action__follow {
        padding: 50px 0;
        margin: 50px 0;
    }
}

.action__follow .promotions__title {
    margin-bottom: 45px;
}

.action__input {
    position: relative;
}

.action__input::before {
    content: "";
    position: absolute;
    background-image: url(https://www.hunting-expo.ru/bitrix/templates/hunt_new/image/letter.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 42px;
    height: 32px;
    left: 30px;
    top: 50%;
    transform: translate(0, -50%);
}

@media screen and (max-width: 991px) {
    .action__input::before {
        width: 34px;
        height: 26px;
        left: 20px;
    }
}

@media screen and (max-width: 700px) {
    .action__input::before {
        top: 23%;
    }
}

@media screen and (max-width: 500px) {
    .action__input::before {
        display: none;
    }
}

.action__input button {
    width: 280px;
    height: 56px;
    border-radius: 50px;
    border: none;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 0.118em;
    color: #ffffff;
    background-color: #ff0000;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    transition: 350ms;
    font-family: "Bahnschrift SemiBold Condensed";
}

.action__input button:hover {
    background-color: #d30303;
}

@media screen and (max-width: 1100px) {
    .action__input button {
        font-size: 30px;
        width: 270px;
    }
}

@media screen and (max-width: 991px) {
    .action__input button {
        font-size: 24px;
        width: 240px;
    }
}

@media screen and (max-width: 700px) {
    .action__input button {
        position: static;
        transform: none;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .action__input button {
        height: 50px;
        font-size: 18px;
    }
}

.action__input input {
    width: 100%;
    border: none;
    height: 62px;
    border-radius: 50px;
    padding-left: 100px;
    font-size: 30px;
    color: #000;
    padding-right: 300px;
}

@media screen and (max-width: 1100px) {
    .action__input input {
        padding-right: 290px;
    }
}

@media screen and (max-width: 991px) {
    .action__input input {
        font-size: 24px;
        padding-left: 70px;
        padding-right: 260px;
    }
}

@media screen and (max-width: 700px) {
    .action__input input {
        margin-bottom: 20px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 500px) {
    .action__input input {
        padding: 0 15px;
        font-size: 18px;
        height: 50px;
    }
}

.action__input input::-moz-placeholder {
    color: #b3b2b2;
}

.action__input input::-ms-input-placeholder {
    color: #b3b2b2;
}

.action__input input::placeholder {
    color: #b3b2b2;
}

.card {
    padding-top: 20px;
    position: relative;
}

.card::before {
    content: "";
    position: absolute;
    background-image: url(../image/fish.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 309px;
    height: 760px;
    left: 0;
    top: -200px;
}

@media screen and (max-width: 1200px) {
    .card::before {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .card {
        padding-top: 0;
    }
}

.card__slider {
    min-width: 460px;
    width: 460px;
}

@media screen and (max-width: 1200px) {
    .card__slider {
        min-width: 420px;
        width: 420px;
    }
}

@media screen and (max-width: 1100px) {
    .card__slider {
        min-width: 390px;
        width: 390px;
    }
}

@media screen and (max-width: 991px) {
    .card__slider {
        min-width: 530px;
        width: 530px;
        margin: 0 auto;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 700px) {
    .card__slider {
        min-width: auto;
        max-width: 530px;
        width: 100%;
        margin-bottom: 30px;
    }
}

.card__images img {
    max-width: 100%;
    max-height: 100%;
    display: flex;
}

.card__cart {
    margin-bottom: 9px;
}

.card__cart-bottom img {
    max-width: 100%;
    max-height: 100%;
    display: flex;
    cursor: pointer;
}

.card .swiper-slide-thumb-active {
    border: 1px solid #ff0000;
}

.card__item {
    margin: 40px 0 0 0;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 991px) {
    .card__item {
        flex-direction: column;
    }
}

.card__back {
    font-size: 25px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1100px) {
    .card__back {
        font-size: 23px;
    }
}

@media screen and (max-width: 700px) {
    .card__back {
        font-size: 20px;
    }
}

.card__back b {
    font-family: "Bahnschrift SemiBold Condensed";
    font-weight: 300;
    font-size: 23px;
}

@media screen and (max-width: 1060px) {
    .card__back b {
        font-size: 21px;
    }
}

.card__info {
    max-width: 670px;
}

@media screen and (max-width: 1200px) {
    .card__info {
        max-width: 614px;
    }
}

@media screen and (max-width: 1100px) {
    .card__info {
        max-width: 537px;
    }
}

@media screen and (max-width: 991px) {
    .card__info {
        max-width: none;
    }
}

@media screen and (max-width: 1200px) {
    .card__info-logo {
        width: 170px;
        height: 77px;
    }
}

@media screen and (max-width: 991px) {
    .card__info-logo {
        width: 155px;
        height: 70px;
    }
}

@media screen and (max-width: 700px) {
    .card__info-logo {
        width: 130px;
        height: 55px;
    }
}

.card__info-logo img {
    width: 100%;
    height: 100%;
}

.card__info-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
    .card__info-head {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 700px) {
    .card__info-head {
        margin-bottom: 20px;
    }
}

.card__info-stand {
    font-size: 25px;
}

@media screen and (max-width: 1100px) {
    .card__info-stand {
        font-size: 23px;
    }
}

@media screen and (max-width: 700px) {
    .card__info-stand {
        font-size: 20px;
    }
}

.card__info-title {
    font-size: 33px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {
    .card__info-title {
        font-size: 31px;
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 1100px) {
    .card__info-title {
        font-size: 28px;
        letter-spacing: 0.13em;
    }
}

@media screen and (max-width: 700px) {
    .card__info-title {
        font-size: 23px;
        margin-bottom: 25px;
    }
}

.card__info-title span {
    color: #ff0000;
}

.card__info-description {
    font-size: 25px;
    margin-bottom: 15px;
}

@media screen and (max-width: 1200px) {
    .card__info-description {
        font-size: 23px;
    }
}

@media screen and (max-width: 1100px) {
    .card__info-description {
        font-size: 21px;
    }
}

@media screen and (max-width: 700px) {
    .card__info-description {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.card__info-text {
    font-size: 25px;
    margin-bottom: 40px;
}

@media screen and (max-width: 1200px) {
    .card__info-text {
        font-size: 23px;
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 1100px) {
    .card__info-text {
        font-size: 21px;
    }
}

@media screen and (max-width: 700px) {
    .card__info-text {
        font-size: 18px;
        margin-bottom: 25px;
    }
}

.card__info-buy {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .card__info-buy {
        justify-content: center;
    }
}

.card__info-sum {
    font-size: 60px;
    margin-right: 60px;
}

@media screen and (max-width: 1200px) {
    .card__info-sum {
        font-size: 55px;
    }
}

@media screen and (max-width: 1100px) {
    .card__info-sum {
        font-size: 50px;
    }
}

@media screen and (max-width: 700px) {
    .card__info-sum {
        font-size: 35px;
        margin-right: 25px;
    }
}

.card__info-btn {
    width: 250px;
    height: 72px;
    border-radius: 50px;
    background-color: #ff0000;
    color: #ffffff;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 350ms;
}

@media screen and (max-width: 1200px) {
    .card__info-btn {
        width: 220px;
        height: 60px;
        font-size: 28px;
    }
}

@media screen and (max-width: 1100px) {
    .card__info-btn {
        width: 200px;
        height: 55px;
        font-size: 26px;
    }
}

@media screen and (max-width: 700px) {
    .card__info-btn {
        width: 135px;
        height: 45px;
        font-size: 21px;
    }
}

.card__info-btn:hover {
    background-color: #d30303;
}

.characteristic {
    padding: 80px 0 20px;
    position: relative;
}

.characteristic::before {
    content: "";
    position: absolute;
    background-image: url(../image/bear.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 249px;
    height: 839px;
    right: 0;
    top: 100px;
}

@media screen and (max-width: 1200px) {
    .characteristic::before {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .characteristic {
        padding: 60px 0 0 0;
    }
}

.characteristic .card__info-title {
    text-align: center;
}

.characteristic__blocks {
    position: relative;
    z-index: 2;
}

.characteristic__block {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px 15px 24px;
    text-align: right;
}

@media screen and (max-width: 700px) {
    .characteristic__block {
        padding: 10px;
    }
}

.characteristic__block p:first-child {
    margin-right: 15px;
}

.characteristic__block-white {
    background-color: #ffffff;
}

.characteristic__block-white:last-child p:last-child {
    max-width: 900px;
}

.characteristic__block p {
    font-size: 20px;
}

@media screen and (max-width: 991px) {
    .characteristic__block p {
        font-size: 18px;
    }
}

@media screen and (max-width: 700px) {
    .characteristic__block p {
        font-size: 17px;
    }
}

.contacts {
    position: relative;
}

.contacts:before {
    content: "";
    position: absolute;
    background-image: url(../image/fish.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 309px;
    height: 760px;
    left: 0;
    top: -130px;
}

@media screen and (max-width: 1200px) {
    .contacts:before {
        display: none;
    }
}

.contacts::after {
    content: "";
    position: absolute;
    background-image: url(../image/bear.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 249px;
    height: 839px;
    right: 0;
    top: 37%;
}

@media screen and (max-width: 1200px) {
    .contacts::after {
        display: none;
    }
}

.contacts__items {
    position: relative;
    z-index: 2;
}

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

@media screen and (max-width: 991px) {
    .contacts__item {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}

.contacts__info {
    max-width: 536px;
}

@media screen and (max-width: 1200px) {
    .contacts__info {
        max-width: 479px;
    }
}

@media screen and (max-width: 991px) {
    .contacts__info {
        max-width: none;
        margin-bottom: 40px;
    }
}

.contacts__info-title {
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 45px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #000000;
}

@media screen and (max-width: 1200px) {
    .contacts__info-title {
        font-size: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 991px) {
    .contacts__info-title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }
}

.contacts__info-block {
    margin-bottom: 100px;
}

@media screen and (max-width: 1200px) {
    .contacts__info-block {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 991px) {
    .contacts__info-block {
        margin-bottom: 40px;
    }
}

.contacts__info-block:first-child .contacts__tel {
    margin-bottom: 0;
}

.contacts__info-block:last-child {
    margin-bottom: 0;
}

.contacts__info-block:last-child .contacts__info-title {
    margin-bottom: 10px;
}

.contacts__info-block:last-child .contacts__tel:last-child {
    margin-bottom: 0;
}

.contacts__info-text {
    margin-bottom: 20px;
    font-size: 23px;
    text-transform: uppercase;
    color: #000000;
}

@media screen and (max-width: 1200px) {
    .contacts__info-text {
        font-size: 20px;
    }
}

.contacts__tel {
    display: flex;
    align-items: center;
    font-size: 23px;
    line-height: 37px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
    .contacts__tel {
        font-size: 20px;
    }
}

@media screen and (max-width: 991px) {
    .contacts__tel {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 700px) {
    .contacts__tel {
        line-height: 20px;
    }
}

.contacts__tel img {
    margin-right: 20px;
}

@media screen and (max-width: 1200px) {
    .contacts__tel img {
        width: 28px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .contacts__tel img {
        width: 23px;
        margin-right: 10px;
    }
}

.special {
    position: relative;
    z-index: 2;
}

.contacts__banner {
    margin-top: 80px;
}

.experts {
    position: relative;
    padding: 50px 0 70px 0;
}

@media only screen and (max-width: 767px) {
    .experts {
        padding: 30px 0 50px 0;
    }
}

.experts__bg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -200px;
}

@media only screen and (max-width: 767px) {
    .experts__bg {
        width: 200px;
    }
}

.experts__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 75px;
}

@media only screen and (max-width: 991px) {
    .experts__items {
        align-items: flex-start;
    }
}

@media only screen and (max-width: 767px) {
    .experts__items {
        display: block;
        text-align: center;
    }
}

.experts__items:last-child {
    margin-bottom: 0;
}

.experts__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 480px;
    min-width: 480px;
    margin-right: 65px;
}

.experts__image img {
    width: 100%;
    height: 100%;
}

.experts__image2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 65px;
}

.experts__image2 img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1200px) {
    .experts__image {
        min-width: 380px;
        width: 380px;
        margin-right: 45px;
    }
}

@media only screen and (max-width: 991px) {
    .experts__image {
        min-width: 320px;
        width: 320px;
        margin-right: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .experts__image {
        min-width: 280px;
        width: 280px;
        margin: 0 auto 20px auto;
    }
}

.experts__name {
    font-size: 48px;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width: 991px) {
    .experts__name {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .experts__name {
        font-size: 36px;
        margin-bottom: 10px;
    }
}

.experts__name span {
    color: #d30303;
}

.experts__info {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 90px;
}

@media only screen and (max-width: 1200px) {
    .experts__info {
        margin-bottom: 50px;
        font-size: 20px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .experts__info {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}

.experts__text {
    padding: 0 95px;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    font-weight: 300;
}

@media only screen and (max-width: 1200px) {
    .experts__text {
        font-size: 20px;
        line-height: 26px;
        padding: 0 70px;
    }
}

@media only screen and (max-width: 991px) {
    .experts__text {
        font-size: 18px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .experts__text {
        padding: 0 45px;
    }
}

.experts__text::before {
    content: '';
    display: block;
    width: 75px;
    height: 75px;
    background: url(../image/experts-abs-1.png) no-repeat;
    background-size: 75px;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 1200px) {
    .experts__text::before {
        width: 55px;
        height: 55px;
        background-size: 55px;
    }
}

@media only screen and (max-width: 767px) {
    .experts__text::before {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
}

.experts__text::after {
    content: '';
    display: block;
    width: 75px;
    height: 75px;
    background: url(../image/experts-abs-1.png) no-repeat;
    background-size: 75px;
    background-position: center;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 1200px) {
    .experts__text::after {
        width: 55px;
        height: 55px;
        background-size: 55px;
    }
}

@media only screen and (max-width: 767px) {
    .experts__text::after {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
}
.gallery{margin-top:95px}
@media only screen and (max-width:767px){
    .gallery{margin-top:60px;margin-bottom:20px}
}
.gallery h1{margin-bottom:8px}
.gallery__subtitle{
    text-transform:uppercase;font-size:36px;margin-bottom:31px
}
@media only screen and (max-width:1023px){
    .gallery__subtitle{font-size:30px}
}
@media only screen and (max-width:767px){
    .gallery__subtitle{font-size:20px}
}
.gallery .dates a{font-size:24px;color:#445c5c}
@media only screen and (max-width:767px){
    .gallery .dates a{font-size:16px}
}
.gallery .dates a.active{color:#fe0000}
.gallery__list{
    display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}
.gallery__photo{
    -webkit-background-size:cover;background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;width:calc(33.33% - 30px);
    padding-bottom:20.3%;display:inline-block;margin:0 15px 30px
}
@media only screen and (max-width:1023px){
    .gallery__photo{
        width:calc(33.33% - 16px);
        margin:0 8px 16px}
}
.gallery__photo.wide{
    width:calc(55% - 30px);
    padding-bottom:34%
}
@media only screen and (max-width:1023px){
    .gallery__photo.wide{width:calc(55% - 16px)
    }
}
.gallery__photo.half{width:calc(45% - 30px);
    padding-bottom:34%
}
@media only screen and (max-width:1023px){
    .gallery__photo.half{
        width:calc(45% - 16px)
    }
}

.pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height: 15px;
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px
}

.pagination .icon{
    width: 10px;
    height: 10px;
    fill:#445c5c;
    font-size:5px;
    position:relative;
    top:3px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.pagination a{
    color:black;
    text-decoration:none;
    display:inline-block;
    margin:0 8px;-webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.pagination a:hover{
    color:#fe0000
}
.pagination a:hover .icon{fill:#fe0000}


.news {
    padding-bottom: 80px;
}

@media screen and (max-width: 991px) {
    .news {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .news {
        padding-bottom: 30px;
    }
}

.news::before {
    top: 500px;
}

.news::after {
    top: 100px;
}

.news .action__bread {
    margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
    .news .action__bread {
        margin-bottom: 40px;
    }
}

.news .action__bread span {
    text-underline-offset: 6px;
    white-space: nowrap;
}

.news__img {
    position: relative;
    z-index: 2;
    float: left;
    margin-right: 55px;
}

@media screen and (max-width: 1100px) {
    .news__img {
        margin-right: 30px;
    }
}

@media screen and (max-width: 991px) {
    .news__img {
        float: none;
        margin-right: 0;
    }
}

.news__img img {
    max-width: 575px;
}

@media screen and (max-width: 1200px) {
    .news__img img {
        max-width: 475px;
    }
}

@media screen and (max-width: 991px) {
    .news__img img {
        max-width: none;
        width: 100%;
    }
}

.news__data {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 134px;
    height: 242px;
    background: #ff0000;
}

@media screen and (max-width: 1200px) {
    .news__data {
        width: 110px;
        height: 200px;
    }
}

@media screen and (max-width: 991px) {
    .news__data {
        width: 100px;
        height: 160px;
    }
}

.news__data-head {
    padding-bottom: 10px;
    margin-bottom: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.news__data-head::before {
    content: "";
    position: absolute;
    width: 52px;
    height: 1px;
    background: #ffffff;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.news__data-number {
    font-size: 45px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px;
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .news__data-number {
        font-size: 36px;
    }
}

.news__data-month {
    font-size: 20px;
    line-height: 21px;
    font-weight: 600;
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .news__data-month {
        font-size: 18px;
    }
}

.news__data-time {
    font-size: 18px;
    line-height: 21px;
    font-weight: 300;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .news__data-time {
        font-size: 16px;
    }
}

.news__info {
    margin-top: 20px;
}

.news__title {
    font-size: 50px;
    line-height: 36px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1200px) {
    .news__title {
        font-size: 46px;
    }
}

@media screen and (max-width: 1100px) {
    .news__title {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .news__title {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }
}

.news__title span {
    color: #ff0000;
}

.news__text {
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 991px) {
    .news__text {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    .news__text {
        margin-bottom: 30px;
    }
}

.news__text p {
    font-size: 20px;
    line-height: 34px;
    font-weight: 300;
    margin-bottom: 15px;
}

@media screen and (max-width: 1200px) {
    .news__text p {
        font-size: 19px;
        line-height: 29px;
    }
}

@media screen and (max-width: 1100px) {
    .news__text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .news__text p {
        line-height: 21px;
        margin-bottom: 12px;
    }
}

.news__text p span {
    display: block;
}

.news__text p:last-child {
    margin-bottom: 0;
}

.news__back {
    font-size: 27px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    transition: 300ms;
}

@media screen and (max-width: 1100px) {
    .news__back {
        font-size: 25px;
    }
}

@media screen and (max-width: 767px) {
    .news__back {
        font-size: 20px;
    }
}

.news__back:hover {
    color: #ff0000;
}

.news__back span {
    font-family: "Bahnschrift";
    font-weight: 300;
    font-size: 26px;
}

@media screen and (max-width: 1110px) {
    .news__back span {
        font-size: 24px;
    }
    .form_email{
        text-align: center;
        position: center;
    }

    .form_button{
        text-align: center;
        position: center;
    }
}

@media screen and (max-width: 767px) {
    .news__back span {
        font-size: 18px;
    }


    .form_email{
        text-align: center;
        position: center;
    }

    .form_button{
        text-align: center;
        position: center;
    }

}


/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/*Форма Подписаться*/

.subscribe {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: white;
    width: 945px;
    height: 474px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(117, 117, 117, 0.2);
    max-width: 100%;
    max-height: 100%;
    margin-left: 130px;
}
@media screen and (max-width: 1110px) {
    .subscribe {
        margin-left: 0px;
    }
}

.subscribe_container{
    width: 95%;
    margin: auto;
    padding: 5px;
    text-align: center;
    justify-content: center;
}


.subscribe__title {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin-bottom: 18px;
    margin-left: 10px;
    max-width: 100%;
}

.subscribe__copy {
    text-align: center;
    margin-bottom: 53px;
    line-height: 1.5;
    max-width: 100%;
}

.form {
    margin-bottom: 25px;
    max-width: 80%;
}

.form__email {
    padding: 20px 25px 20px 20px;
    border-radius: 5px;
    border: 1px solid #CAD3DB;
    /*width: 431px;*/
    font-size: 18px;
    color: #0F121F;
    max-width: 100%;
    margin-top: 20px;
}

.form__email:focus {
    outline: 1px solid #3D9FFF;
    max-width: 100%;
}

.form__button {
    background: #757575;
    padding: 10px;
    border: none;
    width: 244px;
    height: 65px;
    border-radius: 5px;
    font-size: 18px;
    color: white;
    box-shadow: 0 4px 20px rgba(117, 117, 117, 0.7);
    max-width: 100%;
    max-height: 100%;
    margin-top: 20px;
    cursor: pointer;
}

.form__button:hover {
    box-shadow: 0 10px 20px rgba(117, 117, 117, 0.7);
}

.notice {
    width: 345px;
    max-width: 100%;
}
.subscribe_checkbox{
    border-radius: 5px;
    border: 1px solid #CAD3DB;
}
.banner img{
    max-width: 100%;
}
.banner{
    text-align: center;
}


/* ///////////////////////////////////////////// */

.members {
    padding: 36px 0 134px;
    position: relative;
    z-index: 1;


}

.members::before{
    content: "";
    position: absolute;
    background-image: url(../image/fish.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 309px;
    height: 760px;
    left: 0;
    top: -130px;
    z-index: -2;
}

.members::after {
    content: "";
    position: absolute;
    background-image: url(../image/bear.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 249px;
    height: 839px;
    right: 0;
    top: 37%;
    z-index: -2;
}

.members .action__list{
    margin: 59px 0 0 0;
}

.members__search {
    max-width: 567px;
    border-radius: 19px;
    box-shadow: 4px 5px 7px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-bottom: 51px;
}

.members__search input {
    background-image: url(../image/search.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right 13px bottom 50%;
    width: 100%;
    height: 38px;
    font-size: 20px;

    border: none;
    padding-left: 22px;
    padding-right: 40px;
}

.members__search input::placeholder {
    color: #b3b2b2;
}

.members__navs {
    display: flex;
    justify-content: space-between;
    padding: 0 85px;
    margin-bottom: 55px;
}

.members__nav {
    padding-bottom: 21px;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    transition: 350ms;
    cursor: pointer;
}

.members__nav:hover{
    color: #ff0000;
}



.members__nav.active {
    color: #ae9f8c;
    border-bottom: 1.5px solid #ae9f8c;
}


.members__names{
    display: grid;
    margin-bottom: 16px;
    grid-template-columns: 14% 48% 14% 24%;
}

.members__names_brands{
    display: grid;
    margin-bottom: 16px;
    grid-template-columns: 58% 16% 26%;
}

.members__names__category{
    display: grid;
    margin-bottom: 16px;
    grid-template-columns: 75% 25%;
}

.members__name {
    font-size: 16px;
    line-height: 1.2;
    color: #a0a0a0;
    text-align: center;

}

.members__blocks{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.members__blocks__category{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.members__block__category {
    display: grid;
    grid-template-columns: 75% 25%;
    height: 120px;
    background: #fff;
    cursor: pointer;
}

.members__block__brand {
    display: grid;
    grid-template-columns: 58% 16% 26%;
    height: 85px;
    background: #fff;
}

.members__block {
    display: grid;
    grid-template-columns:  48% 14% 24%;
    height: 120px;
    background: #fff;
}





@media screen and (max-width: 991px) {
    .members__block{
        grid-template-columns: 1fr;
        height: auto;
    }

    .members__block__category{
        grid-template-columns: 1fr;
        height: auto;
    }
}

.members__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #f1f1f1;
    padding: 0 10px;
    max-height: 90%;
    cursor: pointer;
}

.members__logo img {
    max-width: 80%;
    max-height: 80%;
}

.members__text {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #f1f1f1;
    padding: 0 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.members__number {
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #f1f1f1;
}

.members__stocks {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    flex-wrap: wrap;
    gap: 0 10px;
}

.members__stocks__brands{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    flex-wrap: wrap;
    gap: 0 10px;
}

.members__stock {
    font-size: 20px;
    line-height: 1.2;
    padding: 8px 22px;
    border-radius: 32px;
    border: 2px solid #ae9f8b;
    background: #ae9f8b;
    color: #fff;
    cursor: pointer;
}

.members__stock__brand {
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
    padding: 8px 22px;
    border-radius: 32px;
    border: 2px solid #ae9f8b;
    background: #ae9f8b;
    color: #fff;
    min-width: 215px;
    cursor: pointer;
}

.members__stock-new {
    border: 2px solid #ae9f8b;
    background: #fff;
    color: #ae9f8b;
    cursor: pointer;

}

@media screen and (max-width: 1200px) {
    .members::after{
        display: none;
    }

    .members::before{
        display: none;
    }

}


@media screen and (max-width: 1120px) {
    .members__text{
        font-size: 20px;
    }

    .members__number{
        font-size: 20px;
    }

    .members__stock{
        font-size: 18px;
    }

    .members__stock__brand{
        font-size: 18px;
    }

    .members__nav{
        font-size: 26px;
        line-height: 26px;
        padding-bottom: 16px;
    }
}

@media screen and (max-width: 991px) {
    .members__blocks{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .members {
        padding: 36px 0 80px;


    }

    .members__block{
        padding: 20px 10px;

    }

    .members__names{
        display: none   ;
    }

    .members__navs{
        padding: 0 55px;
    }
    .members__nav{
        font-size: 23px;
        line-height: 23px;
        padding-bottom: 13px;
    }

    .members__logo{
        height: 120px;
        margin-bottom: 20px;
        border: none;
    }

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

    .members__text{
        margin-bottom: 10px;
        border: none;
    }

    .members__number{
        border: none;
    }

}

@media screen and (max-width: 850px) {
    .members__blocks{
        grid-template-columns: 1fr 1fr;
    }

    .members__logo img{
        object-fit: contain;
        height: 100%;
    }
}

@media screen and (max-width: 700px) {

    .members {
        padding: 36px 0 50px;


    }

    .members .action__list{
        margin: 30px 0 0 0;
    }

    .members__navs{
        padding: 0;
        flex-direction: column;
        margin-bottom: 40px;
    }

    .members__nav{
        padding-bottom: 5px;
        margin-bottom: 20px;
        width: fit-content;
    }

    .members__nav:last-child{
        margin-bottom: 0;
    }

}

@media screen and (max-width: 600px) {
    .members__blocks{
        grid-template-columns: 1fr;
    }

    .members__logo{
        height: 100px;
    }
}