@import url(variables.css?version=1.0.1.1);
@import url(about.css?version=1.0.1.2);
@import url(residencies.css?version=1.0.1.7);
@import url(ccalab.css?version=1.0.1.1);
@import url(opencall.css?version=1.0.1.13);
@import url(news.css?version=1.0.1.1);
@import url(events.css?version=1.0.1.4);

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

@font-face {
      font-family: "Favorit_Light";
      src: url("/ccat/fonts/Favorit/ABCFavorit-Light.woff") format("woff"),
            url("/ccat/fonts/Favorit/ABCFavorit-Light.woff2") format("woff2");
      font-weight: 300;
      font-style: normal;
      font-display: fallback;
}

@font-face {
      font-family: "Favorit_Regular";
      src: url("/ccat/fonts/Favorit/ABCFavorit-Regular.woff") format("woff"),
            url("/ccat/fonts/Favorit/ABCFavorit-Regular.woff2") format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: fallback;
}

@font-face {
      font-family: "Favorit_Medium";
      src:  url("/ccat/fonts/Favorit/Favorit_Medium.ttf") format("ttf"),
              url("/ccat/fonts/Favorit/Favorit_Medium.woff") format("woff"),
            url("/ccat/fonts/Favorit/Favorit_Medium.woff2") format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: fallback;
}


body {
      height: 100vh;
      font-family: "Favorit_Light", sans-serif;
      line-height: 1.6;
      color: var(--back);
      overscroll-behavior: none;
}

strong
{
      font-family: "Favorit_Medium";
}

/* Sidebar */

.sidebar {
      position: absolute;
      left: 0;
      top: 0;
      width: 150px;
      transition: all 0.5s ease;
      z-index: 10;
}

.sidebar.expanded
{
      width: 100%;
}

.sidebar.expanded .menu_first_block
{
      width: 150px;
}

.sidebar.expanded .menu_first_block .logo_wrapper img,
.sidebar.expanded .menu_first_block .lang-wrapper a
{
      display: none !important;
}
.sidebar_menu
{
      height: 100vh;
      border-radius: 75px;
      background-color: #92998d;
      padding: 50px 25px;
}

.menu_first_block
{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}

/* nav toggle */

.nav-toggle-wrapper
{
      /* position: relative; */
      /* cursor: pointer; */
}
.nav-toggle {
      position: relative;
      cursor: pointer;
      margin: auto;
      width: 80px;
      height: 55px;
      z-index: 2;
}
.nav-toggle:hover {
      opacity: 0.8;
}
.nav-toggle .nav-toggle-bar, .nav-toggle .nav-toggle-bar::after, .nav-toggle .nav-toggle-bar::before {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: var(--back);
      content: "";
      height: 4px;
      transition: all 0.5s;
      width: 100%;
}
.nav-toggle .nav-toggle-bar {
      margin-top: 0;
}
.nav-toggle .nav-toggle-bar::after {
      margin-top: 24px;
}
.nav-toggle .nav-toggle-bar::before {
      margin-top: -24px;
}
.nav-toggle.expanded .nav-toggle-bar {
      background: transparent;
}
.nav-toggle.expanded .nav-toggle-bar::after, .nav-toggle.expanded .nav-toggle-bar::before {
      background: var(--back);
      margin-top: 0;
}
.nav-toggle.expanded .nav-toggle-bar::after {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
}
.nav-toggle.expanded .nav-toggle-bar::before {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
}
/* End nav toggle */

.lang-wrapper a
{
      font-family: "Favorit_Regular";
      font-size: 30px;
      color: var(--back);
      text-decoration: none;
      border-radius: 25px;
      margin-bottom: 10px;
      transition: all 0.5s ease;

}

.lang-wrapper a.active
{
      background: var(--ice-grey);
}

.lang-wrapper a:hover,
.mobile_language_items a:hover
{
      background: var(--ice-grey);
      /* border: 1px solid var(--back); */
}

.menu_second_block,
.menu_third_block
{
      display: none;
}

.sidebar.expanded .menu_second_block,
.sidebar.expanded .menu_third_block {
      width: calc(calc(100% - 150px) / 2);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}

.menu_second_block .nav-link
{
      border-radius: 50px;
      margin-bottom: 10px;
      padding: 0 !important;
}

.menu_second_block .nav-link:hover span,
.menu_second_block .nav-link.active span
{
      border: 1px solid var(--back);
      display: inline-block;
      border-radius: 50px;
      padding: .5rem 1rem;
}

.menu_second_block .nav-link span
{
      font-family: "Favorit_Regular";
      font-weight: 400;
      font-size: 32px;
      line-height: 112%;
      color: var(--back);

}

.menu_third_block .menu_desciption p
{
      font-size: 30px;
      line-height: 117%;
}

.mobile_language_items a
{
      font-family: "Favorit_Regular";
      font-weight: 400;
      font-size: 30px;
      color: var(--back);
      text-decoration: none;
      border-radius: 25px;
}

.mobile_language_items a span
{
      padding: 5px 24px;
}

.mobile_language_items a.active span
{
      border-radius: 25px;
      background: var(--ice-grey);
}

.social_media_links a{
      display: inline-block;
      color: var(--back);
      margin-right: 20px;
}
/* End Sidebar */

/* Main */
.main
{
      width: calc(100% - 150px);
      margin-left: 150px;
}

.main .hero_video
{
      width: 100%;
      height: 100vh;
      object-fit: cover;
}

.section_box
{
      border-bottom: 1px solid var(--back);
}

.section_box .container
{
      max-width: 100% !important;
}
.ccat_welcome
{
      width: 80%;
      font-family: "Favorit_Regular";
      font-weight: 400;
      font-size: 65px;
      line-height: 108%;
      text-transform: uppercase;
}

.ccat_desc
{
      width: 50%;
      font-size: 30px;
      line-height: 117%;
}

.btn_more
{
      display: inline-block;
      border: 1px solid var(--back);
      border-radius: 40px;
      font-family: "Favorit_Regular";
      font-weight: 400;
      font-size: 20px;
      line-height: 125%;
      color: var(--back);
      padding: 10px 16px;
      text-transform: uppercase;
      text-align: center;
      text-decoration: none !important;
      transition: all 0.5s ease;
}

.btn_more:hover
{
      color: var(--white);
      background-color: var(--back);
}

.event
{
      background: var(--ice-grey);
      height: 100%;
}

.event_status
{
      font-size: 20px;
      line-height: 125%;
      text-transform: uppercase;
}

.event_title
{
      font-family: "Favorit_Regular";
      font-size: 55px;
      line-height: 118%;
}

.event_date
{
      font-size: 40px;
      line-height: 112%;
}

.event_description
{
      font-size: 25px;
      line-height: 120%;
}

.subscribe_section
{
      display: flex;
}

.subscribe_section div:first-child
{
      width: 50%;
}

.subscribe_section div:nth-child(2)
{
      width: 50%;
}

.subscribe_section div:first-child h2
{
      font-family: "Favorit_Regular";
      font-weight: 400;
      font-size: 55px;
      line-height: 118%;
}

.subscribe_form {
      width: 100% !important;
}

.subscribe_form .input_wrapper
{
      width: 100% !important;
      padding: 20px 30px;
      background: var(--ice-grey);
}

.subscribe_email_input
{
      width: 100%;
      border: none;
      border-bottom: 1px solid;
      font-size: 26px;
      font-family: "Favorit_Light";
      background-color: transparent;
      text-decoration: none;
      border-radius: 0;
      padding: 5px 10px;
      outline: 0;
}

.subscribe_btn
{
      display: inline-block;
      border: 1px solid var(--back);
      border-radius: 40px;
      font-family: "Favorit_Regular";
      font-weight: 400;
      font-size: 20px;
      line-height: 125%;
      color: var(--back);
      padding: 10px 16px;
      text-transform: uppercase;
      text-align: center;
      text-decoration: none !important;
      cursor: pointer;
      background-color: transparent;
      transition: all 0.5s ease;
}

.subscribe_btn:hover
{
      background-color: var(--back);
      color: var(--white);
}

.main_menu_wrapper .nav .nav-link
{
      font-size: 120px;
      line-height: 104%;
      text-transform: uppercase;
      text-align: center;
      color: var(--back);
      border-bottom: 1px solid var(--back);
      transition: all 0.5s ease;
      padding-left: 0;
      padding-right: 0;
}

.main_menu_wrapper .nav .nav-link span
{
      display: block;
}

.main_menu_wrapper .nav .nav-link:hover span
{
      background: var(--ice-grey);
}

/* Footer */

.footer
{
      position: relative;
      background-color: #1b1b1b;
      margin-top: 80px;
      color: var(--white);
}

/*.footer::before*/
/*{*/
/*      content: '';*/
/*      position: absolute;*/
/*      top: -50%;*/
/*      left: 50%;*/
/*      width: 100%;*/
/*      height: 50%;*/
/*      background-color: var(--back);*/
/*      border-top-left-radius: 50%;*/
/*      border-top-right-radius: 50%;*/
/*      transform: translateX(-50%);*/
/*}*/

/*.half_moon_wrapper*/
/*{*/
/*      position: relative;*/
/*      height: 645px;*/
/*}*/

/*.footer_half_moon*/
/*{*/
/*      position: absolute;*/
/*      bottom: -50%;*/
/*      width: 100%;*/
/*      height: 645px;*/
/*      background-color: var(--back);*/
/*      border-top-left-radius: 645px;*/
/*      border-top-right-radius: 645px;*/
/*}*/

.footer .footer_cca_name
{
      font-family: "Favorit_Regular";
      font-weight: 700;
      font-size: 30px;
      line-height: 117%;
      letter-spacing: -0.01em;
}

.footer .footer_cca_address
{
      font-size: 30px;
      line-height: 117%;
      letter-spacing: -0.01em;
}

.footer .policies a
{
      color: var(--white);
      text-decoration: none;
}

.footer .subscribe_form_wrap label
{
      width: 100%;
      font-family: "Favorit_Regular";
      font-weight: 400;
      font-size: 25px;
      line-height: 120%;
      margin-bottom: 25px;
}


.footer .subscribe_form_wrap .subscribe_btn,
.footer .subscribe_form_wrap .subscribe_email_input
{
      color: var(--white);
      border-color: var(--white);
}

.email_address a{
      font-size: 30px;
      line-height: 117%;
      text-align: start;
      color: var(--white);
      margin-bottom: 10px;
}

.footer .social_media_links a
{
      color: var(--white);
}
/* End Footer */
/* End Main */

/* Image slider*/
.gallery-slider {
      width: 100%;
      position: relative
}

.gallery-slider_item {
      /*height: 60vh;*/
      padding: 0 16px !important
}

.gallery-slider_image {
      width: 100%;
      /*margin-bottom: 16px*/
}

.gallery-slider_image img {
      width: 100%
}

.gallery-slider .slider-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 40px;
      z-index: 20;
      opacity: 0.7;
      transition: opacity 0.3s ease
}

.gallery-slider .slider-arrow:hover {
      opacity: 1
}

.gallery-slider .slider-arrow.right {
      right: 40px;
      left: unset
}

.gallery-slider .slick-slide:not(.slick-current) {
      opacity: 0.5;
      max-height: 80%;
      padding: 0 20px;
      transition: all 0.3s ease
}

.gallery-slider .slick-slide:not(.slick-current) .fs-image {
      pointer-events: none
}

.gallery-slider .slick-track {
      display: flex
}

.gallery-slider .slick-track .slick-slide {
      display: flex;
      height: auto;
      align-items: center;
      justify-content: center
}
/* End Image slider*/

/* CK-editor styles*/
.hr_two table tr td
{
      padding: 10px;
}
/* End CK-editor styles*/

/* CUSTOM WIDTHS */
.w-100, .w-xs-100 { width: 100%!important; }
.w-75, .w-xs-75 { width: 75%!important; }
.w-50, .w-xs-50 { width: 50%!important; }
/* BREAKPOINTS */

/* SM breakpoint */
@media (min-width: 576px) {
      /* CUSTOM WIDTHS */
      .w-sm-100 { width: 100%!important; }
      .w-sm-75 { width: 75%!important; }
      .w-sm-50 { width: 50%!important; }
}

/* MD breakpoint*/
@media (min-width: 768px) {
      /* CUSTOM WIDTHS */
      .w-md-100 { width: 100%!important; }
      .w-md-75 { width: 75%!important; }
      .w-md-50 { width: 50%!important; }
}

/* LG breakpoint */
@media (min-width: 992px) {
      /* CUSTOM WIDTHS */
      .w-lg-100 { width: 100%!important; }
      .w-lg-75 { width: 75%!important; }
      .w-lg-50 { width: 50%!important; }
}


@media screen and (max-width: 1400px) {
      /* .footer
      {
            min-height: 1100px;
      } */
}

@media screen and (max-width: 1200px) {
      /* .footer
      {
            min-height: 800px;
      } */
}

@media screen and (max-width: 992px) {
      /* .footer
      {
            min-height: 600px;
      } */
}

@media screen and (max-width: 768px) {
      .gallery-slider .gallery-slider_item {
            width:calc(100vw) !important;
            height: unset
      }

      .gallery-slider .slider-arrow {
            left: 4px
      }

      .gallery-slider .slider-arrow.right {
            right: 4px
      }
      .hr_two table tr {
            display: flex !important;
            flex-direction: column !important;
      }
      .hr_two table tr td {
            width: 100% !important;
            margin-top: 15px !important;
      }
      /* Sidebar */
      .sidebar {
            width: 100%;
            height: 50px;
            position: fixed;
            top: 0;
      }

      .sidebar.expanded
      {
            height: 100vh;
      }

      .sidebar.expanded .sidebar_menu
      {
            padding: 12px 20px 40px 20px;
      }

      .sidebar.expanded .menu_first_block
      {
            height: 50px;
            width: 100%;
      }


      .sidebar.expanded .menu_second_block,
      .sidebar.expanded .menu_third_block
      {
            width: 100%;
      }

      .sidebar.expanded .menu_second_block
      {
            height: 100%;
      }

      .sidebar.expanded .menu_second_block .menu_second_block_image
      {
            animation-name: example;
            animation-delay: 1s;
      }

      @keyframes example {
            from {
                  height: 0;
            }

            to {
                  height: auto;
            }
      }

      .sidebar.expanded .menu_third_block
      {
            display: none;
      }
      .sidebar_menu
      {
            width: 100%;
            height: 100%;
            padding: 12px 20px;
            flex-direction: column;
            border-radius: 35px;
      }



      .sidebar_menu .menu_first_block
      {
            flex-direction: row;
            width: 100%;
      }

      .nav-toggle
      {
            width: 20px;
            height: 26px;
      }

      .nav-toggle .nav-toggle-bar, .nav-toggle .nav-toggle-bar::after, .nav-toggle .nav-toggle-bar::before
      {
            height: 2px;
      }

      .nav-toggle .nav-toggle-bar::after
      {
            margin-top: 5px;
      }

      .nav-toggle .nav-toggle-bar::before
      {
            margin-top: -5px;
      }

      .sidebar_menu .menu_first_block .logo_wrapper img
      {
            width: 50px !important;
      }

      .sidebar_menu .menu_first_block .lang-wrapper
      {
            display: none;
      }

      .menu_second_block .nav-link
      {
            text-align: center;
            margin-bottom: 5px;
      }

      .menu_second_block .nav-link span
      {
            font-size: 22px;
            line-height: 114%;
      }

      .mobile_language_items
      {
            text-align: center;
      }

      .mobile_language_items a
      {
            font-size: 22px;
            line-height: 114%;
      }

      /* End Sidebar */

      /* Main */

      .main
      {
            width: 100%;
            margin-left: 0;
            margin-top: 50px;
      }

      .main .hero_video {
            height: auto;
      }

      .ccat_welcome
      {
            width: 100%;
            font-family: "Favorit_Regular";
            font-weight: 500;
            font-size: 27px;
            line-height: 111%;
      }

      .ccat_desc
      {
            width: 100%;
            font-family: "Favorit_Regular";
            font-weight: 400;
            font-size: 15px;
            line-height: 113%;
      }

      .btn_more {
            font-weight: 400;
            font-size: 14px;
            line-height: 107%;
      }

      .event_status
      {
            font-family: "Favorit_Regular";
            font-weight: 400;
            font-size: 12px;
            line-height: 208%;

      }

      .event_title
      {
            font-size: 25px;
            line-height: 112%;
      }

      .event_date
      {
            font-family: "Favorit_Regular";
            font-weight: 400;
            font-size: 19px;
            line-height: 116%;
      }

      .subscribe_section
      {
            flex-direction: column;
      }

      .subscribe_section div:first-child,
      .subscribe_section div:nth-child(2)
      {
            width: 100%;
      }

      .subscribe_section div:first-child h2
      {
            font-size: 25px;
            line-height: 112%;
      }

      .subscribe_btn {
            font-size: 14px;
            line-height: 107%;
        }

      .main_menu_wrapper .nav .nav-link
      {
            font-size: 40px;
            line-height: 112%;
      }

      .footer {
            /* margin-top: 30% !important; */
        }
      .footer::before {
            top: -20%;
            height: 30%;
      }

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


      .footer .footer_logo
      {
            width: 110px;
      }

      .footer .footer_cca_name
      {
            font-size: 15px;
            line-height: 113%;
            letter-spacing: -0.01em;
      }

      .footer .footer_cca_address
      {
            font-size: 12px;
            line-height: 125%;
            letter-spacing: -0.01em;
      }

      .email_address a
      {
            font-size: 12px;
            line-height: 125%;
      }

      .footer .policies a
      {
            font-family: "Favorit_Regular";
            font-weight: 700;
            font-size: 10px;
            line-height: 120%;
      }

      /* End main */
}

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

}

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