/*
 Theme Name: Gospel
 Author: Federico Salort
 Author URI: http://federicosalort.com/
 Description: Theme developed for Gospel

 */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* height: 100vh; */
    overscroll-behavior: none;
    font-weight: normal;
    overflow: auto;
    -webkit-text-size-adjust: 100%;
}

html * {
    /* overscroll-behavior: none; */
}

body {
    margin: 0.0px;
    margin: auto;
    overflow: auto;
    height: auto;
    overflow: auto;
    padding: 0.0px !important;
    color: #1E1E1E;
    font-size: 16px;
    line-height: 20px;
    background: white;
    font-family: 'CircularStd-Book';
}

body *,span, a,p {
    /* font-size: 13.6px; */
    /* line-height: 19.0px; */
    text-size-adjust: none;
}

.mobile,.mobile_small {
    display: none;
}

header {
    width: 100%;
    z-index: 3;
    opacity: 1;
}

.info_div .info_div_content::-webkit-scrollbar,.site_container::-webkit-scrollbar,.project_stills_container::-webkit-scrollbar,.overview_section::-webkit-scrollbar,html::-webkit-scrollbar, body::-webkit-scrollbar, .ui-selectmenu-menu .ui-menu::-webkit-scrollbar, #gallery_cases_class_wrapper::-webkit-scrollbar,.project_container_credits::-webkit-scrollbar {
    display: none;
}

html, body {
    -ms-overflow-style: none;
}

html.home_html {
    position: fixed;
    width: 100%;
    height: 100%!important;
    overflow: hidden;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.overflow_hidden {
    overflow: hidden !important;
}

body * {
    outline: none;
    margin-top: 0;
    /* letter-spacing: -.02em; */
}

div, ul, li, header, footer, a, figure, img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.project_image_div_effect {
    position: relative;
    z-index: 2;
}

.grid_item[effect="zoomIn"] .project_image_div_effect {
    transition: transform .3s;
}

.grid_item[effect="zoomOut"] .project_image_div_effect {
    transition: transform .3s;
}

.grid_item[effect="rotateLeft"] .project_image_div_effect {
    transition: transform .3s;
}

.grid_item[effect="rotateRight"] .project_image_div_effect {
    transition: transform .3s;
}

.project_image_div_effect video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: all;
    object-fit: cover;
}

ol, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

b, strong, h1, h2, h3, h4, h5, h6, label {
    font-weight: normal;
}

textarea, input[type="text"], input[type="button"], input[type="submit"], input, button {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

a {
    color: #1E1E1E;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear;
}

b, strong {
}

.clear::after {
    clear: both;
    display: block;
    content: '';
}

a {
    text-decoration: none
}

header {
}

html::-webkit-scrollbar, body::-webkit-scrollbar, textarea::-webkit-scrollbar {
    display: none;
}

.body *, body, a, label {
}

#main_header {
    position: fixed;
    z-index: 10;
}

#main_header .header_wrapper {
    position: relative
}

#main_header .header_wrapper .logo {
    position: relative;
    left: 0;
    padding: 20px 25px;
    -moz-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
    display: inline-block;
    padding-bottom: 0!important;
}

.animation_on:not(.animation_completed) #main_header .header_wrapper .logo, .animation_on:not(.animation_completed) .home_arrow {
    opacity: 0;
    pointer-events: none;
}

#main_header .header_wrapper .logo p {
    margin: 0;
}

#main_header .header_wrapper .info_btn {
    position: absolute;
    right: 43px;
    padding: 14px 15px;
    cursor: pointer;
    padding-right: 0;
}

#main_header .header_wrapper .info_btn span {
    margin-left: 8px;
}

#main_header .header_wrapper .info_btn span:before {
    content: '';
}

body, html {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.clear::after {
    clear: both;
    display: block;
    content: '';
}

.site_container {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    top: 0;
    left: 0;
}

.animation_on:not(.animation_completed) .site_container {
    overflow: hidden;
}

.home_container {
    overflow: hidden;
}

.home_container .grid {
    z-index: 9;
    padding: 50px 25px;
    position: relative;
    /* overflow: hidden; */
    padding: 0;
}

.fake_grid {
    opacity: 0;
    position: absolute !important;
    top: 0;
    pointer-events: none;
    width: 100%;
    left: 0;
}

.grid_item {
}

.grid_item {
    float: left;
    padding: 3.076923076923077vw;
}

/* Default: 3 items per column for screens less than 1024px */
.grid_item {
    width: 50%;
    height: auto;
    /* pointer-events: none; */
}

.grid_item:nth-child(3n+1) {
    clear: both;
}

/* Screen width between 1024px and 1380px: 4 items per column */
@media (max-width: 640px) {
    .grid_item {
        width: 50%;
        height: 50vw;
    }

    .grid_item:nth-child(3n+1), .grid_item:nth-child(4n+1), .grid_item:nth-child(5n+1) {
        clear: none;
    }

    .grid_item:nth-child(2n+1) {
        clear: both;
    }
}

@media (max-width: 820px) and (min-width: 640px) {
    .grid_item {
        width: 33.33%;
        height: 33.33vw;
    }

    .grid_item:nth-child(3n+1), .grid_item:nth-child(4n+1), .grid_item:nth-child(5n+1) {
        clear: none;
    }

    .grid_item:nth-child(3n+1) {
        clear: both;
    }
}

@media (min-width: 820px) and (max-width: 1379px) {
    .grid_item {
        width: 25%;
        /* height: 25vw; */
    }

    .grid_item:nth-child(3n+1) {
        clear: none;
    }

    .grid_item:nth-child(4n+1) {
        clear: both;
    }
}

/* Screen width between 1380px and 1920px: 5 items per column */
@media (min-width: 1380px) and (max-width: 1920px) {


    .grid_item:nth-child(3n+1), .grid_item:nth-child(4n+1) {
        clear: none;
    }

    .grid_item:nth-child(5n+1) {
        clear: both;
    }
}
    .grid_item {
        width: 25%;
        height: auto;
        padding: 0 1vw 50px;
        /* padding: 0; */
        text-align: center;
    }

    .swiper-slide .grid_item {
        width: auto;
        padding-bottom: 0;
        padding: 0 75px 0vw;
        height: 100%;
        /* min-width: 20vw; */
        position: relative;
    }

    .swiper-slide .grid_item .grid_item_wrapper, .swiper-slide .grid_item .project_image_div, .swiper-slide .project_image_div_container,.swiper-slide .project_image_div_effect {
        height: 100%;
    }

    .grid_item .grid_item_wrapper {
        transform: scale(1);
    }

    .swiper-slide .project_image_div_effect {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .swiper-slide .grid_item .grid_item_wrapper a {
    }
/* Screen width greater than 1920px: 6 items per column */
@media (min-width: 1921px) {
    .grid_item {
        width: 16.66%;
        height: 16.66vw;
        padding: 2.076923vw;
    }

    .grid_item:nth-child(3n+1), .grid_item:nth-child(4n+1), .grid_item:nth-child(5n+1) {
        clear: none;
    }

    .grid_item:nth-child(6n+1) {
        clear: both;
    }
}

.grid .grid_item .grid_item_wrapper {
    display: block;
    padding-bottom: 65px;
}

.grid_item .image_grid {
    height: 95%;
    display: block;
    margin: auto;
    opacity: 0;
    pointer-events: none;
}

.grid_item .project_image_div {
    display: block;
    /* opacity: 0; */
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    /* pointer-events: none; */
    width: 100%;
}

.home_container[grid_type="boom"] .grid_item .project_image_div {
    cursor: -webkit-grab;
    cursor: grab;
}

.grid_item .project_image_div.active {
    opacity: 1;
}

.project_image_div {
    /* position: absolute; */
}

.home_container[grid_type="boom"] .grid_item .project_image_div.ui-draggable-dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.project_image {
    margin: auto;
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.project_image img {
    pointer-events: all;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    display: block;
    width: 100%;
}

.swiper-slide .project_image img,.swiper-slide .flip-card-front, .swiper-slide .flip-card-back,.swiper-slide .flip-card-inner, .swiper .flip-card {
    pointer-events: none;
}

.project_image img .home_container .grid.width_transition .grid_item .project_image_div {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.animated_transition .grid_item {
    -moz-transition: width 1.5s ease-out,height 1.5s ease-out, left 1.5s ease-out,top 1.5s ease-out,padding 1.5s ease-out,transform 1.5s ease-out;
    -ms-transition: width 1.5s ease-out,height 1.5s ease-out, left 1.5s ease-out,top 1.5s ease-out,padding 1.5s ease-out,transform 1.5s ease-out;
    -o-transition: width 1.5s ease-out,height 1.5s ease-out, left 1.5s ease-out,top 1.5s ease-out,padding 1.5s ease-out,transform 1.5s ease-out;
    transition: width 1.5s ease-out,height 1.5s ease-out, left 1.5s ease-out,top 1.5s ease-out,padding 1.5s ease-out,transform 1.5s ease-out;
    transition-delay: .5s !important;
}

.animated_transition .grid_item .grid_item_wrapper img {
    -moz-transition: transform 1.5s ease-out;
    -ms-transition: transform 1.5s ease-out;
    -o-transition: transform 1.5s ease-out;
    transition: transform 1.5s ease-out;
}

.animated_transition .grid_item .grid_item_wrapper img {
    transition-delay: .5s !important;
}

[grid_type="slider"] .grid:not(.fake_grid) .grid_item {
    padding: 0 1vw 0vw;
    /* display: flex; */
}

[grid_type="slider"] .project_image_caption {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

[grid_type="slider"] .grid:not(.fake_grid) .grid_item .grid_item_wrapper {
    padding: 0;
    height: 100%;
}

.animated_transition .grid .grid_item .grid_item_wrapper {
    -moz-transition: padding 1.5s ease-out;
    -ms-transition: padding 1.5s ease-out;
    -o-transition: padding 1.5s ease-out;
    transition: padding 1.5s ease-out;
    transition-delay: .5s !important;
}

.animated_transition .grid .grid_item .project_image_div {
    -moz-transition: margin 1.5s ease-out;
    -ms-transition: margin 1.5s ease-out;
    -o-transition: margin 1.5s ease-out;
    transition: margin 1.5s ease-out;
    transition-delay: .5s !important;
}

.animated_transition .project_image_caption {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s linear;
}

.animated_transition .grid_item .project_image {
    -moz-transition: all 1.5s ease-out;
    -ms-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
    transition-delay: .5s !important;
}

.home_container .grid.width_transition .grid_item .project_image_div .project_image {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.home_container .grid.width_transition .grid_item .project_image_div .project_image_div_container {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.project_image_caption {
    position: relative;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    /* pointer-events: none; */
    text-align: center;
    padding-top: 25px;
    z-index: 0;
    width: 100%;
    position: absolute;
}

.project_image_caption label {
    display: block;
}

.project_image_caption span {
    display: block;
}

.project_image_div_container {
    position: relative;
}

.home_container[grid_type="boom"] .grid_item .project_image_div.ui-draggable-dragging .project_image_caption {
    opacity: 1;
}

.home_container[grid_type="grid"] .project_image_caption {
}

.change_grid {
    position: fixed;
    padding: 14px 15px;
    right: 77px;
    top: 0;
    cursor: pointer;
    z-index: 10;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.home_container[grid_type="boom"] .change_grid:before {
    content: 'Grid';
}

.home_container[grid_type="grid"] .change_grid:before {
    content: 'Boom!';
}

.custom_gallery_random_image {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.custom_gallery_random_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.info_div {
    width: 414px;
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    padding-bottom: 0;
    z-index: 10;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
    -webkit-transform: translate(100%, 0%);
    -moz-transform: translate(100%, 0%);
    -ms-transform: translate(100%, 0%);
    -o-transform: translate(100%, 0%);
    transform: translate(100%, 0%);
    letter-spacing: 0.015em;
    max-width: 100%;
}

.open_info .info_div {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.info_div .info_div_content {
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 8px;
}

.go_top_btn {
    position: absolute;
    right: 0px;
    padding: 14px 15px;
    cursor: pointer;
    padding-left: 5px;
}

.info_div .close_info {
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px;
    cursor: pointer;
    z-index: 10;
}

.info_div .info_div_content {
}

.info_div .info_div_content .information_header_items {
}

.info_div .info_div_content .information_header_items .information_email {
    margin-right: 45px;
}

.info_div .info_div_content .information_header_items a {
    display: inline-block;
    position: relative;
}

.info_div .info_div_content .information_header_items a:after, .info_div .info_div_content .information_footer_items a:after {
    position: absolute;
    bottom: 0;
    background: #1E1E1E;
    height: 1px;
    width: 100%;
    content: '';
    left: 0;
    -moz-transition: width .15s linear;
    -ms-transition: width .15s linear;
    -o-transition: width .15s linear;
    transition: width .15s linear;
}

.info_div .info_div_content .information_header_items .information_instagram {
}

.info_div .info_div_content .information_text_module {
}

.info_div .info_div_content .information_text_module.clients_about_text {
    margin-top: 25px;
    margin-bottom: 58px;
}

.info_div .info_div_content .information_text_module.about_text {
    margin-bottom: 55px;
}

.info_div .info_div_content .information_text_module p {
}

.info_div .info_div_content .about_images_with_link {
}

.info_div .info_div_content .about_images_with_link .about_image_container {
    position: relative;
    margin: 6px 0;
}

.info_div .info_div_content .about_images_with_link .about_image_container a {
}

.info_div .info_div_content .about_images_with_link .about_image_container a .about_image_label {
    position: absolute;
    /* mix-blend-mode: difference; */
    color: white;
    right: 0;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: .015em;
    padding: 6px;
}

.info_div .info_div_content .about_images_with_link .about_image_container:last-child a .about_image_label {
    color: #1E1E1E;
}

.info_div .info_div_content .about_images_with_link .about_image_container a img {
}

.info_div .info_div_content .about_images_with_link .about_image_container a img {
    width: 100%;
    display: block;
}

.address_about_image_container img {
    width: 100%;
    display: block;
}

.info_div .info_div_content .information_text_module.secondary_about_text {
    margin-top: 25px;
    margin-bottom: 58px;
}

.info_div .info_div_content .about_gallery {
}

.info_div .info_div_content .about_gallery .about_gallery_wrapper {
}

.info_div .info_div_content .about_gallery .about_gallery_wrapper img {
    width: 100%;
    display: block;
}

.info_div .info_div_content .information_text_module.address_about_text {
    margin-bottom: 68px;
    margin-top: 25px;
}

.info_div .info_div_content .information_footer_items {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 6px 6px;
    left: 0;
}

.info_div .info_div_content .information_text_module.address_about_text ul {
}

.info_div .info_div_content .information_text_module.address_about_text ul li {
}

.info_div .info_div_content .information_footer_items .information_email {
    margin-right: 45px;
}

.info_div .info_div_content .information_footer_items a {
    display: inline-block;
    position: relative;
}

.info_div .info_div_content .information_footer_items .information_instagram {
}

.info_div .info_div_content .information_footer_items .copyrights_item {
    position: absolute;
    right: 6px;
    bottom: 6px;
}

.info_div_content_wrapper {
    position: relative;
    padding: 6px;
    padding-bottom: 36px;
    background: #FFF170;
}

.about_gallery {
}

.about_gallery .about_gallery_wrapper {
}

.about_gallery .about_gallery_wrapper .gallery_swiper {
}

.about_gallery .about_gallery_wrapper .gallery_swiper .gallery_swiper_header {
    position: relative;
    padding-bottom: 8px;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .gallery_swiper_header .swiper-pagination {
}

.about_gallery .about_gallery_wrapper .gallery_swiper .gallery_swiper_header .swiper-button-next {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .swiper-container {
    height: 257px;
    overflow: hidden;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .swiper-container .swiper-wrapper {
    height: 100%;
}

.about_gallery .about_gallery_wrapper .gallery_swiper .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    width: auto;
}

.about_gallery_item {
    height: 100%;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.close_open_project {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    right: 0;
    top: 0;
    padding: 13px 14px;
    cursor: pointer;
    z-index: 10;
}

.portrait_image_open .grid_item .project_image_div {
}

.portrait_open .project_image_caption {
    opacity: 1!important;
    transition-delay: .3s;
}

.portrait_image_open_background .change_grid {
    opacity: 0;
    pointer-events: none;
}

.portrait_image_open .grid_item .project_image_div {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.portrait_image_open .grid_item .project_image_div.block_portrait_open_position {
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.portrait_image_open .grid_item .project_image_div img {
    -moz-transition: all .5s ease-out,opacity 0s;
    -ms-transition: all .5s ease-out,opacity 0s;
    -o-transition: all .5s ease-out,opacity 0s;
    transition: all .5s ease-out,opacity 0s;
    pointer-events: none!important;
}

.portrait_image_open .grid_item .project_image_div.portrait_open {
    pointer-events: all!important;
}

.portrait_image_open .grid_item .project_image_div .project_image_div_container {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.grid_item .project_image_div.portrait_open {
    margin-top: 0vw !important;
    position: fixed;
}

.grid_item .project_image_div.portrait_open_position {
    /* left: 20vw!important; */
}

.grid_item .project_image_div.bring_to_front {
    z-index: 100;
}

.portrait_open .project_image_caption {
    opacity: 1!important;
    transition-delay: .3s;
}

.portrait_image_open_background .change_grid {
    opacity: 0;
    pointer-events: none;
}

.portrait_image_open .grid_item .project_image_div {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.portrait_image_open .grid_item .project_image_div.block_portrait_open_position {
    -moz-transition: unset;
    -ms-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.portrait_image_open .grid_item .project_image_div .project_image {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
    pointer-events: none!important;
}

.portrait_image_open .grid_item .project_image_div.portrait_open {
    pointer-events: all!important;
}

.portrait_image_open .grid_item .project_image_div .project_image_div_container {
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5 ease-out;
    -o-transition: all .5 ease-out;
    transition: all .5s ease-out;
}

.grid_item .project_image_div.portrait_open {
    margin-top: 0vw !important;
    position: fixed;
}

.grid_item .project_image_div.portrait_open_position {
    /* left: 40vw!important;*/
}

.grid_item .project_image_div.portrait_open .project_image_div_container {
    transform: rotate(0deg)!important
}

.grid_item .project_image_div.portrait_open img {
    /*  width: 20vw!important;*/
}

.portrait_image_open .site_container {
    overflow: hidden;
}

.portrait_image_open_background #main_header {
    pointer-events: none;
    opacity: 0;
}

.portrait_image_open_background .home_container .grid .open_background {
    opacity: 1;
    pointer-events: auto;
}

.portrait_image_open_background .close_open_project {
    opacity: 1;
    pointer-events: auto;
}

.home_container .grid .open_background {
    pointer-events: none;
    position: fixed;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -moz-transition: opacity .15s linear,backdrop-filter .15s linear;
    -ms-transition: opacity .15s linear,backdrop-filter .15s linear;
    -o-transition: opacity .15s linear,backdrop-filter .15s linear;
    transition: opacity .15s linear,backdrop-filter .15s linear;
    z-index: 1;
    background-color: rgb(255 255 255 / 60%);
    /* Standard Syntax */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

#main_header {
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.project_image_caption {
}

.portrait_open .project_image_caption {
    opacity: 1!important;
    transition-delay: .15s;
}

.portrait_image_open_background .change_grid {
    opacity: 0;
    pointer-events: none;
}

.home_container[grid_type="grid"] .project_image {
    cursor: pointer;
}

.home_container[grid_type="slider"] .grid:not(.fake_grid) .project_image {
}

.grid_item[effect="changeImage"] .project_image_div .project_image_div_effect .hover_image {
    opacity: 0;
    /*  -moz-transition: opacity .#s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;*/
    top: 50%;
    left: 0;
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    pointer-events: none;
}

.grid_item[effect="changeImage"] .project_image_div .project_image_div_effect .hover_image img {
    width: 100%;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 100%;
    /* border: 1px solid #f1f1f1; */
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
    position: relative;
    top: 0;
    pointer-events: all;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    pointer-events: all;
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
    pointer-events: all;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    position: relative;
}

/* Style the back side */
.flip-card-back {
    transform: rotateY(180deg);
    top: 50%;
    -webkit-transform: translate(0%, -50%) rotateY(180deg);
    -moz-transform: translate(0%, -50%) rotateY(180deg);
    -ms-transform: translate(0%, -50%) rotateY(180deg);
    -o-transform: translate(0%, -50%) rotateY(180deg);
    transform: translate(0%, -50%) rotateY(180deg);
}

.size_reference_image {
}

.size_reference_image {
    opacity: 0;
    pointer-events: none!important;
}

.about_gallery_item:nth-child(1) {
    margin-bottom: 6px;
}

.about_gallery_item:nth-child(2),.about_gallery_item:nth-child(3) {
    float: left;
    width: 50%;
}

.about_gallery_item:nth-child(2) {
    padding-right: 3px;
}

.about_gallery_item:nth-child(3) {
    padding-left: 3px;
}

.about_gallery_item:nth-child(1) img {
}

.about_gallery_item:nth-child(2) img {
}

.about_gallery_item:nth-child(3) img {
}


.about_container {
    background-color: #FDEE83;
}

.about_container .about_text_container {
}

.about_container .about_column {
    width: 50%;
    float: left;
}

.about_container .about_text_container .about_main_container {
    padding: 42px 25px 20px;
    position: relative;
    height: 100vh;
    line-height: 22px;
}

.about_container .about_text_container .about_main_container .about_top_text {
}

.about_content_div {
    margin-bottom: 50px;
    width: 525px;
    max-width: 100%;
}

.about_container .about_text_container .about_main_container .about_main_text {
}

.about_container .about_text_container .about_main_container .about_main_footer_text {
    position: absolute;
    bottom: 20px;
    width: 525px;
    max-width: 100%;
}

.about_container .about_text_container .about_main_container .about_main_footer_text p {
    margin: 0;
}

.about_container .about_text_container .about_main_container .about_main_scroll_arrow {
    position: absolute;
    width: 27.863px;
    bottom: 20px;
    right: 44px;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
    cursor: pointer;
    animation: jump 1.5s infinite;
}

.hide_arrow .about_container .about_text_container .about_main_container .about_main_scroll_arrow {
    opacity: 0;
    pointer-events: none;
}

.about_container .about_text_container .about_main_container .about_main_scroll_arrow svg {
}

.about_container .about_text_container .about_information {
    padding: 70px 33px 20px 25px;
    overflow: hidden;
}

.about_container .about_text_container .about_information .about_text_items {
}

.about_container .about_text_container .about_information .about_text_items .about_text_item {
}

.about_content_div p {
}

.about_content_div strong {
    text-indent: 32px;
    display: inline-block;
}

.about_container .about_text_container .about_information .about_logos_marquee {
    min-height: 48px!important;
    overflow: visible !important;
    margin-bottom: 50px;
}

.about_container .about_text_container .about_information .about_logos_marquee .about_logo_marquee_image_container {
    height: 43px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin: 0 34px;
}

.about_container .about_text_container .about_information .footer_about_text_items {
}

.about_container .about_text_container .about_information .footer_about_text_items .footer_about_text_item {
}

.newsletter_module {
    padding-top: 20px;
    padding-bottom: 100px;
}

.newsletter_module .newsletter_form_container {
}

.newsletter_module .newsletter_form_container .newsletter_form_content {
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form {
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content {
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter {
    position: relative;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_title {
    margin-bottom: 60px;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs {
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form.show_newsletter_pop_up_thanks .newsletter_content .action_newsletter .newsletter_form_inputs {
    opacity: 0;
    pointer-events: none;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container {
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container input[type="text"] {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-bottom: 1px solid #1E1E1E;
    font-size: 12px;
    line-height: 24px;
    font-family: 'CircularStd-Book';
}

::placeholder {
    color: #1E1E1E;
    font-family: 'CircularStd-BookItalic';
}

/* Webkit browsers (Chrome, Safari, newer versions of Opera) */
::-webkit-input-placeholder {
    color: #1E1E1E;
    font-family: 'CircularStd-BookItalic';
    opacity: 1;
}

/* Mozilla Firefox */
::-moz-placeholder {
    color: #1E1E1E;
    font-family: 'CircularStd-BookItalic';
    opacity: 1;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
    color: #1E1E1E;
    font-family: 'CircularStd-BookItalic';
    opacity: 1;
}

/* Microsoft Edge */
::-ms-input-placeholder {
    color: #1E1E1E;
    font-family: 'CircularStd-BookItalic';
    opacity: 1;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container input[type="submit"] {
    float: right;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    margin-top: 24px;
    cursor: pointer;
    font-family: 'CircularStd-Book';
    color: #1E1E1E;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container input[type="submit"]:disabled {
    opacity: .5;
    pointer-events: none;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container .newsletter_email_container {
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container .submit_input_container {
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_thanks_wrapper {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
    width: 100%;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form.show_newsletter_pop_up_thanks .newsletter_content .newsletter_thanks_wrapper {
    opacity: 1;
}

.newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_thanks_wrapper .newsletter_thanks_container {
    position: absolute;
}

.about_container .about_images_container {
    position: fixed;
    right: 0;
    height: 100%;
}

.about_container .about_images_container .about_images_marquee {
    height: 100%;
}

.about_container .about_images_container .about_images_marquee .mMove {
    /* height: 100%; */
    width: 100%;
}

.about_container .about_images_container .about_images_marquee .about_marquee_image_container {
    background-size: cover;
    background-position: center;
}

.empty_error,.invalid_error {
    border-color: red!important;
    color: red
}

.empty_error::placeholder {
    color: red
}

/* Webkit browsers (Chrome, Safari, newer versions of Opera) */
.empty_error::-webkit-input-placeholder {
    color: red
}

/* Mozilla Firefox */
.empty_error::-moz-placeholder {
    color: red
}

/* Internet Explorer 10-11 */
.empty_error:-ms-input-placeholder {
    color: red
}

/* Microsoft Edge */
.empty_error::-ms-input-placeholder {
    color: red
}

.animation_container {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.home_image {
    position: absolute;
    height: auto;
    /* Automatic height */
    transition: transform 3s linear;
    /* Smooth rotation */
}

.hidden {
    opacity: 0;
    /* Start with hidden images */
}

.visible {
    opacity: 1;
    /* Show images when the class is changed */
}

.animation_main_text {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    opacity: 0;
    font-size: 18px;
    line-height: 26px;
}
.no_animation .animation_main_text{
    display:none;
}
.animation_main_text label {
}

.animation_main_text span {
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
    opacity: 0
}

.animate_main_text .animation_main_text,.animate_main_text .animation_main_text span {
    opacity: 1;
}

.main_logo {
    width: 54.2679355vw;
    height: 5.5448023vw;
    top: -60vw;
    position: fixed;
    left: 50%;
    -moz-transition: transform 3s linear, top 3s linear;
    -ms-transition: transform 3s linear, top 3s linear;
    -o-transition: transform 3s linear, top 3s linear;
    transition: transform 3s linear, top 3s linear;
    pointer-events: none;
}

.logo_style_1 .main_logo {
    -webkit-transform: rotate(-50deg) translate(-50%, -50%);
    -moz-transform: rotate(-50deg) translate(-50%, -50%);
    -ms-transform: rotate(-50deg) translate(-50%,-50%);
    -o-transform: rotate(-50deg) translate(-50%,-50%);
    transform: rotate(-50deg) translate(-50%, -50%);
}

.logo_style_2 .main_logo {
    -webkit-transform: rotate(50deg) translate(-50%, -50%);
    -moz-transform: rotate(50deg) translate(-50%, -50%);
    -ms-transform: rotate(50deg) translate(-50%,-50%);
    -o-transform: rotate(50deg) translate(-50%,-50%);
    transform: rotate(50deg) translate(-50%, -50%);
}

.logo_style_3 .main_logo {
    -webkit-transform: rotate(-40deg) translate(-50%, -50%);
    -moz-transform: rotate(-40deg) translate(-50%, -50%);
    -ms-transform: rotate(-40deg) translate(-50%,-50%);
    -o-transform: rotate(-40deg) translate(-50%,-50%);
    transform: rotate(-40deg) translate(-50%, -50%);
}

.logo_style_4 .main_logo {
    -webkit-transform: rotate(25deg) translate(-50%, -50%);
    -moz-transform: rotate(25deg) translate(-50%, -50%);
    -ms-transform: rotate(25deg) translate(-50%,-50%);
    -o-transform: rotate(25deg) translate(-50%,-50%);
    transform: rotate(25deg) translate(-50%, -50%);
}

.logo_style_5 .main_logo {
    -webkit-transform: rotate(-32deg) translate(-50%, -50%);
    -moz-transform: rotate(-32deg) translate(-50%, -50%);
    -ms-transform: rotate(-32deg) translate(-50%,-50%);
    -o-transform: rotate(-32deg) translate(-50%,-50%);
    transform: rotate(-32deg) translate(-50%, -50%);
}

.main_logo .main_logo_container {
    background-image: url(images/logo_object.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.animate_logo .main_logo {
    -webkit-transform: rotate(0deg) translate(-50%,-50%);
    -moz-transform: rotate(0deg) translate(-50%, -50%);
    -ms-transform: rotate(0deg) translate(-50%, -50%);
    -o-transform: rotate(0deg) translate(-50%, -50%);
    transform: rotate(0deg) translate(-50%, -50%);
    top: 50%;
}

.home_arrow {
    position: fixed;
    width: 27.863px;
    bottom: 20px;
    left: 50%;
    -moz-transition: opacity .25s linear;
    -ms-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
    cursor: pointer;
    animation: jump 1.5s infinite;
}

.fixed_header .home_arrow {
    opacity: 0;
}

.home_arrow svg {
}

.typed-cursor {
    display: none!important
}

@keyframes jump {
    0% {
        margin-bottom: 0;
    }

    50% {
        margin-bottom: 10px;
    }

    100% {
        margin-bottom: 0;
    }
}

svg {
    overflow: visible;
}

.newsletter_pop_up {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -moz-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}

.open_newsletter .newsletter_pop_up {
    opacity: 1;
}

.open_newsletter .newsletter_pop_up .newsletter_pop_up_wrapper {
    pointer-events: auto
}

.newsletter_pop_up .newsletter_pop_up_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 433px;
    padding: 35px 25px 50px 25px;
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_close {
    position: absolute;
    width: 16.128px;
    height: 16.128px;
    right: -7px;
    top: -7px;
    cursor: pointer;
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_close svg {
    display: block;
    width: 100%;
    height: auto;
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_close svg circle {
    fill: white;
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module {
    padding: 0;
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_title {
    margin-bottom: 90px;
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container .newsletter_email_container {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .action_newsletter .newsletter_form_inputs .newsletter_form_input_container .submit_input_container {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_thanks_wrapper {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_thanks_wrapper .newsletter_thanks_container {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_thanks_wrapper .newsletter_thanks_container label {
}

.newsletter_pop_up .newsletter_pop_up_wrapper .newsletter_pop_up_body .newsletter_module .newsletter_form_container .newsletter_form_content .newsletter_form .newsletter_content .newsletter_thanks_wrapper .newsletter_thanks_container label img {
}

.contact_pop_up {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 11;
    pointer-events: none;
}

.open_contact .contact_pop_up {
    opacity: 1;
}

.contact_pop_up .contact_pop_up_wrapper {
    position: absolute;
    bottom: 0%;
    right: 25px;
    width: 169px;
    padding: 15px;
    -moz-transition: transform .35s linear;
    -ms-transition: transform .35s linear;
    -o-transition: transform .35s linear;
    transition: transform .35s linear;
    -webkit-transform: translate(0%, 120%);
    -moz-transform: translate(0%, 120%);
    -ms-transform: translate(0%, 120%);
    ; -o-transform: translate(0%, 120%);
    transform: translate(0%, 120%);
}

.open_contact .contact_pop_up .contact_pop_up_wrapper {
    pointer-events: all;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    ; -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.contact_pop_up .contact_pop_up_wrapper .contact_pop_up_close {
    position: absolute;
    width: 16.128px;
    height: 16.128px;
    right: -7px;
    top: -7px;
    cursor: pointer;
}

.contact_pop_up .contact_pop_up_wrapper .contact_pop_up_close svg {
    display: block;
    width: 100%;
    height: auto;
}

.contact_pop_up .contact_pop_up_wrapper .contact_pop_up_close svg circle {
    fill: white;
}

.contact_pop_up .contact_pop_up_wrapper .contact_pop_up_close svg path {
}

.contact_pop_up .contact_pop_up_wrapper .contact_pop_up_body {
}

.contact_pop_up .contact_pop_up_wrapper .contact_pop_up_body .contact_pop_up_title {
    line-height: 22px;
    padding-bottom: 45px;
}

svg {
    overflow: visible;
}

.btn {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid black;
    text-align: center;
    cursor: pointer;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.contact_menu .btn {
    margin-top: 10px;
}

.website_footer {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* padding-top: 10vw; */
    -moz-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}

.block_scroll .website_footer {
    opacity: 0;
}

.block_scroll.slider_layout .website_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    opacity: 1;
    z-index: 9;
}

.slider_layout:not(.grid_layout_class) .grid {
    opacity: 0;
    pointer-events: none;
}

.slider_layout .slider_home {
    opacity: 1;
    pointer-events: auto;
}

.footer-menu {
    position: relative;
    height: 50px;
    /* Make sure this matches the height of your menu items */
    line-height: 50px;
}

.menu-item {
    color: black;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    white-space: nowrap;
    /* Prevent text from wrapping */
}

.visible {
    opacity: 1;
}

.home_grid_container {
    padding: 0px 0;
    /* overflow: hidden; */
    position: relative;
}

.home_grid_container_parent {
    padding: 50px 25px;
    position: relative;
}

.switch_view {
    position: absolute;
    padding: 20px 0px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    position: relative;
    display: inline-block;
    margin-left: 38px;
    -moz-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}

.fixed_home_menu.home .switch_view {
    opacity: 1;
    pointer-events: all;
}

.header_menu {
    position: absolute;
    display: flex;
    justify-content: center;
    transform-origin: left bottom;
    position: absolute;
    -moz-transition: transform .5s linear;
    -ms-transition: transform .5s linear;
    -o-transition: transform .5s linear;
    transition: transform .5s linear;
    pointer-events: none;
}
.header_menu a{
    pointer-events:auto;
} 
html:not(.slider_layout ) .fixed_home_menu.home .header_menu {
    transform: rotate(90deg) translate(-15%, 0);
}

.slider_home {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.slider_home .swiper {
    overflow: visible;
    height: 100%;
    left: 0;
    padding: 10vw 0;
}

.slider_home .swiper .swiper-wrapper {
    /* justify-content: center; */
    /* Centra horizontalmente los elementos hijos */
    /* align-items: center; */
}

.slider_home .swiper .swiper-wrapper .swiper-slide {
    width: auto;
}

.slider_home .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .grid_item {
}

.block_scroll .site_container {
    overflow: hidden!important;
}

#page {
    position: relative;
}

.home #page {
    position: relative;
    padding-bottom: 50px;
}

.website_footer {
    position: absolute;
    bottom: 0;
}
.error404 .website_footer{
 position:fixed;   
}

.project_information_container {
    position: absolute;
    top: 58px;
    left: 25px;
    z-index: 10;
}

.project_information_container .project_information_title {
}

.project_information_container .project_information_content {
}

.project_information_container .project_information_content .project_information_content_header {
}

.project_information_container .project_information_content .project_information_content_header label {
    cursor: pointer;
}

.project_information_container .project_information_content .project_information_content_header span {
}

.project_information_container .project_information_content .project_information_content_header span:before {
    content: '+';
}

.project_information_container .project_information_content.opened .project_information_content_header span:before {
    content: '-';
}

.project_information_container .project_information_content .project_information_content_body {
    display: none;
    font-size: 12px;
    line-height: 14px;
    font-family: 'CircularStd-BookItalic';
}

.project_information_content_body_wrapper {
    padding-top: 15px;
}

.project_slider {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    height: 100%;
    left: 0;
    cursor: none;
}

.project_slider .swiper {
    height: 100%;
    left: 0;
    padding: 12vw 0;
}

.project_slider .swiper .swiper-wrapper {
}

.project_slider .swiper .swiper-wrapper .swiper-slide {
    width: auto;
}

.project_slider .swiper .swiper-wrapper .swiper-slide .project_image {
    margin: 0 100px;
}

.project_slider .swiper .swiper-wrapper .swiper-slide:last-child .project_image {
    /* margin: 0; */
}

.project_slider .swiper .swiper-wrapper .swiper-slide:first-child .project_image {
    margin: 0;
}

.cursor {
    position: fixed;
    width: 1px;
    height: 1px;
    z-index: 1000000;
    pointer-events: none;
    opacity: 0;
    transform-origin: center;
    -moz-transition: transform .2s cubic-bezier(0.5,0.25,0,1),color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1);
    -ms-transition: transform .2s cubic-bezier(0.5,0.25,0,1),color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1);
    -o-transition: transform .2s cubic-bezier(0.5,0.25,0,1),color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1);
    transition: transform .2s cubic-bezier(0.5,0.25,0,1),color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1);
    /* mix-blend-mode: difference; */
}

.show_cursor .cursor {
    opacity: 1;
}

.cursor .cursor_inner {
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    /* border: 1px solid; */
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -moz-transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .2s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
    -ms-transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .2s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
    -o-transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .2s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
    transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .2s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
}

.cursor .cursor_arrow {
    width: 1px;
    hei;
    height: 1px;
    position: absolute;
    border-radius: 50%;
    /* border: 1px solid; */
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .6s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
    -ms-transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .6s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
    -o-transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .6s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
    transition: background 0s cubic-bezier(0.5,0.25,0,1), transform .6s cubic-bezier(0.5,0.25,0,1), color .8s cubic-bezier(0.5,0.25,0,1), width .2s cubic-bezier(0.5,0.25,0,1), height .2s cubic-bezier(0.5,0.25,0,1), opacity .2s cubic-bezier(0.5,0.25,0,1);
    trasform-origin: center;
}

.left_cursor .cursor .cursor_arrow {
    -webkit-transform: translate(-50%,-50%) rotate(-270deg);
    -ms-transform: translate(-50%,-50%) rotate(-270deg);
    transform: translate(-50%,-50%) rotate(-270deg);
}

.cursor .cursor_arrow svg {
    display: block;
    height: auto;
    width: 28px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.projects_pagination {
    position: fixed;
    bottom: 0;
    width: 100%;
    : ; z-index: 10;
}

.projects_pagination a {
    float: left;
    padding: 20px 25px;
}

.projects_pagination a .project_image {
    position: absolute;
    width: 150px;
    height: 150px;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -110%);
    -moz-transform: translate(0, -110%);
    -ms-transform: translate(0, -110%);
    -o-transform: translate(0, -110%);
    transform: translate(0, -110%);
    pointer-events: none;
    opacity: 0;
    -moz-transition: opacity .35s linear;
    -ms-transition: opacity .35s linear;
    -o-transition: opacity .35s linear;
    transition: opacity .35s linear;
}

.projects_pagination a label {
    cursor: pointer;
}

.projects_pagination a:last-child {
    float: right;
}

.projects_pagination a:last-child .project_image {
    right: 25px;
    background-position: right bottom;
}

.projects_pagination a:last-child label {
}
.error404_content{
    font-size: 18px;
    line-height: 26px;
    position: fixed;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align:center;
}
.error404_content .error404_image{
    width: 257px;
    height: 221px;
    background-image: url(images/dog.png);
    background-size: cover;
    background-position: center;
}
.error404_content .error404_text{
    margin-top: -21px;
}
.error404_content .error404_text a{
    color:#0083FF;
    text-decoration:underline;
}
    .first_slide.left_cursor .project_slider{
    cursor:auto
}
.first_slide.left_cursor .cursor{
    opacity:0!important
}
.about_content_div p img{
    display:none
}