/*mobile header*/
.mobile-header-menu ul {
    padding: 0;
    list-style-type: none;
}

.mobile-header-menu nav {
    background: rgba(0, 0, 0, 0);
    height: 65px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-header-slide-mob {
    background: no-repeat 50% 50%/cover url("/img/heder-new/header-bg.jpg");
    padding-top: 10px;
}

.service-prev {
    width: 50px;
}

.main-grid {

}

.main-grid-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.main-grid-row a {
    flex: 0 0 48%;
    display: block;
}

.main-grid-row img {
    max-width: 100%;
    margin-bottom: 34px;
}


#menuToggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding-left: 25px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#menuToggle .input-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

#menuToggle span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 5px 0px;
    transform-origin: 5px 0px;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menuToggle span:first-child {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

#menuToggle .input-menu:checked ~ span {
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(-3px, -1px);
    transform: rotate(45deg) translate(-3px, -1px);
}

#menuToggle .input-menu:checked ~ span:nth-last-child(3) {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2, 0.2);
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle .input-menu:checked ~ span:nth-last-child(2) {
    -webkit-transform: rotate(-45deg) translate(0, -1px);
    transform: rotate(-45deg) translate(0, -1px);
}

.mobile-header-menu #menu {
    position: absolute;
    width: 100vw;
    padding: 2em;
    top: 200%;
    left: 0;
    background-color: #F5F6FA;
    -webkit-font-smoothing: antialiased;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    max-height: 1700px;
    height: 100vh;
    overflow-y: scroll;
}

.mobile-header-menu #menu li {
    padding: 10px 0;
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

#menuToggle .input-menu:checked ~ ul {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.mobile-logo {
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.mobile-logo img {
    padding-right: 1em;
}

.mobile-logo h4 {
    font: 700 18px 'Lora', serif;
    margin: 0;
}

.mobile-logo h5 {
    font: 500 12px 'Lora', serif;
    margin: 0;
}

.mobile-language {

}

#menu span h5, #menu span h6 {
    color: #000000;
}

#menu .about-numbers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.mobile-header .test-language {
    z-index: 5;
    padding-right: 15px;
}

#menu .about-numbers div:first-child {
    padding-bottom: 1em;
}

#menu .about-numbers div span {
    width: auto;
    height: auto;
    background: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.addition-menu {
    display: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding-left: 0.5em;
}

.addition-menu nav {
    height: auto;
}

.tap-on-me {
    color: #000000;
    font: 700 18px 'Lora', serif;
    cursor: pointer;
}

.tap-on-me:hover {
    color: #F9B000;
}

.additional-sub-menu {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0.5em;
    padding-top: 0.5em;
}

.additional-sub-menu a:not(:last-child) {
    padding-bottom: 0.5em;
}

#menu form {
    position: relative;
}

.submit-btn {
    position: absolute;
    left: 91%;
    top: 22%;
    border: 0;
    background: none;
}

.mobile-search {
    width: 100%;
    height: 100%;
    border: 0 !important;
}

.mobile-search:focus {
    position: unset !important;
    width: 100% !important;
    height: 100% !important;
    border: 1px solid #c2c9cc !important;
}

/*for 1440*/
@media screen and (max-width: 1800px) {
    /*header*/
    .about-logo {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        align-items: center;
    }
    .menu li {
        font: 500 15px 'Lora', serif;
    }
    .menu-drop {
        width: 1190px;
    }
    .header-prev, .header-next {
        padding: 14px 13px;
    }
    .header-prev {
        right: 44%;
    }
    .bg-img {
        height: 1010px;
    }
    .header-next {
        right: 39%;
    }
    .bg-small {
        height: 225px;
    }
    .circle-go, .circle-go-two {
        cx: 0;
        cy: 5;
    }
    .project-next g, .header-next g {
        -webkit-transform: translate(25px, 20px);
        transform: translate(25px, 20px);
    }
    .main-header-slide {
        padding-top: 0px;
    }
    .header-counters {
        padding-bottom: 16px;
    }
    .counter-h1 {
        font-size: 52px;
    }
    /*content*/

    .info-items {
        width: 70%;
    }
}

@media screen and (max-width: 1600px) {
    .menu li {
        padding-right: 15px;
    }
    .advices-block h5:nth-child(5) {
        height: 210px;
    }
}

/*for 1366*/
@media screen and (max-width: 1370px) {
    header {
        padding-top: 16px;
        padding-bottom: 40px;
    }
    .header-about {
        padding-bottom: 1em;
    }
    .header-counters {
        padding-top: 40px;
    }
    .main-header-slide {
        padding-top: 0px;
    }
    .bg-img {
        height: 800px;
    }
}

/* for 1024*/
@media screen and (max-width: 1220px) {
    /*header*/
    .numbers-united a h3 {
        font: 700 32px 'Lora', serif;
    }
    .about-numbers {
        width: 50%;
    }
    .numbers-united {
        width: 60%;
    }
    .fixed-header {
        padding-right: 1.5em;
        padding-left: 0.5em;
    }
    .about-logo {
        -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
    }
    .pc-name-top {
        display: none;
    }
    .mobile-name-top {
        display: block;
    }
    .menu-drop {
        width: 940px;
    }
    .header-menu-ham {
        padding-right: 0.5em;
    }
    .choose-region .btn {
        font: 500 12px 'Lora', serif;
    }
    .choose-region .dropdown-menu li a {
        font: 500 12px 'Lora', serif;
    }
    .header-menu-ham span {
        font: 500 12px 'Lora', serif;
    }
    .menu li {
        font: 500 12px 'Lora', serif;
    }
    .bg-img {
        height: 800px;
    }
    .search {
        -ms-flex-preferred-size: 7%;
        flex-basis: 7%;
    }
    .search-bar {
        max-width: 3em;
    }
    .corruption {
        font: 500 12px 'Lora', serif;
    }
    .slick-item-short {
        font: 500 32px 'Lora', serif;
        line-height: 38px;
    }
    .header-prev {
        right: 43%;
    }
    .header-next {
        right: 37%;
    }
    .slick-item-short {
        font-size: 26px;
    }
    .slick-item-photo img {
        width: 100%;
    }
    .counter-block {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        display: -ms-grid;
        display: grid;
        grid-auto-rows: 2fr;
    }
    .counter-h1 {
        line-height: 42px;
    }
    /*content*/
    .info-items {
        width: 90%;
    }
    .info-text .about-img {
        width: 50%;
    }
    .news-advertising h3 {
        font-size: 14px;
    }
    .news-regional h3 {
        font-size: 16px;
    }
    .news-regional-blocks {
        grid-row-gap: 15px;
    }
    .news-regional-block-brief, .news-regional-block-short {
        font-size: 14px;
    }
    .choose-items {
        width: 30%;
    }
    .project-item-flex img {
        top: 10%;
    }
    .slick-project h3 {
        padding-top: 100px;
    }
    .slick-project-item span {
        width: 50%;
    }
    .info-text-item {
        height: 490px;
    }
    .chambers-prev, .leaders-prev, .project-prev, .service-prev {
        right: 6%;
    }
    .advices-block h5:nth-child(5) {
        height: 240px;
    }
}

/*for tablet 720*/
@media screen and (max-width: 950px) {

    .main-grid-row {
        /*display: flex;*/
        /*align-items: center;*/
        /*justify-content: space-between;*/
        flex-direction: column;
        /*margin-bottom: 20px;*/
        width: 90%;
        margin: 0 auto;
    }



    /*header*/
    .main-wrapper {
        padding-top: 70px;
    }
    header {
        padding-top: 0;
        position: fixed;
        -webkit-transform: unset;
        transform: unset;
        width: 100vw;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .bg-small {
        height: 70px;
        width: calc(100% + 2px);
        left: -1px;
    }
    .hidden-on-mob {
        display: none;
    }
    header .container {
        padding: 0;
    }
    .header-adoptive {
        display: block;
    }
    .mobile-header {
        padding-bottom: 3em;
    }
    .slick-item-short {
        font-size: 24px;
        line-height: 28px;
    }
    .slick-item-block-2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 40%;
    }
    .slick-item-photo {
        width: auto;
    }
    .fixed-header {
        top: 0;
    }
    .fixed-header .mobile-logo {
        color: #000000;
    }
    .fixed-header #menuToggle span {
        background: #000000;
    }
    .fixed-header .test-language .dropdown-menu li a {
        color: #000000;
        background: #ffffff;
    }
    .fixed-header .media-language {
        color: #000000 !important;
        border: 1px solid #000000 !important;
    }
    .header-announcement {
        padding-left: 1em;
        padding-right: 1em;
    }
    .header-counters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .counter-block {
        grid-auto-rows: 1fr;
        -ms-grid-columns: 40% 40%;
        grid-template-columns: 40% 40%;
        padding-bottom: 2em;
        padding-left: 1em;
    }
    .counter-h2 {
        font-size: 18px;
    }
    .header-counters {
        padding-bottom: 0;
    }
    .about-numbers {
        width: 100%;
    }
    .numbers-whatsapp {
        width: 100%;
    }
    .content-advices h3 {
        padding-bottom: 0;
    }
    /*content*/
    .news-head h3, .chosen-item h2, .leaders-block h3, .leaders-block h3, .content-advices h3, .content-organizations h3, .partners h3 {
        font-size: 42px;
    }
    .news-blocks {
        display: -ms-grid;
        display: grid;
        grid-row-gap: 20px;
        -ms-grid-columns: minmax(0, auto);
        grid-template-columns: minmax(0, auto);
    }
    .news-block-big-brief {
        font-size: 22px;
    }
    .news-advertising h3 {
        font-size: 18px;
    }
    .info-items {
        width: 100%;
    }
    .info-item {
        padding: 15px 25px;
        font-size: 14px;
    }
    .info-text {
        font-size: 14px;
    }
    .info-text p {
        padding: 25px 0 0 25px;
    }
    .choose-items {
        flex-direction: column;
        width: 25%;
    }
    .choose-item {
        padding-bottom: 10px;
    }
    .slick-service-item {
        margin-right: 0;
    }
    .slick-project ul.slick-dots {
        flex-direction: column;
    }
    .slick-project li {
        padding-bottom: 10px;
    }

    .content-projects h3 {
        font-size: 40px;
    }
    .project-item-flex {
        position: relative;
    }
    .project-item-flex img {
        top: 30%;
        width: 39%;
        right: 0;
    }
    .slick-project-item span {
        width: 60%;
        z-index: 2;
    }
    .slick-project-item.slick-slide {
        padding-right: 0;
    }
    .slick-project h3 {
        padding-top: 130px;
    }
    .leaders-items {
        flex-direction: column;
        width: 30%;
    }
    .leaders-item {
        padding-bottom: 10px;
    }
    .chambers-items {
        flex-direction: column;
    }
    .content-advices h3 {
        padding-bottom: 32px;
    }
    .chambers-items {
        flex-direction: column;
        width: 80%;
    }
    .advices-block {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
    .advices-block h4 {
        font-size: 17px;
        line-height: 23px;
        height: 90px;
    }
    .advices-block h5 {
        font-size: 14px;
    }
    .partners h3 {
        padding-top: 40px;
        margin-bottom: 1em;
    }
    .footer .header-about, .footer .about-numbers {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .footer .about-numbers {
        padding-top: 1.5em;
        padding-bottom: 0.5em;
    }
    .chambers-prev, .leaders-prev, .project-prev, .service-prev {
        right: 8%;

    }


    .advices-block h4 {
        height: 140px;
    }
    .advices-block h5:nth-child(5) {
        height: 320px;
    }
}
@media screen and (max-width: 700px) {
    .info-text {
        width: 100%;
    }
    .advices-block h5:nth-child(5) {
        height: 300px;
    }
}

/*for mobile 580 and less*/
@media screen and (max-width: 580px) {
    /*header*/

    .mobile-logo {
        display: flex;
    }
    .mobile-header {
        padding-bottom: 1em;
    }
    .slick-item-photo img {
        display: block;
        width: 100%;
        object-fit: cover;
        padding-top: 1em;
    }
    .submit-btn {
        left: 80%;
    }
    .header-slick-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .counter-block {
        padding-bottom: 1em;
    }
    .header-counters {
        padding-top: 1em;
    }
    .slick-item-short {
        width: 100%;
    }
    .slick-item-block-2 {
        width: 100%;
    }
    /*content*/
    .news-blocks-small {
        grid-template-rows: repeat(3, 360px);
        grid-row-gap: 10px;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: 0;
    }
    .news-block-big-date-brief {
        padding-top: 1em;
    }
    .info-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .info-item {
        border-radius: 8px;
    }
    .info-text {
        width: 100%;
    }
    .info-text p {
        padding: 20px 20px 0;
    }
    .info-text p:first-child {
        padding: 20px 20px 0;
    }
    .slick-item-photo {
        width: auto;
    }
    .info-text-item {
        border-radius: 8px;
        height: 530px;
        background: linear-gradient(to right, #F1F1F4ff 55%, #F1F1F400), no-repeat 100% 100%/cover url("/img/content-new/about.png");
    }
    .project-item-flex {
        position: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .slick-project-item span {
        width: auto;
        padding-bottom: 1em;
        height: max-content !important;
    }
    .project-item-flex img {
        display: none;
    }
    .leaders-block h3 {
        font-size: 48px;
    }
    .slick-leaders-item {
        margin-right: 0;
    }
    .advices-blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .advices-block:not(:last-child) {
        padding-bottom: 1.5em;
    }
    .partners .partners-carousel a img {
        width: 70%;
    }
}