/* SCSS EMI */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Roboto:wght@300;400;500;700&display=swap");
/* BASE */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

div.clear {
  clear: both; }

.show {
  display: block !important; }

/* Scroll bar */
body::-webkit-scrollbar {
  width: 10px; }
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
body::-webkit-scrollbar-thumb {
  background-color: #4B8282;
  border-radius: 7.5px;
  /*background: rgb(255,153,0);
  background: -moz-linear-gradient(180deg, rgba(255,153,0,1) 0%, rgba(255,72,0,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,153,0,1) 0%, rgba(255,72,0,1) 100%);
  background: linear-gradient(180deg, rgba(255,153,0,1) 0%, rgba(255,72,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#BADA55",endColorstr="#ff4800",GradientType=1);*/ }

html {
  width: 100%;
  height: 100%; }

html, body {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 27px;
  font-weight: 300;
  color: #333;
  overflow-x: hidden; }
  html p, body p {
    margin: 0px 0 10px 0 !important;
    font-weight: 300; }
  html strong, html b, body strong, body b {
    font-weight: bold; }
  html .post, html .page, body .post, body .page {
    margin: 0; }
  html .page-content, html .entry-content, html .entry-summary, body .page-content, body .entry-content, body .entry-summary {
    margin: 0; }
  html a, body a {
    text-decoration: none;
    color: #BADA55;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear; }
    html a:hover, html a:visited, html a:focus, body a:hover, body a:visited, body a:focus {
      color: #4B8282;
      -webkit-transition: all 0.3s 0s linear;
      -moz-transition: all 0.3s 0s linear;
      -o-transition: all 0.3s 0s linear;
      transition: all 0.3s 0s linear; }
  html .text-center, body .text-center {
    text-align: center; }
  html .p-privacy, body .p-privacy {
    margin: 15px 0;
    display: inline-block; }
  html .vc_col-has-fill > .vc_column-inner,
  html .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
  html .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
  html .vc_row-has-fill > .vc_column_container > .vc_column-inner, body .vc_col-has-fill > .vc_column-inner,
  body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
  body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
  body .vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0; }
  html h1, body h1 {
    font-family: 'Playfair Display', serif;
    font-size: 60px;
    line-height: 70px;
    color: #BADA55;
    font-weight: 600;
    margin: 0 0 0 0; }
    @media (max-width: 480px) {
      html h1, body h1 {
        font-size: 50px;
        line-height: 50px; } }
  html h2, body h2 {
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600 !important;
    margin: 0 0 15px 0 !important;
    letter-spacing: 0.5px; }
    @media (max-width: 480px) {
      html h2, body h2 {
        font-size: 35px;
        line-height: 40px; } }
  html h3, body h3 {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;
    margin: 0 0 10px 0;
    text-transform: none; }
  html h4, body h4 {
    font-size: 20px;
    font-weight: 500; }
  html p strong, body p strong {
    font-weight: 500; }
  html .green, body .green {
    color: #BADA55; }
  html .red, body .red {
    color: #DB683D; }
  html .no-margin-bottom, body .no-margin-bottom {
    margin-bottom: 0; }
  html ul, html ol, body ul, body ol {
    margin: 15px 0; }
    html ul li, html ol li, body ul li, body ol li {
      line-height: 30px; }
  html .site-wrapper, body .site-wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 0 25px;
    margin: 0 auto; }
  html .comment-navigation .nav-links, html .posts-navigation .nav-links, html .post-navigation .nav-links, body .comment-navigation .nav-links, body .posts-navigation .nav-links, body .post-navigation .nav-links {
    display: none; }
  html .text-white h1, html .text-white h2, html .text-white h3, html .text-white h4, html .text-white h5, html .text-white h6, html .text-white p, html .text-white span, html .text-white li, body .text-white h1, body .text-white h2, body .text-white h3, body .text-white h4, body .text-white h5, body .text-white h6, body .text-white p, body .text-white span, body .text-white li {
    color: #fff; }
  html img, body img {
    image-rendering: -moz-crisp-edges;
    /* Firefox */
    image-rendering: -o-crisp-edges;
    /* Opera */
    image-rendering: -webkit-optimize-contrast;
    /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    /* IE (non-standard property) */ }

.preloader {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1500;
  width: 100%;
  background-color: #fff;
  overflow: hidden; }
  .preloader img {
    width: 250px;
    animation: preloader 2s infinite linear; }

@keyframes preloader {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
/* HEADER */
.header-wrapper {
  height: 100px; }

#masthead .site-wrapper {
  width: 100%;
  max-width: 1200px;
  padding: 0 25px;
  margin: 0 auto;
  display: flex;
  align-items: center; }

#masthead {
  height: 100px;
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear;
  transition: all 0.3s 0s linear;
  top: 0;
  position: relative;
  z-index: 150;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  /* WPML */ }
  #masthead.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 150;
    /*-webkit-transition: all 0.3s 0s smoothScroll;
    -moz-transition: all 0.3s 0s smoothScroll;
    -o-transition: all 0.3s 0s smoothScroll;
    transition: all 0.3s 0s smoothScroll;*/
    animation: smoothScroll 0.5s forwards;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px); }
  100% {
    transform: translateY(0px); } }
  #masthead .site-title, #masthead .site-description {
    display: none; }
  #masthead .custom-logo-link {
    display: flex; }
    #masthead .custom-logo-link img {
      width: 200px;
      max-width: 100%; }
  #masthead #site-navigation .menu-toggle {
    display: block;
    position: absolute;
    right: 30px;
    top: 40px;
    background-color: transparent !important;
    border: 0;
    outline: none;
    padding: 0; }
    @media (min-width: 768px) {
      #masthead #site-navigation .menu-toggle {
        display: none; } }
    @media (min-width: 768px) {
      #masthead #site-navigation .menu-toggle {
        display: none; } }
    #masthead #site-navigation .menu-toggle .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
  #masthead #site-navigation .burger-menu {
    background-color: #BADA55;
    width: 20px;
    height: 3px;
    color: #666;
    position: relative;
    margin: 3px 0;
    display: block;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear; }
  #masthead #site-navigation .menu-menu-container, #masthead #site-navigation .menu-menu-en-container {
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear; }
  #masthead #site-navigation.toggled .burger-menu {
    opacity: 0; }
  #masthead #site-navigation.toggled .menu-toggle {
    margin-top: 5px; }
  #masthead #site-navigation.toggled .burger-menu:first-child {
    transform: rotate(45deg);
    opacity: 1;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear; }
  #masthead #site-navigation.toggled .burger-menu:last-child {
    transform: rotate(-45deg);
    top: -12px;
    opacity: 1;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear; }
  #masthead #site-navigation.toggled .menu-menu-container, #masthead #site-navigation.toggled .menu-menu-en-container {
    background-color: #fff;
    width: 100%;
    height: calc(100vh - 100px);
    position: absolute;
    top: 100px;
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s 0s linear;
    -moz-transition: all 0.5s 0s linear;
    -o-transition: all 0.5s 0s linear;
    transition: all 0.5s 0s linear;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    z-index: 150; }
    @media (max-width: 768px) {
      #masthead #site-navigation.toggled .menu-menu-container, #masthead #site-navigation.toggled .menu-menu-en-container {
        background-color: #fbfbfb; } }
  #masthead #site-navigation.toggled #primary-menu {
    float: none; }
    @media (max-width: 768px) {
      #masthead #site-navigation.toggled #primary-menu {
        display: block; } }
    #masthead #site-navigation.toggled #primary-menu .menu-item {
      margin: 25px 15px; }
  #masthead #site-navigation #primary-menu {
    float: right; }
    @media (max-width: 768px) {
      #masthead #site-navigation #primary-menu {
        display: none; } }
    #masthead #site-navigation #primary-menu .menu-item {
      text-transform: uppercase;
      padding: 0 15px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      /*-webkit-transition: all 0.3s 0s linear;
      -moz-transition: all 0.3s 0s linear;
      -o-transition: all 0.3s 0s linear;
      transition: all 0.3s 0s linear;*/ }
      @media (max-width: 768px) {
        #masthead #site-navigation #primary-menu .menu-item {
          height: auto; } }
      #masthead #site-navigation #primary-menu .menu-item.current-menu-parent > a {
        color: #BADA55; }
      #masthead #site-navigation #primary-menu .menu-item a {
        color: #555;
        font-weight: 600;
        font-size: 14px;
        width: max-content;
        text-transform: uppercase;
        position: relative;
        top: 2px; }
        @media (max-width: 768px) {
          #masthead #site-navigation #primary-menu .menu-item a {
            width: 100%;
            font-size: 20px; } }
        #masthead #site-navigation #primary-menu .menu-item a:after {
          content: '';
          display: block;
          height: 2px;
          opacity: 0;
          -webkit-transition: all 0.3s 0s linear;
          -moz-transition: all 0.3s 0s linear;
          -o-transition: all 0.3s 0s linear;
          transition: all 0.3s 0s linear;
          width: 0;
          background-color: #BADA55; }
        #masthead #site-navigation #primary-menu .menu-item a:hover {
          color: #BADA55; }
          #masthead #site-navigation #primary-menu .menu-item a:hover:after {
            -webkit-transition: all 0.3s 0s linear;
            -moz-transition: all 0.3s 0s linear;
            -o-transition: all 0.3s 0s linear;
            transition: all 0.3s 0s linear;
            opacity: 1;
            width: 100%; }
      #masthead #site-navigation #primary-menu .menu-item.current_page_item a {
        color: #BADA55; }
        #masthead #site-navigation #primary-menu .menu-item.current_page_item a:after {
          content: '';
          display: block;
          height: 2px;
          opacity: 1;
          -webkit-transition: all 0.3s 0s linear;
          -moz-transition: all 0.3s 0s linear;
          -o-transition: all 0.3s 0s linear;
          transition: all 0.3s 0s linear;
          width: 100%; }
      #masthead #site-navigation #primary-menu .menu-item.current_page_item .sub-menu a {
        color: #666;
        -webkit-transition: all 0.3s 0s linear;
        -moz-transition: all 0.3s 0s linear;
        -o-transition: all 0.3s 0s linear;
        transition: all 0.3s 0s linear; }
        #masthead #site-navigation #primary-menu .menu-item.current_page_item .sub-menu a:hover {
          color: #BADA55;
          -webkit-transition: all 0.3s 0s linear;
          -moz-transition: all 0.3s 0s linear;
          -o-transition: all 0.3s 0s linear;
          transition: all 0.3s 0s linear; }
      #masthead #site-navigation #primary-menu .menu-item-has-children:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #BADA55;
        position: relative;
        right: -10px; }
        @media (max-width: 768px) {
          #masthead #site-navigation #primary-menu .menu-item-has-children:after {
            display: none; } }
    #masthead #site-navigation #primary-menu .sub-menu {
      display: block;
      background-color: #fff; }
      #masthead #site-navigation #primary-menu .sub-menu li {
        display: block;
        height: auto; }
  #masthead .language-switcher-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    justify-content: center; }
    #masthead .language-switcher-container .language-divider {
      color: #eee; }
    #masthead .language-switcher-container .wpml-ls-item {
      list-style: none;
      margin: 0 !important; }
    #masthead .language-switcher-container ul .wpml-ls-menu-item a {
      display: flex;
      align-items: center;
      justify-content: center; }
    @media (max-width: 992px) {
      #masthead .language-switcher-container {
        border-top: 1px solid #eee;
        padding-top: 15px; } }
  @media (min-width: 992px) {
    #masthead .wpml-ls-current-language .sub-menu a {
      border: none !important;
      padding: 0 !important; }
    #masthead .wpml-ls-current-language a:not(.sub-menu) {
      border-left: 1px solid #ddd;
      padding-left: 15px; } }

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  left: 0;
  min-width: 200px; }
  @media (max-width: 768px) {
    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
      left: auto; } }
  .main-navigation ul li:hover > ul li, .main-navigation ul li.focus > ul li {
    margin: 15px !important;
    height: 100%; }

.dropdown-livello-2-parent {
  display: none !important; }
  @media (max-width: 768px) {
    .dropdown-livello-2-parent {
      display: block !important; } }

.dropdown-livello-2-aperto {
  position: fixed !important;
  display: flex !important;
  align-items: center !important;
  left: 0 !important;
  top: 100px !important;
  width: 100% !important;
  height: calc(100vh - 100px) !important;
  z-index: 70 !important;
  flex-direction: column;
  justify-content: center;
  background-color: #fbfbfb !important; }
  .dropdown-livello-2-aperto li {
    margin: 10px auto !important;
    line-height: 20px; }

.dropdown-livello-2-chiuso {
  display: none !important; }

.indietro {
  background-color: #BADA55;
  padding: 7px 25px;
  border-radius: 10px;
  border: 1px solid #BADA55;
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear;
  transition: all 0.3s 0s linear;
  box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1); }
  .indietro a {
    color: #fff !important;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 15px !important; }
    .indietro a:hover, .indietro a:focus {
      background-color: #fff;
      color: #BADA55 !important;
      -webkit-transition: all 0.3s 0s linear;
      -moz-transition: all 0.3s 0s linear;
      -o-transition: all 0.3s 0s linear;
      transition: all 0.3s 0s linear; }

/* CONTENT */
.post .entry-header {
  background-image: url("https://www.comoalberi.it/wp-content/uploads/2022/06/Texture-Header1.jpg");
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
  min-height: 200px;
  position: relative; }
  .post .entry-header:before {
    content: '';
    display: block !important;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    z-index: 1; }
  .post .entry-header .entry-title {
    color: #fff;
    font-size: 50px;
    margin: 50px 0 25px 0;
    line-height: 60px; }
  .post .entry-header p {
    margin-bottom: 25px;
    color: #fff; }
    .post .entry-header p a {
      color: #fff; }
.post .post-thumbnail {
  margin-bottom: 50px; }

.page .entry-header {
  width: 100%;
  max-width: 1250px;
  padding: 0 25px;
  margin: 0 auto;
  display: none; }

#primary {
  min-height: calc(100vh - 100px); }
  #primary .site-wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 0 25px;
    margin: 0 auto;
    z-index: 25; }
  #primary input[type="text"],
  #primary input[type="email"],
  #primary input[type="url"],
  #primary input[type="password"],
  #primary input[type="search"],
  #primary input[type="number"],
  #primary input[type="tel"],
  #primary input[type="range"],
  #primary input[type="date"],
  #primary input[type="month"],
  #primary input[type="week"],
  #primary input[type="time"],
  #primary input[type="datetime"],
  #primary input[type="datetime-local"],
  #primary input[type="color"],
  #primary textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px;
    background-color: #FEFEFE;
    margin: 5px 0;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    cursor: pointer; }
  #primary button, #primary input[type="button"],
  #primary input[type="reset"],
  #primary input[type="submit"] {
    color: #fff !important;
    border: 1px solid #BADA55;
    background-color: #BADA55;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear;
    text-align: left;
    border-radius: 0;
    padding: 10px 25px;
    margin-top: 15px;
    display: inline-block; }
    #primary button:hover, #primary input[type="button"]:hover,
    #primary input[type="reset"]:hover,
    #primary input[type="submit"]:hover {
      color: #BADA55 !important;
      -webkit-transition: all 0.3s 0s linear;
      -moz-transition: all 0.3s 0s linear;
      -o-transition: all 0.3s 0s linear;
      transition: all 0.3s 0s linear; }
  #primary .form-col {
    border-radius: 25px;
    background-color: #fff;
    padding: 30px 15px;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }

#header p {
  font-weight: 400; }

/* HOME */
/* CONTENT */
.box-rounded {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  background-color: #fbfbfb;
  padding: 0 50px !important;
  box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1); }
  @media (max-width: 768px) {
    .box-rounded {
      padding: 50px 25px; } }
  .box-rounded p {
    margin-top: 0; }
  .box-rounded--white {
    background-color: #fff; }

.col.vc_col-sm-4 {
  width: calc(33.333% - 30px);
  margin: 0 15px;
  min-height: 400px !important; }
  @media (max-width: 768px) {
    .col.vc_col-sm-4 {
      width: calc(100% - 30px);
      margin: 25px 15px; } }
@media (max-width: 768px) {
  .col.img-background {
    width: calc(100% - 30px); } }

.shadow .vc_column-inner {
  box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear; }
.shadow:hover .vc_column-inner {
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear; }

.box-shadow {
  box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 7.5px 5px 0px rgba(0, 0, 0, 0.1); }

.border-radius-img img {
  border-radius: 0; }

.img-round {
  border-radius: 50%; }

.breadcrumbs a {
  color: #fff !important; }

.quotazione h2 {
  font-size: 50px; }

.parallax {
  position: relative; }
  .parallax:before {
    display: block !important;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    z-index: 1; }

/* BLOG */
.vc_gitem-post-data-source-post_excerpt {
  font-size: 14px; }

.vc_gitem-zone-c .vc_gitem-col {
  padding: 15px 0 !important; }

.logo-contatti img {
  width: 350px; }

/* Progress bar */
#progress-bar {
  --scrollAmount: 0%;
  background-image: linear-gradient(90deg, #FFC164 0%, #BADA55 100%);
  width: var(--scrollAmount);
  height: 5px;
  position: fixed;
  top: 100px;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s 0s linear;
  -moz-transition: all 0.5s 0s linear;
  -o-transition: all 0.5s 0s linear;
  transition: all 0.5s 0s linear; }
  #progress-bar.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s 0s linear;
    -moz-transition: all 0.5s 0s linear;
    -o-transition: all 0.5s 0s linear;
    transition: all 0.5s 0s linear; }

/* SLIDER */
.comoalberi-slider__title {
  position: absolute;
  z-index: 60;
  left: auto;
  right: auto;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
  .comoalberi-slider__title h1 {
    margin: 0 auto; }
  .comoalberi-slider__title h2 {
    color: #fff;
    margin: 0 auto; }
.comoalberi-slider__logo {
  margin: 0 auto;
  position: absolute;
  z-index: 50;
  left: 0;
  right: 0;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .comoalberi-slider__logo img {
    width: 500px;
    max-width: 100%;
    padding: 0 25px; }

.slick-slide img {
  width: 100%; }
  @media (max-width: 768px) {
    .slick-slide img {
      min-height: 300px;
      height: 100%;
      width: 100%;
      object-fit: cover; } }
.slick-slide:after {
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 60;
  height: 100%; }
.slick-slide .claim-slider {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 80; }
  .slick-slide .claim-slider h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 60px;
    margin: 0; }
  .slick-slide .claim-slider h2 {
    color: #fff; }

img.menu-ig {
  width: 25px;
  top: 5px;
  position: relative; }

/* FORM */
.wpcf7 .wpcf7 form .wpcf7-response-output {
  position: absolute;
  bottom: 5px;
  left: 20px; }

.btn, .vc_btn3 {
  color: #000 !important;
  border: 1px solid #BADA55 !important;
  background-color: #BADA55 !important;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear;
  transition: all 0.3s 0s linear;
  text-align: left;
  padding: 10px 25px !important;
  margin-top: 15px !important;
  display: inline-block !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  background-image: none !important; }
  .btn:hover, .vc_btn3:hover {
    background-color: #fff !important;
    border: 1px solid #BADA55;
    color: #BADA55 !important;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear; }

.btn--red {
  color: #fff !important;
  border: 1px solid #DB683D !important;
  background-color: #DB683D !important; }
  .btn--red:hover {
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear;
    background-color: #fff !important;
    color: #DB683D !important; }

.img-mobile {
  min-height: 400px !important; }

/* Box affiancati */
.box-affiancati .wpb_wrapper {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 0; }
  .box-affiancati .wpb_wrapper .testo {
    background-color: #fff;
    z-index: 10;
    width: 50%;
    padding: 45px;
    border-top-left-radius: 0;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .box-affiancati .wpb_wrapper .testo--giallo {
      background-color: #FFFF66; }
    .box-affiancati .wpb_wrapper .testo .wpb_wrapper {
      display: block; }
    .box-affiancati .wpb_wrapper .testo .btn {
      margin-top: 25px; }
    .box-affiancati .wpb_wrapper .testo h3 {
      color: var(--colore-testo); }
    @media (max-width: 768px) {
      .box-affiancati .wpb_wrapper .testo {
        width: 100%;
        box-shadow: none;
        padding: 25px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 40px;
        border-bottom-right-radius: 40px; } }
  .box-affiancati .wpb_wrapper .immagine {
    width: 50%;
    display: flex; }
    @media (max-width: 768px) {
      .box-affiancati .wpb_wrapper .immagine {
        width: 100%; } }
    .box-affiancati .wpb_wrapper .immagine .wpb_wrapper,
    .box-affiancati .wpb_wrapper .immagine .vc_figure,
    .box-affiancati .wpb_wrapper .immagine .vc_single_image-wrapper {
      display: flex;
      width: 100%; }
    .box-affiancati .wpb_wrapper .immagine img {
      border-top-left-radius: 40px;
      border-top-right-radius: 0;
      border-bottom-left-radius: 40px;
      border-bottom-right-radius: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
      @media (max-width: 768px) {
        .box-affiancati .wpb_wrapper .immagine img {
          border-top-left-radius: 40px;
          border-top-right-radius: 40px;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          height: auto;
          object-fit: initial; } }
  .box-affiancati .wpb_wrapper .mappa {
    width: 50%;
    display: flex; }
    @media (max-width: 768px) {
      .box-affiancati .wpb_wrapper .mappa {
        width: 100%; } }
    .box-affiancati .wpb_wrapper .mappa iframe {
      border-top-left-radius: 40px;
      border-top-right-radius: 0;
      border-bottom-left-radius: 40px;
      border-bottom-right-radius: 0; }
      @media (max-width: 768px) {
        .box-affiancati .wpb_wrapper .mappa iframe {
          border-top-left-radius: 40px;
          border-top-right-radius: 40px;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          height: auto;
          object-fit: initial; } }
  @media (max-width: 768px) {
    .box-affiancati .wpb_wrapper {
      flex-direction: column; } }
.box-affiancati--alt .wpb_wrapper .immagine img {
  border-top-left-radius: 0;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 40px; }
  @media (max-width: 768px) {
    .box-affiancati--alt .wpb_wrapper .immagine img {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-left-radius: 40px;
      border-bottom-right-radius: 40px; } }
.box-affiancati--alt .wpb_wrapper .testo {
  border-top-left-radius: 40px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 0; }
  @media (max-width: 768px) {
    .box-affiancati--alt .wpb_wrapper .testo {
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; } }

/* Fade elemento dx waypoint */
.fade {
  opacity: 0;
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* Fade elemento sx waypoint */ }
  .fade.animate {
    opacity: 1; }
  .fade--sx {
    transform: translateX(-50px); }
    .fade--sx.animate {
      transform: translateX(0); }
    @media (max-width: 768px) {
      .fade--sx {
        transform: translateX(0) translateY(-50px); }
        .fade--sx.animate {
          transform: translateY(0); } }
  .fade--dx {
    transform: translateX(50px); }
    .fade--dx.animate {
      transform: translateX(0); }
    @media (max-width: 768px) {
      .fade--dx {
        transform: translateX(0) translateY(50px); }
        .fade--dx.animate {
          transform: translateY(0); } }
  .fade__alt--sx {
    transform: translateX(50px); }
    .fade__alt--sx.animate {
      transform: translateX(0); }
    @media (max-width: 768px) {
      .fade__alt--sx {
        transform: translateX(0) translateY(-25px) !important; }
        .fade__alt--sx.animate {
          transform: translateX(0) translateY(0) !important; } }
  .fade__alt--dx {
    transform: translateX(50px); }
    .fade__alt--dx.animate {
      transform: translateX(0); }
    @media (max-width: 768px) {
      .fade__alt--dx {
        transform: translateX(0) translateY(50px); }
        .fade__alt--dx.animate {
          transform: translateY(0); } }

.verde-sfondo {
  background-color: rgba(199, 211, 41, 0.1) !important; }

.box-descrittivo {
  padding: 35px;
  background-color: #fff;
  margin-bottom: 50px !important;
  border-radius: 15px; }
  .box-descrittivo h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600; }

/* Slider foto automatico */
.slider-foto-container {
  margin: 40px 0;
  padding: 0;
  /*.slider-foto-button {
  	display: inline-flex;
  	align-items: center;
  	gap: 10px;
  	padding: 10px 20px;
  	background: #FFFF66;
  	color: var(--colore-testo);
  	text-decoration: none;
  	border-radius: 30px;
  	font-weight: 600;
  	font-size: 16px;
  	transition: all 0.3s ease;
  	&:hover {
  		background: #FFFF66;
  		transform: translateX(5px);
  		color: var(--colore-testo);
  		.button-arrow {
  			transform: translateX(5px);
  		}
  	}
  	@media (max-width: 768px) {
  		font-size: 14px;
  		padding: 12px 24px;
  	}
  }*/ }
  .slider-foto-container .slider-foto-content {
    display: flex;
    align-items: center;
    gap: 40px;
    align-items: stretch; }
    @media (max-width: 768px) {
      .slider-foto-container .slider-foto-content {
        flex-direction: column;
        gap: 30px; } }
  .slider-foto-container .slider-foto-left {
    flex: 0 0 70%;
    position: relative;
    overflow: hidden; }
    @media (max-width: 768px) {
      .slider-foto-container .slider-foto-left {
        flex: 0 0 100%;
        width: 100%; } }
  .slider-foto-container .slider-foto-right {
    flex: 0 0 calc(30% - 40px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    position: relative;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .slider-foto-container .slider-foto-right {
        flex: 0 0 100%;
        width: 100%;
        align-items: center;
        text-align: center; } }
  .slider-foto-container .slider-foto-title {
    margin: 0;
    font-size: 42px;
    font-weight: bold;
    color: #000;
    line-height: 1.2;
    background-color: #C7D329;
    padding: 25px;
    border-radius: 25px;
    left: -100px;
    top: 25px;
    position: relative; }
    @media (max-width: 768px) {
      .slider-foto-container .slider-foto-title {
        left: 0;
        top: 0;
        font-size: 28px; } }
  .slider-foto-container .button-arrow {
    font-size: 20px;
    transition: transform 0.3s ease; }
  .slider-foto-container .slider-foto-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .slider-foto-container .slider-foto-wrapper .slider-foto-track {
      display: flex;
      gap: 20px;
      will-change: transform; }
      .slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item {
        flex: 0 0 auto;
        width: 35%;
        border-radius: 20px;
        overflow: hidden; }
        @media (max-width: 768px) {
          .slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item {
            width: 250px;
            aspect-ratio: 9/16; } }
        .slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item .slider-foto-image {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.3s ease;
          pointer-events: none;
          aspect-ratio: 9/16; }
        .slider-foto-container .slider-foto-wrapper .slider-foto-track .slider-foto-item:hover .slider-foto-image {
          transform: scale(1.05); }

/* CONTATTI */
.icon {
  background-color: #BADA55;
  margin-right: 10px;
  border: 1px solid #BADA55;
  border-radius: 50%;
  padding: 10px;
  color: #fff;
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear;
  transition: all 0.3s 0s linear; }
  .icon:hover {
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear;
    background-color: #fff;
    color: #BADA55; }

.visible-sm {
  display: none; }
  @media (max-width: 768px) {
    .visible-sm {
      display: block; } }

.visible-md {
  display: block; }
  @media (max-width: 768px) {
    .visible-md {
      display: none; } }

/* FOOTER */
#colophon {
  border-top: 1px solid #eee;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 400;
  color: #333; }
  #colophon .site-wrapper {
    padding: 0; }
  #colophon #footer-widget {
    background-color: #fbfbfb;
    width: 100%;
    min-height: 100px;
    padding: 25px 0; }
    #colophon #footer-widget .footer-widget__col {
      width: 33.33333%;
      float: left;
      padding: 0 15px; }
      #colophon #footer-widget .footer-widget__col a {
        color: #BADA55;
        font-weight: 400; }
      #colophon #footer-widget .footer-widget__col .widget-title {
        letter-spacing: 0;
        font-weight: 600 !important;
        font-size: 25px;
        line-height: 30px;
        margin: 0 0 25px 0 !important; }
      #colophon #footer-widget .footer-widget__col .textwidget .logo-social {
        width: 35px;
        margin-top: 15px; }
      #colophon #footer-widget .footer-widget__col .footer__social-element {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        font-weight: 400; }
      @media (max-width: 768px) {
        #colophon #footer-widget .footer-widget__col {
          width: 100%;
          float: none; } }

.footer-post__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px; }
.footer-post__thumb .post-thumbnail {
  width: 150px;
  display: flex; }
  .footer-post__thumb .post-thumbnail img {
    border-radius: 0; }
.footer-post__post {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 15px; }
  .footer-post__post a {
    font-size: 14px;
    line-height: 18px; }
  .footer-post__post span {
    font-size: 14px;
    line-height: 18px;
    margin-top: 5px; }

/* SUB FOOTER */
.subfooter {
  min-height: 70px;
  display: flex;
  align-items: center;
  background-color: #BADA55;
  color: #000;
  font-size: 13px;
  line-height: 28px;
  font-weight: 500; }
  .subfooter a {
    color: #000 !important; }
  @media (max-width: 768px) {
    .subfooter {
      text-align: center;
      padding: 10px 0; } }
  .subfooter__desc {
    float: left; }
    @media (max-width: 768px) {
      .subfooter__desc {
        float: none; } }
  .subfooter__credits {
    float: right; }
    @media (max-width: 768px) {
      .subfooter__credits {
        float: none; } }

/* MISC */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important; }

.grecaptcha-badge:hover {
  width: 256px !important; }

.d-flex-center {
  display: flex;
  align-items: center; }

#back-to-top {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background-color: #4B8282;
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s linear;
  -moz-transition: all 0.3s 0s linear;
  -o-transition: all 0.3s 0s linear;
  transition: all 0.3s 0s linear;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 70;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); }
  #back-to-top span {
    font-size: 20px; }
  #back-to-top.attivo {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s 0s linear;
    -moz-transition: all 0.3s 0s linear;
    -o-transition: all 0.3s 0s linear;
    transition: all 0.3s 0s linear; }
  @media (max-width: 480px) {
    #back-to-top {
      width: 35px;
      height: 35px;
      bottom: 15px;
      right: 15px; }
      #back-to-top span {
        font-size: 20px; } }

.z-index-top {
  position: relative;
  z-index: 60; }

/* 404*/
.error-404 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: calc(100vh - 170px);
  text-align: center; }

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

/* landing */
.page-id-526 h2, .page-id-526 h3 {
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase; }
.page-id-526 .btn, .page-id-526 .vc_btn3 {
  border-radius: 15px !important; }

/*# sourceMappingURL=custom.css.map */