@font-face {
    font-family: "Assistant";
    src: url("../fonts/Assistant-Regular.ttf") format("ttf"), url("../fonts/assistant-regular-webfont.woff") format("woff"), url("../fonts/assistant-regular-webfont.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Assistant";
    src: url("../fonts/Assistant-Light.ttf") format("ttf"), url("../fonts/assistant-light-webfont.woff") format("woff"), url("../fonts/assistant-light-webfont.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "Assistant";
    src: url("../fonts/Assistant-SemiBold.ttf") format("ttf"), url("../fonts/assistant-semibold-webfont.woff") format("woff"), url("../fonts/assistant-semibold-webfont.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: "Assistant";
    src: url("../fonts/Assistant-ExtraBold.ttf") format("ttf"), url("../fonts/assistant-extrabold-webfont.woff") format("woff"), url("../fonts/assistant-extrabold-webfont.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: "Secular One";
    src: url("../fonts/SecularOne-Regular.ttf") format("ttf"), url("../fonts/secularone-regular-webfont.woff") format("woff"), url("../fonts/secularone-regular-webfont.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

.flex {
    display: flex
}

*:focus {
    outline: 2px solid #000;
    box-shadow: inset 0 0 1px #fff
}

img, video, iframe, audio {
    vertical-align: top;
    border: 0;
    max-width: 100%
}

img {
    height: auto
}

header, footer, article, section, hgroup, nav, figure, main {
    display: block
}

form, fieldset, button {
    margin: 0;
    padding: 0;
    border: none
}

button {
    -webkit-appearance: none
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.skip-to-content:focus {
    position: fixed;
    top: 0;
    right: 0;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    z-index: 999999999;
    background: #fff;
    padding: 3px 5px;
    color: #4a90e2;
    font-weight: bold
}

.rtl.blog .sub-caption {
    font-size: 11px
}

.flex-blog-grid .sub-caption {
    text-align: right;
    top: -5px;
    right: 3px;
    display: block
}

.single-post .sub-caption {
    font-size: 11px;
    position: absolute;
    top: 15px;
    left: 17px
}

.flex-blog-grid .sub-caption-bottom {
    display: none
}

.focusMouse {
    outline: none
}

.flex-blog-grid .flex-item:nth-child(8n+3) .sub-caption-bottom, .flex-blog-grid .flex-item:nth-child(8n+7) .sub-caption-bottom {
    display: block;
    top: 5px;
    right: 0
}

.flex-blog-grid .flex-item:nth-child(8n+3) .sub-caption-top, .flex-blog-grid .flex-item:nth-child(8n+7) .sub-caption-top {
    display: none
}

.sub-caption {
    font-size: 12px;
    color: #8d8d8d;
    font-weight: 400;
    width: 100%;
    display: block;
    position: relative;
    top: 10px;
    left: 0;
    text-align: left
}

.sub-caption-mobile.sub-caption {
    display: none
}

.sub-caption strong {
    font-weight: 600
}

.slide-image img {
    width: 100%
}

.focusMouse.hide {
    display: block
}

.button {
    display: inline-flex;
    min-width: 128px;
    height: 43px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #a643af;
    font-weight: 600;
    position: relative
}

.button .text-link {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center
}

.button:before {
    content: "";
    background-color: #000;
    color: #fff;
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    transition: all .3s cubic-bezier(0.15, 0.9, 0.34, 0.95)
}

.button:hover:before {
    width: 100%
}

.button:hover .text-link {
    display: inline-flex
}

.button.disabled {
    opacity: .5;
    pointer-events: none
}

.thanks-message .button:before {
    content: "";
    display: block !important;
    background: #a643af
}

form .button {
    min-width: inherit;
    height: auto;
    background: none
}

form .button .ajax-loader {
    display: none
}

form .button:before, form .button:after {
    display: none
}

form .button .text-link {
    display: none
}

@media all and (min-width: 640px) {
    form .button {
        background: #000;
        color: #fff;
        width: 125px;
        height: 56px;
        line-height: 56px;
        font-weight: 600;
        font-size: 21px;
        cursor: pointer;
        display: block
    }

    form .button input[type=submit] {
        width: 100%;
        min-width: 100%;
        position: relative;
        z-index: 4;
        opacity: 0
    }

    form .button:after {
        content: "";
        background-color: #000;
        z-index: 1;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: block
    }

    form .button:before {
        background-color: #a643af;
        z-index: 2;
        display: block
    }

    form .button .text-link {
        display: inline-flex;
        z-index: 3;
        color: #fff
    }

    form .button:hover:before {
        display: block
    }

    form .button:hover .text-link {
        display: inline-flex
    }
}

.your-message {
    height: 158px
}

.back-to-main {
    background: #000;
    color: #fff;
    width: 186px;
    height: 56px;
    line-height: 56px;
    border: none;
    font-weight: 600;
    font-size: 21px;
    cursor: pointer;
    display: block;
    margin: 0 auto
}

input {
    box-sizing: border-box;
    border-radius: 0;
    font: 16px Assistant, Arial, sans-serif;
    font-weight: 400;
    box-shadow: none;
    -webkit-appearance: none
}

input[type=text], input[type=tel], input[type=email], input[type=password] {
    display: block;
    max-width: 100%;
    width: 365px;
    padding: 0 15px;
    height: 40px;
    border: none;
    border-bottom: 1px solid #000;
    background-color: transparent;
    line-height: 100%;
    direction: rtl
}

input[type=text].error, input[type=tel].error, input[type=email].error, input[type=password].error {
    border-bottom: 1px solid #ec1b35
}

input[type=submit] {
    border-radius: 0;
    -webkit-appearance: none;
    background: #000;
    color: #fff;
    width: 125px;
    height: 56px;
    line-height: 56px;
    border: none;
    font-weight: 600;
    font-size: 21px;
    cursor: pointer
}

input::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

input:-moz-placeholder {
    color: #000;
    opacity: 1
}

input::-moz-placeholder {
    color: #000;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

input:focus::-webkit-input-placeholder {
    opacity: .5
}

input:focus:-moz-placeholder {
    opacity: .5
}

input:focus::-moz-placeholder {
    opacity: .5
}

input:focus:-ms-input-placeholder {
    opacity: .5
}

.wpcf7 input[type=text], .wpcf7 input[type=tel], .wpcf7 input[type=email], .wpcf7 input[type=password] {
    direction: rtl
}

textarea {
    font: 16px Assistant, Arial, sans-serif;
    padding: 5px 15px 0;
    height: 158px;
    width: 370px;
    background: transparent;
    border: 1px solid #000;
    box-shadow: none;
    -webkit-appearance: none
}

textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

textarea:-moz-placeholder {
    color: #000;
    opacity: 1
}

textarea::-moz-placeholder {
    color: #000;
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

textarea:focus::-webkit-input-placeholder {
    opacity: .5
}

textarea:focus:-moz-placeholder {
    opacity: .5
}

textarea:focus::-moz-placeholder {
    opacity: .5
}

textarea:focus:-ms-input-placeholder {
    opacity: .5
}

textarea.error {
    border-bottom: 1px solid #ec1b35
}

button::-moz-focus-inner, input::-moz-focus-inner {
    outline: none;
    border: none
}

html {
    font-size: 62.5%
}

*, *::before, *::after {
    box-sizing: inherit
}

body {
    margin: 0;
    font: 16px/1.3 Assistant, Arial, sans-serif;
    font-weight: 300;
    text-size-adjust: 100%;
    position: relative
}

body.rtl {
    direction: rtl
}

a {
    color: #000;
    text-decoration: none;
    display: inline-block
}

body.no-scroll {
    overflow: hidden
}

h1, h2 {
    font-family: "Secular One", Assistant, Arial, sans-serif;
    font-weight: 400
}

h1:after, h2:after {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    background: #000
}

.section-timeline h1:after, .section-timeline h2:after {
    margin: 0 auto;
    background: #fff
}

h1, h2 {
    font-size: 100px;
    line-height: .94;
    letter-spacing: -0.09px;
    margin: 20px 0
}

h2 {
    font-weight: 400
}

p {
    margin: 20px 0
}

h3 {
    font-size: 44px;
    line-height: 1.16;
    font-weight: 600
}

h5 {
    font-size: 21px;
    font-weight: 600;
    margin: 20px 0
}

.page-template-template-vision .breadcrumbs-holder, .page-template-template-timeline .breadcrumbs-holder {
    margin-top: 14px
}

.page-template-template-vision .header-fixed, .page-template-template-timeline .header-fixed {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page-template-template-vision .header, .page-template-template-timeline .header {
    height: auto;
    padding: 18px 0
}

.page-template-template-vision .header .container, .page-template-template-timeline .header .container {
    width: 100%
}

.slide-content.orange .text-white p {
    font-size: 28px
}

.awards-slider .slider-holder .swiper-slide .image img {
    max-width: 85%;
    margin: 0 auto;
    max-height: 135px;
    object-fit: contain
}

.section-blog .flex-blog .flex-item .single-post .post-content h2 {
    font-size: 16px
}

.section-blog .flex-blog .flex-item .single-post .post-content h2:after {
    margin: 0
}

.container {
    max-width: 1260px;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 0 auto
}

.container-small {
    max-width: 1002px
}

.header .container {
    max-width: 100%;
    padding: 0 30px
}

.icon {
    display: inline-block;
    width: 1em;
    height: 40px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.icon-triangle {
    width: .77734375em
}

.text-purple {
    color: #a643af
}

.purple {
    background: #a643af
}

.text-green {
    color: #00d1aa
}

.green {
    background: #00d1aa
}

.text-blue {
    color: #5da8f6
}

.blue {
    background: #5da8f6
}

.text-white {
    color: #fff
}

#main .section-timeline .container .text-white {
    text-align: center
}

.text-orange {
    color: #f06216
}

.orange {
    background: #f06216
}

.grey {
    background: #f6f6f6
}

.swiper-container {
    width: 100%;
    height: 100%
}

.section-doing-good {
    margin-top: -48px
}

.section-doing-good .container {
    max-width: 1339px;
    padding-right: 72px;
    padding-left: 0
}

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

.doing-good-img {
    width: 66.7%;
    height: 804px;
    overflow: hidden
}

.doing-good-img h2 {
    position: absolute;
    font-size: 100px;
    letter-spacing: -0.09px;
    line-height: 104px;
    font-weight: 400;
    top: 208px;
    left: 57px;
    width: 300px;
    text-align: left;
    color: #fff
}

.doing-good-img h2 a {
    color: #fff
}

.doing-good-img h2:after {
    background: #fff;
    margin: 27px auto 0 13px
}

.doing-good-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-radio {
    z-index: 2
}

.section-doing-good {
    position: relative;
    z-index: 1
}

.section-doing-good h3 {
    margin: 0 0 29px;
    width: 200px;
    line-height: 1.3
}

.section-doing-good p {
    margin: 0
}

.doing-good-text {
    width: 406px;
    padding-top: 180px;
    padding-left: 40px;
    box-sizing: border-box
}

.doing-good-text .paragraph p {
    line-height: 1.35;
    margin-bottom: 21px
}

.doing-good-text .paragraph p:last-of-type {
    margin-bottom: 27px
}

.btn-list {
    display: flex;
    list-style: none;
    padding: 0 0 0 16px;
    margin: 0;
    justify-content: space-between
}

.btn-list li {
    font-weight: 600;
    line-height: 2.6
}

.btn-list span {
    display: block;
    position: relative
}

.btn-list svg {
    width: 30px;
    height: 30px;
    fill: #00d1aa
}

.btn-list .squiggle {
    stroke: #00d1aa
}

a:hover svg.icon-more {
    animation: draw .5s linear forwards
}

a svg.icon-more {
    transform: rotate(0);
    animation: draw2 .5s linear forwards
}

.circle-hover {
    transform: rotate(140deg);
    position: absolute;
    right: 0
}

@keyframes draw {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes draw2 {
    from {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

.sing img {
    position: absolute;
    display: block;
    object-fit: cover;
    width: 100%
}

.sing-about img {
    bottom: -87px
}

.text-page .container, .section-sitemap .container {
    background: #eee;
    max-width: 1177px;
    padding: 47px 80px;
    box-sizing: border-box;
    min-height: calc(100vh - 280px);
    margin-bottom: 75px
}

.text-page .page-content {
    max-width: 827px;
    font-size: 18px;
    line-height: 23px
}

.text-page .page-content h3 {
    font-size: 20px
}

.text-page p {
    margin-top: 0;
    margin-bottom: 22px
}

.text-page h1 {
    margin-bottom: 47px
}

.text-page h1:after {
    margin-top: 8px
}

.text-page h2 {
    font-size: 34px;
    font-weight: 400;
    margin: 48px 0 13px;
    font-family: Assistant
}

.text-page h2:after {
    display: none
}

.section-sitemap .sitemap-content {
    margin: 0 -10px
}

.section-sitemap h2 {
    font: 34px "Assistant", Arial;
    margin: 0 0 32px
}

.section-sitemap h2:after {
    display: none
}

.section-sitemap .widget {
    padding: 0 31px;
    width: calc(33% - 62px);
    box-sizing: content-box
}

.section-sitemap .widget:first-of-type {
    max-width: 180px
}

.section-sitemap .widget:first-of-type h2 {
    color: #a83d7d
}

.section-sitemap .widget:nth-of-type(2) {
    max-width: 239px
}

.section-sitemap .widget:nth-of-type(2) h2 {
    color: #108ebc
}

.section-sitemap .widget:last-of-type {
    width: 47%
}

.section-sitemap .widget:last-of-type h2 {
    color: #244574
}

.section-sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.2
}

.section-sitemap ul li {
    margin: 0 0 10px
}

.section-sitemap h1 {
    margin: 0 0 50px
}

.section-sitemap h1:after {
    margin-top: 8px
}

.section-sitemap .sitemap-widgets {
    display: flex;
    margin: 0 -31px;
    justify-content: flex-start
}

.text-page {
    margin-top: 16px
}

.breadcrumbs-holder {
    margin-top: 100px;
    background: #f8f8f8;
    border-top: 1px solid #ededed
}

.rtl .breadcrumbs-holder {
    margin-top: 114px
}

.single-post .breadcrumbs-holder {
    margin-top: 91px
}

.rtl.single-post .breadcrumbs-holder {
    margin-top: 137px
}

.radio-grid .radio-card .content, .radio-grid .radio-card .content {
    overflow: hidden
}

.radio-grid .radio-card .content p, .radio-grid .radio-card .content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.radio-grid .orange-bottom .radio-card .content p, .radio-grid .orange-top .radio-card .content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .rtl .breadcrumbs-holder, .single-post .breadcrumbs-holder, .rtl.single-post .breadcrumbs-holder {
        margin-top: 70px
    }
}

@media screen and (max-width: 639px) {
    .rtl .contact-form input[type=submit] {
        padding-left: 43px;
        padding-right: 0
    }
}

@media screen and (max-width: 530px) {
    .section-contact-form form .contact-form .flex-item {
        width: 100%
    }

    .section-contact-form form .contact-form .flex-item .form-field input, .section-contact-form form .contact-form .flex-item .form-field textarea {
        width: 100%
    }
}

.high-contrast2 .section-radio svg {
    color: #000
}

.high-contrast2 .awards-slider h3 {
    color: #fff
}

.flex-footer {
    justify-content: space-between
}

.flex-footer .flex-item:first-child {
    padding-right: 22px;
    padding-top: 0px
}

.footer {
    padding: 24px 0 15px;
    background: #ededed
}

.footer .container {
    max-width: 1300px
}

.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer .icon {
    font-size: 25px
}

.footer .icon-links li {
    margin: 0 13px
}

.footer-nav {
    margin-right: 34px
}

.footer-nav li {
    margin: 0 28px
}

.footer #menu-footer-navigation {
    margin-top: 10px;
    margin-right: 33px
}

.header .main-nav::-webkit-scrollbar, .header .submenu::-webkit-scrollbar {
    width: 0
}

.flex-header {
    justify-content: space-between;
    align-items: center
}

.flex-header .flex-item:first-of-type {
    padding-top: 11px;
    transition: padding .3s
}

.flex-header .flex {
    align-items: center
}

.flex-header .flex-item:nth-child(2) {
    margin-left: auto
}

body:not(.post) .back-wrapper-post {
    display: none
}

body.article .back-wrapper-post {
    display: block
}

.socials ul {
    height: 100%;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.socials ul li {
    margin: 0 14px;
    transition: margin .3s
}

.socials .icon {
    font-size: 25px
}

.socials .icon-facebook {
    width: 24px;
    position: relative;
    top: -1px;
    transition: width .3s
}

.header.scroll-fixed-header .socials .icon-facebook {
    transition: width .3s
}

.header {
    padding: 27px 0;
    transition: padding .3s
}

.header-button {
    color: #838383;
    font-size: 21px;
    display: inline-block;
    margin-right: 28px
}

.header .container {
    transition: padding .3s
}

.header .main-menu {
    margin: 0 0 0 33px;
    transition: margin .3s
}

.header .wrapper-nav {
    position: relative;
    height: 100%;
    width: 100%
}

.header .main-nav {
    position: fixed;
    height: 100%;
    top: 0;
    right: auto;
    left: 100%;
    width: 100%;
    z-index: 10;
    transform: translateX(100%);
    transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 0;
    background: #a643af
}

.header .main-nav.open {
    transform: none;
    opacity: 1;
    right: 0;
    left: 0
}

.header .main-nav.open .language.visible {
    opacity: 1;
    transition: opacity 1s ease;
    animation: itemAnimate 1s linear
}

.header .main-nav ul {
    margin: 0;
    list-style: none;
    padding: 25px 50px 17px
}

.header .main-nav #menu-primary-navigation, .header .main-nav #menu-primary-navigation-en {
    padding-bottom: 13px;
    background: #4a90e2
}

.header .main-nav a {
    color: #fff;
    font-size: 44px;
    line-height: 1.55;
    font-weight: 700;
    letter-spacing: 1.28px
}

.header .main-nav a:hover {
    color: #000
}

.header .main-nav a.submenu-link {
    text-decoration: underline
}

.header .main-nav a.language {
    position: relative;
    left: 50px;
    bottom: 0;
    margin: -85px 0 0;
    font-weight: 400;
    float: left;
    opacity: 0
}

.header .main-nav a.close {
    position: absolute;
    left: 35px;
    top: 35px
}

.header .main-nav a.close .icon-close {
    width: 74px;
    height: 76px
}

.header .main-nav .icon {
    opacity: .64;
    font-size: 75px
}

.header .main-nav .external-pages {
    padding-top: 10px
}

.header .submenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 13vw 67px 14vw;
    z-index: 10;
    transform: translateX(100%);
    opacity: .7;
    transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    background: #4a90e2;
    height: 100%
}

.header .submenu.open {
    transform: none;
    opacity: 1;
    transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1)
}

.header .submenu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header .submenu a {
    color: #fff;
    font-size: 44px;
    line-height: 1.84;
    font-weight: 700;
    letter-spacing: 1.28px
}

.header .submenu a:hover {
    color: #000
}

.header .submenu a.close {
    position: absolute;
    left: 35px;
    top: 35px
}

.header .submenu a.close .icon-close {
    width: 73px;
    height: 78px
}

.header .submenu a.back {
    right: 55px;
    top: 35px;
    position: absolute
}

.header .submenu a.back .icon {
    font-size: 95px
}

.header .submenu a.back .icon-back {
    width: 92px;
    height: 97px
}

.header .submenu .icon {
    opacity: .64;
    font-size: 75px
}

.header .icon-menu {
    font-size: 42px;
    transition: font-size .3s
}

.header-fixed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.header-logo {
    margin-top: 7px;
    transition: margin .3s
}

.header-logo img {
    width: 216px;
    transition: width .3s
}

body.articles .videos-menu, body.videos .videos-menu {
    display: block
}

body:not(.books) .books-menu {
    display: none
}

.videos-menu {
    display: none
}

.additional-menu {
    margin-right: 18px
}

.additional-menu ul {
    list-style: none;
    margin: 0;
    padding: 0 3px 0 0;
    display: flex
}

.additional-menu ul li {
    margin: 0 15px
}

.additional-menu ul li a {
    color: #838383;
    font-size: 21px;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 0;
    border-bottom: 1px solid transparent
}

.additional-menu ul li.active a {
    color: #f06216;
    border-bottom: 1px solid #f06216
}

.page-template-template-flexible .flex-header {
    align-items: start
}

.page-template-template-flexible .flex-header .flex-item:first-of-type {
    padding-top: 11px;
    transition: padding .3s
}

.header {
    padding: 18px 0;
    height: auto;
    box-sizing: border-box;
    transition: all .3s
}

.header.scroll-fixed-header {
    position: fixed !important;
    background: #fff;
    padding: 5px 0 8px;
    height: 66px;
    transition: all .3s
}

.header.scroll-fixed-header .header-logo img {
    width: 137px;
    transition: width .3s
}

.header.scroll-fixed-header .icon-menu {
    font-size: 32px;
    transition: font-size .3s
}

.header.scroll-fixed-header .socials .icon {
    font-size: 20px;
    transition: font-size .3s
}

.header.scroll-fixed-header .socials .icon-facebook {
    width: 18px
}

.header.scroll-fixed-header .main-menu {
    margin-left: 25px;
    transition: margin .3s
}

.header.scroll-fixed-header .socials ul li {
    margin: 0 9px 0 10px;
    transition: margin .3s
}

.header.scroll-fixed-header .flex-header .flex-item:first-of-type {
    padding-top: 6px !important
}

.header.scroll-fixed-header .header-logo {
    margin-top: 9px
}

body.home .section-hero {
    min-height: 805px;
    box-sizing: border-box;
    font-size: 18px;
    padding-top: 155px;
    position: relative;
    background: #efefef
}

body.home .section-hero h2 {
    font-size: 68px;
    letter-spacing: -0.06px;
    line-height: 1.08;
    margin-bottom: 4px;
    font-weight: 400
}

body.home .section-hero h2:after {
    display: none
}

body.home .section-hero p {
    margin: 0 0 20px;
    font-weight: 400
}

body.home .section-hero .icon-more {
    font-size: 35px;
    display: block
}

body.home .section-hero a {
    display: inline-block
}

.flex-hero {
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 23px;
    position: relative
}

.flex-hero .flex-item {
    flex-basis: 300px;
    opacity: 0
}

.flex-hero .flex-item:nth-child(1) {
    margin-right: 70px;
    margin-left: 0
}

.flex-hero .flex-item:nth-child(2) {
    flex-basis: 335px;
    position: absolute;
    bottom: -182px;
    width: 27%;
    left: 0
}

.flex-hero .flex-item:nth-child(2) p {
    margin-bottom: 0
}

.flex-hero .flex-item:nth-child(2) .icon-more {
    margin-right: auto;
    margin-left: 37px
}

.flex-hero .flex-item:nth-child(3) {
    flex-basis: 335px;
    position: absolute;
    bottom: -329px;
    width: 27%;
    max-width: 250px;
    margin-left: 0;
    margin-right: -60px
}

.flex-hero .flex-item:nth-child(3) h2 {
    line-height: .93;
    margin-bottom: 14px
}

.flex-hero .flex-item:nth-child(3) .icon-more {
    margin-right: 0;
    margin-left: auto
}

.section-books {
    padding: 110px 0 119px;
    font-weight: 300
}

.section-books h2.visible:after {
    opacity: 1;
    transition: opacity 1s ease
}

.section-books h2 {
    max-width: 343px
}

.section-books h2:after {
    width: 290px;
    margin: 14px 6px 0 0
}

.section-books .icon-more {
    font-size: 30px;
    margin-top: 50px
}

.section-books h3 {
    font-size: 21px;
    margin: 20px 0 27px;
    line-height: 1.3
}

.section-books p {
    line-height: 1.35;
    margin-bottom: 38px
}

.flex-books {
    max-width: 1090px;
    margin: 0 auto 150px
}

.flex-books .flex-item:first-child {
    flex-basis: 41%;
    padding-top: 37px
}

.flex-books .flex-item:first-child h2.visible {
    animation-delay: 1s;
    transition-delay: 1s
}

.flex-books .flex-item.visible:last-child {
    opacity: 1;
    animation: itemAnimate 1s linear 1.5s;
    transition: opacity 1s ease;
    transition-delay: 1.5s
}

.flex-books .flex-item:last-child {
    flex-basis: 33%;
    box-sizing: border-box;
    padding: 15px 30px 0 0;
    opacity: 0
}

.flex-books .flex-item:nth-child(2) {
    flex-basis: 280px
}

.book-slider {
    max-width: 1090px;
    margin: 0 auto
}

.book-slider img {
    margin: 0 auto
}

.book-slider .book-slide {
    display: none
}

.book-slider .book-slide:first-child {
    display: block
}

.book-slider .book-slide a {
    display: inline-block
}

.book-slider .slick-prev, .book-slider .slick-next {
    width: 0;
    height: 0;
    position: absolute;
    cursor: pointer;
    background: none;
    text-indent: -9999px
}

.book-slider .slick-prev {
    border-top: 12px solid transparent;
    border-left: 14px solid #000;
    border-bottom: 12px solid transparent;
    top: 17%;
    right: -7%
}

.book-slider .slick-next {
    border-top: 12px solid transparent;
    border-right: 14px solid #000;
    border-bottom: 12px solid transparent;
    top: 17%;
    left: -7%
}

.section-radio .container {
    max-width: 1248px
}

.section-radio h2:after {
    margin: 28px 13px 0 0
}

.section-radio h2 .icon {
    font-size: 30px;
    margin-right: 15px;
    position: relative;
    top: -8px
}

.flex-radio {
    padding: 43px 8.7% 35px 14%;
    margin: 0 0 0 0;
    justify-content: space-between;
    flex-direction: row-reverse
}

.flex-radio .flex-item:last-child {
    flex-basis: 350px;
    padding-top: 7px
}

.flex-radio .flex-item:first-child {
    flex-basis: 406px
}

.radio-category {
    list-style: none;
    margin: 0;
    padding: 0
}

.radio-category .icon-block {
    padding-left: 6px;
    position: relative
}

.radio-category .icon-block:before {
    content: "";
    transition: all .3s cubic-bezier(0.15, 0.9, 0.34, 0.95);
    background: url("../images/triangle2.svg") no-repeat;
    width: 30px;
    height: 35px;
    position: absolute;
    top: 0;
    display: none
}

.radio-category li {
    padding: 37px 0 40px;
    padding-right: 6px
}

.radio-category li h3 {
    margin: 0;
    font-size: 21px;
    opacity: 1
}

.radio-category li p {
    font-size: 21px;
    margin: 0;
    font-weight: 300
}

.radio-category li .text {
    max-width: 300px
}

.radio-category li a {
    align-items: center;
    justify-content: space-between
}

.radio-category li .icon {
    font-size: 36px
}

.radio-category li:not(:last-child) {
    border-bottom: 1px solid gray
}

.radio-category li a:hover .icon * {
    color: #000;
    transition: color linear .5s
}

.section-blog {
    padding: 137px 0 157px
}

.section-blog .single-post {
    margin-right: 14%;
    background: #fff
}

.section-blog .single-post .post-title {
    margin: 10px 0 38px
}

.section-blog .single-post .post-content {
    line-height: 21px;
    max-height: 231px;
    overflow: hidden
}

.section-blog .single-post .post-content strong {
    margin-bottom: 21px;
    display: block
}

a.heading .icon-more {
    font-size: 30px
}

a.heading div {
    padding-top: 52px;
    margin-right: 55px;
    flex-shrink: 0
}

a.heading div span {
    display: block;
    margin-top: 7px
}

a.heading h2:after {
    margin: 23px 34% 0 0
}

.flex-blog .flex-item:first-child {
    flex-basis: 300px;
    flex-shrink: 0;
    padding: 0 31px 0 40px;
    box-sizing: content-box;
    margin-left: 3%
}

.flex-blog .flex-item:last-child {
    flex-basis: 38%
}

.flex-blog .blog-image {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
    border: 22px solid #eee;
    box-sizing: border-box
}

.flex-blog .blog-image img {
    border-radius: 50%
}

.section-awards {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.high-contrast2 .section-awards h2, .high-contrast2 .section-awards h5, .high-contrast2 .section-awards p {
    color: #000;
    filter: invert(100%);
    -webkit-filter: invert(100%)
}

.flex-awards {
    margin: 0 40px;
    padding: 50px 50px 73px;
    justify-content: space-between;
    overflow: hidden;
    flex-direction: row-reverse
}

.flex-awards .flex-item:last-child {
    flex-basis: 53%;
    padding-top: 48px
}

.flex-awards .flex-item:first-child {
    flex-basis: 34%
}

.flex-awards h2:after {
    margin: 21px 34% 0 0
}

.awards-slider {
    width: 100%;
    text-align: center;
    box-sizing: border-box
}

.awards-slider .slider-holder {
    position: relative;
    width: 100%
}

.awards-slider .image {
    margin: 0 0 23px;
    height: 150px;
    display: flex;
    align-items: flex-start
}

.awards-slider h3 {
    margin: 0 0 41px;
    font-size: 21px
}

.awards-slider .slick-slide {
    width: 100%;
    box-sizing: border-box;
    float: right
}

.awards-slider .slick-initialized .slick-slide {
    display: block
}

.awards-slider .slick-prev {
    position: absolute;
    background: url("../images/arrow-right.png.webp") no-repeat;
    height: 18px;
    width: 10px;
    top: 11px;
    right: 0;
    z-index: 1;
    text-indent: -9999px
}

.awards-slider .slick-prev:hover {
    background-image: url("../images/arrow-right-black.png.webp")
}

.awards-slider .slick-prev:after {
    display: none
}

.awards-slider .slick-next {
    position: absolute;
    text-indent: -9999px;
    background: url("../images/arrow-left.png.webp") no-repeat;
    height: 18px;
    width: 20px;
    top: 11px;
    z-index: 1;
    left: 0
}

.awards-slider .slick-next:hover {
    background-image: url("../images/arrow-left-black.png.webp")
}

.awards-slider .slick-next:after {
    display: none
}

.awards-slider .slider-wrapper p {
    font-weight: 400
}

.section-video {
    margin-top: -92px;
    padding: 260px 0 95px
}

.section-video a.heading {
    align-items: flex-end
}

.section-video a.heading div {
    margin-right: 30px;
    margin-bottom: 40px
}

.section-video a.heading div span {
    margin: 0
}

.section-video a.heading h2:after {
    margin: 11px 37% 0 0
}

.video-block, .article-block {
    position: relative;
    padding: 60px 32px 20px 86px;
    margin-right: -52px;
    margin-bottom: 55px;
    background: #fff
}

.video-block .button-video, .video-block .button-article, .article-block .button-video, .article-block .button-article {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    top: -20px;
    left: -18px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-block .button-video .icon, .article-block .button-video .icon {
    font-size: 28px;
    transform: rotate(180deg);
    margin-left: 5px
}

.video-block .button-article .icon, .article-block .button-article .icon {
    font-size: 34px
}

.video-block .caption, .article-block .caption {
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 20px 0
}

.video-block .caption p, .article-block .caption p {
    margin: 0 0 0 10px;
    font-size: 21px;
    font-weight: 600
}

.video-block .caption .date, .article-block .caption .date {
    font-size: 21px;
    font-weight: 300
}

.video-block .video, .article-block .video {
    width: 490px;
    height: 372px
}

.video-block .video iframe, .article-block .video iframe {
    height: 100%;
    width: 100%;
    display: block;
    background: #000
}

.video {
    position: relative
}

.video .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.flex-video {
    justify-content: space-between;
    align-items: center
}

.home .section-talks-about {
    padding: 87px 0 83px
}

.home .section-talks-about h2 {
    padding-right: 30px;
    margin-bottom: 84px
}

.home .section-talks-about h2:after {
    margin: 15px 14.5% 0 0
}

.slider-talks-about {
    width: 100%;
    height: 100%
}

.slider-talks-about .swiper-slide {
    padding-bottom: 124px;
    background-color: #fff;
    min-height: 100%;
    box-sizing: border-box;
    height: auto
}

.slider-talks-about .slide-content {
    margin: 0 auto;
    padding: 96px 0 43px 19%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 100%;
    max-width: 1360px;
    background: none
}

.slider-talks-about .slide-content:after {
    content: "";
    background: #f06216;
    position: absolute;
    left: 39.415%;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: -1
}

.slider-talks-about .slide-content .slide-image, .slider-talks-about .slide-content .slide-video {
    position: absolute;
    left: 12.8%;
    top: 50%;
    width: 450px;
    height: 258px;
    margin: -93px 0 0;
    display: none
}

.slider-talks-about .slide-content iframe {
    width: 100%;
    height: 100%
}

.slider-talks-about .slide-content blockquote {
    font-size: 30px;
    width: 650px;
    font-weight: 600;
    margin: 0 3% 0 0
}

.slider-talks-about .slide-content blockquote cite {
    font-size: 21px;
    font-style: normal;
    display: block;
    margin-bottom: 34px
}

.slider-talks-about .slide-content blockquote cite span {
    display: block
}

.slider-talks-about .swiper-slide-active .slide-image, .slider-talks-about .slide-video {
    display: block;
    opacity: 1 !important;
    animation: none !important
}

.slider-talks-about.swiper-container-horizontal > .swiper-pagination-bullets {
    width: auto;
    left: 0;
    bottom: 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: -92px auto 0;
    max-width: 1145px
}

.slider-talks-about .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    text-align: center;
    opacity: 1;
    margin: 0 27px !important
}

.slider-talks-about .swiper-pagination-bullet .image {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #eee;
    margin: 0 auto 5px
}

.slider-talks-about .swiper-pagination-bullet .image img {
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 50%
}

.slider-talks-about .swiper-pagination-bullet-active .image {
    border-color: #db9a30
}

.slider-talks-about .swiper-pagination-bullet-active .image img {
    border: none
}

.slider-talks-about .swiper-pagination-bullet span {
    font-size: 13px;
    font-weight: 300
}

.section-products {
    padding: 94px 0 74px
}

.section-products h2:after {
    margin: 23px 35% 0 0
}

.flex-products {
    justify-content: space-between;
    flex-direction: row-reverse
}

.flex-products .flex-item:last-child {
    flex-basis: 59%;
    padding-right: 40px;
    padding-top: 30px
}

.flex-products .flex-item:first-child {
    flex-basis: 37%;
    text-align: center
}

.product-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap
}

.product-list li {
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    position: relative;
    padding: 0 6.855% 28px;
    margin: 0 0 20px;
    width: 31.65%;
    box-sizing: border-box
}

.product-list li .image {
    width: 123px;
    height: 123px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 24px
}

.product-list li span {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 96%;
    line-height: 1;
    margin: -28px 0 0
}

.section-timeline {
    padding-top: 73px
}

.section-timeline h2 {
    white-space: nowrap
}

.section-timeline h2:after {
    background: #fff;
    margin: 23px auto 0
}

.section-timeline h2 a.heading {
    padding-right: 34px;
    justify-content: center;
    color: #fff
}

.section-timeline h2 .icon-more {
    margin: 9px 16px 0 0
}

.smallzoom .section-timeline {
    padding-top: 30px
}

.smallzoom .section-timeline h2:after {
    display: none
}

.smallzoom .timeline-block {
    height: calc(100vh - 200px)
}

.smallzoom .timeline-block .date-20 {
    min-height: inherit
}

.largezoom .section-timeline {
    padding-top: 20px
}

.largezoom .section-timeline h2:after {
    display: none
}

.largezoom .timeline-block {
    height: calc(100vh - 150px)
}

.largezoom .timeline-block .date-20 {
    min-height: inherit
}

@media all and (min-width: 1024px) {
    .flex-video {
        display: block
    }

    .flex-video .flex-item:first-child {
        width: 32%;
        margin: 0 0 50px
    }

    .flex-video .flex-item:first-child {
        width: 32%;
        margin: 0 0 50px
    }

    body:not(.rtl) .flex-video .flex-item:first-child {
        width: 40%
    }

    .flex-video .flex-item:last-child {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .video-block, .article-block {
        width: 47%;
        margin: 0 0 55px;
        padding: 60px 32px 20px
    }

    .video-block .video, .article-block .video {
        width: 100%
    }

    .article-block .button-video, .article-block .button-article {
        left: auto;
        right: -18px
    }
}

@keyframes itemAnimate {
    from {
        transform: translateY(30px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.doing-good-img h2.visible:after, .section-radio h2.visible:after {
    opacity: 1;
    transition: opacity 1s ease
}

.doing-good-img h2:after, .section-radio h2:after {
    opacity: 0
}

.flex-books .flex-item.visible:first-child, .flex-books .heading.visible, .flex-books div.single-post.visible, .section-blog .flex-item.visible:first-child, .section-blog .heading.visible, .section-blog div.single-post.visible {
    opacity: 1;
    animation: itemAnimate 1s linear;
    transition: opacity 1s ease
}

.flex-video .flex-item:last-child .heading.visible {
    opacity: 1;
    animation: itemAnimate 1s linear;
    transition: opacity 1s ease
}

.flex-books .flex-item:first-child, .section-blog .heading, div.single-post, .flex-video .flex-item:last-child .heading {
    opacity: 0
}

.section-doing-good h2.visible, .section-doing-good h3.visible, .section-doing-good .paragraph.visible, .section-doing-good .btn-list.visible li, .section-doing-good li.visible, .section-radio h2.visible, .section-radio h3.visible, .section-radio .paragraph.visible, .section-radio .btn-list.visible li, .section-radio li.visible, .radio-category h2.visible, .radio-category h3.visible, .radio-category .paragraph.visible, .radio-category .btn-list.visible li, .radio-category li.visible {
    opacity: 1;
    animation: itemAnimate 1s linear;
    transition: opacity 1s ease
}

.section-doing-good h2, .section-doing-good h3, .section-doing-good .paragraph, .section-doing-good .btn-list li, .section-doing-good li, .section-radio h2, .section-radio h3, .section-radio .paragraph, .section-radio .btn-list li, .section-radio li, .radio-category h2, .radio-category h3, .radio-category .paragraph, .radio-category .btn-list li, .radio-category li {
    opacity: 0
}

.flex-books .flex-item.visible:first-child {
    animation-delay: 1s;
    transition-delay: 1s
}

.header .main-nav li, .header .submenu li {
    opacity: 0
}

.header .main-nav.open li.active, .header .submenu.open li.active {
    opacity: 1;
    animation: itemAnimate 1s linear;
    transition: opacity 1s ease
}

.section-hero.visible .flex-item {
    animation: itemAnimate 1s linear;
    opacity: 1
}

.section-hero.visible .flex-item:nth-of-type(2) {
    animation-delay: .5s;
    transition-delay: .5s
}

.section-hero.visible .flex-item:nth-of-type(2) svg.icon-more {
    animation-delay: 1s
}

.section-hero.visible .flex-item:nth-of-type(2) svg.icon-more:hover {
    animation-delay: 0s
}

.section-hero.visible .flex-item:nth-of-type(3) {
    animation-delay: 1s;
    transition-delay: 1s
}

.section-hero.visible .flex-item:nth-of-type(3) svg.icon-more {
    animation-delay: 1.5s
}

.section-hero.visible .flex-item:nth-of-type(3) svg.icon-more:hover {
    animation-delay: 0s
}

.flex-products.visible .flex-item, .flex-awards.visible .flex-item {
    opacity: 1;
    animation: itemAnimate 1s linear;
    transition: opacity 1s ease
}

.flex-products .flex-item, .flex-awards .flex-item {
    opacity: 0
}

.section-talks-about .slide-content > div, .section-talks-about .slide-content blockquote, .section-talks-about h2, .section-talks-about .swiper-pagination {
    opacity: 0
}

.section-talks-about.visible .slide-content > div, .section-talks-about.visible .slide-content blockquote, .section-talks-about.visible h2, .section-talks-about.visible .swiper-pagination {
    opacity: 1;
    animation: itemAnimate 1s linear;
    transition: opacity 1s ease
}

.section-page-about {
    padding: 103px 0;
    min-height: 1060px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover
}

.section-page-about .about-content {
    margin-bottom: 209px
}

.section-page-about:after {
    display: none;
    content: "";
    position: absolute;
    height: 751px;
    background: url(../images/arison_about.svg) no-repeat 50%;
    background-size: cover;
    width: 100%;
    left: 0;
    bottom: -16px;
    box-sizing: border-box
}

.section-page-about .about-content {
    max-width: 50%;
    font-size: 18px;
    padding-right: 47px;
    box-sizing: border-box
}

.section-page-about h1 {
    margin-bottom: 47px;
    font-weight: 400
}

.section-page-about h1:after {
    margin-top: 16px
}

.section-hero-post, .section-hero-article {
    min-height: 508px;
    background-size: cover !important
}

.section-post .container-small, .section-article .container-small {
    background-color: #fff;
    padding-bottom: 1px;
    position: relative
}

.section-post .article-source, .section-article .article-source {
    font-size: 34px;
    display: block;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 18px
}

.section-post .post-content, .section-article .post-content {
    padding-bottom: 32px
}

.section-post .post-content, .section-post .article-content, .section-article .post-content, .section-article .article-content {
    max-width: 671px;
    margin: 0 auto 31px;
    box-sizing: border-box;
    padding-left: 7%
}

.section-post .post-content h1, .section-post .article-content h1, .section-article .post-content h1, .section-article .article-content h1 {
    font-family: Assistant, Arial, sans-serif;
    font-weight: 400;
    font-size: 86px;
    margin: 30px 0 67px
}

.section-post .post-content h1:after, .section-post .article-content h1:after, .section-article .post-content h1:after, .section-article .article-content h1:after {
    display: none
}

.section-post .post-content p, .section-post .article-content p, .section-article .post-content p, .section-article .article-content p {
    margin-bottom: 25px
}

.section-post .post-content h2, .section-post .article-content h2, .section-article .post-content h2, .section-article .article-content h2 {
    font-size: 34px;
    font-weight: 400;
    margin: 0;
    font-family: Assistant, Arial, sans-serif
}

.section-post .post-content h2:after, .section-post .article-content h2:after, .section-article .post-content h2:after, .section-article .article-content h2:after {
    display: none
}

.section-post .post-date, .section-post .article-date, .section-article .post-date, .section-article .article-date {
    font-size: 21px;
    padding: 14px 71px 15px;
    display: inline-block;
    font-weight: 600
}

.section-post .article-date, .section-article .article-date {
    margin-right: 4px
}

.section-post .post-banner, .section-post .article-banner, .section-article .post-banner, .section-article .article-banner {
    font-size: 49px;
    line-height: 1.38;
    padding: 33px 47px 40px;
    margin: 55px -20px 40px -11%;
    font-weight: 400
}

.section-post .post-banner-small, .section-post .article-banner-small, .section-article .post-banner-small, .section-article .article-banner-small {
    font-size: 24px;
    font-weight: 400;
    border-top: 2px solid #e7e7e7;
    border-bottom: 2px solid #e7e7e7;
    padding: 32px 0 31px;
    margin: 47px 0 58px;
    line-height: 1.59
}

.section-post .post-video, .section-post .article-video, .section-post .wp-block-embed, .section-article .post-video, .section-article .article-video, .section-article .wp-block-embed {
    position: relative;
    border: 24px solid #e7e7e7;
    margin-left: -8%;
    margin-bottom: 62px;
    height: 356px;
    margin-top: 63px
}

.section-post .post-video .overlay, .section-post .article-video .overlay, .section-post .wp-block-embed .overlay, .section-article .post-video .overlay, .section-article .article-video .overlay, .section-article .wp-block-embed .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-post .post-video .play-button, .section-post .article-video .play-button, .section-post .wp-block-embed .play-button, .section-article .post-video .play-button, .section-article .article-video .play-button, .section-article .wp-block-embed .play-button {
    width: 83px;
    height: 83px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.section-post .post-video .play-button svg, .section-post .article-video .play-button svg, .section-post .wp-block-embed .play-button svg, .section-article .post-video .play-button svg, .section-article .article-video .play-button svg, .section-article .wp-block-embed .play-button svg {
    font-size: 42px;
    margin-left: 7px
}

.section-post .post-video iframe, .section-post .article-video iframe, .section-post .wp-block-embed iframe, .section-article .post-video iframe, .section-article .article-video iframe, .section-article .wp-block-embed iframe {
    width: 100%;
    height: 100%;
    background: #000
}

.similar-posts h3 {
    font-weight: 400;
    font-size: 34px;
    line-height: 1.5;
    padding-bottom: 28px;
    background: #f5f5f5;
    margin: 0 -16px 78px;
    padding-top: 88px;
    padding-right: 10px
}

.similar-posts ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 860px
}

.similar-post {
    margin-bottom: 95px
}

.similar-post .image {
    flex-basis: 47%;
    height: 395px
}

.similar-post .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.similar-post .content {
    flex-basis: 53%;
    background-color: #f6f6f6;
    padding: 85px 7.5% 13px 22px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column
}

.similar-post .content .text {
    max-width: 90%
}

.similar-post .content .text p {
    height: 82px;
    overflow: hidden;
    line-height: 1.35;
    margin-bottom: 69px
}

.similar-post .post-date {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    max-width: 160px;
    margin-right: auto;
    padding: 15px 47px 16px
}

.similar-post .post-date.orange {
    color: #fff
}

.similar-post h3 {
    font-weight: 600;
    font-size: 21px;
    margin: 0 0 20px !important;
    padding: 0 !important;
    line-height: 1.3
}

div.atclear {
    display: none
}

.flex-bottom-line {
    margin-top: auto;
    justify-content: space-between
}

.flex-bottom-line .post-socials {
    list-style: none;
    padding: 0;
    margin: 0 3px 0 0
}

.flex-bottom-line .post-socials li {
    margin: 0 11px
}

.flex-bottom-line .icon {
    font-size: 24px;
    position: relative
}

.flex-bottom-line .icon-more {
    font-size: 29px
}

.single-post .section-post .wp-block-image {
    margin-bottom: 70px !important
}

.section-post .wp-block-image {
    max-width: none !important;
    margin: 63px -20px 0 -11% !important
}

.section-post .wp-block-embed__wrapper {
    height: 100%;
    width: 100%
}

.section-post .article-content h1 {
    margin-top: 13px
}

.section-post .post-banner {
    line-height: 1.2;
    padding: 12px 38px 29px 37px;
    margin: 55px -20px 63px -9%;
    letter-spacing: -1.4px
}

@media (min-width: 768px) {
    body.page-template-template-vision:not(.home) .header-fixed, body.page-template-template-timeline:not(.home) .header-fixed {
        position: fixed
    }

    .page-template-template-vision .breadcrumbs-holder, .page-template-template-timeline .breadcrumbs-holder {
        margin-top: 114px
    }
}

.section-page-vision {
    padding: 104px 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    min-height: calc(100vh - 218px)
}

.section-page-vision h1 {
    margin: 0 0 65px;
    font-weight: 400
}

.section-page-vision h1:after {
    display: none
}

.section-page-vision blockquote {
    font-size: 80px;
    line-height: 1;
    margin: 0;
    padding-right: 10px
}

.section-page-vision:after {
    content: "";
    display: none;
    position: absolute;
    left: -45%;
    right: -42%;
    height: 100vh;
    background: url("../images/arison.png.webp") 50% no-repeat;
    background-size: contain;
    opacity: .5;
    bottom: -135px
}

.vision-title {
    max-width: 840px;
    padding-right: 4.1%;
    box-sizing: border-box;
    margin-bottom: 174px
}

.vision-content {
    max-width: 719px;
    margin-right: auto;
    font-size: 18px;
    padding-left: 6%
}

.vision-content p {
    margin-bottom: 23px;
    font-weight: 500
}

.sing-vision img {
    left: 0;
    top: 428px
}

.back-wrapper-post svg {
    display: none
}

.section-blog-grid .atclear {
    display: none
}

.section-hero-blog {
    min-height: 575px;
    padding-top: 128px;
    box-sizing: border-box
}

.section-hero-blog .content {
    background: #fff;
    max-width: 870px;
    margin: 0 auto;
    padding: 76px 9%;
    font-size: 18px;
    line-height: 1.44;
    position: relative;
    right: 26px;
    bottom: -110px
}

.section-hero-blog .content h2 {
    font-size: 1em;
    font-family: "Assistant", Arial, sans-serif;
    font-weight: 300;
    margin: 0;
    line-height: 1.44;
    letter-spacing: 0
}

.section-hero-blog .content h2:after {
    display: none
}

.section-hero-blog .title {
    max-width: 455px;
    margin-right: auto;
    margin-bottom: 49px
}

.section-hero-blog h1:after {
    margin: 19px 62px 0 0
}

.section-blog-grid {
    background: #f5f5f5;
    padding: 178px 0 100px;
    overflow: hidden
}

.flex-blog-grid {
    flex-wrap: wrap;
    margin: 0 -30px
}

.flex-blog-grid .flex-item {
    flex-basis: calc(100% / 3.03);
    box-sizing: border-box;
    padding: 0 31px;
    margin-bottom: 65px
}

.post-card {
    background: #fff;
    height: 100%;
    position: relative
}

.post-card .date {
    display: block;
    font-size: 25px;
    text-align: left;
    margin-bottom: 29px
}

.post-card .title {
    font-size: 21px;
    font-family: "Assistant", Arial, sans-serif;
    font-weight: 600
}

.post-card .title:after {
    display: none
}

.post-card .content {
    padding: 12px 16px 60px 13px;
    display: flex;
    flex-direction: column;
    position: relative
}

.post-card .description {
    line-height: 1.35;
    margin-bottom: 51px;
    height: 85px;
    overflow: hidden
}

.post-card .description p {
    padding-left: 29px;
    display: none
}

.post-card .description p:first-of-type {
    display: block
}

.post-card .flex-bottom-line {
    padding-left: 4px;
    padding-right: 4px;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 29px)
}

.post-card .post-socials {
    margin-right: -12px
}

.post-card .post-socials li {
    margin: 0 11px
}

.post-card .image {
    max-height: 262px;
    overflow: hidden
}

.post-card .image img {
    min-height: 100%;
    width: 100%;
    object-fit: cover
}

.section-hero-articles {
    padding-top: 92px;
    min-height: 667px;
    box-sizing: border-box
}

.section-hero-articles .content {
    max-width: 400px;
    box-sizing: border-box;
    padding-right: 7.5%;
    font-size: 18px;
    line-height: 1.44
}

.section-hero-articles h1 {
    margin-right: 12px;
    margin-bottom: 57px
}

.section-hero-articles h1:after {
    margin: 18px 62px 0 0
}

.articles-grid {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px
}

.section-articles-grid {
    margin-top: -24px;
    overflow: hidden
}

.section-articles-grid .grid-item {
    margin-bottom: 71px;
    transition: all .5s ease;
    position: relative
}

.articles-grid .image {
    position: relative
}

.articles-grid .grid-item:nth-child(2n) .image {
    max-width: 335px;
    min-width: 335px
}

.articles-grid .grid-item:nth-child(2n) .image img {
    width: 100%;
    object-fit: contain;
    height: auto
}

.articles-grid .grid-item:nth-child(2n+1) .image {
    max-width: 596px;
    min-width: 596px
}

.articles-grid .grid-item:nth-child(2n+1) .image img {
    width: 100%;
    object-fit: contain;
    height: auto
}

.articles-grid .grid-item:nth-child(7n+1) {
    background: #f06216;
    padding-left: 54px;
    padding-top: 43px;
    padding-bottom: 43px
}

.articles-grid .grid-item:nth-child(7n+1) .article-card {
    background: #f06216;
    justify-content: space-between;
    max-width: 1302px;
    align-items: flex-end
}

.articles-grid .grid-item:nth-child(7n+1) .article-card .date {
    position: relative;
    color: #fff
}

.articles-grid .grid-item:nth-child(7n+1) .article-card .date:before {
    background: #fff
}

.articles-grid .grid-item:nth-child(7n+1) .article-card .source, .articles-grid .grid-item:nth-child(7n+1) .article-card .title {
    color: #fff;
    padding-right: 0
}

.articles-grid .grid-item:nth-child(7n+1) .article-card .title {
    margin-top: 25px;
    margin-bottom: 25px
}

.articles-grid .grid-item:nth-child(7n+1) .article-card .image {
    margin-bottom: -70px;
    margin-top: 5px;
    align-items: flex-end
}

.articles-grid .grid-item:nth-child(7n+1) .article-card .content {
    padding-top: 0
}

.articles-grid .grid-item:nth-child(7n+2) {
    margin-bottom: 107px;
    padding-top: 28px
}

.articles-grid .grid-item:nth-child(7n+2) .article-card {
    align-items: center
}

.articles-grid .grid-item:nth-child(7n+2) .article-card .title {
    margin-bottom: 25px
}

.articles-grid .grid-item:nth-child(7n+2) .article-card .image {
    order: -1;
    margin-left: 91px
}

.articles-grid .grid-item:nth-child(7n+2) .article-card .image img {
    object-fit: cover;
    max-height: 100%
}

.articles-grid .grid-item:nth-child(7n+2) .article-card .content {
    width: 58%
}

.articles-grid .grid-item:nth-child(7n+2) .article-card .main-content {
    justify-content: space-between
}

.articles-grid .grid-item:nth-child(7n+3) {
    position: relative;
    background: #f2f2f2;
    padding: 70px 0;
    margin-bottom: 133px
}

.articles-grid .grid-item:nth-child(7n+3) .article-card {
    background: #f2f2f2;
    align-items: flex-end;
    max-width: 1100px;
    padding: 0 70px 0 0;
    justify-content: space-between
}

.articles-grid .grid-item:nth-child(7n+3) .article-card .title {
    margin-bottom: 25px;
    margin-top: 25px
}

.articles-grid .grid-item:nth-child(7n+3) .article-card .image {
    margin-bottom: -95px
}

.articles-grid .grid-item:nth-child(7n+3) .article-card .content {
    align-self: center
}

.articles-grid .grid-item:nth-child(7n+4) {
    margin-bottom: 106px
}

.articles-grid .grid-item:nth-child(7n+4) .article-card {
    align-items: center
}

.articles-grid .grid-item:nth-child(7n+4) .article-card .image {
    margin-left: 108px;
    order: -1
}

.articles-grid .grid-item:nth-child(7n+4) .article-card .image img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.articles-grid .grid-item:nth-child(7n+4) .article-card .content {
    flex-basis: calc(100% - 600px)
}

.articles-grid .grid-item:nth-child(7n+4) .article-card .main-content {
    padding-top: 25px;
    justify-content: space-between
}

.articles-grid .grid-item:nth-child(7n+4) .article-card .title {
    max-width: 280px;
    margin-top: 0;
    margin-bottom: 25px
}

.articles-grid .grid-item:nth-child(7n+5) {
    background: linear-gradient(to right, transparent 50%, #00D1AA 50%);
    margin-bottom: 137px
}

.articles-grid .grid-item:nth-child(7n+5) .article-card {
    background: #00d1aa;
    max-width: 1218px;
    padding: 55px 0 45px 55px;
    justify-content: space-between;
    align-items: flex-end
}

.articles-grid .grid-item:nth-child(7n+5) .article-card .title {
    margin-top: 25px;
    max-width: 260px
}

.articles-grid .grid-item:nth-child(7n+5) .article-card .image {
    margin-bottom: -74px;
    margin-right: 44px
}

.articles-grid .grid-item:nth-child(7n+5) .article-card .content {
    align-self: center
}

.articles-grid .grid-item:nth-child(7n+5) .article-card .content-text {
    max-width: 275px;
    margin-right: 10px;
    align-self: center
}

.articles-grid .grid-item:nth-child(7n+6) {
    margin-bottom: 127px
}

.articles-grid .grid-item:nth-child(7n+6) .article-card {
    max-width: 1337px;
    padding-right: 0;
    display: flex;
    align-items: center
}

.articles-grid .grid-item:nth-child(7n+6) .article-card .image {
    order: -1;
    margin-left: 67px;
    position: relative
}

.articles-grid .grid-item:nth-child(7n+6) .article-card .content {
    margin-left: 60px
}

.articles-grid .grid-item:nth-child(7n+6) .article-card .content-text {
    max-width: 280px
}

.articles-grid .grid-item:nth-child(7n) {
    background: linear-gradient(to right, #F2F2F2 50%, transparent 50%);
    margin-bottom: 134px
}

.articles-grid .grid-item:nth-child(7n) .article-card {
    background: #f2f2f2;
    padding: 54px 70px 50px 0;
    justify-content: space-between;
    align-items: flex-end
}

.articles-grid .grid-item:nth-child(7n) .article-card .title {
    margin: 25px 0
}

.articles-grid .grid-item:nth-child(7n) .article-card .image {
    margin-bottom: -76px
}

.articles-grid .grid-item:nth-child(7n) .article-card .image img {
    max-height: 100%;
    object-fit: contain
}

.articles-grid .grid-item:nth-child(7n) .article-card .text {
    max-width: 500px
}

.articles-grid .grid-item:nth-child(7n) .article-card .main-content {
    padding-right: 7px
}

.high-contrast2 .articles-grid .grid-item:nth-child(7n+1) .article-card .content-text {
    color: #000;
    filter: invert(100%);
    -webkit-filter: invert(100%)
}

.high-contrast2 .articles-grid .grid-item:nth-child(7n+5) .article-card h3.title, .high-contrast2 .articles-grid .grid-item:nth-child(7n+5) .article-card .date, .high-contrast2 .articles-grid .grid-item:nth-child(7n+5) .article-card .source, .high-contrast2 .articles-grid .grid-item:nth-child(7n+5) .article-card .content-text {
    color: #000;
    filter: invert(100%);
    -webkit-filter: invert(100%)
}

.high-contrast2 .articles-grid .grid-item:nth-child(7n+5) .article-card .date:before {
    background: #000
}

.article-card {
    display: flex;
    max-width: 1275px;
    margin: 0 auto;
    box-sizing: border-box
}

.article-card h2 {
    margin: 0;
    font-family: Assistant, Arial, sans-serif;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap
}

.article-card h2:after {
    display: none
}

.article-card .date, .article-card .source {
    font-size: 74px;
    line-height: 72px;
    font-weight: 400;
    display: inline-block
}

.article-card .date {
    padding-left: 20px;
    margin-left: 20px;
    position: relative
}

.article-card .date:before {
    content: "";
    width: 3px;
    height: 69px;
    background: #000;
    position: absolute;
    left: 0;
    top: 5px
}

.article-card .title {
    font-size: 27px;
    line-height: 30px;
    font-weight: 400;
    max-width: 310px;
    margin: 25px 0 25px 84px;
    padding-right: 5px
}

.article-card .full {
    font-weight: 600
}

.article-card .text {
    max-width: 349px
}

.section-hero-video {
    padding-top: 188px;
    min-height: 828px;
    box-sizing: border-box
}

.section-hero-video .content {
    max-width: 520px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.44;
    padding-right: 2.1%
}

.section-hero-video h1 {
    margin-right: 38px;
    margin-bottom: 57px;
    padding-right: 8%
}

.section-hero-video h1:after {
    margin: 20px 63px 0 0
}

.section-videos-grid {
    margin-top: -185px;
    overflow: hidden
}

.section-videos-grid .grid-item {
    margin-bottom: 160px
}

.section-videos-grid .grid-item.visible {
    opacity: 1 !important;
    transform: translateX(0) !important
}

.video-grid {
    max-width: 1183px;
    margin: 0 auto;
    padding: 0 20px
}

.video-grid .grid-item:nth-child(7n+1) {
    background: linear-gradient(to right, transparent 50%, #A643AF 50%);
    position: relative
}

.video-grid .grid-item:nth-child(7n+1) .video-card {
    color: #fff;
    background: #a643af;
    padding: 61px 0 113px 54px;
    justify-content: space-between;
    max-width: 1235px;
    align-items: flex-end
}

.video-grid .grid-item:nth-child(7n+1) .video-card h3 {
    margin: 0
}

.video-grid .grid-item:nth-child(7n+1) .video-card .video {
    margin-bottom: -31px;
    max-width: none !important;
    height: 328px !important;
    width: 52.5%
}

.video-grid .grid-item:nth-child(7n+1) .video-card .content {
    padding-top: 16px
}

.video-grid .grid-item:nth-child(7n+1) .video-card .title {
    font-size: 60px;
    line-height: 60px;
    margin: 3px 0 21px;
    max-width: none
}

.video-grid .grid-item:nth-child(7n+2) {
    margin-bottom: 132px
}

.video-grid .grid-item:nth-child(7n+2) .video-card {
    padding-left: 7%;
    padding-right: 0
}

.video-grid .grid-item:nth-child(7n+2) .video-card .video {
    max-width: 516px;
    order: -1;
    margin-left: 38px
}

.video-grid .grid-item:nth-child(7n+2) .video-card .content {
    padding: 0 55px 0 0;
    width: 51%
}

.video-grid .grid-item:nth-child(7n+2) .video-card .title-content {
    margin-left: 80px
}

.video-grid .grid-item:nth-child(7n+2) .video-card .title {
    max-width: none
}

.video-grid .grid-item:nth-child(7n+2) .video-card .text {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4
}

.video-grid .grid-item:nth-child(7n+3) {
    background: linear-gradient(to right, #F2F2F2 100%, transparent 100%);
    padding: 77px 0;
    margin-bottom: 155px;
    position: relative
}

.video-grid .grid-item:nth-child(7n+3) .video-card {
    background: #f2f2f2;
    max-width: 1216px;
    padding: 0 45px 0 51px;
    justify-content: space-between;
    align-items: flex-end
}

.video-grid .grid-item:nth-child(7n+3) .video-card .content {
    padding-bottom: 0
}

.video-grid .grid-item:nth-child(7n+3) .video-card .video {
    width: 53.2%;
    height: 325px !important;
    margin-bottom: -103px
}

.video-grid .grid-item:nth-child(7n+3) .video-card .date {
    padding-right: 5px;
    line-height: 1.7
}

.video-grid .grid-item:nth-child(7n+3) .video-card .title {
    margin: 0 0 12px 20px;
    max-width: 490px
}

.video-grid .grid-item:nth-child(7n+3) .video-card .text {
    max-width: 390px;
    padding-bottom: 0
}

.video-grid .grid-item:nth-child(7n+4) {
    margin-bottom: 126px
}

.video-grid .grid-item:nth-child(7n+4) .video-card {
    padding-right: 0;
    padding-left: 9%
}

.video-grid .grid-item:nth-child(7n+4) .video-card .title-content {
    margin-left: 57px
}

.video-grid .grid-item:nth-child(7n+4) .video-card .video {
    order: -1;
    margin-left: 78px;
    width: 65.5%;
    height: 290px
}

.video-grid .grid-item:nth-child(7n+4) .video-card .content {
    padding: 0;
    width: 67%
}

.video-grid .grid-item:nth-child(7n+4) .video-card .text {
    padding-top: 0;
    padding-bottom: 0
}

.video-grid .grid-item:nth-child(7n+4) .video-card .title {
    max-width: none
}

.video-grid .grid-item:nth-child(7n+5) {
    background: #f06216;
    margin-bottom: 143px;
    padding: 40px 0 0;
    position: relative
}

.video-grid .grid-item:nth-child(7n+5) .video-card {
    background: #f06216;
    box-sizing: border-box;
    justify-content: space-between;
    max-width: 1215px;
    align-items: flex-end;
    padding-right: 0;
    padding-left: 54px !important
}

.video-grid .grid-item:nth-child(7n+5) .video-card .video {
    margin-bottom: -31px;
    margin-right: 27px;
    order: 1;
    height: 291px;
    margin-top: 20px
}

.video-grid .grid-item:nth-child(7n+5) .video-card .content {
    color: #fff;
    margin-left: 54px;
    padding-bottom: 45px;
    align-self: flex-start
}

.video-grid .grid-item:nth-child(7n+5) .video-card .title {
    margin: 6px 0 13px;
    line-height: 55px
}

.video-grid .grid-item:nth-child(7n+5) .video-card .text {
    max-width: 275px;
    align-self: flex-start;
    line-height: 1.37;
    padding: 53px 0 0
}

.video-grid .grid-item:nth-child(7n+6) {
    margin-bottom: 132px;
    margin-top: 6px
}

.video-grid .grid-item:nth-child(7n+6) .video-card {
    padding-left: 0
}

.video-grid .grid-item:nth-child(7n+6) .video-card .video {
    order: -1;
    margin-left: 78px;
    width: 57%;
    height: 291px
}

.video-grid .grid-item:nth-child(7n+6) .video-card .content {
    display: flex;
    padding: 0;
    justify-content: space-between;
    flex-grow: 1
}

.video-grid .grid-item:nth-child(7n+6) .video-card .title {
    margin: 0;
    max-width: 447px
}

.video-grid .grid-item:nth-child(7n+6) .video-card .title-content {
    margin-left: 28px;
    padding-top: 5px
}

.video-grid .grid-item:nth-child(7n+6) .video-card .text {
    padding-top: 57px;
    max-width: 300px
}

.video-grid .grid-item:nth-child(7n) {
    background: linear-gradient(to right, #F2F2F2 50%, transparent 50%);
    margin-bottom: 155px;
    position: relative
}

.video-grid .grid-item:nth-child(7n) .video-card {
    background: #f2f2f2;
    max-width: 1217px;
    padding: 75px 5.1% 56px 45px;
    justify-content: space-between;
    align-items: flex-end
}

.video-grid .grid-item:nth-child(7n) .video-card .video {
    margin-bottom: -26px;
    margin-top: 3px;
    width: 54%
}

.video-grid .grid-item:nth-child(7n) .video-card .video iframe {
    width: 100%
}

.video-grid .grid-item:nth-child(7n) .video-card .title {
    margin: -2px 0 24px
}

.video-grid .grid-item:nth-child(7n) .video-card .content {
    padding-bottom: 31px
}

.video-card {
    display: flex;
    max-width: 1275px;
    margin: 0 auto;
    box-sizing: border-box
}

.video-card h2, .video-card h3 {
    margin: 0;
    font-weight: 400;
    font-family: Assistant, Arial, sans-serif
}

.video-card h2:after, .video-card h3:after {
    display: none
}

.video-card .date {
    font-size: 27px;
    font-weight: 400;
    display: block
}

.video-card .title {
    font-size: 60px;
    line-height: 1;
    font-weight: 400;
    max-width: 290px;
    margin: 2px 0 15px
}

.video-card .text {
    max-width: 335px
}

.video-card iframe {
    height: 100%;
    width: 100%
}

.video-card .video .overlay {
    display: flex;
    align-items: center;
    justify-content: center
}

.video-card .video .play-button {
    width: 84px;
    height: 58px;
    border-radius: 15px;
    background: rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center
}

.video-card .video .play-button .icon-play {
    font-size: 27px
}

.section-hero-books {
    background: linear-gradient(to right, #2D3E52 60%, #00D1AA 40%)
}

.section-hero-books .title {
    flex-basis: 36%;
    padding-top: 41px;
    padding-right: 8px
}

.section-hero-books h1 {
    line-height: .81;
    font-weight: 400
}

.section-hero-books h1:after {
    margin-top: 30px
}

.section-hero-books .content {
    background: #2d3e52;
    flex-basis: 64%;
    padding: 41px 11% 30px 6%;
    font-size: 21px
}

.section-hero-books .content p {
    margin-bottom: 27px
}

.section-original-books {
    padding: 82px 0 28px
}

.section-original-books .container {
    max-width: 1160px
}

.original-books-grid {
    flex-wrap: wrap;
    margin: 0 -20px
}

.original-books-grid .flex-item {
    flex-basis: calc(100% / 3);
    padding: 0 20px;
    margin-bottom: 67px
}

.original-book-card {
    height: 100%;
    display: flex;
    flex-direction: column
}

.original-book-card .image {
    height: 310px;
    padding: 40px;
    background: #f6f6f6;
    text-align: center
}

.original-book-card .image img {
    max-height: 100%
}

.original-book-card .title {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 20px
}

.original-book-card .button {
    padding: 7px 54px;
    height: auto;
    margin-top: auto;
    font-size: 21px;
    line-height: 42px
}

.original-book-card .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1
}

.original-book-card .content p {
    margin-bottom: 23px;
    line-height: 1.35;
    margin-top: 0
}

.original-book-card .content p a {
    color: #A643AF;
    text-decoration: underline
}

.original-books-grid .flex-item:first-child {
    flex-basis: 100%;
    margin-bottom: 68px
}

.original-books-grid .flex-item:first-child .original-book-card {
    max-width: 1050px;
    margin: 0 auto;
    flex-direction: row;
    align-items: flex-start;
    padding-inline: 23px 0;
}

.original-books-grid .flex-item:first-child .original-book-card .image {
    background: transparent;
    height: auto;
    flex-basis: 48%;
    padding: 0
}

.original-books-grid .flex-item:first-child .original-book-card .content {
    flex-basis: 49%;
    box-sizing: border-box;
    padding-inline: 6% 0;
    padding-top: 15px;
    font-size: 21px
}

.original-books-grid .flex-item:first-child .original-book-card .content p {
    max-width: 360px;
    margin-bottom: 30px;
    line-height: 1.3
}

.original-books-grid .flex-item:first-child .original-book-card .title {
    font-size: 74px;
    margin: 0 0 34px;
    font-weight: 400
}

.original-books-grid .flex-item:first-child .original-book-card .title:after {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    background: #000;
    margin-top: 29px
}

.original-books-grid .flex-item:first-child .original-book-card .button {
    line-height: 42px;
    padding: 7px 54px;
    height: auto
}

.img-book-section {
    flex-basis: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 97px
}

.img-book-section .img-wrapper {
    width: 61.6%
}

.img-book-section .image {
    background: transparent;
    height: auto;
    flex-basis: 48%;
    padding: 0;
    margin-bottom: 30px
}

.section-translated-books {
    padding: 14px 0 100px
}

.section-translated-books .title {
    padding: 0 3%;
    margin-bottom: 118px
}

.section-translated-books .title h2 {
    flex-basis: 46.5%
}

.section-translated-books .title h2:after {
    display: none
}

.section-translated-books .subtitle {
    flex-basis: 53%;
    padding-top: 58px;
    font-size: 18px;
    line-height: 1.28;
    max-width: 500px
}

.section-translated-books .subtitle p {
    margin-bottom: 23px
}

.section-translated-books .subtitle:before {
    content: "";
    display: block;
    width: 150px;
    height: 1px;
    background: #000;
    margin-bottom: 24px;
    margin-right: -3px
}

.translated-books-grid {
    flex-wrap: wrap;
    margin: 0 15px;
    background: #f6f6f6;
    padding: 115px 0 15px;
    justify-content: center
}

.translated-books-grid .flex-item {
    width: 450px;
    box-sizing: border-box;
    margin: 0 54px 140px
}

.translated-book-card .image {
    background: #fff;
    padding: 60px;
    margin-top: 18px;
    margin-bottom: 25px;
    text-align: center;
    height: 397px;
    justify-content: center;
    align-items: center;
    display: flex
}

.translated-book-card .image img {
    max-height: 100%
}

.translated-book-card h6 {
    margin: 0;
    font-size: 21px;
    font-weight: 600
}

.translated-book-card .lang-count {
    font-size: 21px;
    padding-left: 7px
}

.translated-book-card .flex {
    justify-content: space-between
}

.translated-book-card .button {
    height: 56px;
    width: 168px;
    font-size: 21px;
    line-height: 56px
}

.translated-book-card .bottom-block {
    align-items: flex-end
}

.right-boock-card {
    width: 353px;
    display: block;
    padding-top: 152px
}

.right-boock-card .button {
    margin: 0 auto;
    font-size: 21px;
    line-height: 41px
}

.section-original-books-two {
    margin-bottom: 121px
}

.section-original-books-two .container {
    max-width: 1336px;
    padding: 0
}

.section-hero-radio h2 {
    font-weight: 400
}

.section-hero-radio h2:after {
    width: 77px
}

.section-hero-radio .content p {
    margin: 0
}

.section-radio-category .fon-category {
    position: absolute;
    width: 795px;
    height: 436px;
    z-index: -1
}

.section-radio-category:nth-child(3n+1) .fon-category {
    background: #f06216;
    top: 27.3%;
    right: -4.3%
}

.section-radio-category:nth-child(3n+2) {
    margin-top: -105px
}

.section-radio-category:nth-child(3n+3) {
    margin-top: -105px
}

.section-radio-category:nth-child(3n+3) .subtitle {
    margin: 95px
}

.section-radio-category:nth-child(3n+3) .fon-category {
    background: #00d1aa;
    padding-top: 120px;
    top: -35px;
    left: -4.3%;
    width: 790px
}

#radio-category-3.section-radio-category .load-more {
    top: 0
}

#radio-category-3.section-radio-category .radio-grid .grid-item:last-of-type {
    margin-bottom: 0
}

.radio .main {
    background: #f5f5f5;
    padding-bottom: 200px
}

.section-hero-radio {
    padding: 58px 0 65px
}

.section-hero-radio .inner {
    background: linear-gradient(to right, #fff 50%, transparent 50%)
}

.section-hero-radio .title {
    flex-basis: 39.5%;
    padding-top: 23px;
    padding-right: 3.5%
}

.section-hero-radio h1:after {
    margin: 17px 58px 0 0
}

.section-hero-radio .content {
    flex-basis: 60.5%;
    background-color: #fff;
    font-size: 18px;
    line-height: 1.45;
    max-width: 675px;
    padding: 32px 66px 32px 0;
    font-weight: 400
}

.section-radio-category {
    background: #f5f5f5;
    padding: 105px 0 0
}

.section-radio-category h2 {
    max-width: 495px;
    font: 74px/.95 Assistant, Arial, sans-serif;
    margin: 0 5.5% 35px 0
}

.section-radio-category h2:after {
    margin-top: 52px
}

.section-radio-category .subtitle {
    max-width: 495px;
    font-size: 21px;
    line-height: 1.28;
    margin: 0 5.5% 58px 0
}

.section-radio-category .load-more {
    display: block;
    max-width: 103px;
    margin-right: auto;
    margin-top: 12px;
    margin-left: 68px;
    position: relative;
    top: -64px
}

.section-radio-category .load-more .icon {
    font-size: 30px
}

.section-radio-category .load-more div {
    margin-top: 2px
}

.radio-container {
    position: relative
}

.radio-grid {
    max-width: 1090px;
    margin: 0 auto
}

.radio-grid .grid-item-visible.orange-bottom:after {
    content: "";
    position: absolute;
    width: 795px;
    height: 145px;
    z-index: -1;
    background: #f06216;
    bottom: -38px;
    right: -11.2%
}

.radio-grid .grid-item-visible.orange-top:after {
    content: "";
    position: absolute;
    width: 795px;
    height: 295px;
    z-index: -1;
    background: #f06216;
    top: -42px;
    right: -11.2%
}

.radio-grid .grid-item-visible.green:after {
    content: "";
    position: absolute;
    width: 795px;
    height: 436px;
    z-index: -1;
    background: #00d1aa;
    top: -41px;
    left: -12%
}

.radio-grid .grid-item {
    margin-bottom: 77px;
    position: relative
}

.radio-grid .grid-item :not(:last-of-type) {
    margin-bottom: 0
}

.radio-card {
    background: #fff;
    height: 366px
}

.radio-card .image {
    flex-basis: 50%;
    overflow: hidden
}

.radio-card .image img {
    min-width: 100%;
    min-height: 100%
}

.radio-card .content {
    flex-basis: 50%;
    font-size: 19px;
    padding: 24px 35px 70px 5%;
    position: relative
}

.radio-card .duration {
    font-weight: 400;
    font-size: 25px;
    position: relative;
    top: 23px;
    margin-right: 30px
}

.radio-card .title {
    font-size: 21px;
    font-weight: 600;
    margin: 0 0 27px;
    clear: both
}

.radio-card .play-button {
    margin-bottom: 28px;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    position: relative;
    top: 3px;
    left: 6px
}

.radio-card .play-button svg {
    font-size: 35px;
    margin-left: 10px;
    margin-top: 4px
}

.section-radio-category .green + .load-more {
    top: -32px
}

.soundcloud-container {
    position: relative;
    height: 100%
}

.soundcloud-container .image {
    height: 100%
}

.soundcloud-container .image img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.soundcloud-container .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    background: url("../images/ico--play-lg.png.webp") no-repeat 50% 50%;
    background-size: cover;
    text-indent: -9999px
}

.soundcloud-container .sc-embed.created {
    position: relative;
    z-index: 1
}

.section-page-breaking {
    background: #4b91e2;
    padding-top: 92px
}

.section-page-breaking .sing-breaking {
    position: absolute;
    left: 0;
    right: auto
}

@media (min-width: 769px) {
    .section-page-breaking .sing-breaking {
        top: 0;
        height: 100%;
        min-width: 34.4vh;
        width: 100%
    }

    .section-page-breaking .sing-breaking img {
        top: 0;
        left: 0;
        right: auto;
        height: 100%;
        width: auto
    }
}

.section-page-breaking .container {
    max-width: 1162px
}

.section-page-breaking .container .wrap-title {
    display: flex;
    min-height: 443px
}

.section-page-breaking .container .wrap-title .breaking-title {
    width: 30%;
    margin-right: 35px;
    margin-left: auto
}

.section-page-breaking .container .wrap-title .breaking-title .text-white {
    margin: 0
}

.section-page-breaking .container .wrap-title .breaking-title .text-white:after {
    background: #fff;
    margin-top: 37px;
    margin-right: 34%
}

.section-page-breaking .container .wrap-title .breaking-banner {
    margin-top: 13px
}

.section-page-breaking .container .wrap-title .breaking-banner picture {
    max-width: 645px
}

.section-page-breaking .container .breaking-content {
    background: #fff;
    max-width: 736px;
    position: relative;
    margin-top: -173px;
    padding: 76px 68px 74px 60px;
    font-size: 18px;
    color: #000;
    line-height: 1.3;
    text-align: right
}

.section-page-breaking .container .breaking-content h4 {
    font: 500 26px/1.269 "Assistant", sans-serif;
    letter-spacing: -1px;
    margin: 0
}

.section-page-breaking .container .breaking-content p {
    margin-top: 23px
}

@media screen and (max-width: 1200px) {
    .section-page-breaking .container .wrap-title {
        min-height: 225px
    }

    .section-page-breaking .container .wrap-title .breaking-title {
        width: 39%;
        margin-right: 58px;
        margin-left: 60px
    }

    .section-page-breaking .container .wrap-title .breaking-title .text-white {
        font-size: 80px;
        line-height: 67px
    }

    .section-page-breaking .container .wrap-title .breaking-banner {
        margin-top: 0;
        width: 90%
    }

    .section-page-breaking .container .breaking-content {
        margin-top: -70px;
        width: 70%
    }
}

@media screen and (max-width: 768px) {
    .section-page-breaking {
        padding-bottom: 77px
    }

    .section-page-breaking .sing-breaking {
        position: absolute;
        width: 100%;
        height: auto;
        top: auto;
        left: 0;
        bottom: 0
    }

    .section-page-breaking .sing-breaking img {
        top: auto;
        bottom: 0
    }

    .section-page-breaking .breaking-banner picture img {
        margin-right: auto;
        display: block
    }

    .section-page-breaking .container .wrap-title .breaking-title .text-white {
        font-size: 60px;
        line-height: 62px
    }
}

@media screen and (max-width: 580px) {
    .section-page-breaking {
        padding-top: 0;
        padding-bottom: 77px
    }

    .section-page-breaking .container {
        margin-top: -25px
    }

    .section-page-breaking .container .wrap-title {
        position: relative;
        min-height: 270px
    }

    .section-page-breaking .container .wrap-title .breaking-title {
        position: absolute;
        top: 83px;
        right: -16px;
        left: auto
    }

    .section-page-breaking .container .wrap-title .breaking-title .text-white {
        font-size: 40px;
        line-height: 38px
    }

    .section-page-breaking .container .wrap-title .breaking-title .text-white:after {
        width: 76px;
        margin-top: 12px;
        margin-right: -3%
    }

    .section-page-breaking .container .wrap-title .breaking-banner {
        width: 100%
    }

    .section-page-breaking .container .wrap-title .breaking-banner picture {
        margin: 0 -15px
    }

    .section-page-breaking .container .wrap-title .breaking-banner picture img {
        width: 100%;
        height: 100%
    }

    .section-page-breaking .container .breaking-content {
        margin-top: -12px;
        padding: 29px 29px 16px 28px;
        width: 100%
    }

    .section-page-breaking .container .breaking-content h4 {
        font-size: 22px;
        line-height: 27px;
        letter-spacing: -0.7px
    }

    .section-page-breaking .container .breaking-content p {
        font-size: 14px;
        line-height: 1.3;
        margin-top: 27px
    }

    .section-page-breaking .container .breaking-content p strong {
        display: block;
        letter-spacing: -0.7px;
        margin-top: -9px
    }
}

.section-contact-form {
    background: #dfdfdf;
    padding: 100px 0 122px
}

.section-contact-form h1:after {
    display: none
}

.section-contact-form h1 {
    margin-right: 4%;
    margin-bottom: 60px;
    font-weight: 400
}

.section-contact-form .container {
    position: relative
}

div.wpcf7-response-output span {
    margin-right: 5px
}

.thanks-message {
    text-align: center;
    background: #dfdfdf;
    position: absolute;
    top: 0;
    padding: 128px 15px 80px;
    right: 0;
    left: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 20
}

.thanks-message p {
    font-size: 48px;
    color: #000;
    margin-bottom: 50px
}

.thanks-message .button {
    background: #000;
    font-weight: 600;
    font-size: 21px;
    width: 186px;
    height: 56px
}

.contact-form {
    margin-right: 8%;
    position: relative
}

.contact-form .note {
    margin: 3px 0 1px;
    font-size: 16px
}

.contact-form .flex {
    align-items: flex-end;
    flex-wrap: wrap
}

.contact-form .flex .flex-item:first-child {
    margin-left: 40px;
    padding-bottom: 0
}

.contact-form .flex .flex-item:last-child {
    padding-bottom: 0
}

.contact-form .form-field {
    display: flex;
    align-items: flex-end
}

.contact-form .form-field:not(:last-child) {
    margin-bottom: 19px
}

.contact-form .form-field:last-child {
    margin-top: 52px;
    align-items: flex-start
}

.contact-form .form-field label {
    flex-grow: 1;
    margin-left: 18px;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1
}

.section-contact-form .wpcf7 form.invalid .wpcf7-response-output, .section-contact-form .wpcf7 form.unaccepted .wpcf7-response-output {
    position: absolute;
    bottom: 100%;
    right: 0;
    top: auto;
    border: none;
    color: #d0021b;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    margin: 0
}

.section-contact-form.section-contact-form-shirts .wpcf7 form.invalid .wpcf7-response-output, .section-contact-form.section-contact-form-shirts .wpcf7 form.unaccepted .wpcf7-response-output {
    margin: 0 0 6px
}

.section-contact-form.section-contact-form-shirts .contact-form .note {
    margin: 3px 0 0
}

.section-organization {
    padding: 110px 0;
    background: #a643af;
    background: -moz-linear-gradient(top, #a643af 0%, #6d2985 100%);
    background: -webkit-linear-gradient(top, #a643af 0%, #6d2985 100%);
    background: linear-gradient(to bottom, #a643af 0%, #6d2985 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a643af", endColorstr="#6d2985", GradientType=0);
    position: relative;
    overflow: hidden
}

.section-organization:after {
    content: "";
    display: none;
    position: absolute;
    top: 12%;
    left: -27%;
    right: -16%;
    height: 800px;
    background: url("../images/arison.png.webp") top left no-repeat;
    background-size: cover;
    opacity: .3
}

.single-organization {
    display: flex;
    justify-content: space-between
}

.single-organization .title {
    font-weight: 300;
    font-size: 86px;
    line-height: 81px;
    font-family: Assistant, Arial, sans-serif;
    margin: 0
}

.single-organization .title:after {
    display: none
}

.single-organization:first-child {
    margin-right: 6.3%;
    max-width: 514px;
    margin-bottom: 125px
}

.single-organization:first-child .title {
    max-width: 233px
}

.single-organization:nth-child(2) {
    margin-right: auto;
    margin-left: 7%;
    max-width: 555px;
    margin-bottom: 200px
}

.single-organization:nth-child(2) .title {
    padding-top: 13px;
    max-width: 263px
}

.single-organization:nth-child(3) {
    max-width: 846px;
    margin-right: 6%;
    margin-bottom: 183px
}

.single-organization:nth-child(3) .title {
    max-width: 560px;
    padding-top: 4px
}

.single-organization:nth-child(4) {
    max-width: 666px;
    margin-right: auto;
    margin-left: 7%
}

.single-organization:nth-child(4) .title {
    max-width: 405px
}

.single-organization .contacts {
    list-style: none;
    padding: 0 36px 0 0;
    margin: 0;
    max-width: 246px
}

.single-organization .contacts li {
    position: relative;
    font-size: 18px;
    padding: 25px 0
}

.single-organization .contacts li:before {
    position: absolute;
    right: -29px;
    top: 48%;
    transform: translateY(-50%)
}

.single-organization .contacts .address {
    border-bottom: 1px solid #fff
}

.single-organization .contacts .address:before {
    content: url("../images/maps-and-flags.svg")
}

.single-organization .contacts .phone:before {
    content: url("../images/phone-call.svg")
}

.sing-contact img {
    top: 13%
}

shirts-collection.sing-contact img {
    max-height: none
}

.top-section-shirts {
    padding: 113px 0 175px;
    background: #f06216;
    font-size: 21px;
    color: #000
}

.top-section-shirts p {
    margin: 0 0 51px
}

.top-section-shirts .container {
    max-width: 757px;
    position: relative;
    right: -78px
}

.top-section-shirts h1 {
    color: #fff;
    font-size: 100px;
    line-height: 81px
}

.top-section-shirts h1:after {
    background: #fff;
    margin-right: auto;
    position: relative;
    left: 49px;
    top: 32px;
    margin-bottom: 80px
}

.top-section-shirts .info-topsection {
    max-width: 395px;
    margin-right: auto;
    font-family: "Assistant", Arial, sans-serif;
    font-weight: 600
}

.top-section-shirts .to-form-btn {
    background: #2d3e52;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    padding: 0 27px;
    display: inline-block
}

.top-section-shirts .to-form-btn:hover {
    color: #2d3e52;
    background: #fff
}

.wpcf7-mail-sent-ok {
    display: none !important
}

.shirts-collection h3 {
    font: 300 44px/.94 "Assistant", Arial;
    text-align: center;
    margin: 20px 0 16px
}

.shirts-collection h3:after {
    display: none
}

.shirts-collection .wrapper-shirts {
    background: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    padding-bottom: 42px;
    padding-top: 138px
}

.shirts-collection .wrapper-img {
    background: #fff;
    padding: 44px 0 44px 44px
}

.shirts-collection .contact-line {
    padding: 0 30px 0 80px;
    text-align: left;
    margin: 0 0 25px;
    font-size: 21px;
    position: relative;
    top: -8px
}

.shirts-collection .contact-line p {
    margin: 0;
    display: inline-block
}

.shirts-collection .contact-line .icon-more {
    font-size: 30px;
    vertical-align: middle;
    margin: 0 36px 0 0
}

.shirts-collection .contact-line a {
    text-decoration: underline
}

.shirts-collection .contact-line a:hover {
    color: #f06216
}

.shirts-collection .contact-line a:hover .icon-more {
    color: #f06216
}

.section-contact-form-shirts {
    padding-top: 96px;
    padding-bottom: 64px;
    background: #fff
}

.section-contact-form-shirts .thanks-message {
    padding: 89px 15px;
    background: #fff
}

.section-contact-form-shirts .thanks-message h3 {
    line-height: 1
}

.section-contact-form-shirts h3 {
    font: 300 66px "Assistant", Arial, sans-serif;
    margin: 0 0 40px
}

.section-contact-form-shirts input[type=submit], .section-contact-form-shirts .button-shirts {
    color: #000;
    padding-left: 50px;
    width: auto;
    font-size: 19px;
    margin-top: 23px;
    background: none;
    z-index: -1
}

.section-contact-form-shirts .button-shirts {
    padding-left: 0;
    font-size: 14px
}

.section-contact-form-shirts textarea {
    border-radius: 5px;
    border: 1px solid #454545
}

.section-contact-form-shirts input[type=text], .section-contact-form-shirts input[type=tel], .section-contact-form-shirts input[type=email], .section-contact-form-shirts input[type=password] {
    border-bottom: 1px solid #454545
}

.section-contact-form-shirts .button-shirts:after {
    content: "";
    background: url("../images/send.svg") no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    right: 17px;
    top: 12px;
    transform: rotate(0);
    transition: all 1s
}

.section-contact-form-shirts .button-shirts:before {
    display: none
}

.section-contact-form-shirts .button-shirts:hover:after {
    transform: rotate(360deg);
    transition: all 1s
}

.section-contact-form-shirts div.wpcf7-response-output {
    position: absolute;
    top: -37px;
    font: 600 18px "Assistant", Arial, sans-serif
}

.section-contact-form-shirts .contact-form {
    padding-top: 22px
}

.section-contact-form-shirts .contact-form .flex .flex-item:first-child {
    position: relative
}

.section-contact-form-shirts .contact-form .not-valid label, .section-contact-form-shirts .contact-form .not-valid input, .section-contact-form-shirts .contact-form .not-valid textarea {
    color: #e20001;
    border-color: #e20001
}

.section-contact-form-shirts .contact-form .form-field label {
    margin-left: 10px;
    width: 57px;
    max-width: 57px
}

.section-contact-form-shirts .contact-form .form-field:last-child {
    margin-top: 59px
}

.section-contact-form-shirts .contact-form .flex .flex-item:last-of-type:hover:after {
    transform: rotate(360deg);
    transition: all 1s
}

.section-contact-form-shirts .contact-form .flex {
    justify-content: flex-end
}

.section-contact-form-shirts .contact-form .flex .flex-item:last-of-type:after {
    z-index: -1;
    content: "";
    background: url("../images/send.svg") no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    left: 57px;
    top: 9px;
    transform: rotate(0);
    transition: all 1s
}

.section-contact-form-shirts .form-field label {
    margin-bottom: 0
}

.section-contact-form-shirts .container {
    display: flex
}

.section-contact-form-shirts h2 {
    flex-basis: 40%;
    font: 66px/81px "Assistant", Arial, sans-serif;
    margin: 20px 10.2% 40px 0
}

.section-contact-form-shirts h2:after {
    display: none
}

.section-contact-form-shirts div[role=form] {
    margin-left: 6.3%
}

.section-contact-form-shirts .contact-line {
    padding: 0;
    margin: 0 10.2% -10px 0;
    max-width: 320px;
    font-size: 21px;
    line-height: 24px
}

.section-contact-form-shirts .contact-line h2 {
    margin: 0 !important;
    font: 300 21px/24px "Assistant", Arial, sans-serif
}

.section-contact-form-shirts .contact-line h2:after {
    display: none
}

.section-contact-form-shirts .contact-line p {
    margin: 0;
    display: inline
}

.section-contact-form-shirts .contact-line .icon-more {
    font-size: 30px;
    vertical-align: middle;
    margin: 3px 18px -9px 0
}

.section-contact-form-shirts .contact-line a {
    text-decoration: underline
}

.section-contact-form-shirts .contact-line a:hover {
    color: #f06216
}

.section-contact-form-shirts .contact-line a:hover .icon-more {
    color: #f06216
}

.contact-line a {
    white-space: nowrap
}

.wrapper-hero-img img {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    object-fit: cover;
    object-position: top
}

body:not(.home) .header-fixed {
    position: fixed;
    background: #fff
}

.home #main, .page-template-template-vision #main, .page-template-template-timeline #main {
    margin-top: 0
}

section {
    position: relative
}

section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

section .overlay img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

section .container {
    position: relative;
    z-index: 1
}

.custom-select {
    position: relative;
    font-size: 21px;
    font-weight: 600;
    border-bottom: 1px solid #e7e7e7;
    padding: 0 0 9px 70px;
    margin-right: 6px;
    width: 210px;
    margin-bottom: 5px;
    cursor: pointer
}

.custom-select .selected {
    width: 210px;
    display: block;
    position: relative;
    z-index: 1;
    padding-right: 5px;
    pointer-events: none
}

.custom-select:after {
    content: "";
    transform: rotate(-90deg);
    width: 13px;
    height: 18px;
    display: block;
    background: url("../images/triangle1.svg") 50% 50% no-repeat;
    background-size: contain;
    position: absolute;
    left: 7px;
    top: 19%;
    transition: transform 1s ease
}

.custom-select .options {
    display: none;
    list-style: none;
    margin: 0;
    background: #fff;
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    padding: 17px 0;
    z-index: 10
}

.custom-select .options li {
    font-size: 16px;
    margin-bottom: 7px;
    font-weight: 300
}

.custom-select .options li a {
    display: block;
    padding: 4px 5px;
    color: #000;
    pointer-events: none
}

.custom-select .options li:hover {
    background: #000;
    color: #fff;
    font-weight: 800
}

.custom-select .options li:hover a {
    color: #fff
}

.custom-select.open:after {
    transform: rotate(90deg)
}

#main {
    width: 100%;
    overflow: hidden;
    min-height: calc(100vh - 279px)
}

#main .section-page-about {
    min-height: calc(100vh - 218px)
}

.rtl.error404 #main {
    background: url("../images/background-rtl.jpg.webp") no-repeat 0 40%;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    padding: 0 232px 70px 0;
    box-sizing: border-box
}

.rtl.error404 .page-404 img {
    margin-bottom: 42px
}

.rtl.error404 h3 {
    margin: 0 auto 28px
}

.rtl .breadcrumbs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.rtl .breadcrumbs li {
    display: block;
    padding: 26px 8px 26px 15px;
    position: relative
}

.rtl .breadcrumbs li:before {
    content: "";
    position: absolute;
    background: url("../images/left-breadcamps.svg") no-repeat;
    background-size: contain;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-27%);
    left: 0px;
    right: auto
}

.rtl .breadcrumbs li:last-child:before {
    display: none
}

.rtl .breadcrumbs li:first-child {
    display: block;
    padding: 26px 30px 26px 15px
}

.rtl .breadcrumbs li:hover span {
    color: #a643af
}

.rtl .breadcrumbs li span {
    cursor: pointer
}

@media screen and (max-width: 1200px) {
    .rtl.error404 #main {
        align-items: center;
        justify-content: center;
        padding: 0
    }
}

@media screen and (max-width: 639px) {
    .rtl.error404 #main {
        background: url("../images/mobile-404-background.jpg.webp") no-repeat !important;
        background-size: cover !important
    }

    .rtl .breadcrumbs li {
        display: block;
        padding: 26px 7px 26px 16px;
        position: relative
    }

    .rtl .breadcrumbs li:first-child {
        display: block;
        padding: 26px 15px 26px 16px
    }

    .rtl .breadcrumbs-holder {
        border-top: none
    }

    .rtl .breadcrumbs li:before {
        left: 1px
    }

    .rtl .breadcrumbs li span {
        font-size: 16px
    }
}

@media screen and (max-width: 400px) {
    .rtl.error404 h3 {
        margin: 0 auto 35px
    }

    .rtl.error404 .page-404 img {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 2600px)and (min-width: 1730px) {
    .section-page-about .about-content {
        max-width: 83%;
        padding-left: 0px !important;
        margin-left: -200px
    }
}

@media screen and (max-width: 2600px)and (min-width: 1550px) {
    .rtl .section-page-about .about-content {
        max-width: 70%;
        padding-right: 0px;
        margin-right: -100px
    }
}

@media screen and (min-width: 1800px) {
    .flex-hero .flex-item:nth-child(2) {
        margin-left: -40px
    }

    .section-page-about .about-content {
        margin-bottom: 329px
    }

    .flex-hero .flex-item:nth-child(2) {
        width: 21%;
        bottom: -182px
    }
}

@media screen and (max-width: 1729px)and (min-width: 1550px) {
    .section-page-about .about-content {
        max-width: 80%;
        margin-left: -166px
    }
}

@media screen and (min-width: 1500px) {
    .container.shari-flex-hero {
        max-width: 1300px
    }
}

@media screen and (max-width: 1549px)and (min-width: 1450px) {
    .section-page-about .about-content {
        max-width: 78%;
        margin-left: -125px
    }

    .rtl .section-page-about .about-content {
        max-width: 71%;
        margin-right: -85px
    }
}

@media screen and (min-width: 1920px) {
    .container.shari-flex-hero {
        max-width: 1400px
    }
}

@media screen and (max-width: 1449px)and (min-width: 1350px) {
    .section-page-about .about-content {
        max-width: 75%;
        margin-left: -65px
    }

    .rtl .section-page-about .about-content {
        max-width: 67%;
        margin-right: -45px
    }
}

@media screen and (min-width: 1338px) {
    .articles-grid .grid-item:nth-child(7n+3) .article-card {
        max-width: 1200px
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card {
        max-width: 1300px
    }

    .wrapper-hero-img img {
        object-fit: cover
    }
}

@media screen and (min-width: 1201px) {
    .flex-hero .flex-item:nth-child(1) {
        margin-right: 70px;
        margin-left: auto
    }
}

@media screen and (max-width: 1320px) {
    .header.scroll-fixed-header .container {
        padding-right: 15px
    }
}

@media screen and (max-width: 1349px)and (min-width: 1201px) {
    .section-page-about .about-content {
        max-width: 70%;
        margin-left: -20px
    }

    .rtl .section-page-about .about-content {
        max-width: 62%;
        margin-right: 30px
    }
}

@media screen and (max-width: 1200px)and (min-width: 1100px) {
    .section-page-about .about-content {
        margin-left: auto;
        max-width: 51%;
        padding-left: 15px !important
    }

    .rtl .section-page-about .about-content {
        margin-right: auto;
        max-width: 51%;
        padding-left: 15px
    }
}

@media screen and (max-width: 1260px) {
    .slider-talks-about .slide-content blockquote {
        width: 500px
    }
}

@media screen and (max-width: 1060px) {
    .slider-talks-about .slide-content blockquote {
        width: 450px
    }
}

@media screen and (max-width: 1200px) {
    body:not(.rtl) .slider-talks-about .slide-content blockquote {
        width: 500px !important
    }
}

@media screen and (max-width: 1023px) {
    body:not(.rtl) .slider-talks-about .slide-content blockquote {
        width: 100% !important
    }
}

@media screen and (max-width: 835px) {
    .footer-nav li {
        margin: 0 10px
    }
}

@media screen and (min-width: 769px) {
    .single-article, .single-post {
        background: #f5f5f5
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) {
        flex-basis: 100%;
        margin-bottom: 127px
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .sub-caption {
        display: none
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card {
        background-color: transparent
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .image, .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .post-socials {
        display: none
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .date {
        text-align: right;
        flex-basis: 100%;
        margin-bottom: 10px;
        padding-right: 0;
        top: 0;
        position: absolute;
        width: 100%
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .title {
        flex-basis: 50%;
        font-size: 60px;
        font-weight: 400;
        line-height: .85;
        margin: 0
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .description {
        flex-basis: 50%;
        box-sizing: border-box;
        padding: 10px 5% 0;
        margin: 0;
        max-height: none;
        height: 119px;
        overflow: hidden
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .description strong {
        font-weight: 300
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .description br {
        display: none
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .flex-bottom-line {
        flex-basis: 4%;
        box-sizing: border-box;
        padding-right: 7px;
        margin-bottom: -7px
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .content {
        display: flex;
        padding-right: 50px;
        flex-direction: row;
        padding-top: 42px;
        position: relative
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .content a {
        display: flex;
        flex-basis: 78%
    }

    .flex-blog-grid .post-card .image {
        height: 262px
    }

    .flex-blog-grid .flex-item:nth-child(8n+3), .flex-blog-grid .flex-item:nth-child(8n+7) {
        flex-basis: calc(200% / 3)
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .description, .flex-blog-grid .flex-item:nth-child(8n+7) .description {
        height: 193px
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .description p, .flex-blog-grid .flex-item:nth-child(8n+7) .description p {
        display: block;
        margin-bottom: 22px
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .description p:first-of-type, .flex-blog-grid .flex-item:nth-child(8n+7) .description p:first-of-type {
        display: block
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .flex-bottom-line .icon-more, .flex-blog-grid .flex-item:nth-child(8n+7) .flex-bottom-line .icon-more {
        left: 10px;
        top: 1px
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .post-card, .flex-blog-grid .flex-item:nth-child(8n+7) .post-card {
        display: flex;
        flex-direction: row
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .post-card .post-socials, .flex-blog-grid .flex-item:nth-child(8n+7) .post-card .post-socials {
        margin-right: -24px
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .post-card .image, .flex-blog-grid .flex-item:nth-child(8n+7) .post-card .image {
        flex-basis: 47.5%;
        max-height: none;
        height: auto
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .post-card .content, .flex-blog-grid .flex-item:nth-child(8n+7) .post-card .content {
        flex-basis: 52%;
        padding-right: 49px;
        padding-top: 8px;
        height: 100%
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .post-card .content span, .flex-blog-grid .flex-item:nth-child(8n+7) .post-card .content span {
        margin-bottom: 55px
    }

    .flex-blog-grid .flex-item:nth-child(8n+7), .flex-blog-grid .flex-item:nth-child(8n+8) {
        margin-bottom: 150px
    }
}

@media (min-width: 768px) {
    .post-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .post-card .content {
        height: 56%
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .post-card .flex-bottom-line {
        width: calc(100% - 45px)
    }

    .hero-not-img.section-hero-article {
        min-height: 150px
    }

    .section-post .container-small {
        margin-top: -152px;
        bottom: -63px;
        top: auto
    }

    .section-articles-grid .sub-caption {
        position: absolute;
        bottom: -26px;
        top: auto;
        width: 200px;
        right: 0;
        text-align: right
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .content-text {
        margin-top: -67px;
        width: 100%
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .content {
        width: 45%
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .image {
        order: 1
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .content {
        padding-left: 50px;
        align-self: center
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .content {
        align-self: center;
        padding: 0 0 0 16px
    }

    .articles-grid .grid-item:nth-child(7n+1) {
        margin-bottom: 107px
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .content {
        width: 42%
    }

    .video-grid .grid-item:nth-child(7n+5) .video-card .video {
        width: 50%
    }

    .video-grid .grid-item:nth-child(7n) .video-card {
        padding-left: 0 !important
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card {
        padding-right: 70px !important;
        padding-left: 0 !important
    }

    .video-grid .grid-item:nth-child(7n+3):after, .video-grid .grid-item:nth-child(7n):after, .articles-grid .grid-item:nth-child(7n):after, .articles-grid .grid-item:nth-child(7n+3):after {
        right: 100%;
        background: #f2f2f2
    }

    .video-grid .grid-item:nth-child(7n+1):after {
        left: 100%;
        background: #a643af
    }

    .articles-grid .grid-item:nth-child(7n+5):after {
        background: #00d1aa;
        left: 100%
    }

    .video-grid .grid-item:nth-child(7n+5):after, .video-grid .grid-item:nth-child(7n+1):after, .video-grid .grid-item:nth-child(7n+3):after, .video-grid .grid-item:nth-child(7n):after, .articles-grid .grid-item:nth-child(7n):after, .articles-grid .grid-item:nth-child(7n+1):after, .articles-grid .grid-item:nth-child(7n+3):after, .articles-grid .grid-item:nth-child(7n+5):after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

    .video-grid .grid-item:nth-child(7n+5):after, .articles-grid .grid-item:nth-child(7n+1):after {
        left: 100%;
        background: #f06216
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .content {
        margin-top: -10px
    }

    .video-grid .grid-item:nth-child(7n+1) .video-card .content {
        width: 42%
    }

    .section-hero-books h1 {
        margin-top: 13px
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card {
        align-items: center;
        padding-left: 42px
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card, .video-grid .grid-item:nth-child(7n+4) .video-card {
        align-items: center
    }

    .video-card {
        display: flex;
        align-items: flex-start;
        padding-bottom: 0 !important;
        padding-left: 54px !important
    }

    .video-card .content {
        padding-bottom: 54px
    }

    .video-card .text {
        padding-bottom: 30px
    }

    .video-card .video {
        height: 325px
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card .video {
        height: 290px;
        width: 60%
    }

    .shirts-collection .wrapper-shirts {
        margin: -115px auto 0
    }

    .shirts-collection .item {
        width: 48.5%
    }

    .shirts-collection .item:nth-child(2n) {
        margin-top: 118px;
        margin-bottom: -87px
    }

    .shirts-collection .item:nth-child(2n) .wrapper-img {
        padding: 44px 44px 44px 0
    }

    .awards-slider {
        max-width: 400px;
        margin: 0 auto
    }
}

@media (max-width: 1600px) {
    .section-page-about:after {
        background-size: contain
    }
}

@media (max-width: 1337px) {
    .articles-grid .grid-item:nth-child(7n+1) .article-card .content {
        padding-left: 175px
    }

    .section-page-about:after {
        height: 508px;
        background-size: cover;
        width: 100%;
        left: 8%;
        bottom: -60px
    }
}

@media (max-width: 1200px)and (min-width: 650px) {
    body.home .section-hero {
        background-size: cover !important;
        min-height: 930px
    }

    .section-contact-form-shirts .contact-form-text {
        margin-left: 7.5%
    }
}

@media (max-width: 1024px)and (min-width: 768px) {
    .title .first-p {
        font-size: 21px;
        margin-top: 32px;
        margin-bottom: 63px
    }

    .flex-awards {
        padding-left: 20px;
        padding-right: 20px
    }

    .flex-books .flex-item:last-child {
        flex-basis: 50%
    }

    .section-awards h2 {
        margin-right: 20px
    }
}

@media (max-width: 1200px)and (min-width: 1024px) {
    .flex-books .flex-item:first-child {
        padding-right: 30px
    }

    .flex-video h2 {
        font-size: 90px
    }
}

@media screen and (max-width: 1400px) {
    .flex-video {
        padding-left: 0
    }

    .video-block, .article-block {
        margin-right: 0
    }

    .section-page-vision:after {
        height: 100%;
        background-position: top;
        background-size: cover;
        bottom: auto;
        top: 8%
    }
}

@media screen and (max-width: 1400px)and (min-width: 1201px) {
    .flex-hero .flex-item:nth-child(3) {
        margin-left: auto;
        margin-right: 0
    }
}

@media screen and (max-width: 1300px) {
    .sing-about img {
        left: 0
    }

    .book-slider .slick-prev {
        right: -4%;
        z-index: 1
    }

    .book-slider .slick-next {
        left: -4%
    }

    .slider-talks-about .slide-content .slide-image, .slider-talks-about .slide-content .slide-video {
        left: 10%
    }
}

@media screen and (max-width: 1200px) {
    .sing-about img {
        left: 0;
        bottom: -63px
    }

    .sing-vision img {
        left: 0;
        top: 600px
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .content, .video-grid .grid-item:nth-child(7n) .video-card .content {
        padding-left: 76px
    }

    .section-hero-video {
        min-height: 877px
    }

    .section-hero-video .content {
        max-width: 559px;
        padding-right: 7.9%
    }

    .section-hero-video h1 {
        margin-right: 41px
    }

    .section-hero-blog .content {
        right: -45px;
        padding-left: 11%
    }

    .section-hero-blog .title {
        max-width: 495px
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .content {
        justify-content: space-between
    }

    .flex-blog-grid .flex-item:nth-child(8n+1) .post-card .description {
        flex-basis: 49%
    }

    .right-boock-card {
        padding-top: 0
    }

    .img-book-section {
        padding-right: 15px
    }

    .img-book-section .img-wrapper {
        padding-right: 40px
    }

    .section-page-vision:after {
        top: 250px
    }

    #main .section-page-about {
        min-height: 1171px
    }

    .section-page-about {
        padding-top: 115px
    }

    .section-page-about .about-content {
        margin-right: auto;
        max-width: 45%;
        padding-left: 62px
    }

    .section-page-about h1 {
        margin-right: 17px;
        margin-bottom: 54px;
        font-weight: 400
    }

    .section-page-about h1:after {
        margin-right: -13px;
        width: 126px
    }

    .section-page-about:after {
        transform: translate(-50%, 0px);
        left: 50%
    }

    .flex-blog .flex-item:last-child {
        flex-basis: 50%
    }

    .flex-books .flex-item.visible:last-child, .flex-books .flex-item.visible:first-child, .section-books h2.visible:after, .section-doing-good .paragraph.visible, .section-doing-good .btn-list.visible li, .section-doing-good h3.visible {
        animation-delay: 0s;
        transition-delay: 0s
    }

    .header .container {
        padding: 0 33px
    }

    .flex-hero {
        flex-direction: column;
        padding-right: 0;
        align-items: flex-end;
        padding-left: 10%;
        padding-top: 135px
    }

    .flex-hero .flex-item {
        flex-basis: initial;
        width: 215px
    }

    .flex-hero .flex-item:nth-child(1) {
        margin-right: 0;
        margin-left: 0
    }

    .flex-hero .flex-item:nth-child(2) {
        flex-basis: initial;
        margin-top: 2px;
        padding-right: 4.7%;
        bottom: -161px;
        left: 10%
    }
}

@media screen and (max-width: 1200px)and (min-width: 767px) {
    .flex-hero .flex-item:nth-child(2) {
        width: 22%
    }
}

@media screen and (max-width: 1200px) {
    .flex-hero .flex-item:nth-child(2) .icon-more {
        margin-left: auto;
        margin-right: 7px
    }
}

@media screen and (max-width: 1200px) {
    .flex-hero .flex-item:nth-child(3) {
        bottom: -371px
    }
}

@media screen and (max-width: 1200px) {
    body.home .section-hero h2 {
        margin-bottom: 12px
    }

    body.home .section-hero p {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    .book-slider .slick-prev {
        right: 0%
    }

    .book-slider .slick-next {
        left: 0%
    }
}

@media screen and (max-width: 1200px) {
    .slider-talks-about .slide-content .slide-image, .slider-talks-about .slide-content .slide-video {
        left: 8%
    }
}

@media screen and (max-width: 1200px)and (min-width: 768px) {
    .article-card .source {
        font-size: 47px;
        line-height: 50px
    }

    .article-card .date {
        font-size: 47px
    }

    .article-card .date:before {
        height: 50px;
        top: 14px
    }
}

@media screen and (max-width: 1300px)and (min-width: 768px) {
    .articles-grid .grid-item:nth-child(7n+5) .article-card .image {
        width: 344px;
        max-width: none
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .content-text {
        padding-top: 0
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .title {
        margin-bottom: 13px
    }

    .articles-grid .article-card .title {
        margin-left: 80px;
        font-size: 25px
    }

    .articles-grid .image img {
        height: 100%;
        object-fit: cover
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card {
        padding-left: 3.3%;
        padding-right: 2%
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card, .articles-grid .grid-item:nth-child(7n+5) .article-card {
        padding-left: 3.3%;
        padding-right: 2%
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .articles-grid .image {
        margin-right: 10px
    }

    .articles-grid .grid-item:nth-child(7n+3) .article-card {
        margin-right: 2%;
        padding-left: 3.3%
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .image {
        margin-left: 20px
    }

    .articles-grid .grid-item:nth-child(7n+3) .article-card .image {
        margin-right: 20px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card {
        padding-right: 2%
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .video-card .text {
        padding-top: 48px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .content {
        padding-top: 50px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .main-content {
        flex-wrap: wrap;
        padding-top: 0;
        padding-left: 20px;
        padding-right: 0
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card {
        padding-left: 3.3%;
        padding-right: 2%
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .image {
        margin-left: 20px
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .content {
        margin-left: 10px
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .video-card .title-content {
        padding-left: 114px
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .image {
        margin-left: 20px
    }

    .articles-grid .grid-item:nth-child(7n) .article-card {
        margin-right: 2%
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .image {
        margin-right: 20px
    }

    .video-grid .grid-item:nth-child(7n+1) .video-card {
        padding-left: 3.3%;
        padding-right: 45px
    }

    .video-grid .grid-item:nth-child(7n+1) .video-card .video {
        margin-right: 20px
    }

    .video-card .title {
        font-size: 27px
    }

    .video-card .video .play-button {
        width: 100px;
        height: 65px;
        border-radius: 22px
    }
}

@media screen and (max-width: 1100px) {
    .top-section-shirts .container {
        right: 0
    }

    .section-contact-form-shirts h2 {
        margin-right: 0
    }

    .section-contact-form-shirts div[role=form] {
        margin-left: 0
    }

    .section-contact-form-shirts .contact-line {
        margin: 0
    }
}

@media screen and (max-width: 1023px) {
    .section-contact-form-shirts h2 {
        font-size: 55px;
        line-height: 70px
    }

    .radio-category li .text {
        max-width: 524px
    }

    .radio-card .content {
        padding-left: 5%
    }

    .section-radio-category .load-more {
        margin-left: 0;
        top: -25px
    }

    .right-boock-card {
        width: 30%
    }

    .img-book-section .image {
        margin-bottom: 50px
    }

    .section-page-about .about-content {
        padding-right: 0
    }

    .section-page-about:after {
        width: 100%;
        background-size: contain
    }

    .flex-blog {
        padding: 0 25px 0 18px
    }

    .section-blog .single-post {
        margin-right: 0
    }

    .flex-books .flex-item:first-child {
        padding-top: 0
    }

    .flex-books .flex-item:first-child h2 {
        margin-top: 0
    }

    .doing-good-img h2 {
        font-size: 65px;
        line-height: 65px
    }

    .section-doing-good .container {
        padding-right: 40px
    }

    .flex-video {
        flex-wrap: wrap;
        padding-left: 0
    }

    .flex-video .flex-item.flex-item {
        flex-basis: 100%
    }

    .flex-video .flex-item.flex-item:first-child {
        margin: 0 0 50px
    }

    .section-video {
        padding: 150px 0 70px
    }

    .article-block img {
        height: 480px;
        object-fit: cover;
        width: 100%
    }

    .video-block, .article-block {
        padding: 22px 22px 17px
    }

    .video-block .video, .article-block .video {
        width: 100%;
        height: auto
    }

    .video-block .video iframe, .article-block .video iframe {
        height: 480px
    }

    .video-block .button-video, .video-block .button-article, .article-block .button-video, .article-block .button-article {
        top: 5px;
        left: auto;
        right: 15px;
        width: 52px;
        height: 52px;
        z-index: 10
    }

    .video-block .button-video .icon, .video-block .button-article .icon, .article-block .button-video .icon, .article-block .button-article .icon {
        font-size: 24px
    }

    .video-block .button-video .icon-eye, .video-block .button-article .icon-eye, .article-block .button-video .icon-eye, .article-block .button-article .icon-eye {
        font-size: 32px
    }

    .flex-video .flex-item:last-child .heading {
        max-width: 400px;
        margin: 0 20px
    }

    .flex-products .flex-item:last-child {
        padding-right: 0
    }

    .flex-products {
        flex-wrap: wrap
    }

    .flex-products .flex-item:last-child {
        flex-basis: 100%;
        order: 1
    }

    .flex-products .flex-item:first-child {
        margin: 0 auto;
        text-align: center
    }

    .flex-products .flex-item:first-child h2:after {
        margin: 23px auto 0
    }

    .product-list {
        justify-content: center
    }

    .flex-radio {
        flex-wrap: wrap;
        padding-right: 40px;
        padding-left: 50px;
        margin: 0 -15px
    }

    .flex-radio .flex-item:last-child {
        flex-basis: 100%;
        order: 1
    }

    .flex-radio .flex-item:first-child {
        flex-basis: 440px
    }

    .flex-books {
        flex-wrap: wrap;
        justify-content: center
    }

    .flex-books .flex-item:first-child {
        flex-basis: 100%
    }

    .flex-books .flex-item:first-child a {
        max-width: 390px;
        margin: 0 auto
    }

    .slider-talks-about .slide-content blockquote {
        width: 100%
    }

    .slider-talks-about.swiper-container-horizontal > .swiper-pagination-bullets {
        right: 0
    }

    .home .section-talks-about {
        padding: 87px 0 37px
    }

    .slider-talks-about .slide-content {
        background: #f06216;
        margin: 0;
        padding: 151px 60px 0
    }

    .slider-talks-about .slide-content:after {
        display: none
    }

    .slider-talks-about .slide-content .slide-image, .slider-talks-about .slide-content .slide-video {
        left: 50%;
        bottom: auto;
        top: -125px;
        margin: 0 0 0 -225px;
        position: absolute
    }

    .slider-talks-about .slide-content blockquote {
        margin: 0
    }

    .slider-talks-about .slide-content blockquote p {
        margin: 0
    }

    .slider-talks-about.swiper-container-horizontal > .swiper-pagination-bullets {
        justify-content: center;
        margin: 0
    }

    .slider-talks-about .swiper-slide {
        padding: 125px 0 29px
    }

    .home .section-talks-about h2 {
        padding-right: 0;
        text-align: center
    }

    .home .section-talks-about h2:after {
        margin-left: auto;
        margin-right: auto
    }

    .flex-blog .flex-item:first-child {
        margin: 0 auto
    }

    .flex-blog .flex-item:last-child {
        flex-basis: 100%
    }

    .section-page-about {
        background-position: 30% 50%
    }

    .section-hero-blog .content {
        right: 0
    }

    .flex-blog-grid {
        margin: 0 -15px
    }

    .flex-blog-grid .flex-item {
        padding: 0 15px
    }

    .section-hero-books {
        background: transparent
    }

    .section-hero-books .flex {
        flex-direction: column;
        margin: 0 -15px
    }

    .section-hero-books .title {
        padding-top: 82px;
        flex-basis: 100%;
        padding-right: 7%;
        padding-left: 6%
    }

    .section-hero-books .content {
        flex-basis: 100%;
        padding-right: 7%
    }

    .section-translated-books .title {
        flex-direction: column
    }

    .original-books-grid {
        margin: 0 -15px
    }

    .original-books-grid .flex-item {
        padding: 0 15px;
        flex-basis: 50%
    }

    .original-books-grid .flex-item:first-child .original-book-card {
        padding-right: 0
    }

    .original-books-grid .flex-item:first-child .original-book-card .image {
        width: 450px;
        margin: 0 auto;
        flex-basis: auto
    }

    .original-books-grid .flex-item:first-child .original-book-card .content {
        padding-inline: 3% 0;
        margin: 0 auto
    }

    .translated-books-grid {
        margin: 0
    }

    .section-radio-category {
        padding: 50px 0
    }

    .section-radio-category:nth-child(3n+2) {
        margin-top: -20px
    }

    .section-radio-category:nth-child(3n+3) {
        margin-top: -20px
    }
}

@media screen and (max-width: 900px)and (min-width: 768px) {
    .section-hero-video .content {
        max-width: 496px
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card .title {
        margin-bottom: 10px
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .main-content, .articles-grid .grid-item:nth-child(7n+2) .article-card .content {
        flex-wrap: wrap
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .content-text {
        padding-top: 0
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .image {
        margin-right: 51px
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .text, .video-grid .grid-item:nth-child(7n+2) .video-card .text, .video-grid .grid-item:nth-child(7n+6) .video-card .text {
        padding-top: 10px;
        padding-right: 0
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .content, .video-grid .grid-item:nth-child(7n+2) .video-card .content, .video-grid .grid-item:nth-child(7n+6) .video-card .content {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 900px) {
    .slick-slide {
        padding: 0 20px
    }

    .awards-slider {
        padding: 0 20px
    }

    .section-contact-form-shirts {
        padding-top: 50px
    }

    .section-contact-form-shirts .wpcf7 {
        width: 100%
    }

    .section-contact-form-shirts .contact-form {
        margin-right: 0
    }

    .section-contact-form-shirts .contact-form .flex {
        max-width: 100%;
        width: 100%
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:first-child {
        margin: 0;
        width: 100%
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:last-child {
        position: relative
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:last-child:after {
        left: 5px
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:last-child input[type=submit] {
        padding-left: 18px
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:last-child .ajax-loader {
        position: absolute;
        left: 0;
        top: 105%
    }

    .section-contact-form-shirts .contact-form .form-field {
        display: block
    }

    .section-contact-form-shirts .contact-form .form-field .wpcf7-form-control-wrap {
        display: block;
        overflow: hidden
    }

    .section-contact-form-shirts .contact-form label {
        float: right;
        line-height: 40px
    }

    .section-contact-form-shirts .contact-form textarea, .section-contact-form-shirts .contact-form input[type=text], .section-contact-form-shirts .contact-form input[type=tel], .section-contact-form-shirts .contact-form input[type=email], .section-contact-form-shirts .contact-form input[type=password] {
        width: 100%
    }

    .section-contact-form-shirts h1 {
        flex-basis: 100%;
        margin: 20px 0 30px
    }

    .section-contact-form-shirts .container {
        flex-wrap: wrap
    }

    .articles-grid .grid-item:nth-child(7n+3) .article-card .content {
        padding-left: 50px
    }

    .original-books-grid .flex-item:first-child .original-book-card {
        flex-direction: column
    }

    .original-books-grid .flex-item:first-child .original-book-card .button {
        margin: 0 auto
    }
}

@media screen and (max-width: 800px) {
    .radio-card .duration {
        top: 0;
        margin-right: 0
    }

    .awards-slider {
        max-width: 360px
    }

    .radio-grid .grid-item-visible.orange-bottom:after {
        width: 109%;
        height: 358px;
        right: -15px;
        bottom: -17px
    }

    .radio-grid .grid-item-visible.orange-top:after {
        height: 379px;
        top: -20px
    }

    .radio-grid .grid-item-visible.green:after {
        left: -15px;
        width: 109%;
        height: 72.5%;
        top: 136px
    }

    .radio-card {
        height: auto;
        display: block
    }

    .radio-card .grid-item {
        margin-bottom: 32px
    }

    .radio-card .image, .radio-card .video {
        height: 350px
    }

    .radio-card .play-button {
        top: 32px;
        left: 28px;
        right: auto;
        position: absolute
    }

    .radio-card .play-button svg {
        font-size: 25px;
        margin-left: 4px;
        margin-top: 2px
    }
}

@media screen and (max-width: 767px) {
    .flex-header .flex {
        margin-top: -7px
    }

    .page-template-template-flexible .flex-header {
        align-items: center
    }

    .page-template-template-vision .header, .page-template-template-timeline .header {
        padding: 7px 0
    }

    .section-articles-grid .sub-caption {
        text-align: right
    }

    .articles-grid .grid-item:nth-child(7n+1), .articles-grid .grid-item:nth-child(7n+3) {
        padding-bottom: 0
    }

    .articles-grid .sub-caption:not(.sub-caption-mobile) {
        display: none
    }

    .post-card .date {
        text-align: left
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .sub-caption-bottom, .flex-blog-grid .flex-item:nth-child(8n+7) .sub-caption-bottom {
        display: none
    }

    .sub-caption-mobile.sub-caption {
        display: block;
        top: -32px
    }

    .flex-blog-grid .flex-item:nth-child(8n+3) .sub-caption-top, .flex-blog-grid .flex-item:nth-child(8n+7) .sub-caption-top {
        display: block
    }

    .articles-grid {
        padding: 0
    }

    .video-grid {
        padding: 0
    }

    .sub-caption {
        text-align: left;
        margin: 7px 0 0
    }

    .section-post .sub-caption {
        float: left;
        width: 42%;
        text-align: left;
        margin: 2px 0 0 25px;
        font-size: 11px
    }

    .articles-grid .grid-item:nth-child(7n+1) .sub-caption, .articles-grid .grid-item:nth-child(7n+5) .sub-caption {
        color: #fff
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .video {
        height: auto !important
    }

    .video-card iframe {
        width: 100%
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .content, .video-grid .grid-item:nth-child(7n) .video-card .content {
        padding-left: 0
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .video, .video-grid .grid-item:nth-child(7n+1) .video-card .video {
        max-width: none !important
    }

    .breadcrumbs-holder {
        overflow: auto
    }

    .page-template-template-timeline #main {
        min-height: calc(100vh - 300px)
    }

    body:not(.rtl).page-template-template-vision .breadcrumbs-holder, body:not(.rtl).page-template-template-timeline .breadcrumbs-holder {
        margin-top: 71px
    }

    .breadcrumbs-holder {
        margin-top: 69px;
        border-top: none
    }

    .page-template-template-books .breadcrumbs-holder {
        margin-top: 123px
    }

    .page-template-template-articles .breadcrumbs-holder {
        margin-top: 118px
    }

    .header {
        height: 69px
    }

    .header.scroll-fixed-header {
        height: 44px;
        padding: 2px 0 6px
    }

    .page-template-template-sitemap #main {
        min-height: inherit
    }

    .text-page h1:after {
        margin-top: 6px
    }

    .header.scroll-fixed-header .header-logo {
        margin-top: 0px
    }

    .header.scroll-fixed-header .container {
        padding-right: 11px;
        padding-left: 5px
    }

    .header.scroll-fixed-header .header-logo img {
        width: 90px;
        padding-top: 4px
    }

    .header.scroll-fixed-header .socials {
        display: none
    }

    .header.scroll-fixed-header .icon-menu {
        font-size: 22px;
        height: 21px
    }

    .text-page .container, .section-sitemap .container {
        padding: 37px 53px 30px 42px;
        margin-bottom: 0;
        min-height: auto
    }

    .text-page h1, .section-sitemap h1 {
        padding-right: 5px;
        margin-bottom: 32px
    }

    .text-page h1:after, .section-sitemap h1:after {
        margin-right: -11px
    }

    .text-page .page-content, .section-sitemap .page-content {
        font-size: 14px;
        line-height: 18px
    }

    .text-page h2, .section-sitemap h2 {
        font-weight: 700
    }

    .text-page h2 {
        font-size: 21px;
        margin: 36px 0 -3px
    }

    .section-sitemap .widget.widget {
        width: 100%;
        max-width: none
    }

    .section-sitemap .sitemap-widgets {
        flex-wrap: wrap
    }

    .section-sitemap .container {
        padding-right: 63px;
        padding-bottom: 49px
    }

    .section-sitemap h1 {
        margin-bottom: 9px
    }

    .section-contact-form-shirts div.wpcf7-response-output {
        top: -20px
    }

    .shirts-collection {
        background: #f6f6f6
    }

    .shirts-collection .wrapper-shirts {
        padding-top: 28px
    }

    .shirts-collection .wrapper-img {
        padding: 24px 10px
    }

    .shirts-collection .item {
        margin-bottom: 7px
    }

    .shirts-collection .contact-line {
        margin: 0 10px -10px;
        padding: 27px 0 0;
        text-align: right;
        font-size: 14px;
        line-height: 18px
    }

    .shirts-collection .contact-line h2 {
        font-size: 14px;
        line-height: 18px
    }

    .shirts-collection .contact-line .icon-more {
        margin: 0 10px 0 0
    }

    .rtl .shirts-collection .wrapper-shirts {
        padding: 0
    }

    .section-contact-form-shirts .contact-line {
        margin: 0 15px;
        padding: 29px 0 8px;
        max-width: 280px;
        font-size: 14px;
        line-height: 18px
    }

    .section-contact-form-shirts .contact-line h2 {
        font-size: 14px;
        line-height: 18px
    }

    .section-contact-form-shirts .contact-line .icon-more {
        margin: 0 12px -18px 0
    }

    .top-section-shirts {
        padding: 54px 33px 83px
    }

    .top-section-shirts .to-form-btn {
        height: 50px;
        line-height: 50px;
        position: relative;
        left: 6px
    }

    .top-section-shirts .info-topsection {
        margin-right: 0
    }

    .top-section-shirts h1 {
        font-size: 83px;
        line-height: 75px
    }

    .top-section-shirts h1:after {
        left: 4px;
        top: 29px;
        margin-bottom: 63px;
        width: 150px
    }

    .thanks-message .button:before {
        display: none
    }

    .radio .main {
        padding-bottom: 70px
    }

    .similar-post {
        position: relative
    }

    .similar-post .post-date {
        top: 40px;
        left: 45px
    }

    .similar-post .content {
        position: static
    }

    .radio-grid .grid-item {
        margin-bottom: 45px
    }

    .btn-list {
        max-width: 363px
    }

    .radio-category li .text {
        max-width: 400px
    }

    .sing-about img {
        bottom: -34px;
        left: 0
    }

    .sing-contact img {
        top: auto;
        bottom: 47px
    }

    .section-page-vision {
        min-height: auto;
        padding-bottom: 38%
    }

    .sing-vision img {
        top: auto;
        bottom: 0
    }

    .thanks-message {
        top: 0;
        padding-top: 49px
    }

    .contact-form .flex {
        max-width: 455px
    }

    .contact-form .flex .flex-item:last-child {
        margin-right: auto;
        margin-top: 20px
    }

    .your-message {
        height: auto
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .title {
        width: 100%;
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .content {
        padding-left: 0
    }

    .video-grid .grid-item:nth-child(7n+1) {
        margin-left: 0
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .content, .articles-grid .grid-item:nth-child(7n+3) .article-card .content, .articles-grid .grid-item:nth-child(7n+1) {
        padding-left: 0
    }

    .single-post .section-post .wp-block-image {
        margin-bottom: 30px !important
    }

    .articles-grid .grid-item .article-card .image {
        overflow: hidden
    }

    .similar-post .image {
        height: 300px
    }

    .flex-bottom-line .icon {
        left: -2px;
        top: 4px
    }

    .flex-bottom-line .icon-more {
        font-size: 30px;
        top: 6px;
        left: 0px
    }

    .flex-bottom-line .articles-grid .grid-item .article-card .image {
        overflow: hidden
    }

    .similar-post .content .text p {
        height: 74px;
        margin-bottom: 25px
    }

    .section-post .post-video, .section-post .article-video, .section-post .wp-block-embed, .section-article .post-video, .section-article .article-video, .section-article .wp-block-embed {
        margin-top: 42px;
        margin-bottom: 39px
    }

    .section-post .post-video .play-button, .section-post .article-video .play-button, .section-post .wp-block-embed .play-button, .section-article .post-video .play-button, .section-article .article-video .play-button, .section-article .wp-block-embed .play-button {
        width: 50px;
        height: 50px
    }

    .section-post .post-video .play-button svg, .section-post .article-video .play-button svg, .section-post .wp-block-embed .play-button svg, .section-article .post-video .play-button svg, .section-article .article-video .play-button svg, .section-article .wp-block-embed .play-button svg {
        font-size: 26px
    }

    body.article header .back-wrapper-post, header .back-wrapper-post {
        display: none
    }

    .back-wrapper-post {
        background: #f1f1f1;
        padding: 15px 0 19px
    }

    .back-wrapper-post svg {
        height: 29px;
        width: 30px;
        margin-right: 18px;
        position: absolute;
        display: inline-block
    }

    .header-button {
        margin-right: 15px;
        position: relative
    }

    .custom-select .selected {
        padding-right: 0
    }

    .section-post .wp-block-image {
        margin: 30px -42px 0 !important
    }

    .post-card .image {
        max-height: 400px
    }

    .section-radio-category:nth-child(3n+2) {
        padding-bottom: 36px;
        margin-top: -35px
    }

    .section-radio-category:nth-child(3n+3) .subtitle {
        margin: 0 26px 48px
    }

    .section-radio-category:nth-child(3n+3) {
        padding-bottom: 26px
    }

    .section-radio-category:nth-child(3n+3) .fon-category {
        top: 138px;
        height: 100%
    }

    .radio-card .play-button {
        width: 53px;
        height: 53px;
        position: absolute
    }

    .section-radio-category:nth-child(3n+1) .fon-category {
        top: 115px
    }

    .original-books-grid .flex-item:first-child .original-book-card .button {
        line-height: 35px;
        padding: 7px 35px
    }

    .original-book-card .button {
        padding-top: 0;
        padding-bottom: 2px;
        line-height: 49px
    }

    .original-books-grid .flex-item:first-child .original-book-card .button {
        position: relative;
        left: 13px
    }

    .section-hero-books .content p {
        margin-bottom: 18px;
        margin-top: 15px
    }

    .header .submenu a {
        line-height: 1.66
    }

    .header .main-nav #menu-primary-navigation {
        padding-bottom: 15px
    }

    .header .main-nav li {
        margin-bottom: 2px
    }

    .header .submenu a.close .icon-close, .header .main-nav a.close .icon-close {
        width: 30px;
        height: 30px
    }

    .header .submenu a.back .icon-back {
        width: 41px;
        height: 41px
    }

    .section-original-books-two {
        display: none
    }

    #main .section-page-about {
        min-height: 600px
    }

    .section-page-about h1:after {
        margin-right: -4px;
        margin-top: 9px
    }

    .flex-awards .flex-item:last-child {
        flex-basis: auto
    }

    .flex-blog {
        flex-wrap: wrap
    }

    .flex-radio {
        padding-bottom: 49px
    }

    .header {
        padding: 6px 0
    }

    .header .container {
        padding: 0 15px
    }

    body.home .section-hero h2 {
        font-size: 58px
    }

    .flex-hero {
        flex-direction: column;
        padding-right: 0;
        align-items: flex-end;
        padding-left: 5%;
        padding-top: 0
    }

    .flex-hero .flex-item {
        flex-basis: initial;
        width: 127px
    }

    .flex-hero .flex-item:nth-child(1) {
        margin-right: 0;
        margin-left: 7px
    }

    .flex-hero .flex-item:nth-child(2) {
        flex-basis: initial;
        padding-right: 12px;
        bottom: -204px
    }

    .flex-hero .flex-item:nth-child(3) {
        margin-top: 0;
        padding-left: 0;
        padding-right: 0;
        bottom: -435px;
        max-width: 128px
    }

    .doing-good-text {
        padding-top: 18px
    }

    .doing-good-img {
        width: 100%;
        order: -1;
        height: auto
    }

    .doing-good-img h2 {
        top: 71px;
        width: 187px;
        line-height: 1;
        height: auto
    }

    .doing-good-img h2:after {
        margin: 3px 0;
        position: absolute;
        left: 6px
    }

    .section-doing-good {
        margin-top: -41px
    }

    .wrapper-doing-good {
        flex-direction: column
    }

    .section-doing-good .container {
        padding-right: 0
    }

    .doing-good-text {
        width: 100%;
        font-size: 14px;
        padding: 27px 27px 36px
    }

    .doing-good-text h3 {
        font-size: 21px;
        width: auto
    }

    .doing-good-text .paragraph p {
        padding-left: 32px;
        margin-bottom: 20px
    }

    .btn-list {
        padding-left: 40px
    }

    body {
        font-size: 14px
    }

    h1, h2 {
        font-size: 40px;
        line-height: 37px
    }

    h1:after, h2:after {
        width: 65px
    }

    .button {
        min-width: 90px;
        height: 30px
    }

    .header .icon-menu {
        font-size: 33px
    }

    .header .main-menu {
        margin: 1px 0 0 15px
    }

    .header .main-nav ul {
        padding: 25px 43px 17px
    }

    .header .main-nav .external-pages {
        padding-top: 21px;
        padding-bottom: 43px
    }

    .header .main-nav a {
        font-size: 21px;
        letter-spacing: -0.04px
    }

    .header .main-nav a.language {
        bottom: 0;
        margin: -77px 0 0;
        left: 43px;
        letter-spacing: -0.04px
    }

    .header .main-nav a.close {
        left: 20px;
        top: 18px
    }

    .header .main-nav .icon {
        font-size: 30px
    }

    .header .submenu {
        padding: 77px 43px 65px 10px
    }

    .header .submenu a {
        font-size: 21px;
        letter-spacing: -0.04px
    }

    .header .submenu a.close {
        top: 20px;
        left: 20px
    }

    .header .submenu a.back {
        top: 15px;
        right: 17px
    }

    .header .submenu a.back .icon {
        font-size: 43px
    }

    .header .submenu .icon {
        font-size: 30px
    }

    .flex-header {
        padding: 1px 0 0 0
    }

    .header-logo {
        max-width: 123px;
        margin-top: 9px;
        margin-left: 7px
    }

    .socials ul li {
        margin: 0 8px
    }

    body.home .section-hero {
        padding-top: 179px
    }

    body.home .section-hero .icon-more {
        font-size: 19px;
        margin-right: 7px
    }

    .section-books {
        padding: 69px 0 0
    }

    .section-books h2 {
        max-width: 144px
    }

    .section-books h2:after {
        width: 116px;
        margin-top: 6px
    }

    .section-books .icon-more {
        margin-top: 0
    }

    .section-books h3 {
        margin: 0 0 20px;
        font-size: 14px
    }

    .section-books p {
        margin-bottom: 15px
    }

    .flex-books {
        margin-bottom: 50px
    }

    .flex-books .flex-item:first-child {
        margin-bottom: 17px
    }

    .flex-books .flex-item:first-child a {
        max-width: 180px
    }

    .flex-books .flex-item:nth-child(2) {
        flex-basis: 120px
    }

    .flex-books .flex-item:last-child {
        flex-basis: 51%;
        padding-right: 9px
    }

    .book-slider {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .book-slider .book-slide {
        display: inline-block;
        padding: 0 11px 23px
    }

    .flex-radio {
        padding-top: 37px
    }

    .flex-radio .flex-item:last-child {
        padding-right: 9px
    }

    .flex-radio .flex-item:first-child {
        padding: 0
    }

    .section-radio h2 {
        position: relative;
        max-width: 160px
    }

    .section-radio h2:after {
        margin-top: 13px;
        width: 60px
    }

    .section-radio h2 .icon {
        position: absolute;
        top: auto;
        bottom: 15px;
        left: -31px
    }

    .radio-category li {
        padding: 25px 4px 30px 0
    }

    .radio-category li h3 {
        font-size: 14px
    }

    .radio-category li p {
        font-size: 14px
    }

    .radio-category li .icon {
        font-size: 25px
    }

    .section-timeline {
        padding-top: 13px
    }

    .section-timeline a.heading {
        max-width: 190px;
        padding-right: 0;
        margin-bottom: 30px
    }

    .section-timeline a.heading .icon-more {
        margin: 20px auto 0 0
    }

    .section-timeline a.heading h2:after {
        margin: 8px 29% 0 0;
        width: 60px
    }

    .section-blog {
        padding: 43px 0 64px
    }

    .section-blog .single-post {
        margin-right: 0;
        margin-left: -144px
    }

    .section-blog .single-post .post-title {
        font-size: 18px
    }

    .section-blog .single-post .post-content {
        line-height: 18px
    }

    .section-blog .single-post .post-content strong {
        margin-bottom: 18px
    }

    .flex-blog {
        padding: 0 25px 0 18px;
        flex-wrap: nowrap
    }

    .flex-blog .flex-item:first-child {
        flex-basis: 144px;
        padding: 0;
        order: 1
    }

    .flex-blog .blog-image {
        width: 144px;
        height: 144px;
        border-width: 11px
    }

    .flex-blog .flex-item:last-child {
        flex-basis: calc(100% - 144px);
        padding-top: 20px
    }

    .flex-blog .flex-item:last-child a.heading {
        padding-right: 12px;
        margin-bottom: 67px
    }

    .flex-blog .flex-item:last-child a.heading h2:after {
        margin: 0 auto
    }

    .flex-blog .flex-item:last-child a.heading div {
        padding-top: 25px;
        margin-right: 14px
    }

    .flex-blog .flex-item:last-child a.heading div span {
        margin-top: 0;
        margin-right: -7px;
        max-width: 42px
    }

    .flex-awards {
        display: block;
        margin: 0 -15px;
        padding: 36px 0 50px
    }

    .flex-awards h2:after {
        margin: 21px auto 0
    }

    .flex-awards .flex-item:last-child {
        width: 100%;
        padding-top: 35px
    }

    .flex-awards .flex-item:first-child {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        max-width: 200px
    }

    .awards-slider .slider-holder .swiper-slide .image {
        height: 87px
    }

    .awards-slider .slider-holder .swiper-slide .image img {
        max-width: 150px
    }

    .awards-slider {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 30px
    }

    .awards-slider .slick-list {
        overflow: visible
    }

    .awards-slider .slick-slide {
        max-width: 30%;
        box-sizing: border-box
    }

    .awards-slider .slick-slide img {
        max-width: 150px;
        margin: 0 auto
    }

    .awards-slider .slick-slide h3 {
        font-size: 14px;
        margin: 28px auto 9px
    }

    .awards-slider .slick-slide p {
        margin: 0 auto;
        max-height: 55px
    }

    .awards-slider .slick-next, .awards-slider .slick-prev {
        display: none !important
    }

    .section-video {
        margin-top: 0;
        padding: 44px 0 17px
    }

    .section-video a.heading {
        padding-right: 13px
    }

    .section-video a.heading h2 {
        max-width: 136px
    }

    .section-video a.heading h2:after {
        margin: 9px 25px 0 0
    }

    .section-video a.heading div {
        display: flex;
        align-items: center;
        margin-bottom: 21px
    }

    .section-video a.heading div span {
        margin-right: 9px
    }

    .flex-video {
        padding: 0 25px
    }

    .flex-video h2:after {
        width: 70px
    }

    .flex-video .flex-item:last-child {
        flex-basis: 100%
    }

    .flex-video .flex-item.flex-item:first-child {
        margin-bottom: 21px
    }

    .flex-video a.heading div span {
        margin-top: 0
    }

    .video-block, .article-block {
        margin-right: 0;
        padding: 22px 22px 17px;
        margin-bottom: 27px
    }

    .video-block .button-video, .video-block .button-article, .article-block .button-video, .article-block .button-article {
        top: 5px;
        left: auto;
        right: 15px;
        width: 52px;
        height: 52px;
        z-index: 10
    }

    .video-block .button-video .icon, .video-block .button-article .icon, .article-block .button-video .icon, .article-block .button-article .icon {
        font-size: 24px
    }

    .video-block .button-video .icon-eye, .video-block .button-article .icon-eye, .article-block .button-video .icon-eye, .article-block .button-article .icon-eye {
        font-size: 32px
    }

    .video-block .caption, .article-block .caption {
        padding: 5px 0 0
    }

    .video-block .caption p, .article-block .caption p {
        font-size: 14px;
        font-weight: 400;
        max-width: 70%
    }

    .video-block .caption .date, .article-block .caption .date {
        font-size: 14px
    }

    .video-block .video iframe, .article-block .video iframe, .article-block img {
        height: 300px;
        width: 100%
    }

    .flex-video .flex-item:last-child .heading {
        margin: 0
    }

    .home .section-talks-about {
        padding: 46px 0 15px
    }

    .home .section-talks-about h2 {
        margin-bottom: 25px
    }

    .home .section-talks-about h2:after {
        margin: 5px auto 0
    }

    .slider-talks-about .sub-caption {
        color: #fff;
        display: block
    }

    .slider-talks-about .swiper-slide {
        padding: 70px 0 29px
    }

    .slider-talks-about .slide-content {
        padding: 141px 45px 27px
    }

    .slider-talks-about .slide-content .slide-image, .slider-talks-about .slide-content .slide-video {
        width: 296px;
        height: 167px;
        top: -72px;
        margin: 0 0 0 -148px
    }

    .slider-talks-about .slide-content blockquote {
        margin: 0;
        font-size: 14px
    }

    .slider-talks-about .slide-content blockquote p {
        margin: 0
    }

    .slider-talks-about .slide-content blockquote cite {
        margin-bottom: 16px
    }

    .slider-talks-about.swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0;
        margin: 0 auto;
        padding: 0 30px
    }

    .slider-talks-about .swiper-pagination-bullet {
        margin: 0 !important;
        padding: 0 4px 21px;
        width: 33.33%;
        text-align: center;
        box-sizing: border-box
    }

    .section-products {
        padding: 75px 0 28px
    }

    .section-products h2 {
        color: #fff;
        margin: 0 0 5px
    }

    .section-products h2:after {
        background: #fff;
        width: 151px;
        margin: 15px auto 0 !important
    }

    .flex-products .flex-item:last-child {
        flex-basis: 100%
    }

    .product-list li {
        font-size: 14px;
        margin-bottom: 21px;
        min-width: 92px;
        box-sizing: content-box
    }

    .product-list li .image {
        width: 92px;
        height: 92px;
        margin-bottom: 15px
    }

    .flex-footer {
        flex-wrap: wrap;
        justify-content: center
    }

    .flex-footer .flex-item:first-child {
        flex-wrap: wrap;
        padding-right: 0;
        order: 1;
        padding-top: 3px
    }

    .flex-footer .flex-item:not(.flex) {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer {
        padding-top: 26px;
        padding-bottom: 16px
    }

    .footer #menu-footer-navigation {
        margin-right: 0
    }

    .footer-nav {
        justify-content: center
    }

    .footer-nav li {
        margin: 0 10px
    }

    .section-page-about {
        min-height: 497px;
        background-position: left top;
        padding-top: 146px
    }

    .section-page-about .about-content {
        padding-right: 0;
        margin-right: auto;
        padding-left: 0
    }

    .about .section-content {
        padding: 0
    }

    .about .text {
        padding: 0 26px
    }

    .slider-talks-about .swiper-pagination-bullet .text {
        padding: 0
    }

    .similar-post {
        flex-direction: column;
        margin-bottom: 0;
        padding: 40px 45px 0
    }

    .similar-post .content {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }

    .similar-posts h3 {
        font-size: 21px;
        margin-bottom: 0;
        padding-top: 40px;
        padding-right: 48px;
        padding-bottom: 0
    }

    .similar-posts li {
        margin: 0 -15px;
        background-color: #f6f6f6
    }

    .section-hero-post, .section-hero-article {
        min-height: 300px
    }

    .section-post .container-small, .section-article .container-small {
        margin-top: 0
    }

    .section-post .post-date, .section-post .article-date, .section-article .post-date, .section-article .article-date {
        padding: 8px 26px 9px;
        margin-right: 0
    }

    .section-post .post-content, .section-article .post-content {
        margin-bottom: 15px
    }

    .section-post .post-content, .section-post .article-content, .section-article .post-content, .section-article .article-content {
        padding: 0 27px;
        margin-bottom: 70px
    }

    .section-post .post-content h1, .section-post .article-content h1, .section-article .post-content h1, .section-article .article-content h1 {
        margin: 23px 0 10px
    }

    .section-post .post-content p, .section-post .article-content p, .section-article .post-content p, .section-article .article-content p {
        margin: 10px 0 19px
    }

    .section-post .post-content h1, .section-post .post-content h2, .section-post .post-content h3, .section-post .article-content h1, .section-post .article-content h2, .section-post .article-content h3, .section-article .post-content h1, .section-article .post-content h2, .section-article .post-content h3, .section-article .article-content h1, .section-article .article-content h2, .section-article .article-content h3 {
        font-size: 21px;
        line-height: 34px
    }

    .section-post .post-video, .section-post .article-video, .section-article .post-video, .section-article .article-video {
        margin-left: 0;
        border: none;
        height: 300px
    }

    .section-post .post-banner, .section-post .article-banner, .section-article .post-banner, .section-article .article-banner {
        font-size: 21px;
        line-height: 34px;
        padding: 22px 42px 28px 50px;
        margin: 35px -42px 41px
    }

    .section-post .post-banner-small, .section-post .article-banner-small, .section-article .post-banner-small, .section-article .article-banner-small {
        font-size: 21px;
        line-height: 34px;
        padding: 20px 0 25px;
        margin: 39px 0 49px
    }

    .section-hero-blog {
        min-height: 497px;
        padding-top: 95px
    }

    .section-hero-blog .content {
        margin: 0 -15px;
        position: static;
        bottom: 0
    }

    .section-hero-blog .title {
        padding-right: 30px
    }

    .section-hero-blog h1:after {
        margin: 9px 3px 0 0;
        width: 77px
    }

    .section-blog-grid {
        padding-top: 18px;
        padding-bottom: 0
    }

    .section-blog-grid .container > .content {
        padding: 0 27px;
        margin-bottom: 32px
    }

    .flex-blog-grid .flex-item {
        flex-basis: 100%
    }

    .post-card .content {
        padding: 3px 21px 19px 29px
    }

    .post-card .date {
        font-size: 21px;
        margin-bottom: 15px
    }

    .post-card .title {
        margin: 0 0 28px 0
    }

    .post-card .description {
        margin-bottom: 30px;
        max-height: 73px
    }

    .post-card .flex-bottom-line {
        padding: 0 5px 0 7px;
        position: static;
        width: auto
    }

    .post-card .post-socials li {
        margin: 0 10px
    }

    .section-article {
        padding-top: 22px
    }

    .section-article .article-source {
        font-size: 21px;
        font-weight: 600
    }

    .section-article .article-content h1 {
        font-size: 40px;
        line-height: 37px;
        font-family: "Secular One";
        margin: 17px 0 28px;
        max-width: 250px
    }

    .section-hero-article {
        min-height: 150px;
        margin-bottom: 23px
    }

    .hero-not-img.section-hero-article {
        min-height: 0
    }

    .section-page-vision {
        padding-top: 71px
    }

    .section-page-vision:after {
        top: 20%;
        bottom: auto;
        left: -40%;
        right: -33%
    }

    .section-page-vision blockquote {
        font-size: 60px;
        line-height: 55px
    }

    .section-page-vision h1 {
        margin-bottom: 22px
    }

    .vision-title {
        padding: 0 46px;
        margin-bottom: 40px
    }

    .section-vision-content .vision-content {
        padding: 20px 27px;
        font-size: 14px;
        line-height: 18px
    }

    .section-page-vision blockquote {
        padding-right: 0
    }

    .section-hero-books .title {
        padding: 39px 7% 35px 42px
    }

    .section-hero-books .content {
        font-size: 14px;
        padding-top: 35px;
        padding-bottom: 34px
    }

    .section-hero-books h1 {
        margin-bottom: 39px;
        line-height: 37px
    }

    .section-hero-books h1:after {
        margin-top: 16px;
        width: 75px
    }

    .section-original-books {
        padding: 36px 0 33px
    }

    .section-translated-books .subtitle p {
        margin-bottom: 19px;
        margin-top: 19px
    }

    .original-books-grid {
        margin: 0
    }

    .original-books-grid .flex-item:first-child {
        padding: 0;
        margin-bottom: 31px
    }

    .original-books-grid .flex-item:first-child .original-book-card {
        background: transparent
    }

    .original-books-grid .flex-item:first-child .original-book-card .content {
        font-size: 14px;
        line-height: 18px;
        padding: 22px 26px 0 0
    }

    .original-books-grid .flex-item:first-child .original-book-card .content p {
        margin-bottom: 24px
    }

    .original-books-grid .flex-item:first-child .original-book-card .image {
        max-width: 223px
    }

    .original-books-grid .flex-item:first-child .original-book-card .title {
        font-size: 60px;
        line-height: 55px
    }

    .original-books-grid .flex-item:first-child .original-book-card .button {
        display: flex;
        margin: 0 auto;
        font-size: 21px
    }

    .original-books-grid .flex-item {
        flex-basis: 100%;
        padding: 0;
        margin-bottom: 24px
    }

    .original-book-card {
        background: #f6f6f6
    }

    .original-book-card .image {
        padding: 45px 92px 0;
        height: 226px
    }

    .original-book-card .content {
        padding: 0 27px 10px
    }

    .original-book-card .content p {
        margin-top: 0;
        margin-bottom: 25px
    }

    .original-book-card .title {
        margin-bottom: 10px
    }

    .original-book-card .button {
        display: flex;
        margin: 0 auto;
        font-size: 21px;
        padding: 0 35px
    }

    .section-translated-books {
        padding: 0 0 13px
    }

    .section-translated-books .title {
        padding: 0 27px;
        margin-bottom: 14px
    }

    .section-translated-books .subtitle {
        font-size: 14px;
        line-height: 18px;
        padding-top: 6px
    }

    .section-translated-books .subtitle:before {
        width: 77px;
        margin-bottom: 29px
    }

    .translated-books-grid {
        padding-top: 0;
        background: #fff
    }

    .translated-books-grid .flex-item {
        width: 100%;
        margin: 0 0 13px;
        padding: 20px 27px;
        background: #f6f6f6
    }

    .translated-book-card {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .translated-book-card .flex {
        flex-direction: column
    }

    .translated-book-card .image {
        display: none
    }

    .translated-book-card .button {
        display: none
    }

    .translated-book-card h6 {
        font-size: 14px
    }

    .translated-book-card .lang-count {
        font-size: 14px
    }

    .custom-select {
        width: 130px;
        font-size: 14px;
        padding: 0 0 6px 30px
    }

    .custom-select:after {
        left: 2px;
        height: 15px;
        top: 26%
    }

    .custom-select .options {
        padding: 1px 0
    }

    .custom-select .options li {
        font-size: 14px;
        padding: 0;
        margin-bottom: 2px
    }

    .custom-select .options li a {
        padding-top: 3px;
        padding-bottom: 3px;
        pointer-events: auto
    }

    .section-hero-radio {
        padding-top: 56px
    }

    .section-hero-radio .inner {
        background: #5da8f6
    }

    .section-hero-radio .flex {
        flex-direction: column
    }

    .section-hero-radio .title {
        padding: 0 27px
    }

    .section-hero-radio .content {
        background: transparent;
        font-size: 14px;
        line-height: 18px;
        padding: 9px 22px 20px 30px
    }

    .section-hero-radio h1:after {
        margin: 9px 0 0 0;
        width: 76px
    }

    .section-radio-category {
        padding: 35px 0 18px
    }

    .section-radio-category h2 {
        font-size: 50px;
        line-height: 1;
        margin-right: 23px;
        margin-bottom: 27px
    }

    .section-radio-category h2:after {
        width: 150px;
        margin-top: 36px
    }

    .section-radio-category .subtitle {
        font-size: 14px;
        line-height: 18px;
        margin: 0 27px 42px
    }

    .section-radio-category .load-more {
        max-width: 67px;
        margin-top: 11px
    }

    .section-radio-category:nth-child(3n+2) {
        margin-top: -35px
    }

    .section-radio-category:nth-child(3n+3) {
        margin-top: -35px
    }

    .radio-grid .grid-item:not(:last-of-type) {
        margin-bottom: 34px
    }

    .radio-card {
        height: auto
    }

    .radio-card .image img {
        width: 100%;
        object-fit: cover
    }

    .radio-card .duration {
        font-size: 21px
    }

    .radio-card .content {
        padding: 55px 22px 28px 22px;
        font-size: 14px;
        line-height: 18px
    }

    .radio-card .title {
        margin: 19px 0 27px
    }

    .section-hero-video {
        min-height: 337px;
        padding-top: 41px
    }

    .section-hero-video .content {
        font-size: 14px;
        line-height: 18px;
        padding: 0 27px;
        max-width: 300px
    }

    .section-hero-video h1 {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 17px
    }

    .section-hero-video h1:after {
        margin: 8px 0 0 0
    }

    .section-hero-video p {
        margin-top: 0
    }

    .section-videos-grid {
        margin-top: 0;
        padding-top: 158px
    }

    .section-videos-grid .grid-item {
        margin-bottom: 88px
    }

    .video-card {
        flex-wrap: wrap
    }

    .video-card .content, .video-card .video {
        flex-basis: 100%
    }

    .video-card .date {
        font-size: 21px
    }

    .video-card .title {
        font-size: 21px;
        line-height: 26px !important;
        margin-bottom: 18px;
        margin-top: 12px
    }

    .video-card .text {
        max-width: 100%
    }

    .video-card .video {
        height: auto !important
    }

    .video-card .video iframe {
        min-height: 200px
    }

    .video-card .video .play-button {
        width: 100px;
        height: 70px
    }

    .video-card .video .sub-caption {
        display: none
    }

    .video-grid .grid-item:nth-child(7n+1) .video-card {
        padding: 0 42px 62px
    }

    .video-grid .grid-item:nth-child(7n+1) .video-card .video {
        margin-bottom: 0;
        margin-top: -100px;
        order: -1;
        max-width: 100%;
        height: auto !important
    }

    .video-grid .grid-item:nth-child(7n+1) .video-card .title {
        font-size: 21px;
        margin-bottom: 19px;
        line-height: 26px;
        margin-top: 14px
    }

    .video-grid .grid-item:nth-child(7n+1) .video-card .content {
        padding-top: 32px
    }

    .video-grid .grid-item:nth-child(7n+1) .sub-caption {
        color: #fff
    }

    .video-grid .grid-item:nth-child(7n+2) {
        margin-bottom: 108px
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card {
        padding: 0 42px 62px
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card .video {
        margin-left: 0;
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card .content {
        flex-wrap: wrap;
        padding: 32px 0 0
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card .title-content {
        width: 100%;
        margin-left: 0
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card .text {
        padding-top: 0;
        width: 100%
    }

    .video-grid .grid-item:nth-child(7n+2) .video-card .date {
        padding-right: 0
    }

    .video-grid .grid-item:nth-child(7n+3) {
        margin-bottom: 42px;
        padding-right: 0;
        margin-right: 0;
        padding: 0
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card {
        max-width: 100%;
        margin-right: 0;
        padding: 0 42px 32px
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .video {
        order: -1;
        margin-bottom: 0;
        margin-top: -100px;
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .content {
        padding-top: 32px
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .date {
        padding-right: 0
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .title {
        margin-top: 16px
    }

    .video-grid .grid-item:nth-child(7n+3) .video-card .text {
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+4) {
        margin-bottom: 90px
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card {
        padding: 0 42px 62px
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .video {
        margin-left: 0;
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .content {
        flex-wrap: wrap;
        padding-top: 32px;
        padding-bottom: 0
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .title-content {
        width: 100%
    }

    .video-grid .grid-item:nth-child(7n+4) .video-card .text {
        width: 100%;
        padding-top: 0;
        padding-right: 0
    }

    .video-grid .grid-item:nth-child(7n+5) {
        margin-bottom: 37px;
        padding-left: 0;
        margin-left: 0;
        padding: 0
    }

    .video-grid .grid-item:nth-child(7n+5) .sub-caption {
        color: #fff
    }

    .video-grid .grid-item:nth-child(7n+5) .video-card {
        padding: 0 42px 52px
    }

    .video-grid .grid-item:nth-child(7n+5) .video-card .video {
        order: -1;
        margin-top: -91px;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0
    }

    .video-grid .grid-item:nth-child(7n+5) .video-card .content {
        padding-bottom: 0;
        padding-top: 32px
    }

    .video-grid .grid-item:nth-child(7n+5) .video-card .title {
        margin: 10px 0 22px;
        width: 100%;
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+5) .video-card .text {
        max-width: 100%;
        padding-top: 0;
        padding-bottom: 0
    }

    .video-grid .grid-item:nth-child(7n+6) {
        margin-bottom: 49px
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card {
        padding: 0 42px 108px;
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card .video {
        margin-left: 0;
        max-width: 100%
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card .content {
        padding: 32px 0 0;
        flex-wrap: wrap
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card .title-content {
        width: 100%
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card .text {
        width: 100%;
        padding-top: 0
    }

    .video-grid .grid-item:nth-child(7n+6) .video-card .title {
        margin: 11px 0 17px;
        width: 100%
    }

    .video-grid .grid-item:nth-child(7n) {
        margin-bottom: 149px
    }

    .video-grid .grid-item:nth-child(7n) .video-card {
        max-width: 100%;
        margin-right: 0;
        padding: 0 42px 32px
    }

    .video-grid .grid-item:nth-child(7n) .video-card .video {
        order: -1;
        margin-top: -100px;
        max-width: 100%;
        margin-bottom: 0
    }

    .video-grid .grid-item:nth-child(7n) .video-card .content {
        padding-top: 32px;
        padding-bottom: 0
    }

    .video-grid .grid-item:nth-child(7n) .video-card .date {
        padding-right: 0
    }

    .video-grid .grid-item:nth-child(7n) .video-card .title {
        margin-top: 16px
    }

    .section-hero-articles {
        min-height: 500px;
        padding-top: 96px;
        padding-bottom: 70px
    }

    .section-hero-articles .content {
        font-size: 14px;
        line-height: 18px;
        padding: 0 27px;
        max-width: 300px
    }

    .section-hero-articles h1 {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 17px
    }

    .section-hero-articles h1:after {
        margin: 8px 3px 0 0;
        width: 77px
    }

    .section-hero-articles p {
        margin-top: 0
    }

    .section-articles-hero-text {
        padding: 24px 27px 0
    }

    .section-articles-grid {
        margin-top: 0;
        padding-top: 123px
    }

    .section-articles-grid .grid-item {
        margin-bottom: 13px;
        background: none !important
    }

    .article-card {
        flex-wrap: wrap;
        padding: 20px 42px 54px
    }

    .article-card .date {
        border-left-width: 1px;
        padding-left: 7px;
        margin-left: 7px
    }

    .article-card .date:before {
        content: "";
        width: 2px;
        height: 21px;
        background: #000;
        position: absolute;
        left: 0;
        top: 3px
    }

    .article-card .date, .article-card .source {
        font-size: 21px;
        line-height: 22px;
        margin-bottom: 17px;
        font-weight: 600
    }

    .article-card .title {
        font-size: 21px;
        line-height: 26px;
        margin: 0 0 13px;
        max-width: 200px;
        font-weight: 600;
        padding-right: 0
    }

    .article-card .content {
        padding-top: 32px
    }

    .article-card .image {
        max-width: 100%;
        width: 100%
    }

    .article-card .image img {
        width: 100%
    }

    .article-card .text {
        max-width: 100%
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .text {
        max-width: 100%
    }

    .articles-grid .grid-item:nth-child(2n) .image {
        max-width: 100%;
        min-width: 100%
    }

    .articles-grid .grid-item:nth-child(2n+1) .image {
        max-width: 100%;
        min-width: 100%
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card {
        justify-content: flex-start;
        padding: 20px 42px 54px
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .content {
        padding-top: 32px
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .title {
        color: #000;
        margin-top: -10px;
        margin-bottom: 13px
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .image {
        order: -1;
        margin-bottom: 0;
        margin-top: -142px;
        max-width: 100%;
        padding-right: 0
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .image img {
        width: 100%
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .date, .articles-grid .grid-item:nth-child(7n+1) .article-card .source {
        color: #000;
        margin-bottom: 11px
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .date {
        border-left-color: #000
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .date:before {
        background: #000
    }

    .articles-grid .grid-item:nth-child(7n+2) {
        margin-bottom: 30px
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card {
        padding: 20px 42px 54px
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .image {
        margin-left: 0;
        flex-basis: 100%
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .content {
        padding-top: 32px;
        width: 100%
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .main-content {
        flex-direction: column
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .title {
        margin-bottom: 7px
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .content-text {
        padding-top: 0
    }

    .articles-grid .grid-item:nth-child(7n+3) {
        margin-bottom: 38px
    }

    .articles-grid .grid-item:nth-child(7n+3) .article-card {
        margin-right: 0;
        max-width: 100%;
        padding: 20px 42px 41px
    }

    .articles-grid .grid-item:nth-child(7n+3) .article-card .title {
        margin-bottom: 13px;
        margin-top: 0
    }

    .articles-grid .grid-item:nth-child(7n+3) .article-card .image {
        order: -1;
        margin-bottom: 0;
        margin-top: -100px;
        max-width: 100%
    }

    .articles-grid .grid-item:nth-child(7n+4) {
        margin-bottom: 108px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card {
        padding: 20px 42px 54px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .image {
        margin-left: 0;
        flex-basis: 100%
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .content {
        padding-top: 32px;
        flex-basis: 100%
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .main-content {
        flex-direction: column;
        padding-top: 0;
        padding-right: 0
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .content-text {
        padding-top: 0
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .source, .articles-grid .grid-item:nth-child(7n+4) .article-card .date {
        margin-bottom: 24px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .title {
        margin-bottom: 8px
    }

    .articles-grid .grid-item:nth-child(7n+5) {
        margin-bottom: 42px
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card {
        padding: 20px 42px 81px
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .date, .articles-grid .grid-item:nth-child(7n+5) .article-card .source {
        margin-bottom: 13px
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .image {
        order: -1;
        margin-bottom: 0;
        margin-top: -87px;
        max-width: 100%;
        margin-right: 0
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .title {
        margin-top: 0
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .content {
        padding-top: 32px
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .content-text {
        padding-top: 0;
        margin-right: 0;
        max-width: 100%
    }

    .articles-grid .grid-item:nth-child(7n+6) {
        margin-bottom: 108px
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card {
        padding-right: 42px
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .title {
        max-width: none
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .image {
        margin-left: 0;
        max-width: 100%
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .content {
        padding-top: 32px;
        margin-left: 0
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .source, .articles-grid .grid-item:nth-child(7n+6) .article-card .date {
        margin-bottom: 23px
    }

    .articles-grid .grid-item:nth-child(7n+6) .article-card .content-text {
        padding-top: 0;
        max-width: 100%
    }

    .articles-grid .grid-item:nth-child(7n) {
        margin-bottom: 152px
    }

    .articles-grid .grid-item:nth-child(7n) .article-card {
        padding: 20px 42px 54px;
        margin-right: 0
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .image {
        margin-bottom: 0;
        margin-top: -115px;
        order: -1;
        max-width: 100%
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .content {
        padding-top: 32px;
        flex-basis: 100%
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .main-content {
        padding-right: 0
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .source, .articles-grid .grid-item:nth-child(7n) .article-card .date {
        margin-bottom: 24px
    }

    .articles-grid .grid-item:nth-child(7n) .article-card .title {
        margin: 0 0 8px
    }

    .articles-grid .grid-item:last-child {
        margin-bottom: 0;
        margin-top: 0
    }

    .section-post.article .article-source {
        font-size: 21px;
        margin-top: 12px
    }

    .section-post .article-content h1 {
        font-size: 40px;
        font-weight: 700;
        margin-top: 17px;
        line-height: .9;
        margin-bottom: 33px
    }

    .section-post .post-banner {
        padding: 32px 42px 37px 50px;
        margin: 45px -42px 31px;
        letter-spacing: -0.4px
    }
}

@media screen and (max-width: 767px)and (min-width: 650px) {
    .flex-hero {
        padding-top: 66px;
        padding-right: 0;
        padding-left: 23%
    }

    .flex-hero .flex-item:nth-child(2) {
        left: 10%;
        bottom: -181px
    }

    .flex-hero .flex-item:nth-child(3) {
        bottom: -424px
    }
}

@media screen and (max-width: 650px) {
    body.home .section-hero {
        padding-top: 276px
    }

    body.home .section-hero h2 {
        font-size: 24px !important
    }

    .flex-hero .flex-item:nth-child(2) {
        left: 0;
        bottom: -166px
    }

    .flex-hero .flex-item:nth-child(3) {
        bottom: -347px
    }
}

@media screen and (max-width: 767px)and (min-width: 480px) {
    .section-hero-blog h1 {
        font-size: 90px;
        line-height: .94
    }

    .section-hero-blog h1:after {
        width: 150px;
        margin: 19px 62px 0 0
    }

    .section-hero-blog .title {
        max-width: 300px
    }
}

@media screen and (max-width: 700px) {
    .top-section-shirts h1 {
        font-size: 81px;
        line-height: 75px
    }
}

@media screen and (max-width: 639px) {
    .shirts-collection h3 {
        font-size: 21px;
        font-weight: 600;
        line-height: 37px;
        margin-bottom: 2px
    }

    .top-section-shirts {
        font-size: 14px
    }

    .top-section-shirts .info-topsection {
        max-width: 95%
    }

    .top-section-shirts h1 {
        font-size: 40px;
        line-height: 37.6px;
        max-width: 281px
    }

    .product-list {
        flex-wrap: wrap
    }

    .product-list li {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        margin: 0 0 27px
    }

    .product-list li span {
        position: static;
        display: block;
        text-align: center;
        margin: 0 auto;
        transform: none
    }

    .organization-grid {
        padding: 0 27px
    }

    .single-organization {
        flex-direction: column
    }

    .single-organization .contacts {
        padding-right: 42px
    }

    .single-organization:first-child {
        margin-right: 0;
        margin-bottom: 98px
    }

    .single-organization:nth-child(2) {
        margin-bottom: 116px
    }

    .single-organization:nth-child(3) {
        margin-right: 0;
        margin-bottom: 91px
    }

    .single-organization .title {
        font-size: 60px;
        line-height: 55px;
        margin-bottom: 12px
    }

    .single-organization .contacts li {
        font-size: 14px;
        padding: 17px 0 13px
    }

    .single-organization .contacts li:before {
        right: -42px;
        top: 54%
    }

    .thanks-message p {
        font-size: 21px;
        line-height: 34px;
        margin-bottom: 16px
    }

    .thanks-message .button {
        background: transparent url("../images/next-page.png.webp") 0 50% no-repeat;
        background-size: 31px;
        color: #000;
        font-size: 14px;
        font-weight: 300;
        line-height: 40px;
        height: 40px;
        justify-content: flex-start;
        width: auto;
        padding-left: 44px
    }

    .section-contact-form {
        padding: 50px 0 66px
    }

    .section-contact-form h1 {
        margin-right: 0;
        margin-bottom: 40px
    }

    .section-contact-form .wpcf7 form.invalid .wpcf7-response-output, .section-contact-form .wpcf7 form.unaccepted .wpcf7-response-output {
        margin: 5px 0 0;
        font-size: 15px
    }

    .contact-form .note {
        font-size: 13px;
        margin: 3px 0 7px
    }

    .section-contact-form-shirts {
        padding: 19px 25px 35px
    }

    .section-contact-form-shirts h3 {
        font-weight: 600;
        margin-bottom: 20px;
        font-size: 34px
    }

    .section-contact-form-shirts h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 20px;
        font-weight: 600;
        max-width: 300px
    }

    .section-contact-form-shirts .contact-form {
        margin-right: 0;
        padding-left: 5px
    }

    .section-contact-form-shirts .contact-form input[type=submit] {
        margin-top: 0;
        padding-left: 21px;
        background: none;
        width: 120px;
        position: relative;
        left: -25px;
        z-index: 3
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:last-of-type:after {
        left: 25px
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:first-child {
        margin-bottom: 7px
    }

    .section-contact-form-shirts .contact-form .form-field label {
        margin: 10px 0 0 7px;
        line-height: 1.2;
        width: 47px;
        max-width: 47px
    }

    .section-contact-form-shirts .contact-form .form-field:last-child {
        margin-top: 39px
    }

    .section-contact-form-shirts .contact-form .form-field:last-child label {
        margin: -5px 0 0 7px
    }

    .section-contact-form-shirts .contact-form input[type=text], .section-contact-form-shirts .contact-form input[type=tel], .section-contact-form-shirts .contact-form input[type=email], .section-contact-form-shirts .contact-form input[type=password] {
        height: 25px;
        font-size: 14px;
        line-height: 100%
    }

    .section-contact-form-shirts div.wpcf7-response-output {
        font-size: 14px
    }

    .contact-form {
        margin: 0
    }

    .contact-form textarea {
        height: 115px;
        border-radius: 4px
    }

    .contact-form .form-field label {
        font-size: 14px;
        margin-bottom: 0;
        margin-top: -4px
    }

    .contact-form .form-field:not(:last-child) {
        margin-bottom: 24px
    }

    .contact-form .form-field:last-child {
        margin-top: 41px
    }

    .contact-form .flex {
        flex-direction: column
    }

    .contact-form .flex .flex-item:first-child {
        margin-left: 0;
        margin-bottom: 10px
    }

    .contact-form .flex .flex-item:last-child {
        text-align: left;
        margin-top: 0
    }

    .contact-form input[type=submit] {
        background: transparent url("../images/next-page-rtl.png.webp") 4px 50% no-repeat;
        background-size: 31px;
        color: #000;
        font-size: 14px;
        font-weight: 300;
        line-height: 40px;
        height: 40px;
        padding-left: 50px;
        width: auto
    }

    .contact-form .button .text-link, .contact-form .button:hover .text-link {
        display: none
    }

    .section-contact-form-shirts .contact-form .flex .flex-item:last-child input[type=submit] {
        padding-left: 50px
    }

    .back-to-main {
        padding-left: 35px;
        background: transparent url("../images/next-page.gif") 23px 50% no-repeat;
        background-size: 31px;
        color: #000;
        font-size: 14px;
        font-weight: 300;
        line-height: 40px;
        height: 40px;
        position: relative;
        z-index: 99
    }

    .section-organization {
        padding: 55px 0 150px
    }

    .section-organization:after {
        top: auto;
        bottom: 50px;
        left: -48%;
        right: -31%;
        height: 200px
    }

    .book-slider .book-slide img {
        max-width: 60px
    }
}

@media screen and (max-width: 570px) {
    .section-sitemap .container {
        padding-left: 40px;
        padding-right: 40px
    }

    .section-sitemap h2 {
        font-size: 21px;
        margin-bottom: 5px
    }

    .sitemap-widgets {
        flex-wrap: wrap
    }

    .sitemap-widgets .widget {
        width: 100%;
        margin-bottom: 25px
    }

    .section-sitemap a {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 530px) {
    .page-template-template-videos .breadcrumbs-holder {
        margin-top: 118px
    }

    .flex-header .additional-menu {
        background: #f1f1f1
    }

    .sing-about img {
        bottom: -20px;
        left: 0
    }

    .section-hero-articles .content {
        max-width: 182px
    }

    .section-page-vision:after {
        top: 38%
    }

    body.home .section-hero {
        min-height: 583px;
        padding-top: 179px
    }

    body.home .section-hero h2 {
        font-size: 24px
    }

    .doing-good-img h2 {
        font-size: 40px;
        left: 36px;
        width: 113px
    }

    .doing-good-img h2:after {
        width: 66px;
        right: 0;
        left: auto
    }

    .flex-footer {
        position: relative
    }

    .flex-footer .icon-instagram {
        width: 24px
    }

    .flex-footer .flex-item:last-child {
        margin-left: 0
    }

    .flex-footer .icon-links li {
        margin: 0 5px
    }

    .flex-footer .icon {
        font-size: 22px
    }

    .flex-header {
        flex-wrap: wrap
    }

    .flex-header .flex-item:nth-child(2) {
        order: 1;
        width: calc(100% + 30px);
        margin: 0 -15px
    }

    .flex-header .additional-menu {
        margin: 5px 0 -6px;
        padding: 14px 0 13px
    }

    .flex-hero .flex-item {
        width: 93px
    }

    .flex-hero .flex-item:nth-child(1) h2 {
        margin-bottom: -5px
    }

    .flex-hero .flex-item:nth-child(2) {
        bottom: -114px;
        padding-right: 7px
    }

    .flex-hero .flex-item:nth-child(2) h2 {
        margin-bottom: -8px
    }

    .flex-hero .flex-item:nth-child(3) {
        max-width: 100px;
        bottom: -245px;
        left: 8px;
        right: auto
    }

    .flex-hero .flex-item:nth-child(3) h2 {
        line-height: 1;
        margin-bottom: -5px
    }
}

@media screen and (max-width: 480px) {
    .section-post .sub-caption {
        width: 100px;
        top: 9px
    }

    .slider-talks-about .slide-content blockquote {
        width: 298px !important;
        margin: 0 auto
    }

    .slider-talks-about .slide-content {
        padding-left: 0;
        padding-right: 0
    }

    .articles-grid .text {
        max-width: 100%
    }

    .section-hero-video .content {
        max-width: 182px
    }

    .video-card .video {
        min-height: 208px
    }

    .section-post .post-video, .section-post .article-video, .section-article .post-video, .section-article .article-video {
        height: 200px;
        margin: 0 10px 39px
    }

    .post-card .image {
        max-height: 250px
    }

    .section-radio-category h2 {
        max-width: 271px
    }

    .original-books-grid .flex-item:first-child .original-book-card .title {
        margin-bottom: 17px
    }

    .original-books-grid .flex-item:first-child .original-book-card .title:after {
        margin-top: 31px
    }

    .original-books-grid .flex-item:first-child .original-book-card p {
        padding-left: 27px
    }

    .additional-menu ul li {
        margin: 0 16px
    }

    .section-translated-books .title h2 {
        max-width: 200px
    }

    .section-hero-books h1 {
        max-width: 160px
    }

    #main .section-page-about {
        min-height: 498px
    }

    .flex-awards {
        padding: 36px 0 64px
    }

    .flex-awards .flex-item:last-child h2 {
        max-width: 100px
    }

    .flex-awards h2 {
        margin: 20px 0 30px
    }

    .flex-awards h2:after {
        margin: 11px auto 0
    }

    .articles-grid .grid-item:nth-child(7n+1) .article-card .title {
        max-width: 173px
    }

    .articles-grid .grid-item:nth-child(7n+2) .article-card .image {
        height: 270px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .title {
        max-width: 182px
    }

    .articles-grid .grid-item:nth-child(7n+4) .article-card .image {
        height: 256px
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card {
        padding-bottom: 46px
    }

    .articles-grid .grid-item:nth-child(7n+5) .article-card .image {
        height: 251px
    }
}

@media screen and (max-width: 400px) {
    .radio-card .image {
        height: auto
    }

    .radio-card .image.video {
        height: 335px
    }

    .video-block .video iframe, .article-block .video iframe, .article-block img {
        height: 147px;
        width: 100%
    }

    .sing-about img {
        bottom: -64px;
        left: 0
    }

    .radio-category li .text {
        max-width: 215px
    }
}

@media screen and (max-width: 375px) {
    .section-page-vision {
        padding-bottom: 28%
    }

    .section-post .post-video, .section-post .article-video, .section-article .post-video, .section-article .article-video {
        height: 147px;
        margin: 0 10px 39px
    }

    .section-page-vision:after {
        height: 194px;
        top: 60%
    }

    .section-page-about:after {
        bottom: -101px;
        left: -10%;
        width: 115%;
        background-size: cover;
        height: 244px;
        transform: translate(0)
    }
}

@media screen and (max-height: 1200px) {
    .header .main-nav, .header .submenu {
        overflow: auto
    }
}

@media screen and (max-width: 367px) {
    .top-section-shirts h1 {
        font-size: 33px;
        max-width: none
    }

    .top-section-shirts .to-form-btn {
        font-size: 19px
    }

    .footer-nav li {
        margin: 0 5px;
        font-size: 13px
    }
}

@media screen and (max-width: 350px) {
    .btn-list {
        padding-left: 0
    }
}