main
{
    scroll-margin-top: 10px;
    background-color: rgb(var(--c-b));
}
.page-content
{
    position: relative;
}

.cover__content_item.h2 h1
{
    font-size: var(--h2-fz);
    font-weight: var(--h2-fw);
}
#cover .anim
{
    opacity: 1;
    transition: 1s;
    /*transform: translateY(-100px);
    animation: cover 1s ease .1s;
    animation-fill-mode: forwards;*/
}
.cover__content_item
{
    opacity: 0;
    transform: translateY(-100px);
    visibility: visible; 
    animation-duration: 1s; 
    animation-name: cover; 
    animation-fill-mode: forwards;
}

.cover__content_item[data-anim-delay="0.1s"]
{
    animation-delay: .1s;
}
.cover__content_item[data-anim-delay="0.5s"]
{
    animation-delay: .25s;
}
.header__socials_item
{
    height: 1.75rem;
    width: 1.75rem;
    font-size: 1rem;
    text-align: center;
    display: grid;
    align-content: center;
    background-color: rgba(var(--c-w));
    color: rgba(var(--c-b));
    border-radius: 50%;
}

/*#cover .anim.fade-in
{
    opacity: 1!important;
    transform: translateY(0)!important;
    transition: 1s;
}*/
.anim[data-wow-delay="0.1s"]
{
    transition-delay: .15s!important;
}
.anim[data-wow-delay="0.5s"]
{
    transition-delay: .25s!important;
}

.top__grid
{
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 8rem 1fr;
}

.nav__info,
.top__info
{
    gap: 10px;
    margin: .5rem 0;
}
.nav__info_item,
.top__info_item
{
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 16px 1fr;
}
.nav__info_item *:not(.fas),
.top__info_item *:not(.fas)
{
    font-family: var(--ff-2);
}
.nav__info_item
{
    grid-template-columns: 1rem 1fr;
}
.top__signin
{
    display: grid;
    align-content: center;
    justify-content: flex-end;
    margin: .5rem 0;
}
.top__logo
{
    display: grid;
    align-content: center;
    margin: .5rem 0;
}

#nav
{
    color: rgba(var(--c-w),1);
    position: relative;
}
.nav__wrap
{
    position: absolute;
    /*background-color: rgba(27, 27, 27, 0.7);*/
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.nav__wrap.nav__fix
{
    position: fixed;
    /*background-color: rgba(27, 27, 27, 0.9);*/
}
.nav__info
{
    display: none;
}
.cover__slider *
{
    width: 100%;
    height: 100%;
}
.cover__to_content
{
    display: block;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 2rem;
    background-image: url(/local/templates/pride/assets/images/arrow_d.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    animation: arrow 1.5s ease-in-out infinite;
}
.to-right
{
    position: relative;
}
.to-right::after
{
    content: '→';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(1.5rem, -60%);
    transition: .3s;
}
.to-right:hover::after
{
    transform: translate(1.75rem, -60%);
    transition: .3s;
}

.direction__tabs
{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(230px, 1fr) );
    /*border: solid 1px rgba(var(--c-w),1);*/
}

.direction__tab
{
    text-align: center;
    padding: 1.25rem 1rem;
    display: grid;
    align-content: center;
    border: 1px solid rgba(var(--c-w),1);
}
.direction__tab:not(:last-child)
{
    border-right: solid 1px rgba(var(--c-w),1);
}
.direction__tab.tabs__tab_act,
.direction__tab:hover
{
    color: rgb(var(--c-b));
    background-color: rgba(var(--c-w),1);
}
.tabs__content:not(.tabs__content_act) {
    display: block;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-100%);
    transition: 1s;
    height: 0;
    overflow: hidden;
}
.tabs__content.tabs__content_act {
    opacity: 1;
/*    transform: translateX(0);*/
/*    transition: 1s;*/
}
.direction__content_grid
{
    grid-template-columns: 2fr 3fr;
}
.top__signin_btn::before
{
    content: '\f007';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: .5rem;
}
.footer__socials_item
{
    height: 2.25rem;
    width: 2.25rem;
    font-size: 1.25rem;
    text-align: center;
    display: grid;
    align-content: center;
    background-color: rgba(var(--c-b));
    color: rgba(var(--c-w));
    border-radius: 50%;
}
.footer__apps
{
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-end;
    grid-gap: 2rem;
    align-items: center;
}
.footer__apps_item
{
    display: grid;
}
.footer__apps_item img {
    max-width: 200px;
}

.direction__slider .slick-slide
{
    float: left;
    height: 100%;
    min-height: 1px;
}
.direction__slider .slick-slide > div
{
    margin: 10px;
    transform: scale(1);
    transition: .2s;
    z-index: 9;
}
.direction__slider .slick-slide.slick-center > div
{
    transform: scale(1.08);
    transition: .2s;
    z-index: 99;
}
.slick-prev.slick-arrow.slick-disabled,
.slick-next.slick-arrow.slick-disabled
{
    opacity: 0;
    transition: .3s;
}


.direction__slider .slick-prev.slick-arrow,
.direction__slider .slick-next.slick-arrow
{
    background-color: rgb(var(--c-b),.8);
}
.direction__slider .slick-prev.slick-arrow:before,
.direction__slider .slick-next.slick-arrow:before
{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/local/templates/pride/assets/images/arrow_r.svg);
    opacity: 1;
}

.direction__slider .slick-prev.slick-arrow:before
{
    transform: rotate(180deg);
}

.direction__slider .slick-next
{
    right: 2rem;
}
.direction__slider [dir='rtl'] .slick-next
{
    right: auto;
    left: 2rem;
}

.direction__slider .slick-prev
{
    left: 2rem;
}
.direction__slider [dir='rtl'] .slick-prev
{
    right: 2rem;
    left: auto;
}

#video.popup .popup__box
{
    background-color: transparent;
}

@keyframes arrow
{
    0%
    {
        transform: translate(-50%, -70%);
    }
    50%
    {
        transform: translate(-50%, -30%);
    }
    100%
    {
        transform: translate(-50%, -70%);
    }
}

@keyframes cover
{
    0%
    {
        transform: translateY(-100px);
        opacity: 0;
    }
    100%
    {
        transform: translateY(0);
        opacity: 1;
    }
}