/** бегущая строка */
.marquee-container {
    width: 100%;
    background: var(--accent);
    padding: 20px 0;
    overflow: hidden;
    }

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 400s linear infinite;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    }

.marquee-content:hover {
    animation-play-state: paused;
    }

.marquee-item {
    display: inline;
    font-family: 'Inter';
    margin-right: 0px;
    font-weight: 800;
    letter-spacing: -1.5px;
    color: var(--100);
    border-bottom: 1px solid #000;
}

.marquee-item a {
    color: var(--black);
    text-decoration: none;
    transition: color 0.3s ease, text-shadow 0.3s ease;
    padding: 5px 10px;
    font-family: 'Inter';
    letter-spacing: -1.7px;
    font-weight: 800;
    }

.marquee-item a:hover {
    color: #ffffff;
    background: rgba(255, 215, 0, 0.3);
    }

.separator {
    color: var(--black);
    margin-left: 7px;
    margin-right: 7px;
    font-size: 16px;
    font-weight: bold;
    top: -3px;
    opacity: 1;
    display: inline-block;
    position: relative;
}





#mrq{display: flex;margin: 0px 0 40px;}
#yy {background: #9E9E9E}


#yy p {
    width: max-content;
    display: block;
    max-width: unset;
    font-size: 16pt;
    padding: 5px 0 0 0;
    margin: 0;
    line-height: 1.5;
    letter-spacing: -1.2px;
    font-weight: 400;
}


@keyframes marquee {
    0% {
        transform: translateX(0);
        }
    100% {
        transform: translateX(-100%);
        }
    }


#mrq{display: flex;margin: 0px;}


@media (max-width: 640px){
    #mrq                    {width: 100vw; margin: 0;}
    #mrq .marquee-content    {font-size: 1.9rem;}
    #mrq .marquee-item       {letter-spacing: -1px;}
}

@media (max-width: 500px){
    .marquee-container      {padding: 16px 0;}
    .marquee-item           {letter-spacing: -1px;}
    #mrq .marquee-content        {font-size: 1.7rem;}
    #yy p                   {font-size: 1.6rem;}

    #mrq                    {
                            display: flex;
                            margin: 0 0 0 -5vw;
                            flex-direction: column;
                            width: 60vh;
                            align-items: flex-start;
                            }

    #home .post-feed        {margin-top: 0;}
}

@media (prefers-color-scheme: light) {
    .marquee-container      {background: var(--10);}
    #yy                     {background: var(--accent);}
}

@media (prefers-color-scheme: dark) {
    .marquee-container      {background: var(--accent);}
    #yy                     {background: var(--80);}
    #yy p                   {color: var(--20);}
}


/* заголовок на главной */


#home .page-head{
    padding: 0;
    max-width: 80%;
    margin: 10px 0 0px 0;
    text-align: left;
    justify-content: flex-start;
}
#home h1.page-head-title {
    font-size: 80pt;
    text-align: left;
    margin: 0;
    letter-spacing: -9px;
    padding: 0;
    line-height: 0.78;
}





#home h4 {
    x-font-family: 'Inter';
    font-weight: 300;
    letter-spacing: -2.6px;
    line-height: 1.2;
    font-size: 30pt;
    width: 78%;
    padding: 0;
    color: #222;
    margin: 30px 0 60px 100px;
}

#home h4 a{
    color: #222; 
    text-decoration: none; 
    transition: all .2s;
    border-bottom: 2px solid #222;}

#home h6{
    text-align: right;
    font-weight: 300;
    display: block;
    width: 81%;
    font-size: 13pt;
    margin: 8px 0;
    letter-spacing: -0.8px;
}

#home a:hover {
    background-color: var(--accent);
    border-bottom-color: var(--accent);}

#home small img{width: 24px; height: auto; border-radius: 40px;}
#home small         {
                    margin-left: 0px;
                    display: block;
                    width: 250px;
                    font-size: 11pt;
                    line-height: 0.5;
                    margin-top: 0px;
                    }

@media (min-width: 1200px){
    html[lang="ru"] #home small {margin-bottom: 10px;}
    html[lang="en"] #home small {margin-bottom: 20px; width: 150px; line-height: 0.8;}
}



#home .page-head-description{display: contents;}

#home .page-head-description {
    display: inline-block;
    margin-top: -55px;
    position: absolute;
    font-size: 45pt;
    letter-spacing: -9.8px;
    margin-left: -60px;
}

#home ul#lst small{padding: 7px 0px; width: 45px; height: 5px;}
#home ul#lst a{transition: all 0;}




/**/

#home small {
    margin-left: 0px;
    width: 250px;
    font-size: 11pt;
    line-height: 0.5;
    margin-top: 25px;
}

#home .page-head-description {
    display: inline-block;
    margin-top: 0;
    position: absolute;
    font-size: 125pt;
    letter-spacing: -21px;
    /* margin-left: -60px; */
}



#home h1.page-head-title {
    font-weight: 800;
    font-size: 85pt;
    line-height: 0.76;
    margin-top: -10px;
    letter-spacing: -7.5px;
    margin-right: 40px;
}

#home h1.page-head-title b {display: inline-block;}

@media (min-width: 1200px){
    html[lang="ru"] #home h1.page-head-title b {text-indent: 40px;}
    html[lang="en"] #home h1.page-head-title b {text-indent: 55px;}
    html[lang="en"] #home h1.page-head-title    {width: 700px;}
}

#oi {
    font-size: 12pt;
    letter-spacing: 0;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    text-indent: 0;
    line-height: 1.5;
    position: relative;
    margin-top: -50px;
    margin-left: 390px;
    display: block;
    width: 590px;
}

#oi a{x-color: #222; border-bottom-style: solid; border-bottom-width: 1px; text-decoration: none; transition: all .2s;}

#home .plural {position: relative;
    font-size: 125pt;
    font-family: 'inter-thin';
    width: fit-content;
    line-height: 1;
    padding-right: 25px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    letter-spacing: -20px;}

#home .plural s{font-weight: 400;
    letter-spacing: 0;
    font-size: 1.4rem;
    display: block;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 20px;}

#sw{display: flex;
    flex-direction: column;
    margin-left: -60px;
    margin-top: 40px;}

#sw p {margin-bottom: 14px;
    margin-top: 24px;
    padding: 0;
    grid-column: 4;
    font-size: 10pt;}

#ht, 
#hr {display: flex;}


#kk{display: flex;}
html[lang="en"] #kk .pcs{width: 70px;}
html[lang="ru"] #kk .pcs{width: 100px;}
#kk b {font-size: 10pt; font-weight: 400; line-height: 1;     letter-spacing: -0.5px;}



#oi a[data-ghost-search]{padding-bottom: 0px; border-bottom-style: dashed; border-bottom-width: 1px; cursor: pointer;}

#oi a[data-ghost-search]:hover{border: none;}

#kk b {
    font-size: 10pt;
    font-weight: 400;
    line-height: 1;
    width: 105px;
    letter-spacing: -0.5px;
}


@media (max-width: 500px){
    #home{margin-top: 0;}
    #home.page-head{margin-bottom: 0;}
    #home .site-head{margin-top: 0;}
    #home small{
    margin: 0px 0 4px 0;
    font-size: 1.2rem;
    letter-spacing: -0.1px;
    }

    #home h1.page-head-title {
    font-size: 4.8rem;
    letter-spacing: -3.5px;
    margin: 0;
    padding: 0;
    text-indent: -15px;
    display: block;
    width: 100%;
    line-height: 0.8;
    }



    #home #oi{font-size: 1.3rem;
    width: 100%;
    line-height: 1.6;
    margin: 20px 0 0 0;
    display: none;}

    #home .plural{    font-size: 2rem;
    letter-spacing: 0;
    font-weight: 400;}
}



@media (min-width: 1400px){
    #home h1.page-head-title{font-size: 80pt; margin-left: 0;}
    #home .page-head{max-width: 1200px;}
}

@media (max-width: 1400px){
    #home h1.page-head-title{font-size: 70pt; width: 100%;}
    #home h6 {width: 830px;}
    #home h4{font-size: 27pt;}
    #oi {
    font-size: 11pt;}
}

@media (max-width: 1330px){
    #home .plural {font-size: calc(12vw + 4px); letter-spacing: calc(-1.5vw + 5px);}
    #home h1.page-head-title{font-size: calc(7.2vw + 4px); letter-spacing: calc(-0.8vw + 4px);}

}

@media (max-width: 1200px){
    #oi {font-size: 1.56rem;     margin-left: 330px;  width: 450px;}
}

@media (max-width: 1200px){
    #home h1.page-head-title {font-size: 64pt; letter-spacing: -7px;         text-indent: 17px;  margin-left: 5px;}
    #home h4{letter-spacing: -1.9px;
        font-size: 23pt;
        line-height: 1.4;
        width: 85%;
        margin: 30px 0 50px 70px;}

    #home h4 a{border-bottom: 1px solid #22222278;
    padding-bottom: 3px;}
    #home h6 {width: 722px;}
    #home h1.page-head-title b{text-indent: 19px;}
    #home small {margin-left: 0px;
    width: 120px;
    font-size: 10pt;
    line-height: 1.4;
    margin-top: 25px;}
}

@media (max-width: 1100px){
    #home h1.page-head-title{width: 110%;}
}

@media (max-width: 960px){
    #home h1.page-head-title {width: 100%;}
    #home p.page-head-description{
        margin-top: 20px;
        margin-left: -10px; 
        font-size: 5.5rem; 
        letter-spacing: -9px;}

    #home #switch{margin-left: 65px; margin-top: 35px;}
    #home h4{margin: 30px 0 40px;}
    #home h6{font-size: 13pt; margin: -8px 110px 0;     text-align: left;}
}

@media (max-width: 960px){
    .section.page-head{margin-bottom: -35px; max-width: 100%; width: 100%;}
    .page1-head.section h1{font-size: 80pt; letter-spacing: -8.5px;}

    p.page-head-description     {
                                font-size: 6.2rem; 
                                letter-spacing: -5px; 
                                margin-top: -19px;}

    #home h1.page-head-title {
    font-size: 7.1rem;
    letter-spacing: -6px;
    text-indent: 55px;
    margin-left: 0;
}
    #home h4 {
    font-size: 22pt;
    margin-left: 0;
    letter-spacing: -2px;
    width: 100%;
    line-height: 1.4;
    }

    #home h1.page-head-title b {text-indent: -25px;}
    #primary {margin-left: 0px;}

    #home .page-head{margin: 0;}
    #home #oi{width: 460px;
    font-size: 1.56rem;
        margin-left: 35px;        margin-top: -39px;}

        #home small {
    margin-left: 0px;
    width: 130px;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-top: 25px;
}

    #hr{flex-direction: column;}
    #home .plural, 
    #home #switch,
    #home #sw,
    #home #kk {margin: 0;}

    #home .plural s{    font-size: 1.3rem;    margin-left: 10px;}
    }



@media (max-width: 640px){

    #home h1.page-head-title b          {text-indent: -30px;}

    #home #oi                           {width: 61%;
                                        font-size: 1.36rem;
                                        margin-left: 0;
                                        margin-top: -169px;}

                                        #ht{width: 95vw;}

    #ht, #hr                            {
                                        display: flex;
                                        align-items: flex-end;
                                        align-content: flex-start;
                                        flex-direction: column;}

    #kk b                               {font-size: 1.2rem;}

    #home h1.page-head-title            {font-size: 7rem; 
                                        letter-spacing: -5px;
                                        width: 470px;}
    
    #home .plural                       {font-size: 8rem; letter-spacing: -8px;}
    #sw {}
    #home small                         {margin-top: 20px; 
                                        margin-left: 0px; 
                                        width: 110px;
                                        margin-bottom: 15px;}
}


@media(max-width:480px){
    #home { margin-top: -30px;}
    #home .page-head{margin-top: 65px;}
    #home h1.page-head-title b {text-indent: -35px;}
    #home h1.page-head-title {
    font-size: 4.7rem; 
    letter-spacing: -3.5px;
    width: unset;}

    #ht, #hr{flex-direction: column;}
    #kk{display: none;}
    
    #hr{margin-left: 160px; width: 160px; margin-top: -30px;}
    #home .plural{font-size: 5.5rem; letter-spacing: -7px; font-weight: 100;}
    #home .plural s{margin-left: 5px; margin-top: 10px; font-size: 1.2rem;}

    html[lang="en"] #home h1.page-head-title{width: 320px;}
    html[lang="en"] #hr {margin-left: 130px}

    #home h4 {
        font-size: 2.2rem; 
        letter-spacing: -1px; 
        margin: 0;
        line-height: 1.4;
        width: 100%;
        }

    #home p.page-head-description {
    font-size: 4rem;
    letter-spacing: -5px;
    margin-left: -3px;
    margin-top: -3px;
    }

    #home .post-feed{margin-top: 0px;}
    #home small    {margin-left: 0px;
        width: 220px;
        font-size: 1.3rem;
        line-height: 0.2;
        margin-bottom: 8px;}

    #home small img{        top: -4px;
    position: relative;}

    #home h6{font-size: 1.6rem;
    margin: 9px 0px 20px 0;
    opacity: .6;}

    #home #switch{
        display: flex;
        margin: 0;
        top: unset;
        left: unset;
        position: relative;
        width: 80px;
    }

    #home #switch .pics, #home #switch .list{padding-top: 2px;}
    #home #switch .list{padding-left: 3px;}
    #home #switch div {width: 46px; height: 44px !important;}

        #ht, #hr {       display: flex;
        align-items: flex-start;}
}