/*
Theme Name: Kyivsmartcityhub
Theme URI:
Author: Kyivsmartcityhub
Author URI: https://galogramib.com/
Description: A modern design with clean lines and styling for a wide variety of content, exactly how a business design should be. galogram is a one-page parallax theme, with excellent built-in functionality. You can add as many images as you want to the main header area, turn them into slider. Theme includes animations (can be turned off), a custom pre-loader (can be turned off) and has been optimized for loading speed.
Most One Page Themes are not SEO optimized, but galogram Lite is. You should defintely download this theme and check it out.
Version: 2.0.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column,two-columns,right-sidebar,left-sidebar,custom-header,custom-menu,featured-image-header,featured-images,sticky-post,full-width-template,front-page-post-form,threaded-comments,translation-ready
Text Domain: Kyivsmartcityhub

This theme, like WordPress, is licensed under the GPL.
*/
@import url("./layout/fonts/stylesheet.css");

*{box-sizing:border-box;}
input{min-width:1px;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #ebebeb inset;}
button{border:none;background-color:transparent;cursor:pointer;}
a{text-decoration:none;outline:none;}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:normal;}
p, blockquote{margin:0;}
th{font-weight:normal;}
cite{font-style:normal;}
body{margin: 0 !important;}
html {
    box-sizing: border-box;
    font-family: 'Gotham Pro', sans-serif;
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
}
@media screen and (min-width: 991px) {
    #menu-top-menu, #menu-top-menu-english {
        display: flex;
        list-style-type: none;
    }
    #menu-top-menu > li, .sub-menu > li,
	#menu-top-menu-english > li, .sub-menu > li{
        list-style-type: none;
        display: block;
        margin-top: 25px;
    }
    #menu-top-menu > li a,
	#menu-top-menu-english > li a{
        position: relative;
        font-size: 22px;
        line-height: 21px;
        color: #1F1F1F;
    }
    #menu-top-menu > li:nth-of-type(2) a,  #menu-top-menu > li:nth-of-type(3) a, #menu-top-menu > li:nth-of-type(4) a, #menu-top-menu > li:nth-of-type(5) a {
        margin-left: 45px;
    }
	#menu-top-menu-english > li:nth-of-type(2) a,  #menu-top-menu-english > li:nth-of-type(3) a, #menu-top-menu-english > li:nth-of-type(4) a, #menu-top-menu-english > li:nth-of-type(5) a {
        margin-left: 45px;
    }
    .nav__menu-dropdown {
        left: 60%;
    }
    .sub-menu {
        visibility: hidden;
        opacity: 0;
        z-index: 2;
        display: flex;
        flex-direction: column;
        margin: 10px 0 0 10px;
        padding-left: 0;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
        transition: opacity .5s;
        position: absolute;
    }
    .sub-menu > li:first-child {
        margin: 20px 20px 10px 5px;
    }
    .sub-menu > li {
        margin: 10px 20px 10px 5px;
    }
    .sub-menu > li:last-child {
        margin: 10px 20px 20px 5px;
    }
    .menu-item-has-children:hover .sub-menu {
        visibility:visible;
        opacity:1;
    }
}
@media screen and (max-width: 1440px) and (min-width: 1280px) {
    #menu-top-menu > li a,  #menu-top-menu-english > li a{
        font-size: 16px;
    }

}
@media screen and (max-width: 991px) {
    #menu-top-menu,  #menu-top-menu-english {
        list-style-type: none;
        padding: 0;

    }
    #menu-top-menu > li, .sub-menu > li,  #menu-top-menu-english > li, .sub-menu > li {
        list-style-type: none;
    }
    #menu-top-menu > li a {

    }
    .menu-item {
        margin-bottom: 36px;
    }
    .sub-menu {
     margin: 0;
     padding: 0;
    }
    .sub-menu > li:first-child {
        margin-top: 36px;
    }
    .sub-menu > li {
        margin: 0 0 36px 0;
        padding: 0;
    }
    .menu-item-has-children > a {
        display: none;
    }
}
@media screen and (max-width: 700px) {
    .home-instructions__container {
        overflow-x: hidden;
    }
}
#wpadminbar {
    z-index: 1000;
}
.smartbanner {
    z-index: 1001;
}
@media screen and (max-width: 417px) {
    .wpcf7-email {
        left: 0;
    }
}

.modal__close-btn, .modal__close-btn:focus, input {
    outline:none;
}
@media screen and (max-width: 800px) and (min-width: 400px)  {
    .how-it-works-start {
        overflow-x: hidden;
    }
}
*, *:before, *:after {
    box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin: 0;
}

ul, ol {
    padding: 0;
}

a {
    outline: none;
    text-decoration: none;
}

button {
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.title-1 {
    font-weight: 900;
    font-size: 134px;
    line-height: 128px;
}
.title-2 {
    font-weight: 300;
    font-size: 90px;
    line-height: 86px;
}
.title-3 {
    font-weight: 300;
    font-size: 52px;
    line-height: 50px;
    color: #000 !important;
}

.text {
    font-size: 22px;
    line-height: 21px;
}

.button {
    color: #fff;
    background-color: #283ABA;
    border-radius: 60px;
    transition: background-color, box-shadow 300ms linear;
}
.button:hover {
    background-color: #1C59B8;
    box-shadow: 0px 5px 4px rgba(0, 163, 179, 0.3);
}

.button.small {
    height: 78px;
    font-weight: normal;
    font-size: 22px;
    line-height: 21px;
}
.button.small:active, .button.small:focus {
    outline: none;
    font-weight: 300;
    background-color: #06016B;
}

.button.big {
    height: 91px;
    font-weight: bold;
    font-size: 30px;
    line-height: 29px;
}
.button.big:active, .button.big:focus {
    outline: none;
    font-weight: normal;
    background-color: #06016B;
}

.navbar__container {
    position: relative;
    z-index: 100;
    max-width: 1920px;
    min-height: 130px;
    width: 100%;
    margin: 0 auto;
    padding: 0 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}
.burger_btn {
    display: none;
}
.navbar__menu {
    display: flex;
    flex-direction: row;
}
.navbar__menu-item {
    position: relative;
    font-size: 22px;
    line-height: 21px;
    color: #1F1F1F;
}
.navbar__menu-item:not(:first-of-type) {
    margin-left: 45px;
}
.navbar__menu-item::before, .menu-item > a::before   {
    content: '';
    position: absolute;
    height: 6px;
    width: 0px;
    display: block;
    left: 0;
    right: 0;
    bottom: -10px;
    background-color: #8E1545;
    opacity: 0;
    transition: 200ms linear;
}
.navbar__menu-item:active::before, .menu-item > a:active::before {
    content: '';
    width: 100%;
    opacity: 1;
}
[aria-current="page"]::before {
    content: '' !important;
    position: absolute !important;
    height: 6px !important;
    width: 100% !important;
    display: block !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -10px !important;
    background-color: #8E1545 !important;
    opacity: 1 !important;
}
.navbar__menu-btn {
    width: 237px;
    margin-left: 45px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.hero-section {
    max-width: 1920px;
    width: 100%;
    height: auto;
    margin: 0 auto 220px;
    display: flex;
}
.hero__main-content-wrapper {
    position: relative;
    z-index: 50;
    width: 50%;
}
.hero__photo-wrapper {
    width: 50%;
    overflow: hidden;
}
.hero__logo-bg {
    position: absolute;
    top: 0;
    right: -190px;
    width: 1183px;
    height: 100%;
    display: block;
}
.hero__logo {
    position: absolute;
    top: -127px;
    right: -736px;
}
.hero__main-content {
    position: relative;
    max-width: 850px;
    margin-top: 128px;
    padding-left: 144px;
}
.hero__title {
    margin-bottom: 10px;
    opacity: 0;
    transform: translateX(-40px);
    transition: transform .9s cubic-bezier(.215,.61,.355,1) .6s,
                opacity .9s cubic-bezier(.215,.61,.355,1) .6s;
}
.hero-section.in-view .hero__title {
    opacity: 1;
    transform: translateX(0);
}

.hero__title span:first-of-type {
    display: block;
    margin-bottom: 18px;
    color: #2E4057;
    opacity: 0;
    transform: translateX(-40px);
    transition: transform .9s cubic-bezier(.215,.61,.355,1) .6s,
    opacity .9s cubic-bezier(.215,.61,.355,1) .6s;
}
.hero-section.in-view .hero__descr {
    opacity: 1;
    transform: translateX(0);
}
.hero__title span:last-of-type {
    display: block;
    color: #283ABA;
}
.hero__descr {
    margin-bottom: 59px;
    color: #1F1F1F;
    font-size: 22px;
    opacity: 0;
    transform: translateX(-40px);
    transition: transform .9s cubic-bezier(.215,.61,.355,1) .6s,
                opacity .9s cubic-bezier(.215,.61,.355,1) .6s;
}
.hero-section.in-view .hero__descr {
    opacity: 1;
    transform: translateX(0);
}

.hero__btn {
    width: 375px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateX(-40px);
    transition: transform .9s cubic-bezier(.215,.61,.355,1) .85s,
        opacity .9s cubic-bezier(.215,.61,.355,1) .85s,
        box-shadow 300ms linear,
        background-color 300ms linear;
}
.hero-section.in-view .hero__btn {
    opacity: 1;
    transform: translateX(0);
}
.hero__photo {
    display: block;
    transform: scale(1.2);
    opacity: 0;
    transition: transform 2s cubic-bezier(.215,.61,.355,1),
    opacity 2s cubic-bezier(.215,.61,.355,1);
}
.hero-section.in-view .hero__photo {
    transform: scale(1);
    opacity: 1;
}

.slogan-section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 200px;
    padding-top: 166px;
    padding-bottom: 156px;
    display: flex;
    justify-content: center;
    background: center / cover no-repeat url("layout/images/pattern.png");
}
.slogan-section__content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*opacity: 0;*/
    visibility: hidden;
    transform: translateX(-100vh);
    transition: transform 1s linear;
}
.slogan-section__content-wrapper.in-view {
    /*opacity: 1;*/
    visibility: visible;
    transform: translateX(0);
}
.slogan {
    height: 157px;
    padding: 0 57px;
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 90px;
    line-height: 86px;
    color: #fff;
    background-color: #06016B;
}
.slogan:not(:last-child) {
    margin-bottom: 28px;
}
.hashtag {
    height: 152px;
    padding-left: 85px;
    padding-right: 103px;
}
.slogan_with-shadow {
    box-shadow: 23px 20px #283ABA;
}

.news-section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 3.8% 212px;
}
.news-section__title {
    margin-bottom: 60px;
    text-align: center;
}
.news-carousel__container {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    /*display: flex;*/
}
.news-carousel {
    width: 100%;
    padding: 0 39px;
}
.news-carousel__arrow-container {
    /*position: relative;*/
}
.news-carousel__arrow {
    position: absolute;
    top: 273px;
    transform: translateY(-50%);
    z-index: 20;
    display: flex;
}
.news-carousel__arrow .active {
    display: none;
}
.news-carousel__arrow:hover .default {
    display: none;
}
.news-carousel__arrow:hover .active {
    display: flex;
}
.news-carousel__arrow img {
    width: 38px;
    height: 59px;
}
.news-carousel__prev-btn {
    left: 0;
}
.news-carousel__next-btn {
    right: 0;
}
/*.news-carousel__arrow .mob {*/
/*display: none;*/
/*}*/
.news-carousel__slide {
    outline: none;
    overflow: hidden;
    position: relative;
    padding: 0 20px;
}
.news__article-wrapper {
    position: relative;
    margin-bottom: 260px;
    padding-bottom: 21px;
    max-height: 720px;
}
.news__article-wrapper:hover .news__description-wrapper {
    top: 0;
}
.news__description-wrapper {
    position: absolute;
    top: 100%;
    min-height: 840px;
    padding: 45px 27px 22px 41px;
    background-color: rgba(255, 255, 255, 0.9);
    transition: top 500ms linear;
}
.news__article-photo {
    height: 494px;
}
.slick-list {
    margin: 0 -46.5px 78px;
}
.slick-slide {
    margin: 0 46.5px;
}
.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
}
.slick-dots li:not(:first-of-type) {
    margin-left: 18px;
}
.news-carousel__dot {
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #C4C4C4;
    transition: width, height, 0.5s;
}
.slick-dots li.slick-active .news-carousel__dot {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #8E1545;
    transition: width, height, 0.5s;
}
.news__title {
    font-weight: 300;
    font-size: 52px;
    line-height: 50px;
    color: #1F1F1F;
}
.news__article {
    color: #1F1F1F;
}
.news__footer {
    position: relative;
    padding-top: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
}
.news__link {
    font-weight: bold;
    font-size: 22px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #283ABA;
}
.news__date {
    font-size: 22px;
    line-height: 21px;
    text-transform: capitalize;
    color: #1F1F1F;
}

.city-guide-section-container {
    background-color: #00A3B3;
}
.city-guide-section {
    overflow: hidden;
    max-width: 1920px;
    width: 100%;
    height: 677px;
    margin: 0 auto;
    display: flex;
}
.city-guide__banner-container {
    /*width: 731px;*/
    /*background: center / cover no-repeat url("../images/cover_guide.png");*/
}
.city-guide__main-content-wrapper {
    position: relative;
    width: 100%;
    transform: translateX(0);
}
.city-guide-section.in-view .city-guide__main-content-wrapper {
    /*opacity: 1;*/
    visibility: visible;
    transform: translateX(0);
}
.city-guide__banner {
    display: block;
    transform: scale(1.2);
    opacity: 0;
    transition: transform 2s cubic-bezier(.215,.61,.355,1),
    opacity 2s cubic-bezier(.215,.61,.355,1);
}
.city-guide-section.in-view .city-guide__banner {
    transform: scale(1);
    opacity: 1;
}
.city-guide__logo-bg {
    position: absolute;
    top: -43px;
}
.city-guide__logo {
    position: absolute;
    top: -130px;
    left: -88px;
}
.city-guide__main-content {
    position: absolute;
    z-index: 10;
    top: 90px;
    left: 25%;
    opacity: 0;
    transform: translateX(40px);
    transition: transform .9s cubic-bezier(.215,.61,.355,1) .6s,
    opacity .9s cubic-bezier(.215,.61,.355,1) .6s;
}
.city-guide-section.in-view .city-guide__main-content {
    opacity: 1;
    transform: translateX(0);
}
.city-guide__title {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #1F1F1F;
}
.city-guide__sub-title {
    margin-bottom: 80px;
    line-height: 61px;
    color: #1F1F1F;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.city-guide__btn {
    width: 375px;
    transform: translateX(40px);
    transition: transform .9s cubic-bezier(.215,.61,.355,1) .85s,
    opacity .9s cubic-bezier(.215,.61,.355,1) .85s,
    background-color 300ms linear,
    box-shadow 300ms linear;
}
.city-guide-section.in-view .city-guide__btn {
    /*opacity: 1;*/
    visibility: visible;
    transform: translateX(0);
}

.quote-section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 218px 8% 183px;
}
.quote-section__content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.quote {
    flex: 1;
    font-weight: 300;
    font-size: 90px;
    line-height: 86px;
    color: #1F1F1F;
    /*opacity: 0;*/
    visibility: hidden;
    transform: translateY(100vh);
    transition: transform 500ms linear 500ms;
}
.quote span {
    color: #D81E5B;
}
.quote-section__content-wrapper.in-view .quote {
    /*opacity: 1;*/
    visibility: visible;
    transform: translateY(0);
}
.description {
    margin-left: 20px;
    flex: 1;
    color: #1F1F1F;
    /*opacity: 0;*/
    visibility: hidden;
    transform: translateY(100vh);
    transition: transform 500ms linear 1s;
    font-size: 22px;
    line-height: 116.2%;
}
.quote-section__content-wrapper.in-view .description {
    /*opacity: 1;*/
    visibility: visible;
    transform: translateY(0);
}

.values-section-container {
    background-color: #06016B;;
}
.values-section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 135px 9.1% 165px 7.9%;
    background: center / cover no-repeat url("layout/images/we.png");
}
.values-section__title {
    margin-bottom: 85px;
    text-align: center;
    color: #fff;
}
.values__list-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.values__list {
    flex: 1;
    font-weight: 300;
    font-size: 30px;
    line-height: 29px;
    color: #fff;
    list-style-type: none;
}
.values__list:not(:first-of-type) {
    margin-left: 88px;
}
.values__list li {
    min-height: 46px;
    display: flex;
    padding-left: 63px;
    background: 0px 0px / auto no-repeat url("layout/images/ellipse_24.svg");
    opacity: 0;
}
.values__list li:nth-child(1) {
    transition: opacity 1s linear;
}
.values__list li:nth-child(2) {
    transition: opacity 1s linear 200ms;
}
.values__list li:nth-child(3) {
    transition: opacity 1s linear 400ms;
}
.values__list li:nth-child(4) {
    transition: opacity 1s linear 600ms;
}
.values__list li:nth-child(5) {
    transition: opacity 1s linear 800ms;
}
.values__list li:not(:last-child) {
    margin-bottom: 33px;
}
.values__list-container.in-view .values__list li {
    opacity: 1;
}
.footer__content-item:not(:last-child) {
    margin-right: 30px;
}
.footer-container {
    background-color: #D81E5B;
}
.footer {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 66px 8% 74px;
    display: flex;
    justify-content: space-between;
}
.footer__text {
    font-weight: bold;
    font-size: 24px;
    line-height: 21px;
    color: #fff;
}
.footer__content-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer__content-item.policy {
    max-width: 370px;
}
.footer__contacts-container {
    max-width: 330px;
}
.footer__contacts-item-wrapper {
    display: flex;
    align-items: flex-end;
}
.footer__contacts-icon-wrapper {
    /*min-width: 38px;*/
}
.footer__contacts-icon-wrapper img {
    display: block;
}
.footer__contacts-item {
    margin-left: 27px;
}
.footer__socials-container {
    display: flex;
    justify-content: space-between;
}
.copyright.mob {
    display: none;
}
@media screen and (max-width: 1680px) {
    /*.button.big {*/
        /*height: 71px;*/
        /*font-size: 25px;*/
        /*line-height: 24px;*/
    /*}*/
    /*.hero__main-content {*/
        /*max-width: 790px;*/
    /*}*/
    /*.hero__title span:first-of-type {*/
        /*font-size: 36px;*/
    /*}*/
    /*.hero__title .title-1 {*/
        /*font-size: 90px;*/
        /*line-height: 86px;*/
    /*}*/
    /*.hero__descr {*/
        /*font-size: 16px;*/
        /*line-height: 15px;*/
    /*}*/
    /*.city-guide__title {*/
        /*font-size: 61px;*/
        /*line-height: 58px;*/
    /*}*/
    /*.city-guide__sub-title {*/
        /*font-size: 36px;*/
        /*line-height: 42px;*/
    /*}*/
}
@media screen and (max-width: 1600px) {
    .values-section {
        padding: 87px 9.1% 124px 7.9%;
        background-image: url("layout/images/we_1600.png");
    }
    .values-section__title {
        margin-bottom: 67px;
        font-size: 112px;
        line-height: 100px;
    }
    .values__list {
        font-size: 25px;
        line-height: 24px;
    }
    .values__list li {
        min-height: 48px;
    }
    .values__list li:not(:last-child) {
        margin-bottom: 27px;
    }
}

@media screen and (max-width: 1440px) {
    .title-1 {
        font-size: 90px;
        line-height: 86px;
    }
    .title-2 {
        font-size: 61px;
        line-height: 58px;
    }
    .title-3 {
        font-size: 35px;
        line-height: 33px;
    }
    .button.big {
        height: 71px;
        font-size: 25px;
        line-height: 24px;
    }
    .button.small {
        height: 52px;
        font-size: 18px;
        line-height: 17px;
    }
    .navbar__container {
        height: 102px;
    }
    .navbar__menu-item {
        font-size: 18px;
        line-height: 17px;
    }
    .navbar__menu-item:not(:first-of-type) {
        margin-left: 45px;
    }
    .navbar__menu-btn {
        width: 158px;
        margin-left: 39px;
    }
    .hero-section {
        margin-bottom: 173px;
    }
    .hero__main-content {
        max-width: 660px;
        margin-top: 101px;
        padding-left: 150px;
    }
    .hero__logo-bg {
        width: 824px;
        height: auto;
        right: -145px;
    }
    .hero__logo {
        width: 591px;
        top: -102px;
        right: -575px;
    }
    .hero__title span:first-of-type {
        font-size: 36px;
    }
    .hero__descr {
        margin-bottom: 46px;
    }
    .slogan-section {
        padding-top: 130px;
        padding-bottom: 139px;
        background-image: url("layout/images/pattern_1440.png");
    }
    .slogan {
        height: 123px;
        font-size: 61px;
        line-height: 58px;
    }
    .hashtag {
        height: 120px;
    }
    .slogan:not(:last-child) {
        margin-bottom: 38px;
    }
    .slogan_with-shadow {
        box-shadow: 17px 16px #283ABA;
    }
    .news-section {
        padding: 137px 89px 179px;
    }
    .news-section__title {
        margin-bottom: 48px;
    }
    .slick-list {
        margin: 0 -28px 81px;
    }
    .slick-slide {
        margin: 0 28px;
    }
    .news-carousel {
        padding: 0 39px;
    }
    .news-carousel__dot {
        width: 17px;
        height: 17px;
    }
    .slick-dots li.slick-active .news-carousel__dot {
        width: 20px;
        height: 20px;
    }
    .news-carousel__arrow {
        top: 174px;
    }
    .news-carousel__arrow img {
        width: 31px;
        height: 46px;
    }
    .news__article-photo {
        height: 349px;
    }
    .news__title {
        font-size: 35px;
        line-height: 33px;
    }
    .news__article-wrapper {
        padding-bottom: 0;
    }
    .news__description-wrapper {
        padding: 42px 15px;
    }
    .news__date {
        font-size: 18px;
        line-height: 17px;
    }
    .city-guide-section {
        height: 540px;
    }
    .city-guide__banner-container {
        position: relative;
        left: -125px;
    }
    .city-guide__banner {
        width: 640px;
    }
    .city-guide__main-content-wrapper {
        left: -145px;
        /*transform: translateX(150vh);*/
    }
    .city-guide__main-content {
        top: 87px;
        left: 33%;
    }
    .city-guide__logo-bg {
        position: absolute;
        top: -85px;
        left: -20px;
    }
    .city-guide__logo {
        position: absolute;
        top: -100px;
        left: -52px;
        width: 560px;
    }
    .city-guide__btn {
        width: 295px;
    }
    .city-guide__title {
        margin-bottom: 40px;
    }
    .city-guide__sub-title {
        margin-bottom: 64px;
        font-size: 36px;
        line-height: 42px;
    }
    .quote-section {
        padding: 152px 10% 141px 10.41%;
    }
    .quote {
        max-width: 518px;
        font-size: 61px;
        line-height: 58px;
    }
    .values-section {
        padding: 87px 9.79% 124px 10.41%;
        background-image: url("layout/images/we_1440.png");
    }
    .values-section__title {
        margin-bottom: 67px;
    }
    .values__list {
        font-size: 25px;
        line-height: 24px;
    }
    .values__list:not(:first-of-type) {
        margin-left: 104px;
    }
    .values__list li {
        padding-left: 46px;
        background-size: 21px 21px;
    }
    .values__list li:not(:last-child) {
        margin-bottom: 27px;
    }
    .footer {
        padding: 52px 10.41% 58px;
    }
    .footer__text {
        font-size: 18px;
        line-height: 17px;
    }
    .footer__contacts-container {
        max-width: 267px;
    }
    .footer__contacts-item {
        margin-left: 20px;
    }
    .footer__contacts-icon-wrapper img {
        width: 29px;
    }
    .footer__text {
        font-size: 16px;
        line-height: 15px;
    }
    .footer__content-item.policy {
        max-width: 300px;
    }
}
@media screen and (max-width: 1280px) {

    .button.big {
        height: 64px;
    }
    .button.small {
        height: 46px;
    }
    .navbar__container {
        height: 91px;
        padding: 0 134px 0 130px;
    }
    .navbar__menu-item:not(:first-of-type) {
        margin-left: 35px;
    }
    .navbar__menu-btn {
        width: 140px;
        margin-left: 35px;
    }
    .hero-section {
        margin-bottom: 118px;
    }
    .hero__main-content {
        margin-top: 90px;
        padding-left: 129px;
    }
    .hero__logo-bg {
        width: 731px;
        right: -130px;
    }
    .hero__logo {
        width: 526px;
        top: -90px;
        right: -510px;
    }
    .hero__descr {
        margin-bottom: 41px;
    }
    .slogan-section {
        padding-top: 153px;
        padding-bottom: 147px;
        background-image: url("layout/images/pattern_1280.png");
    }
    .slogan {
        height: 110px;
    }
    .hashtag {
        height: 107px;
    }
    .slogan:not(:last-child) {
        margin-bottom: 34px;
    }
    .slogan_with-shadow {
        box-shadow: 15px 14px #283ABA;
    }
    .news-section {
        padding: 100px 60px 159px;
    }
    .news-section__title {
        margin-bottom: 42px;
    }
    .slick-list {
        margin: 0 -28px 72px;
    }
    .slick-slide {
        margin: 0 28px;
    }
    .news-carousel__dot {
        width: 15px;
        height: 15px;
    }
    .slick-dots li.slick-active .news-carousel__dot {
        width: 18px;
        height: 18px;
    }
    .slick-dots li:not(:first-of-type) {
        margin-left: 14px;
    }
    .news-carousel__arrow {
        top: 155px;
    }
    .news-carousel__arrow img {
        width: 41px;
        height: 27px;
    }
    .news__article-photo {
        height: 311px;
    }
    .news__description-wrapper {
        padding: 37px 15px;
    }
    .city-guide__title {
        margin-bottom: 35px;
    }
    .city-guide__sub-title {
        margin-bottom: 58px;
    }
    .city-guide__btn {
        width: 252px;
    }
    .quote-section {
        padding: 136px 10% 126px;
    }
    .values-section {
        padding: 78px 10.15% 110px;
        background-image: url("layout/images/we_1280.png");
        background-size: 100% 100%;
    }
    .values-section__title {
        margin-bottom: 60px;
    }
    .values__list:not(:first-of-type) {
        margin-left: 45px;
    }
    .values__list li {
        padding-left: 45px;
        background-size: 19px 19px;
    }
    .footer {
        padding: 47px 10.15% 52px;
    }
    .footer__contacts-icon-wrapper img {
        width: 26px;
    }
}

@media screen and (max-width: 1024px) {
    .slogan-section {
        background-image: url("layout/images/pattern_1024.png");
    }
    .navbar__menu {
        display: none;
    }
    .footer__text.copyright.mob {
        padding-bottom: 10px;
    }
    .footer__content-item:not(:last-child) {
        margin-right: auto;
    }
}

@media screen and (max-width: 768px) {
    .slogan-section {
        background-image: url("layout/images/pattern_768.png");
        margin-bottom: 0;
    }
    .quote-section__content-wrapper > .quote {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 1024px) {
    .title-1 {
        font-size: 40px;
        line-height: 38px;
    }
    .title-2 {
        font-size: 28px;
        line-height: 27px;
    }
    .title-3 {
        font-size: 20px;
        line-height: 19px;
    }
    .text {
        font-size: 16px;
    }
    .button.big {
        height: 36px;
        font-size: 14px;
        line-height: 13px;
    }
    .navbar__container {
        min-height: 85px;
        padding: 0 16px;
    }
    .navbar {
        display: none;
    }
    .burger_btn {
        display: block;
    }
    .hero-section {
        position: relative;
        height: auto;
        margin-bottom: 26px;
    }
    .hero__main-content-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .hero__photo-wrapper {
        width: 100%;
    }
    .hero__logo-bg {
        display: none;
    }
    .hero__logo-bg_mob {
        display: block;
    }
    .hero__logo {
        display: none;
    }
    .hero__photo {
        width: 100%;
    }
    .hero__main-content {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 74.4%;
        max-width: initial;
        margin-top: 0;
        padding-top: 45px;
        padding-left: 20px;
        background: center / cover no-repeat url("layout/images/hero_logo_bg_mob.svg");
    }
    .hero__title {
        margin-bottom: 20px;
        max-width: 188px;
    }
    .hero__title span:first-of-type {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 19px;
    }
    .hero__descr {
        display: none;
    }
    .hero__btn {
        width: 149px;
    }
    .slogan-section {
        padding-top: 72px;
        padding-bottom: 85px;
        background-image: url("layout/images/pattern_mob.png");
    }
    .slogan {
        height: 56px;
        padding-left: 11px;
        padding-right: 14px;
        font-size: 28px;
        line-height: 27px;
    }
    .slogan:not(:last-child) {
        margin-bottom: 11px;
    }
    .slogan_with-shadow {
        box-shadow: 7px 7px #283ABA;
    }
    .hashtag {
        padding-left: 38px;
        padding-right: 50px;
    }
    .news-section {
        margin: 0 auto;
        padding: 70px 18px 71px;
    }
    .news-section__title {
        margin-bottom: 33px;
    }
    .slick-list {
        margin: 0 0 48px;
    }
    .slick-slide {
        margin: 0;
    }
    .news-carousel {
        padding: 0 46px;
    }
    .news-carousel__dot {
        width: 14px;
        height: 14px;
    }
    .slick-dots li.slick-active .news-carousel__dot {
        width: 18px;
        height: 18px;
    }
    /*.news-carousel__arrow .mob {*/
    /*display: block;*/
    /*}*/
    /*.news-carousel__arrow .xl {*/
    /*display: none;*/
    /*}*/
    .news-carousel__arrow {
        top: 99px;
    }
    .news-carousel__arrow img {
        width: 19px;
        height: 31px;
    }
    .news-carousel__slide {
        padding: 0;
    }
    .news__link {
        font-size: 16px;
        line-height: 15px;
    }
    .news__title {
        font-size: 22px;
        line-height: 21px;
    }
    .news__article-wrapper {
        margin-bottom: 100px;
        padding-bottom: 0;
    }
    .news__article-photo {
        height: 198px;
    }
    .news__description-wrapper {
        padding: 11px 14px;
    }
    .news__article {
        font-size: 16px;
        line-height: 116.2%;
    }
    .city-guide-section {
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .city-guide__banner-container {
        left: initial;
    }
    .city-guide__banner {
        width: 100%;
    }
    .city-guide__main-content-wrapper {
        height: 236px;
        top: -10px;
        left: initial;
    }
    .city-guide__logo-bg {
        top: 0;
        left: 26px;
    }
    .city-guide__logo {
        top: -44px;
        left: 12px;
        width: 249px;
    }
    .city-guide__main-content {
        max-width: 200px;
        top: 21px;
        left: 95px;
    }
    .city-guide__title {
        margin-bottom: 9px;
    }
    .city-guide__sub-title {
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 26px;
    }
    .city-guide__btn {
        width: 187px;
    }
    .pagination-block-pagination {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .pgination__pages-block {
        padding: 0 54px;
        display: flex;
        justify-content: space-between;
    }
    .pgination__pages-block > span:not(:last-child) {
        margin-right: 42px;
    }
    .pgination__pages-block span {
        font-size: 22px;
        line-height: 21px;
        color: #C4C4C4;
    }
    .pgination__pages-block span {
        font-size: 22px;
        line-height: 21px;
        color: #C4C4C4;
    }
    .pgination__pages-block span.active {
        font-weight: 900;
        color: #8E1545;
    }
    .quote-section {
        padding: 66px 16px 145px;
    }
    .quote-section__content-wrapper {
        flex-direction: column;
    }
    .quote {
        margin-bottom: 16px;
        padding: 0 50px;
        font-size: 28px;
        line-height: 27px;
    }
    .description {
        margin-left: 0;
        font-size: 16px;
        line-height: 116.2%;
    }
    .values-section {
        padding: 31px 22px 26px;
        background: 0 0 / 100% 50% no-repeat url("layout/images/М.svg"),
        0 100% / 100% 50% no-repeat url("layout/images/И.svg");
    }
    .values-section__title {
        margin-bottom: 38px;
    }
    .values__list-container {
        flex-direction: column;
    }
    .values__list {
        font-size: 18px;
        line-height: 17px;
    }
    .values__list li:not(:last-child),
    .values__list:first-of-type {
        margin-bottom: 30px;
    }
    .values__list li {
        min-height: 18px;
        padding-left: 39px;
        background-size: 18px 18px;
    }
    .values__list:not(:first-of-type) {
        margin-left: 0;
    }
    .footer {
        padding: 38px 15px 27px;
        flex-direction: column;
    }
    .footer__content-item {
        max-width: 250px;
        width: 100%;
        margin: 0 auto;
    }
    .footer__socials-container {
        max-width: 200px;
        width: 100%;
        margin: 0 auto;
    }
    .copyright {
        display: none;
    }
    .copyright.mob {
        display: block;
    }
    .socials {
        order: 0;
        margin-bottom: 46px;
    }
    .policy {
        margin-bottom: 37px;
        order: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .policy > div:not(:last-child) {
        margin-bottom: 17px;
    }
    .footer__contacts-container {
        order: 3;
        margin-bottom: 26px;
    }
    .footer__contacts-item-wrapper:not(:last-child) {
        margin-bottom: 16px;
    }
    .footer__contacts-item {
        margin-left: 18px;
    }
    .footer-logo-container {
        order: 4;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    .footer__text {
        font-size: 16px;
        line-height: 15px;
    }
}
.news-page-header {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto 87px;
    padding: 134px 0 76px;
    display: flex;
    justify-content: center;
    visibility: hidden;
    background: center / 120% no-repeat url("./layout/images/pattern.png");
    transition: background-size 1s linear 100ms;
}
.news-page-header__title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.news-page-header__title, .project-page-header__title {
    min-height: 157px;
    transform: translateX(-100vw);
    margin-bottom: 56px;
    padding: 0 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #01016B;
    transition: transform 1s linear 1s;
}
.news-page-header__input-wrapper {
    position: relative;
    transform: translateX(-100vw);
    transition: transform 1s linear 2s;
    width: 100%;
    display: flex;
    justify-content: center;
}
.news-page-header.in-view {
    visibility: visible;
    background-size: 100%;
}
.news-page-header.in-view .news-page-header__title,  .project-page-header__title {
    transform: translateX(0);
}
.news-page-header.in-view .news-page-header__input-wrapper {
    transform: translateX(0);
}
.news-page-header__input-wrapper input {
    height: 61px;
    padding-left: 26px;
    padding-right: 63px;
    border: 1px solid #1F1F1F;
    width: 100%;
    margin-right: 170px;
}
.news-page-header__input-wrapper input::placeholder {
    font-weight: 300;
    font-size: 18px;
    line-height: 17px;
    text-transform: capitalize;
    color: rgba(51, 51, 51, 0.5);
}
.news-page-main-article__section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto 168px;
}
.news-page-main-article__photo {
    width: 100%;
    height: auto;
    visibility: hidden;
    transform: scale(1.2);
    transition: transform 1s linear;
}
.news-page-main-article__section.in-view .news-page-main-article__photo {
    visibility: visible;
    transform: scale(1);
}
.news-page-main-article__content {
    padding: 77px 12.86% 0;
    display: flex;
    justify-content: space-between;
}
.news-page-main-article__article-container {
    max-width: 969px;
    transform: translateX(-100vw);
    transition: transform 1s linear;
}
.news-page-main-article__article-title-wrapper {
    margin-bottom: 30px;
    color: #1F1F1F;
}
.news-page-main-article__article-title-wrapper span {
    display: block;
}
.news-page-main-article__article-title {
    font-weight: bold;
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
}
.news-page-main-article__article-text {
    color: #1F1F1F;
    height: auto;
}
.news-page-main-article__article-footer {
    transform: translateX(-100vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 1s linear;
}
.news-page-main-article__content.in-view .news-page-main-article__article-container,
.news-page-main-article__content.in-view .news-page-main-article__article-footer {
    transform: translateX(0);
}
.news-page-main-article__article-date {
    font-weight: bold;
    font-size: 22px;
    line-height: 21px;
    color: #1F1F1F;
}
.news-page-main-article__more-info-link {
    font-weight: bold;
    font-size: 22px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #283ABA;
}
.news-page-extra-news__section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto 189px;
    padding: 0 7.9%;
}
.news-page-extra-news__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 124px;
}
.news-page-extra-news__item {
    max-width: 741px;
    flex: 1 1 50%;
    width: 25%;
}
.page-numbers::before {
    background-color: #fff !important;
}
.news-page-extra-news__item .news-carousel__slide {
    opacity: 1 !important;
    transform: translateY(0);
    transition: transform 0 linear;
}
.current::before {
    color: #fff !important;
    display: none !important;
}
.news-page-extra-news__item .news-carousel__slide {
    opacity: 0;
    transform: translateY(25vh);
    transition: transform 900ms linear;
}
.news-page-extra-news__item.in-view .news-carousel__slide {
    opacity: 1;
    transform: translateY(0);
}
.news-page-extra-news__item:nth-child(odd) {
    margin-right: 135px;
}
.news-page-extra-news__item .news-carousel__slide {
    padding: 0;
}
.news-page-extra-news__item .news__date {
    font-weight: bold;
}
.news-page__pagination-container {
    max-width: 410px;
    margin: 0 auto 96px;
    display: flex;
    justify-content: center;
}
.news-page__pagination-arrow {
    display: flex;
}
.news-page__pagination-arrow img {
    width: 29px;
    height: 43px;
}
.news-page__pagination-arrow:hover.left {
    background: center / cover no-repeat url("./layout/images/arrow_left_active.svg");
}
.news-page__pagination-arrow:hover.right {
    background: center / cover no-repeat url("./layout/images/arrow_right_active.svg");
}
.news-page__pagination-arrow:hover img {
    opacity: 0;
}


.main-news-page__article-section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto -389px;
    padding-bottom: 289px;
}
.main-news-page__main-photo {
    width: 100%;
    height: auto;
    display: block;
}
.main-news-page__main-content {
    position: relative;
    top: -389px;
    padding-left: 12.7%;
    padding-right: 12.96%;
}
.main-news-page__article-container {
    padding: 79px 140px 44px;
    background: #FAFAFA;
}
.main-news-page__article-header {
    margin-bottom: 91px;
    padding-left: 40px;
    display: flex;
    justify-content: space-between;
}
.main-news-page__article-title-wrapper {
    font-size: 51px;
    line-height: 60px;
    color: #1F1F1F;
}
.main-news-page__article-title-wrapper span {
    display: block;
}
.main-news-page__article-title {
    font-weight: bold;
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase;
}
.main-news-page__article-sub-title {
    font-weight: 300;
}
.main-news-page__article-date {
    font-size: 22px;
    line-height: 26px;
    color: #1F1F1F;
}
.main-news-page__article {
    padding: 0 40px;
}
.main-news-page__quote-container {
    position: relative;
    margin: 27px 0;
    padding: 10px 40px;
    color: #fff;
    background: #D81E5B;
}
.main-news-page__quote-content {
    position: relative;
    z-index: 1;
}
.main-news-page__quote-container q {
    font-weight: 500;
    font-style: italic;
}
.news-section__title {
    margin-bottom: 112px;
    color: #333333;
}
.img-carousel {
    width: 100%;
    margin: 70px auto 40px;
    padding: 0 40px;
}
.img-carousel .slick-list {
    margin: 0 0 17px;
}
.img-carousel .slick-track {
    max-width: 100%!important;
    height: 330px;
    transform: translate3d(0, 0, 0)!important;
    perspective: 100px;
}
.img-carousel .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: all 1s, opacity 1s;
    display: block;
}
.img-carousel img.slick-slide {
    width: 544px;
    height: 330px;
}
.img-carousel .slick-current {
    opacity: 1;
    position: absolute;
    display: block;
    z-index: 2;
}
.img-carousel .slick-slide ~ .slick-active:not(.slick-current) {
    opacity: 0.5;
    transform: translate3d(-99%, 0, -52px);
}
.img-carousel .slick-current ~ .slick-active {
    opacity: 0.5 !important;
    transform: translate3d(99%, 0, -52px) !important;
    z-index: 1;
    perspective: 1000px;
}



@media screen and (max-width: 1440px) {
    .news-page-header {
        background-image: url("./layout/images/pattern_1440.png");
    }
}

@media screen and (max-width: 1280px) {
    .news-page-header {
        background-image: url("./layout/images/pattern_1280.png");
    }
}

@media screen and (max-width: 1024px) {
    .news-page-header {
        margin-bottom: 28px;
        padding: 72px 16px 37px;
        background-image: url("./layout/images/pattern_1024.png");
    }
    .news-page-header__title, .project-page-header__title {
        min-height: 56px;
        width: 100%;
        max-width: 344px;
        margin-bottom: 17px;
        padding: 15px 0 11px;
    }
    .news-page-header__input-wrapper input {
        height: 43px;
        max-width: 344px;
        padding-left: 19px;
        padding-right: 44px;
    }
    .news-page-main-article__section {
        margin-bottom: 96px;
    }
    .news-page-main-article__content {
        padding: 20px 16px 0;
        flex-direction: column;
    }
    .news-page-main-article__article-title-wrapper {
        margin-bottom: 23px;
        font-size: 22px;
        line-height: 21px;
    }
    .news-page-main-article__article-sub-title {
        display: none !important;
    }
    .news-page-main-article__article-container {
        margin-bottom: 50px;
    }
    .news-page-main-article__article-footer {
        flex-direction: row-reverse;
    }
    .news-page-main-article__article-date,
    .news-page-main-article__more-info-link {
        font-size: 16px;
        line-height: 15px;
    }
    .news-page-main-article__article-date {
        font-weight: normal;
    }
    .news-page-extra-news__section {
        margin-bottom: 31px;
        padding-left: 49px;
        padding-right: 57px;
    }
    .news-page-extra-news__row {
        margin-bottom: 0;
        flex-direction: column;
    }
    .news-page-extra-news__item {
        margin-bottom: 46px;
        flex: 1 1 100%;
        width: 100%;

    }
    .news-page-extra-news__item.placeholder {
        display: none;
    }
    .news-page-extra-news__item:nth-child(odd) {
        margin-right: 0;
    }
    .news-page-extra-news__item .news-carousel__slide {
        max-width: 269px;
        margin: 0 auto;
    }
    .news-page-extra-news__item .news__date {
        font-weight: normal;
    }
    .news-page__pagination-container {
        margin-bottom: 77px;
    }
    .news-page__pagination-arrow img {
        width: 19px;
        height: 30px;
    }
    .pgination__pages-block {
        padding: 0 27px;
    }

    .main-news-page__article-section {
        margin: 0 auto -59px;
        padding-bottom: 66px;
    }
    .main-news-page__main-content {
        top: -59px;
        padding: 0 16px;
    }
    .main-news-page__article-container {
        padding: 21px 24px;
    }
    .main-news-page__article-header {
        margin-bottom: 20px;
        padding: 0;
    }
    .main-news-page__article-title-wrapper {
        font-size: 22px;
        line-height: 21px;
    }
    .main-news-page__article-sub-title, .main-news-page__article-date {
        display: none !important;
    }
    .main-news-page__article {
        padding: 0;
    }
    .main-news-page__quote-bg {
        position: absolute;
        left: -40px;
        top: 0;
        bottom: 0;
        z-index: 0;
        width: 100vw;
        background: #D81E5B;
    }
    .main-news-page__quote-container {
        padding: 7px 0 8px;
    }
    .main-news-page__quote-content {
        display: flex;
        flex-direction: column;
    }
    .news-section__title {
        margin-bottom: 41px;
    }
    .news-section {
        padding-bottom: 64px;
    }

    .img-carousel {
        position: relative;
        margin: 30px auto 28px;
        padding: 0;
        left: -40px;
        width: 100vw;
    }
    .img-carousel .slick-track {
        height: 227px;
    }
    .img-carousel img.slick-slide {
        max-width: 375px;
        width: 100%;
        height: 227px;
    }
    .news-page-header__input-wrapper input {
        margin-right: 50px;
    }
}
@media screen and (max-width: 375px) {
    .news-page-header {
        background-image: url("./layout/images/pattern_mob.png");
    }
}
.customize-partial-edit-shortcut {
    z-index: 1000 !important;
}
.news__description-wrapper p, .news-page-main-article__article-container p, .main-news-page__article-container p {
    font-size: 22px;
    line-height: 116%;
}
.news-page-main-article__article-sub-title h4 {
    font-weight: 300;
    font-size: 52px;
    line-height: 50px;
}
.empty_block_single_news {
    height: 500px;
}
.main-news-page__article-container p {
    margin: 0 40px;
}
.wp-block-quote {
    position: relative;
    margin: 27px 0;
    padding: 10px 40px;
    color: #fff;
    background: #D81E5B;
}
.wp-block-quote q, .wp-block-quote p {
    font-weight: 500;
    margin: 0;
}
.nav-links {
    display: flex;
}
.page-numbers {
    font-size: 22px;
    line-height: 21px;
    color: #C4C4C4;
    margin: 10px 25px;
}
.current {
    font-weight: 900;
    color: #8E1545;
}
.page-numbers.prev, .page-numbers.next  {
    margin-top: 0;
}
.screen-reader-text, .search-submit {
    display: none;
}
.desktop-reverse-on {
    flex-direction: row-reverse;
}

@media screen and (max-width: 1024px) {
    .mob-reverse-off {
        flex-direction: column;
    }
    .mob-reverse-on {
        flex-direction: column-reverse;
    }
    .navbar__menu.open {
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 0;
        background-color: #fff;
        padding: 41px 0 20px;
        align-items: center;
        top: 85px;
        max-width: 375px;
        transition: 200ms linear;
    }
    .navbar__menu ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
   .menu-item {
       align-self: center;
       font-family: 'Gotham Pro', sans-serif;
       font-size: 22px !important;
       font-weight: normal !important;
   }
    .navbar__menu ul li {
        margin: 30px 0;
    }
    .navbar__menu ul li a {
        align-self: center;
        color: #000 !important;
    }
    .navbar__menu.open > .navbar__menu-btn {
        margin: 60px;
        width: 237px;
        height: 78px !important;
        font-size: 22px !important;
        line-height: 21px !important;
    }
    #menu-top-menu {
        padding: 0 150px;
    }
}
.empty_image {
    height: 611px;
}
@media screen and (min-width: 1440px) {
    .navbar__menu-btn {
        position: relative;
        top: -3px;
    }
}
@media screen and (max-width: 1440px) {
    .navbar__menu-btn {
        position: relative;
        top:  8px;
    }
}
@media screen and (max-width: 1012px) {
    .navbar__menu-btn {
        position: relative;
        top: 0;
    }
}
@media screen and (max-height: 700px) {
    .navbar__menu-btn {
        margin-top: 10px !important;
    }
    .navbar__menu ul li {
        margin: 20px 0;
    }
}
.projects-page-header {
    width: 100%;
    margin: 0 auto;
    padding: 134px 0 76px;
    display: flex;
    justify-content: center;
    opacity: 0;
    background: center / 120% no-repeat url("layout/images/pattern.png");
    transition: background-size 1s linear 100ms;
}
.projects-page-header__title-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.projects-page-header__title {
    min-height: 157px;
    transform: translateX(-100vw);
    margin-bottom: 56px;
    padding: 0 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #01016B;
    transition: transform 1s linear 1s;
}
.projects-page-header__title.mobile {
    display: none;
}
.projects-page-header__input-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translateX(-100vw);
    transition: transform 1s linear 2s;
}
.projects-page-header.in-view {
    opacity: 1;
    background-size: 100%;
}
.projects-page-header.in-view .projects-page-header__title {
    transform: translateX(0);
}
.projects-page-header.in-view .projects-page-header__input-wrapper {
    transform: translateX(0);
}
.projects-page-header__input-wrapper input {
    width: 482px;
    height: 61px;
    padding-left: 26px;
    padding-right: 63px;
    border: 1px solid #1F1F1F;
}
.projects-page-header__input-wrapper input::placeholder {
    font-weight: 300;
    font-size: 18px;
    line-height: 17px;
    text-transform: capitalize;
    color: rgba(51, 51, 51, 0.5);
}
.projects-ways__section {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto 223px;
    padding: 41px 7.7% 0;
}
.projects-ways__descr {
    margin-bottom: 30px;
    padding: 0 147px;
}
.projects-ways__section > .text {
    line-height: 116.2%;
}
.projects-ways-panel {
    border-radius: 50px;
}
.projects-ways-panel__hover-area {
    display: flex;
}
.projects-ways-panel__col {
    position: relative;
    width: 512px;
    flex: 1 1 auto;
}
.projects-ways-panel__col.left,
.projects-ways-panel__col.right {
    max-width: 512px;
    width: 32%;
}
.projects-ways-panel__col.center {
    width: 36%;
}
.projects-ways-panel__titles-container {
    position: relative;
    z-index: 2;
    height: 151px;
    display: flex;
    align-items: center;
    /*padding-top: 45px;*/
    /*padding-bottom: 35px;*/
}
.projects-ways-panel__title {
    position: relative;
    z-index: 2;
    font-weight: 300;
    font-size: 30px;
    line-height: 116.2%;
}
.projects-ways-panel__col.center .projects-ways-panel__titles-container {
    justify-content: center;
    text-align: center;
}
.projects-ways-panel__col.center .projects-ways-panel__title {
    font-weight: bold;
    color: #fff;
}
.projects-ways-panel__summary-container {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
    padding-top: 29px;
    padding-bottom: 92px;
}
.projects-ways-panel__hover-area:hover .projects-ways-panel__summary-container {
    height: auto;
    width: auto;
    clip: auto;
    position: relative;
    overflow: auto;
}
.projects-ways-panel__col.center .projects-ways-panel__summary-container {
    padding-left: 150px;
    padding-right: 30px;
}
.projects-ways-panel__summary-container a {
    display: block;
    font-weight: 300;
    font-size: 22px;
    line-height: 21px;
    text-decoration-line: underline;
    color: #283ABA;
}
.projects-ways-panel__summary-container a:not(:last-of-type) {
    display: block;
    margin-bottom: 33px;
}
.projects-ways-panel__col.center .projects-ways-panel__summary-container a {
    color: #fff;
}
.projects-ways-panel__col.left .projects-ways-panel__titles-container,
.projects-ways-panel__col.left .projects-ways-panel__summary-container {
    /*padding-left: 136px;*/
    /*padding-right: 110px;*/
    padding-left: 26.5%;
    padding-right: 111px;
}
.projects-ways-panel__col.right .projects-ways-panel__titles-container,
.projects-ways-panel__col.right .projects-ways-panel__summary-container {
    /*padding-left: 157px;*/
    /*padding-right: 95px;*/
    padding-left: 30.6%;
    padding-right: 18.5%;
}
.projects-ways-panel__hover-area:first-child {
    border-radius: 50px 50px 0 0;
}
.projects-ways-panel__hover-area:last-child {
    border-radius: 0 0 50px 50px;
}
.projects-ways-panel__hover-area:first-child .projects-ways-panel__col.left {
    border-radius: 50px 0 0 0;
}
.projects-ways-panel__hover-area:first-child .projects-ways-panel__col.right {
    border-radius: 0 50px 0 0;
}
.projects-ways-panel__hover-area:last-child .projects-ways-panel__col.left {
    border-radius: 0 0 0 50px;
}
.projects-ways-panel__hover-area:last-child .projects-ways-panel__col.right {
    border-radius: 0 0 50px 0;
}
.projects-ways-panel__hover-area .projects-ways-panel__col.left,
.projects-ways-panel__hover-area .projects-ways-panel__col.right {
    border-radius: 0;
}
.projects-ways-panel__hover-area:first-child:hover .projects-ways-panel__col.left {
    border-radius: 50px 0 50px 0;
}
.projects-ways-panel__hover-area:first-child:hover .projects-ways-panel__col.right {
    border-radius: 0 50px 0 50px;
}
.projects-ways-panel__hover-area:last-child:hover .projects-ways-panel__col.left {
    border-radius: 0 0 50px 50px;
}
.projects-ways-panel__hover-area:last-child:hover .projects-ways-panel__col.right {
    border-radius: 0 0 50px 50px;
}
.projects-ways-panel__hover-area:hover .projects-ways-panel__col.left {
    border-radius: 0 0 50px 0;
}
.projects-ways-panel__hover-area:hover .projects-ways-panel__col.right {
    border-radius: 0 0 0 50px;
}
.projects-ways-panel__col.left .decoration {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0;
}
.projects-ways-panel__col.right .decoration {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 0;
    transform: rotateY(-180deg);
}
.decoration .decoration-elem-1 {
    height: 51px;
    width: 140px;
    border-radius: 0 18px 18px 0;
}
.decoration .decoration-elem-2 {
    position: relative;
    left: -111px;
    height: 57px;
    width: 111px;
    border-radius: 18px 0 0 18px;
}
.decoration .decoration-elem-3 {
    height: 44px;
    width: 68px;
    border-radius: 0 18px 18px 0;
}
.projects-ways-panel__col.left .decoration-vert.bottom {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    display: flex;
}
.projects-ways-panel__col.right .decoration-vert.bottom {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    display: flex;
    transform: rotateY(-180deg);
}
.decoration-vert.bottom .decoration-elem-1 {
    height: 73px;
    width: 46px;
    border-radius: 0 0 65px 65px;
}
.decoration-vert.bottom .decoration-elem-2 {
    position: relative;
    top: -77px;
    height: 77px;
    width: 46px;
    border-radius: 65px 65px 0 0;
}
.decoration-vert.bottom .decoration-elem-3 {
    height: 37px;
    width: 46px;
    border-radius: 0 0 65px 65px;
}
.projects-ways-panel__col.left .decoration-vert.top {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
}
.projects-ways-panel__col.right .decoration-vert.top {
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    transform: rotateY(-180deg);
}
.decoration-vert.top .decoration-elem-1 {
    position: relative;
    bottom: -28px;
    height: 28px;
    width: 46px;
    border-radius: 0 0 65px 65px;
}
.decoration-vert.top .decoration-elem-2 {
    height: 30px;
    width: 46px;
    border-radius: 65px 65px 0 0;
}
.decoration-vert.top .decoration-elem-3 {
    position: relative;
    bottom: -37px;
    height: 37px;
    width: 46px;
    border-radius: 0 0 65px 65px;
}
.bg-green {
    background-color: #28BA6B;
}
.bg-light-green {
    background-color: #D3F1E0;
}
.bg-red {
    background-color: #D81E5B;
}
.bg-light-red {
    background-color: #F5D8E1;
}
.bg-blue {
    background-color: #283ABA;
}
.bg-light-blue {
    background-color: #D3EAF3;
}
.title-decoration-rose {
    background-color: rgba(216, 30, 91, 0.15);
}
.title-decoration-light-green {
    background-color: rgba(40, 186, 107, 0.15);
}
.title-decoration-light-purple {
    background-color: rgba(40, 58, 186, 0.15);
}
.projects-category__title-wrapper {
    margin-bottom: 90px;
    display: flex;
    align-items: center;
}
.projects-category__title-decoration {
    position: relative;
}
.projects-category__title-decoration.left,
.projects-category__title-decoration.right {
    position: relative;
    height: 119px;
    flex: 1 1 auto;
}
.projects-category__title {
    flex: 0 0 auto;
    padding: 0 9px;
}
.projects-category__title-decoration.right .projects-category__title-decoration-img-wrapper {
    position: absolute;
    padding-left: 30px;
    display: flex;
}
.projects-category__title-decoration.left .projects-category__title-decoration-img-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
}
.bd-img {
    display: inline-block;
}
.projects-category__title-decoration-img-wrapper picture:nth-of-type(even) .bd-img {
    transform: matrix(1, 0, 0, -1, 0, 0);
}
.ornament-img {
    width: 164px;
}
.ornament-img-group {
    display: flex;
}
.ornament-img-group {
    position: absolute;
}
.ornament-img-group:last-child {
    right: -50px;
}
.ornament-img-group:nth-last-child(2) {
    right: 180px;
}
.ornament-img-group:nth-last-child(3) {
    right: 410px;
}
.projects-category__title-decoration-img-wrapper .ornament-img-group picture:nth-of-type(even) .ornament-img {
    transform: translate(-50px, 26px);
}
.projects-category__title-decoration-img-wrapper .ornament-img-group picture:nth-of-type(odd) .ornament-img {
    transform: rotateX(180deg);
}
.projects-category__title-decoration-img-wrapper picture:not(:first-child) .logo-ornament-img {
    transform: translateX(-108px);
}
.projects-category__title-decoration-img-wrapper picture:nth-child(2) .logo-ornament-img {
    transform: rotate(180deg) translateX(30px);
}
.projects-category__title-decoration-img-wrapper picture:last-child .logo-ornament-img {
    transform: rotate(180deg) translateX(140px);
}
.project__title {
    margin-bottom: 10px;
}
.project-list__section {
    margin-bottom: 0;
}
.news__article-wrapper {
    margin-bottom: 326px;
}
.projects-category__section {
    margin-bottom: 0px;
}
.programming {
	margin-bottom: 30px;
}
.news-page-extra-news__row {
    margin-bottom: 126px;
}
.news__article-wrapper:hover .project-tag-list {
    margin-bottom: 34px;
}
.project-tag-list {
    margin-bottom: 63px;
}
.project-tag {
    margin-right: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 116.2%;
    color: #01016B;
}
.load-more-btn-container {
    text-align: center;
}
.load-more-btn {
    width: 381px;
}
.projects-category__section {
/*     margin-bottom: 262px; */
}
@media screen and (max-width: 1900px) {
    .projects-ways-panel__col.left .projects-ways-panel__titles-container,
    .projects-ways-panel__col.left .projects-ways-panel__summary-container {
        padding-right: 111px;
    }
    .projects-ways-panel__col.right .projects-ways-panel__titles-container,
    .projects-ways-panel__col.right .projects-ways-panel__summary-container {
        padding-left: 128px;
    }
}

@media screen and (max-width: 1680px) {
    .decoration-vert.bottom .decoration-elem-2 {
        top: -40px;
        height: 40px;
    }
    .decoration .decoration-elem-2 {
        left: -80px;
        width: 80px;
    }
    .projects-ways-panel__col.left .projects-ways-panel__titles-container,
    .projects-ways-panel__col.left .projects-ways-panel__summary-container {
        padding-right: 80px;
    }
    .projects-ways-panel__title {
        font-size: 26px;
    }
    .projects-ways-panel__col.center .projects-ways-panel__summary-container {
        padding-left: 120px;
    }
}

@media screen and (max-width: 1440px) {
    .projects-page-header {
        background-image: url("layout/images/pattern_1440.png");
    }
    .projects-ways-panel__title {
        font-size: 26px;
    }
    .projects-ways-panel__col.left .projects-ways-panel__titles-container,
    .projects-ways-panel__col.left .projects-ways-panel__summary-container {
        padding-left: 14%;
    }
    .projects-ways-panel__col.center .projects-ways-panel__summary-container {
        padding-left: 80px;
    }
}

@media screen and (max-width: 1280px) {
    .projects-page-header {
        background-image: url("layout/images/pattern_1280.png");
    }
    .projects-ways-panel__col.right .projects-ways-panel__titles-container,
    .projects-ways-panel__col.right .projects-ways-panel__summary-container {
        padding-left: 90px;
        padding-right: 12.5%;
    }
    .decoration-vert.bottom .decoration-elem-1 {
        height: 52px;
    }
    .decoration .decoration-elem-1 {
        width: 100px;
    }
    .projects-ways-panel__title {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .projects-page-header {
        padding: 56px 16px 62px;
        background-image: url("layout/images/pattern_1024.png");
    }
    .projects-page-header__title-container {
        max-width: 343px;
    }
    .projects-page-header__title {
        min-height: 56px;
        width: 100%;
        margin-bottom: 17px;
        padding: 15px 0 11px;
    }
    .projects-page-header__title.mobile {
        display: flex;
    }
    .projects-page-header__title:not(.mobile) {
        display: none;
    }
    .projects-page-header__input-wrapper input {
        height: 35px;
        width: 100%;
        max-width: 281px;
        padding-left: 19px;
        padding-right: 44px;
    }
    .projects-ways__section {
        margin-bottom: 71px;
        padding: 31px 0 0;
    }
    .projects-ways__descr {
        margin-bottom: 17px;
        padding: 0 16px;
    }
    .projects-ways-panel__titles-container {
        height: 66px;
        text-align: center;
    }
    .projects-ways-panel__title {
        font-size: 12px;
    }
    .projects-ways-panel__col.center {
        width: 30%;
    }
    .projects-ways-panel__col.center .projects-ways-panel__title {
        margin-top: 8px;
        font-size: 14px;
    }
    .decoration-vert.bottom .decoration-elem-1 {
        height: 32px;
        width: 19px;
    }
    .decoration-vert.bottom .decoration-elem-2 {
        top: -16px;
        height: 16px;
        width: 22px;
    }
    .decoration-vert.bottom .decoration-elem-3 {
        height: 18px;
        width: 19px;
    }
    .decoration-vert.top .decoration-elem-1 {
        bottom: -41px;
        height: 41px;
        width: 19px;
    }
    .decoration-vert.top .decoration-elem-2 {
        height: 13px;
        width: 21px;
    }
    .decoration-vert.top .decoration-elem-3 {
        bottom: -20px;
        height: 20px;
        width: 20px;
    }
    .decoration .decoration-elem-1 {
        height: 23px;
        width: 27px;
    }
    .decoration .decoration-elem-2 {
        left: -15px;
        height: 25px;
        width: 15px;
    }
    .decoration .decoration-elem-3 {
        height: 18px;
        width: 12px;
    }
    .projects-ways-panel__titles-container {
        justify-content: center;
    }
    .projects-ways-panel__summary-container {
        padding: 30px 0;
    }
    .projects-ways-panel__summary-container a {
        font-size: 12px;
        text-align: center;
    }
    .projects-ways-panel__summary-container a:not(:last-of-type) {
        margin-bottom: 15px;
    }
    .projects-ways-panel__col.center .projects-ways-panel__summary-container {
        padding-left: 0;
    }
    .projects-ways-panel__col.left .projects-ways-panel__titles-container,
    .projects-ways-panel__col.left .projects-ways-panel__summary-container {
        padding-left: 0;
        padding-right: 5px;
    }
    .projects-ways-panel__col.right .projects-ways-panel__titles-container,
    .projects-ways-panel__col.right .projects-ways-panel__summary-container {
        padding-left: 0;
        padding-right: 0;
    }
    .projects-category__title {
        padding: 0 7px;
        font-size: 40px;
        line-height: 38px;
    }
    .projects-category__title-decoration.left, .projects-category__title-decoration.right {
        height: 40px;
    }
    .projects-category__title-decoration.right .projects-category__title-decoration-img-wrapper {
        padding-left: 10px;
    }
    .projects-category__title-wrapper {
        margin-bottom: 40px;
    }
    .project-tag-list {
        margin-bottom: 11px;
    }
    .project-tag {
        font-size: 16px;
    }
    .projects-category__section {
        margin-bottom: 0px;
    }
    .news__article-wrapper {
        margin-bottom: 240px;
    }
    .news__article {
        opacity: 1;
    }
    .news-page-extra-news__item,
    .news-page-extra-news__row {
        margin-bottom: 52px;
    }
    .news-page-extra-news__item:last-child {
        margin-bottom: 0;
    }
    .news-page-extra-news__row:last-child {
        margin-bottom: 40px;
    }
    .load-more-btn {
        width: 221px;
        font-size: 16px;
        line-height: 15px;
    }
    .ornament-img {
        width: 55px;
    }
    .projects-category__title-decoration-img-wrapper .ornament-img-group picture:nth-of-type(even) .ornament-img {
        transform: translate(-12px, 9px);
    }
    .ornament-img-group:last-child {
        right: 0px;
    }
    .ornament-img-group:nth-last-child(2) {
        right: 90px;
    }
    .ornament-img-group:nth-last-child(3) {
        right: 180px;
    }
    .logo-ornament-img {
        width: 63px;
    }
    .projects-category__title-decoration-img-wrapper picture:not(:first-child) .logo-ornament-img {
        transform: translateX(-32px);
    }
    .projects-category__title-decoration-img-wrapper picture:nth-child(2) .logo-ornament-img {
        transform: rotate(180deg) translateX(8px);
    }
    .projects-category__title-decoration-img-wrapper picture:last-child .logo-ornament-img {
        transform: rotate(180deg) translateX(41px);
    }
}

@media screen and (max-width: 375px) {
    .projects-page-header {
        background-image: url("layout/images/pattern_mob.png");
    }
}
@media only screen and (max-width: 780px) {
    p.main-news-page__article, .news-page-main-article__article-container p, .main-news-page__article-container > p {
        font-size: 16px;
        margin: 0 !important
    }
}
@media screen and (max-width: 1450px) {
 .hero__descr {
     width: 450px;
 }
}
.news__article-photo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
@media screen and (max-width: 768px) {
    .project-page-header__title > .title-2 {
        margin-left: 27px;
    }
}
.logo-list__section {
    display: none;
}
.science > .news-page-extra-news__row:nth-child(3), .science > .news-page-extra-news__row:nth-child(4), .science > .news-page-extra-news__row:nth-child(5), .science > .news-page-extra-news__row:nth-child(6), .science > .news-page-extra-news__row:nth-child(7), .science > .news-page-extra-news__row:nth-child(8), .science > .news-page-extra-news__row:nth-child(9), .science > .news-page-extra-news__row:nth-child(10), .science > .news-page-extra-news__row:nth-child(11) {
    display: none;
}

.ecology > .news-page-extra-news__row:nth-child(3), .ecology > .news-page-extra-news__row:nth-child(4), .ecology > .news-page-extra-news__row:nth-child(5), .ecology > .news-page-extra-news__row:nth-child(6), .ecology > .news-page-extra-news__row:nth-child(7), .ecology > .news-page-extra-news__row:nth-child(8), .ecology > .news-page-extra-news__row:nth-child(9), .ecology > .news-page-extra-news__row:nth-child(10), .ecology > .news-page-extra-news__row:nth-child(11) {
    display: none;
}

.programming > .news-page-extra-news__row:nth-child(3), .programming > .news-page-extra-news__row:nth-child(4), .programming > .news-page-extra-news__row:nth-child(5), .programming > .news-page-extra-news__row:nth-child(6), .programming > .news-page-extra-news__row:nth-child(7), .programming > .news-page-extra-news__row:nth-child(8), .programming > .news-page-extra-news__row:nth-child(9), .programming > .news-page-extra-news__row:nth-child(10), .programming > .news-page-extra-news__row:nth-child(11) {
    display: none;
}
.load-more {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.projects-category__title-wrapper {
	margin-top: 100px
}