/*
Theme Name: Metaverso
Theme URI: https://understrap.com
Author: Holger Koenemann
Author URI: https://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 1.0.0
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/
body {
    max-width: 100vw
}

h1:not(.text-not-animated),
h2:not(.text-not-animated),
h3:not(.text-not-animated),
h4:not(.text-not-animated),
h5:not(.text-not-animated),
h6:not(.text-not-animated),
p,
.text-animated {
    opacity: 0;
    transition: 0.75s ease-in-out opacity;
}

.opacity-1:not(.text-not-animated),
.wpcf7 p {
    opacity: 1;
}

.opacity-1 h1:not(.text-not-animated),
.opacity-1 h2:not(.text-not-animated),
.opacity-1 h3:not(.text-not-animated),
.opacity-1 h4:not(.text-not-animated),
.opacity-1 h5:not(.text-not-animated),
.opacity-1 h6:not(.text-not-animated),
.opacity-1 p,
.opacity-1 .text-animated {
    opacity: 1;
}

h1,
.biggest,
.h1 p,
.page-template-landing-page .h1 {
    font-size: 76px;
    line-height: 1.1;
}

.l-h-0 {
    line-height: 0
}

.page-template-home-page h1,
#portfolio-page-wrapper h1,
#portfolio-taxonomy-page-wrapper h1,
.blog h1,
h2,
.h2,
.h2 p,
.single .colum-cc-blog h1,
.page-template-about-page h2 p {
    font-size: 47px;
}

.page-template-landing-genai-page .h3,
.page-template-landing-mia-page .h3 {
    font-size: 36px
}

p,
.p,
h3,
.h3,
.h4,
.container-related .swiper-slide span.light,
.page-template-single-service-page .entry-content p:first-child,
.page-template-single-service-page-new-test .entry-content p:first-child,
.page-template-single-sector-page .entry-content p:first-child,
.page-template-single-sector-service-page .entry-content p,
.single #single-wrapper .swiper-post p.h4 {
    font-size: 30px;
}

body,
.wpcf7 .wpcf7-form input,
.wpcf7 .wpcf7-form textarea,
.wpcf7 p,
.horizontal-scroll-section .horizontal-scroll-section__content-section:not(.fist-horizontal-scroll-section) span p,
.contacts-text p,
.p-text-contact p,
#single-wrapper p,
.item-portfolio span,
#home-carousel .swiper-wrapper .swiper-slide,
.page-template-single-sector-service-page .entry-content .list-content p,
.list-content p,
.popup-newsletter p,
#bando-page-wrapper p,
.p-18 p,
.page-template-landing-genai-page .h5,
.page-template-landing-mia-page .h5 {
    font-size: 20px;
}

.case-studies-label,
#main-nav .wpml-ls-item a,
.view-all-label,
#skip-timeline,
.read-more-label,
.small,
.filter-item-team,
.filter-item-brand,
.filter-item-portfolio,
.site-footer,
p#breadcrumbs,
#breadcrumbs.p,
.colum-sx-blog,
.colum-dx-blog,
#single-wrapper .container-info-text span p,
.container-info-text span,
#main-nav .nav-link,
.wpcf7 .wpcf7-form input[type="submit"],
#accordion-workspace .card,
#accordion-workspace .btn,
.button-workspace,
.h5,
.container-intro-related .link-chips,
.container-related .link-chips,
.single article .container-fluid:not(.container-related) figcaption,
.popup-newsletter .small-text,
.container-por-fse a,
.wpml-ls-menu-item .dropdown-menu {
    font-size: 14px
}

.colum-dx-blog .addtoany_list a,
.btn-label,
.btn-link {
    font-size: 14px !important;
}

.btn-label,
.page-template-landing-genai-page .h6,
.page-template-landing-mia-page .h6 {
    font-family: 'Roboto Mono', monospace;
}

.caption,
.page-template-landing-genai-page .h6,
.page-template-landing-mia-page .h6 {
    font-size: 12px
}

.prefooter-newsletter .title-newsletter .h5 {
    font-size: 12px;
    line-height: 1.1;
    font-weight: 300;
    margin-top: 5px;
}

.popup-newsletter p {
    line-height: 1.6111111111;
    margin-bottom: 5px;
}

.popup-newsletter .small-text,
.container-intro-works .list-content p {
    font-weight: 300;
}

.page-template-single-service-page .entry-content p:first-child,
.page-template-single-service-page-new-test .entry-content p:first-child,
.page-template-single-sector-page .entry-content p:first-child,
.page-template-single-sector-service-page .entry-content .collapsable-text>.row>.col-12:nth-child(1) p:first-child {
    font-weight: 400;
}

.z-i-1 {
    z-index: 1;
}

.pointer-event-none {
    pointer-events: none;
}

.pointer-event-auto {
    pointer-events: auto;
}

a {
    -webkit-user-select: none;
    -webkit-user-drag: none;
    -webkit-app-region: no-drag;
}

.pointer,
.back-to-top {
    cursor: pointer;
}

.cursor-none {
    cursor: none;
}

.filter-item-team.filter-item-partners,
#cursor-play.cursor-none {
    cursor: default;
}

.cursor-circle {
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute;
    transform: translate3d(-50%, -50%, 0);
    /*transition:transform 0.2s cubic-bezier(.02,1.23,.79,1.08);*/
}

.cursor-circle .cursor-scale {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    transform: scale(0);
    transition: transform 0.2s ease-in-out;
}

.page-template-about-page .cursor-circle .cursor-scale {
    width: 300px;
    height: 300px;
}

.cursor-circle .cursor-scale .small {
    padding-top: 60px;
    display: inline-block;
}

.cursor-circle.active .cursor-scale {
    transform: scale(1);
}

#container-reel,
#container-video {
    height: 0px;
    width: 0px;
    overflow: hidden;
}

#cavas-container {
    overflow: hidden;
}

#cavas-container>div:last-child {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

#cavas-container>.row {
    position: relative;
    z-index: 1
}

.no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

.container-fluid,
.container,
.p-lr-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

img {
    user-drag: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body #Viewer3D canvas {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.8;
}

.page-template-landing-page #Viewer3D canvas {
    opacity: 1
}

.intro-home {
    /* height: calc(100vh - 50px); height: calc(calc(var(--vh, 1vh) * 100) - 50px); min-height: calc(100vh - 50px); */
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.intro-sector,
.o-landscape .intro-sector {
    max-height: calc(100vh - 50px);
    overflow: hidden;
}

.o-portrait .intro-sector {
    max-height: 100vw;
}

.o-portrait .intro-sector>.row.vh-100 {
    height: 100vw !important;
}

/* .o-portrait #sector-page-wrapper .intro-sector .vimeo-wrapper iframe, .o-portrait .open-pop-up-video .vimeo-wrapper iframe{ min-width: 180vw; min-height: 100vh; height: 100vw } */

.intro-home h1 {
    padding-bottom: 100px
}

.p-t-menu {
    padding-top: 100px
}

body {
    position: relative;
    padding-top: 100px;
    background-color: #121212;
    color: #EDEDED;
    line-height: 1.2;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bg-black {
    background: #121212;
}

body.single-portfolio #main-nav,
body.blog #main-nav,
.bg-transparent,
.cursor-circle .cursor-scale.bg-transparent {
    background-color: transparent;
}

body.single-post,
.bg-white-cream,
body.blog {
    background-color: #F2F2F2
}

.bg-white {
    background-color: #FFFFFF;
}

body.single-post {
    color: #333333;
}

.bg-white-cream,
body.blog {
    color: #000000;
}

.bg-white-o-07 {
    background: rgba(255, 255, 255, 0.07)
}

body.blog .prefooter-form,
body.single-post .prefooter-form {
    color: #FFFFFF;
}

body.blog .container-prefooter-form,
body.single-post .container-prefooter-form {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #121212;
}

body.blog #wrapper-footer,
body.single-post #wrapper-footer {
    color: #FFFFFF;
    background-color: #121212;
}

body.page-template-home-page,
/*
body.page-template-about-page,
*/
body.single-post,
body.single-portfolio,
body.page-template-single-service-page,
body.page-template-single-service-page-new-test,
body.page-template-single-sector-page,
body.page-template-landing-page {
    padding-top: 0;
}

body.page-template-landing-page #main-nav {
    background: transparent;
}

.c-gray {
    color: #B1B1B1;
}

i,
em {
    font-style: normal;
}

.link-chips {
    border: 1.5px solid #000000;
    border-radius: 30px;
    padding: 5px 15px 4px;
    text-transform: uppercase;
}

a.link-chips:hover,
a.link-chips:focus {
    border-color: transparent;
    background-color: #000000;
    color: #FFFFFF;
}

.item-blog .link-chips:hover,
.item-blog .link-chips:focus,
.container-related .link-chips:hover,
.container-related .link-chips:focus {
    border-color: #000000;
    background-color: transparent;
    color: #000000;
}

.mono,
.navbar-nav .dropdown-menu li.all-application a,
#skip-timeline {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
}

.timeline-dates .swiper-slide .circle,
.timeline-dates .swiper-slide .anim-svg,
.timeline-dates .swiper-slide .anim-svg svg {
    width: 96px;
    height: 96px;
    cursor: pointer;
    /* border-radius: 50%; border: 1px solid transparent; */
}

.b-r-text,
.navbar-nav .dropdown-menu li.all-application a {
    border-radius: 50%;
    cursor: pointer;
    padding: 30px 25px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.b-r-text svg,
.all-application svg,
.back-to-top svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    stroke-dasharray: 465;
    /* (2PI * 74px) */
    stroke-dashoffset: 465;
    transition: all 0.4s linear;
}

.timeline-dates .swiper-slide-active .circle {
    border: 1px solid rgba(255, 255, 255, 1);
}

.case-studies-label.b-r-text svg {
    stroke-dasharray: 607;
    /* (2PI * 96px) */
    stroke-dashoffset: 607;
}

.back-to-top svg {
    stroke-dasharray: 421;
    /* (2PI * 67px) */
    stroke-dashoffset: 421;
}

.back-to-top a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-template-bando-page .back-to-top {
    display: none !important;
}

.read-more-label.b-r-text svg {
    stroke-dasharray: 503;
    /* (2PI * 79px) */
    stroke-dashoffset: 503;
}

.all-application svg {
    stroke-dasharray: 685;
    /* (2PI * 109px) */
    stroke-dashoffset: 685;
}

.b-r-text:hover svg,
.case-studies-label.b-r-text:hover svg,
.read-more-label.b-r-text:hover svg,
.all-application a:hover svg,
.back-to-top:hover svg {
    stroke-dashoffset: 0;
}

.timeline-dates .swiper-slide .anim-svg svg,
.timeline-dates .swiper-slide .anim-svg:hover svg,
.timeline-dates .swiper-slide .anim-svg:focus svg {
    stroke-dasharray: 465;
    stroke-dashoffset: 465;
}

.timeline-dates .swiper-slide.swiper-slide-active .anim-svg svg {
    stroke-dashoffset: 0;
}

#portfolio-taxonomy-page-wrapper .b-r-text {
    top: -55px;
    right: 15px;
}

.case-studies-label.b-r-text,
.b-r-text,
.navbar-nav .dropdown-menu li.all-application a {
    border-radius: 0px;
    border: 0px;
}

.b-r-text:not(.anim-svg) svg,
.all-application svg {
    display: none;
}

.timeline-dates .swiper-slide .anim-svg {
    padding: 0px;
}

/*
.b-r-text::before, .b-r-text::after, .all-application a::before, .all-application a::after{ top: -1px; left: -1px; content: ""; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 100%; }
.b-r-text::before, .all-application a::before{ border: 1px solid transparent; }
.b-r-text:hover::before, .all-application a:hover::before{ border-top-color: #FFFFFF;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF; -webkit-transition: border-top-color 0.15s ease-out, border-right-color 0.15s ease-out 0.1s, border-bottom-color 0.15s ease-out 0.2s;
  transition: border-top-color 0.15s ease-out, border-right-color 0.15s ease-out 0.1s, border-bottom-color 0.15s ease-out 0.2s; }
.b-r-text::after, .all-application a::after{ border: 0 solid transparent; }
.b-r-text:hover::after, .all-application a:hover::after{ border-top: 1px solid #FFFFFF; border-left-width: 1px; border-right-width: 1px; -webkit-transform: rotate(270deg); transform: rotate(270deg);
  -webkit-transition: border-left-width 0s ease-out 0.35s, -webkit-transform 0.4s ease-out 0s; transition: border-left-width 0s ease-out 0.35s, -webkit-transform 0.4s ease-out 0s; transition: transform 0.4s ease-out 0s, border-left-width 0s ease-out 0.35s; transition: transform 0.4s ease-out 0s, border-left-width 0s ease-out 0.35s, -webkit-transform 0.4s ease-out 0s;
  -webkit-transition: border-left-width 0s ease-out 3.5s, -webkit-transform 4s ease-out 0s; transition: border-left-width 0s ease-out 3.5s, -webkit-transform 4s ease-out 0s; transition: transform 4s ease-out 0s, border-left-width 0s ease-out 3.5s; transition: transform 4s ease-out 0s, border-left-width 0s ease-out 3.5s, -webkit-transform 4s ease-out 0s; }
*/

.no-underline,
.no-underline:hover,
.no-underline:focus {
    text-decoration: none;
}

.underline:hover,
.underline:focus {
    text-decoration: underline;
}

.b-r-text {
    padding: 7px 0px;
    display: flex;
    align-items: center;
    position: relative;
}

.b-r-text::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M13.12,10.75H4v-1.5h9.12l-4.19-4.19,1.06-1.06,6,6-6,6-1.06-1.06,4.19-4.19Z' style='fill: %23fff; stroke-width: 0px;'/%3e%3c/svg%3e");
}

#nav-services .b-r-text,
#nav-sector .b-r-text {
    border-color: transparent;
}

.view-all-label,
.navbar-nav .dropdown-menu li.all-application a,
.read-more-label {
    display: inline-block;
    z-index: 2;
    text-transform: uppercase;
}

/*
.case-studies-label{ width: 193px; height: 193px; padding-top: 86px; }
.read-more-label{ width: 159px; height: 159px; padding-top: 69px; }
.view-all-label{ width: 148px; height: 148px; padding-top: 65px; }
.container-case-studies .case-studies-label, .container-case-studies .view-all-label{ right: 30px; top: -26px; }
#nav-services .view-all-label, #nav-sector .view-all-label{ right: 15px; top: -33px; }
*/
.wrapper {
    padding: 0px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: initial;
    margin-bottom: 0px;
}

.light,
.swiper-slide .text,
.contacts-text p,
#nav-services .h4,
#nav-sector .h4,
.p-text-contact .light p {
    font-weight: 300;
}

.regular,
.p-text-contact p,
#breadcrumbs .breadcrumb_last,
.single h3 {
    font-weight: 400;
}

.medium,
.swiper-slide .title,
.item-portfolio .title {
    font-weight: 500;
}

.highlighter {
    background-color: #FFFFFF;
    padding: 6px 10px 5px 10px;
    color: #121212;
    display: inline-block;
    line-height: 1.1
}

.wrapper a.underline {
    color: #FFFFFF;
    display: inline-block;
    position: relative;
}

.wrapper a.underline::before

/*, .navbar-nav .dropdown-menu li:not(.all-application) .dropdown-item::before*/
    {
    content: " ";
    pointer-events: none;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    background-color: rgba(255, 255, 255, 0.2);
}

.wrapper a.underline::after

/*, .navbar-nav .dropdown-menu li:not(.all-application) .dropdown-item::after*/
    {
    content: " ";
    pointer-events: none;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #FFFFFF;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.wrapper a.underline:hover,
.wrapper a.underline:focus,
.link-chips:hover,
.link-chips:focus,
a.no-underline,
a.no-underline:hover,
a.no-underline:focus {
    text-decoration: none;
}

.wrapper a.underline:hover::after

/*, .navbar-nav .dropdown-menu li:not(.all-application) .dropdown-item:hover::after*/
    {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

/*
.navbar-nav .dropdown-menu li:not(.all-application) .dropdown-item::after, .navbar-nav .dropdown-menu li:not(.all-application) .dropdown-item::before{ height: 2px; bottom: 0px; }
.navbar-nav .dropdown-menu li:hover:not(.all-application) .dropdown-item::after, .navbar-nav .dropdown-menu li:focus:not(.all-application) .dropdown-item::after{ background-position: 100%; }
 .dropdown-item:focus,  .dropdown-item:hover{ color: #FFFFFF; background-color: unset; }
*/
.container-filter-item-team,
.container-filter-item-brand {
    overflow-x: auto;
    overflow-y: hidden
}

.inner-filter-item-team,
.inner-filter-item-brand {
    white-space: nowrap;
}

.filter-item-team,
.filter-item-brand,
.filter-item-portfolio {
    position: relative;
    display: inline-block;
}

.filter-item-team::after,
.filter-item-brand::after,
.filter-item-portfolio::after,
.b-r-text::before {
    content: " ";
    width: calc(100% - 60px);
    position: absolute;
    bottom: -2px;
    left: 30px;
    height: 2px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #FFFFFF;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.filter-item-team:hover::after,
.filter-item-brand:hover::after,
.filter-item-team.active::after,
.filter-item-brand.active::after,
.filter-item-portfolio:hover::after,
.filter-item-portfolio.active::after,
a:hover .b-r-text::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

#wrapper-footer a.h4.underline::before,
#wrapper-footer a.h4.underline::after,
.b-r-text::before {
    height: 2px;
    bottom: -2px;
}

.b-r-text::before {
    left: 0;
    width: 100%;
}

.b-r-text.external-link:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.0625 15L4 13.9375L12.4375 5.5H5V4H15V14H13.5V6.5625L5.0625 15Z' /%3E%3C/svg%3E");
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #FFFFFF;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.w-20,
.item-brand {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20%;
}

#sector-page-wrapper .item-brand {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5% !important;
    flex: 0 0 12.5% !important;
    max-width: 12.5%;
    padding-bottom: 0px;
}

#sector-page-wrapper .row.justify-content-around {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
}

#sector-page-wrapper .item-brand .embed-responsive-1by1::before {
    padding-top: 75%;
}

#sector-page-wrapper .intro-sector .vimeo-wrapper,
.open-pop-up-video .vimeo-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

#sector-page-wrapper .intro-sector .vimeo-wrapper iframe,
.open-pop-up-video .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#sector-page-wrapper .bg-gradient,
.open-pop-up-video .bg-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.open-pop-up-video .bg-gradient {
    /* background: rgba(0,0,0,0.2); */
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.20) 100%);
    filter: unset;
}

b,
strong {
    font-weight: 500;
}

h1,
.biggest,
.page-template-landing-page .h1 {
    line-height: 1.1;
    font-weight: 300;
}

.page-template-home-page h1,
#portfolio-page-wrapper h1,
#portfolio-taxonomy-page-wrapper h1,
.blog h1,
h2,
.h2,
.single .colum-cc-blog h1 {
    line-height: 1.15;
    font-weight: 300;
}

p,
.p {
    line-height: 1.2666666667;
    font-weight: 300;
    margin-bottom: 0px;
}

#wrapper-footer p,
#wrapper-footer .p {
    font-weight: 400
}

.h4 {
    line-height: 1.2666666667;
    font-weight: 300;
}

.container-info-text span,
#single-wrapper .container-info-text span p {
    line-height: 1.3125;
}

.h5 {
    line-height: 1.3571428571;
}

#single-wrapper h3 {
    line-height: 1.4333333333;
}

#single-wrapper p {
    line-height: 1.6;
}

.abs,
.abs-t-l,
.abs-t-r,
.abs-b-l,
.abs-c-c,
.abs-c-r,
.abs-b-r {
    position: absolute;
}

.abs-t-l {
    top: 0;
    left: 0;
}

.abs-t-r {
    top: 0;
    right: 0;
}

.abs-b-l {
    left: 0;
    bottom: 0;
}

.abs-b-r {
    bottom: 0;
    right: 0;
}

.abs-c-c {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.abs-c-r {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.vh-50 {
    height: calc(50vh - 100px);
    height: calc(calc(var(--vh, 1vh) * 50) - 100px);
}

.vh-100,
.vh-100px {
    height: calc(100vh - 100px);
    height: calc(calc(var(--vh, 1vh) * 100) - 100px);
}

.h-100vh {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.single-portfolio .bg-cover.h-100vh,
#cursor-play .bg-cover.h-100vh {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.o-portrait.single-portfolio .bg-cover.h-100vh,
.o-portrait #cursor-play .bg-cover.h-100vh {
    /* height:100vw; */
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.o-portrait #cursor-play .bg-cover.h-100vh video {
    min-width: 180vw;
    min-height: 100vh;
    height: 100vw;
}

.img-full {
    max-width: unset;
    width: 100%;
}

.bg-overlay {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-c-c {
    background-position: center center
}

hr {
    border-color: rgba(255, 255, 255, .2);
}

#main-nav {
    background-color: #24242490;
    top: 10px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    padding: 2px;
    border-radius: 7px
}

#wrapper-navbar {
    position: fixed !important;
    justify-content: center;
    display: flex;
}

#wrapper-navbar .dropdown {
    position: initial;
}

#main-nav .logo {
    margin-right: 8px;
    padding: 13px 22px 12px 22px;
    line-height: 1;
}

#main-nav .logo svg {
    vertical-align: top;
}

body.blog #main-nav .logo svg polygon,
body.blog #main-nav .logo svg path {
    fill: #000000 !important;
}

body.blog #main-nav .logo svg line,
body.blog #main-nav .logo svg polyline {
    stroke: #000000 !important;
}

body.blog #main-nav.bg-main-nav .logo svg polygon,
body.blog #main-nav.bg-main-nav .logo svg path {
    fill: #FFFFFF !important;
}

body.blog #main-nav.bg-main-nav .logo svg line,
body.blog #main-nav.bg-main-nav .logo svg polyline {
    stroke: #FFFFFF !important;
}

body.blog #main-nav .logo svg polygon,
body.blog #main-nav .logo svg path,
body.blog #main-nav .logo svg line,
body.blog #main-nav .logo svg polyline,
.blog .navbar-dark .navbar-nav .nav-link,
.blog .navbar-dark .navbar-nav .active>.nav-link,
.blog .navbar-dark .navbar-nav .nav-link::after {
    transition: all 0s linear 0.3s, width 0.4s linear
}

body.blog #main-nav.bg-main-nav .logo svg polygon,
body.blog #main-nav.bg-main-nav .logo svg path,
body.blog #main-nav.bg-main-nav .logo svg line,
body.blog #main-nav.bg-main-nav .logo svg polyline,
.blog .navbar-dark.bg-main-nav .navbar-nav .nav-link,
.blog .navbar-dark.bg-main-nav .navbar-nav .active>.nav-link,
.blog .navbar-dark.bg-main-nav .navbar-nav .nav-link::after {
    transition: all 0s linear 0s;
}

#main-menu .menu-item {
    padding: 0px
}

#main-menu .menu-item .nav-link {
    padding: 13px;
    line-height: 1;
}

#main-menu .menu-item.p-r-0 {
    padding-right: 0px;
    margin-right: -5px
}

/*WPML MENU NASCOSTO*/
.menu-wpml .wpml-ls-link {
    color: #1A1A1A
}

#wrapper-navbar .open-lang-popup {
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
}

#wrapper-navbar .open-lang-popup svg {
    fill: #EDEDED;
}

#wrapper-navbar .open-lang-popup.active {
    background-color: #FFFFFF
}

#wrapper-navbar .open-lang-popup.active svg {
    fill: #1A1A1A
}

#wrapper-navbar .open-lang-popup .icon-lang {
    cursor: pointer;
    pointer-events: none;
    width: 20px;
    height: 20px;
}

.menu-wpml .wpml-ls-legacy-list-horizontal {
    border: unset;
    padding: 0px
}

#wrapper-navbar .open-lang-popup .icon-lang svg {
    vertical-align: top
}

.menu-wpml.active {
    opacity: 1;
    pointer-events: auto;
}

.menu-wpml {
    width: 100px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(calc(100% + 2px));
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    pointer-events: none;
    border-radius: 7px;
    background-color: #FFF;
    overflow: hidden;
    padding: 2px;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.20);
}

#main-nav .wpml-ls-item,
#wpml-menu .wpml-ls-item {
    padding: 0px;
    position: relative;
    width: 100%;
    border-radius: 5px;
    line-height: 1;
    overflow: hidden;
}

#main-nav .wpml-ls-item a,
#wpml-menu .wpml-ls-item .nav-link {
    padding: 8px 6px 7px 26px;
    text-decoration: none;
    height: 30px;
}

#main-nav .wpml-ls-item:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' xml:space='preserve'%3E%3Ccircle fill='none' stroke='%231A1A1A' class='st0' cx='8' cy='8' r='4.5'/%3E%3C/svg%3E");
}

#main-nav .wpml-ls-item:hover,
#main-nav .wpml-ls-item:focus,
#main-nav .wpml-ls-item.wpml-ls-current-language {
    background-color: #F2F2F2;
}

#main-nav .wpml-ls-item.wpml-ls-current-language:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' xml:space='preserve'%3E%3Ccircle fill='none' stroke='%231A1A1A' cx='8' cy='8' r='4.5'/%3E%3Ccircle fill='%231A1A1A' cx='8' cy='8' r='3'/%3E%3C/svg%3E");
}

.menu-wpml ul {
    display: flex;
    flex-direction: column;
}

/*
#main-menu #menu-item-145.menu-item { padding-right: 0px; }
#main-nav .wpml-ls-item{ display: none; }
*/

#main-nav .wpml-ls-item.wpml-ls-current-language .nav-link {
    background-color: rgba(255, 255, 255, 0.8);
    color: #121212
}

.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
    position: relative;
}

/* .navbar-dark .navbar-nav .nav-link::after{ content: " "; display: inline-block; z-index: 1; height: 100%; width: 0px; position: absolute; top: 0; left: 0; margin: 0px; border:none; vertical-align: unset; background-color: rgba(255,255,255,0.2); transition: width 0.4s} */
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link:focus::after,
.navbar-dark .navbar-nav .nav-link:hover::after,
.navbar-dark .navbar-nav .show>.nav-link::after {
    width: 100%;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show {
    background-color: #FFFFFF;
    color: #000000;
}

.navbar-dark .navbar-nav .active>.nav-link:focus,
.navbar-dark .navbar-nav .active>.nav-link:hover {
    color: #000000
}

.navbar-dark .navbar-nav .active>.nav-link::after,
.navbar-dark .navbar-nav .nav-link.active::after,
.navbar-dark .navbar-nav .nav-link.show::after,
#main-nav .wpml-ls-item.wpml-ls-current-language .nav-link::after {
    width: 0px;
}

#main-menu .nav-link {
    border: 1px solid transparent;
    border-radius: 5px;
}

#main-menu .nav-link:hover {
    border-color: rgba(255, 255, 255, 0.2);
}

.blog .navbar-dark .navbar-nav .nav-link,
.blog #main-nav .wpml-ls-item.wpml-ls-current-language .nav-link,
.blog .navbar-dark .navbar-nav .nav-link:hover,
.blog .navbar-dark .navbar-nav .show>.nav-link {
    color: #000000;
}

.blog .navbar-dark .navbar-nav .active>.nav-link,
.blog .navbar-dark .navbar-nav .nav-link.active,
.blog .navbar-dark .navbar-nav .nav-link.show,
.blog #main-nav .wpml-ls-item.wpml-ls-current-language .nav-link,
.blog #wrapper-navbar .wpml-ls-menu-item.wpml-ls-current-language .nav-link {
    background-color: #121212;
    color: #FFFFFF;
}

.blog .navbar-dark .navbar-nav .nav-link:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.single #breadcrumbs {
    color: #FFFFFF;
}

.blog #breadcrumbs {
    color: #000000;
}

/* .page-template-contact-page #breadcrumbs{ padding-left: 30px; } */
body.home #main-nav.bg-main-nav,
body.blog #main-nav.bg-main-nav,
body.single #main-nav.bg-main-nav,
#main-nav.bg-main-nav,
.page-template-home-page #main-nav.bg-main-nav.scrolled,
.page-template-contact-page #main-nav.bg-main-nav.scrolled,
.page-template-single-service-page #main-nav.navbar.bg-main-nav,
.page-template-single-sector-page #main-nav.navbar.bg-main-nav {
    background-color: #000000;
    transition: background-color 0s linear 0s;
}

.blog .bg-main-nav.navbar-dark .navbar-nav .nav-link,
.blog #main-nav.bg-main-nav .wpml-ls-item.wpml-ls-current-language .nav-link,
.blog .bg-main-nav.navbar-dark .navbar-nav .nav-link:hover,
.blog .bg-main-nav.navbar-dark .navbar-nav .show>.nav-link {
    color: #FFFFFF;
}

.blog .bg-main-nav.navbar-dark .navbar-nav .active>.nav-link,
.blog .bg-main-nav.navbar-dark .navbar-nav .nav-link.active,
.blog .bg-main-nav.navbar-dark .navbar-nav .nav-link.show,
.blog #main-nav.bg-main-nav .wpml-ls-item.wpml-ls-current-language .nav-link {
    background-color: #FFFFFF;
    color: #000000;
}

.blog .bg-main-nav.navbar-dark .navbar-nav .nav-link:after {
    background-color: rgba(255, 255, 255, 0.2);
}

.single-post article .container-fluid:not(.container-related) figcaption {
    color: #909090;
}

.single-post .container-info-text {
    letter-spacing: 0.05em;
}

.navbar-nav .dropdown-menu {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    /* top: 97px; width: 100%; border-radius: 0px; background-color: #000000; padding-left: 8.33333%; padding-right: 8.33333%; */
    margin-top: 0px;
    border: none;
    z-index: -2;
    /* -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); */
    transition: margin .3s ease-out, opacity 0s linear 0.3s;
}

.navbar-nav .dropdown-menu li {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /* width: 33.333%; display: inline-block; float: left; margin-bottom: 30px; */
}

/*.navbar-nav .dropdown-applications .dropdown-menu li{ width: calc(50% - 109px); }*/
.navbar-nav .dropdown-menu li .dropdown-item {
    color: #FFFFFF;
    padding: 0px;
    /* padding-bottom: 5px; width: auto; */
    display: inline-block;
    position: relative;
}

/*
.navbar-nav .dropdown-menu li.all-application{ float: right; width: auto; padding-right: 0px; }
.navbar-nav .dropdown-menu li.all-application a{ width: 218px; height: 218px; text-align: center; padding-top: 99px; }
*/
.navbar-nav .dropdown-menu.show {
    /* -webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); */
    opacity: 1;
    transition: margin .3s ease-out, opacity 0s linear 0.15s;
    pointer-events: auto;
    margin-top: 30px;
    top: 0;
}

.navbar-nav .dropdown-menu.show.show-delay {
    z-index: -1 !important;
    transition: margin .3s ease-out, opacity 0s linear 0.15s;
    /* transition: transform .3s ease-out .4s, opacity 0s linear 0.15s; */
}

.navbar-nav .dropdown-menu.show li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s, opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s;
    transition: transform 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s, opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s;
    transition-delay: 0.2s, 0.2s;
}

/*
.navbar-nav .dropdown-menu.show li:nth-child(1){ -webkit-transition-delay: .15s; transition-delay: .15s; }
.navbar-nav .dropdown-menu.show li:nth-child(2){ -webkit-transition-delay: .2s; transition-delay: .2s; }
.navbar-nav .dropdown-menu.show li:nth-child(3){ -webkit-transition-delay: .25s; transition-delay: .25s; }
.navbar-nav .dropdown-menu.show li:nth-child(4){ -webkit-transition-delay: .3s; transition-delay: .3s; }
.navbar-nav .dropdown-menu.show li:nth-child(5){ -webkit-transition-delay: .35s; transition-delay: .35s; }
.navbar-nav .dropdown-menu.show li:nth-child(6){ -webkit-transition-delay: .4s; transition-delay: .4s; }
.navbar-nav .dropdown-menu.show li:nth-child(7){ -webkit-transition-delay: .45s; transition-delay: .45s; }
.navbar-nav .dropdown-menu.show li:nth-child(8){ -webkit-transition-delay: .5s; transition-delay: .5s; }
.navbar-nav .dropdown-menu.show li:nth-child(9){ -webkit-transition-delay: .55s; transition-delay: .55s; }
.navbar-nav .dropdown-menu.show li:nth-child(10){ -webkit-transition-delay: .6s; transition-delay: .6s; }
.navbar-nav .dropdown-menu.show li:nth-child(11){ -webkit-transition-delay: .65s; transition-delay: .65s; }
.navbar-nav .dropdown-menu.show li:nth-child(12){ -webkit-transition-delay: .7s; transition-delay: .7s; }
.navbar-nav .dropdown-menu.show li:nth-child(13){ -webkit-transition-delay: .75s; transition-delay: .75s; }

.navbar-nav .dropdown-menu.show-delay li:nth-child(1){ -webkit-transition-delay: .55s; transition-delay: .55s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(2){ -webkit-transition-delay: .6s; transition-delay: .6s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(3){ -webkit-transition-delay: .65s; transition-delay: .65s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(4){ -webkit-transition-delay: .7s; transition-delay: .7s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(5){ -webkit-transition-delay: .75s; transition-delay: .75s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(6){ -webkit-transition-delay: .8s; transition-delay: .8s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(7){ -webkit-transition-delay: .85s; transition-delay: .85s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(8){ -webkit-transition-delay: .9s; transition-delay: .9s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(9){ -webkit-transition-delay: .95s; transition-delay: .95s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(10){ -webkit-transition-delay: 1s; transition-delay: 1s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(11){ -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(12){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
.navbar-nav .dropdown-menu.show-delay li:nth-child(13){ -webkit-transition-delay: 1.15s; transition-delay: 1.15s; }
*/

/*
.navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(1){ -webkit-transition-delay: .4s; transition-delay: .4s; }
.navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(2){ -webkit-transition-delay: .15s; transition-delay: .15s; }
.navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(3){ -webkit-transition-delay: .2s; transition-delay: .2s; }
.navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(4){ -webkit-transition-delay: .25s; transition-delay: .25s; }
.navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(5){ -webkit-transition-delay: .3s; transition-delay: .3s; }
.navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(6){ -webkit-transition-delay: .35s; transition-delay: .35s; }

.navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(1){ -webkit-transition-delay: .8s; transition-delay: .8s; }
.navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(2){ -webkit-transition-delay: .55s; transition-delay: .55s; }
.navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(3){ -webkit-transition-delay: .6s; transition-delay: .6s; }
.navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(4){ -webkit-transition-delay: .65s; transition-delay: .65s; }
.navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(5){ -webkit-transition-delay: .7s; transition-delay: .7s; }
.navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(6){ -webkit-transition-delay: .75s; transition-delay: .75s; }
*/
.br-t-20 {
    border-radius: 20px 20px 0px 0px;
}

.br-all-20 {
    border-radius: 20px
}

.container-intro-portfolio,
.container-intro-blog {
    padding-top: 130px;
    padding-left: 30px;
    padding-right: 30px;
}

.container-intro-portfolio h1 {
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

figure {
    margin-bottom: 0px;
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background: rgb(18, 18, 18, 0.7);
}

.nivo-lightbox-theme-default .nivo-lightbox-wrap {
    left: 51px;
    right: 51px;
    top: 30px;
    bottom: 30px;
}

.nivo-lightbox-theme-default .nivo-lightbox-nav,
.nivo-lightbox-theme-default .nivo-lightbox-close {
    width: 61px;
    height: 61px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
    top: 20;
    right: 20px;
    opacity: 1;
    padding: 0px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 61'%3E%3Ccircle cx='30.5' cy='30.5' r='30' style='fill:%23fff'/%3E%3Cpath d='M37.5,24.91,36.09,23.5,30.5,29.09,24.91,23.5,23.5,24.91l5.59,5.59L23.5,36.09l1.41,1.41,5.59-5.59,5.59,5.59,1.41-1.41L31.91,30.5Z'/%3E%3C/svg%3E");
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
    background-color: transparent;
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
    left: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 61'%3E%3Ccircle cx='30.5' cy='30.5' r='30' style='fill:%23121212;opacity:0.20000000298023224;isolation:isolate'/%3E%3Ccircle cx='30.5' cy='30.5' r='29.5' style='fill:none;stroke:%23fff'/%3E%3Cpath d='M30.5,38.5l1.41-1.41L26.33,31.5H38.5v-2H26.33l5.58-5.59L30.5,22.5l-8,8Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.nivo-lightbox-theme-default .nivo-lightbox-prev:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 61'%3E%3Ccircle cx='30.5' cy='30.5' r='30' style='fill:%23121212;opacity:0.51;isolation:isolate'/%3E%3Ccircle cx='30.5' cy='30.5' r='29.5' style='fill:none;stroke:%23fff'/%3E%3Cpath d='M30.5,38.5l1.41-1.41L26.33,31.5H38.5v-2H26.33l5.58-5.59L30.5,22.5l-8,8Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
    right: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 61'%3E%3Ccircle cx='30.5' cy='30.5' r='30' style='fill:%23121212;opacity:0.20000000298023224;isolation:isolate'/%3E%3Ccircle cx='30.5' cy='30.5' r='29.5' style='fill:none;stroke:%23fff'/%3E%3Cpath d='M30.5,22.5l-1.41,1.41,5.58,5.59H22.5v2H34.67l-5.58,5.59L30.5,38.5l8-8Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.nivo-lightbox-theme-default .nivo-lightbox-next:hover {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 61'%3E%3Ccircle cx='30.5' cy='30.5' r='30' style='fill:%23121212;opacity:0.51;isolation:isolate'/%3E%3Ccircle cx='30.5' cy='30.5' r='29.5' style='fill:none;stroke:%23fff'/%3E%3Cpath d='M30.5,22.5l-1.41,1.41,5.58,5.59H22.5v2H34.67l-5.58,5.59L30.5,38.5l8-8Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.nivo-lightbox-wrap {
    position: absolute;
    top: 5%;
    bottom: 5%;
    left: 5%;
    right: 5%;
}

.nivo-lightbox-title-wrap {
    display: none !important
}

.horizontal-scroll-section__content-section {
    transition: 1s opacity linear;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 1.1111113333vw;
}

.horizontal-scroll-section__content-section.fist-horizontal-scroll-section {
    background-color: #121212;
    background-image: none
}

.horizontal-scroll-section__content-section {
    padding: 15px;
    min-width: 33.33334vw;
    max-width: 33.33334vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.horizontal-scroll-section__content-section .inner-section {
    padding-left: 15px;
    padding-top: 170px;
    display: block;
    margin: 0 auto;
    margin-bottom: 150px;
    background-color: #121212;
    min-width: 100%;
}

.story-year {
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, #FFFFFF 50%, #FFFFFF 100%);
    background-size: 200% 200%;
    background-position: 200%;
    color: transparent;
    transition: background-position 0.4s ease-in-out, color 0.4s linear 0.4s
}

.story-text,
.story-text p {
    line-height: 1.5
}

.story-year,
.story-text,
.story-img {
    opacity: 0;
    max-width: 70%;
}

.story-text,
.story-img {
    opacity: 0;
    max-width: 70%;
    transform: translateX(-14px);
    transition: all 0.5s linear;
    transition-delay: 0s
}

.story-circle,
.story-border-circle {
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 67.5px;
    left: -7.5px;
    border-radius: 100%;
    transform: scale(1);
    transition: all 0.4s ease-in-out
}

.story-border-circle {
    opacity: 0;
}

.story-circle {
    background-color: #FFFFFF;
}

.story-border-circle svg {
    vertical-align: top;
    height: 100%;
    width: 100%;
}

.story-border-circle circle {
    transform-origin: 7.5px 7.5px;
    fill: transparent;
    stroke: white;
    stroke-width: 0.5;
    animation: degRotation 8s linear infinite;
}

@keyframes degRotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.story-border-circle .dotted {
    stroke-dasharray: 0.1, 2.1;
    stroke-linecap: round;
}

.story-line {
    position: absolute;
    bottom: 74px;
    width: 1px;
    /* height: calc( 100vh - (130px + 74px )); */
    height: calc(100vh - 204px);
    height: calc(calc(var(--vh, 1vh) * 100) - 204px);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, #FFFFFF 50%, #FFFFFF 100%);
    background-size: 200% 200%;
    background-position-y: 0%;
    transition: background-position 0.4s ease-in;
}

.horizontal-scroll-section__content-section.active .story-year {
    opacity: 1;
    background-position: 100%;
    color: #121212;
    transition-delay: 0.4s
}

.horizontal-scroll-section__content-section.active .story-text,
.horizontal-scroll-section__content-section.active .story-img {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.8s;
}

.horizontal-scroll-section__content-section.active .story-circle {
    transform: scale(0.6);
}

.horizontal-scroll-section__content-section.active .story-border-circle {
    transform: scale(4);
    opacity: 1;
}

.horizontal-scroll-section__content-section.active .story-line {
    background-position-y: 100%;
}

.horizontal-scroll-section__content-section.fist-horizontal-scroll-section .inner-section {
    padding-left: 30px;
}

#main-menu.nav-bar {
    width: 100%;
}

#navbarNavDropdown {
    z-index: 2
}

.c-ED {
    color: #EDEDED
}

.c-F7 {
    color: #F7F7F7
}

a,
a:hover {
    color: inherit;
}

a:focus,
.container-fluid:focus {
    outline: none;
}

a:focus {
    outline: 2px solid #FFFFFF;
    outline-offset: 4px
}

.bg-ED {
    background-color: #EDEDED
}

.opacity-03 {
    opacity: 0.3
}

.opacity-05 {
    opacity: 0.5
}

.m-0-auto {
    margin: 0 auto;
}

.m-t-200 {
    margin-top: 200px
}

.m-b-200 {
    margin-bottom: 200px;
}

.m-t-160 {
    margin-top: 160px;
}

.m-b-160 {
    margin-bottom: 160px;
}

.m-b-150 {
    margin-bottom: 150px;
}

.m-t-140,
#single-sector-service-page-wrapper .container-prefooter.m-t-200 {
    margin-top: 140px
}

.m-t-130 {
    margin-top: 130px;
}

.m-b-120 {
    margin-bottom: 120px;
}

.m-t-120 {
    margin-top: 120px;
}

.m-b-90 {
    margin-bottom: 90px;
}

.m-t-90 {
    margin-top: 90px;
}

.m-b-80 {
    margin-bottom: 80px
}

.m-b-70 {
    margin-bottom: 70px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-b-40 {
    margin-bottom: 40px
}

.m-l-30 {
    margin-left: 30px;
}

.m-t-30,
.post-type-archive-portfolio .wrapper {
    margin-top: 30px;
}

.m-b-30,
.page-template-single-service-page .entry-content p:first-child,
.page-template-single-service-page-new-test .entry-content p:first-child,
.page-template-single-sector-page .entry-content p:first-child {
    margin-bottom: 30px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-20,
.page-template-bando-page p {
    margin-bottom: 20px;
}

.m-t-20 {
    margin-top: 20px
}

.m-t-15 {
    margin-top: 15px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-5 {
    margin-bottom: 5px
}

.m-b-0,
.pagination {
    margin-bottom: 0px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-t-8 {
    margin-top: 8px;
}

.m-t-5 {
    margin-top: 5px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-r-30 {
    padding-right: 30px;
}

.m-r-30 {
    margin-right: 30px
}

.m-r-25 {
    margin-right: 25px
}

.m-r-10 {
    margin-right: 10px
}

.p-t-200 {
    padding-top: 200px;
}

.p-t-160 {
    padding-top: 160px;
}

.p-b-160 {
    padding-bottom: 160px;
}

.p-t-140,
#single-sector-service-page-wrapper .container-prefooter.p-t-200 {
    padding-top: 140px;
}

.p-t-120 {
    padding-top: 120px
}

.p-t-100 {
    padding-top: 100px;
}

.p-t-90 {
    padding-top: 90px;
}

.p-t-80 {
    padding-top: 80px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-b-60 {
    padding-bottom: 60px
}

.p-t-50 {
    padding-top: 50px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-t-30 {
    padding-top: 30px
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-t-20 {
    padding-top: 20px
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-t-10 {
    padding-top: 10px
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-60 {
    padding: 60px
}

.p-30 {
    padding: 30px
}

.p-l-r-50 {
    padding-left: 50px;
    padding-right: 50px;
}

.p-r-l-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.p-r-l-20 {
    padding-right: 20px;
    padding-left: 20px;
}

.p-r-l-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.p-b-0 {
    padding-bottom: 0px;
}

.p-r-0 {
    padding-right: 0px;
}

.p-l-0 {
    padding-left: 0px;
}

.m-r-0,
.site-footer .site-social a.m-r-0 {
    margin-right: 0px;
}

.embed-responsive-4by5::before {
    padding-top: 125%;
}

.container-intro-works.has-more-text .container-nav-works {
    margin-top: -57px;
    pointer-events: none
}

.container-intro-works.has-more-text .container-nav-works .nav-link {
    pointer-events: auto
}

.fullscreen-swiper {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.swiper-w-auto .swiper-slide {
    width: auto;
    max-width: 100%;
}

.swiper-container .swiper-pagination-bullet {
    opacity: .3;
    width: 24px;
    height: 24px;
    border: 8px solid #F2F2F2;
    box-sizing: border-box;
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000000;
    opacity: 1;
}

.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

#contact-carousel.fullscreen-swiper {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

#material-swiper .swiper-button-prev:after,
#material-swiper .swiper-button-next:after,
#sector-swiper .swiper-button-next:after,
#sector-swiper .swiper-button-prev:after {
    content: unset;
}

#home-carousel.swiper-container .swiper-pagination-bullet,
#material-swiper .swiper-pagination-bullet,
.single-post .swiper-w-auto .swiper-pagination-bullet,
#sector-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    transition: width 1s ease-in-out;
    /* transition: width 2s cubic-bezier(0.68, -0.55, 0.27, 1.55); */
    margin: 4px;
    padding: 0px;
    background-color: #FFF;
    opacity: 0.5;
    border: 0px;
    border-radius: 30px;
}

#home-carousel.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active,
#material-swiper.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active,
.single-post .swiper-w-auto .swiper-pagination-bullet.swiper-pagination-bullet-active,
#sector-swiper.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
    opacity: 1;
    transition: width 1s ease-in-out;
    /* transition: width 2s cubic-bezier(0.68, -0.55, 0.27, 1.55); */
}

#home-carousel.swiper-container .swiper-pagination,
#material-swiper.swiper-container .swiper-pagination,
#sector-swiper.swiper-container .swiper-pagination {
    text-align: left;
}

#home-carousel .swiper-button-prev,
#home-carousel .swiper-button-next,
#material-swiper .swiper-button-prev,
#material-swiper .swiper-button-next,
#sector-swiper .swiper-button-prev,
#sector-swiper .swiper-button-next {
    width: auto;
    height: auto;
    background-image: unset;
}

#home-carousel.swiper-container .swiper-pagination,
#home-carousel .swiper-button-prev,
#home-carousel .swiper-button-next,
#material-swiper.swiper-container .swiper-pagination,
#material-swiper .swiper-button-prev,
#material-swiper .swiper-button-next,
#sector-swiper.swiper-container .swiper-pagination,
#sector-swiper .swiper-button-prev,
#sector-swiper .swiper-button-next {
    position: relative;
    top: unset;
    bottom: unset;
    margin-top: 0px;
    left: unset;
    right: unset;
}

#home-carousel .swiper-button-prev,
#material-swiper .swiper-button-prev,
#sector-swiper .swiper-button-prev {
    margin-right: 20px;
}

.single-post .swiper-w-auto .swiper-pagination-bullet {
    background-color: rgba(0, 0, 0, 0.5);
}

.single-post .swiper-w-auto .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(0, 0, 0, 1);
}

.swiper-post .swiper-wrapper .swiper-slide img,
#nav-services .item-portfolio img,
#nav-applications .item-portfolio img {
    border-radius: 20px;
}

.scrollbar-swiper .swiper-wrapper {
    padding-bottom: 120px;
}

.scrollbar-swiper .swiper-scrollbar {
    opacity: 1 !important;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.2) !important;
    width: 34% !important;
    left: 50% !important;
    transform: translateX(-50%);
    pointer-events: none
}

.scrollbar-swiper .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #FFFFFF
}

.linear-gradient-portfolio-home {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 36%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.00) 0%, #121212 100%);
}

#home-carousel .swiper-wrapper .swiper-slide a,
.page-template-single-service-page .swiper-wrapper .swiper-slide a,
.page-template-single-service-page-new-test .swiper-wrapper .swiper-slide a,
.page-template-single-sector-page .swiper-wrapper .swiper-slide a,
.single .swiper-post .swiper-wrapper .swiper-slide a,
#sector-swiper .swiper-wrapper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

#home-carousel .swiper-wrapper .swiper-slide img,
.page-template-single-service-page .swiper-wrapper .swiper-slide img,
.page-template-single-service-page-new-test .swiper-wrapper .swiper-slide img,
.page-template-single-sector-page .swiper-wrapper .swiper-slide img,
.item-portfolio img,
.single .swiper-post .swiper-wrapper .swiper-slide img {
    border-radius: 20px 20px 0px 0px;
    max-width: unset;
    width: 100%;
}

.item-blog figure,
.single .swiper-post .swiper-wrapper .swiper-slide figure {
    overflow: hidden;
    border-radius: 20px;
    transform: translateZ(0);
}

.item-blog img,
.single .swiper-post .swiper-wrapper .swiper-slide img {
    border-radius: 0px;
    max-width: unset;
    width: 100%;
    height: auto;
    -webkit-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

.item-blog:hover img,
.single .swiper-post .swiper-wrapper .swiper-slide:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}

#home-carousel .swiper-wrapper .swiper-slide .title,
.page-template-single-service-page .swiper-wrapper .swiper-slide .title,
.page-template-single-service-page-new-test .swiper-wrapper .swiper-slide .title,
.page-template-single-sector-page .swiper-wrapper .swiper-slide .title,
.portfolio-filter-container .item-portfolio .title {
    padding: 3px 8px;
    margin-top: 7px;
}

#home-carousel .swiper-wrapper .swiper-slide:hover .title,
.page-template-single-service-page .swiper-wrapper .swiper-slide:hover .title,
.page-template-single-service-page-new-test .swiper-wrapper .swiper-slide:hover .title,
.page-template-single-sector-page .swiper-wrapper .swiper-slide:hover .title,
.portfolio-filter-container .item-portfolio:hover .title {
    background-color: #FFFFFF;
    color: #000000
}

#home-carousel .swiper-wrapper .swiper-slide .text,
.page-template-single-service-page .swiper-wrapper .swiper-slide .text,
.page-template-single-service-page-new-test .swiper-wrapper .swiper-slide .text,
.page-template-single-sector-page .swiper-wrapper .swiper-slide .text,
.portfolio-filter-container .item-portfolio .text {
    padding-left: 8px;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.5);
}

.page-template-home-page .scroll-amination,
.page-template-about-page .scroll-amination,
.page-template-single-service-page .scroll-amination,
.page-template-single-service-page-new-test .scroll-amination,
.page-template-single-sector-page .scroll-amination,
.single-portfolio .scroll-amination,
.page-template-landing-page .scroll-amination {
    height: 30px;
}

#contact-carousel .swiper-slide {
    width: auto;
    max-width: 100vw
}

#contact-carousel .swiper-wrapper {
    align-items: center;
}

#home-page-wrapper #cursor-play .bg-cover.h-100vh {
    overflow: hidden;
}

.video-preview-reel {
    display: block;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video-morph {
    object-fit: cover;
    height: 100%;
    overflow: unset;
}

.pop-up-video .container-fluid,
.pop-up-video .container-fluid .row {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.pop-up-video .embed-responsive {
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
}

.pop-up-video {
    display: none;
    background: black;
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 100vw;
    top: 0;
    left: 0;
    z-index: 999999;
}

.pop-up-video.active {
    display: block
}

.bg-pop-up-video {
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.close-pop-up-video {
    width: 28px;
    height: 28px;
    top: 30px;
    right: 30px;
    position: absolute;
    cursor: pointer
}

.close-pop-up-video::after,
.close-pop-up-video::before {
    content: "";
    top: 50%;
    left: 50%;
    width: 26px;
    height: 3px;
    background-color: #FFFFFF;
    position: absolute;
}

.close-pop-up-video::after {
    transform: translate(-50%, -50%)rotate(-45deg);
}

.close-pop-up-video::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.open-pop-up-video {
    cursor: pointer;
}


.container-intro-works::after {
    content: '';
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.container-filter-item-team,
.container-filter-item-brand {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 3px;
}

.filter-item-team,
.filter-item-brand,
.filter-item-portfolio {
    padding: 30px;
    /* margin-right: 20px; */
    border-radius: 0px;
    cursor: pointer;
}

.filter-item-team sup,
.filter-item-brand sup {
    top: -4px;
    padding-left: 3px;
}

/* .filter-item-team.active, .filter-item-team:hover, .filter-item-brand.active, .filter-item-brand:hover{ background-size: 100% 100%; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='white' stroke-width='2' stroke-dasharray='1px%2c 7px' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e"); } */
.item-sector .arrow-right-sector {
    opacity: 0;
    margin-right: 60px;
    width: 66px;
    height: 66px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66.27 66.27'%3E%3Cpath d='M33.14,11.05l-3.89,3.89,15.4,15.43H11.05V35.9h33.6L29.25,51.33l3.89,3.9L55.23,33.14Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.item-team {
    display: none;
}

/*.item-team:hover{ cursor: none; }*/
/*.item-team, */
.item-sector {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-image: linear-gradient(to bottom, #000000, #000000 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background-size: 200% 200%;
    background-position-y: 100%;
    transition: 0.3s background-position ease-in-out;
}

/*.item-team:hover, */
.item-sector:hover {
    background-position-y: 0%;
}

.item-team .item-team-name,
.item-sector .item-sector-title,
.item-sector .arrow-right-sector {
    transition: 0.3s all ease-in-out;
}

/*.item-team:hover .item-team-name{ padding-left: 15px; padding-right: 0px!important; }*/
.item-sector:hover .item-sector-title {
    padding-left: 30px;
}

.item-sector:hover .arrow-right-sector {
    opacity: 1;
    margin-right: 30px;
}

/*
.item-team-name, .item-sector-title{ padding-right: 15px!important; }
.item-team-role{ padding-left: 15px!important; }
*/
.item-team.item-partners {
    display: block;
}

.item-team img.embed-responsive-item {
    object-fit: cover;
}

.row-team {
    margin-left: 0px;
    margin-right: 0px;
    gap: 15px;
}

.card-team {
    padding: 5px;
    border-radius: 15px;
    background: #232323;
    gap: 10px;
    height: 100%
}

.team-img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}

.g-15 {
    gap: 15px
}

.item-brand {
    display: none;
}

/*  .item-brand .img-brand{ width: 50%; height: auto; }*/
.page-template-home-page .item-brand .img-brand {
    max-width: 200px;
    width: 100%;
    height: auto;
}

.page-template-brands-page .item-brand .img-brand {
    width: 50%;
    height: auto;
}

.item-brand .img-brand svg {
    vertical-align: top;
    width: 100%
}

.item-brand .name-brand {
    position: absolute;
    bottom: 15%;
    left: 0;
    opacity: 0;
    transition: 0.3s opacity linear
}

.item-brand:hover .name-brand {
    opacity: 1;
}

.grid-item>a>figure img {
    display: block;
    margin: 0 auto;
}

.page-template-single-service-page #main-nav.navbar,
.page-template-single-sector-page #main-nav.navbar {
    background-color: transparent;
}

.page-template-single-service-page .service-bg-intro,
.page-template-single-sector-page .sector-bg-intro {
    margin-top: -178px;
    margin-left: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-template-single-service-page .service-bg-intro::after,
.page-template-single-sector-page .sector-bg-intro::after {
    content: '';
    display: block;
    height: calc(100vh - 130px);
    height: calc(calc(var(--vh, 1vh) * 100) - 130px);
}

.page-template-single-service-page .list-content hr,
.page-template-single-sector-page .list-content hr,
.page-template-single-sector-service-page .list-content hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-template-single-sector-service-page .list-content>div:first-child p.p-t-20 {
    padding-top: 0px
}

.page-template-single-sector-service-page .list-content>div:last-child p.p-b-20 {
    padding-bottom: 0px
}

#portfolio-page-wrapper .portfolio-filter-container {
    margin-top: -55px;
    padding-bottom: 30px;
}

.page-link,
.page-item.active .page-link,
.page-numbers,
.page-numbers.current {
    width: 55px;
    height: 55px;
    color: #FFFFFF;
    background-color: transparent;
    padding: 0px;
    border: 0px;
    text-align: center;
    margin: 0 4px;
    padding-top: 15px;
}

.blog .page-link,
.blog .page-item.active .page-link,
.blog .page-numbers,
.blog .page-numbers.current {
    color: #000000;
}

.page-item.active .page-link,
.page-numbers.current {
    background-color: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
}

.blog .page-item.active .page-link,
.blog .page-numbers.current {
    border: 1px solid #000000;
}

.page-item:first-child .page-link {
    border-radius: 50%;
}

.page-numbers,
.page-numbers.current {
    display: inline-block;
}

.page-numbers:hover,
#nav-services .h4:hover,
#nav-services .h4:focus,
#nav-sector .h4:hover,
#nav-sector .h4:focus,
#nav-applications .h4:hover,
#nav-applications .h4:focus {
    text-decoration: none;
}

.page-item .page-link:hover,
.page-item .page-link:focus {
    color: #FFFFFF;
    background-color: transparent;
    border-color: transparent;
}

.blog .page-item .page-link:hover,
.blog .page-item .page-link:focus {
    color: #000000;
}

.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
    border-color: #FFFFFF;
}

.blog .page-item.active .page-link:hover,
.blog .page-item.active .page-link:focus {
    border-color: #000000;
}

.page-link:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#works-page-wrapper .entry-header,
#service-page-wrapper .entry-header,
#sector-page-wrapper .entry-header {
    padding-right: 30px
}

#sector-page-wrapper #content figure {
    position: relative;
    margin-top: 10px;
    overflow: hidden
}

#sector-page-wrapper #content figure:after {
    content: "";
    display: block;
    padding-top: 62.5%;
}

#sector-page-wrapper #content figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: unset;
    position: absolute;
}

#nav-tab-portfolio.nav-tabs {
    /*border-bottom: 1px solid rgba(255,255,255,0.15);*/
    border-bottom: 0px;
}

#nav-tab-portfolio.nav-tabs {
    margin-left: -30px;
    margin-right: -30px
}

.blog hr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 0px;
    margin-bottom: 0px;
}

.filter-item-portfolio::after {
    bottom: 1px;
}

.pagination {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination .next,
.pagination .prev,
.pagination .dots {
    display: none;
}

/* #wrapper-footer{ background-color: #000000; } */
#wrapper-footer hr {
    background-color: rgba(255, 255, 255, .15);
    margin-top: 0px;
    margin-bottom: 30px;
    width: 100%;
}

.wrapper#wrapper-footer {
    padding-bottom: 60px;
}

.site-footer,
.container-por-fse a {
    color: #7d7d7d;
    /*color: rgba(255,255,255,0.45)*/
    ;
}

.wrapper a:not(.no-underline),
#breadcrumbs a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.btn-newsletter {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px
}

.wrapper a:not(.no-underline):hover,
#breadcrumbs a:hover,
.btn-newsletter:hover {
    text-decoration: none;
}

.site-footer .site-social a {
    margin-right: 21px;
}

.site-footer .site-info a {
    margin-left: 21px;
}

.container-por-fse img {
    max-height: 100px;
}

.iubenda-cs-preferences-link {
    filter: grayscale(100%);
}

.container-por-fse a {
    margin-top: 10px;
}

.links-social-footer {
    column-count: 2;
    column-gap: 30px;
}

.brands-metaverso {
    gap: 30px
}

.brands-metaverso .img-brand {
    height: 20px;
    width: auto;
}

.metaverse-member {
    width: 100%;
    max-width: 245px;
}

/* .p-text-contact{ padding-left: 18.2%; padding-right: 18.2%; } */
.p-text-contact p {
    margin-bottom: 0px;
}

.wpcf7 {
    margin: 0;
    max-width: unset
}

.wpcf7 label {
    margin-bottom: 0px
}

.wpcf7 [data-name="accept-privacy"] span.wpcf7-list-item {
    margin-left: 0px;
    margin-right: 10px;
    position: relative;
    line-height: 1;
}

.wpcf7 [data-name="accept-privacy"] input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-color: transparent;
    padding: 0px;
    border-left: 0px;
    border: 2px solid #FFFFFF;
    border-radius: 4px;
}

.wpcf7 [data-name="accept-privacy"] input[type=checkbox]:checked+.wpcf7-list-item-label,
.wpcf7 [data-name="accept-privacy"].is-checked .wpcf7-list-item-label {
    background-color: #FFFFFF;
    color: #000000;
}

.wpcf7 [data-name="accept-privacy"] span.wpcf7-list-item .wpcf7-list-item-label {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    pointer-events: none;
}

.wpcf7 [data-name="accept-privacy"]+.label-privacy,
.wpcf7 [data-name="accept-privacy"]+.label-privacy a {
    vertical-align: top;
}

.label-privacy a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.wpcf7 [data-name="accept-privacy"] span.wpcf7-list-item .wpcf7-list-item-label {
    font-size: 0px;
    color: #FFFFFF;
}

.wpcf7 .wpcf7-form textarea {
    height: 250px;
    resize: none;
}

.wpcf7 .wpcf7-form input:focus,
.wpcf7 .wpcf7-form textarea:focus {
    background-color: #000000;
    border-color: #FFFFFF;
    box-shadow: none;
    color: #FFFFFF
}

.wpcf7 .wpcf7-form input.wpcf7-not-valid,
.wpcf7 .wpcf7-form textarea.wpcf7-not-valid,
.wpcf7 .wpcf7-form select.wpcf7-not-valid+.select-selected,
.wpcf7-checkbox.wpcf7-not-valid input[type="checkbox"],
.prefooter-newsletter .form-newsletter .container-email-newsletter input.not-valid {
    border-color: #FF2700
}

.wpcf7 .wpcf7-form input {
    height: auto;
}

.wpcf7 .wpcf7-form input,
.wpcf7 .wpcf7-form textarea {
    font-weight: 300;
    padding: 18px 20px;
    border-radius: 0px;
    border: none;
    border-left: 3px solid #FFFFFF;
    background-color:
        /* rgba(255,255,255,0.07)*/
        #272727;
    color: #FFFFFF
}

.wpcf7 .wpcf7-form input[type="submit"] {
    margin-top: 30px;
    width: 103px;
    height: 103px;
    text-align: center;
    padding: 15px;
    display: inline-block;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    z-index: 2;
    text-transform: uppercase;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    background-color: transparent;
}

.wpcf7 input:not(:disabled):not(.disabled):active[type="submit"],
.wpcf7 .wpcf7-form input[type="submit"]:hover,
.wpcf7 .wpcf7-form input[type="submit"]:focus {
    background-clip: border-box;
    background-color: #ffffff;
    color: #000000;
}

.wpcf7 .wpcf7-form input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 .wpcf7-form input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 .wpcf7-form input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 .wpcf7-form input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 .wpcf7-form textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 .wpcf7-form textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 .wpcf7-form textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 .wpcf7-form textarea:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.wpcf7 [data-class="wpcf7cf_group"] {
    width: 100%
}

.wpcf7 .wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: -40px;
}


/* The container must be positioned relative: */
/*
.request-field {display: block;}
.request-field select {display: none;}
*/
[data-name="request-field"] {
    display: block;
}

[data-name="request-field"] select {
    display: none;
}

#content:focus,
.tab-content:focus,
.tab-pane:focus {
    outline: 0px !important;
}

.select-selected {
    font-weight: 300;
    background-color:
        /* rgba(255,255,255,0.07) */
        #272727;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 30px;
    right: 20px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active {
    background-color: #000000;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 26px;
}

.select-items div,
.select-selected {
    color: #ffffff;
    padding: 20px;
    border: 1px solid transparent;
    cursor: pointer;
    border: none;
    border-left: 3px solid transparent;
}

.select-selected {
    border-color: #FFF;
}

.select-items {
    display: block;
    width: 100%;
    position: absolute;
    background-color: #000000;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide,
.same-as-selected,
.wpcf7-not-valid-tip {
    display: none;
}

/*.select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); }*/
.select-items div:hover {
    border-color: rgba(255, 255, 255, 0.3)
}

/*
.colum-sx-blog, .colum-dx-blog{ -webkit-flex: 0 0 13.8888888892%; -ms-flex: 0 0 13.8888888892%; flex: 0 0 13.8888888892%; max-width: 13.8888888892%; }
.colum-dx-blog{ margin-left: 6.9444444446%; }
.colum-cc-blog{ -webkit-flex: 0 0 65.277777777%; -ms-flex: 0 0 65.277777777%; flex: 0 0 65.277777777%; max-width: 65.277777777%; }
*/
.colum-sx-blog,
.colum-dx-blog {
    -webkit-flex: 0 0 20.3896103896%;
    -ms-flex: 0 0 20.3896103896%;
    flex: 0 0 20.3896103896%;
    max-width: 20.3896103896%;
}

.colum-dx-blog {
    margin-left: 10.1948051948%;
}

.colum-cc-blog {
    -webkit-flex: 0 0 49.025974026%;
    -ms-flex: 0 0 49.025974026%;
    flex: 0 0 49.025974026%;
    max-width: 49.025974026%;
}

.colum-dx-blog .a2a_label {
    clip: unset;
    -webkit-clip-path: unset;
    clip-path: unset;
}

.colum-dx-blog .addtoany_list {
    display: block;
}

.colum-dx-blog .addtoany_list a,
.colum-dx-blog .widget .addtoany_list a {
    padding: 0px;
}

.colum-dx-blog .addtoany_list a {
    line-height: 1.3125 !important;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}

.colum-dx-blog .addtoany_list a span.a2a_label {
    text-transform: uppercase;
    height: auto !important;
    width: auto !important;
    line-height: 1 !important;
    position: relative !important;
    border-radius: 15px !important;
    background-color: #FFFFFF !important;
    padding: 4px 15px 6px !important;
}

.colum-dx-blog .addtoany_list a span.a2a_svg {
    display: none !important;
}

.colum-dx-blog .addtoany_list a:hover img,
.colum-dx-blog .addtoany_list a:hover span {
    opacity: 1;
    background-color: #000000 !important;
    color: #FFFFFF;
}

#accordion-workspace .card,
.button-workspace {
    cursor: pointer
}

#accordion-workspace .card {
    position: static;
    border-radius: 15px;
    border: 1px solid #FFFFFF;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: transparent;
}

#accordion-workspace .card-header {
    padding: 0;
    border: none;
    background-color: transparent;
}

#accordion-workspace .card-body {
    padding: 0px 10px 5px 40px;
    font-weight: 300;
    color: #000000;
    background-color: #EDEDED
}

#accordion-workspace .card-header:first-child {
    border-radius: 0px;
}

#accordion-workspace .btn {
    border-radius: 0px;
    position: relative;
    padding: 3px 10px !important;
    font-weight: 500;
    width: 100%;
    text-align: left;
    border: none;
    padding: 0px;
    color: #000000;
    background-color: #EDEDED;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    transition-delay: 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#accordion-workspace .btn.collapsed {
    color: #FFFFFF;
    background-color: #121212;
    transition-delay: 0.3s;
}

#accordion-workspace .btn::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 15px;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.31 11.31'%3e%3cline x1='0.71' y1='0.71' x2='10.61' y2='10.61' style='fill:none;stroke:%23000;stroke-width:1.999999965771458px'/%3e%3cline x1='10.61' y1='0.71' x2='0.71' y2='10.61' style='fill:none;stroke:%23000;stroke-width:1.999999965771458px'/%3e%3c/svg%3e");
}

#accordion-workspace .btn.collapsed::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cline x1='6' x2='6' y2='12' style='fill:none;stroke:%23fff;stroke-width:2px'/%3e%3cline x1='12' y1='6' y2='6' style='fill:none;stroke:%23fff;stroke-width:2px'/%3e%3c/svg%3e");
}

#accordion-workspace .btn .mono {
    padding-right: 10px;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.aside-workspace {
    height: 100%;
    width: 16.6666666667%;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    right: 15px;
    top: 55px;
    z-index: 1;
}

#accordion-workspace {
    position: sticky;
    top: 150px;
}

.button-workspace {
    padding: 10px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.button-workspace.active {
    background-color: #EDEDED;
    color: #000000;
    height: 42px;
    width: 42px;
}

.scroll-amination {
    width: 3px;
    height: 52px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, #FFFFFF 50%, #FFFFFF 100%);
    background-size: 200% 200%;
    animation-name: scrollDown;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

.page-template-about-page .no-padding-mobile .container-scroll-amination .scroll-amination,
.page-template-brands-page .no-padding-mobile .container-scroll-amination .scroll-amination {
    width: 25px;
    height: 3px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 50%, #FFFFFF 50%, #FFFFFF 100%);
    background-size: 200% 200%;
    animation-name: scrollLeft;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    margin-left: 22px;
}

.page-template-about-page .no-padding-mobile .container-scroll-amination,
.page-template-brands-page .no-padding-mobile .container-scroll-amination {
    transition: opacity 0.3s ease-in-out;
    width: 54px;
    height: 25px;
    background: rgb(18, 18, 18);
    background: -moz-linear-gradient(90deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 1) 30%, rgba(18, 18, 18, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 1) 30%, rgba(18, 18, 18, 1) 100%);
    background: linear-gradient(90deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 1) 30%, rgba(18, 18, 18, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#121212", endColorstr="#121212", GradientType=1);
}

@keyframes scrollDown {
    from {
        background-position-y: 200%;
    }

    to {
        background-position-y: 0%;
    }
}

@keyframes scrollLeft {
    from {
        background-position-x: 200%;
    }

    to {
        background-position-x: 0%;
    }
}

/*
.year{ font-size: 20vh }
.title{ font-size: 10vh }
.text{ font-size: 5vh }

.highlighter{ background-color: white; padding: 1vh; color: black }

.year.highlighter{ padding:3vh  }

.horizontal-scroll-section img {
  display: block;
  height: 100vh;
  width: auto;
  max-width: unset;
}
*/

.trigger {
    position: absolute;
}

.trigger--one {
    left: 0;
}

.scene {
    position: absolute;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    top: 0;
    left: 0;
    right: 0;
}

.scene--active {
    position: fixed;
}

.scene--ended {
    position: absolute;
    bottom: 0;
    top: auto;
}

.horizontal-scroll-section {
    position: relative;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    opacity: 0;
    transition: 0.2s opacity;
    overflow: hidden;
}

.horizontal-scroll-section--init {
    opacity: 1;
}

.horizontal-scroll-section__content {
    display: flex;
}

.horizontal-scroll-section__content-wrapper {
    display: flex;
    height: 100%;
    position: relative;
}

.horizontal-scroll-section__content-section {
    position: relative;
    padding: 0px;
    height: 100%;
    display: flex;
}

.swiper-container .swiper-lazy-preloader {
    border-color: #FFFFFF;
    border-top-color: transparent;
}

.single-post .swiper-container .swiper-lazy-preloader {
    border-color: #000000;
    border-top-color: transparent;
}

.single-post .swiper-container {
    padding-bottom: 60px;
}

.page-template-colophon-page hr.divider {
    margin-top: 60px;
    margin-bottom: 32px;
}

.m-w-55 {
    max-width: 55px;
}

.logos-colophon img {
    width: 100%;
    height: auto;
}

.hidden-mobile {
    display: block;
}

.hidden-desktop {
    display: none;
}

.overflow-h {
    overflow-y: hidden;
}

.entry-title-portfolio {
    visibility: hidden;
    opacity: 0;
    height: 0px;
}

.entry-title-portfolio.active {
    visibility: visible;
    opacity: 1;
    height: auto;
}

#nav-all-tab {
    margin-left: auto
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent;
}

.back-to-top {
    /* position: fixed; right: 30px;margin-top: 60px; */
    bottom: 30px;
    position: sticky;
    margin-left: auto;
    margin-right: 30px;
    width: 67px;
    height: 67px;
    background-size: 100%;
    /* display: block; */
    display: none;
    z-index: 1029;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 54'%3e%3ccircle cx='27' cy='27' r='26' style='fill:rgba(18,18,18,0.7)'/%3e%3cpath d='M19,27l1.41,1.41L26,22.83V35h2V22.83l5.59,5.58L35,27l-8-8Z' style='fill:%23fff'/%3e%3cpath d='M27,1A26,26,0,1,1,1,27,26,26,0,0,1,27,1m0-1A27,27,0,1,0,54,27,27,27,0,0,0,27,0Z' style='fill:rgba(255,255,255,0.2)'/%3e%3c/svg%3e");
}

.page-template-landing-page .back-to-top {
    display: none !important;
}

#Viewer3D .row,
#Viewer3D .row h1,
#Viewer3D .row h2,
#Viewer3D .row span {
    pointer-events: none !important;
}

.single-post .swiper-w-auto .swiper-slide,
.single-post .swiper-w-auto .swiper-slide img {
    height: 700px;
    width: auto;
    max-width: unset;
}

.single-post .swiper-w-auto .swiper-slide img {
    margin: 0 auto;
    display: block;
}

.grid-item img.lazyload,
.grid-item img.lazyloading {
    background: black;
    height: 100%;
    opacity: 1
}

.grid-item.img-right>a>figure img {
    margin-right: 0px
}

.grid-item.img-left>a>figure img {
    margin-left: 0px
}

.swiper-lazy.lazyload,
.swiper-lazy.lazyloading {
    height: 0px !important;
    padding-top: 56.19834711%
}

.swiper-lazy.swiper-lazy-loaded {
    height: auto;
}

.page-template-brands-page .container-brands {
    padding-top: 60px;
}

#skip-timeline {
    bottom: 30px;
    right: 120px;
    z-index: 1;
    height: 67px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 34px;
    background-color: rgba(18, 18, 18, 0.7);
}

#skip-timeline a {
    display: block;
    padding: 24px 33px;
}

#skip-timeline:hover,
#skip-timeline:focus {
    border-color: #FFFFFF;
}

#skip-timeline:hover a,
#skip-timeline:focus a {
    text-decoration: none;
}

/*
.timeline-button-next,.timeline-button-prev{-webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out;-ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out;transition: opacity .2s ease-in-out;}
.timeline-dates .swiper-slide div{-webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;}
.timeline{ position: relative;}
.timeline-dates{ margin: 60px 0px;}
.timeline-dates .swiper-slide {color: #fff;cursor: pointer; width: auto;height: 100%;}
.timeline-dates .swiper-slide div{opacity: 0.5;}
.timeline-dates .swiper-slide-active div, .timeline-dates .swiper-slide:hover div, .timeline-dates .swiper-slide:focus div{ opacity: 1;}
.timeline-contents{ border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); }
.timeline-contents .swiper-slide{ height: auto; }
.timeline-contents .swiper-slide.swiper-slide-prev{ border-right: 1px solid rgba(255,255,255,0.1); }
.timeline-contents .swiper-slide.swiper-slide-next{ border-left: 1px solid rgba(255,255,255,0.1); }
.timeline-contents .swiper-slide.swiper-slide-prev p, .timeline-contents .swiper-slide.swiper-slide-next p, .timeline-contents .swiper-slide.swiper-slide-active p, .timeline-contents .swiper-slide.swiper-slide-prev img, .timeline-contents .swiper-slide.swiper-slide-next img{ opacity: 0.3; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out;-ms-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out; }
.timeline-contents .swiper-slide.swiper-slide-active p{ opacity: 1; }

.timeline-buttons-container{ position: absolute; top: 50%; right: 33px; left: 33px; margin-top: 45px;}
.timeline-button-next,.timeline-button-prev{position: absolute; top: 50%;margin-top: 0;z-index: 2;cursor: pointer;width: 66px;height: 66px;}
.timeline-button-next{right: 0;}
.timeline-button-prev{ left: 0;}

.timeline-contents .swiper-slide{ padding: 30px 5.5729166667vw 80px; }
.timeline-contents .swiper-slide img{ border-radius: 10px; }
*/
.timeline-contents .swiper-slide {
    opacity: 0.5;
}

.timeline-contents .swiper-slide-active {
    opacity: 1;
}

.timeline-contents .swiper-slide {
    min-height: 430px;
    border-radius: 20px;
    background:
        /* rgba(35, 35, 35, 0.40) */
        #191919;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
}

.timeline-contents .timeline-content-date {
    font-size: 47px;
    font-weight: 300;
    line-height: 1.15;
    color: #EDEDED;
}

.timeline-dates-date {
    padding: 9px 20px;
    line-height: 1.5;
    border-radius: 50px;
    background-color: #2F2F2F;
    color: #EDEDED;
    cursor: pointer;
}

.timeline-dates .swiper-slide-active .timeline-dates-date {
    background-color: #EDEDED;
    color: #000;
}

.timeline-dates .swiper-slide svg {
    fill: #2f2f2f
}

.timeline-dates .swiper-slide-active svg {
    fill: #ffffff
}


.timeline-buttons-container {
    position: absolute;
    bottom: 88px;
    right: 30px;
    left: 30px;
}

.swiper-button-next.timeline-button-next,
.swiper-button-prev.timeline-button-prev {
    position: absolute;
    top: 61px;
    margin-top: 0;
    z-index: 2;
    cursor: pointer;
    width: 36px;
    height: 36px;
    padding: 0px;
    border-radius: 50%
}

.swiper-button-prev.timeline-button-prev {
    left: 0px
}

.swiper-button-next.timeline-button-next {
    right: 0px
}

.timeline-button-next.swiper-button-next:after,
.timeline-button-prev.swiper-button-prev:after {
    display: none;
}

.timeline-button-next .btn-circle-container,
.timeline-button-prev .btn-circle-container {
    padding: 0px
}

.timeline-button-next {
    right: 0;
}

.timeline-button-prev {
    left: 0;
}

.timeline-buttons-container::before,
.timeline-buttons-container::after {
    content: "";
    display: block;
    height: 100px;
    width: 160px;
    position: absolute;
    top: -8px;
    z-index: 1
}

.timeline-buttons-container:before {
    left: -30px;
    background: linear-gradient(90deg, rgba(18, 18, 18, 1) 0%, rgba(18, 18, 18, 1) 50%, rgba(18, 18, 18, 0) 100%);
}

.timeline-buttons-container:after {
    right: -30px;
    background: linear-gradient(90deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 1) 50%, rgba(18, 18, 18, 1) 100%);
}

.timeline-line {
    position: absolute;
    bottom: 8px;
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
}


/*
#home-carousel .swiper-button-next, #home-carousel .swiper-button-prev{ width: 66px; height: 66px; margin-top: -93px; }
#home-carousel .swiper-button-next{ right: 33px; }
#home-carousel .swiper-button-prev{ left: 33px; }
*/
#home-carousel .swiper-button-next::after,
#home-carousel .swiper-button-prev::after {
    display: none;
}

.arrow-left,
.timeline-button-next,
.arrow-right,
/*.timeline-button-prev,*/
#home-carousel .swiper-button-next

/*, #home-carousel .swiper-button-prev*/
    {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.arrow-left,
/* .timeline-button-prev */
/*, #home-carousel .swiper-button-prev*/
    {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 67 67' style='enable-background:new 0 0 67 67;' xml:space='preserve'%3e%3ccircle style='opacity:0.8;fill:%23121212;enable-background:new' cx='33.5' cy='33.5' r='33'/%3e%3ccircle style='fill:none;stroke:%23FFFFFF;stroke-miterlimit:10;' cx='33.5' cy='33.5' r='33'/%3e%3cpolygon style='fill:%23FFFFFF;' points='43,32.5 28.3,32.5 35.6,25.2 34.2,23.8 24.4,33.5 34.2,43.2 35.6,41.8 28.3,34.5 43,34.5 '/%3e%3c/svg%3e");
}

.arrow-right,
/* .timeline-button-next */
/*, #home-carousel .swiper-button-next*/
    {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 67 67' style='enable-background:new 0 0 67 67;' xml:space='preserve'%3e%3ccircle style='opacity:0.8;fill:%23121212;enable-background:new' cx='33.5' cy='33.5' r='33'/%3e%3ccircle style='fill:none;stroke:%23FFFFFF;stroke-miterlimit:10;' cx='33.5' cy='33.5' r='33'/%3e%3cpolygon style='fill:%23FFFFFF;' points='24.4,32.5 39.2,32.5 31.9,25.2 33.3,23.8 43,33.5 33.3,43.2 31.9,41.8 39.2,34.5 24.4,34.5 '/%3e%3c/svg%3e");
}

.intro-sector .entry-header {
    max-width: calc(100% - 30px);
}

.d-xxl-none {
    display: none !important;
}

html {
    position: relative;
}

html .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"] {
    position: absolute !important;
}

html .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-left"],
html .iubenda-tp-btn[data-tp-float][data-tp-float="bottom-right"] {
    bottom: 6px !important;
}

html .grecaptcha-badge {
    display: none !important;
}

.site-footer .site-social a.m-r-0 {
    margin-right: 40px !important;
}

.page-template-single-service-page-new-test #breadcrumbs {
    display: none;
}

.page-template-single-service-page-new-test #container-background-intro-image {
    overflow: hidden;
}

.page-template-single-service-page-new-test .background-intro-image {
    position: absolute;
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.page-template-single-service-page-new-test #main-nav.navbar,
.page-template-single-service-page-new-test #main-nav.navbar {
    background-color: transparent;
}

.page-template-single-service-page-new-test .service-bg-intro,
.page-template-single-service-page-new-test .sector-bg-intro {
    margin-top: -178px;
    margin-left: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-template-single-service-page-new-test .service-bg-intro::after,
.page-template-single-service-page-new-test .sector-bg-intro::after {
    content: '';
    display: block;
    height: calc(100vh - 130px);
    height: calc(calc(var(--vh, 1vh) * 100) - 130px);
}

.page-template-single-service-page-new-test .list-content hr,
.page-template-single-service-page-new-test .list-content hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.prefooter-newsletter {
    padding: 60px 80px;
    background-color: #2F2F2F;
    border-radius: 15px;
}

.prefooter-newsletter .title-newsletter .h4 {
    max-width: 71%;
    line-height: 1.1379310345;
}

.prefooter-newsletter .form-newsletter {
    width: 75%;
}

.prefooter-newsletter .form-newsletter .container-email-newsletter {
    width: calc(100% - 42px);
}

.prefooter-newsletter .form-newsletter .container-email-newsletter label {
    margin-bottom: 0px;
}

.prefooter-newsletter .form-newsletter .container-email-newsletter input {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0px;
    border-bottom: 2px solid #EDEDED;
    color: #EDEDED;
}

.prefooter-newsletter #submit-email-newsletter-subscriber {
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3ccircle cx='16' cy='16' r='16' style='fill:%23ededed'/%3e%3cpath d='M15.5,9l-1.23,1.23,4.88,4.89H8.5v1.76H19.15l-4.88,4.89L15.5,23l7-7Z'/%3e%3c/svg%3e");
}

.prefooter-newsletter #submit-email-newsletter-subscriber:hover,
.prefooter-newsletter #submit-email-newsletter-subscriber:focus {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3ccircle cx='16' cy='16' r='16' style='fill:%23ffffff'/%3e%3cpath d='M15.5,9l-1.23,1.23,4.88,4.89H8.5v1.76H19.15l-4.88,4.89L15.5,23l7-7Z'/%3e%3c/svg%3e");
}

.bg-overlay-newsletter.visible,
.popup-newsletter.visible {
    visibility: visible;
}

.popup-newsletter,
.bg-overlay-newsletter {
    z-index: 1030;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bg-overlay {
    width: 100%;
    height: 100%;
    max-width: 100vw;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    position: fixed;
}

.open-pop-up-video .bg-overlay {
    position: absolute;
}

.single-portfolio .h-100vh>.bg-overlay {
    background-color: unset;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.popup-newsletter {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
    width: 850px;
    max-width: 100vw;
    height: auto;
    max-height: 100%;
    background-color: #2F2F2F;
    border-radius: 15px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.popup-newsletter .inner-popup {
    width: 100%;
    overflow-y: auto;
    max-height: calc(100vh - 130px);
    position: relative;
    padding: 60px;
}

.popup-newsletter.visible,
.bg-overlay.visible {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.popup-newsletter .close-popup-newsletter {
    cursor: pointer;
    z-index: 1;
    width: 60px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3e%3cpolygon points='37.5 24.38 35.63 22.5 30 28.13 24.38 22.5 22.5 24.38 28.13 30 22.5 35.63 24.38 37.5 30 31.88 35.62 37.5 37.5 35.62 31.88 30 37.5 24.38' style='fill:%23fff'/%3e%3c/svg%3e");
}

.overflow-y-h {
    overflow-y: hidden;
}

body.is-windows.overflow-y-h {
    padding-right: 16px
}

.h4.regular {
    font-weight: 400;
}

.form-newsletter .container-email-newsletter input,
.form-newsletter .container-email-newsletter label {
    color: #EDEDED;
}

.form-newsletter .container-email-newsletter input {
    line-height: 2;
}

.form-newsletter .container-email-newsletter input:hover,
.form-newsletter .container-email-newsletter input:focus {
    outline: none;
    box-shadow: 0px;
}

.form-newsletter .container-email-newsletter input::-webkit-input-placeholder {
    color: #EDEDED !important;
    opacity: 0.5;
    font-weight: 300;
}

.form-newsletter .container-email-newsletter input::-moz-placeholder {
    color: #EDEDED !important;
    opacity: 0.5;
    font-weight: 300;
}

.form-newsletter .container-email-newsletter input:-ms-input-placeholder {
    color: #EDEDED !important;
    opacity: 0.5;
    font-weight: 300;
}

.form-newsletter .container-email-newsletter input:-moz-placeholder {
    color: #EDEDED !important;
    opacity: 0.5;
    font-weight: 300;
}


/*TEST VIEWER SERVICE NEW*/
.vh-125 {
    height: 125vh;
}

.o-portrait .vh-125 {
    height: 125vw;
}

.page-template-single-service-page-new-test.o-portrait #Viewer3D.intro-home {
    height: 100vw;
}

.vh-25 {
    height: 25vh;
}

.page-template-single-service-page-new-test #Viewer3D canvas {
    z-index: unset;
}

.m-t--15vh {
    margin-top: -15vh;
}

.gradient-opacity-viewer {
    background: rgb(18, 18, 18);
    background: -moz-linear-gradient(0deg, rgba(18, 18, 18, 1) 0%, rgba(18, 18, 18, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(18, 18, 18, 1) 0%, rgba(18, 18, 18, 0) 100%);
    background: linear-gradient(0deg, rgba(18, 18, 18, 1) 0%, rgba(18, 18, 18, 0) 100%);
}


/*LANGING*/
.overlay-vimeo-wrapper-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.35
}

.vimeo-wrapper-full {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.vimeo-wrapper-full iframe {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    /* min-width: 177.77vh; */
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    min-width: 235vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.play-circle {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9173 24.2222L24.2229 17L12.9173 9.77777V24.2222ZM17.0007 33.6666C14.7136 33.6666 12.5562 33.2291 10.5284 32.3541C8.50067 31.4791 6.73214 30.287 5.22286 28.7778C3.71361 27.2685 2.52148 25.5 1.64648 23.4722C0.771484 21.4444 0.333984 19.287 0.333984 17C0.333984 14.6944 0.771484 12.5278 1.64648 10.5C2.52148 8.4722 3.71361 6.70831 5.22286 5.20831C6.73214 3.70831 8.50067 2.52081 10.5284 1.64581C12.5562 0.770813 14.7136 0.333313 17.0007 0.333313C19.3062 0.333313 21.4729 0.770813 23.5007 1.64581C25.5284 2.52081 27.2923 3.70831 28.7923 5.20831C30.2923 6.70831 31.4798 8.4722 32.3548 10.5C33.2298 12.5278 33.6673 14.6944 33.6673 17C33.6673 19.287 33.2298 21.4444 32.3548 23.4722C31.4798 25.5 30.2923 27.2685 28.7923 28.7778C27.2923 30.287 25.5284 31.4791 23.5007 32.3541C21.4729 33.2291 19.3062 33.6666 17.0007 33.6666Z' fill='%23EDEDED'/%3E%3C/svg%3E");
}

.page-template-landing-page #Viewer3D {
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #202020
}

.page-template-landing-page #Viewer3D,
.border-viewer {
    z-index: 1
}

.page-template-landing-page #Viewer3D>canvas {
    width: 100vw !important;
    height: calc(var(--vh, 1vh) * 100) !important;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    /* mobile webkit */
}

.page-template-landing-page .container-viewer.active #Viewer3D>canvas {
    pointer-events: auto;
    max-width: 100vw;
    max-height: calc(var(--vh, 1vh) * 100);
}

.container-viewer {
    height: calc(var(--vh, 1vh) * 100);
    background: black;
}

.border-viewer {
    border: 120px solid #121212;
    transition: linear border 0.3s;
    pointer-events: none;
}

.container-viewer.active .border-viewer {
    border-width: 0px;
}

.container-viewer .label-start {
    opacity: 1;
    pointer-events: none;
    z-index: 2
}

.container-viewer .label-start,
.container-viewer .contoller-viewer {
    transition: linear opacity 0s
}

.container-viewer.active .label-start,
.container-viewer.active .contoller-viewer {
    transition: ease-out opacity .5s .3s
}

.container-viewer.active .label-start,
.container-viewer .contoller-viewer {
    opacity: 0;
}

.container-viewer.active .contoller-viewer {
    opacity: 1
}

.contoller-viewer {
    pointer-events: none;
    z-index: 2;
}

.container-viewer.active .pointer {
    pointer-events: auto
}

.img-bg-video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -2
}

.btn-white {
    background: #FFFFFF;
    padding: 10px 15px;
    color: #121212;
}

.col-empty,
.col-ar-exit {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 295px;
    flex: 0 0 295px;
    max-width: 295px;
}

.ar-viewer {
    width: 178px;
    text-align: center
}

.col-prod-conf {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - calc(295px * 2));
    flex: 0 0 calc(100% - calc(295px * 2));
    max-width: calc(100% - calc(295px * 2));
}

.prod-parts-arrow {
    width: 24px;
    height: 24px;
    background-size: contain;
}

.arrow-back {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_52_2991' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_52_2991)'%3E%3Cpath d='M12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825L13.425 18.6L12 20Z' fill='%23EDEDED'/%3E%3C/g%3E%3C/svg%3E");
}

.arrow-forward {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_52_2997' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_52_2997)'%3E%3Cpath d='M12 20L10.575 18.6L16.175 13H4V11H16.175L10.575 5.4L12 4L20 12L12 20Z' fill='%23EDEDED'/%3E%3C/g%3E%3C/svg%3E");
}

.prod-parts-controls {
    transform: translateY(30px);
}

.part-name {
    color: #EDEDED;
    width: 100px;
}

.prod-part {
    display: none;
}

.prod-part.active {
    display: flex;
}

.prod-parts-controls,
.item-finish {
    transition-duration: 0s;
    transition-delay: 0s;
    opacity: 0;
    transition-property: none
}

.prod-part.anim .item-finish,
.container-viewer.active .prod-parts-controls {
    transform: translateY(0px);
    opacity: 1;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-duration: 0.5s;
    transition-delay: 0.8s
}

.item-finish {
    width: 58px;
    height: 58px;
    padding: 3px;
    border-radius: 50%;
    margin-left: 16px;
    margin-right: 16px;
    transform: translateY(80px);
}

.prod-part.anim .item-finish:nth-child(2) {
    transition-delay: 1.1s
}

.prod-part.anim .item-finish:nth-child(3) {
    transition-delay: 1.4s
}

.prod-part.anim .item-finish:nth-child(4) {
    transition-delay: 1.7s
}

.prod-part.anim .item-finish:nth-child(5) {
    transition-delay: 2s
}

.item-finish {
    border: 1px solid transparent;
}

.item-finish.active {
    border-color: white;
}

.item-finish.active img {
    border-color: transparent;
}

.item-finish img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: contain;
    border: 1px solid rgba(111, 111, 111, 0.3);
}

.item-hover-video .video-hover-container {
    opacity: 1;
    pointer-events: none;
    height: 100%;
    width: 100%
}

/* 
.item-hover-video:hover .video-hover-container, .item-hover-video:focus .video-hover-container{ opacity: 1;}
*/
.item-hover-video .video-hover-container video {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.container-qr-code {
    display: none;
    padding: 15px 5px 10px 5px;
    background-color: #FFFFFF;
    color: #121212
}

.close-qrCanvas {
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_94_1778' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_94_1778)'%3E%3Cpath d='M6.0625 15L5 13.9375L8.9375 10L5 6.0625L6.0625 5L10 8.9375L13.9375 5L15 6.0625L11.0625 10L15 13.9375L13.9375 15L10 11.0625L6.0625 15Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
}

.animation-scroll-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/* 
.loader {
  color: #ededed;
  display: inline-block;
  position: relative;
  font-size: 48px;
  box-sizing: border-box;
}*/
.loader {
    margin-left: -33px
}

.loader::after {
    content: '';
    width: 4px;
    height: 4px;
    background: currentColor;
    position: absolute;
    bottom: 8px;
    right: -10px;
    animation: animloader 1s linear infinite;
}

.arMenu {
    position: absolute;
    bottom: 0;
    right: 0;
}

/*PSW PROTECTED*/
.protected-post-form p {
    margin-bottom: 30px
}

.protected-post-form input[type="password"] {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #EDEDED;
    width: 100%;
    color: #EDEDED;
}

.protected-post-form input[type="password"]:focus {
    outline: none;
}

.protected-post-form input[type="submit"] {
    font-size: 0px;
    appearance: none;
    border-radius: 100%;
    margin-left: 10px;
    border: none;
    width: 32px;
    height: 32px;
    margin-bottom: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3ccircle cx='16' cy='16' r='16' style='fill:%23ededed'/%3e%3cpath d='M15.5,9l-1.23,1.23,4.88,4.89H8.5v1.76H19.15l-4.88,4.89L15.5,23l7-7Z'/%3e%3c/svg%3e");
}

/*COLLPSABLE TEXT*/
#nav-genai,
.container-btn-link {
    font-family: 'Roboto Mono', monospace;
    display: flex;
}

.container-btn-link {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.btn-link,
.nav-pills .nav-link.btn-link {
    cursor: pointer;
    color: #FFFFFF;
    border: 1px solid transparent;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 50px;
    background: #2F2F2F;
    padding: 9px 20px;
    display: inline-flex;
    margin-right: 10px;
}

.nav-pills .nav-link.btn-link {
    margin-right: 0px;
}

.btn-link:hover,
.btn-link:focus,
.nav-pills .nav-link.btn-link:hover,
.nav-pills .nav-link.btn-link:focus {
    border-color: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    text-decoration: none
}

.btn-link.active,
.btn-link.active:hover,
.btn-link.active:focus,
.nav-pills .nav-link.btn-link.active,
.nav-pills .nav-link.btn-link.active:hover,
.nav-pills .nav-link.btn-link.active:focus {
    background: #EDEDED;
    color: #000;
    text-decoration: none
}

.btn-collapsable-text,
.btn-play-video,
.btn-circle-container {
    border-radius: 50px;
    background: #2F2F2F;
    padding: 2px 2px 2px 20px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
}

#home-carousel .swiper-button-prev .btn-circle-container,
#material-swiper .swiper-button-prev .btn-circle-container,
#sector-swiper .swiper-button-prev .btn-circle-container,
.btn-load-more .btn-circle-container {
    padding: 2px 20px 2px 2px;
}

.btn-collapsable-text {
    background: #2F2F2F;
}

.btn-play-video,
.button-next .btn-circle-container {
    background: #FFFFFF;
}

.btn-icon-container {
    overflow: hidden;
    position: relative;
}

.btn-label {
    margin-right: 5px;
}

#home-carousel .swiper-button-prev .btn-circle-container .btn-label,
#material-swiper .swiper-button-prev .btn-circle-container .btn-label,
#sector-swiper .swiper-button-prev .btn-circle-container .btn-label,
.btn-load-more .btn-circle-container .btn-label {
    margin-left: 5px;
}

#home-carousel .swiper-button-prev .btn-label,
#material-swiper .swiper-button-prev .btn-label,
.btn-load-more .btn-label {
    margin-right: 0px;
    margin-left: 5px;
}

.btn-play-video .btn-label,
.button-next .btn-circle-container .btn-label {
    color: #000000
}

.btn-circle-container .btn-label {
    color: #FFFFFF
}

.btn-icon-switch {
    position: absolute;
    top: 0;
    left: -36px;
    transition: all .6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    display: flex;
}

.btn-collapsable-text:hover .btn-icon-switch,
.btn-play-video:hover .btn-icon-switch,
.btn-circle-container:hover .btn-icon-switch,
.swiper-material .swiper-slide:hover .btn-icon-switch,
.timeline-button-prev.swiper-button-prev .btn-icon-switch,
.card-team:hover .btn-icon-switch {
    left: 0px;
}

.btn-icon-container,
.btn-collapsable-text .btn-cicle,
.btn-play-video .btn-cicle,
.btn-circle-container .btn-cicle,
.btn-load-more .btn-cicle,
.swiper-material-wrapper .btn-cicle,
.button-arrow-link .btn-cicle {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    position: relative;
    display: block;
}

#home-carousel .swiper-button-prev .btn-icon-switch,
#material-swiper .swiper-button-prev .btn-icon-switch,
#sector-swiper .swiper-button-prev .btn-icon-switch,
.btn-load-more .btn-icon-switch,
.timeline-button-prev.swiper-button-prev .btn-icon-switch,
.btn-collapsable-text .btn-icon-switch,
.timeline-button-prev.swiper-button-prev .btn-icon-switch {
    left: 0px;
}

#home-carousel .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
#material-swiper .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
#sector-swiper .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
.btn-load-more .btn-circle-container:hover .btn-icon-switch,
.timeline-button-prev.swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
.btn-collapsable-text .btn-circle-container:hover .btn-icon-switch,
.timeline-button-prev.swiper-button-prev .btn-circle-container:hover .btn-icon-switch {
    left: -36px;
}

.btn-collapsable-text .btn-cicle-hover {
    background: #FFFFFF;
}

.btn-play-video .btn-cicle-hover,
.button-next .btn-circle-container .btn-cicle-hover,
.swiper-material-wrapper .btn-cicle.btn-cicle-hover,
.button-arrow-link .btn-icon-container .btn-cicle-hover,
.button-arrow-link .btn-icon-container .btn-cicle,
.button-next-white.button-next .btn-circle-container:hover .btn-cicle-hover {
    background: #2F2F2F;
}

.swiper-material-wrapper .btn-cicle,
.button-arrow-link .btn-icon-container .btn-cicle-hover {
    background: #EDEDED;
}

.btn-collapsable-text .btn-icon,
.btn-play-video .btn-icon,
.btn-circle-container .btn-icon,
.swiper-material-wrapper .btn-cicle .btn-icon,
.button-arrow-link .btn-cicle .btn-icon {
    height: 20px;
    width: 20px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-collapsable-text .btn-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23FFFFFF' d='M9.2,10.8H5V9.2h4.2V5h1.5v4.2H15v1.5h-4.2V15H9.2V10.8z'/%3E%3C/svg%3E");
}

.collapsable-text-container.opened .btn-collapsable-text .btn-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='m4.83,10.75v-1.5h10.33v1.5H4.83Z' fill='%23fff'/%3E%3C/svg%3E");
}

.btn-collapsable-text .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='M9.2,10.8H5V9.2h4.2V5h1.5v4.2H15v1.5h-4.2V15H9.2V10.8z'/%3E%3C/svg%3E");
}

.collapsable-text-container.opened .btn-collapsable-text .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath d='m4.83,10.75v-1.5h10.33v1.5H4.83Z' /%3E%3C/svg%3E");
}

.btn-play-video .btn-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15.5V4.5L15.5 10L7 15.5Z' fill='black'/%3E%3C/svg%3E");
}

.btn-play-video .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 15.5V4.5L15.5 10L7 15.5Z' fill='white'/%3E%3C/svg%3E");
}

.swiper-button-prev .btn-circle-container .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M6.88,9.25h9.12v1.5H6.88l4.19,4.19-1.06,1.06-6-6,6-6,1.06,1.06-4.19,4.19Z' style='fill: %23fff; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.swiper-button-next .btn-circle-container .btn-icon,
.swiper-material-wrapper .btn-cicle.btn-cicle-hover .btn-icon,
a .btn-circle-container .btn-icon,
.button-arrow-link .btn-icon-container .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M13.12,10.75H4v-1.5h9.12l-4.19-4.19,1.06-1.06,6,6-6,6-1.06-1.06,4.19-4.19Z' style='fill: %23fff; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.button-next .btn-circle-container .btn-cicle .btn-icon,
.button-next .btn-circle-container:hover .btn-cicle:not(.btn-cicle-hover) .btn-icon,
.swiper-material-wrapper .btn-cicle .btn-icon,
.button-arrow-link .btn-icon-container .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M13.12,10.75H4v-1.5h9.12l-4.19-4.19,1.06-1.06,6,6-6,6-1.06-1.06,4.19-4.19Z' style='fill: %23000; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.swiper-button-prev .btn-circle-container:hover .btn-cicle:not(.btn-cicle-hover),
.swiper-button-next .btn-circle-container:hover .btn-cicle-hover,
.btn-load-more .btn-circle-container:hover .btn-cicle:not(.btn-cicle-hover),
.btn-read-more .btn-circle-container:hover .btn-cicle-hover,
.btn-read-less .btn-circle-container:hover .btn-cicle-hover,
a .btn-circle-container:hover .btn-cicle-hover {
    background-color: #FFFFFF;
}

.swiper-button-prev .btn-circle-container:hover .btn-cicle:not(.btn-cicle-hover) .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M6.88,9.25h9.12v1.5H6.88l4.19,4.19-1.06,1.06-6-6,6-6,1.06,1.06-4.19,4.19Z' style='fill: %23000; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.swiper-button-next .btn-circle-container:hover .btn-cicle-hover .btn-icon,
a .btn-circle-container:hover .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M13.12,10.75H4v-1.5h9.12l-4.19-4.19,1.06-1.06,6,6-6,6-1.06-1.06,4.19-4.19Z' style='fill: %23000; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.button-next .btn-circle-container .btn-cicle-hover .btn-icon,
.button-next .btn-circle-container:hover .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M13.12,10.75H4v-1.5h9.12l-4.19-4.19,1.06-1.06,6,6-6,6-1.06-1.06,4.19-4.19Z' style='fill: %23FFF; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.btn-load-more .btn-circle-container .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 21'%3e%3cpath d='M10,16.69c-1.67,0-3.08-.58-4.25-1.75-1.17-1.17-1.75-2.58-1.75-4.25s.58-3.08,1.75-4.25c1.17-1.17,2.58-1.75,4.25-1.75.9,0,1.74.19,2.51.56.77.38,1.43.88,1.99,1.5v-2.06h1.5v5h-5v-1.5h2.73c-.4-.61-.93-1.1-1.58-1.46-.65-.36-1.37-.54-2.15-.54-1.25,0-2.31.44-3.19,1.31-.88.88-1.31,1.94-1.31,3.19s.44,2.31,1.31,3.19,1.94,1.31,3.19,1.31c1.17,0,2.17-.39,3-1.16.83-.77,1.31-1.72,1.44-2.84h1.54c-.12,1.56-.76,2.86-1.9,3.92-1.14,1.06-2.5,1.58-4.08,1.58Z' style='fill: %23fff; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.btn-load-more .btn-circle-container:hover .btn-cicle:not(.btn-cicle-hover) .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 21'%3e%3cpath d='M10,16.69c-1.67,0-3.08-.58-4.25-1.75-1.17-1.17-1.75-2.58-1.75-4.25s.58-3.08,1.75-4.25c1.17-1.17,2.58-1.75,4.25-1.75.9,0,1.74.19,2.51.56.77.38,1.43.88,1.99,1.5v-2.06h1.5v5h-5v-1.5h2.73c-.4-.61-.93-1.1-1.58-1.46-.65-.36-1.37-.54-2.15-.54-1.25,0-2.31.44-3.19,1.31-.88.88-1.31,1.94-1.31,3.19s.44,2.31,1.31,3.19,1.94,1.31,3.19,1.31c1.17,0,2.17-.39,3-1.16.83-.77,1.31-1.72,1.44-2.84h1.54c-.12,1.56-.76,2.86-1.9,3.92-1.14,1.06-2.5,1.58-4.08,1.58Z' style='fill: %23000; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.btn-read-more .btn-circle-container .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M9.25,10.75h-4.25v-1.5h4.25v-4.25h1.5v4.25h4.25v1.5h-4.25v4.25h-1.5v-4.25Z' style='fill: %23fff; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.btn-read-more .btn-circle-container:hover .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M9.25,10.75h-4.25v-1.5h4.25v-4.25h1.5v4.25h4.25v1.5h-4.25v4.25h-1.5v-4.25Z' style='fill: %23000; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.btn-read-less .btn-circle-container .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M4.83,10.75v-1.5h10.33v1.5H4.83Z' style='fill: %23fff; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.btn-read-less .btn-circle-container:hover .btn-cicle-hover .btn-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath d='M4.83,10.75v-1.5h10.33v1.5H4.83Z' style='fill: %23000; stroke-width: 0px;'/%3e%3c/svg%3e");
}

.read-more-text,
.read-more-text+.btn-read-less {
    display: none;
}

#home-carousel.swiper-container .swiper-wrapper {
    transition: transform 0s linear 1s !important;
}

#home-carousel.swiper-container .container-img {
    overflow: hidden;
    position: relative;
    border-radius: 20px 20px 0px 0px;
}

#home-carousel.swiper-container .container-img:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #2F2F2F;
}

#home-carousel.swiper-container .container-img:after {
    transform: translateY(0%);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#home-carousel.swiper-container .swiper-slide-visible-out .container-img:after {
    transform: translateY(0%);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

#home-carousel.swiper-container .swiper-slide-visible .container-img:after {
    transform: translateY(calc(100% + 1px));
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
}

#home-carousel.swiper-container .swiper-slide-visible-in .container-img:after {
    transform: translateY(calc(100% + 1px));
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s;
}

.page-template-home-page .container-brands .item-brand {
    padding: 30px 90px;
}

.page-template-home-page .container-brands .item-brand .embed-responsive .embed-responsive-item:first-child,
.container-brands .item-brand .embed-responsive .embed-responsive-item:last-child {
    transform: translateY(0);
    transition: all 0.4s ease-out;
}

.page-template-home-page .container-brands .item-brand.loaded-more .embed-responsive .embed-responsive-item:first-child,
.container-brands .item-brand.loaded-more .embed-responsive .embed-responsive-item:last-child {
    transform: translateY(-100%);
    transition: all 0.4s ease-out;
}

.page-template-home-page .container-brands .item-brand .embed-responsive .embed-responsive-item:last-child {
    top: 100%;
}

.page-template-home-page .container-brands .item-brand:nth-child(odd) .embed-responsive .embed-responsive-item:last-child {
    top: -100%;
}

.page-template-home-page .container-brands .item-brand:nth-child(odd).loaded-more .embed-responsive .embed-responsive-item:first-child,
.container-brands .item-brand:nth-child(odd).loaded-more .embed-responsive .embed-responsive-item:last-child {
    transform: translateY(100%);
}

.prefooter {
    position: relative;
    background-color: #FFF;
    padding: 30px;
}

.prefooter,
.prefooter .card-prefooter,
.prefooter-media-conteiner,
.prefooter-form

/*, .prefooter::before*/
    {
    border-radius: 20px;
}

/*.prefooter::before{ content: ''; display: block; padding-top: 26.3440860215%; background-color: #FFF; }*/
.prefooter .card-prefooter {
    width: 428px;
    height: 428px;
    background-color: rgba(0, 0, 0, 0.55)
        /* rgba(35,35,35,0.4)*/
    ;
    padding: 30px;
    z-index: 1;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    position: relative;
    /* height: calc(100% - 60px); position: absolute; top: 30px; left: 30px; */
}

.prefooter .card-prefooter img {
    height: 34px;
    width: auto;
    max-width: 100%;
}

.prefooter .card-prefooter .title {
    color: #FFF;
}

.prefooter .card-prefooter .text {
    color:
        /* rgba(255,255,255,0.5) */
        #ffffff;
    font-weight: 300;
}

.link-prefooter .prefooter .card-prefooter .icon-link {
    transform: translate(0px, 0px);
    transition: 0.6s ease-in-out all;
    width: 36px;
    height: 36px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3e%3cpath d='M18.5.69h0c9.94,0,18,8.06,18,18h0c0,9.94-8.06,18-18,18h0C8.56,36.69.5,28.63.5,18.69h0C.5,8.75,8.56.69,18.5.69Z' style='fill: %23ededed; stroke-width: 0px;'/%3e%3cpath d='M13.56,23.69l-1.06-1.06,8.44-8.44h-7.44v-1.5h10v10h-1.5v-7.44l-8.44,8.44Z' style='stroke-width: 0px;'/%3e%3c/svg%3e");
}

.link-prefooter:hover .prefooter .card-prefooter .icon-link {
    transform: translate(10px, -10px);
}

.prefooter-media-conteiner {
    position: absolute;
    background-color: #000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.prefooter-media-conteiner video,
.prefooter-media-conteiner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container-prefooter a {
    text-decoration: none !important;
}

.prefooter-form {
    background-color: #232323;
    padding: 60px
}

.prefooter-form .h1 {
    padding-right: 100px;
}

.prefooter-form textarea {
    min-height: 192px;
}

.prefooter-form .wpcf7 p:last-of-type {
    height: 0px;
    margin-bottom: 0px
}

.prefooter-form .wpcf7 .wpcf7-form .ajax-loader {
    position: absolute;
    bottom: -30px;
    left: 15px;
}

.wpcf7 .wpcf7-form input[type="submit"] {
    visibility: hidden;
    height: 0px;
    width: 0px;
    opacity: 0;
    padding: 0;
    margin: 0;
}

.wpcf7 .wpcf7-form .submit-container .button-next+p {
    width: 100%
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: #4C3003;
    border: 0px;
    position: relative;
    border-left: 3px solid #FF9F0A;
    margin: 0px;
    margin-top: 0px;
    margin-top: 30px;
    display: inline-block;
    padding: 15px;
    padding-left: 18px;
}

.wpcf7 .wpcf7-form .ajax-loader {
    margin-left: 0px;
    margin-right: 0px
}

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

.container-logo-horsa {
    padding-top: 4px;
}

.text-logo-horsa-footer {
    margin-right: 10px;
    padding-top: 3px
}

.logo-horsa-footer {
    width: auto;
    height: auto
}

/*MOD SINGLE PORTFOLIO*/

.info-portfolio hr:last-child {
    display: none
}

@keyframes animloader {
    0% {
        box-shadow: 10px 0 rgba(255, 255, 255, 0), 20px 0 rgba(255, 255, 255, 0);
    }

    50% {
        box-shadow: 10px 0 white, 20px 0 rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 10px 0 white, 20px 0 white;
    }
}

/*sector-swiper*/
/*
.container-sector-swiper{ min-height:100vh; flex-wrap: wrap; background: black; position: sticky; top: 0; margin-top: -1px; }
#sector-swiper .swiper-slide{ width:500px; height:auto }
.container-horizontal-sector{ min-height:100svh; overflow-x: hidden; }
*/
/* #horizontal-sector .item-card-sector:first-child { margin-left:30px } */
#horizontal-sector {
    padding-left: 30px
}

#horizontal-sector .item-card-sector {
    min-width: 500px;
    width: 500px;
    height: auto;
    margin-right: 30px
}

.arrow-up-right {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    opacity: 0.5;
    background-repeat: no-repeat;
    transition: 0.6s ease-in-out all;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4 18.5L5 17.1L14.6 7.5H6V5.5H18V17.5H16V8.9L6.4 18.5Z' fill='white'/%3E%3C/svg%3E");
}

.link-sector {
    height: 100%;
    /* background-image:url("img/bg-color-morph.jpg"); background-repeat: repeat; */
    background-color: #232323;
    border-radius: 20px;
    transform: translateZ(0px);
    overflow: hidden
}

.link-sector:hover .arrow-up-right {
    top: 30px;
    right: 30px;
    opacity: 1;
}

.sector-description,
.sector-title {
    transition: 0.5s ease-in-out all;
}

.sector-description {
    opacity: 0.5
}

.sector-description.h-loaded {
    max-height: 0px
}

.bottom-0 {
    bottom: 0;
}

/*
.gradient-video-bottom{ position:absolute; width:100%; height:100%; bottom: 0; background: linear-gradient(to bottom, rgba(35,35,35,0),rgba(35,35,35,1)), url(https://grainy-gradients.vercel.app/noise.svg); }
*/

/*material-swiper*/
#material-swiper .swiper-slide {
    height: 711px;
}

#material-swiper .swiper-slide .swiper-material-content {
    /* height: 0px;  */
    padding-top: 56.94315005%;
    height: 100%;
    position: relative;
    left: 0px;
}

#material-swiper .swiper-slide .swiper-material-content .material-image {
    position: absolute;
    top: 0;
    /* filter:blur(50px); */
    object-fit: cover;
    width: 100%;
    height: 100%
}

#material-swiper .swiper-slide .material-title {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    padding: 30px;
}

#material-swiper .swiper-slide .material-title a {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    gap: 20px;
}

#material-swiper .swiper-slide .swiper-material-content .material-blur {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.60);
    /* background: rgba(0, 0, 0, 0.40); */
}

#material-swiper .swiper-slide .swiper-material-content .material-flex {
    bottom: 0px;
    padding: 30px;
    width: 100%
}

/* #material-swiper .swiper-slide .swiper-material-content .material-desc{ width:60.5% } */
#material-swiper .swiper-slide .swiper-material-content .material-desc {
    width: 100%
}

#material-swiper .swiper-slide .swiper-material-content .material-work {
    width: 39.5%;
    padding-left: 60px
}

#material-swiper .swiper-slide .swiper-material-content .material-work>div {
    border-radius: 13px;
    overflow: hidden;
}

#material-swiper .swiper-slide .swiper-material-content .evidence-label {
    top: 5px;
    left: 5px;
    background: #FFFFFF;
    color: #000000;
    padding: 2px 7px;
    border-radius: 20px;
}

#material-swiper .swiper-slide .swiper-material-content .material-work-title {
    padding: 10px 15px;
    background: #121212;
}

/* 
.offset-xxl-0{ margin-left: 0px; }
*/
body .iubenda-tp-alert-btn:not([data-tp-nostyle]),
body .iubenda-tp-btn:not([data-tp-nostyle]),
body .iubenda-uspr-btn:not([data-tp-nostyle]) {
    display: none !important
}

/*SINGLE BLOG*/
body.single-post .prefooter-form {
    color: #EDEDED
}

/*ANIMATION*/

.line_wrap {
    overflow: hidden;
    position: relative;
    display: block;
}

.line_wrap>div {
    /* display: inline-block; */
    -webkit-transition: -webkit-transform ease-in-out 0.75s;
    transition: -webkit-transform ease-in-out 0.75s;
    -o-transition: transform ease-in-out 0.75s;
    transition: transform ease-in-out 0.75s;
    transition: transform ease-in-out 0.75s, -webkit-transform ease-in-out 0.75s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.in-view.line_wrap>div {
    -webkit-transition: -webkit-transform ease-in-out 0.75s;
    transition: -webkit-transform ease-in-out 0.75s;
    -o-transition: transform ease-in-out 0.75s;
    transition: transform ease-in-out 0.75s;
    transition: transform ease-in-out 0.75s, -webkit-transform ease-in-out 0.75s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.home #cursor-play .container-fluid.abs-t-l {
    z-index: 3;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
#material-swiper .swiper-slide .material-title .btn-icon-container {
    display: none;
}

.wp-mobile .sector-description.h-loaded {
    max-height: unset;
}

#material-swiper .swiper-slide.swiper-slide-active .material-title .btn-icon-container {
    display: block;
}


/*AOS*/
html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translateY(50px) !important;
    transform: translateY(50px) !important;
    opacity: 0 !important;
}

html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    transform: none !important;
    opacity: 1 !important;
}

/*
.container-intro h2 .in-view.line_wrap > div{ -webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s; }
.searchandfilter h4 .in-view.line_wrap > div, .searchandfilter h4 .line_wrap > div{ transition: none; transform: none!important; }
*/

.portfolio-filter-container>.col-12>nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.page-template-service-page .case-studies-label.b-r-text {
    top: unset;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.swiper.portfolio-filter-container {
    margin-left: 30px;
    margin-right: 30px;
}

.swiper-bg {
    height: calc(100% - 100px);
    background-color: #D9D9D9;
    width: 100%;
    margin-top: -30px;
    max-width: calc(100% - 120px);
}

.single-post .swiper-w-auto .swiper-pagination {
    bottom: 0px;
    top: unset;
}

.single-post .swiper-w-auto figcaption {
    padding-top: 10px;
    padding-bottom: 30px;
}

.single-post .swiper-w-auto .swiper-button-prev .btn-circle-container,
.single-post .swiper-w-auto .swiper-button-next .btn-circle-container {
    padding-left: 2px;
    padding-right: 2px;
}

.single-post .swiper-w-auto .swiper-button-next::after,
.single-post .swiper-w-auto .swiper-button-prev::after {
    display: none;
}

.single .container-swiper-w-auto .col-swiper-w-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(66.66667% + 120px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(66.66667% + 120px);
    flex: 0 0 calc(66.66667% + 120px);
    max-width: calc(66.66667% + 120px);
}

.container-prefooter-mio-anemone .container-fluid {
    padding: 0px !important;
}

.horsa-menu-link .nav-link,
#main-nav .horsa-menu-link.d-inline-block {
    width: 16px;
    height: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.8'%3e%3cpath d='M8.01649 13.3294C7.35164 13.3294 6.7224 13.2021 6.12746 12.9554C5.53516 12.7041 5.01739 12.3598 4.57878 11.9206C4.13884 11.4826 3.79256 10.9648 3.54325 10.3712C3.29656 9.7776 3.17058 9.14836 3.17058 8.48285C3.17058 7.81734 3.29656 7.19404 3.54325 6.61097C3.79256 6.02923 4.13884 5.52003 4.57878 5.07812C5.01739 4.63884 5.53516 4.2952 6.12746 4.04588C6.7224 3.7959 7.35164 3.67256 8.01649 3.67256C8.68134 3.67256 9.3053 3.7959 9.88903 4.04588C10.4714 4.2952 10.9793 4.63884 11.4225 5.07812C11.8605 5.51938 12.2041 6.02857 12.4528 6.61097C12.7048 7.1947 12.8274 7.81668 12.8274 8.48285V13.3294H8.01583H8.01649ZM4.91846 1.12396C3.94163 1.53883 3.08748 2.10871 2.35073 2.83424C1.61332 3.55845 1.03883 4.40139 0.62264 5.36437C0.207767 6.32736 0 7.36619 0 8.48285C0 9.59951 0.207767 10.6073 0.62264 11.5809C1.03883 12.5584 1.61332 13.4119 2.35073 14.1493C3.08748 14.886 3.94163 15.4605 4.91846 15.8767C5.88936 16.2916 6.92357 16.5 8.01649 16.5H15.9993V8.48285C15.9993 7.36619 15.7916 6.3267 15.3767 5.36437C14.9598 4.40139 14.39 3.55845 13.6658 2.83424C12.9435 2.10871 12.0986 1.53883 11.1356 1.12396C10.1733 0.707767 9.13249 0.5 8.01649 0.5C6.90049 0.5 5.88936 0.707767 4.91846 1.12396Z' fill='white'/%3e%3c/g%3e%3c/svg%3e");
}

.horsa-menu-link .nav-link:hover,
#main-nav .horsa-menu-link.d-inline-block:hover,
.horsa-menu-link .nav-link:focus,
#main-nav .horsa-menu-link.d-inline-block:focus {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='1'%3e%3cpath d='M8.01649 13.3294C7.35164 13.3294 6.7224 13.2021 6.12746 12.9554C5.53516 12.7041 5.01739 12.3598 4.57878 11.9206C4.13884 11.4826 3.79256 10.9648 3.54325 10.3712C3.29656 9.7776 3.17058 9.14836 3.17058 8.48285C3.17058 7.81734 3.29656 7.19404 3.54325 6.61097C3.79256 6.02923 4.13884 5.52003 4.57878 5.07812C5.01739 4.63884 5.53516 4.2952 6.12746 4.04588C6.7224 3.7959 7.35164 3.67256 8.01649 3.67256C8.68134 3.67256 9.3053 3.7959 9.88903 4.04588C10.4714 4.2952 10.9793 4.63884 11.4225 5.07812C11.8605 5.51938 12.2041 6.02857 12.4528 6.61097C12.7048 7.1947 12.8274 7.81668 12.8274 8.48285V13.3294H8.01583H8.01649ZM4.91846 1.12396C3.94163 1.53883 3.08748 2.10871 2.35073 2.83424C1.61332 3.55845 1.03883 4.40139 0.62264 5.36437C0.207767 6.32736 0 7.36619 0 8.48285C0 9.59951 0.207767 10.6073 0.62264 11.5809C1.03883 12.5584 1.61332 13.4119 2.35073 14.1493C3.08748 14.886 3.94163 15.4605 4.91846 15.8767C5.88936 16.2916 6.92357 16.5 8.01649 16.5H15.9993V8.48285C15.9993 7.36619 15.7916 6.3267 15.3767 5.36437C14.9598 4.40139 14.39 3.55845 13.6658 2.83424C12.9435 2.10871 12.0986 1.53883 11.1356 1.12396C10.1733 0.707767 9.13249 0.5 8.01649 0.5C6.90049 0.5 5.88936 0.707767 4.91846 1.12396Z' fill='white'/%3e%3c/g%3e%3c/svg%3e");
}

.horsa-menu-link .nav-link {
    margin-top: 0px;
    padding: 0px !important;
}

.horsa-menu-link,
.horsa-menu-link .nav-link {
    font-size: 0px !important;
}

.horsa-menu-link .nav-link::after,
.horsa-menu-link .nav-link:hover::after,
.horsa-menu-link .nav-link:focus::after {
    display: none;
}

#wrapper-navbar .menu-item {
    transform: none !important;
    align-items: center;
    display: flex;
}

.blog .horsa-menu-link .nav-link,
.blog #main-nav .horsa-menu-link.d-inline-block {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.8'%3e%3cpath d='M8.01649 13.3294C7.35164 13.3294 6.7224 13.2021 6.12746 12.9554C5.53516 12.7041 5.01739 12.3598 4.57878 11.9206C4.13884 11.4826 3.79256 10.9648 3.54325 10.3712C3.29656 9.7776 3.17058 9.14836 3.17058 8.48285C3.17058 7.81734 3.29656 7.19404 3.54325 6.61097C3.79256 6.02923 4.13884 5.52003 4.57878 5.07812C5.01739 4.63884 5.53516 4.2952 6.12746 4.04588C6.7224 3.7959 7.35164 3.67256 8.01649 3.67256C8.68134 3.67256 9.3053 3.7959 9.88903 4.04588C10.4714 4.2952 10.9793 4.63884 11.4225 5.07812C11.8605 5.51938 12.2041 6.02857 12.4528 6.61097C12.7048 7.1947 12.8274 7.81668 12.8274 8.48285V13.3294H8.01583H8.01649ZM4.91846 1.12396C3.94163 1.53883 3.08748 2.10871 2.35073 2.83424C1.61332 3.55845 1.03883 4.40139 0.62264 5.36437C0.207767 6.32736 0 7.36619 0 8.48285C0 9.59951 0.207767 10.6073 0.62264 11.5809C1.03883 12.5584 1.61332 13.4119 2.35073 14.1493C3.08748 14.886 3.94163 15.4605 4.91846 15.8767C5.88936 16.2916 6.92357 16.5 8.01649 16.5H15.9993V8.48285C15.9993 7.36619 15.7916 6.3267 15.3767 5.36437C14.9598 4.40139 14.39 3.55845 13.6658 2.83424C12.9435 2.10871 12.0986 1.53883 11.1356 1.12396C10.1733 0.707767 9.13249 0.5 8.01649 0.5C6.90049 0.5 5.88936 0.707767 4.91846 1.12396Z' fill='%23121212'/%3e%3c/g%3e%3c/svg%3e");
}

.blog .horsa-menu-link .nav-link:hover,
.blog #main-nav .horsa-menu-link.d-inline-block:hover,
.blog .horsa-menu-link .nav-link:focus,
.blog #main-nav .horsa-menu-link.d-inline-block:focus {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='1'%3e%3cpath d='M8.01649 13.3294C7.35164 13.3294 6.7224 13.2021 6.12746 12.9554C5.53516 12.7041 5.01739 12.3598 4.57878 11.9206C4.13884 11.4826 3.79256 10.9648 3.54325 10.3712C3.29656 9.7776 3.17058 9.14836 3.17058 8.48285C3.17058 7.81734 3.29656 7.19404 3.54325 6.61097C3.79256 6.02923 4.13884 5.52003 4.57878 5.07812C5.01739 4.63884 5.53516 4.2952 6.12746 4.04588C6.7224 3.7959 7.35164 3.67256 8.01649 3.67256C8.68134 3.67256 9.3053 3.7959 9.88903 4.04588C10.4714 4.2952 10.9793 4.63884 11.4225 5.07812C11.8605 5.51938 12.2041 6.02857 12.4528 6.61097C12.7048 7.1947 12.8274 7.81668 12.8274 8.48285V13.3294H8.01583H8.01649ZM4.91846 1.12396C3.94163 1.53883 3.08748 2.10871 2.35073 2.83424C1.61332 3.55845 1.03883 4.40139 0.62264 5.36437C0.207767 6.32736 0 7.36619 0 8.48285C0 9.59951 0.207767 10.6073 0.62264 11.5809C1.03883 12.5584 1.61332 13.4119 2.35073 14.1493C3.08748 14.886 3.94163 15.4605 4.91846 15.8767C5.88936 16.2916 6.92357 16.5 8.01649 16.5H15.9993V8.48285C15.9993 7.36619 15.7916 6.3267 15.3767 5.36437C14.9598 4.40139 14.39 3.55845 13.6658 2.83424C12.9435 2.10871 12.0986 1.53883 11.1356 1.12396C10.1733 0.707767 9.13249 0.5 8.01649 0.5C6.90049 0.5 5.88936 0.707767 4.91846 1.12396Z' fill='%23121212'/%3e%3c/g%3e%3c/svg%3e");
}

/* .blog .navbar-nav .wpml-ls-menu-item .dropdown-menu li .dropdown-item{ background-color: rgba(0,0,0,0.2); }*/
.blog .navbar-nav .wpml-ls-item .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.6);
}

.blog .navbar-nav .wpml-ls-menu-item .dropdown-menu li .dropdown-item:hover {
    background-color: #000;
    color: #FFFFFF;
}

.blog #main-nav .wpml-ls-item.wpml-ls-current-language .nav-link,
.blog #wrapper-navbar .wpml-ls-menu-item.wpml-ls-current-language .nav-link {
    z-index: 1
}

.swiper-w-auto .swiper-button-next,
.swiper-w-auto .swiper-button-prev {
    margin-top: -31px;
    height: 32px;
    width: 32px;
}

.container-intro-blog+.row .bg-white-cream {
    padding-bottom: 1px;
}

.safari-border-bug-fix {
    position: absolute;
    bottom: -1px;
    height: 2px;
    width: calc(100% + 60px);
    background: #F2F2F2;
    left: -30px;
    z-index: 1;
}

#wrapper-navbar .navbar-dark .navbar-nav .menu-item.wpml-ls-menu-item .nav-link::after {
    display: none;
}

.navbar-nav .wpml-ls-menu-item .dropdown-menu {
    background-color: transparent;
    min-width: unset;
    padding: 0px;
    z-index: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.navbar-nav .wpml-ls-menu-item .dropdown-menu.show {
    max-height: 100%;
    height: 100%;
    z-index: 0;
    margin-top: 0px;
    padding-top: 30px
}

.navbar-nav .wpml-ls-menu-item .dropdown-menu li {
    transform: none !important;
    transition: none !important;
}

.navbar-nav .wpml-ls-menu-item .dropdown-menu li .dropdown-item {
    /* background-color: rgba(255,255,255,0.2); */
}

.navbar-nav .wpml-ls-menu-item .dropdown-menu li .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.10);
    color: #FFF;
}

.navbar-nav .wpml-ls-item .dropdown-menu {
    display: block;
    opacity: 1;
    z-index: -1;
    position: absolute;
    top: 0px;
    padding-top: 30px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    height: 0px;
    box-sizing: content-box;
    max-height: 30px;
    width: 30px;
    overflow: hidden;
    transition: 0.3s linear all;
    /* border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; border-top-left-radius: 15px; */
}

#wrapper-navbar>.menu-item.wpml-ls-menu-item .dropdown-toggle {
    z-index: 1;
}

#wrapper-navbar .logo-link {
    display: block;
}

/* .page-template-about-page .gradient-text-fade.init{ transition: all 0.6s linear 0.3s; background: -webkit-linear-gradient(#EDEDED 20%, #121212); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */
.page-template-about-page .collapsable-text a {
    text-decoration: underline;
}

.page-template-about-page .collapsable-text a:hover,
.page-template-about-page .collapsable-text a:focus {
    text-decoration: none;
}

.page-template-about-page .chips-services {
    gap: 20px;
}

.page-template-about-page .chips-services a {
    display: inline-block;
    padding: 8px 20px 10px 20px;
    white-space: nowrap;
    border: 1px solid #FFF;
    border-radius: 30px;
}

.page-template-about-page .chips-services a:hover,
.page-template-about-page .chips-services a:focus {
    background-color: #FFF;
    color: #121212;
}

.page-template-about-page .gradient-text-fade.init .overlay-gradient-text {
    opacity: 1;
    transition: all 0.6s linear 0.3s;
}

.page-template-about-page .overlay-gradient-text {
    opacity: 0;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 40%, rgba(18, 18, 18, 1) 100%);
}

.overlay-gradient-team {
    background: linear-gradient(180deg, rgba(35, 35, 35, 0.00) 0%, rgba(35, 35, 35, 0.00) 50%, #232323 100%);
}

.page-template-about-page .item-team .embed-responsive {
    border-radius: 20px;
}

.container-team-grid .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.container-team-grid .row .col-team {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.menu-wpml-menu-container {
    display: none;
}

.embed-responsive-3by4::before {
    padding-top: 133.3333%;
}

.viewer-wrapper {
    width: 100%;
    position: relative;
}

#about-page-wrapper .viewer-wrapper {
    aspect-ratio: 16 / 9;
    margin-top: -100px;
}

.ascii-container {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}

#about-page-wrapper .ascii-container {
    opacity: 0.9;
}

.ascii-card .p-30 {
    padding-bottom: 10px;
}

.ascii-card .overlay-text {
    background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 1) 50%, rgba(25, 25, 25, 1) 100%);
}

.ascii-card video {
    pointer-events: none;
    object-fit: cover;
}

#nav-genai.sticky-top {
    top: 63px;
}

.logo-mia {
    height: 40px;
    width: auto
}

.object-fit-cover {
    object-fit: cover
}

body.page-template-landing-genai-page,
body.page-template-landing-mia-page {
    padding-top: 0px;
    overflow: unset;
}

.abs-b-c {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.abs-quotation {
    position: absolute;
    left: -40px;
    top: 20px;
    opacity: 1;
    z-index: 11
}

.flex-row-reverse .abs-quotation {
    left: unset;
    right: -40px
}

.prompt {
    transform: translateY(-50%);
}

.prompt-swiper {
    padding: 20px;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(237, 237, 237, 0.60);
    background-color: #232323
}

.image-compare .icv__label {
    background: rgba(0, 0, 0, 0.55);
}

.prompt-swiper .prompt-variation {
    color: #EDEDED;
}

.page-template-landing-genai-page .btn-white,
.page-template-landing-mia-page .btn-white {
    border-radius: 50px;
    background: #EDEDED;
    padding: 9px 20px
}

.page-template-landing-genai-page .btn-white:hover,
.page-template-landing-mia-page .btn-white:hover {
    background: #FFFFFF;
    color: #000000;
    text-decoration: none
}

.gradient-ai-title {
    background: linear-gradient(90deg, #FF95DD 38.5%, #8D3BF6 64.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-ai-subtitle {
    background: linear-gradient(90deg, #FF95DD 0%, #8D3BF6 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-template-landing-genai-page .card-image,
.page-template-landing-mia-page .card-image {
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.page-template-landing-genai-page .card-shadow,
.page-template-landing-mia-page .card-shadow {
    border: 2px solid rgba(141, 59, 246, 0.50);
    box-shadow: 0px 25px 100px 0px #8D3BF6;
}

.page-template-landing-genai-page .navbar,
.page-template-landing-mia-page .navbar {
    padding-left: 0px;
    padding-right: 0px
}

.page-template-landing-genai-page .nav-pills,
.page-template-landing-mia-page .nav-pills {
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.tool-bg {
    margin-top: -120px;
}

.tool-gradient-pattern {
    height: 200px;
    background: linear-gradient(180deg, #121212 0%, rgba(18, 18, 18, 0.00) 100%);
}

.tool-img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}

.bg-tool-gradient {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

.style-original-reference {
    color: #EDEDED;
    gap: 20px;
    padding: 20px;
    width: 360px;
    background: #232323;
    border-radius: 20px;
    transform: translateY(-50%);
}

.style-original-reference img {
    border-radius: 10px
}

@media only screen and (min-width: 1600px) {
    .offset-xxl-1 {
        margin-left: 8.33333%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .col-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }

    .col-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }

    .col-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .col-xxl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media only screen and (max-width: 1599px) {
    .d-xxl-none {
        display: block !important;
    }

    .item-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    #sector-page-wrapper .item-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15% !important;
        flex: 0 0 15% !important;
        max-width: 15%;
    }

    /* 
    .navbar-nav .dropdown-menu li{ width: 50%; }
  */
    .prefooter-newsletter .title-newsletter .h4 {
        max-width: 81%;
    }

    #material-swiper .swiper-slide .swiper-material-content .material-desc.h4 {
        font-size: 22px
    }

    #material-swiper .swiper-slide .swiper-material-content .material-desc {
        width: 55%
    }

    #material-swiper .swiper-slide .swiper-material-content .material-work {
        width: 45%;
        padding-left: 30px;
    }

    .colum-sx-blog,
    .colum-dx-blog,
    .colum-cc-blog {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .colum-cc-blog {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single .colum-cc-blog h1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .colum-dx-blog {
        margin-left: 0px;
    }

    .single .container-swiper-w-auto .col-swiper-w-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(83.33333% + 120px);
        -moz-box-flex: 0;
        -ms-flex: 0 0 calc(83.33333% + 120px);
        flex: 0 0 calc(83.33333% + 120px);
        max-width: calc(83.33333% + 120px);
    }

    .home .container-brands .item-brand:nth-child(9),
    .home .container-brands .item-brand:nth-child(10) {
        display: none !important;
    }

    .container-btn-link {
        min-width: calc(100% + 15px);
    }

}

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

    .page-template-landing-genai-page .h1,
    .page-template-landing-mia-page .h1 {
        font-size: 66px
    }

    .tool-img {
        height: 550px
    }

    .tool-gradient-pattern {
        height: 180px;
    }
}

@media only screen and (max-width: 1300px) {
    #portfolio-page-wrapper .portfolio-filter-container {
        margin-top: 0px;
    }

    #nav-all-tab {
        margin-left: 0px;
    }

    #sector-page-wrapper .item-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20%;
    }

    #material-swiper .swiper-slide .swiper-material-content .material-desc.h4 {
        font-size: 20px
    }

    #material-swiper .swiper-slide .swiper-material-content .material-work {
        width: 50%;
        padding-left: 20px;
    }

    #material-swiper .swiper-slide .swiper-material-content .material-desc {
        width: 50%;
    }

}

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

    h1,
    .biggest,
    .h1 p,
    .page-template-landing-page .h1 {
        font-size: 72px
    }

    .page-template-landing-genai-page .h1,
    .page-template-landing-mia-page .h1 {
        font-size: 60px;
    }

    .page-template-home-page h1,
    #portfolio-page-wrapper h1,
    #portfolio-taxonomy-page-wrapper h1,
    .blog h1,
    h2,
    .h2,
    .single .colum-cc-blog h1,
    .page-template-single-service-page .entry-content p:first-child,
    .page-template-single-service-page-new-test .entry-content p:first-child,
    .page-template-single-sector-page .entry-content p:first-child,
    .page-template-about-page h2 p,
    .h2 p {
        font-size: 44px;
    }

    .page-template-landing-genai-page .h2,
    .page-template-landing-mia-page .h2 {
        font-size: 40px;
    }

    p,
    .p

    /*, .item-team span*/
    ,
    h3,
    .h3,
    .h4,
    /* .navbar-nav .dropdown-menu li, */
    .container-related .swiper-slide span.light,
    .single #single-wrapper .swiper-post p.h4 {
        font-size: 27px;
    }

    body,
    .wpcf7 .wpcf7-form input,
    .wpcf7 .wpcf7-form textarea,
    .wpcf7 p,
    .horizontal-scroll-section .horizontal-scroll-section__content-section:not(.fist-horizontal-scroll-section) span p,
    .contacts-text p,
    .p-text-contact p,
    #single-wrapper p,
    .item-portfolio span,
    #home-carousel .swiper-wrapper .swiper-slide,
    .popup-newsletter p,
    #wrapper-footer p,
    .page-template-about-page .timeline .h3 {
        font-size: 17px;
    }

    .case-studies-label,
    .view-all-label,
    #skip-timeline,
    .navbar-nav .dropdown-menu li.all-application a,
    .read-more-label,
    .small,
    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio,
    .site-footer,
    p#breadcrumbs,
    #breadcrumbs.p,
    .colum-sx-blog,
    .colum-dx-blog,
    #single-wrapper .container-info-text span p,
    .container-info-text span,
    #main-nav .nav-link,
    .wpcf7 .wpcf7-form input[type="submit"],
    #accordion-workspace .card,
    #accordion-workspace .btn,
    .button-workspace,
    .h5,
    .container-intro-related .link-chips,
    .container-related .link-chips,
    .single article .container-fluid:not(.container-related) figcaption,
    .popup-newsletter .small-text,
    .container-por-fse a,
    .wpml-ls-menu-item .dropdown-menu {
        font-size: 14px
    }

    .colum-dx-blog .addtoany_list a {
        font-size: 14px !important;
    }

    .page-template-about-page #Viewer3D h1 {
        font-size: 27px;
    }

    .scrollbar-swiper .swiper-scrollbar {
        width: 50%;
    }

    .page-template-home-page .item-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    #sector-page-wrapper .item-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    .navbar-nav .dropdown-menu {
        padding-left: 30px;
        padding-right: 30px;
    }

    .item-sector .arrow-right-sector {
        width: 61px;
        height: 61px;
    }

    .prefooter-newsletter {
        padding: 40px 50px;
    }

    .popup-newsletter .inner-popup {
        padding: 40px;
    }

    .prefooter-newsletter .title-newsletter .h4 {
        max-width: 90%;
        padding-right: 15px;
    }

    .page-template-landing-page .m-b-160,
    .m-b-xl-120 {
        margin-bottom: 120px;
    }

    .p-l-r-lg-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .p-r-lg-20 {
        padding-right: 20px;
    }

    .p-l-lg-20 {
        padding-left: 20px;
    }

    .p-l-lg-20 {
        padding-left: 0px;
    }

    .m-b-lg-15 {
        margin-bottom: 15px;
    }

    .p-l-lg-15 {
        padding-left: 15px;
    }

    .p-r-lg-15 {
        padding-right: 15px;
    }

    .m-b-lg-30 {
        margin-bottom: 30px;
    }

    .m-b-lg-50 {
        margin-bottom: 50px;
    }

    .no-padding-lg {
        padding-left: 0px;
        padding-right: 0px;
    }

    .loader::after {
        bottom: 10px;
    }

    .links-social-footer {
        column-count: unset;
        column-count: unset
    }

    .text-logo-horsa-footer {
        margin-right: 9px
    }

    .logo-horsa-footer {
        height: 17px
    }

    #material-swiper .swiper-slide .swiper-material-content .material-desc {
        width: 100%
    }

    #material-swiper .swiper-slide .swiper-material-content .material-work {
        display: none
    }

    .swiper.portfolio-filter-container {
        margin-left: 30px;
        margin-right: 0px;
    }

    #wrapper-footer .site-info {
        margin-bottom: 30px;
    }

    .tool-img {
        height: 500px
    }

    .tool-gradient-pattern {
        height: 160px;
    }

    .container-services .row,
    .row.row-services {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    .container-services .row .col-services,
    .row.row-services .col-services {
        padding-left: 7.5px;
        padding-right: 7.5px;
        margin-bottom: 15px;
    }

    .team-img {
        width: 80px;
        height: 80px;
    }

    .card-team .m-r-25.button-arrow-link {
        margin-right: 10px;
    }

}

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

    h1,
    .biggest,
    .h1 p,
    .page-template-landing-page .h1 {
        font-size: 67px
    }

    .page-template-landing-genai-page .h1,
    .page-template-landing-mia-page .h1 {
        font-size: 56px;
    }

    .page-template-home-page h1,
    #portfolio-page-wrapper h1,
    #portfolio-taxonomy-page-wrapper h1,
    .blog h1,
    h2,
    .h2,
    .single .colum-cc-blog h1,
    .page-template-single-service-page .entry-content p:first-child,
    .page-template-single-service-page-new-test .entry-content p:first-child,
    .page-template-single-sector-page .entry-content p:first-child,
    .page-template-about-page h2 p,
    .prefooter-form .h1 p,
    .h2 p {
        font-size: 42px;
    }

    .page-template-landing-genai-page .h2,
    .page-template-landing-mia-page .h2 {
        font-size: 38px;
    }

    .page-template-landing-genai-page .h3,
    .page-template-landing-mia-page .h3 {
        font-size: 32px;
    }

    .page-template-landing-genai-page .h4,
    .page-template-landing-mia-page .h4 {
        font-size: 28px;
    }

    p,
    .p

    /*, .item-team span*/
    ,
    h3,
    .h3,
    .h4,
    /* .navbar-nav .dropdown-menu li, */
    .container-related .swiper-slide span.light,
    .page-template-single-sector-service-page .entry-content p,
    .single #single-wrapper .swiper-post p.h4 {
        font-size: 25px;
    }

    .page-template-landing-genai-page .h5,
    .page-template-landing-mia-page .h5,
    .page-template-about-page .timeline .h3 {
        font-size: 18px;
    }

    body,
    .wpcf7 .wpcf7-form input,
    .wpcf7 .wpcf7-form textarea,
    .wpcf7 p,
    .horizontal-scroll-section .horizontal-scroll-section__content-section:not(.fist-horizontal-scroll-section) span p,
    .contacts-text p,
    .p-text-contact p,
    #single-wrapper p,
    .item-portfolio span,
    #home-carousel .swiper-wrapper .swiper-slide,
    .popup-newsletter p,
    #bando-page-wrapper p,
    #wrapper-footer p,
    .page-template-landing-genai-page h1 .p,
    .page-template-landing-mia-page h1 .p,
    .page-template-landing-genai-page p,
    .page-template-landing-mia-page p {
        font-size: 16px;
    }

    .case-studies-label,
    .view-all-label,
    #skip-timeline,
    .navbar-nav .dropdown-menu li.all-application a,
    .read-more-label,
    .small,
    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio,
    .site-footer,
    p#breadcrumbs,
    #breadcrumbs.p,
    .colum-sx-blog,
    .colum-dx-blog,
    #single-wrapper .container-info-text span p,
    .container-info-text span,
    #main-nav .nav-link,
    .wpcf7 .wpcf7-form input[type="submit"],
    #accordion-workspace .card,
    #accordion-workspace .btn,
    .button-workspace,
    .h5,
    .container-intro-related .link-chips,
    .container-related .link-chips,
    .single article .container-fluid:not(.container-related) figcaption,
    .popup-newsletter .small-text,
    .container-por-fse a

    /* , .wpml-ls-menu-item .dropdown-menu*/
        {
        font-size: 13px
    }

    .colum-dx-blog .addtoany_list a,
    .btn-link {
        font-size: 13px !important;
    }

    .scrollbar-swiper .swiper-scrollbar {
        display: none;
    }

    .scrollbar-swiper .swiper-wrapper {
        padding-bottom: 60px;
    }

    .page-template-home-page .item-brand {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25%;
    }

    .page-template-brands-page .item-brand {
        -ms-flex: 0 0 33.3334% !important;
        flex: 0 0 33.3334% !important;
        max-width: 33.3334%;
    }

    #wrapper-footer>.container-fluid>.m-b-70 {
        margin-bottom: 0px;
    }

    #wrapper-footer hr {
        margin-top: 30px;
    }

    #wrapper-footer #colophon hr {
        margin-top: 0px;
    }

    #wrapper-footer .site-social a {
        margin-top: 8px;
    }

    #wrapper-footer .site-social .m-t-8 a {
        margin-top: 0px;
    }

    .navbar-nav .dropdown-applications .dropdown-menu {
        padding-bottom: 260px;
    }

    /*.navbar-nav .dropdown-applications .dropdown-menu li.all-application{ position: absolute;bottom: 10px;left: 30px;margin-bottom: 0px; }*/

    /* .navbar-nav .dropdown-menu li{ margin-bottom: 15px; } */
    /* .navbar-nav .dropdown-applications .dropdown-menu li{ margin-bottom: 15px; } */
    .site-info {
        margin-bottom: 30px;
    }

    #wrapper-footer .h2.underline {
        margin-bottom: 60px;
    }

    .horizontal-scroll-section__content-section {
        min-width: 66.66668vw;
        max-width: 66.66668vw;
    }

    .br-t-20,
    #home-carousel .swiper-wrapper .swiper-slide img,
    .page-template-single-service-page .swiper-wrapper .swiper-slide img,
    .page-template-single-sector-page .swiper-wrapper .swiper-slide img,
    .item-portfolio img {
        border-radius: 15px 15px 0px 0px;
    }

    .br-all-20,
    .swiper-post .swiper-wrapper .swiper-slide img,
    .item-blog figure,
    #nav-services .item-portfolio img,
    #nav-applications .item-portfolio img,
    .item-blog figure {
        border-radius: 15px
    }

    .item-sector .arrow-right-sector {
        width: 56px;
        height: 56px;
    }

    #contact-page-wrapper h1.m-b-90,
    #contact-page-wrapper h2.m-b-90 {
        margin-bottom: 60px;
    }

    #contact-page-wrapper #contact-form {
        margin-top: 90px;
    }

    #container-prefooter-newsletter .col-12.m-t-120 {
        margin-top: 60px;
    }

    .popup-newsletter {
        width: calc(100% - 60px);
    }

    .prefooter-newsletter {
        padding: 40px;
    }

    .back-to-top {
        margin-top: 0px;
    }

    .m-l-md-15 {
        margin-left: 15px
    }

    .no-margin-md {
        margin-left: 0px;
        margin-right: 0px;
    }

    .no-paddig-md {
        padding-left: 0px;
        padding-right: 0px;
    }

    .page-template-landing-page .m-b-120 {
        margin-bottom: 80px;
    }

    .p-r-md-15 {
        padding-right: 15px;
    }

    .p-l-md-15 {
        padding-left: 15px;
    }

    .m-b-md-15 {
        margin-bottom: 15px;
    }

    .m-b-md-30 {
        margin-bottom: 30px;
    }

    .container-btn-read-more.m-t-60,
    .container-btn-read-more .btn-read-less.m-t-60 {
        margin-top: 30px
    }

    .container-btn-read-more .btn-read-more.m-b-60,
    .container-btn-read-more .btn-read-less.m-b-60 {
        margin-bottom: 30px
    }

    #single-sector-service-page-wrapper .collapsable-text>.row.m-b-30 {
        margin-bottom: 0px;
    }

    #single-sector-service-page-wrapper .collapsable-text-container {
        margin-bottom: 30px
    }

    #single-sector-service-page-wrapper .collapsable-text .list-content {
        margin-top: 50px;
        margin-bottom: 20px
    }

    .container-fluid.p-md-15,
    .p-md-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .m-md--15 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .page-template-landing-page .m-b-160 {
        margin-bottom: 80px;
    }

    .no-margin-md {
        margin-left: 0px;
        margin-right: 0px;
    }

    .container-fluid.no-padding-md,
    .no-padding-md {
        padding-left: 0px;
        padding-right: 0px;
    }

    .border-viewer {
        border-width: 30px;
    }

    .container-viewer.active .contoller-viewer {
        top: 0;
        left: 0;
        margin-bottom: 15px;
    }

    .col-prod-conf {
        margin: 0 auto;
        max-width: unset;
        flex-basis: 0px;
    }

    .col-ar-exit {
        margin-top: 15px;
        margin-left: auto;
        margin-right: 15px;
        flex-basis: 0px;
    }

    .container-ar-viewer.m-r-30 {
        margin-right: 15px;
    }

    .arMenu {
        bottom: unset;
        top: 0;
    }

    .item-finish {
        width: 38px;
        height: 38px;
        margin-left: 8px;
        margin-right: 8px
    }

    .item-finish img {
        width: 30px;
        height: 30px;
    }

    .logo-horsa-footer {
        height: 12px;
    }

    .text-logo-horsa-footer {
        margin-right: 7px;
        padding-top: 0px
    }

    .metaverse-member {
        max-width: 190px;
    }

    .prefooter-form {
        padding: 50px
    }

    .page-template-brands-page .item-brand {
        -ms-flex: 0 0 33.3334% !important;
        flex: 0 0 33.3334% !important;
        max-width: 33.3334%;
    }

    .page-template-home-page .container-brands .item-brand {
        padding: 15px 45px;
    }

    .container-intro-works.has-more-text .container-nav-works {
        margin-top: 0px;
    }

    #single-sector-service-page-wrapper #nav-tab-portfolio .nav-link.ml-auto {
        margin-left: 0px !important
    }

    .info-portfolio {
        padding-top: 15px;
    }

    .single-portfolio #content .h3 {
        padding-bottom: 30px;
    }

    .container-prefooter-mio-anemone .container-prefooter {
        margin-bottom: 30px;
    }

    .abs-quotation {
        position: relative;
        margin-bottom: -60px;
        top: unset;
        transform: unset;
        left: 0
    }

    /* .abs-quotation + .card-image{ padding-top:60px }*/
    .tool-gradient-pattern {
        height: 130px;
    }

    .tool-bg {
        margin-top: -100px
    }

    .style-original-reference {
        transform: translateY(-40%);
    }

    .container-prefooter-mio-anemone>.row>.col-12:last-child>.m-t-200 {
        margin-top: 0px;
    }

    .timeline-contents .swiper-slide {
        min-height: 350px;
    }

}

@media only screen and (min-width: 991px) {
    #home-carousel .swiper-wrapper .swiper-slide {
        width: calc(30% - 20px) !important;
        /* width: 25%!important*/
    }

    #home-carousel .swiper-wrapper .swiper-slide:nth-child(1),
    #home-carousel .swiper-wrapper .swiper-slide:nth-child(3n + 4) {
        width: calc(40% - 20px) !important;
        /* width:50%!important */
    }

    #navbarNavDropdown #main-menu {
        column-gap: 2px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 991.98px) {
    #home-carousel .swiper-wrapper .swiper-slide:nth-child(odd) {
        width: calc(65% - 10px) !important;
        /* width:50%!important */
    }

    #home-carousel .swiper-wrapper .swiper-slide {
        width: calc(35% - 10px) !important;
    }
}

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

    h1,
    .h1 p {
        font-size: 63px
    }

    .page-template-landing-genai-page .h1,
    .page-template-landing-mia-page .h1 {
        font-size: 50px
    }

    .biggest,
    .page-template-home-page h1,
    #portfolio-page-wrapper h1,
    #portfolio-taxonomy-page-wrapper h1,
    .blog h1,
    h2,
    .h2,
    .single .colum-cc-blog h1,
    .page-template-single-service-page .entry-content p:first-child,
    .page-template-single-service-page-new-test .entry-content p:first-child,
    .page-template-single-sector-page .entry-content p:first-child,
    .page-template-about-page h2 p,
    .page-template-landing-page .h1,
    .prefooter-form .h1 p,
    .h2 p,
    .page-template-landing-genai-page .h2,
    .page-template-landing-mia-page .h2 {
        font-size: 36px
    }

    .page-template-landing-genai-page .h3,
    .page-template-landing-mia-page .h3,
    .page-template-about-page h1 {
        font-size: 30px
    }

    .page-template-landing-genai-page .h4,
    .page-template-landing-mia-page .h4 {
        font-size: 26px
    }

    p,
    .p

    /*, .item-team span*/
    ,
    h3,
    .h3,
    .h4,
    #main-nav .nav-link,
    /* .navbar-nav .dropdown-menu li,*/
    .container-related .swiper-slide span.light,
    .page-template-single-sector-service-page .entry-content p,
    .single #single-wrapper .swiper-post p.h4 {
        font-size: 24px;
    }

    .page-template-landing-genai-page .h5,
    .page-template-landing-mia-page .h5 {
        font-size: 17px
    }

    .list-content p,
    .page-template-single-sector-service-page .entry-content .list-content p,
    .page-template-about-page .timeline .h3 {
        font-size: 16px;
    }

    body,
    .wpcf7 .wpcf7-form input,
    .wpcf7 .wpcf7-form textarea,
    .wpcf7 p,
    .horizontal-scroll-section .horizontal-scroll-section__content-section:not(.fist-horizontal-scroll-section) span p,
    .contacts-text p,
    .p-text-contact p,
    #single-wrapper p,
    .item-portfolio span,
    #home-carousel .swiper-wrapper .swiper-slide,
    .mobile-menu-label,
    .popup-newsletter p,
    #bando-page-wrapper p,
    #wrapper-footer p,
    .page-template-landing-genai-page h1 .p,
    .page-template-landing-mia-page h1 .p,
    .page-template-landing-genai-page p,
    .page-template-landing-mia-page p {
        font-size: 15px;
    }

    .case-studies-label,
    .view-all-label,
    .navbar-nav .dropdown-menu li.all-application a,
    .read-more-label,
    .small,
    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio,
    .site-footer,
    p#breadcrumbs,
    #breadcrumbs.p,
    .colum-sx-blog,
    .colum-dx-blog,
    #single-wrapper .container-info-text span p,
    .container-info-text span,
    .wpcf7 .wpcf7-form input[type="submit"],
    #accordion-workspace .card,
    #accordion-workspace .btn,
    .button-workspace,
    .h5,
    .container-intro-related .link-chips,
    .container-related .link-chips,
    .single article .container-fluid:not(.container-related) figcaption,
    .container-por-fse a

    /*, .wpml-ls-menu-item .dropdown-menu */
        {
        font-size: 12px
    }

    .colum-dx-blog .addtoany_list a {
        font-size: 12px !important;
    }

    .hidden-mobile {
        display: none;
    }

    .hidden-desktop {
        display: block;
    }

    body {
        padding-top: 90px;
    }

    /* #breadcrumbs{ padding-top: 5px; padding-bottom: 5px; } */
    .wrapper.m-t-30,
    .post-type-archive-portfolio .wrapper {
        margin-top: 10px;
    }

    #contact-page-wrapper.wrapper,
    #single-portfolio-wrapper.wrapper,
    #single-wrapper {
        margin-top: 0px;
    }

    #wrapper-footer.wrapper.m-t-30 {
        margin-top: 30px;
    }

    #main-nav.navbar,
    .prefooter,
    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio {
        padding: 20px;
    }

    .container-fluid,
    .container,
    .p-lr-30,
    .container-intro-portfolio,
    .container-intro-blog {
        padding-right: 20px;
        padding-left: 20px;
    }

    #horizontal-sector {
        padding-left: 20px
    }

    #horizontal-sector .item-card-sector {
        margin-right: 20px
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-left: 10px;
        padding-right: 10px
    }

    .row {
        margin-right: -10px;
        margin-left: -10px
    }

    .no-margin {
        margin-left: 0px;
        margin-right: 0px;
    }

    .no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    /* .p-text-contact{ padding-right: 15px; padding-left: 15px; } */
    .fullscreen-swiper {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .m-l-30 {
        margin-left: 15px;
    }

    .container-fluid.no-padding,
    .no-padding-mobile {
        padding-left: 0px;
        padding-right: 0px;
    }

    #main-nav .logo svg,
    .navbar-toggler-icon,
    .navbar-dark .navbar-toggler-icon,
    .navbar-toggler-icon.collapsed,
    .navbar-dark .navbar-toggler-icon.collapsed {
        width: 44px;
        height: 44px;
    }

    .back-to-top,
    .back-to-top svg,
    .page-link,
    .page-item.active .page-link,
    .page-numbers,
    .page-numbers.current {
        width: 50px;
        height: 50px;
    }

    .navbar-toggler,
    .navbar-dark .navbar-toggler {
        border: 0px;
        padding: 0px;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .navbar-toggler .navbar-toggler-icon,
    .navbar-toggler .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3e%3cpath style='fill: %23fff;' d='M32,17H12v1.5h20v-1.5Z'/%3e%3cpath style='fill: %23fff;' d='M32,25.5H12v1.5h20v-1.5Z'/%3e%3c/svg%3e");
    }

    .navbar-toggler.close-menu .navbar-toggler-icon,
    .navbar-toggler.close-menu .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3e%3cpolygon style='fill: %23fff;' points='28.89 27.57 23.19 21.87 28.54 16.52 27.48 15.46 22.13 20.81 16.87 15.55 15.81 16.61 21.07 21.87 15.46 27.48 16.52 28.54 22.13 22.93 27.83 28.63 28.89 27.57'/%3e%3c/svg%3e");
    }

    #navbarNavDropdown:not(.wpml-menu) {
        /* background-color: #FFFFFF; */
        box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.20);
        overflow: hidden;
        /* position: fixed; */
        position: static;
        top: 49px;
        left: 0;
        right: 0;
        width: 100%;
        height: auto;
        max-height: 0px;
        -webkit-transition: max-height 0.35s ease-out;
        -o-transition: max-height 0.35s ease-out;
        transition: max-height 0.35s ease-out;
    }

    #navbarNavDropdown.show {
        -webkit-transition: max-height 0.35s ease-out;
        -o-transition: max-height 0.35s ease-out;
        transition: max-height 0.35s ease-out;
    }

    #navbarNavDropdown #main-menu,
    #main-nav #navbarNavDropdownWpml #wpml-menu {
        position: relative;
        padding: 2px;
        background-color: #FFFFFF90;
        /*
        -webkit-backdrop-filter: blur(50px);
        backdrop-filter: blur(50px);
        */
        border-radius: 7px;
    }

    #main-nav #navbarNavDropdownWpml #wpml-menu {
        flex-direction: row;
    }

    #main-nav .logo {
        margin-left: 10px;
        padding: 0px;
    }

    #navbarNavDropdown,
    #navbarNavDropdown.collapsing,
    #navbarNavDropdown.collapse:not(.show) {
        display: block !important;
    }

    .mobile-menu-label {
        padding: 32px 65px 21px 15px;
        position: relative;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    .mobile-menu-label {
        padding: 10px 15px;
    }

    /* #main-nav .wpml-ls-item.wpml-ls-current-language .nav-link{ margin-left: 15px; } */
    #main-menu .menu-item.ml-auto {
        margin-left: 0px !important;
    }

    /* .wpml-ls-first-item{ margin-top: auto!important; margin-bottom: 15px; }*/
    #main-nav .nav-link,
    #main-menu .menu-item {
        padding: 0px;
    }

    /*
  #main-menu .wpml-ls-item.wpml-ls-first-item .nav-link{ margin-left: 15px; }
  */
    .wpml-ls-item .nav-link,
    .wpml-ls-item .dropdown-item,
    #wpml-menu .wpml-ls-item .nav-link {
        font-size: 16px;
    }

    .wpml-ls-item.wpml-ls-last-item {
        width: 27px;
        position: absolute;
        bottom: 15px;
        left: 42px;
    }

    .wpml-ls-item.wpml-ls-last-item .nav-link {
        margin-left: 0px;
    }

    #wrapper-navbar .menu-item {
        display: block;
    }

    /* 
  .navbar-nav .wpml-ls-item .dropdown-menu{ transition: none; width:auto; position:relative; top:unset; left:unset; display:flex; padding-top:0px; max-height:unset; margin-left:-30px; padding-left:30px }
  #wrapper-navbar  .menu-item.wpml-ls-item{ display:flex; flex-wrap:wrap; padding-left:15px; padding-right:15px; }
  .navbar-nav .menu-item.wpml-ls-item .dropdown-menu li{ opacity:1 }
  */

    #wrapper-navbar .dropdown-menu .menu-item.wpml-ls-item {
        padding-left: 0px;
        padding-right: 0px
    }

    #wrapper-navbar .wpml-ls-item .mobile-menu-label {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    #wrapper-navbar .menu-item.wpml-ls-menu-item {
        left: unset;
        bottom: unset;
        position: relative;
        width: 100%;
    }

    #main-nav .nav-link,
    .navbar-nav .dropdown-menu li .dropdown-item,
    #main-menu .menu-item .nav-link {
        display: block;
        padding: 8px 10px;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
        background-color: transparent;
        color: #121212;
    }

    .navbar-dark .navbar-nav .active>.nav-link,
    .navbar-dark .navbar-nav .show>.nav-link {
        background-color: #F2F2F2;
    }

    .navbar-dark .navbar-nav .nav-link::after,
    .navbar-nav .dropdown-menu li:not(.all-application) .dropdown-item::after {
        display: block;
        height: 1px;
        width: calc(100% - 30px);
        left: 15px;
        bottom: 0px;
        top: auto;
        transition: none;
    }

    .navbar-dark .navbar-nav .active>.nav-link::after,
    .navbar-dark .navbar-nav .nav-link.active::after,
    .navbar-dark .navbar-nav .nav-link.show::after,
    .navbar-dark .navbar-nav .nav-link:hover::after {
        width: calc(100% - 30px);
        left: 15px;
    }

    .navbar-nav .dropdown-menu li:not(.all-application) .dropdown-item::after,
    .blog .navbar-dark .navbar-nav .nav-link::after {
        transform: none;
        transform-origin: center;
        background-color: rgba(255, 255, 255, 0.2);
        border: none;
    }

    .blog .navbar-dark .navbar-nav .nav-link,
    .blog .navbar-dark .navbar-nav .nav-link:hover,
    .blog .navbar-dark .navbar-nav .show>.nav-link,
    body.single-post #navbarNavDropdown {
        color: #EDEDED;
    }

    .blog #main-nav .wpml-ls-item.wpml-ls-current-language .nav-link {
        color: #FFFFFF;
        background-color: #000000;
    }

    .blog .navbar-dark .navbar-nav .active>.nav-link,
    .blog .navbar-dark .navbar-nav .nav-link.active,
    .blog .navbar-dark .navbar-nav .nav-link.show {
        background-color: transparent;
    }

    .mobile-menu-title-inside::before,
    #main-nav .nav-link.dropdown-toggle::before {
        content: '';
        display: block;
        position: absolute;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .mobile-menu-title-inside::before {
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath d='M9,15l1.06-1.06L5.87,9.75H15V8.25H5.87l4.19-4.19L9,3,3,9Z' style='fill:%23ededed'/%3e%3c/svg%3e");
    }

    #main-nav .menu-item:not(.wpml-ls-menu-item) .nav-link.dropdown-toggle::before {
        top: 10px;
        right: 15px;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M12,4,10.59,5.41,16.17,11H4v2H16.17l-5.58,5.59L12,20l8-8Z' style='fill:%23ededed'/%3e%3c/svg%3e");
    }

    .navbar-nav .dropdown-menu {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0px;
        /*padding-left: 15px;padding-right: 15px;*/
        z-index: 2;
    }

    .mobile-menu-title-inside::before {
        position: relative;
        display: inline-block;
    }

    .navbar-nav .dropdown-menu .mobile-menu-title-inside {
        padding-left: 15px;
        padding-right: 50px;
    }

    .navbar-nav .dropdown-menu li

    /*, .navbar-nav .dropdown-applications .dropdown-menu li*/
        {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 0px;
    }

    .navbar-nav .dropdown-menu li .dropdown-item::before {
        display: none;
    }

    .navbar-nav .dropdown-applications .dropdown-menu {
        display: flex !important;
        flex-direction: column;
    }

    /*.navbar-nav .dropdown-applications .dropdown-menu li.all-application{ order: 7; float: none; position: relative; bottom: unset; left: unset; }*/
    .navbar-nav .dropdown-menu li.all-application a {
        width: auto;
        height: auto;
        padding-top: 0px;
        border-radius: 0px;
        border: 0px;
    }

    .mobile-menu-title-inside span:first-child {
        vertical-align: top;
        margin-top: 2px;
        margin-left: 10px;
        display: inline-block;
    }

    .navbar-nav .dropdown-menu li.all-application a {
        padding: 0px;
        margin-top: 20px;
        margin-left: 15px;
    }

    .all-application svg {
        display: none;
    }

    /* 
    .navbar-nav .dropdown-menu{ max-height: 100vh; max-height: calc(var(--vh, 1vh) * 100); overflow-y: auto; -webkit-transform: translate(100%,0);-ms-transform: translate(100%,0);transform: translate(100%,0); }
    .navbar-nav .dropdown-menu.show{ -webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0); }
  */

    #main-menu li:not(.wpml-ls-menu-item) {
        opacity: 0;
        /*margin-top:50px;*/
        margin-top: 15px;
        transform: none;
        -webkit-transition: opacity 0s linear 0.3s, margin 0s linear 0.3s;
        -moz-transition: opacity 0s linear 0.3s, margin 0s linear 0.3s;
        -o-transition: opacity 0s linear 0.3s, margin 0s linear 0.3s;
        transition: opacity 0s linear 0.3s, margin 0s linear 0.3s;
    }

    .show #main-menu li {
        opacity: 1;
        margin-top: 0px;
        transform: none;
    }

    .show #main-menu li:not(.wpml-ls-menu-item) {
        -webkit-transition: margin 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s, opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s;
        transition: margin 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s, opacity 0.65s cubic-bezier(0.07, 0.34, 0.15, 1) 0.2s;
        transition-delay: 0.2s, 0.2s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(1) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(2) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(3) {
        -webkit-transition-delay: .25s;
        transition-delay: .25s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(4) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(5) {
        -webkit-transition-delay: .35s;
        transition-delay: .35s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(6) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(7) {
        -webkit-transition-delay: .45s;
        transition-delay: .45s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(8) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(9) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(10) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(11) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(12) {
        -webkit-transition-delay: .7s;
        transition-delay: 7s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(13) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s;
    }

    .show #main-menu li:not(.wpml-ls-menu-item):nth-child(14) {
        -webkit-transition-delay: .8s;
        transition-delay: 8s;
    }

    #wpml-menu .wpml-ls-menu-item {
        opacity: 0;
        transition: opacity 0s linear 0.3s;
    }

    .show #wpml-menu .wpml-ls-menu-item {
        opacity: 1;
    }

    .show #wpml-menu .wpml-ls-menu-item:nth-child(1) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }

    .show #wpml-menu .wpml-ls-menu-item:nth-child(2) {
        -webkit-transition-delay: .45s;
        transition-delay: .45s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(2) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(3) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(4) {
        -webkit-transition-delay: .25s;
        transition-delay: .25s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(5) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(6) {
        -webkit-transition-delay: .35s;
        transition-delay: .35s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(7) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(8) {
        -webkit-transition-delay: .45s;
        transition-delay: .45s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(9) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(10) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(11) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(12) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(13) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
    }

    .navbar-nav .dropdown-menu.show li:nth-child(14) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(2) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(3) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(4) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(5) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(6) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(7) {
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(8) {
        -webkit-transition-delay: .85s;
        transition-delay: .85s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(9) {
        -webkit-transition-delay: .9s;
        transition-delay: .9s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(10) {
        -webkit-transition-delay: .95s;
        transition-delay: .95s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(11) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(12) {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(13) {
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s;
    }

    .navbar-nav .dropdown-menu.show-delay li:nth-child(14) {
        -webkit-transition-delay: 1.15s;
        transition-delay: 1.15s;
    }

    /*
    .navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(2){ -webkit-transition-delay: .4s; transition-delay: .4s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(3){ -webkit-transition-delay: .15s; transition-delay: .15s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(4){ -webkit-transition-delay: .2s; transition-delay: .2s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(5){ -webkit-transition-delay: .25s; transition-delay: .25s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(6){ -webkit-transition-delay: .3s; transition-delay: .3s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show li:nth-child(7){ -webkit-transition-delay: .35s; transition-delay: .35s; }

    .navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(2){ -webkit-transition-delay: .8s; transition-delay: .8s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(3){ -webkit-transition-delay: .55s; transition-delay: .55s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(4){ -webkit-transition-delay: .6s; transition-delay: .6s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(5){ -webkit-transition-delay: .65s; transition-delay: .65s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(6){ -webkit-transition-delay: .7s; transition-delay: .7s; }
    .navbar-nav .dropdown-applications .dropdown-menu.show-delay li:nth-child(7){ -webkit-transition-delay: .75s; transition-delay: .75s; }
*/
    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio {
        padding: 15px 15px 12px 15px;
        /* margin-right: 5px; */
    }

    .filter-item-team::after,
    .filter-item-brand::after,
    .filter-item-portfolio::after {
        width: calc(100% - 30px);
        left: 15px;
        height: 2px;
    }

    /* .item-brand {  -ms-flex: 0 0 33.3334% !important; flex: 0 0 33.3334% !important; max-width: 33.3334%; } */
    .page-template-brands-page .item-brand {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50%;
    }

    .page-template-home-page .item-brand {
        -ms-flex: 0 0 33.33334% !important;
        flex: 0 0 33.33334% !important;
        max-width: 33.33334%;
    }

    #nav-tab-portfolio {
        padding-top: 5px;
    }

    #works-page-wrapper .entry-header,
    #page-template-service-page .entry-header,
    #sector-page-wrapper .entry-header {
        padding-right: 0px
    }

    #nav-tab-portfolio.nav-tabs {
        /* width: 100vw; */
        margin-left: -15px;
        margin-left: -15px;
    }

    .col-image-team {
        max-width: 85px;
    }

    .col-image-team .container-image-team {
        width: 70px;
        height: 70px;
        display: block;
        border-radius: 100%;
    }

    .page-template-about-page .cursor-circle {
        display: none !important
    }

    .item-team,
    .item-sector {
        transition: none;
    }

    .item-team:hover,
    .item-sector:hover {
        background-image: unset;
        transition: none;
    }

    .item-team:hover .item-team-name,
    .item-sector:hover .item-sector-title {
        padding-left: 0px;
        padding-right: 0px !important;
    }

    /* .item-team-name, .item-sector-title{ padding-left: 0px; padding-right: 0px!important; }
    .item-team-role{ padding-left: 0px!important; }
    .item-team > .row{ height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; }
     */
    .container-case-studies .view-all-label,
    .case-studies-label.b-r-text,
    .portfolio-filter-container .b-r-text {
        top: 17px;
        right: 0px;
        width: auto;
        height: auto;
        padding: 10px 15px;
        border-radius: 0px;
        border: 0px;
    }

    .container-case-studies .view-all-label svg,
    .case-studies-label.b-r-text svg,
    .portfolio-filter-container .b-r-text svg {
        display: none;
    }

    #portfolio-taxonomy-page-wrapper .b-r-text {
        top: -21px;
        right: 0px;
    }

    #wrapper-footer hr,
    .single-portfolio #content .grid.m-t-90 {
        margin-top: 30px;
    }

    #portfolio-taxonomy-page-wrapper .container-fluid.m-b-90 {
        margin-bottom: 30px;
    }

    .page-template-single-service-page .entry-title,
    .page-template-single-sector-page .entry-title,
    .container-intro-portfolio h1 {
        white-space: normal;
        -moz-hyphens: none;
        -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
        /*word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;*/
    }

    #cursor-play .vh-100 {
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #cursor-play #btn-fullscreen>.bg-cover>span:not(.loader) {
        font-size: 0px;
        color: transparent;
        width: 66px !important;
        height: 66px;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 66'%3e%3ccircle cx='33' cy='33' r='33' style='fill:%23fff'/%3e%3cpath d='M39,33,29,39V27Z'/%3e%3c/svg%3e");
    }

    #cursor-play #btn-fullscreen span.loader.d-none {
        display: inline-block !important;
        font-size: 0px;
        color: transparent;
        width: 66px !important;
        height: 66px;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 66'%3e%3ccircle cx='33' cy='33' r='33' style='fill:%23fff'/%3e%3cpath d='M39,33,29,39V27Z'/%3e%3c/svg%3e");
    }

    #cursor-play #btn-fullscreen span.loader.d-none::after {
        display: none;
    }

    /* .single-portfolio #cursor-play::after{ content: ''; display: block; padding-bottom: 56.33802817%; } */

    .wpcf7 .wpcf7-form input,
    .wpcf7 .wpcf7-form textarea,
    .select-items div,
    .select-selected {
        padding: 10px;
    }

    .select-selected::after {
        top: 15px;
    }

    .wpcf7 .wpcf7-form textarea {
        height: 165px;
    }

    .wpcf7 .wpcf7-form input[type="submit"] {
        margin-top: 20px;
        width: 60px;
        height: 60px;
        padding: 7px;
    }

    .item-brand.p-b-60 {
        padding-bottom: 40px;
    }

    .item-brand .name-brand {
        /* opacity: 1; */
        opacity: 0.3;
    }

    .m-b-200,
    .m-b-150 {
        margin-bottom: 100px;
    }

    .m-t-200,
    .m-t-160 {
        margin-top: 100px;
    }

    .p-t-200 {
        padding-top: 180px;
    }

    #single-sector-service-page-wrapper .container-prefooter.p-t-200 {
        padding-top: 120px
    }

    /* .page-template-contact-page #breadcrumbs{ padding-left: 15px; } */
    .home .m-b-160 {
        margin-bottom: 140px;
    }

    .container-intro-portfolio,
    .container-intro-blog {
        padding-top: 80px;
    }

    .container-case-studies.p-t-140 {
        padding-top: 70px;
    }

    #about-page-wrapper>.container-fluid>.row>.m-b-150 {
        margin-bottom: 100px;
    }

    #about-page-wrapper>.container-fluid>.row>.m-t-90 {
        margin-top: 20px;
    }

    .p-t-100 {
        padding-top: 60px;
    }

    .p-text-contact .m-b-90 {
        margin-bottom: 40px;
    }

    .p-t-60 {
        padding-top: 50px;
    }

    .p-b-60 {
        padding-bottom: 55px
    }

    .p-b-40 {
        padding-bottom: 35px;
    }

    .p-t-40 {
        padding-top: 35px;
    }

    .p-t-30 {
        padding-top: 20px
    }

    .p-b-30 {
        padding-bottom: 20px;
    }

    /* .m-l-30{ margin-left: 20px; } */
    .m-t-30 {
        margin-top: 20px;
    }

    .m-b-30,
    #wrapper-footer hr,
    .site-info {
        margin-bottom: 20px;
    }

    .container-por-fse.m-b-30 {
        margin-bottom: 30px;
    }

    .item-blog .m-b-15,
    .m-b-15-md {
        margin-bottom: 15px;
    }

    /* .item-blog .p-b-10{ padding-bottom: 5px; } */
    .container-info-text .bg-white {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* .container-intro-blog + .row > .br-t-20{ border-radius: 0px; } */
    .colum-sx-blog,
    .colum-cc-blog,
    .colum-dx-blog {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .colum-cc-blog {
        /* order: 0; */
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .colum-sx-blog {
        /* order: 1; */
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .colum-dx-blog {
        margin-left: 0px;
        order: 2;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* .colum-sx-blog span.c-gray, */
    .colum-dx-blog br,
    .colum-sx-blog br {
        display: none !important;
    }

    .colum-sx-blog span.c-gray,
    .colum-dx-blog span.c-gray {
        display: block !important;
    }

    .colum-sx-blog .link-chips {
        margin-bottom: 15px;
    }

    .colum-sx-blog .link-chips,
    .colum-dx-blog .addtoany_list a {
        margin-right: 5px;
    }

    .colum-dx-blog .addtoany_list a,
    .colum-dx-blog .addtoany_shortcode {
        display: inline-block;
    }

    .single-post .swiper-container {
        margin-left: 15px;
        margin-right: 15px;
    }

    .back-to-top svg {
        display: none;
    }

    .item-brand .embed-responsive-1by1::before {
        padding-top: 59.70149254%;
    }

    /* .item-brand .img-brand.abs-c-c{width: 70.15%;} */
    .page-template-brands-page .item-brand .img-brand.abs-c-c {
        width: 70.15%;
        top: 0;
        transform: translateX(-50%);
    }

    .item-brand .name-brand {
        bottom: 0px;
    }

    #wrapper-footer .h2.underline {
        margin-bottom: 20px;
    }

    .back-to-top {
        margin-right: 15px;
    }

    body.page-template-single-service-page .entry-content,
    body.page-template-single-service-page-new-test #service-carousel .entry-content,
    body.page-template-single-sector-page .entry-content {
        padding-top: 40px;
    }

    .list-content .p-t-20.p-b-20 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .container-case-studies.p-t-140 {
        padding-top: 95px;
    }

    .case-studies-label.b-r-text {
        left: 0px;
        top: 53px;
        right: unset;
    }

    .br-t-20,
    #home-carousel .swiper-wrapper .swiper-slide img,
    .page-template-single-service-page .swiper-wrapper .swiper-slide img,
    .page-template-single-sector-page .swiper-wrapper .swiper-slide img,
    .item-portfolio img {
        border-radius: 10px 10px 0px 0px;
    }

    .br-all-20,
    .swiper-post .swiper-wrapper .swiper-slide img,
    .item-blog figure,
    #nav-services .item-portfolio img,
    #nav-applications .item-portfolio img,
    .item-blog figure {
        border-radius: 10px
    }

    .horizontal-scroll-section__content-section {
        min-width: calc(100vw - 50px);
        max-width: calc(100vw - 50px);
    }

    .horizontal-scroll-section__content-wrapper {
        flex-direction: column
    }

    .horizontal-scroll-section .inner-section .abs-b-l,
    .horizontal-scroll-section__content-section.active .story-border-circle,
    .story-circle {
        display: none;
    }

    .horizontal-scroll-section__content-section .inner-section {
        margin-bottom: 0px;
        padding-bottom: 25px;
        padding-top: 15px;
        padding-left: 10px;
        margin-left: 50px;
    }

    .horizontal-scroll-section,
    .horizontal-scroll-section__content-section {
        height: auto;
        opacity: 1;
    }

    .horizontal-scroll-section__content-wrapper {
        height: auto;
    }

    .horizontal-scroll-section--init {
        height: auto !important
    }

    .horizontal-scroll-section__content-section {
        background-image: none;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 10'%3E%3Cg style='opacity:0.19'%3E%3Crect width='40' height='1' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 40px 10px;
        background-repeat: repeat
    }

    .scene--ended {
        position: relative;
        bottom: unset;
        top: unset;
        height: auto;
        left: unset;
        right: unset;
    }

    .horizontal-scroll-section__content-wrapper {
        transform: none !important;
    }

    .horizontal-scroll-section__content-section .story-year,
    .horizontal-scroll-section__content-section .story-text,
    .horizontal-scroll-section__content-section .story-img {
        opacity: 1
    }

    .story-year {
        background-color: white;
        color: black
    }

    .story-text,
    .story-img {
        transform: none;
    }

    .horizontal-scroll-section__content-section .story-line {
        background-position-y: 100%;
    }

    .story-line {
        height: 1px;
        width: 114px;
        top: 0px
    }

    .horizontal-scroll-section__content-section.fist-horizontal-scroll-section .inner-section {
        min-width: 100vw;
        max-width: 100vw;
        padding-top: 90px;
        padding-left: 15px;
        margin-left: 0px;
        padding-right: 15px;
    }

    .scene {
        position: relative;
        height: auto;
        top: unset;
        left: unset;
        right: unset;
    }

    #empty-horizontal-scroll-section {
        height: 0px !important
    }

    /* #main-menu .wpml-ls-first-item{ margin-top:0px!important;} */

    /* .container-brands{ padding-top: 30px; } */

    .portfolio-filter-container .tab-pane .col-12,
    .blog #content .col-12 {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .portfolio-filter-container .tab-pane .row,
    .blog #content .row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }

    #skip-timeline {
        display: none !important;
    }

    /* .single-post .swiper-container.swiper-w-auto{ padding-bottom: 85px; } */
    .single-post .swiper-w-auto .swiper-slide {
        /* height: 300px; */
        height: 450px;
        width: 100%;
        max-width: 100%;
    }

    .single-post .swiper-w-auto .swiper-slide,
    .single-post .swiper-w-auto .swiper-slide img {
        height: 450px;
    }

    /*
    .single-post .swiper-w-auto .swiper-slide figure{ height: 100%;width: 100%; }
    .single-post .swiper-w-auto .swiper-slide img{ height:auto;width: auto;max-width: 100%;max-height: 100%;margin: 0 auto;display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
    .single-post .swiper-w-auto .swiper-slide figcaption{ position: absolute;bottom: -25px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); }
    */
    .item-sector .arrow-right-sector {
        opacity: 1;
        margin-right: 0px;
        width: 36px;
        height: 36px;
        transition: unset;
    }

    .item-sector:hover .arrow-right-sector {
        margin-right: 0px;
    }

    #sector-page-wrapper .item-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333% !important;
        flex: 0 0 33.3333% !important;
        max-width: 33.3333%;
    }

    .timeline-button-next,
    .timeline-button-prev

    /*, #home-carousel .swiper-button-prev, #home-carousel .swiper-button-next*/
        {
        display: none;
    }

    #home-page-wrapper #Viewer3D>.abs-b-l {
        display: none;
    }

    .scrollbar-swiper .swiper-wrapper {
        padding-bottom: 30px;
    }

    .intro-home {
        height: auto;
    }

    .cursor-circle {
        display: none;
    }

    #wrapper-footer .site-social {
        padding-right: 50px;
    }

    .prefooter-form .h1 {
        padding-right: 0px;
    }

    #Viewer3D.intro-home {
        min-height: 100vw;
    }

    .popup-newsletter {
        width: calc(100% - 30px);
    }

    .page-template-landing-page .m-b-160,
    .page-template-landing-page .m-b-120 {
        margin-bottom: 100px;
    }

    .no-margin-sm {
        margin-left: 0px;
        margin-right: 0px;
    }

    .container-fluid.no-padding-sm,
    .no-padding-sm {
        padding-left: 0px;
        padding-right: 0px;
    }

    .loader {
        margin-left: 0px;
    }

    .metaverse-member {
        max-width: 160px;
    }

    .logo-horsa-footer {
        height: 12px;
        width: auto
    }

    .prefooter-form {
        padding: 40px
    }

    #horizontal-sector .item-card-sector {
        width: 323px;
        min-width: 323px;
    }

    .page-template-home-page .container-brands .item-brand {
        padding: 15px 45px;
    }

    #material-swiper .swiper-slide {
        height: 600px;
    }

    .container-btn-link {
        min-width: calc(100% + 10px);
    }

    .home .container-brands .item-brand:nth-child(7),
    .home .container-brands .item-brand:nth-child(8) {
        display: none !important;
    }

    .swiper.portfolio-filter-container {
        margin-left: 20px;
    }

    /* .single-post article > .container-fluid{ padding-left: 0px; padding-right: 0px; } */
    .container-intro-blog+.row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #main-nav.navbar {
        width: 255px;
        justify-content: space-between;
        padding: 2px;
        transition: width 0.3s ease-in-out 0.4s;
    }

    #main-nav.navbar.expanded {
        width: calc(100% - 20px);
        transition: width 0.3s ease-in-out;
    }

    #main-nav .horsa-menu-link .nav-link {
        display: none;
    }

    /*
    #main-nav #navbarNavDropdownWpml{ margin-left: auto; margin-right: 15px; }
    #main-nav .horsa-menu-link.d-inline-block{ margin-right: 15px; }
    */

    .single-post article>.container-fluid.bg-cover {
        padding-left: 0px;
        padding-right: 0px;
    }

    .single .container-swiper-w-auto .col-swiper-w-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .swiper-bg {
        max-width: 100%;
        margin-top: -40px;
    }

    .single .colum-cc-blog h1 {
        margin-bottom: 10px;
    }

    .single-post .swiper-container.swiper-post {
        margin-right: 0px;
    }

    .page-template-about-page .chips-services {
        gap: 15px;
        font-size: 16px;
    }

    #navbarNavDropdownWpml {
        display: block;
        margin-top: 1px;
    }

    .wpml-ls-item .nav-link,
    .wpml-ls-item .dropdown-item,
    #wpml-menu .wpml-ls-item .nav-link {
        font-size: 14px
    }

    .container-wpml-menu {
        display: none;
    }

    .timeline-contents .swiper-slide {
        min-height: 350px;
    }

    .ascii-card .p-30 {
        padding: 15px;
    }

    .wp-mobile .sector-description {
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .tool-img {
        height: 350px
    }

    .tool-bg {
        margin-top: 0px
    }

    /* 
    .abs-quotation, .flex-row-reverse .abs-quotation{ left:-10px; }*/

    .tool-gradient-pattern {
        height: 100px;
    }

    .style-original-reference {
        transform: translateY(-30%);
    }

    .sector-description {
        max-height: unset !important;
    }

    .team-img {
        width: 48px;
        height: 48px;
    }

    .btn-icon-container,
    .btn-collapsable-text .btn-cicle,
    .btn-play-video .btn-cicle,
    .btn-circle-container .btn-cicle,
    .btn-load-more .btn-cicle,
    .swiper-material-wrapper .btn-cicle,
    .button-arrow-link .btn-cicle,
    .team-img img,
    .swiper-button-next.timeline-button-next,
    .swiper-button-prev.timeline-button-prev {
        width: 28px;
        height: 28px;
    }

    .btn-icon-switch {
        left: -28px;
    }

    #home-carousel .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    #material-swiper .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    #sector-swiper .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    .btn-load-more .btn-circle-container:hover .btn-icon-switch,
    .timeline-button-prev.swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    .btn-collapsable-text .btn-circle-container:hover .btn-icon-switch,
    .timeline-button-prev.swiper-button-prev .btn-circle-container:hover .btn-icon-switch {
        left: -28px;
    }

    .card-team .m-r-25.button-arrow-link {
        margin-right: 10px;
    }

    .timeline-buttons-container {
        right: 20px;
        left: 20px;
    }

    .container-prefooter-mio-anemone>.row>.col-12:last-child>.m-t-200 {
        margin-top: 0px;
    }

}

@media only screen and (min-width: 575px) and (max-width: 767.98px) {
    .single-portfolio #content .grid.m-t-90 {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    .col-12.col-sm-6.grid-item {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

}

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

    /* #main-nav.navbar{ padding: 15px; } */
    .container-fluid,
    .container,
    .p-lr-30,
    .container-intro-portfolio,
    .container-intro-blog {
        padding-right: 15px;
        padding-left: 15px;
    }

    .prefooter,
    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio {
        padding: 15px;
    }

    #horizontal-sector {
        padding-left: 15px
    }

    #horizontal-sector .item-card-sector {
        margin-right: 15px
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-left: 7.5px;
        padding-right: 7.5px
    }

    .row {
        margin-right: -7.5px;
        margin-left: -7.5px
    }

    .no-margin {
        margin-left: 0px;
        margin-right: 0px;
    }

    .no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    a[rel~="lightbox"],
    .single-portfolio .grid .grid-item {
        pointer-events: none !important;
    }

    h1,
    .h1 p,
    .page-template-landing-page .h1 {
        font-size: 59px
    }

    .biggest {
        font-size: 36px;
    }

    #portfolio-page-wrapper h1,
    #portfolio-taxonomy-page-wrapper h1,
    .blog h1,
    h2,
    .h2,
    .single .colum-cc-blog h1,
    .page-template-single-service-page .entry-content p:first-child,
    .page-template-single-service-page-new-test .entry-content p:first-child,
    .page-template-single-sector-page .entry-content p:first-child,
    .page-template-about-page h2 p,
    .prefooter-form .h1 p,
    .h2 p {
        /* font-size: 36.650936px; */
        font-size: 29px;
    }

    .page-template-home-page h1,
    .page-template-about-page h1,
    .page-template-home-page #cursor-play+.container-fluid h2,
    h3,
    .h3,
    .h4,
    .container-related .swiper-slide span.light,
    .page-template-single-sector-service-page .entry-content p,
    .single #single-wrapper .swiper-post p.h4 {
        font-size: 22px;
    }

    #main-nav .nav-link {
        font-size: 18px;
    }

    .prefooter .card-prefooter .title,
    .prefooter .card-prefooter .text,
    .wpcf7 .wpcf7-form input,
    .wpcf7 .wpcf7-form textarea,
    .page-template-about-page .h4,
    .page-template-about-page .timeline .h3,
    p,
    .p {
        font-size: 16px;
        line-height: 1.2;
    }

    body,
    .horizontal-scroll-section .horizontal-scroll-section__content-section:not(.fist-horizontal-scroll-section) span p,
    .contacts-text p,
    .p-text-contact p,
    #single-wrapper p,
    .item-portfolio span,
    #home-carousel .swiper-wrapper .swiper-slide,
    .mobile-menu-label,
    .popup-newsletter p,
    #bando-page-wrapper p,
    #wrapper-footer p,
    .list-content p,
    .page-template-single-sector-service-page .entry-content .list-content p {
        font-size: 14px;
    }

    .case-studies-label,
    .view-all-label,
    .navbar-nav .dropdown-menu li.all-application a,
    .read-more-label,
    .small,
    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio,
    .site-footer,
    p#breadcrumbs,
    #breadcrumbs.p,
    .colum-sx-blog,
    .colum-dx-blog,
    #single-wrapper .container-info-text span p,
    .container-info-text span,
    .wpcf7 .wpcf7-form input[type="submit"],
    #accordion-workspace .card,
    #accordion-workspace .btn,
    .button-workspace,
    .h5,
    .container-intro-related .link-chips,
    .container-related .link-chips,
    .single article .container-fluid:not(.container-related) figcaption,
    .popup-newsletter .small-text,
    .container-por-fse,
    .btn-link,
    .btn-play-video {
        font-size: 11px
    }

    .colum-dx-blog .addtoany_list a {
        font-size: 11px !important;
    }

    .page-template-home-page .item-brand,
    .page-template-brands-page .item-brand {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50%;
    }

    .horizontal-scroll-section__content-section.fist-horizontal-scroll-section .inner-section {
        padding-right: 15px;
    }

    /* .page-template-contact-page #breadcrumbs,
    .page-template-about-page #breadcrumbs */
    .page-template-single-service-page #breadcrumbs,
    .page-template-single-sector-page #breadcrumbs {
        margin-top: 80px;
    }

    #about-page-wrapper .viewer-wrapper {
        margin-top: -75px;
        margin-bottom: 30px;
    }

    .single-portfolio #content .grid.m-t-90 {
        margin-top: 15px;
    }

    .p-text-contact .m-t-130 {
        margin-top: 30px;
    }

    .back-to-top {
        right: 15px;
    }

    #contact-page-wrapper>.container-fluid>.row>.h-100vh {
        height: 85.9375% !important;
    }

    #contact-page-wrapper>.container-fluid>.row>.h-100vh::after {
        content: '';
        display: block;
        padding-bottom: 85.9375%;
    }

    #contact-page-wrapper #contact-form .wpcf7 {
        margin-top: 40px !important;
    }

    #wrapper-footer .copyright {
        display: block;
    }

    .site-footer .site-info a:first-of-type {
        margin-left: 0px;
    }

    #wrapper-footer .site-social {
        flex-wrap: wrap;
    }

    .site-footer .site-social a.m-r-0 {
        display: block !important;
        margin-left: 0px !important;
        width: 100%;
        text-align: left !important;
        /*margin-top: 10px;*/
    }

    .container-case-studies .view-all-label,
    .case-studies-label.b-r-text,
    .portfolio-filter-container .b-r-text {
        top: 48px;
        left: 0px;
        right: auto;
    }

    .container-case-studies.p-t-140 {
        padding-top: 95px;
    }

    .case-studies-label.b-r-text {
        top: 50px
    }

    .filter-item-team,
    .filter-item-brand,
    .filter-item-portfolio {
        padding: 20px 15px 15px;
    }

    #Viewer3D .row .m-t-90 {
        margin-top: 30px;
    }

    .p-t-200 {
        padding-top: 100px;
    }

    #single-sector-service-page-wrapper .container-prefooter.p-t-200 {
        padding-top: 70px
    }

    .p-t-120 {
        padding-top: 60px
    }

    .m-b-120,
    .m-b-90 {
        margin-bottom: 60px;
    }

    .m-t-90 {
        margin-top: 60px;
    }

    .m-b-80 {
        margin-bottom: 50px
    }

    .m-b-60 {
        margin-bottom: 30px
    }

    .p-t-60 {
        padding-top: 30px;
    }

    .p-b-60 {
        padding-bottom: 30px
    }

    .m-t-60 {
        margin-top: 30px;
    }

    .m-b-60 {
        margin-bottom: 30px
    }

    .p-t-40 {
        padding-bottom: 30px;
    }

    .p-b-40 {
        padding-top: 30px;
    }

    .container-intro-works.has-more-text .list-content {
        margin-bottom: 15px;
    }

    .horizontal-scroll-section__content-section {
        min-width: 100vw;
        max-width: 100vw;
    }

    /* #main-menu .wpml-ls-first-item{ margin-top:0px!important;} */
    .item-sector .arrow-right-sector {
        width: 29px;
        height: 29px;
    }

    #sector-page-wrapper .item-brand {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50%;
    }

    .item-brand .name-brand {
        position: relative;
        bottom: unset;
        left: unset;
        text-align: center;
    }

    .prefooter-newsletter,
    .popup-newsletter .inner-popup {
        padding: 20px;
    }

    .prefooter-newsletter .form-newsletter {
        width: 100%;
        margin-top: 20px;
    }

    .prefooter-newsletter .title-newsletter .h4 {
        max-width: 100%;
    }

    .metaverse-member {
        max-width: 160px;
    }

    .container-logo-horsa {
        align-items: baseline;
    }

    .logo-horsa-footer {
        height: 10px;
        width: auto
    }

    .brands-metaverso {
        margin-top: 20px
    }

    .prefooter-form {
        padding: 20px
    }

    #home-carousel .swiper-wrapper .swiper-slide {
        width: 100%
    }

    .page-template-home-page .container-brands .item-brand {
        padding: 15px 30px;
    }

    .prefooter .card-prefooter {
        width: calc(100vw - 60px);
        min-height: calc(100vw - 60px);
        height: auto
    }

    .prefooter .card-prefooter .card-logo {
        margin-bottom: 20px
    }

    .btn-icon-container,
    .btn-collapsable-text .btn-cicle,
    .btn-play-video .btn-cicle,
    .btn-circle-container .btn-cicle,
    .btn-load-more .btn-cicle,
    .swiper-material-wrapper .btn-cicle,
    .button-arrow-link .btn-cicle,
    .team-img img {
        width: 28px;
        height: 28px;
    }

    .btn-icon-switch,
    #home-carousel .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    #material-swiper .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    .btn-load-more .btn-circle-container:hover .btn-icon-switch,
    .card-team:hover .btn-icon-switch {
        left: -28px;
    }


    /*
    .home #cursor-play{ display: flex; flex-direction: column; }
    .home #cursor-play > .container-fluid.abs-t-l{ position: relative; order: -1; }
    .home #cursor-play > .container-fluid.abs-t-l .col-12{ padding-bottom: 100px; }
    */
    #material-swiper .swiper-slide {
        height: 550px;
    }

    #material-swiper .swiper-material-wrapper {
        border-radius: 20px;
    }

    #horizontal-sector .item-card-sector .p-30 {
        padding: 15px;
        padding-bottom: 30px;
    }

    .arrow-up-right {
        top: 15px;
        right: 15px;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }

    .sector-description.m-t-20 {
        margin-top: 10px;
    }

    .container-btn-link {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #material-swiper .swiper-slide .swiper-material-content .material-flex,
    #material-swiper .swiper-slide .material-title {
        padding: 20px;
    }

    #material-swiper .swiper-button-prev .btn-circle-container,
    #home-carousel .swiper-button-prev .btn-circle-container,
    #sector-swiper .swiper-button-prev .btn-circle-container {
        padding-right: 2px;
    }

    #material-swiper .swiper-button-next .btn-circle-container,
    #home-carousel .swiper-button-next .btn-circle-container,
    #sector-swiper .swiper-button-next .btn-circle-container {
        padding-left: 2px;
    }

    #material-swiper .swiper-button-prev .btn-label,
    #material-swiper .swiper-button-next .btn-label,
    #home-carousel .swiper-button-prev .btn-label,
    #home-carousel .swiper-button-next .btn-label,
    #sector-swiper .swiper-button-prev .btn-label,
    #sector-swiper .swiper-button-next .btn-label {
        display: none;
    }

    .container-navs-material-swiper,
    .container-navs-home-carousel,
    .container-navs-sector-swiper {
        align-items: center;
    }

    #home-carousel.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active,
    #material-swiper.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active,
    #sector-swiper.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 24px;
    }

    #home-carousel .swiper-button-prev,
    #material-swiper .swiper-button-prev,
    #sector-swiper .swiper-button-prev {
        margin-right: 10px;
    }

    #material-swiper .swiper-slide .material-title {
        right: 0;
    }

    #material-swiper .swiper-slide .material-title .h3 {
        max-width: calc(100% - 44px);
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .btn-collapsable-text .btn-icon,
    .btn-play-video .btn-icon,
    .btn-circle-container .btn-icon,
    .swiper-material-wrapper .btn-cicle .btn-icon,
    .button-arrow-link .btn-cicle .btn-icon {
        height: 18px;
        width: 18px;
    }

    #home-carousel .swiper-button-prev,
    #home-carousel .swiper-button-next,
    #sector-swiper .swiper-button-next {
        display: block;
    }

    .sector-description br {
        display: none;
    }

    .prefooter .card-prefooter {
        padding: 20px;
    }

    .container-btn-link {
        min-width: calc(100% + 7.5px);
    }

    #nav-genai {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .swiper.portfolio-filter-container {
        margin-left: 15px;
    }

    #cursor-play #btn-fullscreen>.bg-cover>span:not(.loader) {
        width: 48px !important;
        height: 48px;
        padding: 0px;
    }

    .team-img {
        width: 48px;
        height: 48px;
    }

    .container-services .col-services,
    .container-team-grid .row .col-team {
        margin-bottom: 10px;
    }

    .card-team .m-r-25.button-arrow-link {
        margin-right: 10px;
    }

    .colum-cc-blog {
        padding-left: 10px;
        padding-right: 10px;
    }

    .colum-sx-blog {
        padding-left: 10px;
        padding-right: 10px;
    }

    .colum-dx-blog {
        padding-left: 10px;
        padding-right: 10px;
    }

    .container-intro-blog+.row .bg-white-cream {
        padding-top: 20px;
    }

    .swiper-w-auto .swiper-button-next {
        right: 0;
    }

    .swiper-w-auto .swiper-button-prev {
        left: 0;
    }

    .page-template-about-page .chips-services {
        gap: 10px;
        font-size: 16px;
    }

    .page-template-about-page .chips-services a {
        padding: 5px 15px 6px 15px;
    }

    .timeline-contents .swiper-slide {
        min-height: 250px;
        padding: 20px;
    }

    .page-template-landing-genai-page .h1,
    .page-template-landing-mia-page .h1 {
        font-size: 40px
    }

    .page-template-landing-genai-page .h2,
    .page-template-landing-mia-page .h2 {
        font-size: 30px
    }

    .page-template-landing-genai-page .h3,
    .page-template-landing-mia-page .h3 {
        font-size: 28px
    }

    .page-template-landing-genai-page .h4,
    .page-template-landing-mia-page .h4,
    .timeline-contents .timeline-content-date {
        font-size: 24px
    }

    .page-template-landing-genai-page .h5,
    .page-template-landing-mia-page .h5 {
        font-size: 16px
    }

    .page-template-landing-genai-page h1 .p,
    .page-template-landing-mia-page h1 .p {
        font-size: 14px
    }

    .tool-img {
        height: 300px
    }

    /* 
    .abs-quotation, .flex-row-reverse .abs-quotation{ left:-5px; }
    */
    .tool-gradient-pattern {
        height: 60px;
    }

    .style-original-reference {
        transform: translateY(-20%);
    }

    .timeline-buttons-container {
        right: 15px;
        left: 15px;
    }

    .timeline-buttons-container::before,
    .timeline-buttons-container::after {
        height: 80px;
        width: 80px;
        top: 10px;
    }

    .timeline-buttons-container::before {
        left: -15px;
    }

    .timeline-buttons-container::after {
        right: -15px;
    }

    .container-prefooter-mio-anemone .container-prefooter {
        margin-bottom: 15px;
    }

    .container-prefooter-mio-anemone>.row>.col-12:last-child>.m-t-200 {
        margin-top: 0px;
    }

    .prefooter .card-prefooter img {
        height: 30px
    }

    .link-prefooter .prefooter .card-prefooter .icon-link {
        width: 28px;
        height: 28px;
    }

}

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

    h1,
    .h1 p {
        font-size: 40px;
    }

    #material-swiper .swiper-slide {
        height: 500px;
    }

    .wpcf7 [data-name="accept-privacy"]+.label-privacy {
        margin-right: 15px;
    }

    .wpcf7-form .submit-container>.d-block {
        display: flex !important;
        margin-bottom: 30px;
    }

    .wpcf7-form .submit-container .button-next {
        margin-bottom: 10px;
    }

    .page-template-about-page .chips-services {
        gap: 10px;
    }

}

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

    .btn-icon-container,
    .btn-collapsable-text .btn-cicle,
    .btn-play-video .btn-cicle,
    .btn-circle-container .btn-cicle,
    .btn-load-more .btn-cicle,
    .swiper-material-wrapper .btn-cicle,
    .button-arrow-link .btn-cicle,
    .team-img img,
    .swiper-button-next.timeline-button-next,
    .swiper-button-prev.timeline-button-prev {
        width: 24px;
        height: 24px;
    }

    .swiper-button-next.timeline-button-next,
    .swiper-button-prev.timeline-button-prev {
        top: 67px;
    }

    .btn-icon-switch,
    #home-carousel .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    #material-swiper .swiper-button-prev .btn-circle-container:hover .btn-icon-switch,
    .btn-load-more .btn-circle-container:hover .btn-icon-switch {
        left: -24px;
    }

    #material-swiper .swiper-slide {
        height: 400px;
    }

    .brands-metaverso .img-brand {
        height: 15px;
        width: auto;
    }

    .brands-metaverso .img-brand img {
        max-height: 100%;
        width: auto;
    }

    .prefooter .card-prefooter img {
        height: 24px
    }

    .nav-works {
        overflow-x: auto;
    }



}

@media (min-aspect-ratio: 16/9) {}