@charset "UTF-8";
@import "../fonts/texgyreheros/all.css";
@import "../fonts/coolvetica/all.css";
@import "../libs/bootstrap-5.3.3-dist/css/bootstrap.min.css";

body.admin-bar #header {
    top: 32px;
}

body.admin-bar #header nav ul {
    min-height: calc(100% - 45px);
}

@media screen and (max-width: 782px) {
    body.admin-bar #header {
        top: 46px;
    }

    body.admin-bar #header nav ul {
        min-height: calc(100% - 59px);
    }
}

@media screen and (max-width: 767px) {
    body.opened-mobile-menu {
        overflow: hidden;
    }

    body.opened-mobile-menu header#header:before {
        width: 100%;
    }

    body.opened-mobile-menu header#header .mobile_menu:before {
        content: "Close";
        color: #FAFAFA;
    }

    body.opened-mobile-menu header#header nav {
        right: 0px;
        overflow: auto;
    }
}

header#header {
    display: block;
    width: 100%;
    height: 56px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    padding-bottom: 20px;
    line-height: 1;
    z-index: 100;
    transition: all 0.3s linear;
}

header#header:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #020202;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.3s linear;
}

header#header .main_menu {
    display: flex;
    align-items: flex-end;
    height: 36px;
}

@media screen and (max-width: 767px) {
    header#header .main_menu {
        flex-wrap: wrap;
        justify-content: center;
    }
}

header#header .main_menu .mobile_menu {
    display: none;
    cursor: pointer;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    header#header .main_menu .mobile_menu {
        display: block;
    }
}

header#header .main_menu .mobile_menu:before {
    content: "Menu";
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    text-align: center;
    color: #020202;
    transition: all 0.3s linear;
}

header#header .menu__body {
    width: 100%;
}

@media screen and (max-width: 767px) {
    header#header .menu__body {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    header#header nav {
        position: absolute;
        top: 0px;
        right: 100%;
        width: 100%;
        height: 100vh;
        background: #020202;
        transition: all 0.3s linear;
        overflow: hidden;
    }
}

header#header nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 13%;
}

@media screen and (max-width: 1024px) {
    header#header nav ul {
        gap: 9%;
    }
}

@media screen and (max-width: 767px) {
    header#header nav ul {
        display: block;
        flex-wrap: wrap;
        gap: 0;
        padding: 125px 15px 60px;
        min-height: calc(100% - 13px);
    }
}

header#header nav ul li {
    text-align: center;
    white-space: nowrap;
    flex: 1 0 0%;
}

@media screen and (max-width: 767px) {
    header#header nav ul li {
        flex: 0 0 100%;
        text-align: left !important;
        margin-bottom: 15px;
    }
}

header#header nav ul li:first-child {
    text-align: left;
}

header#header nav ul li:last-child {
    text-align: right;
}

header#header nav ul a {
    font-family: "TeX Gyre Heros", sans-serif;
    color: #020202;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {
    header#header nav ul a {
        color: #FAFAFA;
        font-family: "Coolvetica", sans-serif;
        font-size: 62px;
        font-weight: 400;
        line-height: 1;
    }
}

header#header nav ul a.active,
header#header nav ul a:hover {
    color: #08C9A3;
}

header#header .footer {
    width: 100%;
    color: #FAFAFA;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

header#header .footer .col {
    padding: 0px 15px;
}

footer#footer {
    background: #B6B6B6;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    footer#footer {
        padding-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    footer#footer {
        padding-top: 20px;
    }
}

footer#footer .title {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    footer#footer .title {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    footer#footer .title {
        padding-top: 10px;
        font-size: 22px;
    }
}

footer#footer .top_wrap {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    footer#footer .top_wrap {
        display: flex;
    }
}

@media screen and (max-width: 1024px) {
    footer#footer .top_wrap .item_menu {
        width: 50%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    footer#footer .top_wrap .item_menu:nth-child(1) {
        width: 50%;
        order: 1;
    }

    footer#footer .top_wrap .item_menu:nth-child(2) {
        width: 100%;
        order: 4;
    }

    footer#footer .top_wrap .item_menu:nth-child(3) {
        width: 50%;
        order: 2;
    }

    footer#footer .top_wrap .item_menu:nth-child(4) {
        width: 100%;
        order: 3;
    }
}

footer#footer .top_wrap ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

footer#footer .top_wrap a {
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2%;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {
    footer#footer .top_wrap a {
        font-size: 14px;
    }
}

footer#footer .top_wrap a:hover {
    color: #FFFFFF;
}

footer#footer .top_wrap [type=text],
footer#footer .top_wrap [type=email] {
    border: 2px solid #020202;
    max-width: 335px;
    width: 100%;
    height: 40px;
    background: transparent;
    outline: none;
    padding: 0px 16px;
    margin-bottom: 5px;
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {

    footer#footer .top_wrap [type=text],
    footer#footer .top_wrap [type=email] {
        max-width: 100%;
    }
}

footer#footer .top_wrap [type=text]::placeholder,
footer#footer .top_wrap [type=text]:-moz-placeholder,
footer#footer .top_wrap [type=text]::-ms-placeholder,
footer#footer .top_wrap [type=text]::-webkit-input-placeholder,
footer#footer .top_wrap [type=email]::placeholder,
footer#footer .top_wrap [type=email]:-moz-placeholder,
footer#footer .top_wrap [type=email]::-ms-placeholder,
footer#footer .top_wrap [type=email]::-webkit-input-placeholder {
    opacity: 1;
    color: #020202;
}

footer#footer .top_wrap [type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 40px;
    padding: 0px 16px;
    background: #020202;
    color: #B6B6B6;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    border: none;
    text-transform: uppercase;
    transition: all 0.3s linear;
}

footer#footer .top_wrap [type=submit]:hover {
    color: #FFFFFF;
}

footer#footer .top_wrap .item_title {
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    opacity: 0.3;
}

@media screen and (max-width: 767px) {
    footer#footer .top_wrap .item_title {
        font-size: 14px;
    }
}

footer#footer .top_wrap .item_content {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    footer#footer .top_wrap .item_content {
        margin-bottom: 10px;
    }
}

footer#footer .logo_wrap {
    margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {
    footer#footer .logo_wrap {
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    footer#footer .logo_wrap {
        margin-top: 0px;
    }
}

footer#footer .logo_wrap img {
    max-width: 250px;
    height: auto;
}

@media screen and (max-width: 1024px) {
    footer#footer .logo_wrap img {
        max-width: 200px;
    }
}

@media screen and (max-width: 767px) {
    footer#footer .logo_wrap img {
        max-width: 100px;
    }
}

footer#footer .footer_bottom {
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    footer#footer .footer_bottom > div:nth-child(1) {
        width: 100%;
    }

    footer#footer .footer_bottom > div:nth-child(2) {
        width: 50%;
        text-align: left !important;
    }

    footer#footer .footer_bottom > div:nth-child(3) {
        width: 50%;
        text-align: right;
    }

    footer#footer .footer_bottom > div span {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    footer#footer .footer_bottom > div {
        font-size: 12px;
        white-space: nowrap;
    }
}

footer#footer .footer_bottom a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    transition: all 0.3s linear;
}

footer#footer .footer_bottom a:hover {
    color: #FFFFFF;
}

body.page-template-default .site_wrap,
body.page-template .site_wrap {
    padding-top: 236px;
}

@media screen and (max-width: 1024px) {

    body.page-template-default .site_wrap,
    body.page-template .site_wrap {
        padding-top: 188px;
    }
}

@media screen and (max-width: 767px) {

    body.page-template-default .site_wrap,
    body.page-template .site_wrap {
        padding-top: 216px;
    }
}

body.page-template-default h1,
body.page-template h1 {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 218px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8;
    letter-spacing: -4.36px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {

    body.page-template-default h1,
    body.page-template h1 {
        font-size: 128px;
        letter-spacing: unset;
        margin-bottom: 33px;
    }
}

@media screen and (max-width: 767px) {

    body.page-template-default h1,
    body.page-template h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }
}

body.page-template-default .page_content,
body.page-template .page_content {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 100px;
}

@media screen and (max-width: 1024px) {

    body.page-template-default .page_content,
    body.page-template .page_content {
        font-size: 34px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {

    body.page-template-default .page_content,
    body.page-template .page_content {
        font-size: 20px;
        padding-bottom: 40px;
    }
}

body.page-template-default .page_content ul,
body.page-template .page_content ul {
    list-style: none;
    padding: 0px;
    margin-top: 100px;
    margin-bottom: 100px;
}

@media screen and (max-width: 767px) {

    body.page-template-default .page_content ul,
    body.page-template .page_content ul {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

body.page-template-default .page_content ul li a,
body.page-template .page_content ul li a {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.95;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

@media screen and (max-width: 1024px) {

    body.page-template-default .page_content ul li a,
    body.page-template .page_content ul li a {
        font-size: 58px;
    }
}

@media screen and (max-width: 767px) {

    body.page-template-default .page_content ul li a,
    body.page-template .page_content ul li a {
        font-size: 28px;
    }
}

body.page-template-default .page_content ul li a:after,
body.page-template .page_content ul li a:after {
    content: "[+]";
    position: relative;
    top: -18px;
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    transition: all 0.3s linear;
}

@media screen and (max-width: 1024px) {

    body.page-template-default .page_content ul li a:after,
    body.page-template .page_content ul li a:after {
        top: -17px;
    }
}

@media screen and (max-width: 767px) {

    body.page-template-default .page_content ul li a:after,
    body.page-template .page_content ul li a:after {
        font-size: 12px;
        top: -10px;
    }
}

body.page-template-default .page_content ul li a:hover,
body.page-template .page_content ul li a:hover {
    color: #08C9A3;
}

body.page-template-default .page_content ul li a:hover:after,
body.page-template .page_content ul li a:hover:after {
    color: #08C9A3;
}

body.page-template-page-about_us h1 {
    color: #FAFAFA;
    font-size: 218px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us h1 {
        font-size: 150px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }
}

body.page-template-page-about_us header#header {
    background: #020202;
}

body.page-template-page-about_us header#header nav ul a {
    color: #FAFAFA;
}

body.page-template-page-about_us header#header .mobile_menu:before {
    color: #FFFFFF;
}

body.page-template-page-about_us .site_wrap {
    padding-top: 236px;
    background: #020202;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .site_wrap {
        padding-top: 188px;
    }
}

body.page-template-page-about_us .page_content {
    color: #FAFAFA;
    font-family: "Coolvetica", sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .page_content {
        font-size: 34px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us .page_content {
        font-size: 20px;
        margin-bottom: 5px;
    }
}

body.page-template-page-about_us .page_content a {
    white-space: normal;
    color: #404040;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s linear;
}

body.page-template-page-about_us .page_content a:hover {
    color: #08C9A3;
}

body.page-template-page-about_us .page_content a em {
    position: relative;
    top: -14px;
    margin-left: 5px;
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us .page_content a em {
        top: -4px;
        margin-left: 2px;
        font-size: 10px;
    }
}

body.page-template-page-about_us .slider_wrap {
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .slider_wrap {
        margin-bottom: 20px;
    }
}

body.page-template-page-about_us .more_content {
    color: #FAFAFA;
    font-family: "Coolvetica", sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-left: calc(100% / 3);
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .more_content {
        margin-left: 0px;
    }
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .more_content {
        font-size: 20px;
    }
}

body.page-template-page-about_us .more_content p {
    margin-bottom: 20px;
    text-indent: 13%;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .more_content p {
        text-indent: 12%;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us .more_content p {
        text-indent: 0;
    }
}

body.page-template-page-about_us .more_content p:first-child {
    text-indent: 0px;
}

body.page-template-page-about_us .more_content p:last-child {
    margin-bottom: 0px;
}

body.page-template-page-about_us .awards_wrap {
    padding-top: 200px;
    padding-bottom: 180px;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .awards_wrap {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us .awards_wrap {
        padding-top: 80px;
    }
}

body.page-template-page-about_us .awards_wrap .header {
    align-items: flex-end;
    margin-bottom: 30px;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-about_us .awards_wrap .header {
        margin-bottom: 10px;
    }
}

body.page-template-page-about_us .awards_wrap h2 {
    margin-bottom: 0px;
    width: calc(100% - 308px);
}

@media screen and (max-width: 1099px) {
    body.page-template-page-about_us .awards_wrap h2 {
        font-size: 150px;
    }
}

@media screen and (max-width: 860px) {
    body.page-template-page-about_us .awards_wrap h2 {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us .awards_wrap h2 {
        font-size: 52px;
    }
}

body.page-template-page-about_us .awards_wrap .show_type {
    display: flex;
    gap: 20px;
    list-style: none;
    width: 308px;
}

@media screen and (max-width: 860px) {
    body.page-template-page-about_us .awards_wrap .show_type {
        width: 100%;
        margin-bottom: 40px;
    }
}

body.page-template-page-about_us .awards_wrap .show_type a {
    color: #404040;
    font-family: "Coolvetica", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}

@media screen and (max-width: 1099px) {
    body.page-template-page-about_us .awards_wrap .show_type a {
        font-size: 58px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us .awards_wrap .show_type a {
        font-size: 14px;
    }
}

body.page-template-page-about_us .awards_wrap .show_type a.active {
    color: #FAFAFA;
}

body.page-template-page-about_us .awards_wrap .awards_list {
    margin-bottom: 0px;
}

body.page-template-page-about_us .awards_wrap .awards_icons .item {
    width: calc(100% / 7);
    margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
    body.page-template-page-about_us .awards_wrap .awards_icons .item {
        width: calc(100% / 6);
    }
}

@media screen and (max-width: 991px) {
    body.page-template-page-about_us .awards_wrap .awards_icons .item {
        width: 20%;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-about_us .awards_wrap .awards_icons .item {
        width: 25%;
    }
}

@media screen and (max-width: 575px) {
    body.page-template-page-about_us .awards_wrap .awards_icons .item {
        width: calc(100% / 3);
    }
}

body.page-template-page-about_us .awards_wrap .awards_icons .item img {
    max-width: 100%;
    width: 100%;
}

body.home h1 {
    display: none;
}

body.home .site_wrap {
    padding-top: 130px;
}

@media screen and (max-width: 1024px) {
    body.home .site_wrap {
        padding-top: 150px;
    }
}

@media screen and (max-width: 767px) {
    body.home .site_wrap {
        padding-top: 210px;
    }
}

body.home .image_title {
    text-align: center;
}

body.home .image_title .item {
    overflow: hidden;
}

body.home .image_title img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

@media all and (min-width: 768px) {
    body.home .image_title img.mobile {
        display: none;
    }
}

@media print {
    body.home .image_title img.mobile {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    body.home .image_title img.desktop {
        display: none;
    }
}

body.home .image_title img.films {
    width: 39.36%;
}

body.home .page_header {
    margin-bottom: 15px;
    order: 1;
}

@media screen and (max-width: 767px) {
    body.home .page_header {
        margin-bottom: 20px;
    }
}

body.home .slider_wrap {
    position: relative;
    order: 2;
}

@media screen and (max-width: 1024px) {
    body.home .slider_wrap {
        margin-bottom: 20px;
    }
}

body.home .slider_wrap .animate__animated {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background: #FFFFFF;
    transform: scale3d(0.5, 0.5, 0.5);
    z-index: 1;
}

body.home .works_wrap {
    margin-top: 132px;
    padding-bottom: 154px;
}

@media screen and (max-width: 1024px) {
    body.home .works_wrap {
        padding-top: 0px;
        margin-top: 150px;
    }
}

@media screen and (max-width: 767px) {
    body.home .works_wrap {
        margin-top: 80px;
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 767px) {
    body.home .works_wrap h2 {
        margin-bottom: 32px;
    }
}

body.home .works_wrap .item {
    margin-top: 26px;
    margin-bottom: 149px;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    body.home .works_wrap .item {
        margin-top: 0px;
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 767px) {
    body.home .works_wrap .item {
        margin-bottom: 40px;
    }
}

body.home .works_wrap .item:nth-child(1) .video_wrap {
    padding-top: 74%;
}

body.home .works_wrap .item:nth-child(1) .video_wrap video {
    height: 105%;
    transform: translateX(-14%) translateY(-2%);
}

body.home .works_wrap .item:nth-child(2) .video_wrap {
    padding-top: 55%;
}

body.home .works_wrap .item:nth-child(2) .video_wrap video {
    width: 138%;
    transform: translateX(-14%) translateY(-18%);
}

body.home .works_wrap .item:nth-child(3) .video_wrap {
    padding-top: 44%;
}

body.home .works_wrap .item:nth-child(3) .video_wrap video {
    width: 138%;
    transform: translateX(-14%) translateY(-18%);
}

body.home .works_wrap .item:nth-child(4) .video_wrap {
    padding-top: 55%;
}

body.home .works_wrap .item:nth-child(4) .video_wrap video {
    width: 138%;
    transform: translateX(-14%) translateY(-18%);
}

body.home .works_wrap .item:nth-child(5) .video_wrap {
    padding-top: 55%;
}

body.home .works_wrap .item:nth-child(5) .video_wrap video {
    width: 138%;
    transform: translateX(-14%) translateY(-18%);
}

body.home .works_wrap .item:nth-child(6) .video_wrap {
    padding-top: 74%;
}

body.home .works_wrap .item:nth-child(6) .video_wrap video {
    height: 105%;
    transform: translateX(-14%) translateY(-2%);
}

body.home .works_wrap .item:nth-child(7) .video_wrap {
    padding-top: 55%;
}

body.home .works_wrap .item:nth-child(7) .video_wrap video {
    width: 138%;
    transform: translateX(-14%) translateY(-18%);
}

body.home .works_wrap .item .video_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    body.home .works_wrap .item .video_wrap {
        padding-top: 57% !important;
    }
}

body.home .works_wrap .item .video_wrap video {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
}

@media screen and (max-width: 767px) {
    body.home .works_wrap .item .video_wrap video {
        height: unset !important;
        width: 138% !important;
        transform: translateX(-14%) translateY(-12%) !important;
    }
}

body.home .works_wrap .item .title,
body.home .works_wrap .item .subtitle {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {

    body.home .works_wrap .item .title,
    body.home .works_wrap .item .subtitle {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {

    body.home .works_wrap .item .title,
    body.home .works_wrap .item .subtitle {
        font-size: 16px;
    }
}

body.home .works_wrap .item .subtitle {
    color: #B6B6B6;
}

body.home .works_wrap .with_number {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

body.home .works_wrap .with_number:hover {
    color: #08C9A3;
}

@media screen and (max-width: 1024px) {
    body.home .works_wrap .with_number {
        font-size: 55px;
    }
}

@media screen and (max-width: 767px) {
    body.home .works_wrap .with_number {
        font-size: 28px;
    }
}

body.home .works_wrap .with_number span {
    font-size: 30px;
    font-weight: 400;
    margin-top: 8px;
}

@media screen and (max-width: 767px) {
    body.home .works_wrap .with_number span {
        font-size: 14px;
        margin-top: 4px;
    }
}

body.home .content_wrap {
    position: relative;
    padding-top: 178px;
    padding-bottom: 178px;
    background: #020202;
    color: #FAFAFA;
    font-family: "Coolvetica", sans-serif;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: 2px;
    text-transform: uppercase;
    overflow: hidden;
}

@media screen and (max-width: 1024px) {
    body.home .content_wrap {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 767px) {
    body.home .content_wrap {
        padding-top: 80px;
        font-size: 28px;
    }
}

body.home .content_wrap .paralax {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

body.home .content_wrap p {
    position: relative;
    text-indent: 33%;
    margin-bottom: 0;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    body.home .content_wrap p {
        text-indent: 50%;
        font-size: 3.4rem;
    }
}

@media screen and (max-width: 767px) {
    body.home .content_wrap p {
        text-indent: 30%;
        font-size: 23px;
    }
}

body.home .content_wrap a {
    white-space: normal;
    color: #404040;
    text-decoration: none;
    transition: all 0.3s linear;
}

body.home .content_wrap a.with_number {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    color: #FFFFFF;
    font-family: "Coolvetica", sans-serif;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 1;
    transition: all 0.3s linear;
}

body.home .content_wrap a.with_number:hover {
    color: #08C9A3;
}

@media screen and (max-width: 1024px) {
    body.home .content_wrap a.with_number {
        font-size: 55px;
    }
}

@media screen and (max-width: 767px) {
    body.home .content_wrap a.with_number {
        font-size: 28px;
    }
}

body.home .content_wrap a.with_number span {
    font-size: 30px;
    font-weight: 400;
    margin-top: 8px;
}

@media screen and (max-width: 767px) {
    body.home .content_wrap a.with_number span {
        font-size: 14px;
        margin-top: 4px;
    }
}

body.home .content_wrap a:hover {
    color: #08C9A3;
}

body.home .content_wrap a em {
    position: relative;
    top: -14px;
    margin-left: 5px;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
}

@media screen and (max-width: 767px) {
    body.home .content_wrap a em {
        top: -7px;
        margin-left: 2px;
        font-size: 12px;
    }
}

body.home .directors_wrap {
    padding-top: 60px;
    padding-bottom: 125px;
}

@media screen and (max-width: 1024px) {
    body.home .directors_wrap {
        padding-top: 20px;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    body.home .directors_wrap {
        padding-bottom: 30px;
    }
}

body.home .directors_wrap .title {
    width: 100%;
    height: auto;
    margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {
    body.home .directors_wrap .title {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    body.home .directors_wrap .title {
        margin-bottom: 40px;
    }
}

body.home .directors_wrap .directors_list {
    position: relative;
    min-height: 360px;
}

@media screen and (max-width: 1400px) {
    body.home .directors_wrap .directors_list {
        min-height: calc(100vw * 0.28);
    }
}

body.home .directors_wrap .directors_list .item {
    margin-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s linear;
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.56px;
    text-transform: uppercase;
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    body.home .directors_wrap .directors_list .item {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    body.home .directors_wrap .directors_list .item {
        font-size: 14px;
        cursor: default;
    }

    body.home .directors_wrap .directors_list .item:not(.active) {
        height: 16px;
        overflow: hidden;
    }
}

body.home .directors_wrap .directors_list .item:hover,
body.home .directors_wrap .directors_list .item.active {
    color: #08C9A3;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    body.home .directors_wrap .directors_list .item.active .video_wrap {
        height: calc((100vw - 22px) * 0.58);
    }
}

@media screen and (max-width: 1024px) {
    body.home .directors_wrap .directors_list .item {
        margin-bottom: 10px;
    }
}

body.home .directors_wrap .directors_list .item div:last-child {
    text-align: right;
}

body.home .directors_wrap .directors_list .item .video_wrap {
    position: absolute;
    top: 0px;
    right: 100px;
    width: 45%;
    /* padding-top: calc(45% * 0.56); */
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    body.home .directors_wrap .directors_list .item .video_wrap {
        position: relative;
        left: 0px;
        right: unset;
        width: calc(100vw - 22px);
        padding-top: 0;
        height: 0px;
        overflow: hidden;
        transition: all 0.3s linear;
        animation-name: unset;
    }

    body.home .directors_wrap .directors_list .item .video_wrap video {
        height: 100%;
    }
}

body.home .directors_wrap .directors_list .item .video_wrap video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

body.home .directors_wrap .directors_list .item .video_wrap .more_details {
    display: none;
    color: #FFFFFF;
    font-family: "Coolvetica", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    text-decoration: none;
    z-index: 1;
    transform: translateX(15px) translateY(-50%);
}

@media screen and (max-width: 767px) {
    body.home .directors_wrap .directors_list .item .video_wrap .more_details {
        display: inline-block;
    }
}

@media screen and (max-width: 1024px) {
    body.page-template-page-with_video h1 {
        font-size: 150px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-with_video h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1024px) {
    body.page-template-page-with_video .page_content {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-with_video .page_content {
        padding-bottom: 40px;
    }
}

body.page-template-page-with_video .page_content p:last-child {
    margin-bottom: 0px;
}

body.page-template-page-with_video .page_content .with_number .more,
body.page-template-page-with_video .page_content .with_number .less {
    display: inline-flex;
    align-items: flex-start;
    gap: 5px;
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

body.page-template-page-with_video .page_content .with_number .more:hover,
body.page-template-page-with_video .page_content .with_number .less:hover {
    color: #08C9A3;
}

@media screen and (max-width: 1024px) {

    body.page-template-page-with_video .page_content .with_number .more,
    body.page-template-page-with_video .page_content .with_number .less {
        font-size: 55px;
    }
}

@media screen and (max-width: 767px) {

    body.page-template-page-with_video .page_content .with_number .more,
    body.page-template-page-with_video .page_content .with_number .less {
        font-size: 28px;
    }
}

body.page-template-page-with_video .page_content .with_number[aria-expanded=true] .more {
    display: none;
}

body.page-template-page-with_video .page_content .with_number[aria-expanded=true] .less {
    display: inline-flex;
}

body.page-template-page-with_video .page_content .with_number .less {
    display: none;
}

body.page-template-page-with_video .page_content .with_number .icon {
    font-size: 30px;
    font-weight: 400;
    margin-top: 8px;
}

@media screen and (max-width: 767px) {
    body.page-template-page-with_video .page_content .with_number .icon {
        font-size: 14px;
        margin-top: 4px;
    }
}

body.page-template-page-with_video .page_content #collapseMoreAbout {
    padding-top: 40px;
}

body.page-template-page-with_video .video_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 56%;
}

body.page-template-page-with_video .video_wrap video {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    height: 139%;
    transform: translateX(-14%) translateY(-13%);
}

body.page-template-page-with_video .works_wrap {
    padding-bottom: 0px;
}

body.page-template-page-with_video .works_wrap a {
    text-decoration: none;
}

body.page-template-page-with_video .works_wrap .item {
    margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-with_video .works_wrap .item {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-with_video .works_wrap .item {
        width: 100%;
        margin-bottom: 40px;
    }
}

body.page-template-page-with_video .works_wrap .title,
body.page-template-page-with_video .works_wrap .subtitle {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {

    body.page-template-page-with_video .works_wrap .title,
    body.page-template-page-with_video .works_wrap .subtitle {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {

    body.page-template-page-with_video .works_wrap .title,
    body.page-template-page-with_video .works_wrap .subtitle {
        font-size: 16px;
    }
}

body.page-template-page-with_video .works_wrap .subtitle {
    color: #B6B6B6;
}

body.page-template-page-with_video .works_wrap .categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    body.page-template-page-with_video .works_wrap .categories {
        margin-top: 10px;
        margin-bottom: 20px;
        gap: 10px;
    }
}

body.page-template-page-with_video .works_wrap .categories a {
    color: #B6B6B6;
    font-family: "Coolvetica", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {
    body.page-template-page-with_video .works_wrap .categories a {
        font-size: 14px;
    }
}

body.page-template-page-with_video .works_wrap .categories a.active {
    color: #020202;
}

body.page-template-page-with_video .more_content {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: calc(100% / 3);
    margin-bottom: 200px;
}

@media screen and (max-width: 1024px) {
    body.page-template-page-with_video .more_content {
        font-size: 34px;
        margin-left: 0px;
        margin-bottom: 150px;
    }
}

@media screen and (max-width: 767px) {
    body.page-template-page-with_video .more_content {
        font-size: 20px;
        margin-bottom: 40px;
    }
}

body.page-template-page-with_video .more_content p:last-child {
    margin-bottom: 0px;
}

body.post-type-archive-works .site_wrap {
    padding-top: 236px;
}

@media screen and (max-width: 1024px) {
    body.post-type-archive-works .site_wrap {
        padding-top: 188px;
    }
}

@media screen and (max-width: 767px) {
    body.post-type-archive-works .site_wrap {
        padding-top: 216px;
    }
}

body.post-type-archive-works .video_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 56%;
}

body.post-type-archive-works .video_wrap video {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    height: 139%;
    transform: translateX(-14%) translateY(-13%);
}

body.post-type-archive-works .works_wrap {
    padding-bottom: 100px;
}

body.post-type-archive-works .works_wrap .item {
    margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {
    body.post-type-archive-works .works_wrap .item {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    body.post-type-archive-works .works_wrap .item {
        width: 100%;
        margin-bottom: 40px;
    }
}

body.post-type-archive-works .works_wrap a {
    text-decoration: none;
}

body.post-type-archive-works .works_wrap .title,
body.post-type-archive-works .works_wrap .subtitle {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-works .works_wrap .title,
    body.post-type-archive-works .works_wrap .subtitle {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {

    body.post-type-archive-works .works_wrap .title,
    body.post-type-archive-works .works_wrap .subtitle {
        font-size: 16px;
    }
}

body.post-type-archive-works .works_wrap .subtitle {
    color: #B6B6B6;
}

body.post-type-archive-works .works_wrap .categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    body.post-type-archive-works .works_wrap .categories {
        margin-top: 10px;
        margin-bottom: 20px;
        gap: 10px;
    }
}

body.post-type-archive-works .works_wrap .categories .item_cat {
    color: #B6B6B6;
    font-family: "Coolvetica", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    background: transparent;
    transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {
    body.post-type-archive-works .works_wrap .categories .item_cat {
        font-size: 14px;
    }
}

body.post-type-archive-works .works_wrap .categories .item_cat.active {
    color: #020202;
}

body.category .site_wrap {
    padding-top: 200px;
    padding-bottom: 200px;
}

@media screen and (max-width: 1024px) {
    body.category .site_wrap {
        padding-top: 188px;
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 767px) {
    body.category .site_wrap {
        padding-top: 216px;
        padding-bottom: 80px;
    }
}

body.category h1 {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 218px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.75;
    letter-spacing: -4.36px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    body.category h1 {
        font-size: 128px;
        letter-spacing: unset;
    }
}

@media screen and (max-width: 767px) {
    body.category h1 {
        font-size: 52px;
        margin-bottom: 40px;
    }
}

body.category .posts {
    gap: 50px 0px;
}

@media screen and (max-width: 767px) {
    body.category .posts {
        gap: 40px 0px;
    }
}

body.category .posts .inner {
    display: flex;
    gap: 20px;
    text-decoration: none;
}

@media screen and (max-width: 767px) {
    body.category .posts .inner {
        display: block;
    }
}

body.category .posts .feature_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 50%;
    min-height: 184px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    body.category .posts .feature_image {
        width: 100%;
        min-height: unset;
        padding-top: 54%;
        margin-bottom: 10px;
    }
}

body.category .posts .info {
    position: relative;
    width: 50%;
}

@media screen and (max-width: 767px) {
    body.category .posts .info {
        width: 100%;
    }
}

body.category .posts .info .title {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.84px;
    text-transform: uppercase;
    padding-bottom: 28px;
}

@media screen and (max-width: 1024px) {
    body.category .posts .info .title {
        font-size: 26px;
        padding-bottom: 26px;
    }
}

@media screen and (max-width: 767px) {
    body.category .posts .info .title {
        font-size: 14px;
        padding-bottom: 10px;
    }
}

body.category .posts .info .date {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: #B6B6B6;
    font-family: "Coolvetica", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    body.category .posts .info .date {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    body.category .posts .info .date {
        font-size: 14px;
        position: unset;
        bottom: unset;
    }
}

body.single-post h1 {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8;
    text-transform: uppercase;
    margin-bottom: 50px;
}

@media screen and (max-width: 1024px) {
    body.single-post h1 {
        font-size: 80px;
        line-height: 1;
    }
}

@media screen and (max-width: 767px) {
    body.single-post h1 {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
}

body.single-post .site_wrap {
    padding-top: 200px;
    padding-bottom: 200px;
}

@media screen and (max-width: 1024px) {
    body.single-post .site_wrap {
        padding-top: 188px;
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 767px) {
    body.single-post .site_wrap {
        padding-top: 216px;
        padding-bottom: 80px;
    }
}

body.single-post .post_sidebar {
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.4px;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {
    body.single-post .post_sidebar {
        font-size: 14px;
    }
}

body.single-post .post_sidebar a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    transition: all 0.3s linear;
}

body.single-post .post_sidebar a:hover {
    color: #08C9A3;
}

@media screen and (max-width: 767px) {
    body.single-post .post_sidebar .meta_info {
        font-size: 16px;
        margin-bottom: 40px;
    }
}

body.single-post .post_content video {
    max-width: 100%;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    body.single-post .post_content video {
        margin-bottom: 10px;
    }
}

body.single-post .post_content p {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    body.single-post .post_content p {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

body.single-post .post_content p:last-child {
    margin-bottom: 0px;
}

body.single-post .post_content a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    transition: all 0.3s linear;
}

body.single-post .post_content a:hover {
    color: #08C9A3;
}

.awards_wrap {
    background: #020202;
    padding-top: 47px;
    padding-bottom: 95px;
}

@media screen and (max-width: 1024px) {
    .awards_wrap {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 767px) {
    .awards_wrap {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.awards_wrap h2 {
    color: #FAFAFA;
    margin-bottom: 87px;
}

@media screen and (max-width: 1024px) {
    .awards_wrap h2 {
        margin-bottom: 32px;
    }
}

@media screen and (max-width: 767px) {
    .awards_wrap h2 {
        font-size: 52px;
    }
}

.awards_wrap .awards_list {
    margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .awards_wrap .awards_list {
        margin-bottom: 25px;
    }
}

.awards_wrap .awards_list .item {
    background: transparent;
    color: #FAFAFA;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.56px;
    text-transform: uppercase;
    opacity: 0.2;
    padding: 2px 0px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all 0.3s linear;
}

@media screen and (max-width: 1024px) {
    .awards_wrap .awards_list .item {
        margin-bottom: 15px;
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {
    .awards_wrap .awards_list .item {
        font-size: 14px;
    }
}

.awards_wrap .awards_list .item:hover {
    opacity: 1;
}

@media all and (min-width: 1025px) {
    .awards_wrap .awards_list .item:hover {
        background: #FAFAFA;
        color: #020202;
    }
}

@media print {
    .awards_wrap .awards_list .item:hover {
        background: #FAFAFA;
        color: #020202;
    }
}

@media screen and (max-width: 1024px) {
    .awards_wrap .awards_list .item.open {
        opacity: 1;
    }
}

@media screen and (max-width: 1024px) {
    .awards_wrap .awards_list .item.open .name:after {
        content: "[–]";
    }
}

@media screen and (max-width: 1024px) {
    .awards_wrap .awards_list .item.open .more {
        display: flex;
        margin-top: 15px;
    }

    .awards_wrap .awards_list .item.open .more .row {
        width: calc(100% + 20px);
    }

    .awards_wrap .awards_list .item.open .more .role,
    .awards_wrap .awards_list .item.open .more .where_when {
        width: 50%;
        padding-right: calc(var(--bs-gutter-x) * .3);
    }
}

.awards_wrap .awards_list .name {
    flex: 0 0 auto;
    width: 50%;
}

@media screen and (max-width: 1024px) {
    .awards_wrap .awards_list .name {
        width: 100%;
        position: relative;
        padding-right: 40px;
    }

    .awards_wrap .awards_list .name:after {
        content: "[+]";
        position: absolute;
        top: 0px;
        right: calc(var(--bs-gutter-x) * .5);
        font-family: "Coolvetica", sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.1;
        text-transform: uppercase;
    }
}

@media screen and (max-width: 1024px) and (max-width: 767px) {
    .awards_wrap .awards_list .name:after {
        font-size: 14px;
    }
}

.awards_wrap .awards_list .more {
    flex: 0 0 auto;
    width: 50%;
}

@media screen and (max-width: 1024px) {
    .awards_wrap .awards_list .more {
        width: 100%;
        display: none;
    }
}

.awards_wrap .awards_list .where_when {
    text-align: right;
}

.awards_wrap .with_number {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    color: #FAFAFA;
    font-family: "Coolvetica", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

@media screen and (max-width: 1024px) {
    .awards_wrap .with_number {
        font-size: 55px;
    }
}

@media screen and (max-width: 767px) {
    .awards_wrap .with_number {
        font-size: 28px;
    }
}

.awards_wrap .with_number:hover {
    color: #08C9A3;
}

.awards_wrap .with_number span {
    font-size: 30px;
    font-weight: 400;
    margin-top: 8px;
}

@media screen and (max-width: 767px) {
    .awards_wrap .with_number span {
        font-size: 14px;
        margin-top: 4px;
    }
}

body.post-type-archive-directors h1,
body.single-directors h1,
body.tax-director h1 {
    color: #FAFAFA;
    font-size: 218px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 50px;
    line-height: 0.75;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-directors h1,
    body.single-directors h1,
    body.tax-director h1 {
        font-size: 150px;
    }
}

@media screen and (max-width: 767px) {

    body.post-type-archive-directors h1,
    body.single-directors h1,
    body.tax-director h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }
}

body.post-type-archive-directors header#header,
body.single-directors header#header,
body.tax-director header#header {
    background: #020202;
}

body.post-type-archive-directors header#header nav ul a,
body.single-directors header#header nav ul a,
body.tax-director header#header nav ul a {
    color: #FAFAFA;
}

body.post-type-archive-directors header#header .mobile_menu:before,
body.single-directors header#header .mobile_menu:before,
body.tax-director header#header .mobile_menu:before {
    color: #FFFFFF;
}

body.post-type-archive-directors .site_wrap,
body.single-directors .site_wrap,
body.tax-director .site_wrap {
    padding-top: 236px;
    background: #020202;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-directors .site_wrap,
    body.single-directors .site_wrap,
    body.tax-director .site_wrap {
        padding-top: 188px;
    }
}

body.post-type-archive-directors .video_wrap,
body.single-directors .video_wrap,
body.tax-director .video_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
    padding-top: 56%;
}

body.post-type-archive-directors .video_wrap video,
body.single-directors .video_wrap video,
body.tax-director .video_wrap video {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    height: 139%;
    transform: translateX(-14%) translateY(-13%);
}

body.post-type-archive-directors .works_wrap a,
body.single-directors .works_wrap a,
body.tax-director .works_wrap a {
    text-decoration: none;
}

body.post-type-archive-directors .works_wrap .item,
body.single-directors .works_wrap .item,
body.tax-director .works_wrap .item {
    margin-bottom: 100px;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-directors .works_wrap .item,
    body.single-directors .works_wrap .item,
    body.tax-director .works_wrap .item {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {

    body.post-type-archive-directors .works_wrap .item,
    body.single-directors .works_wrap .item,
    body.tax-director .works_wrap .item {
        width: 100%;
        margin-bottom: 40px;
    }
}

body.post-type-archive-directors .works_wrap .title,
body.post-type-archive-directors .works_wrap .subtitle,
body.single-directors .works_wrap .title,
body.single-directors .works_wrap .subtitle,
body.tax-director .works_wrap .title,
body.tax-director .works_wrap .subtitle {
    color: #FAFAFA;
    font-family: "Coolvetica", sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.84px;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-directors .works_wrap .title,
    body.post-type-archive-directors .works_wrap .subtitle,
    body.single-directors .works_wrap .title,
    body.single-directors .works_wrap .subtitle,
    body.tax-director .works_wrap .title,
    body.tax-director .works_wrap .subtitle {
        font-size: 26px;
    }
}

@media screen and (max-width: 767px) {

    body.post-type-archive-directors .works_wrap .title,
    body.post-type-archive-directors .works_wrap .subtitle,
    body.single-directors .works_wrap .title,
    body.single-directors .works_wrap .subtitle,
    body.tax-director .works_wrap .title,
    body.tax-director .works_wrap .subtitle {
        font-size: 16px;
    }
}

body.post-type-archive-directors .works_wrap .subtitle,
body.single-directors .works_wrap .subtitle,
body.tax-director .works_wrap .subtitle {
    color: #B6B6B6;
}

body.post-type-archive-directors .works_wrap .categories,
body.single-directors .works_wrap .categories,
body.tax-director .works_wrap .categories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {

    body.post-type-archive-directors .works_wrap .categories,
    body.single-directors .works_wrap .categories,
    body.tax-director .works_wrap .categories {
        margin-top: 10px;
        margin-bottom: 20px;
        gap: 10px;
    }
}

body.post-type-archive-directors .works_wrap .categories a,
body.single-directors .works_wrap .categories a,
body.tax-director .works_wrap .categories a {
    color: #B6B6B6;
    font-family: "Coolvetica", sans-serif;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {

    body.post-type-archive-directors .works_wrap .categories a,
    body.single-directors .works_wrap .categories a,
    body.tax-director .works_wrap .categories a {
        font-size: 14px;
    }
}

body.post-type-archive-directors .works_wrap .categories a.active,
body.single-directors .works_wrap .categories a.active,
body.tax-director .works_wrap .categories a.active {
    color: #020202;
}

body.post-type-archive-directors .footer_description,
body.single-directors .footer_description,
body.tax-director .footer_description {
    padding-bottom: 200px;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-directors .footer_description,
    body.single-directors .footer_description,
    body.tax-director .footer_description {
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 767px) {

    body.post-type-archive-directors .footer_description,
    body.single-directors .footer_description,
    body.tax-director .footer_description {
        padding-top: 40px;
        padding-bottom: 80px;
    }
}

body.post-type-archive-directors .footer_description .social,
body.single-directors .footer_description .social,
body.tax-director .footer_description .social {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

body.post-type-archive-directors .footer_description .social a,
body.single-directors .footer_description .social a,
body.tax-director .footer_description .social a {
    color: #FAFAFA;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s linear;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-directors .footer_description .social a,
    body.single-directors .footer_description .social a,
    body.tax-director .footer_description .social a {
        font-size: 14px;
    }
}

body.post-type-archive-directors .footer_description .social a:hover,
body.single-directors .footer_description .social a:hover,
body.tax-director .footer_description .social a:hover {
    color: #08C9A3;
}

body.post-type-archive-directors .footer_description .description,
body.single-directors .footer_description .description,
body.tax-director .footer_description .description {
    color: #FAFAFA;
    font-family: "Coolvetica", sans-serif;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1;
}

@media screen and (max-width: 1024px) {

    body.post-type-archive-directors .footer_description .description,
    body.single-directors .footer_description .description,
    body.tax-director .footer_description .description {
        font-size: 34px;
    }
}

@media screen and (max-width: 767px) {

    body.post-type-archive-directors .footer_description .description,
    body.single-directors .footer_description .description,
    body.tax-director .footer_description .description {
        font-size: 20px;
        margin-bottom: 40px;
    }
}

.owl-carousel {
    position: relative !important;
}

.owl-carousel.animate__zoomIn {
    animation-name: custom_zoomIn;
}

.owl-carousel.disabled-prev .owl-nav .owl-prev {
    display: none;
}

@media all and (min-width: 1025px) {
    .owl-carousel.disabled-prev .owl-nav [type=button].owl-next {
        left: 0px;
        width: 100%;
    }
}

@media print {
    .owl-carousel.disabled-prev .owl-nav [type=button].owl-next {
        left: 0px;
        width: 100%;
    }
}

.owl-carousel.disabled-next .owl-nav .owl-next {
    display: none;
}

@media all and (min-width: 1025px) {
    .owl-carousel.disabled-next .owl-nav [type=button].owl-prev {
        left: 0px;
        width: 100%;
    }
}

@media print {
    .owl-carousel.disabled-next .owl-nav [type=button].owl-prev {
        left: 0px;
        width: 100%;
    }
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s linear;
}

@media screen and (max-width: 1024px) {
    .owl-carousel .owl-nav {
        position: unset;
        top: unset;
        left: unset;
        width: unset;
        height: unset;
        opacity: 1;
    }
}

.owl-carousel .owl-nav:hover {
    opacity: 1;
}

.owl-carousel .owl-nav [type=button] {
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    width: 50%;
    height: 100%;
    justify-content: center;
    transition: all 0.2s linear;
}

@media screen and (max-width: 1024px) {
    .owl-carousel .owl-nav [type=button] {
        width: 100px;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .owl-carousel .owl-nav [type=button] {
        width: 65px;
    }
}

.owl-carousel .owl-nav [type=button].disabled {
    display: none;
}

.owl-carousel .owl-nav [type=button].disabled ~ button {
    width: 100%;
    left: 0px;
}

@media screen and (max-width: 1024px) {
    .owl-carousel .owl-nav [type=button].disabled ~ button {
        left: unset;
        right: 0px;
        width: 100px;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .owl-carousel .owl-nav [type=button].disabled ~ button {
        width: 65px;
    }
}

.owl-carousel .owl-nav [type=button].owl-next {
    left: 50%;
}

@media screen and (max-width: 1024px) {
    .owl-carousel .owl-nav [type=button].owl-next {
        left: unset;
        right: 0px;
    }
}

.owl-carousel .owl-nav [type=button] [aria-label] {
    position: absolute;
    top: 35%;
    font-size: 0px;
    display: flex;
    gap: 3px;
}

@media screen and (max-width: 1024px) {
    .owl-carousel .owl-nav [type=button] [aria-label] {
        position: relative;
        top: unset;
        gap: unset;
    }
}

.owl-carousel .owl-nav [type=button].owl-prev [aria-label]:before,
.owl-carousel .owl-nav [type=button].owl-next [aria-label]:before {
    content: "PREV";
    color: #FAFAFA;
    text-align: center;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.448px;
    order: 2;
}

@media screen and (max-width: 767px) {

    .owl-carousel .owl-nav [type=button].owl-prev [aria-label]:before,
    .owl-carousel .owl-nav [type=button].owl-next [aria-label]:before {
        font-size: 14px;
    }
}

.owl-carousel .owl-nav [type=button].owl-next [aria-label]:before {
    content: "NEXT";
    order: 1;
}

.owl-carousel .owl-nav [type=button].owl-prev [aria-label]:after,
.owl-carousel .owl-nav [type=button].owl-next [aria-label]:after {
    content: "";
    display: block;
    width: 34px;
    height: 24px;
    background-image: url(../images/arrow-right.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    order: 2;
}

@media screen and (max-width: 1024px) {

    .owl-carousel .owl-nav [type=button].owl-prev [aria-label]:after,
    .owl-carousel .owl-nav [type=button].owl-next [aria-label]:after {
        display: none;
    }
}

.owl-carousel .owl-nav [type=button].owl-prev [aria-label]:after {
    transform: rotate(180deg);
    order: 1;
}

.owl-carousel .video_wrap {
    position: relative;
    padding-top: 56%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-carousel .video_wrap video {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    height: 100%;
}

@keyframes custom_zoomIn {
    0% {
        -webkit-transform: scale3d(0.5, 0.5, 0.5);
        transform: scale3d(0.5, 0.5, 0.5);
    }
}

body.producer_popup {
    overflow: hidden;
}

body.producer_popup #producer_popup {
    right: 0px;
}

#producer_popup {
    position: fixed;
    top: 0px;
    right: calc(-100% / 3 * 2);
    width: calc(100% / 3 * 2);
    display: block;
    height: 100vh;
    background: #B6B6B6;
    padding: 50px;
    overflow: auto;
    z-index: 101;
    transition: all 0.3s linear;
}

@media screen and (max-width: 767px) {
    #producer_popup {
        right: -100%;
        width: 100%;
        padding: 50px 15px 20px;
    }
}

#producer_popup .inner {
    position: relative;
}

#producer_popup .close {
    position: absolute;
    top: 0px;
    right: -20px;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
}

@media screen and (max-width: 767px) {
    #producer_popup .close {
        top: -10px;
    }
}

#producer_popup .title {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    #producer_popup .title {
        margin-bottom: 20px;
    }
}

#producer_popup .title p {
    margin-bottom: 0px;
}

#producer_popup p {
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    #producer_popup p {
        font-size: 20px;
    }
}

#producer_popup p:last-child {
    margin-bottom: 0px;
}

#producer_popup .content > div {
    padding-left: 3px;
    padding-right: 3px;
}

#producer_popup .form-fields {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    #producer_popup .form-fields {
        margin-top: 40px;
    }
}

#producer_popup .form-fields > div {
    padding: 3px;
}

#producer_popup .form-fields input,
#producer_popup .form-fields textarea {
    max-width: 100%;
    width: 100%;
    border: 2px solid #020202;
    background: transparent;
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    padding: 0px 10px;
    outline: none;
}

#producer_popup .form-fields input,
#producer_popup .form-fields [data-name=file] {
    height: 40px;
}

#producer_popup .form-fields [data-name=file] {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-top: 2px;
    background: #FFFFFF;
    border: 2px solid transparent;
    transition: all 0.3s #FFFFFF;
    transition: all 0.3s linear;
}

#producer_popup .form-fields [data-name=file]:hover {
    border-color: #020202;
}

#producer_popup .form-fields [data-name=file]:before {
    content: "attach cv";
    color: #020202;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}

#producer_popup .form-fields [data-name=file] .wpcf7-file {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#producer_popup .form-fields [type=submit] {
    background: #020202;
    color: #B6B6B6;
    font-family: "TeX Gyre Heros", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    transition: all 0.3s linear;
}

#producer_popup .form-fields [type=submit]:hover {
    color: #020202;
    background: #FFFFFF;
}

.container {
    max-width: 1424px;
}

.text-right {
    text-align: right;
}

h1 {
    text-align: left;
    font-family: "Coolvetica", sans-serif;
    font-size: 190px;
    font-weight: bold;
    line-height: 1;
}

h1 .item {
    overflow: hidden;
}

h2 {
    position: relative;
    opacity: 0;
    color: #020202;
    font-family: "Coolvetica", sans-serif;
    font-size: 215px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0px;
    text-transform: uppercase;
    transition: all 0.3s linear;
}

@media screen and (max-width: 1024px) {
    h2 {
        font-size: 150px;
    }
}

@media screen and (max-width: 767px) {
    h2 {
        font-size: 52px;
    }
}

h2.animate__animated {
    opacity: 1;
}

.animate__animated.animate__delay-200ms {
    animation-delay: 200ms;
}

.animate__animated.animate__delay-300ms {
    animation-delay: 300ms;
}

.animate__animated.animate__delay-500ms {
    animation-delay: 500ms;
}

.video_tooltip {
    position: relative;
}

.video_tooltip:hover img {
    opacity: 1;
    visibility: visible;
}

.video_tooltip img {
    position: absolute;
    bottom: calc(100% - 7px);
    right: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}

#wpadminbar {
    position: fixed;
}

.hidden {
    display: none !important;
}

/*# sourceMappingURL=app.css.map */