*,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    /* or 24px */


    color: #000000;
}

header {
    margin: 0 auto;
    padding-top: 31px;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
}

.section__title {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 170%;
    /* or 85px */

    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #000000;
}

.life-starts__city.mob {
    display: none;
}

.section__phrase {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 170%;
    /* or 37px */

    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #000000;
}

.section__phrase .red {
    color: #C01133;
}

.sourse_name {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    /* identical to box height, or 22px */

    text-align: justify;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #000000;
}

/* Header */

header .container {
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-nav {
    list-style: none;
    display: flex;
}

.header-nav li {
    margin: 0 26px;
}

.header-nav li:first-child {
    margin-left: 0;
}

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

.header-nav li a{
    position: relative;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    /* or 18px */

    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.header-nav li a::after {
    content: " / ";
    position: absolute;
    right: -30px;
}

.contacts-art .header-nav li a::after {
    display:none;
}

.header-nav li:last-child a::after {
    display: none;
}

/* Header */

/* Header-video section */

.header-video {
    display: flex;
    justify-content: center;
   background-size: cover;
   position: relative;
   background-repeat: no-repeat;
   z-index: 1;
   overflow: hidden;
   height: 100vh;
}

.header--video {
    height: 100%;
    object-fit: cover;
}

@media (min-width: 1281px) and (max-width: 1920px) {
    .header--video {
        height: 120%;
    }
}

.header-arrow-wrapper {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    animation: fadeIn 2s ease-in;
}

.arrow-text {
    position: absolute;
    bottom: 30px;
}

.header-arrow {
    position: relative;
    bottom: 65px;
    animation: ArrowDown 3s ease-in-out infinite;
    animation-delay: 2s;
}

.burger-menu {
    display: none;
}

/* Header-video section */

/* Childhood section */

.childhood {
    overflow: hidden;
    padding: 125px 30px 125px 27px;
}

.childhood__titles-wrapper {
    padding-bottom: 70px;
}

.life-starts-wrapper {
    display: flex;
    align-items: center;
}

.childhood .section__title {
    margin-left: 20px;
}

.life-starts-wrapper span{
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 170%;
    /* or 24px */
    
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-left: 20px;
}

.childhood .section__title.red {
    color: #C01133;
    text-align: center;
    margin-left: 0;
}

.childhood-story-wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 130px;
}

.childhood-story__photos {
    max-width: 674px;
    width: 100%;
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
}

.childhood-story__photos img:nth-child(1) {
    position: absolute;
    left: 0;
    transform: rotate(-3deg);
    max-width: 350px;
}

.childhood-story__photos img:nth-child(2) {
    position: relative;
    left: 25px;
    z-index: 2;
    max-width: 330px;
}

.childhood-story__photos img:nth-child(3) {
    position: absolute;
    right: 0;
    max-width: 225px;
}

.childhood-story-wrapper .sourse_name {
    position: absolute;
    bottom: 0;
    left: 20px;
}

.childhood-story__text-wrapper {
    max-width: 470px;
    width: 100%;
    margin-top: 40px;
    margin-left: 20px;
}

.childhood-story__text {
    max-width: 393px;
    margin-bottom: 25px;
}

.childhood-story__contests-wrapper {
    display: flex;
    justify-content: space-between;
}

.childhood-story__contests span.red {
    color: #C01133;
}

.childhood .section__phrase {
    max-width: 825px;
    text-align: center;
    margin: 0 auto;
}

.childhood .section__phrase p {
    display: inline;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 170%;
    /* or 37px */
    
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* Childhood section */

/* Teenager section */

.teenager {
    overflow: hidden;
    background: #FEE5E7;
}

.teenager .section__title {
    padding-bottom: 230px;
}

.teenager .section__phrase {
    max-width: 650px;
}

.teenager .section__phrase p {
    display: inline;
    font-family: Playfair Display;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 170%;
/* or 37px */

letter-spacing: 0.05em;
text-transform: uppercase;
}

.teenager .container {
    display: flex;
    justify-content: space-between;
    padding: 142px 121px 142px 49px;
}

.teenager-left {
    max-width: 320px;
}

.teenager-left__img {
    max-width: 320px;
    padding-bottom: 21px;
}

.teenager-right {
    width: 100%;
    max-width: 760px;
    margin-top: 20px;
    margin-left: 20px;
}

.teenager__text-wrapper {
    padding: 30px 0 65px;
    display: flex;
    justify-content: space-between;
}

.teenager-right__img.right {
    max-width: 374px;
    width: calc(50% - 17px);
}

.teenager-right__img.left {
    max-width: 352px;
    width: calc(50% - 17px);
}

.teenager-right__img.top, .teenager-right__img.bottom {
    display: none;
}

.teenager__text.center {
    max-width: 714px;
}

.teenager__text.left {
    max-width: 378px;
    width: calc(50% - 15px);
}

.teenager__text.right {
    max-width: 285px;
    width: calc(50% - 15px);
}

.teenager-right__imgs-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 27px;
}

/* Teenager section */

/* Adulthood section */

.adulthood {
    overflow-x: hidden
}

.adulthood .container {
    padding: 125px 31px 125px 47px;
}

.adulthood .section__title.center {
    text-align: center;
    margin-bottom: 73px;
}

.adulthood-video {
    max-width: 100%;
    margin-top: 12px;
}

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

.adulthood .content-wrapper:first-of-type {
    margin-bottom: 105px;
}

.adulthood-left {
    max-width: 403px;
    margin-top: 33px;
}

.adulthood-left p {
    padding-bottom: 48px;
}

.adulthood-left p:last-child {
    padding-bottom: 0;
}

.adulthood-left p:nth-child(2) {
    max-width: 294px;
    margin-left: 58px;
}

.adulthood-left p:last-child, .adulthood-left p:first-child {
    text-indent: 58px;
}

.adulthood-right {
    max-width: 643px;
    width: 100%;
}

.adulthood-right__photo-wrapper {
    position: relative;
    justify-content: center;
    display: flex;
    align-items: center;
}

.adulthood-right__img.left {
    max-width: 185px;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 40px;
}

.adulthood-right__img.center {
    max-width: 452px;
    position: relative;
}

.adulthood-right__img.right {
    position: absolute;
    right: -3px;
    animation: rotating 40s linear infinite;
}

.adulthood-right .sourse_name {
    margin-top: 11px;
    margin-left: 92px;
}

.adulthood-right__second {
    max-width: 660px;
    margin-left: 15px;
}

.adulthood-right__second .section__phrase {
    margin-bottom: 31px;
}

.adulthood-right__second .section__phrase:last-child{
    margin-bottom: 0;
}

.adulthood-right__second .section__phrase p {
    font: inherit;
}

.adulthood-left__second {
    max-width: 430px;
}

.adulthood-left__second .video-items-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 18px;
}

.adulthood-left__second .video-item {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 11px 0 16px;
    display: flex;
    justify-content: space-between;
}

.adulthood-left__second .video-item:nth-child(2) {
    border-top: none;
}

.adulthood-left__second .video-item__title {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 21px */
    
    text-align: justify;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    color: #000000;
}

/* Adulthood section */

/* About section */

.about {
    background: #FEE5E7;
}

.about .container {
    display: flex;
    max-width: unset;
    margin: unset;
}

.about-left {
    width: 50%;
}

.about-left__img {
    height: 100%;
    width: 100%;
}

.about-right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.about-right .content-wrapper {
    max-width: 430px;
}

.about-right .section__phrase {
    margin-bottom: 64px;
}

.about-right .section__phrase p {
    font: inherit;
}

.hope-text-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 120px;
}

.teenager-right__imgs-wrapper .sourse_name{
    display: none;
}

.hope-text__img {
    width: 88px;
    animation: rotating 40s linear infinite;
}

.hope-text-wrapper .section__phrase {
    margin-bottom: 0;
    max-width: 294px;
}

.permalink-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 245px;
    width: 100%;
    margin-bottom: 25px;
}

.permalink-item:hover .permalink-item-text{
    font-style: italic;
    color: #C01133;
    transition: all 1s ease-in-out; 
}

.permalink-item:hover .permalink-item__img {
    filter: invert(17%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

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

.permalink-item-text {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    /* identical to box height, or 22px */


    color: #000000;
}

/* About section */

/* Footer */

footer {
    background: #C01133;
}

footer .container {
    padding: 30px 40px;
}

.footer-nav__wrapper {
     display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footer-disclaimer p {
    padding-top: 30px;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 150%;
    /* identical to box height, or 18px */
    
    
    color: rgba(255, 255, 255, 0.5);
}



.footer-link-item {
    max-width: 150px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
}

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

.footer-link-item__img {
    width: 45px;
}

.footer-link {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    /* identical to box height, or 22px */

    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #FFFFFF;
}


.footer-link.last {
    margin-bottom: 0;
}

.footer-nav {
    list-style: none;
}

.footer-nav li {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    /* identical to box height, or 22px */

    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #FFFFFF;
    margin-bottom: 10px;
}

.footer-nav li:last-child {
    margin-bottom: 0;
}

.footer-nav li a {
    color: #fff;
}

/* Footer */

/* @media (max-width: 1280px) {
    .header--video {
        max-height: 695px;
    }
} */

@media (max-width: 1024px) {
    .teenager .section__phrase p {
        font-size: 15px;
    }
    /* .header--video {
        max-height: 527px;
    } */
    .section__title {
        font-size: 30px;
        line-height: 160%;
    }
    .sourse_name {
        font-size: 10px;
        line-height: 150%;
    }
    .section__phrase {
        font-size: 15px;
        line-height: 170%;
    }
    p {
        font-size: 15px;
        line-height: 150%;   
    }
    .childhood {
        padding: 57px 0 59px 0;
    }
    .childhood .section__title {
        margin-left: 0;
    }
    .life-starts-wrapper span {
        font-size: 10px;
        line-height: 150%;
        padding-left: 16px;
    }
    .childhood__titles-wrapper {
        padding-left: 40px;
        padding-bottom: 49px;
    }
    .childhood-story-wrapper {
        flex-direction: column-reverse;
        padding-bottom: 63px;
    }
    .childhood-story__text-wrapper {
        padding: 0 0 60px 40px;
        margin-top: 0;
        max-width: 576px;
        margin-left: 0;
    }
    .childhood-story__text {
        max-width: 100%;
    }
    .childhood-story__contests-wrapper {
        max-width: 470px;
    }
    .childhood-story__photos {
        max-width: 469px;
        margin: 0 auto;
    }
    .childhood-story__photos img:nth-child(2) {
        width: 228px;
    }
    .childhood-story__photos img:nth-child(1) {
        width: 245px;
    }
    .childhood-story__photos img:nth-child(3) {
        width: 154px;
    }
    .childhood-story-wrapper .sourse_name {
        left: 15px;
        bottom: 20px;
    }
    .childhood .section__phrase {
        max-width: 555px;
        margin: 0 auto;
    }
    .teenager .container {
        padding: 54px 44px 66px 43px;
    }
    .teenager-right {
        max-width: 476px
    }
    .teenager__text.center {
        max-width: 455px
    }
    .teenager__text-wrapper {
        flex-direction: column;
        padding: 15px 0 28px;
    }
    .teenager__text.left {
        padding-bottom: 15px;
        max-width: 422px;
        width: 100%;
    }
    .teenager__text.right {
        max-width: 455px;
         width: 100%;
    }
    .teenager-right__img.left {
        max-width: 258px;
    }
    .teenager-right__img.right {
        max-width: 200px;
    }
    .teenager .section__phrase {
        max-width: 445px;
    }
    .teenager .section__title {
        padding-bottom: 254px;
    }
    .teenager-left__img {
        max-width: 100%;
        padding-bottom: 180px;
    }
    .teenager-left .sourse_name {
        font-size: 15px;
        line-height: 150%;  
    }
    .adulthood .container {
        padding: 55px 10px 55px 10px;
    }
    .adulthood .section__title.center {
        margin-bottom: 52px;
    }
    .adulthood-left {
        max-width: 338px;
        margin-top: 0;
    }
    .adulthood-left p {
        padding-bottom: 31px;
    }
    .adulthood-left p:nth-child(2) {
        max-width: 247px;
        margin-left: 60px;
    }
    .adulthood-left__text:last-child {
        max-width: 329px;
    }
    .adulthood-right__img.center {
        max-width: 316px;
    }
    .adulthood-right__img.right {
        max-width: 112px;
        right: unset;
        top: -12%;
        right: 15%;
    }
    .adulthood-right__img.left {
        max-width: 127px;
        bottom: -22%;
        left: 3.5%;
    }
    .adulthood-right__photo-wrapper {
        margin-top: 50px;
    }
    .adulthood-right {
        max-width: 480px;
    }
    .adulthood-right .sourse_name {
        margin-top: 90px;
        margin-left: 155px;
    }
    .adulthood-video {
        max-width: 315px;
        margin-top: 7px;
    }
    .adulthood-left__second .video-item__title {
        font-size: 10px;
        line-height: 150%;
    }
    .adulthood-left__second .video-items-wrapper {
        margin-top: 13px;
    }
    .adulthood-right__second {
        max-width: 560px;
        width: 100%;
    }
    .adulthood .content-wrapper {
        padding-left: 27px;
    }
    
}

@media (max-width: 960px) {
    .about .container {
        flex-direction: column-reverse;
    }
    .about-right .content-wrapper {
        padding: 62px 0 68px;
        max-width: 518px;
    }
    .about-right .section__phrase:first-child {
        text-align: center;
        margin-bottom: 28px;
    }
    .hope-text-wrapper {
        max-width: 338px;
        margin: 0 auto;
        margin-bottom: 79px;
    }
    .hope-text-wrapper .section__phrase {
        max-width: 221px;
    }
    .permalink-item {
        margin-bottom: 0;
    }
    .permalink-items-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .about-left {
        display: flex;
        width: 100%;
    }
    .about-right {
        width: 100%;
    }
}

@media (max-width: 840px) {
    .burger-menu {
        display: flex;
        font-family: Playfair Display;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 150%;
        /* or 22px */

        letter-spacing: 0.05em;
        text-transform: uppercase;

        color: #FFFFFF;
        cursor: pointer;
    }
    .burger-menu span {
        display: block;
    }
    .burger-menu.active {
        color: #C12335;
    }
    .burger-menu.active span {
        transform: rotate(45deg);
    }
    .header-logo {
        width: 148px;
    }
    .header-nav {
        display: none;
    }
    .header-nav li {
        margin: 0;
    }
    header {
        padding-top: 20px;
    }
    header.burger-show {
        height: 470px;
        background: #FEE5E7;
        padding-top: 20px;
    }
    .burger-show {
        animation: fadeInBurger 0.6s ease-in-out;
    }
    header.burger-show .header-nav {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 30%;
        top: 20%;
        
    }
    header.burger-show .header-logo {
        filter: brightness(0) !important;
        
    }
    header.burger-show .header-nav li a {
        font-size: 30px;
        line-height: 150%;
        /* or 45px */

        letter-spacing: 0.02em;

        color: #000000;
        text-transform: unset;
        margin-bottom: 25px;
    }
    header.burger-show .header-nav li {
        margin-bottom: 25px;
    }
    header.burger-show .header-nav li:last-child {
        margin-bottom: 0;
    }
    header.burger-show .header-nav li.active a {
        color: #C12335;
        font-style: italic;
        position: relative;
        left: 36px;
    }
    header.burger-show .header-nav li.active a::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -36px;
        width: 22px;
        height: 1px;
        background: #C12335;
    }
    .header-nav li a::after {
        display: none;
    }
}

@media (max-width: 768px) {
    .adulthood-right__second {
        max-width: 360px;
        width: 100%;
    }
    .adulthood-video {
        max-width: 315px;
        margin-top: 8px;
    }
    .childhood .section__phrase p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .adulthood .content-wrapper {
        padding: 0;
        padding-right: 20px;
        flex-direction: column;
    }
    .adulthood .section__title.center {
        margin-bottom: 40px;
    }

    .adulthood .section__title.center {
        text-align: unset;
    }
    .adulthood-left p:first-child, .adulthood-left p:last-child {
        text-indent: unset;
    }
    .adulthood-left p:nth-child(2) {
        max-width: 100%;
        margin: 0;
    }
    .adulthood-left p {
        padding-bottom: 25px;
    }
    .adulthood-left {
        max-width: 100%;
    }
}



@media (max-width: 600px) {
    .childhood-story__text-wrapper {
        padding: 0;
        padding-bottom: 60px;
        margin: 0;
    }
    .childhood-story-wrapper {
        padding: 0 20px  63px;
    }

    .teenager .container {
        flex-direction: column;
    }
    .teenager .section__title {
        padding-bottom: 40px;
    }
    .teenager-left__img {
        display: none;
    }
    .teenager-left .sourse_name {
        display: none;
    }
    .teenager-right {
        margin: 0;
    }
    .teenager__text-wrapper {
        padding: 30px 0 60px;
    }
    .teenager__text.left {
        padding-bottom: 30px;
    }
    .teenager-right__img.left {
        display: none;
    }
    .teenager-right__imgs-wrapper .sourse_name{
        display: block;
    }
    .teenager-right__img.right {
        display: none;
    }
    .teenager-right__img.top, .teenager-right__img.bottom {
        display: block;
    }

    .teenager-right__imgs-wrapper {
        position: relative;
        padding: 0;
        margin-bottom: 118px;
    }

    .teenager-right__img.top {
        position: relative;
        max-width: 194px;
    }

    .teenager-right__img.bottom {
        position: absolute;
        max-width: 152px;
        bottom: -55px;
        right: 0;
    }

    .teenager-right__imgs-wrapper .sourse_name{
        position: absolute;
        bottom: -55px;
    }

    .teenager .section__phrase {
        max-width: 100%;
    }

    .adulthood .container {
        padding: 71px 0 78px 20px;
    }

    .adulthood-right {
        max-width: 280px;
        margin: 0 auto;
    }
    .adulthood-right__img.center {
        max-width: 242px;
    }
    .adulthood-right__img.right {
        max-width: 60px;
        top: -8%;
        right: -2%;
    }
    .adulthood-right__img.left {
        max-width: 98px;
        right: 0;
        left: unset;
        bottom: 23px;
    }
    .adulthood-right .sourse_name {
        margin-top: 11px;
        margin-left: 0;
    }
    .adulthood-right__photo-wrapper {
        margin-top: 75px;
    }
    .adulthood-right__second {
        margin-left: 0;
    }
    .adulthood .content-wrapper:first-of-type {
        margin-bottom: 60px;
    }
    .adulthood .content-wrapper:last-child {
        flex-direction: column-reverse;
    }
    .adulthood-right__second .section__phrase:first-child {
        max-width: 100%;
        margin-bottom: 21px;
    }

    .adulthood-right__second .section__phrase:last-child {
        max-width: 100%;
        margin-bottom: 60px;
    }

    .adulthood-video {
        max-width: 100%;
        margin-top: 0;
    }

    .adulthood-left__second .video-item__title {
        font-size: 8px;
        line-height: 150%;
    }
}



@media (max-width: 530px) {
    .black-header.contacts-art .burger-menu {
        color: #fff !important;
    }
    .about-right .section__phrase:first-child {
        text-align: unset;
        max-width: 280px;
        margin-bottom: 37px;
    }

    .permalink-items-wrapper {
        flex-direction: column;
        align-items: unset;
    }
    .hope-text__img {
        width: 63px;
    }

    .hope-text-wrapper {
        max-width: 222px;
        margin-bottom: 39px;
    }

    .hope-text-wrapper .section__phrase {
        max-width: 124px;
    }
    .permalink-item-text {
        font-size: 12px;
        line-height: 150%;
    }
    .permalink-item {
        max-width: 185px;
        margin-bottom: 18px;
    }
    .permalink-item:last-child {
        margin-bottom: 0;
    }
    .permalink-item__img {
        width: 32px;
    }
}

@media (max-width: 460px) {
    .childhood .section__phrase p {
        font-size: 13px;
    }
    .teenager .section__phrase p {
        font-size: 13px;
    }
    .footer-nav li {
        font-size: 12px;
    }
    .life-starts__city.mob {
        display: block;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 200%;
        /* identical to box height, or 26px */

        letter-spacing: 0.05em;
        text-transform: uppercase;

        color: #000000;
        text-align: center;
        margin-top: 10px;
    }
    header .container {
        padding: 0 20px;
    }
    header.burger-show {
        height: 100vh;
    }
    header.burger-show .header-nav li a {
        font-size: 25px;
        line-height: 150%;
    }
    /* .header--video {
        max-height: 518px;
    } */
    .childhood {
        padding: 73px 0;
    }
    .section__title {
        font-size: 19px;
        line-height: 125%;
    }
    .sourse_name {
        font-size: 8px;
        line-height: 150%;  
    }
    .section__phrase {
        font-size: 13px;
        line-height: 170%;
    }
    .childhood__titles-wrapper {
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
    }
    .life-starts-wrapper .section__title {
        max-width: 130px;
    }
    .life-starts__city {
        display: none;
    }
    .childhood .section__title.red {
        max-width: 135px;
        text-align: unset;
    }
    .childhood-story__text-wrapper {
        padding: 31px 20px 60px;
    }
    .childhood-story__text {
        margin-bottom: 19px;
    }
    .childhood-story__contests-wrapper {
        flex-direction: column;
    }
    .childhood-story__contests {
        margin-bottom: 19px;
    }
    .childhood-story__contests:last-child {
        margin-bottom: 0;
    }
    .childhood-story__photos img:nth-child(2) {
        max-width: 146px;
        left: 10px;
    }
    .childhood-story__photos img:nth-child(1) {
       max-width: 157px; 
    }
    .childhood-story__photos img:nth-child(3) {
        max-width: 99px;
    }
    .childhood-story__photos {
        max-width: 300px;
    }
    .childhood-story-wrapper .sourse_name {
        bottom: 0;
        left: 8px;
    }
    .childhood-story-wrapper {
        padding-bottom: 61px;
    }
    .childhood .section__phrase {
        max-width: 280px;
        text-align: unset;
    }
    .teenager .container {
        padding: 70px 20px;
    }

    .about-right .content-wrapper {
        padding: 72px 20px 63px;
    }

    footer .container {
        padding: 30px 20px;
    }
    .footer-link {
        font-size: 12px;
        line-height: 150%;
    }
    
    .footer-disclaimer p {
        font-size: 10px;
    }

    .childhood-story-wrapper {
        padding: 0 0 60px;
    }

    .adulthood-right__photo-wrapper {
        justify-content: left;
    }

}


 @keyframes ArrowDown {
    0% {
       bottom: 65px;
    }
    50% {
      bottom: 40px;
    }
    100% {
        bottom: 65px;
    }
 }

 @-webkit-keyframes ArrowDown {
    0% {
       bottom: 65px;
    }
    50% {
      bottom: 40px;
    }
    100% {
        bottom: 65px;
    }
 }

 @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }

  .black-header .burger-menu {
    color: #000000;
    }
    
    

  .black-header .header-logo{
    filter: brightness(0);
  }

  .black-header .header-nav li a {
      color: #000000;
  }

  .black-header .header-nav li.active a {
    color: #C01133;
  }
  
  .black-header .burger-menu.active {
    color: #C01133 !important;
  }

  .black-header.burger-show {
      position: absolute;
  }

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

  .page-title__wrapper.photoshooting {
    max-width: 685px;
  }

  .page-title__wrapper.videos {
    max-width: 710px;
  }

  .page-title__wrapper.peopletalk {
    max-width: 640px;
  }

  .page-title__wrapper.articles {
    max-width: 510px;
  }


  .page-title__wrapper img {
    animation: rotating 40s linear infinite;
    }

  .page-title {
    max-width: 460px;
    width: 100%;
    position: relative;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 150%;
    /* or 75px */
    
    letter-spacing: 0.05em;
    text-transform: uppercase;
    
    color: #C01133;
  }

  .page-redline {
    width: 100%;
    min-width: 100px;
    height: 1px;
    background: #C01133;
    animation: fadeInRight 1.5s;
    transition-property: opacity,transform;
    margin: 0 20px;
  }

  .page-section {
      padding-top: 160px;
  }

  .page-section .container {
    padding: 0 47px;
  }

  .photos-wrapper {
    padding: 80px 0 95px;
    max-width: 950px;
    margin: 0 auto;
  }

  .individual-photo__wrapper {
    display: flex;
    justify-content: space-between;
    padding-bottom: 150px;
  }

  .individual-photo__wrapper:last-child {
      padding-bottom: 0;
  }

  .individual-photo__wrapper:nth-child(even) {
      flex-direction: row-reverse;
  }

  .individual-photo__left-content {
    max-width: 495px;
    width: calc(54% - 10px);
  }

  .individual-photo__left {
    width: 100%;
  }

  .individual-photo__right-content {
    max-width: 301px;
    width: calc(46% - 10px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .individual-photo__uptitle {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    /* identical to box height, or 22px */
    
    letter-spacing: 0.05em;
    
    color: #000000; 
  }

  .individual-photo__title {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 150%;
    /* or 60px */
    
    letter-spacing: 0.02em;
    text-transform: uppercase;
    
    color: #000000;
  }

  .individual-photo__link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 130px;
      padding-bottom: 30px;
  }

  .individual-photo__link.mob {
      display: none;
  }

  .individual-photo__link:hover .individual-photo__link-text {
    font-style: italic;
  }

  .individual-photo__link-text {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    /* identical to box height, or 22px */
    
    
    color: #C01133;
  }

  .individual-photo__right-img {
      width: 100%;
  }

  @media (max-width: 768px) {
      .page-section {
        padding-top: 130px;
      }
      .page-section .container {
          padding: 0 40px;
      }
      .page-title__wrapper.photoshooting {
        max-width: 500px;
      }
      .page-title__wrapper.videos {
        max-width: 505px;
      }
      .page-title__wrapper.peopletalk {
        max-width: 480px;
      }
      .page-title__wrapper.articles {
          max-width: 380px;
      }
      .page-title {
        max-width: 260px;
        font-size: 30px;
        line-height: 150%;
      }
      .page-title::after {
          right: -156px;
      }
      .page-title__wrapper img {
          width: 63px;
      }
      .individual-photo__wrapper {
          padding-bottom: 100px;
      }
      .individual-photo__right-content {
          max-width: 239px;
      }
      .individual-photo__title-wrapper {
        display: flex;
        flex-direction: column-reverse;
      }
      .individual-photo__title {
        font-size: 30px;
        line-height: 150%;
      }
      .individual-photo__uptitle {
        font-size: 10px;
        line-height: 150%;
      }
      .individual-photo__left-content {
        width: calc(58% - 10px);  
      }
      .individual-photo__right-content {
        width: calc(42% - 10px);
      }
    }

    @media (max-width: 560px) {
        .page-title__wrapper {
            padding-left: 20px;
            width: 355px;
        }
        .page-title {
            max-width: 220px;
            font-size: 25px;
            line-height: 150%;
        }
        .page-redline {
            min-width: 38px;
            margin: 0 8px;
        }
        .page-title::after {
            width: 31px;
            right: -45px;
        }
        .page-title__wrapper.peopletalk .page-title::after {
            width: 64px;
            right: -78px;
        }
        .page-title__wrapper.articles .page-title::after {
            width: 124px;
            right: -138px;
        }
        .page-title__wrapper img {
            width: 71px;
        }
        .page-section .container {
            padding: 0;
            overflow: hidden;
        }
        .page-section {
            padding-top: 100px;
        }
        .photos-wrapper {
            padding: 30px 20px 60px;
        }
        .individual-photo__title {
            font-size: 25px;
            line-height: 150%;
        }
        
    }

    @media (max-width: 460px) {
        .individual-photo__wrapper {
            flex-direction: column-reverse;
        }
        .individual-photo__wrapper:nth-child(even) {
            flex-direction: column-reverse;
        }
        .individual-photo__left-content {
            width: 100%;
        }
        .individual-photo__right-content {
            width: 100%;
        }
        .indivivdual-photo__right-img-wrapper {
            display: none;
        }
        .individual-photo__title-wrapper {
            flex-direction: column;
            padding-bottom: 15px;
        }
        .individual-photo__left {
            padding-bottom: 15px;
        }
        .individual-photo__wrapper {
            padding-bottom: 90px;
        }
        .individual-photo__link.mob {
            display: flex;
        }
    }

    .videos__wrapper {
        padding: 75px 0 95px;
        max-width: 1109px;
        margin: 0 auto;
    }

    .individual-video__wrapper:last-child {
        padding-bottom: 0;
    }

    .individual-video__wrapper {
        display: flex;
        justify-content: space-between;
        padding-bottom: 130px;
    }

    .individual-video__wrapper:nth-child(even) {
        flex-direction: row-reverse;
    }

    .individual-video__right-content {
        max-width: 619px;
        width: 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .individual-video {
        width: 100%;
        cursor: pointer;
        transition:max-height 0.3s ease-out; 

    }

    .video-poster {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2; 
        background-size: cover;
    }


    .individual-video__play-btn-text {
        position: absolute;
        z-index: 2;
        animation: rotating 40s linear infinite;
        cursor: pointer;
    }

    .individual-video__play-btn {
        position: absolute;
        z-index: 2;
        cursor: pointer;
    }

    .individual-video__left-content {
        max-width: 419px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-left: 15px;
    }

    .individual-video__wrapper:nth-child(even) .individual-video__left-content {
        align-items: flex-start;
        margin-left: 0;
        margin-right: 15px;
    }

    .individual-video__wrapper:nth-child(even) .individual-video__name {
        align-self: flex-start;
        padding-left: 20px;
    }
    
    .individual-video__name {
        font-family: Playfair Display;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        /* identical to box height, or 24px */

        letter-spacing: 0.05em;
        text-transform: uppercase;

        color: #000000;
        padding-bottom: 15px;
    }

    .individual-video__img {
        width: 100%;
    }

    @media (max-width: 768px) {
        .videos__wrapper {
            padding: 90px 0 65px;
        }
        .individual-video__wrapper {
            flex-direction: column;
        }
        .individual-video__wrapper:nth-child(even) {
            flex-direction: column;
        }
        .individual-video__wrapper:nth-child(even) .individual-video__name {
            padding-left: 0;
        }
        .individual-video__right-content {
            max-width: 100%;
            margin-bottom: 20px;
        }
        .individual-video {
            width: 100%;
        }
        .video-poster {
            width: 100%;
        }
        .individual-video__left-content {
            max-width: 100%;
        }
        .individual-video__name {
            padding-bottom: 0;
            font-size: 15px;
            line-height: 150%;
        }
        .individual-video__img {
            display: none;
        }
    }

    @media (max-width: 560px) {
        .videos__wrapper {
            padding: 40px 20px 70px;
        }
        .individual-video__wrapper {
            padding-bottom: 70px;
        }
        .individual-video__right-content {
            margin-bottom: 12px;
        }
        .individual-video__name {
            font-size: 12px;
            line-height: 150%;
        }
        
    }


.peopletalk__wrapper {
    padding: 90px 43px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
}

.peopletalk__wrapper .photoshoot-img {
                    margin-bottom: 57px;
                }

                .peopletalk__wrapper .photoshoot-img:nth-child(4n+1) {
                    max-width: 549px;
                    width: calc(50% - 10px);
                }

                .peopletalk__wrapper .photoshoot-img:nth-child(4n+2) {
                    max-width: 438px;
                    width: calc(50% - 10px);
                    margin-right: 55px;
                }

                .peopletalk__wrapper .photoshoot-img:nth-child(4n+3) {
                    max-width: 438px;
                    width: calc(50% - 10px);
                    margin-left: 55px;
                    align-self: flex-start;
                }

                .peopletalk__wrapper .photoshoot-img:nth-child(4n+4) {
                    max-width: 549px;
                    width: calc(50% - 10px);
                }

.peopletalk-images__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1045px;
    padding-bottom: 60px;
}

.peopletalk-images__wrapper:nth-child(even) {
    flex-direction: row-reverse;
    align-items: flex-start;
}

.peopletalk-images__wrapper:last-child {
    padding-bottom: 0;
}

.peopletalk-images__left-content {
    max-width: 549px;
}

.peopletalk-images__left-content-img {
    width: calc(100% - 10px);
}

.peopletalk-images__right-content {
    max-width: 438px;
}

.peopletalk-images__right-content-img {
    width: calc(100% - 10px);
}

.peopletalk-images__wrapper {
    margin-right: 55px;
}

.peopletalk-images__wrapper:nth-child(even) {
    margin-right: 0;
    margin-left: 55px;
}

@media (max-width: 1240px) {
                    .peopletalk__wrapper .photoshoot-img:nth-child(4n+2) {
                        margin-right: 0;
                    }

                    .peopletalk__wrapper .photoshoot-img:nth-child(4n+3) {
                        margin-left: 0px;
                    }
                }

@media (max-width: 560px) {
    .peopletalk__wrapper {
        padding: 60px 20px 90px;
    }
}

@media (max-width: 460px) {
    .peopletalk__wrapper {
        padding: 40px 20px 20px;
    }
    .peopletalk-images__wrapper {
        max-width: 100%;
        margin: 0;
        flex-direction: column;
    }
    .peopletalk-images__wrapper:nth-child(even) {
        margin: 0;
        flex-direction: column;
    }
    .peopletalk-images__left-content-img {
        width: 100%;
    }
    .peopletalk-images__right-content-img {
        width: 100%;
    }
    .peopletalk-images__wrapper {
        padding-bottom: 0;
    }
    .peopletalk__wrapper .photoshoot-img {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 8px;
    }
}

.black-header.contacts-art .header-logo {
    filter: brightness(1);
}

.black-header.contacts-art .burger-menu {
    display: flex;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000;
    cursor: pointer;
}


.contacts-art.burger-menu span {
        display: block;
    }
    .contacts-art.burger-menu.active {
        color: #C12335;
    }
    .contacts-art.burger-menu.active span {
        transform: rotate(45deg);
    }
    .contacts-art .header-nav {
        display: none;
    }
    .contacts-art .header-nav li:first-child {
        margin-left: 26px;
    }
    .contacts-art.header-nav li {
        margin: 0;
    }
    header.contacts-art.burger-show {
        height: 100vh;
        background: #FEE5E7;
    }
    .contacts-art.burger-show {
        animation: fadeInBurger 0.6s ease-in-out;
    }
    header.contacts-art.burger-show .header-nav {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 30%;
        top: 30%;
        
    }
    header.contacts-art.burger-show .header-logo {
        filter: brightness(0) !important;
        
    }
    header.contacts-art.burger-show .header-nav li a {
        font-size: 30px;
        line-height: 150%;
        /* or 45px */

        letter-spacing: 0.02em;

        color: #000000;
        text-transform: unset;
        margin-bottom: 25px;
    }
    header.contacts-art.burger-show .header-nav li {
        margin-bottom: 25px;
    }
    header.contacts-art.burger-show .header-nav li:last-child {
        margin-bottom: 0;
    }
    header.contacts-art.burger-show .header-nav li.active a {
        color: #C12335;
        font-style: italic;
        position: relative;
        left: 36px;
    }
    header.contacts-art.burger-show .header-nav li.active a::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -36px;
        width: 22px;
        height: 1px;
        background: #C12335;
    }
    .contacts-art.header-nav li a::after {
        display: none;
    }

.contact {
    background: #FEE5E7;
    height: 100%;
}

.contact .container {
    width: 100%;
    height: 100vh;
    display: flex;
    max-width: unset;
} 

.contact__left-content {
    max-width: 50%;
    height: inherit;
    overflow: hidden;
}

.contact__left-content img {
    position: relative;
    height: 100%;
}

.contact__left-content-img-mob {
    display: none;
}

.contact__right-content {
    align-self: flex-end;
    padding: 0 20px 60px 50px;
    max-width: 440px;
    width: 100%;
}

.contacts-link__wrapper {
    
}

.contacts-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
}

.contacts-link__text {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 50px;
    line-height: 150%;
    /* or 75px */

    letter-spacing: 0.02em;

    color: #000000;
}

.contacts-link__arrow {
    width: 91px;
}

.contacts-link:hover .contacts-link__text {
    color: #C01133;
    font-style: italic;
}

.contacts-link:hover .contacts-link__arrow {
    filter: invert(17%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

@media (max-width: 1024px) {
    .contact__left-content img {
        right: 50%;
    }
    .contact .container {
    justify-content: space-between;
} 
}

@media (max-width: 900px) {
    .contact__left-content {
        max-width: 376px;
    }
    .contact__right-content {
        padding: 0 20px 50px 35px;
        max-width: 280px;
    }
    .contacts-link {
        padding-bottom: 17px;
    }
    .contacts-link:last-child {
        padding-bottom: 0;
    }
    .contacts-link__text {
        font-size: 30px;
        line-height: 150%;
    }
    .contacts-link__arrow {
        width: 61px;
    }
}

@media (max-width: 560px) {
    .contact__left-content img {
        right: unset;
    }
    .contact .container {
        flex-direction: column;
    }
    .contact__left-content {
        max-width: 100%;
        width: 100%;
    }
    .contact__right-content {
        max-width: 100%;
        padding: 25px 20px;
    }
    .contacts-link__text {
        font-size: 25px;
        line-height: 150%;
    }
    .contacts-link__arrow {
        width: 50px;
    }
    .contacts-link {
        max-width: 190px;
    }

}

@media (max-width: 410px) {
    .contact__left-content img {
        right: 10%;
    }
}

.articles-wrapper {
    max-width: 1152px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 75px 0 100px;
}

.article-block {
    padding: 15px;
    background: #FEE5E7;
    margin-bottom: 110px;
    cursor: pointer;
    position: relative;
}

.article-block:last-child {
    margin-bottom: 0;
}

.article-block:hover .block-img {
    transform: scale(1.2);
}

@media (min-width: 767px) and (max-width: 1920px) {
    .article-block:hover .block-hidden {
        display: block;
    }
}

.article-block:hover .article-button {
    display: block;
}

.article-block .block-img {
    width: 100%;
}

.block-img__wrapper {
    overflow: hidden;
    position: relative;
}

.article-button {
    display: none;
    position: absolute;
    right: calc(50% - 35px);
    top: calc(50% - 35px);
}

.block-img__wrapper .block-520px {
    max-width: 520px;
}

.block-img__wrapper .block-img {
    transition: transform .5s ease;
}

.block-title {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    /* or 22px */

    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #000000;
    padding-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.block-hidden {
    width: 100%;
    display: none;
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    /* or 24px */


    color: #000000;
    padding-top: 17px;
    animation: fadeInDown 0.5s ease;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    right: 0;
    padding: 15px;
    background: #FEE5E7;
    max-width: 100%;
}

.block-article-name {
    display: none;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    /* or 18px */

    letter-spacing: 0.05em;

    color: #000000;
    margin: 5px 0;
}

.block-date {
    display: none;
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    /* or 18px */


    color: #000000;
}


.block-520px {
    max-width: 520px;
    height: fit-content;
}

.block-446px {
    max-width: 446px;
    height: fit-content;
}

.block-394px {
    max-width: 394px;
    height: fit-content;
}

.block-377px {
    max-width: 377px;
    height: fit-content;
}

.block-323px {
    max-width: 323px;
    height: fit-content;
}

/* .articles-wrapper .article-block:nth-child(10n+1) {
    max-width: 520px;
    height: fit-content;
}

.articles-wrapper .article-block:nth-child(10n+2) {
    max-width: 446px;
    height: fit-content;
}

.articles-wrapper .article-block:nth-child(5n+3) {
    max-width: 394px;
    height: fit-content;
}

.articles-wrapper .article-block:nth-child(5n+4) {
    max-width: 377px;
    height: fit-content;
}

.articles-wrapper .article-block:nth-child(5n+5) {
    max-width: 323px;
    height: fit-content;
}

.articles-wrapper .article-block:nth-child(10n+6) {
    max-width: 446px;
    height: fit-content;
}

.articles-wrapper .article-block:nth-child(10n+7) {
    max-width: 520px;
    height: fit-content;
} */

@media (max-width: 1000px) {
    .articles-wrapper {
        justify-content: center;
    }
    .block-394px {
        max-width: 520px;
    }
    .block-377px {
        max-width: 446px;
    }
    .block-323px {
        max-width: 446px;
    }
    .article-block {
        margin-bottom: 95px;
    }
}

@media (max-width: 460px) {
    .articles-wrapper {
        padding: 30px 20px 60px;
    }
    .article-block {
        margin-bottom: 50px;
    }
    .block-article-name {
        display: block;
    }
    .block-date {
        display: block;
    }
    .block-title {
        display: none;
    }
}


@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeInBurger {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadeInBurger {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInBurger {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeInRight {
    0% {
       opacity: 0;
       transform: translate3d(-100px,0,0)
    }
    100% {
       opacity: 1;
       transform: translateZ(0);
    }
 } 

 @keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}