html {
    font-size: 62.5%
}
@media only screen and (max-width: 1023px) {
    html {
        font-size: 50%
    }
}
@media only screen and (max-width: 1400px) {
    html {
        font-size: 57.5%
    }
}
@media only screen and (min-width: 1900px) {
    html {
        font-size: .55vw
    }
}

@font-face {
    font-family: 'JF-Helvetica';
    src:    url('../fonts/Helvetica-Light/Helvetica-Light.eot?#iefix') format('embedded-opentype'),  
            url('../fonts/Helvetica-Light/Helvetica-Light.woff') format('woff'), 
            url('../fonts/Helvetica-Light/Helvetica-Light.ttf')  format('truetype'), 
            url('../fonts/Helvetica-Light/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'JF-Helvetica';
    src:    url('../fonts/Helvetica/Helvetica.eot?#iefix') format('embedded-opentype'),  
            url('../fonts/Helvetica/Helvetica.woff') format('woff'), 
            url('../fonts/Helvetica/Helvetica.ttf')  format('truetype'), 
            url('../fonts/Helvetica/Helvetica.svg#Helvetica') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'UTCGrotesk';
    src:    url('../fonts/UTCGrotesk/UTCGrotesk-Regular.eot?#iefix') format('embedded-opentype'),  
            url('../fonts/UTCGrotesk/UTCGrotesk-Regular.woff') format('woff'), 
            url('../fonts/UTCGrotesk/UTCGrotesk-Regular.ttf')  format('truetype'), 
            url('../fonts/UTCGrotesk/UTCGrotesk-Regular.svg#UTCGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Georgia';
    src:    url('../fonts/Georgia/Georgia.eot?#iefix') format('embedded-opentype'),  
            url('../fonts/Georgia/Georgia.woff') format('woff'), 
            url('../fonts/Georgia/Georgia.ttf')  format('truetype'), 
            url('../fonts/Georgia/Georgia.svg#Georgia') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PF Encore';
    src:    url('../fonts/PFEncore/PFEncoreSansPro-Book.eot?#iefix') format('embedded-opentype'), 
            url('../fonts/PFEncore/PFEncoreSansPro-Book.otf')  format('opentype'),
            url('../fonts/PFEncore/PFEncoreSansPro-Book.woff') format('woff'),
            url('../fonts/PFEncore/PFEncoreSansPro-Book.ttf')  format('truetype'), 
            url('../fonts/PFEncore/PFEncoreSansPro-Book.svg#PFEncoreSansPro-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PF Grand Gothik';
    src:    url('../fonts/PFGrandGothikWeb_Light/PFGrandGothik-Light.eot?#iefix') format('embedded-opentype'), 
            url('../fonts/PFGrandGothikWeb_Light/PFGrandGothik-Light.woff') format('woff'),
            url('../fonts/PFGrandGothikWeb_Light/PFGrandGothik-Light.ttf')  format('truetype'), 
            url('../fonts/PFGrandGothikWeb_Light/PFGrandGothik-Light.svg#PFGrandGothik-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family:"Font Awesome 5 Brands";
    font-style:normal;
    font-weight:normal;
    src:    url(../fonts/fontawesome/fa-brands-400.eot);
    src:    url(../fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),
            url(../fonts/fontawesome/fa-brands-400.woff2) format("woff2"),
            url(../fonts/fontawesome/fa-brands-400.woff) format("woff"),
            url(../fonts/fontawesome/fa-brands-400.ttf) format("truetype"),
            url(../fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg")
}
@font-face{
    font-family:"Font Awesome 5 Pro";
    font-style:normal;
    font-weight:300;
    src:    url(../fonts/fontawesome/fa-light-300.eot);
    src:    url(../fonts/fontawesome/fa-light-300.eot?#iefix) format("embedded-opentype"),
            url(../fonts/fontawesome/fa-light-300.woff2) format("woff2"),
            url(../fonts/fontawesome/fa-light-300.woff) format("woff"),
            url(../fonts/fontawesome/fa-light-300.ttf) format("truetype"),
            url(../fonts/fontawesome/fa-light-300.svg#fontawesome) format("svg")
}
@font-face{
    font-family:"Font Awesome 5 Pro";
    font-style:normal;
    font-weight:400;
    src:    url(../fonts/fontawesome/fa-regular-400.eot);
    src:    url(../fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),
            url(../fonts/fontawesome/fa-regular-400.woff2) format("woff2"),
            url(../fonts/fontawesome/fa-regular-400.woff) format("woff"),
            url(../fonts/fontawesome/fa-regular-400.ttf) format("truetype"),
            url(../fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg")
}
@font-face{
    font-family:"Font Awesome 5 Pro";
    font-style:normal;
    font-weight:900;
    src:    url(../fonts/fontawesome/fa-solid-900.eot);
    src:    url(../fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),
            url(../fonts/fontawesome/fa-solid-900.woff2) format("woff2"),
            url(../fonts/fontawesome/fa-solid-900.woff) format("woff"),
            url(../fonts/fontawesome/fa-solid-900.ttf) format("truetype"),
            url(../fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg")
}


:root{
    --color-one: rgba(255, 241, 0, 1); 
    --color-two: #000000; 
    --color-three: #b2b2b2; 
}

/* 
 ----
 ---- TYPOGRAPHY 
 ----
 */

 /* Menu */
 #menu-toggle {
    padding: 2rem 2rem;
}
 

*, ::after, ::before  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'PF Grand Gothik', Arial, sans-serif;
    color: var(--color-two);
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    letter-spacing: 0.06rem;
    line-height: 2.6rem;
    font-weight: 300;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: inherit;
    position: relative;
    min-height: 100vh;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4  {
    font-size: 1.8rem;
    font-weight: 300;
    margin: 0;
}
a {
    color: var(--color-two);
    text-decoration: none;
    cursor: pointer;
}

a.active,
a:hover,
a:focus {
    color: var(--color-three);
    text-decoration: none;
}
.disabled {
    color: var(--color-two);
    cursor: default;
}
.disabled:hover,
.disabled:active,
.disabled:focus {
    color: var(--color-two);
}
p {
    margin: 0 0 2rem;
}
p:last-child {
    margin-bottom: 0;
}
.close{
    border: 0 !important;
} 
.noDecor a {
    border-bottom: solid 1px transparent;
}
::-moz-selection { 
    background: var(--color-three);
    color: #fff;
}
::selection {
    background: var(--color-three);
    color: #fff;
}
video::-webkit-media-controls {
  display: none;
}
::-webkit-scrollbar {
    width: .6rem;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #828282; 
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}


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

.font_georgia {
    font-family: "Georgia", Times New Roman;
}


/* 
 ----
 ---- LAYOUT 
 ----
 */

.flat {
    float: left;
    width: 100%;
}
.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}
.main_content {
    float: left;
    width: 100%;
}

.text-upper {
    text-transform: uppercase;
}
.ho_hidden_xs {
    display: none;
}
.error_page .search-switch ,
.error_page .hader_utilities > a {
    display: none;
}

/* LOGO */
.logo_wrap {
    padding: 0;
    position: fixed;
    max-width: 12rem;
    bottom: 0;
    text-align: center;
    left: 50%;
    z-index: 100;
}
.m-visible .logo_wrap {
    display: block;
    z-index: 1020;
}
.logo_wrap a {
    float: left;
    width: 100%;
    height: 7rem;
    text-decoration: none !important;
    border: 0 !important;
    display: block;
}
.logo_wrap img {
    position: absolute;
    max-height: 7rem;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.page_content .section.f_logo_wrap {
    padding: 0 !important;
}
.f_logo_wrap a {
    text-decoration: none !important;
    border: 0 !important;
    display: block;
    text-align: center;
}
.f_logo_wrap img {
    max-width: 100%;
    height: 7rem;
}
.m-visible .f_logo_wrap img {
    opacity: 0;
}

#f_logo_2 {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
#f_logo_2 .f_logo_2_img {
    max-width: 100%;
    height: 7rem;
}



/* HOME IMAGE */

.img-wrapper {
    position: relative;
    width: 100%;
    overflow-y: scroll;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 3rem;
    text-align: center;
    outline: 0;
}
.img-wrapper img {
    max-height: calc(100vh - 40rem);
    z-index: 0;
}
.img-wrapper::-webkit-scrollbar { 
    display: none; 
}
.img-wrapper::-moz-scrollbar {
    display: none; 
}
span.tray_link {
    position: relative;
    float: left;
}
span.tray_link a {
    position: absolute;
    top: 7.3%;
    left: 25.22%;
    width: 1.35%;
    height: 18.4%;
    content: '';
    background: transparent;
    z-index: 99999;
    display: block;
}




/* SECTIONS */

.page_content {
    padding-top: 0rem;
    min-height: calc(100vh - 5rem);
    height: 100%;
    margin: 0;
    clear: both;
    display: flex;
    flex-flow: column;
}
.page_content .section {
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    flex-flow: column;
    width: 100%;
    position: relative;
}
.page_content .section:nth-child(1) {
    padding-top: 2rem;
}
.page_content .section:nth-child(2n) {
    background: var(--color-three);
}
.page_content .section:nth-child(2n) a.active,
.page_content .section:nth-child(2n) a:hover,
.page_content .section:nth-child(2n) a:focus,
.page_content .section:nth-child(2n) a:active {
    color: #fff;
}
.page_content .section:last-child {
    padding-bottom: 11rem;
}
.page_content .section > h1,
.page_content .section > h2,
.page_content .section > h3 {
    font-family: "Georgia", Times New Roman;
    margin-bottom: 2rem;
    text-align: center;
}
.page_content .section > h3.bottom_title {
    margin-bottom: 0;
    margin-top: 4rem;
}
.page_content .section .image-block{
    text-align: center;
}
.page_content .section .img-responsive {
    display: inline-block;
}

.page_content .section .image-block.img-home .img-responsive {
   max-height: 58vh;
   -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
   box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.25);
}  
  

.page_content .section + .f_logo_wrap {
    background: #fff;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    justify-content: flex-end;
}
.page_content .section:nth-child(2n) + .f_logo_wrap {
    background: var(--color-three);
}
.page_content .section {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.25);
    /* position: relative;
    z-index: 500; */
}
.page_content .section:after{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.page_content .section:nth-last-child(2):after,
.page_content .section:last-child:after {
    box-shadow: none;
}
.page_content .section:last-child {
/*     -webkit-box-shadow: none; */
/*     box-shadow: none; */
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}
.page_content .section:nth-last-child {
/*     -webkit-box-shadow: none; */
/*     box-shadow: none; */
}
.page_content .section:nth-child(1) {
    z-index: 50;
}
.page_content .section:nth-child(2) {
    z-index: 48;
}
.page_content .section:nth-child(3) {
    z-index: 46;
}
.page_content .section:nth-child(4) {
    z-index: 42;
}
.page_content .section:nth-child(5) {
    z-index: 40;
}
.tb_hovered .page_content .section {
     z-index: unset; 
    box-shadow: none;
}
.page_content .section .row {
    justify-content: center;
    display: flex;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
    flex-grow: 0;
    flex-shrink: 0;
}


/* PROJECTS */

.project_row a {
    color: #000 !important;
}
.page_content .section:nth-child(2n + 1) .project_row.hovered a {
    color: #b2b2b2 !important;
}
.page_content .section:nth-child(2n) .project_row.hovered a {
    color: #fff !important;
}
.project_loop .imgWrapper{
    position: relative;
}
.project_loop .imgWrapper a {
    width: 100%;
    position: relative;
    display: block;
}
.project_loop .imgWrapper img {
    display: none;
}
.project_loop .project_row.hovered .imgWrapper img {
    display: block;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.25);
}
.project_loop .imgWrapper img.list_image {
    position: absolute;
    top: 3rem;
    max-width: 100%;
    max-height: 25vw;
    z-index: 9999;
    left: 0;
}
.project_loop .imgWrapper img.list_image.fromTop {
    top: 0;
}
.project_loop .imgWrapper img.list_image.fromBottom {
    bottom: -2.6rem;
    top: unset;
}
.project_row.hovered {
    position: relative;
    z-index: 501;
}
.project_inner_block p,
.project_inner_block span,
.project_inner_block strong {
    font-family: 'PF Grand Gothik', Arial, sans-serif !important;
    color: #000 !important;
    font-size: 1.8rem !important;
    letter-spacing: 0.06rem !important;
    line-height: 2.6rem !important;
    font-weight: 300 !important;
}
.project_inner_block strong {
    font-weight: 500 !important;
}
body:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    visibility: hidden;
    pointer-events: none;
    z-index: 10;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
/*body.tb_hovered:after {
    background: rgba(255, 255, 255, 0.75);
    z-index: 10;
    visibility: visible;
}*/
.page_head,
.page_content .section {    
/*     -webkit-transition: z-index 2s linear; */
/*     transition: z-index 2s linear; */
}
/*.tb_hovered .page_head,
.tb_hovered .page_content .section {
    z-index: unset;
}*/


/* SLIDERS */
.gallery-button-prev,
.gallery-button-next {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    outline: 0;
    z-index: 3;
    cursor: none;
}
.gallery-button-prev.disable, 
.gallery-button-next.disable {
    display:none;
}
.gallery-button-next {
    right: 0;
}
.gallery-button-prev {
    left: 0;
}
.mouse_nav {
    position: absolute;
    width: 10rem;
    height: 3rem;
    margin: 0;
    transform: translate3d(-5rem, -1.5rem, 0);
    display: block;
    z-index: 999;
    pointer-events: none;
    text-align: center;
    color: #000;
}
.mouse_nav::before {
    content: '';
    font-size: 2rem;
    line-height: 3rem;
    outline: 0;
    font-family: "PF Grand Gothik";
    width: 100%;
    display: block;
    text-rendering: optimizeLegibility;
}
/*.gallery-button-prev:not(disabled):hover ~ .mouse_nav:before {
    content: '\f177';
}
.gallery-button-next:not(disabled):hover ~ .mouse_nav:before {
    content: '\f178';
}*/

.portfolioItem {
    width: 100%;
    padding-bottom: 2rem;
    position: relative;
    overflow: hidden;
}
.portfolioItem .projectItem_gallery {
    margin: 0 auto;
    max-width: 100vw;
    max-height: calc(100vh - 10rem) !important;
    overflow: visible;
}
.portfolioItem .projectItem_gallery img.img-gallery {
    max-height: calc(100vh - 25rem);
    min-height: calc(100vh - 25rem);
    max-width: 100%;
    width: auto;
    margin: auto;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.25);
}
.page_content .section:nth-child(2n) .swiper-slide {
    background: #b2b2b2;
}
.page_content .section:nth-child(2n + 1) .swiper-slide {
    background: #fff;
}




@media only screen and (max-width: 800px) {
    .img-wrapper img {
        max-height: 40vh;
    }
}











































































































.p_items_wrap {
    clear: both;
}
.p_items .p_title {
    text-align: center;
    line-height: 5rem;
    padding: 0.6rem 0 0 0;
    background: #999999;
}




.p_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*.p_item:hover, 
.p_item:hover a, */
.p_item.hover,
.p_item.hover a {
    color: #0000ff;
}
.p_item .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-top: 1.6rem;
    padding-bottom: 1.2rem;
}
.p_item .imgWrapper {
    position: relative;
}
.p_item .imgWrapper img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    height: auto;
    z-index: 90;
    display: none;
}
.p_item .imgWrapper img.fromBottom {
    top: inherit;
    bottom: 0;
}
/*.p_item:hover .imgWrapper img,*/
.p_item.hover .imgWrapper img {
    display: block;
}





/* ITEM */
.ps_item {
    width: 100%;
}
.ps_item .ps_i_gallery {
    margin: 0 auto;
    max-width: 100vw;
    max-height: 70vh !important;
    overflow: hidden;
}
.ps_item .ps_i_gallery img.img-gallery {
    max-height: 70vh;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
.ps_title {
    text-align: center;
    line-height: 5rem;
    padding: 0.6rem 0 0 0;
    background: #999999;
}
.swiper-wrapper-inside {
    text-align: center;
    height: calc(100vh - 25rem);
}
.swiper-wrapper-inside:before {
    content: '';
    height: 1px;
    width: 1px;
    display: inline-block;
    float: left;
}
.ps_texts {
    line-height: 2.2rem;
}
.ps_texts p {
    margin-bottom: 2.2rem;
}
.ps_text,
.ps_participants,
.ps_info {
    padding: 2rem;
    float: left;
}
.ps_text {
    width: 60vw;
}
.ps_participants {
    width: 20vw;
}
.ps_info {
    width: 20vw;
}
.ps_text p:last-child {
    margin-bottom: 0;
}


















































.g_count .count {
    display: block;
}
.g_count .caption {
    display: none;
}
.g_count.active .count {
    display: none;
}
.g_count.active .caption {
    display: block;
}
#return {
    height: 5rem;
    line-height: 6rem;
    padding: 0;
}
#return a {
    color: #fff;
    font-size: 2rem;
}
.addtocalendar var{
    display: none;
}
.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent!important;
}
.atcb-link {
    display: block;
    outline: none!important;
    cursor: pointer;
}
.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover {
    display: block;
}
.atcb-list {
    display: none;
    width: 20rem;
    z-index: 9;
    border-bottom: 0;
    overflow: hidden;
}
.atcb-list,
.atcb-item {
    list-style: none;
    margin: 0;
    padding: 0;
}
.atcb-item {
    float: none;
    text-align: left;
}
.atcb-item-link{
    text-decoration: none;
    outline: none;
    display: block;
}
.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 9;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}


.share-wrap {
    position: relative;
    display: block;
}
.share-links {
    display: none;
    width: 100%;
}
.share-open.active + .share-links {
    display: block;
}
.share-links a {
    display: block;
    line-height: 2.2rem;
}


/* NAVIGATION */
.main_nav {
    position: fixed;
    width: 100%;
    height: auto;
    background: var(--color-one);
    color: var(--color-three);
    top: 0;
    left: 0;
    z-index: 990;
    font-family: 'Georgia', Times New Roman;
    -webkit-transition: transform 400ms ease-out,opacity 500ms linear;
    -o-transition: transform 400ms ease-out,opacity 500ms linear;
    -webkit-transition: opacity 500ms linear,-webkit-transform 400ms ease-out;
    transition: opacity 500ms linear,-webkit-transform 400ms ease-out;
    transition: transform 400ms ease-out,opacity 500ms linear;
    transition: transform 400ms ease-out,opacity 500ms linear,-webkit-transform 400ms ease-out;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}
.main_nav:after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
/*     box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.15); */
}
.main_nav {
    /* display: none; */
}
.m-visible .main_nav {
    display: block;
    -webkit-box-shadow: inset 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    pointer-events: all;
}
.m-visible .page_head .page_title {
    /*z-index: 999;*/
    /*pointer-events: none;*/
    color: var(--color-three);
}
.main_nav a {
    color: var(--color-two);
}
.main_nav a:hover, 
.main_nav a:focus, 
.main_nav a:active {
    color: var(--color-three);
}
.main_nav .connect .menu_d li {
    margin: 0;
    padding: 0;
}
.main_nav .connect .menu_d a {
    display: inline-block;
    padding: 0 0 1.5rem 0;
}

#closeMenu {
    text-align: right;
    margin: 1.5rem 0;
    cursor: pointer;
    min-height: 2rem;
    line-height: 2rem;
    font-family: 'PF Grand Gothik', Arial, sans-serif;
    float: right;
    opacity: 0;
    color: var(--color-three);
}
.m-visible .menuTitle:hover h1.page_title a span.span1,
.m-visible .menuTitle h1.page_title.hover a span.span1 {
    color: var(--color-three);
}
.m-visible .menuTitle:hover h1.page_title a span.span2 i,
.m-visible .menuTitle h1.page_title.hover a span.span2 i {
    color: var(--color-three);
}

.menu_top {
    padding-bottom: 4rem;
    padding-top: 1rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.menu_top > div {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.menu_top .menu-active {
    -ms-flex-order: -1;
    order: -1;
}
.menu_top .menu-active h3 {
    display: none;
}
.menu_top .menu-active .menu_w.hover li {
    color: var(--color-three);
}
.menu_top .menu_w .menu_t {
    padding-bottom: 1.5rem;
    text-align: left;
}
.menu_w.connect h3,
.menu_w.connect h3:hover {
    color: var(--color-two);
}
.menu_w.connect h3.hover {
    color: var(--color-three);
}
.menubottom {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    left: 0;
    display: flex;
}
.menubottom .copyright {
    width: 25%;
    float: left;
    align-self: flex-end;
}
.menubottom .credits {
    float: right;
    width: 25%;
    align-self: flex-end;
    text-align: right;
}
.menu_w:hover .menu_t,
.menu_w:hover ul li {
    color: var(--color-three);
}
.parent_active .menu_d{
    color: var(--color-three);
}
.menu_d {
    padding: 0;
    margin: 0;
    list-style: none;
}
.menu_d li {
    float: left;
    clear: both;
    line-height: 2rem;
    padding-bottom: 1.5rem;
}
.lang_links .active {
    color: var(--color-three);
}

/* PAGE */
.page-wrap {
    /* min-height: 100vh; */
    padding-top: 5rem;
    position: relative;
}
.page_head {
    width: 100%;
    padding: 0;
    min-height: 3.125rem;
    float: left;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    transition: background .2s linear;
    z-index: 500;
}
.page_head .row {
    width: 100%;
    margin: 0;
}
.page_head .row .col-md-2 {
    padding: 0;
}
.page_head .page_title,
.page_head h2 {
    float: left;
    padding: 1.5rem 0;
    min-height: 5rem;
    line-height: 2rem;
}
.page_head .page_title {
    width: auto;
    position: relative;
    font-family: "Georgia", Times New Roman;
}
.page_head .page_title a {
    display: block;
    position: relative;
}
.page_head .page_title a span {
    display: inline-block;
    float: left;
}
.page_head .page_title a span.span2 {
    color: var(--color-three);
}


.page_head .page_title a:hover span.span1 {
    color: var(--color-two);
}
.page_head .page_title a:hover span.span2 {
    color: var(--color-two);
}



.m-visible .page_head .page_title a span.span1 {
    color: var(--color-three);
}
.m-visible .page_head .page_title a span.span2 {
    color: var(--color-two);
}

.m-visible .page_head .page_title.hover .span1 {
    color: var(--color-two);
}
.m-visible .page_head .page_title.hover .span2 i {
    color: var(--color-three);
}


.page_head .page_title a span.span2 i {
    font-style: unset;
}
.page_head .page_title:hover a span.span2 i {
    font-style: unset;
}
.m-visible .page_head .page_title a span.span2 i {
    color: var(--color-two);
}

.page_head h2 {
    display: none;
    font-family: "Georgia", Times New Roman;
    width: 100%;
    text-align: center;
}
.page_head.navbar-fixed-top {
    background: var(--color-one);
    position: fixed;
    z-index: 1100;
    -webkit-box-shadow: inset 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -2px 10px 0 rgba(0, 0, 0, 0.2);
}
.page_head.navbar-fixed-top #openMenu:hover,
.page_head.navbar-fixed-top #openMenu:focus,
.page_head.navbar-fixed-top #openMenu:active,
.page_head.navbar-fixed-top .page_title:hover a,
.page_head.navbar-fixed-top .page_title:focus a,
.page_head.navbar-fixed-top .page_title:active a{
/*     color :#fff; */
}
.page_head.navbar-fixed-top h2.title-show {
    display: block
}

/* MENU TOGGLER */
#openMenu {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    min-height: 5rem;
    line-height: 2rem;
    text-align: right;
    float: right;
    z-index: 999;
    position: relative;
}
#openMenu span {
    display: block;
    padding: 1.5rem 0;
    min-height: 5rem;
    line-height: 2rem;
}
#openMenu span:hover,
#openMenu span:focus,
#openMenu span:active {
    color: var(--color-three);
    cursor: pointer;
}
.m-visible #openMenu,
.m-visible #openMenu:hover, 
.m-visible #openMenu:focus, 
.m-visible #openMenu:active {
    color: var(--color-three);
}
.menu_toggle .text_menu_close {
    display: none;
}




.m-visible {
    /* position: fixed; */
    /* overflow:hidden; */
}
/*.m-visible:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
    z-index: 1010;
}*/
#closeMenu .span1 {
    display: inline;
}
#closeMenu .span2 {
    display: none;
}
#closeMenu:hover .span1{
    display: none;
}
#closeMenu:hover .span2{
    display: inline;
}


/* LAZY IMAGES */
.lazy:before {
    content: attr(data-text);
    color: #0000ff;
    z-index: 9;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%, 0);
    display: block;
}



.contributers_wrap {
    column-count: 6;
}
.contributers_wrap > div {
    width: 100%;
    clear: both;
}
.menuWrap {
    float: right;
    width: 100%;
}
.hader_utilities {
    float: right;
    padding: 0 3rem 0 0;
    z-index: 999;
    position: relative;
    opacity: 0;
    pointer-events: none;
}
.m-visible .hader_utilities {
    opacity: 1;
    pointer-events: all;
}
.hader_utilities a {
    display: block;
    padding: 1.5rem 1rem;
    min-height: 5rem;
    line-height: 2rem;
    float: right;
}
.search-switch {
    float: right;
    min-height: 5rem;
    display: block;
    padding: 0 3rem 0 0;
    outline: 0;
    box-shadow: none;
    position: relative;
}
.search-switch button {
    color: #000;
    background: none;
    border: 0;
    padding: 0.25rem 0 0 0;
    width: 2rem;
    min-height: 5rem;
    line-height: 2rem;
    float: right;
    outline: 0;
    box-shadow: none;
}
.search-switch input[type="text"] {
    border: 0;
    border-bottom: solid 1px #000;
    display: inline-block;
    padding: 0 0 0 0;
    margin: .5rem 1.5rem 0 0;
    line-height: 2rem;
    height: 3rem;
    width: 0;
    float: right;
    transition: width 400ms ease-out;
    outline: 0;
    box-shadow: none;
    background: transparent;
    position: absolute;
    right: 5rem;
    border-radius: 0;
}
.search-switch.active input[type="text"],
.search-switch:hover input[type="text"] {
    width: 20rem;
    max-width: 13vw;
}
.search-switch button svg {
    height: 1.8rem;
}
.hader_utilities.bottom {
    display: none;
}




/* VIDEO GALLERY */
.portfolioItem {
    overflow: visible;
}
.portfolioItem .projectItem_gallery {
    /*overflow: hidden;*/
}
.portfolioItem .projectItem_gallery.contains_video {
    overflow: visible;
}
.projectItem_gallery.contains_video .gallery-button-prev, 
.projectItem_gallery.contains_video .gallery-button-next,
.projectItem_gallery.contains_video .mouse_nav {
    display: none;
}
.video-gallery-button-prev,
.video-gallery-button-next {
    display: none;
    position: absolute;
    top: -4.6rem;
    left: 0;
    line-height: 2rem;
    height: 2rem;
    padding: 0 2rem;
    z-index: 999;
    cursor: pointer;
}
.section .video-gallery-button-prev, 
.section .video-gallery-button-next {
    top: -2.6rem;
}
.video-gallery-button-next {
    left: unset;
    right: 0;
}
.projectItem_gallery.contains_video .video-gallery-button-prev,
.projectItem_gallery.contains_video .video-gallery-button-next {
    display: block;
}
.swiper-wrapper-inside .iframe_wrap iframe {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}


@media (max-width: 1100px) {
    body {
        overflow-wrap: break-word;
    }
    .participant .col-1 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .ho_hidden_xs {
        display: none;
        width: 100%;
    }
    .portfolioItem .projectItem_gallery {
        max-width: 100%;
    }
    .swiper-wrapper .gallery-button-next,
    .swiper-wrapper .gallery-button-prev {
        /* display: none; */
    }
    .swiper-wrapper .gallery-button-prev:after,
    .swiper-wrapper .gallery-button-next:before {
        display: none;
    }
    .ho_hidden_xs .gallery-button-next,
    .ho_hidden_xs .gallery-button-prev {
        cursor: default;
        width: auto;
    }
    .gallery-button-prev:after,
    .gallery-button-next:before{
        content: '';
        font-size: 2.4rem;
        line-height: 3rem;
        outline: 0;
        font-family: 'PF Encore';
        display: block;
        position: absolute;
        top: 50%;
        cursor: pointer;
        transform: translateY(-50%);
    }
    .gallery-button-prev:after {
        content: '←';
        left: 0.5rem;
    }
    .gallery-button-next:before {
        content: '→';
        right: 0.5rem;
    }
    .ps_item .ps_i_gallery .swiper-slide {
        padding: 0 2.5rem;
        height: 60vh;
    }
    .ps_item .ps_i_gallery ,
    .ps_item .ps_i_gallery img.img-gallery {
        max-height: 60vh !important;
    }
    .ps_item .ps_i_gallery .swiper-wrapper-inside {
        height: 100%;
        -webkit-align-content: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
    }
    .mouse_nav {
        display: none;
    }
    #closeMenu .span1 {
        display: none;
    }
    #closeMenu .span2 {
        display: inline;
        z-index: 999999999;
    }
    .menu_top {
        padding-bottom: 2rem;
    }
    .menu_w a,
    .menu_w span,
    .menu_top .lang_links {
        float: left;
        padding-top: 1rem;
        padding-bottom: 1rem;
        line-height: 2rem;
    }
    .menu_top .menu_w .menu_t,
    .menu_top .menu_d li {
        margin: 0;
        line-height: 2rem;
        max-width: max-content;
    }
    .page_content .section .row {
        display: block;
    }
    .gallery_utilities .col-md-5 {
        width: calc(100% - 10rem);
        float: left;
    }
    .gallery_utilities .col-md-1 {
        width: 10rem;
        float: left;
        text-align: right;
    }
    .portfolioItem .swiper-wrapper-inside {
        height: 100%;
        -webkit-align-content: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
    }
    .portfolioItem .swiper-slide {
        padding: 0;
        height: 60vh;
    }
    .row.contributors {
        columns: 3;
        padding: 0 2rem;
    }
    @media screen and (orientation:portrait) {
        .portfolioItem .projectItem_gallery img.img-gallery {
            max-height: unset;
            min-height: unset;
            height: unset;
        }
    }
    @media screen and (orientation:landscape) {
        .portfolioItem .projectItem_gallery img.img-gallery {
            min-height: unset;
            max-height: 60vh;
        }
    }
}
@media (max-width: 992px) {

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
    .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
    .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
        flex-grow: unset;
        flex-shrink: unset;
    }
    .project_inner_block {
        margin-bottom: 0rem;
    }
    .menu_top .menu_w.connect > a {
        display: none;
    }
    .m-visible .text_menu_close {
        display: block !important;
        color: #000 !important;
    }
    .m-visible .text_menu_open {
        display: none !important;
        color: #000 !important;
    }
    .m-visible .main_nav {
        padding: 0rem 0 2rem 0;
    }
    .m-visible .page_head .page_title {
        display: none;
    }
    .main_nav .connect .menu_d a {
        display: block;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .main_nav .connect .menu_d li {
        display: block;
    }
    .menu_top .menu-active h3 {
        display: block;
    }
    .menu_top .col {
        width: 100%;
        flex-basis: auto;
    }
    
    .menu_top {
        padding-top: 4rem;
        padding-bottom: 1.5rem;
    }
    .menu_top > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .menubottom .col {
        width: 100%;
        flex-grow: unset;
        flex-basis: auto;
        text-align: left;
    }
    .menubottom .copyright {
        order: 2;
        margin-top: 2rem;
    }
    .main_nav h3 {
        padding-bottom: 2rem;
		max-width: calc(100% - 5rem);
    }
    .row.contributors {
        columns: 2;
    }






    .page_head .row > div:first-child {
        z-index: 9999;
    }
    .page_head .page_title {
	    max-width: calc(100% - 3rem);
	    padding: 1.5rem 0;
	}
    .menu_top .menu_w .menu_t {
        padding: 0;
    }
    .menu_top .menu-active {
        display: none;
    }
    .m-visible .page_head .page_title {
        display: block;
        z-index: 99999;
        pointer-events: all;
    }
    
    #closeMenu {
        position: absolute;
        top: 1.5rem;
        right: 1.5rem;
        margin: 0;
        z-index: 9;
        opacity: 1;
        color: var(--color-two);
    }
    .text_menu_close,
    .text_menu_open {
        color: #000 !important;
    }
    
    .hader_utilities.top {
        display: none;
    }
    .hader_utilities.bottom a,
    .hader_utilities.bottom .search-switch {
        float: left;
    }
    .hader_utilities.bottom .search-switch {
        padding: 0 0 0 3rem;
    }
    .search-switch.active input[type="text"], .search-switch:hover input[type="text"] {
        width: 15rem;
        max-width: unset;
    }
    .hader_utilities.bottom .search-switch input[type="text"] {
        width: 15rem;
        max-width: unset;
        margin: .5rem 1.5rem;
        position: static;
    }
    .hader_utilities.bottom {
        padding-right: 1rem;
        padding-left: 1rem;
        display: block;
        font-family: 'PF Grand Gothik', Arial, sans-serif;
    }
    .hader_utilities.bottom a.active {
        color: var(--color-three);
    }
}
@media (max-width: 767px) {
    html {
        font-size: 55%
    }
    
    .p_items_wrap {
        padding-bottom: 2rem;
    }
    .p_item {
        display: block;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .p_item .col {
        display: block;
        width: 100%;
        padding-bottom: 0;
        padding-top: 0;
    }
    .ps_texts p:last-child {
        margin-bottom: 0;
    }
    .ps_text, .ps_participants, .ps_info {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
    ul.lang-inline {
        margin: 0;
        padding: 0;
    }
    .info_wrap .row .col-1,
    .info_wrap .row .col-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        padding-bottom: 1.5rem;
        padding-top: 1.5rem;
    }
    .ps_text,
    .ps_participants,
    .ps_info {
        width: 100%;
    }
    .page_content .section .col-xs-6 + .col-xs-6 {
        margin-top: 2rem;
    }
    .project_row + .project_row {
        margin-top: 2rem;
    }
    
    .portfolioItem .projectItem_gallery img.img-gallery {
    max-height: calc(100vh - 25rem)!important;
    min-height: unset;
    height: unset;
}
 
    
}

@media (max-width: 550px) {
    .swiper-captions .col-xs-5 {
        width: calc(100% - 12rem);
    }
    .swiper-captions .col-xs-1 {
        width: 12rem;
        text-align: right;
    }
    .ps_item .ps_i_gallery .swiper-slide {
        padding: 0;
    }
    .portfolioItem .projectItem_gallery {
        max-height: 40vh !important;
        max-height: unset !important;
    }
    .swiper-wrapper-inside {
        height: 40vh;
        position: relative;
    }
    .swiper-wrapper-inside:before {
        display: none;
    }
    .menu_w.connect .menu_h {
        display: none;
    }
    .row.contributors {
        columns: 1;
    }
    


}

@media (max-width: 320px) {

    .hader_utilities.bottom .search-switch input[type="text"] {
        width: 14rem;
    }
}