/*
Theme Name: GBS Child
Theme URI: https://www.gbs-group.it/
Author: Global Business Solution S.r.l.
Author URI: https://www.gbs-group.it/
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/*personalizzazioni header
header.transparet #navigation-bar .site-branding figure.logo-container svg#logo g#simbolo-trullo *,
header.transparet #navigation-bar .site-branding figure.logo-container svg#logo g#text *{
  fill:#fff;
  transition: fill ease-out 500ms;
}
header.transparet #navigation-bar .site-branding figure.logo-container svg#logo{
  max-width:210px;
}

header #navigation-bar .navigation-content.type_menu_custom .main-navigation ul{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
*/

/* html,
body {
  overflow-x: hidden;
} */
 /* #page {
  overflow: hidden;
} */


/*.no-overflow-x{
  overflow-x:hidden;
}*/

.hidden {
  display: none !important;
}

.title-h1.testo-custom-2,
.title-h2.testo-custom-2,
.title-h3.testo-custom-2,
.title-h4.testo-custom-2,
.title-h5.testo-custom-2,
.title-h6.testo-custom-2 {
  color: var(--text-color-alt);
}

.disable-scroll {
  overflow: hidden;
  /* height: 100%; */

}

main {
  overflow: visible;
}

.pointer {
  cursor: pointer;
}

.margin-r-auto {
  margin-right: auto;
}

.margin-l-auto {
  margin-left: auto;
}

.btn {
  width: fit-content;
}

.p-small {
  font-size: var(--size-p-small);
}

.gap-responsive,
.gap-7rem {
  gap: 7rem;
}


#brands .marginbasex {
  margin-left: var(--baseline) !important;
  margin-right: var(--baseline) !important;
}


/*header #navigation-bar .navigation-content .site-branding,
header #navigation-bar .navigation-content .site-menu header #navigation-bar,
header #navigation-bar {
  box-shadow: none;
}*/

img.custom-logo.logo-sticky {
    max-height: 50px;
    width: auto;
}

header #navigation-bar .navigation-content.type_menu_custom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-mid {
  width: 20%;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 300px;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}

header #navigation-bar .navigation-content.type_menu_custom .site-branding {
  width: auto;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-dx,
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx {
  width: 40%;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 25px;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-dx {
  justify-content: flex-end;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-sx {
  justify-content: flex-start;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul#extra-sx,
header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul#extra-dx {
  display: inline-flex;
  list-style: none;
}

/*base*/
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul:not(.sub-menu)>li>a,
header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul:not(.sub-menu)>li>a {
  color: var(--text-color-header);
}

/*trasparent*/
header.transparet #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul:not(.sub-menu)>li>a,
header.transparet #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul:not(.sub-menu)>li>a {
  color: var(--text-color-header-transparent);
}

/*sticky*/
header.transparet #navigation-bar.sticky .navigation-content.type_menu_custom .header-area-sx ul:not(.sub-menu)>li>a,
header.transparet #navigation-bar.sticky .navigation-content.type_menu_custom .header-area-dx ul:not(.sub-menu)>li>a {
  color: var(--text-color-header);
}

/*reset per i menu*/
header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul.menu,
header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul.menu>li,
header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul.menu>li>ul,
header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul.menu>li>ul>li,
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul.menu,
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul.menu>li,
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul.menu>li>ul,
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul.menu>li>ul>li {
  margin: 0;
  padding: 0;
  list-style: none;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul.menu>li,
header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul.menu>li>ul>li,
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul.menu>li,
header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul.menu>li>ul>li {
  position: relative;
  font-size: var(--size-p-small);
  font-weight: 300;
  line-height: 1.2;
}

/*----------------Stile per il logo----------------*/
header.transparet #navigation-bar .site-branding figure.logo-container svg#logo *,
header.transparet #navigation-bar .site-branding figure.logo-container svg#logo * {
  fill: #fff;
  transition: fill ease-out 500ms;
}

header.transparet #navigation-bar .site-branding figure.logo-container svg#logo {
  max-width: 240px;
}

/*----------------Stile per il menu dropdown----------------*/
/*indicatore v*/
ul.menu>li.dropdown>a:after {
  display: inline-block;
  position: relative;
  left: 5px;
  content: "\e5cf";
  font-family: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 28;
  vertical-align: top;
  color: var(--text-color-header);
  transition: 0.2s ease;
}

ul.menu>li.dropdown>a:after {
  color: var(--text-color-header-transparent);
}

ul.menu>li.dropdown.open>a:after {
  transform: rotate(180deg);
}

/*sub-menu*/
ul.menu>li.dropdown .sub-menu {
  display: none;
  position: absolute;
  top: initial;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: var(--background-color);
  opacity: 0;
  transition: opacity 0.3s ease;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  border-radius: 4px;
  width: max-content;
  max-width: 300px;
  transform: translateY(130%);
  padding: 15px 0 !important;
}

ul.menu>li.dropdown>ul.sub-menu::after {
  border-bottom: 6px solid var(--background-color);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: 0;
  height: 0;
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 1em;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-sx ul.menu>li>ul>li {
  border-bottom: 0;
  padding: 10px 15px;
}

ul.menu>li.dropdown>ul.sub-menu>li {
  width: auto;
  padding: 5px;
  padding: 12px 20px;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: transparent;
  transition: background 0.25s ease;
  color: var(--text-color-header);
}

ul.menu>li.dropdown>ul.sub-menu>li>a {
  color: var(--text-color-header);
}

ul.menu>li.dropdown>ul.sub-menu>li:hover {
  background-color: rgb(0 0 0 / 0.075);
}


main ul li::before {
    content: '';
    color: var(--text-color);
    font-weight: bold;
    display: inline-block;
    width: 5px;
    margin-left: 0em;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 16px;
    padding-right: 0;
    position: absolute;
    left: 0px;
    font-family: 'Material Icons';
    background-color: var(--text-color);
    height: 5px;
    line-height: 1px;
    top: 12px;
    border-radius: 100%;
}

main .align-center ul li::before {
  position: relative;
  left: -6px;
  top: -3px;
}

main ul li {
    position: relative;
    padding-left: 20px;
}

.menu-toggle {
  background: transparent;
  border: none;
  /* display: block !important; */
}




#page:not(.open-menu) div#mySidenav {
  box-shadow: 0px 0px 20px #00000000;
}

#page.open-menu div#mySidenav {
  box-shadow: 0px 0px 20px #000000ad;
}

header #navigation-bar .site-menu nav ul:not(.sub-menu)>li {
  padding: 28px 0 28px 28px;
}

header #navigation-bar .site-menu nav ul:not(.sub-menu)>li:hover {
  background-color: var(--text-color);
}

header #navigation-bar .site-menu nav ul.sub-menu>li:hover {
  background-color: var(--background-color);
}

header #navigation-bar .site-menu nav ul.sub-menu>li {
  padding: 16px 0;
}

header #navigation-bar .site-menu nav ul.sub-menu>li:hover>a {
  color: var(--text-color-alt);
}

/* header #navigation-bar .site-menu nav ul:not(.sub-menu) > li:hover > a,
header
  #navigation-bar
  .site-menu
  nav
  ul:not(.sub-menu)
  > li:hover
  .material-symbols-outlined {
  color: var(--text-color);
} */

.nav-container>.menu-menu-principale-container>ul>li:not(:last-child):not(.sub-menu li) {
  border-bottom: solid 1px var(--text-color-alt);
}
.nav-container > [class^="menu-menu-principale"] > ul > li:not(:last-child):not(.sub-menu li) {
  border-bottom: solid 1px var(--text-color-alt);
}

header #navigation-bar .site-menu nav ul:not(.sub-menu)>li>a,
header #navigation-bar .site-menu nav ul .material-symbols-outlined,
.sub-menu .menu-item a {
  color: var(--text-color-alt);
}

#mySidenav .menu-item-has-children {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
}

.sidenav {
  height: 100%;
  width: 500px;
  max-width: 100%;
  position: fixed;
  z-index: 100000000000000;
  top: 0;
  right: -600px;
  background: var(--background-color);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20px;
  text-align: left;
  /* transform: translateX(200%); */
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  padding-right: 0;
  color: var(--text-color-alt);
  cursor: pointer;
  z-index: 999;
}

.sidenav-left-cont {
  row-gap: 110px;
}

.sidenav-left-cont {
  padding-left: 100px;
  padding-right: 100px;
}

.sidenav-left-cont ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.sidenav-left-cont ul a {
  color: #ffffff;
}

/* .sidenav.sidenav-left{
  left: -100%;
  right: initial;
  padding-top: 45px;
  display: flex;
  flex-direction: column;
  width: 525px;
  max-width: 100%;
  transform: none;
  overflow: hidden;
} */

.sidebar-left-menu-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 30px;
  gap: 30px;
}

.sidenav a {
  padding: 8px 8px 8px 0;
  text-decoration: none;
  font-size: 18px;
  color: #818181;
  display: inline-block;
  transition: 0.3s;
  padding-right: 20px;
  margin-left: 15px;
}

.sidenav.sidenav-left ul>li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: initial !important;
}

.sidenav.sidenav-left ul>li:not(:last-of-type) {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dadada20;
}

.sidenav.sidenav-left ul li a {
  margin-left: 0;
  color: #ffffff;
  font-size: 30px;
  padding: 0 8px 0 0;
  font-weight: 100;
  line-height: 1;
}

.sidenav.sidenav-left ul>li ul li:not(:last-of-type) {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.sidenav.sidenav-left ul li ul li a {
  font-size: 25px;
}

.sidenav.sidenav-left ul li ul li .open-sub-menu img {
  width: 30px;
}

.sidenav .menu {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  position: initial !important;
}

.sidenav.sidenav-left ul.sub-menu {
  padding-top: 60px !important;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav.sidenav-left .closebtn {
  position: relative;
  right: initial;
  line-height: 1;
  font-size: 38px;
  color: #ffffff;
  margin-left: 0;
}

/* .sidenav .sub-menu {
  padding: 100px 100px 100px 100px;
  overflow: hidden;
  overflow-y: scroll;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  top: 0;
  left: 100%;
  transition: 0.5s;
  background-color: var(--background-color-alt);
  z-index: 100000000000001;
  margin-left: 0;
}

.sidenav.sidenav-left .sub-menu {
  left: -100%;
} */

.open-sub-menu {
  cursor: pointer;
}

.sidenav.sidenav-left .open-sub-menu {
  font-size: 0;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.sidenav.sidenav-left .open-sub-menu>span {
  font-size: 30px;
  color: #ffffff;
}

.close-sub-menu {
  display: flex;
  font-weight: 900;
  justify-content: flex-end;
  cursor: pointer;
  color: #ffffff;
  align-items: center;
  margin-bottom: 30px;
}

.sidenav.sidenav-left .open-sub-menu img {
  width: 40px;
}

.menu-top-cont {
  font-size: 0;
}

.menu-middle-cont ul.menu {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 20px;
  margin-bottom: 0;
}

.menu-middle-cont ul.menu li {
  border: none !important;
  width: calc(50% - 15px);
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.menu-middle-cont ul.menu li a {
  font-size: 18px;
}

.menu-bottom-cont {
  display: flex;
  column-gap: 30px;
}

.menu-bottom-widget-cont {
  width: calc(50% - 15px);
}

.menu-bottom-widget-cont .widget {
  font-size: 0;
  margin-bottom: 15px;
}

.menu-bottom-widget-cont a {
  margin-left: 0;
  padding: 0;
}

.menu-bottom-widget-cont .widget_media_image>a {
  height: 170px;
  width: 100%;
}

.menu-bottom-widget-cont .widget_media_image>a>img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.menu-bottom-widget-cont .widget_media_image .widget-title {
  font-size: 12px;
  color: #ffffff70;
  line-height: 1;
  margin-bottom: 15px;
}

.menu-bottom-widget-cont .widget_text p,
.menu-bottom-widget-cont .widget_text p a {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.6;
  margin-bottom: 0;
}

footer section#widget-area .widget ul.menu li {
  padding-bottom: 24px;
}

footer section#widget-area .widget-row .widget-column .widget-title {
  padding-bottom: 24px;
}

footer section#copyright-area {
  border-top: solid 1px var(--text-color-alt);
}

.sidebar-left-footer {
  padding: 60px 100px 0 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 45px;
}

.sidebar-left-footer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 200px);
  height: 1px;
  transform: translateX(-50%);
  background: #dadada20;
}

.sidebar-left-footer p,
.sidebar-left-footer p a {
  font-size: 14px;
}

.sidebar-left-footer p {
  color: #ffffff70;
}

.sidebar-left-footer a {
  color: #ffffff !important;
  margin-left: 0;
  padding-right: 10px;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul#extra-dx {
  column-gap: 25px;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul#extra-dx li a {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

header #navigation-bar .navigation-content.type_menu_custom .header-area-dx ul#extra-dx a img,
.header-area-dx .search-toggle img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

/* .main-navigation ul ul li:hover > ul {
  display: inherit;
}

.main-navigation ul li:hover > ul {
  display: inherit;
} */

.main-navigation.toggled ul:not(.sub-menu) {
  display: block;
}

.main-navigation.toggled ul.sub-menu {
  display: none;
}

.main-navigation ul ul {
  position: static;
  display: none;
  float: none;
  width: 100%;
  padding-left: 24px;
  box-shadow: none;
}

.header-area-dx .search-toggle {
  background: transparent;
  border: none;
  padding: 0;
  line-height: 0;
}

#extra-navigation-2>div {
  display: flex;
  align-items: center;
}


#form-cerca .search-field {
  background-color: var(--background-color-alt);
}


#navigation-bar.sticky #form-cerca {
  top: 64px;
}

#navigation-bar #form-cerca {
  top: 40px;
}

#form-cerca .search-field::placeholder {
  color: var(--text-color);
}

#form-cerca .search-submit {
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  padding: 0;
  border: none;
  color: var(--text-color);
  right: 16px;
  cursor: pointer !important;
}

.search-txt {
  max-width: 200px;
  text-wrap: wrap;
}

/*-------------------homepage-------------------*/

/*overlay*/
/* section#visore-home #sfondo-visore:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  z-index:5;
  background-size: cover;
  opacity: 1;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 49.37%, rgba(0, 0, 0, 0.2) 67.77%, rgba(0, 0, 0, 0.2) 100%);
} */

/*slider-dots*/
/* .slider-dots {
  position: absolute;
  width: auto;
  height: 100%;
  left: auto;
  right: calc((100vw - var(--w-container)) / 2);
  top: 0;
  bottom: 50%;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  pointer-events: none;
} */

.slider-dots .owl-dot {
  display: block;
  font-size: var(--size-p-small);
  font-family: var(--family-p-small);
  font-weight: 100;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
  border: none;
  padding: 3.5px;
  border-radius: 0;
  width: auto;
  height: auto;
  border-radius: 0px;
  margin-right: 0px;
  pointer-events: auto;
}

.slider-dots .owl-dot,
.slider-dots .owl-dot.active,
.slider-dots .owl-dot:hover {
  background: transparent;
  border: none;
  color: #fff;
}

.slider-dots .owl-dot {
  opacity: 0.6;
}

.slider-dots .owl-dot.active,
.slider-dots .owl-dot:hover {
  opacity: 1;
}

section#visore-home {
  position: relative;
  /* width: 100%;
  height: 100dvh; */
  /* min-height: 600px; */
  /* background-color: var(--background-color-alt); */
}

.text-wrapper {
  margin: 0 auto;
}

#visore-home {
  height: calc(100vh - 40px);
}

.slide-wrapper.flex,
#visore-home .owl-stage-outer,
#visore-home .owl-stage,
#visore-home .owl-item {
  height: 100%;
}

section#visore-home .owl-nav {
  height: auto;
  position: absolute;
  z-index: 10;
  bottom: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 48px;
}

section#visore-home .owl-nav .owl-prev,
section#visore-home .owl-nav .owl-next {
  color: var(--text-color-alt);
  font-size: 2rem;
}

header #navigation-bar .navigation-content .site-menu {
  flex-direction: row-reverse;
  align-items: baseline;
  gap: 1rem;
}

.menu-toggle svg,
.archive .menu-toggle svg {
  fill: var(--text-color-alt);
}

.menu-icon {
  color: var(--text-color-alt);
}

#toggle-cerca {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  color: var(--text-color-alt);
  cursor: pointer;
}

#toggle-cerca .material-symbols-outlined {
  font-size: 22px;
  display: flex;
  align-items: center;
  height: 100%;
}

#site-navigation.menu-toggle {
  padding: 0;
}

.v-left {
  padding: 16px 40px 0;
}

#navigation-bar.sticky .action-txt,
#navigation-bar.sticky .menu-txt,
#navigation-bar.sticky #toggle-cerca,
#navigation-bar.sticky .menu-icon {
  color: var(--text-color);
}

.action-txt,
.menu-txt{
  color: var(--text-color-alt);
  font-size: 18px;
  font-weight: 500;
}
#sticky-menu{
	display:none;
}
.sticky #sticky-menu{
	display:flex;
}
#sticky-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#sticky-menu li {
	display:inline-block;
	margin-right:15px;
}
#sticky-menu li a{
  color: var(--text-color);
  font-size: 18px;
  font-weight: 500;
  text-transform:uppercase;
}

@media screen and (max-width:1023px){
	.sticky #sticky-menu{
	display:none;
}
	
}
.v-title,
.v-subtitle,
.text-3 p {
  color: var(--text-color-alt);
}

.v-subtitle {
  font-size: 24px;
}

.bullet {
  background-color: var(--text-color-alt);
  border-radius: 100%;
  height: 14px;
  width: 14px;
  display: block;
}

.text-3 {
  position: absolute;
  bottom: 48px;
}

.text-3 p {
  font-size: 16px;
}

.v-left {
  background-image: url(/wp-content/uploads/2024/05/bgblue.png);
}

.v-right img {
  width: auto;
  height: 100%;
}

.slider-dots {
  position: absolute;
  width: auto;
  right: 5%;
  bottom: 48px;
  z-index: 6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  pointer-events: none;
  /* background-color: yellow; */
}

/* OUR CORE VALUES section */




section#our-values .btn.btn-style-1 a,
section#who-are-we .btn.btn-style-1 a,
section#excellence .btn.btn-style-4 a,
section#applications .btn.btn-style-1 a {
  color: var(--text-color-alt);
}

section#who-are-we .btn.btn-style-2 a {
  color: var(--faccin-blue);
  font-weight: 500;
  font-size: 16px;
}

section#who-are-we .btn.btn-style-1 a,
section#excellence .btn.btn-style-3 a,
section#our-numbers .btn.btn-style-3 a {
  font-size: 12px;
}

section#excellence .btn.btn-style-3 a,
section#brands .btn.btn-style-3 a,
section#our-numbers .btn.btn-style-3 a {
  color: var(--text-color);
}

section#our-values h1,
section#who-are-we h1,
section#applications h1 {
  color: var(--text-color-alt);
}

.pin-spacer {
  /* border: solid 2px var(--custom-color-1); */
  background-color: var(--custom-color-1);
}

#header-zoom #icon-simbolo-Faccin-alt {
  position: absolute;
  width: 5%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



section#our-values {
  text-align: center;
  position: relative;
  width: 100%;
  z-index: 5;
}


section #who-are-we,
section #header-zoom {
  min-height: 75vh;
}

section#header-zoom {
  overflow: hidden;
  padding-top: 0 !important;
}


section #our-values {
  min-height: 0;
}

section .zoom {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 52.75vw;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  /* top: 15%; */
  border: solid var(--custom-color-1) 2px;
}

section .zoom .image {
  grid-area: 1/1/2/2;
}

section .zoom .image svg {
  display: block;
  width: 100%;
  height: 100%;
  /* height: calc(100% - 10px); */
  object-fit: cover;
}

#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* WHO ARE WE */

section#who-are-we {
  background-color: var(--background-color);
  z-index: 30;
  position: relative;
}

.round-top {
  margin-top: -20px;
  border-radius: 20px 20px 0 0;
}

/* SLIDER */

section#slider .slider_img img {
  border-radius: 8px;
}

section#slider .owl-stage {
  margin: 0 10%;
}

/* EXCELLENCE  */

#excellence .box {
  padding-bottom: 30px;
  border-bottom: solid 1px var(--text-color);
}

#excellence .box:last-child {
  border-bottom: none;
}

/* BRANDS */

.brand-item {
  position: relative;
  /* width: 591px; */
  height: 664px;
  overflow: hidden;
  border-radius: 10px;
}

.brand-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  z-index: 1;
}

.brand-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #0012219c 0%, #0012215c 51%, #001221b3 100%) 0% 0% / auto no-repeat;
  z-index: 2;
}

.brand-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

.brand-content {
  position: relative;
  z-index: 3;
  padding: 32px;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.brand-content h5 {
  color: var(--text-color-alt);
}




.altri_loghi figure {
  max-width: 200px;
}



/* STICKY CONTENT */

.s-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* #applications {
  height: 100vh;
} */

.unset {
  position: unset;
  height: 100%;
}

.s-content--sticky {
  width: 100vw;
  position: sticky;
  top: 0;
  --offset: 0px;
  top: var(--offset);
  height: calc(100vh - var(--offset));
}

#sticky-container .p-xsmall {
  font-size: 12px;
}

.s-content--half {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.s-content--half:nth-child(odd) {
  margin-left: auto;
}

.s-content--sticky figure {
  margin: 0;
  width: 100%;
  height: 85%;
}

.s-content--sticky img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

/* MARQUEE */

/* Marquee styles */
.marquee {
  --gap: 1rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap);
  min-width: 100%;
  margin: 0;
}

.marquee__content .marquee-txt,
.marquee__content .marquee-icon {
  min-width: 100px;
  margin: 0;
}

.marquee-icon {
  font-size: 5rem;
  color: #82aad0;
  font-weight: 200;
}

.marquee-txt {
  font-size: var(--size-h1);
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion: reduce) {
  .marquee__content {
    animation-play-state: paused !important;
  }
}

/* Enable animation */
.enable-animation .marquee__content {
  animation: scroll 180s linear infinite;
}

.enable-animation .marquee__content.slow {
  animation: scroll 250s linear infinite;
}

/* Reverse animation */
.marquee--reverse .marquee__content {
  animation-direction: reverse;

}

/* Pause on hover */
.marquee--hover-pause:hover .marquee__content {
  animation-play-state: paused;
}

/* Attempt to size parent based on content. Keep in mind that the parent width is equal to both content containers that stretch to fill the parent. */
.marquee--fit-content {
  max-width: fit-content;
}

/* A fit-content sizing fix: Absolute position the duplicate container. This will set the size of the parent wrapper to a single child container. Shout out to Olavi's article that had this solution 👏 @link: https://olavihaapala.fi/2021/02/23/modern-marquee.html  */
.marquee--pos-absolute .marquee__content:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

/* Enable position absolute animation on the duplicate content (last-child) */
.enable-animation .marquee--pos-absolute .marquee__content:last-child {
  animation-name: scroll-abs;
}

@keyframes scroll-abs {
  from {
    transform: translateX(calc(100% + var(--gap)));
  }

  to {
    transform: translateX(0);
  }
}

/* PRODUCTS SECTION */

#products .product-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 26px;
}

#products .product-foto {
  width: 100%;
  max-width: 800px;
  position: relative;
  margin: 0 auto;
}

#products .product-foto::before {
  content: "";
  display: block;
  padding-top: 100%;
}

#products .product-txt {
  max-width: 600px;
  width: 100%;
}


/* BRAND */


#brand-solo .brand-solo-cont {
  flex-wrap: nowrap;
}



/* SEARCH */

.search-field.btn.btn-style-1,
.search-field.btn.btn-style-1:hover,
.search-field.btn.btn-style-1::placeholder {
  color: var(--text-color);
}


#primary.content-area {
  min-height: 60vh;
  /* padding-top: 120px; */
  background-color: var(--background-color);
}


#primary .navigation.pagination {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}


#primary .page-numbers {
  color: var(--text-color-alt);
}



.card-search-results:hover span.title-h5,
.card-search-results:hover span.material-symbols-outlined {
  color: var(--text-color-alt);
}

.card-search-results {
  position: relative;
  overflow: hidden;
}

.card-search-results::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: var(--text-color);
  transition: left 0.4s ease;
}

.card-search-results:hover::before {
  left: 0;
}

.title-h5,
.material-symbols-outlined {
  z-index: 1;
}


.ontop {
  position: inherit;
  z-index: 2;
}


#visore-home #faccin-stroke {
  width: 110%;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -20%;
  z-index: 1;
  opacity: 0.3;
}


#visore-home #faccin-stroke #path1,
#visore-home #faccin-stroke #path2,
#visore-home #faccin-stroke #path3 {
  stroke: var(--background-color) !important;
}




#applications #faccin-stroke {
  width: 150%;
  height: 150%;
  position: absolute;
  top: -20%;
  left: -60%;
  z-index: 1;
  opacity: 0.2;
}


#applications #faccin-stroke #path1,
#applications #faccin-stroke #path2,
#applications #faccin-stroke #path3 {
  stroke: var(--text-color-alt) !important;
}

.timeline-content .title-h6 {
  padding-right: 7% !important
}


.single-prodotto .slider-prodotto .owl-item {
  display: inline-block;
}

#benefits .doppia-colonna span.valore p,
#visore .desc_breve p {
  margin-bottom: 0;
}


.visor-box {
  max-width: 600px;
}




span.pallino {
  width: 5px;
  height: 5px;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  margin-right: 15px;
  background-color: var(--text-color);
  border-radius: 100%;
  float:left;
  margin-top: 12px;
}

span.pallino+span {
  display: inline-block;
  width: calc(100% - 30px);
  vertical-align: middle;
}

.owl-item {
  display: inline-block;
}

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

/*#nav-prodotti-correlati, #nav-applicazioni-correlati {
  display: inline-block;
  margin-right: 15px;
}
*/
#prodotto-gallery.disabled,
#nav-prodotti-correlati.disabled,
#nav-applicazioni-correlati.disabled {
  display: none;
}


#prodotto-gallery button,
#nav-applicazioni-correlati button,
#nav-prodotti-correlati button {
  width: 47px;
  height: 47px;
  padding: 0;
  border-radius: 100%;
  background-color: var(--text-color);
  color: #FFF;
  border: 0;
  margin: 0 5px;
  cursor: pointer;
}

#prodotto-gallery button,
#nav-applicazioni-correlati button *,
#nav-prodotti-correlati button * {
  font-size: 20px;
}

#prodotto-gallery button.disabled,
#nav-applicazioni-correlati button.disabled,
#nav-prodotti-correlati button.disabled {
  opacity: 0.5;
}


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

  .slider-applicazioni-correlati,
  .slider-prodotti-correlati,
  .slider-gallery-prodotto {
    overflow: hidden;
  }
}

div#modal-contact-form,
div#modal-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 200vw;
  height: 200vh;
  background-color: #001221a3;
  z-index: 99998;
}


div#modal-form-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #001221;
  z-index: 99999;
  padding: 20px;
  border: 2px solid white;
  border-radius: 10px;
  width: 85%;
  max-width: 1240px;
  height: 90vh;
  padding: 20px 20px 30px;
  overflow-y: auto;
}


div#modal-form-inner .wpcf7 .wpcf7-form-control-wrap textarea::placeholder,
div#modal-form-inner .wpcf7 .wpcf7-form-control-wrap input::placeholder {
  opacity: 1;
}


div#modal-form-inner span.wpcf7-form-control.wpcf7-acceptance,
div#modal-form-inner p small {
  font-size: 12px;
}

div#modal-form-inner input.wpcf7-form-control.wpcf7-submit.has-spinner {
  cursor: pointer;
}



span#close-modal-contact,
span#close-modal-form {
  color: var(--text-color-alt) !important;
  float: right;
  border: 1px solid;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
}


.breadcrumb-prodotto span.material-icons {
  background: #afd4f8;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  border-radius: 100%;
  font-size: 18px;
  color: #001221;
}

.doppia-colonna {
  column-count: 2;
  gap: 8%;
  break-inside: avoid-column;
}

.card-prodotto {
  border-radius: 20px;
}

.card-prodotto * {
  transition: all.3s ease-in-out;
}

.card-prodotto:hover {
  background: var(--text-color);
}

.card-prodotto:hover * {
  color: var(--text-color-alt) !important;
}

.card-prodotto:hover img {
  transform: scale(1.03);
}

.slider-gallery-prodotto .owl-stage {
  display: flex;
}

#finale-prodotto {
  background-image: url(/wp-content/uploads/2024/07/finale-prodotto.jpg);
  background-position: center;
  background-size: cover;
  position: relative;
}

#finale-prodotto>div {
  z-index: 2;
  position: relative;
}

section#finale-prodotto:after {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #001221;
  opacity: 0.6;
}

a.btn,
#open-modal-form {
  box-shadow: 0px 0px 3px 3px #d8ecff33;
  transition: all.3s ease-in-out;
}

a.btn:hover,
#open-modal-form:hover {
  box-shadow: 0px 0px 3px 5px #d8ecff33;
}

@media screen and (max-width:767px) {
  .doppia-colonna {
    column-count: 1;
    gap: 0;
    break-inside: avoid-column;
  }


  .footer-prefooter {
    margin-top: 0 !important;
  }

  .single-prodotto .w-container.margin-auto.flex.justify-content-space-between.gap-30px.align-items-center {
    display: block;
  }

  .single-prodotto .slider-gallery-prodotto figure {
    height: auto !important;
    aspect-ratio: 1/1;
  }

  .single-prodotto #visore .desc_breve.title-h6{
    font-family: var(--family-p-big);
    font-size: var(--size-p-big);
    line-height: var(--lineH-p-big);
    font-weight: var(--weight-p-big);
    letter-spacing: var(--spacing-h6);
  }
  .page-template-tutti-i-prodotti section.round-top.no-overflow.bg-custom-2.padding100top.padding0bottom.padding30dx.padding30sx > .padding40 {
    padding: 0;
    padding-bottom: 60px;
  }
}

.contatore-categoria-prod {
  aspect-ratio: 1 / 1;
  border: 1px solid var(--text-color-alt);
  display: flex;
  flex-flow: wrap;
  width: calc(33.3% - 20px);
  border-radius: 100%;
  align-content: center;
  justify-content: center;
}

.contatore-categoria-prod span {
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 5px 5px;
}


.contatore-categoria-prod span.descrizione {
  max-width: 240px;
}

.archive.tax-product-category .card-prodotto {
  width: calc(33.3% - 10px);
}



.divider {
  width: 100%;
  height: 1px;
  background-color: var(--text-color);
  margin-bottom: 40px;
}

.title-h6.align-center.testo-alternativo.txt p {
  text-align: center !important;
}



.correlati-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  z-index: 5;
  top: 40%;
  transform: translateY(-25%);
  padding: 0 24px;
}

.correlati-nav.prodotti {
  top: 50%;
  transform: translateY(-50%);
}


.correlati-nav.disabled {
  display: none;
}

/* FANCYBOX */
.fancybox-toolbar {
  opacity: 1 !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  visibility: visible !important;
  background-color: var(--background-color);
}

.fancybox-toolbar .fancybox-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--text-color-alt);
}


.fancybox-toolbar .fancybox-button svg {
  height: 48px;
}


.fancybox-thumbs,
.fancybox-thumbs__list {
  background-color: var(--background-color) !important;
  background: var(--background-color) !important;
}


.fancybox-thumbs__list a:before {
  border: 3px solid var(--text-color-alt) !important;
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button.fancybox-button--arrow_right {

  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 100%;
  background-color: var(--text-color);
  color: #FFF;
  border: 0;
  margin: 0 5px;
  cursor: pointer;

}






.fixed-contact {
  border-radius: 100%;
  background-color: var(--bg-top-btn-type-2);
  background-image: linear-gradient(180deg, var(--bg-top-btn-type-2) 0%, var(--bg-bottom-btn-type-2) 100%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  position: fixed;
  right: 10px;
  bottom: 50%;
  z-index: 4;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 18, 33, 0.33);
  box-shadow: 0px 0px 11px 2px rgba(0, 18, 33, 0.33);
  transition: all .3s ease-in-out;
  cursor:pointer;
}

.fixed-contact .txt {
  display: none;
}

.fixed-contact.hide {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}


.fixed-contact.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


.fixed-contact .material-icons {
  color: var(--color-btn-type-2-h);
  font-size: 34px;
}


#prefooter,
#footer {
  z-index: 6;
  position: relative;
}


.fixed-contact:hover {
  -webkit-box-shadow: 0px 0px 7px px rgba(0, 18, 33, 0.33);
  box-shadow: 0px 0px 11px 4px rgba(0, 18, 33, 0.33);
}




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

  .archive.tax-product-category .card-prodotto,
  .contatore-categoria-prod {
    width: calc(50% - 10px);
  }
}

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

  .archive.tax-product-category .card-prodotto,
  .contatore-categoria-prod {
    width: 100%;
  }

  .contatore-categoria-prod {
    max-width: 280px;
  }
}

.brand-categoria img {
  opacity: 0.14;
}

.brand-Faccin img.Faccin {
  opacity: 1;
}

.brand-Roundo img.Roundo {
  opacity: 1;
}

.brand-Boldrini img.Boldrini {
  opacity: 1;
}

.filtro-categoria.active,
.filtro-categoria:hover {
  background-color: var(--border-btn-type-3);
  color: #FFF !important;
}

.testo-categoria .sezione-nascosta .p-small{
  display: none;
}

.testo-categoria.testo-overflow:after {
  width: 100%;
  height: 90px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: red;
  background: rgb(2, 0, 36);
  background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgba(216, 236, 255, 1) 105%);
  transition: all .3s ease-in-out;
}

.testo-categoria.testo-overflow.active:after {
  height: 00px;
}

.tax-product-category #benefits .title-h4 * {
	margin:0;
}

.tax-product-category .slider-applicazioni-correlati .owl-stage {
    display: flex;
}


#brands figure.brand-logo.px-2 {
    text-align: center;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
img.custom-logo.logo-default {
    width: 170px;
}

#action-button .wpml-ls-legacy-dropdown {
  width: auto;
  max-width: 100%;
  margin-right: 5px;
}
#action-button .wpml-ls-legacy-dropdown a {
  border: 0px !important;
  background-color: #d8ecff !important;
  border-radius: 5px;
}

/************personalizzazione messaggio form*********/
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
    color: #FFF;
    font-weight: 300;
    font-size: 16px;
    padding: 20px;
    border-radius: 5px;
}

.wpcf7 form.sent .wpcf7-response-output:before {
    border: 1px solid;
    border-radius: 100%;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background-color: #eaad2f;color: #FFF;
    font-weight: 300;
    font-size: 16px;
    padding: 20px;
    border-radius: 5px;
}

.wpcf7 form.invalid .wpcf7-response-output:before {
    border: 1px solid;
    border-radius: 100%;
	line-height: 26px;
}



.single-prodotto .banner-prodotto a.btn:hover {
    box-shadow: 0px 0px 3px 10px #4d535933;
}

@media screen and (max-width:1023px){
.banner-prodotto{
    text-align: center;
}

.banner-prodotto .title-h4{
    font-family: var(--family-h5);
    font-size: var(--size-h5);
    line-height: var(--lineH-h5);
    font-weight: var(--weight-h5);
    letter-spacing: var(--spacing-h5);
}
}

.visuallyhidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

.page-template-landing{
  background-color: var(--custom-color-1);
}

@media screen and (max-width:767px) {
.page-template-landing .padding100top {
    padding-top: 60px;
}
.page-template-landing .padding100bottom {
  padding-bottom: 60px;
}
.page-template-landing .padding125top {
  padding-top: 60px;
}
.page-template-landing .padding100top > .padding60top{
  padding-top: 0px;
}
.page-template-landing footer {
  padding-top: 0px;
}
.page-template-landing #benefits > .bordo-bottom {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-template-landing #second-video .video-player{
  padding-bottom: 0;
}

}

#primary-menu li.menu-item.wpml-ls-item {
  display: inline-block;
  border: 0 !important;
  padding: 0px !important;
  text-align: center;
}
#primary-menu li.menu-item.wpml-ls-item a {
  margin: 0;
  padding: 28px 43px !important;
}

.tax-product-category #brand-circle ul {
  text-align: left;
  max-width: 800px;
  margin: 40px auto !important;
  display: block;
}
.tax-product-category #brand-circle ul li{
  font-size: var(--size-h6);
}
.tax-product-category #brand-circle ul li::before {
  position: absolute;
  left: 6px;
  top: 16px;
}

/**********************landing sfondo****************/
.page-id-28133 section#visore + section {
    background: #009795;
	background: linear-gradient(90deg, rgba(0, 151, 149, 0.75) 0%, rgba(1, 148, 164, 0.75) 50%, rgba(146, 189, 39, 0.75) 100%);
}
.page-id-28133 section#visore+section * {
    color: #fff !important;
}
.page-id-28133 section#visore+section .btn.request-info span{
	color: #001221 !important;
}


.term-69 .contatore-categoria-prod:first-child span.display-block.title-h1.testo-alternativo.margin0bottom {
    font-size: var(--size-h3);
}