/* main-page */
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[tabindex]:not([tabindex="-1"]),
[role="button"] {
    cursor: pointer;
}

.main-social-network-block {
    position: fixed;
    right: 41px;
    top: calc(50% - (324px / 2));
    z-index: 2;
}

.header-all {
    position: relative;

    width: 100%;
    height: 100%;
}

.header {
    position: relative;

    width: 100%;
    height: 100%;
}

    .header::after {
        content: '';

        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;

        display: block;

        width: 100%;
        height: 100%;

        max-width: 1920px;
        max-height: 886px;

        background-image: radial-gradient(886px 443px at 50% 50%, #bc9410 0%, rgba(185, 145, 148, 0.01) 85%, rgba(241, 205, 23, 0) 100%);
        opacity: 0.33;
    }

    .header::before {
        content: '';

        position: absolute;
        left: 0px;
        top: 0;
        z-index: -2;

        width: 100%;
        height: 100%;

        background-image: url('../img/bg.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .header-all::before {
        content: '';

        position: absolute;
        left: 0px;
        top: 0;
        z-index: -2;

        width: 100%;
        height: 100%;

        background-image: url('../img/bg.webp');
        opacity: 20%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .header-nav {
        display: flex;
        justify-content: center;

        padding-top: 69px;
    }

        .header-nav__list {
            display: flex;
        }

            .header-nav__list__item {

            }

                .header-nav__list__item:not(:last-child) {
                    margin-right: 80px;
                }

                .header-nav__list__item-link {
                    position: relative;

                    padding-left: 10px;

                    font-size: 15px;
                    color: #fff;
                    text-transform: uppercase;
                    transition: all 0.5s;
                    letter-spacing: 3px;
                }

                    .header-nav__list__item-link::after,
                    .header-nav__list__item-link::after {
                        content: '';

                        position: absolute;
                        left: 0;
                        bottom: -4px;

                        width: 100%;
                        height: 2px;
                        background-color: #fff;

                        transform: scale(0);
                        transition: all 0.5s;
                    }

                    .header-nav__list__item-link:hover::after,
                    .header-nav__list__item-link:active::after {


                        transform: scale(1);
                        transition: all 0.5s;
                    }


                    .header-nav__list__item-link-all {
                        position: relative;

                        padding-left: 10px;

                        font-size: 15px;
                        color: #333;
                        text-transform: uppercase;
                        transition: all 0.5s;
                        letter-spacing: 3px;
                    }

                        .header-nav__list__item-link-all::after,
                        .header-nav__list__item-link-all::after {
                            content: '';

                            position: absolute;
                            left: 0;
                            bottom: -4px;

                            width: 100%;
                            height: 2px;
                            background-color: #333;

                            transform: scale(0);
                            transition: all 0.5s;
                        }

                        .header-nav__list__item-link-all:hover::after,
                        .header-nav__list__item-link-all:active::after {


                            transform: scale(1);
                            transition: all 0.5s;
                        }


    .header-welcome {
        margin-top: 245px;
        padding-bottom: 194px;
    }

        .header-welcome__title {
            font-family: Breymont;
            font-size: 70px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 14px;
            text-align: center;
        }

            .header-welcome__title-img {
                width: 100%;
                max-width: 779px;

            }

        .header-welcome__sub-title {
            margin-top: 12px;

            font-size: 28px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 5.6px;
        }

        .header-welcome__wrap-btn {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 16px;

            margin-top: 50px;
        }


            .header-welcome__wrap-btn__btn {

            }

                .header-welcome__wrap-btn__btn:nth-child(2) {
                    background-color: var(--color-blue);
                }

                    .header-welcome__wrap-btn__btn:nth-child(2):hover,
                    .header-welcome__wrap-btn__btn:nth-child(2):active {
                        background-color: var(--color-black);
                    }



        .header-welcome__addition-info {
            display: block;

            margin-top: 39px;

            text-align: center;
            color: var(--color-gray);
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.7px;
        }


        .header-welcome__scroll-down {
            display: block;
            width: fit-content;

            margin: 0 auto;
            margin-top: 170px;

            text-align: center;
        }

            .header-welcome__scroll-down__icon {

            }
            @keyframes floatAnimation {
                        0% {
                            transform: translateY(0);
                        }
                        50% {
                            transform: translateY(-10px);
                        }
                        100% {
                            transform: translateY(0);
                        }
            }

.header-welcome__scroll-down__icon {
    animation: floatAnimation 2s infinite ease-in-out;
}
/* END HEADER             */


.advantages-block {
    display: flex;
    justify-content: center;

    overflow-y: hidden;
    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    padding-top: 30px;
}

    .advantages-block__item {
        display: flex;
        flex-direction: column;
        align-items: center;

        padding-bottom: 5px;

        text-align: center;
    }

        .advantages-block__item:not(:last-child)  {
            margin-right: 102px;
        }

        .advantages-block__item__img {
            max-width: 68px;
            max-height: 68px;
        }

        .advantages-block__item__text-title {
            display: inline-block;
            margin-top: 8px;

            font-size: 22px;
            font-weight: 600;
            color: var(--color-gray);
            letter-spacing: 1.1px;
        }

        .advantages-block__item__text {
            display: inline-block;
            margin-top: 9px;

            font-size: 15px;
            font-weight: 600;
            color: var(--color-gray);
            letter-spacing: 0.75px;
            text-transform: uppercase;
        }




        .main-videos-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
    margin-top: 130px;
}

.main-videos-block .videos-block-item {
    min-height: 240px;
    padding: 22px;
    padding-bottom: 26px;
}

.main-videos-block .videos-block-item__label {
    padding: 5px 7px;
    font-size: 9px;
    letter-spacing: 0.45px;
}

.main-videos-block .videos-block-item__title {
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 18px;
}

.main-videos-block .videos-block-item__category {
    margin-top: 11px;

    font-size: 11px;
    letter-spacing: 0.55px;
}

.main-videos-block .videos-block-item__time {
    padding: 5px;

    font-size: 8px;
    letter-spacing: 0.4px;
}


        .main-video-show-all-video {
            max-height: none !important;
        }

        .main-videos-block-wrap {
      min-width: 100%;
      overflow-x: auto;
  }

  .main-videos-block-all {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
  margin-top: 80px;
  }

  .main-videos-block-all .videos-block-item {
  min-height: 240px;
  padding: 22px;
  padding-bottom: 26px;
  }

  .main-videos-block-all .videos-block-item__label {
  padding: 5px 7px;
  font-size: 9px;
  letter-spacing: 0.45px;
  }

  .main-videos-block-all .videos-block-item__title {
  font-size: 14px;
  letter-spacing: 0.7px;
  line-height: 18px;
  }

  .main-videos-block-all .videos-block-item__category {
  margin-top: 11px;

  font-size: 11px;
  letter-spacing: 0.55px;
  }

  .main-videos-block-all .videos-block-item__time {
  padding: 5px;

  font-size: 8px;
  letter-spacing: 0.4px;
  }