/*
***
***
*  CSS TABLE OF CONTENTS
*   
*  1.0 - Reset
*  2.0 - Fonts
*  3.0 - Globals
*  4.0 - Header
*    4.1 - Menu
*  5.0 - Footer
*  6.0 - Home
*    6.1 - Hero
*    6.2 - Poster Brand
*    6.3 - Il Nostro Mondo
*    6.4 - Iscrviti alla Newsletter
*      6.4.1 - Form Newsletter
*    6.5 - Category
*    6.6 - Promo
*    6.7 - Choose Product
*    6.8 - Best Seller
*    6.9 - Personal Shopper
*    6.10 - Row Space
*    6.11 - Noleggio
*	 6.12 - Realizzazioni
*  7.0 - Shop
*  8.0 - Carrello - Checkout
*  9.0 - Contatti
***
*/

/* ==========================================================================
   1.0  Reset
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ==========================================================================
   2.0  Fonts
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* ==========================================================================
   3.0  Global
   ========================================================================== */
body {
  background-color: var(--white);
  position: relative;
  font-family: "Poppins", sans-serif;
}

:root {
  --black: #000000;
  --white: #ffffff;
  --orange: #ed7211;
  --grey: #b9b9b9;
  --line-grey: #cfcfcf;
  --light-grey: #f5f5f5;
  --strong-grey: #707070;
  --letter-grey: #d2d2d2;
}

h1,
h2,
h3,
h4,
p,
span,
.wpb_content_element {
  margin: 0;
}

#content > .grid-container.content-page-wrapper {
  padding-bottom: 0;
}

.progress-page .scrolltotop .tooltip {
  background-color: var(--orange);
}

.progress-page .scrolltotop .tooltip:after {
  border-top-color: var(--orange);
}

body:not(.home) .page-header.page-title-default.title-size-default {
  background-color: var(--white);
}

.chaty-whatsapp-message p,
.chaty-widget-i.chaty-main-widget .chaty-widget-i-title p,
.chaty-widget-i .chaty-widget-i-title p {
  font-size: 14px !important;
}

/* ==========================================================================
   4.0  Header
   ========================================================================== */
.topbar-contact a {
  font-size: 18px;
}

/* ==========================================================================
   4.1  Menu
   ========================================================================== */
#menu-main-menu {
  justify-content: flex-end;
  padding-right: 60px;
}

body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .dropdown.menu
  > li
  > a
  span,
body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-expanded-view
  .header-account
  > ul.my-account-icon
  > li
  > a:before,
body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-cart.show-cart-icon:before,
body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .dropdown.menu
  > li
  > a:after {
  color: var(--black);
}

body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-expanded-view
  svg {
  fill: var(--black);
  stroke: var(--black);
}

body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-cart
  .header-cart-count
  .header-cart-count-background,
body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .menu-trigger
  .nav_burger
  span,
body:not(.home)
  header.site-header:not(.header--clone).header-color-light
  .menu-trigger
  .nav_burger
  span:before {
  background-color: var(--black);
}

/* bianco su menu trasparente
body:not(.home) header.site-header:not(.header--clone).header-color-light .header-wrapper .header-sections .tools .header-cart .header-cart-count .header-cart-count-number,
.page-id-3972 header.site-header:not(.header--clone).header-color-light .header-wrapper .primo_livello {
    color: var(--white);
} */

header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-expanded-view
  .header-account
  > ul.my-account-icon
  > li
  > a:before,
header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-cart.show-cart-icon:before {
  color: var(--black);
}

header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-cart
  .header-cart-count
  .header-cart-count-number {
  color: var(--white);
}

header.site-header:not(.header--clone).header-color-light
  .header-wrapper
  .header-sections
  .tools
  .header-cart
  .header-cart-count
  .header-cart-count-background {
  background: var(--black);
}

/*UBERMENU*/
#ubermenu-nav-main-2022-primary {
  text-align: right;
}

.primo_livello > span {
  padding-right: 3px;
  font-size: 20px !important;
  text-transform: uppercase;
}

.ubermenu-sub-indicators
  .ubermenu-has-submenu-drop
  > .ubermenu-target
  > .ubermenu-sub-indicator {
  font-size: 15px;
}

.brands-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 0 44px;
  max-width: 400px;
}

.brands-container img {
  max-width: 80px;
}

.ubermenu-column-id-20157,
.ubermenu-column-id-20160,
.ubermenu-column-id-20158,
.ubermenu-column-id-20159

/*colonne brands*/ {
  padding-top: 50px !important;
}

.navigation-foundation ul li a span,
.navigation-foundation .menu-trigger .menu-title,
header.site-header
  .header-wrapper
  .header-sections
  .tools
  .header-cart
  .header-cart-title,
header.site-header
  .header-wrapper
  .header-sections
  .tools
  .header-expanded-view
  .header-account
  > a {
  font-size: 16px;
}

.header-wrapper.grid-container {
  padding-bottom: 0;
}

.site-header.header--clone .header-wrapper {
  padding-top: 10px;
  padding-bottom: 0px;
}

#custom-fibo-container {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* allineamento testo barra di ricerca
.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 10px 50px 10px 15px;
    text-align: right;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    left: auto;
    right: 12px;
}

.dgwt-wcas-preloader {
    left: 0;
} */

/* ==========================================================================
   5.0  Footer
   ========================================================================== */
#block-16,
#nav_menu-2,
#block-13,
#block-14,
#block-15 {
  margin-bottom: 0;
}

#block-14 {
  padding-bottom: 0 !important;
}

#media_image-2,
#custom_html-2 {
  margin-bottom: 0;
}

#media_image-2 img {
  width: auto !important;
  height: 75px !important;
}

.widget_nav_menu ul li a:hover {
  opacity: 1;
}

#custom_html-2 {
  padding-bottom: 25px !important;
}

#custom_html-2 h4 {
  font-weight: normal !important;
}

#custom_html-3 ul {
  list-style: none;
  margin-left: 0 !important;
}

#custom_html-3 ul li,
#custom_html-3 ul li a {
  color: var(--white);
  background-image: none !important;
  font-size: 24px;
}

.social-menu {
  margin-top: 15px;
}

.social-menu ul {
  display: flex;
  list-style: none !important;
  gap: 15px;
  margin-left: 0 !important;
}

.social-menu ul li {
  width: 55px;
  height: 55px;
  background-color: var(--orange);
  border-radius: 50%;
}

.social-menu ul li a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: none !important;
}

.social-menu ul li a i {
  font-size: 28px;
  color: var(--white);
}

.social-menu ul li a:hover {
  text-decoration: none;
}

.social-menu ul li a:hover i {
  color: var(--grey);
}

/* ==========================================================================
   6.0  Home
   ========================================================================== */

/* ==========================================================================
   6.1  Hero
   ========================================================================== */
#hero {
  height: calc(100vh - 205px);
  margin-top: 154px !important;
}

#hero > .vc_col-sm-12,
#hero > .vc_col-sm-12 > .vc_column-inner,
#hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row {
  height: 20%;
}

#hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child {
  height: 40%;
}

#hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div {
  height: 100%;
  border-bottom: 2px solid var(--white);
  border-right: 2px solid var(--white);
}

#hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div:last-child,
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:first-child,
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(4)
  > div:first-child {
  border-right: 0;
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div {
  border-bottom: 0;
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:nth-child(3),
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(3),
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3)
  > div:nth-child(3),
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2),
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(4) {
  background-color: rgba(139, 32, 0, 0.6);
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2) {
  display: flex;
  align-items: flex-end;
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p {
  margin: 0 0 30px 3rem;
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p
  a,
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p
  a:hover {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  background-image: none;
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(4)
  p {
  color: var(--white);
  text-transform: uppercase;
  text-align: right;
  margin: 30px 30px 0 0;
  font-weight: 500;
}

#hero h1 {
  margin: 0;
  text-transform: uppercase;
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2),
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(3) {
  display: flex;
  align-items: center;
}

#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2),
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  > .vc_column-inner,
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  > .vc_column-inner
  > .wpb_wrapper,
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  > .vc_column-inner
  > .wpb_wrapper
  > .wpb_raw_code,
#hero
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  > .vc_column-inner
  > .wpb_wrapper
  > .wpb_raw_code
  > .wpb_wrapper {
  height: 100%;
}

.box-text-svg {
  height: 100%;
  position: relative;
}

.box-text-svg svg {
  position: absolute;
  top: 50%;
  transform: translateY(-52%);
  right: 1%;
}

.text-svg {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.letter-white {
  fill: var(--white);
}

.letter-orange {
  fill: var(--orange);
}

#progetti,
#arredi,
#realizzi,
#vendi,
#rinnovi,
#consigli,
#sogni {
  opacity: 0;
}

/* ==========================================================================
   6.2  Poster Brand
   ========================================================================== */
#poster {
  width: 100%;
  height: 100vh;
  background-color: var(--white);
}

#poster > .vc_col-sm-12,
#poster > .vc_col-sm-12 > .vc_column-inner,
#poster > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#poster > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:first-child {
  height: 20%;
}

#poster > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:nth-child(2) {
  height: 70%;
}

#poster > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child {
  height: 10%;
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:first-child {
  height: 100%;
  background-color: var(--light-grey);
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2) {
  height: 100%;
  display: flex;
  align-items: center;
  background: var(--light-grey);
  background: linear-gradient(
    90deg,
    rgba(245, 245, 245, 1) 0%,
    rgba(245, 245, 245, 1) 40%,
    rgba(255, 255, 255, 1) 40%,
    rgba(255, 255, 255, 1) 100%
  );
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:nth-child(2),
#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2) {
  height: 100%;
  position: relative;
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:first-child,
#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:nth-child(3) {
  height: 100%;
  background-color: var(--orange);
  border-right: 2px solid var(--white);
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  p {
  line-height: 1.2;
  color: var(--strong-grey);
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p {
  padding-left: 5em;
  border-bottom: 2px solid var(--black);
  display: inline-block;
  position: absolute;
  z-index: 100;
  top: -100%;
  left: -5%;
}

#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p
  a,
#poster
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p
  a:hover {
  color: var(--orange);
  text-transform: uppercase;
  text-decoration: none;
  background-image: none;
}

.poster-svg svg {
  position: absolute;
  z-index: 100;
  width: 155%;
  top: 40%;
  left: -2px;
  border-left: 2px solid var(--orange);
}

.letter-grey {
  fill: var(--letter-grey);
}

#poster-loop {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

#poster-loop > div {
  position: absolute;
  top: 20%;
  left: -50%;
  z-index: 100;
  width: 150%;
  padding: 0 2rem;
}

#poster-loop #products {
  margin-bottom: 0;
}

.woocommerce .product-labels.labels-solid .onsale {
  background-color: var(--strong-grey);
}

.woocommerce .product-labels.labels-solid .out-of-stock {
  background-color: var(--black);
}

.woocommerce ins .amount {
  color: var(--black);
}

ul.products
  li.product
  .product-inner
  .product-details
  .price
  del
  .amount:before {
  border-bottom: 1px solid var(--black);
}

/* ==========================================================================
   6.3  Il Nostro Mondo
   ========================================================================== */
#our-world {
  width: 100%;
  height: calc(100vh - 205px);
}

#our-world.top-hero {
  margin-top: 19px;
}

#our-world > .vc_col-sm-12,
#our-world > .vc_col-sm-12 > .vc_column-inner,
#our-world > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#our-world
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child {
  height: 10%;
}

#second-our-world > div:nth-child(2) {
  display: flex;
  align-items: center;
}

#our-world > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div {
  height: 100%;
  border-bottom: 2px solid var(--white);
  border-right: 2px solid var(--white);
}

#our-world
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:last-child {
  border-right: 0;
}

#our-world
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div {
  border-bottom: 0;
}

#our-world
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3) {
  background-color: rgba(139, 32, 0, 0.6);
}

#second-our-world > div:nth-child(2) p {
  line-height: 1.2;
  color: var(--white);
}

#our-world
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3)
  p {
  margin: 30px 0 0 3rem;
}

#our-world
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3)
  p
  a,
#our-world
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3)
  p
  a:hover {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  background-image: none;
}

/* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
#newsletter {
  width: 100%;
  background-color: var(--white);
  height: 70vh;
}

#newsletter > .vc_col-sm-12,
#newsletter > .vc_col-sm-12 > .vc_column-inner,
#newsletter > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child,
#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child {
  height: 15%;
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2) {
  height: 70%;
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:first-child {
  height: 100%;
  background-color: var(--light-grey);
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2) {
  height: 100%;
  border-left: 2px solid var(--light-grey);
  background-color: var(--light-grey);
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:nth-child(2),
#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2) {
  height: 100%;
  position: relative;
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:first-child,
#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
}

.newsletter-svg svg {
  position: absolute;
  z-index: 100;
  width: 155%;
  top: 40%;
  left: -2px;
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

#newsletter
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child
  h2 {
  text-transform: uppercase;
  color: var(--strong-grey);
}

/* ==========================================================================
   6.4.1  Form Newsletter
   ========================================================================== */
#gform_wrapper_1 {
  margin: 15px 0 4% 0;
  width: 50%;
}

#gform_1 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

#gform_1 > .gform_body {
  width: 80%;
  margin: 0;
  padding: 0;
}

#gform_1 > .gform_footer {
  width: 20%;
  margin: 0;
  padding: 0;
}

#gform_1 > .gform_body input {
  background-color: var(--orange);
  color: var(--white);
  font-size: 24px;
  border: 0;
  height: 70px;
  margin: 0;
}

#gform_1 > .gform_body input::placeholder {
  color: var(--white);
}

#gform_1 > .gform_footer input {
  background-color: var(--white);
  color: var(--orange);
  font-size: 24px;
  font-weight: 400;
  border: 0;
  height: 70px;
  margin: 0;
  text-transform: uppercase;
  padding-top: 24px;
}

.gform_wrapper .gform_validation_errors {
  display: none;
}

#field_1_1 {
  position: relative;
}

#field_1_2 .ginput_container.ginput_container_consent {
  display: flex;
  align-items: center;
}

#field_1_2 .ginput_container.ginput_container_consent label {
  color: var(--strong-grey);
}

#input_1_2_1 {
  height: auto !important;
}

#field_1_2 .gfield_required.gfield_required_text {
  display: none;
}

#input_1_3 {
  padding: 0 8px;
  font-size: 18px;
}

#validation_message_1_1,
#validation_message_1_2,
#validation_message_1_3 {
  /* position: absolute; */
  display: none;
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  border: 0;
  background-color: transparent;
}

#gform_confirmation_wrapper_1 {
  margin: 30px 0 8% 0;
}

#gform_confirmation_message_1 {
  color: var(--strong-grey);
}

/* ==========================================================================
   6.5  Category
   ========================================================================== */
#category {
  width: 100%;
  background-color: var(--white);
  height: 100vh;
}

#category > .vc_col-sm-12,
#category > .vc_col-sm-12 > .vc_column-inner,
#category > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#category > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:first-child,
#category > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child {
  height: 10%;
}

#category
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:first-child,
#category
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
}

#category .categories {
  height: 80%;
  width: 95%;
  margin: 0 auto;
}

#category .categories > div {
  height: 100%;
}

#category .categories > div div,
#category .categories > div div figure,
#category .categories > div div figure a {
  height: 100%;
  width: 100%;
}

#category .categories div figure a {
  position: relative;
  overflow: hidden;
}

#category .categories img {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  max-width: 95%;
}

/* ==========================================================================
   6.6  Promo
   ========================================================================== */
#promo {
  width: 100%;
  background-color: var(--white);
  height: 70vh;
}

#promo > .vc_col-sm-12,
#promo > .vc_col-sm-12 > .vc_column-inner,
#promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:first-child,
#promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child {
  height: 15%;
}

#promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:nth-child(2) {
  height: 70%;
}

#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:first-child,
#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
}

#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
  border-top: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
}

#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2) {
  height: 100%;
  border-top: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
  position: relative;
}

#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  > div {
  position: absolute;
  top: 15%;
  left: 45%;
  transform: rotate(-90deg);
}

#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  p
  a,
#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2)
  p
  a:hover {
  color: var(--orange);
  text-transform: uppercase;
  text-decoration: none;
  background-image: none;
  font-size: 42px;
}

#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child,
#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child
  > .vc_column-inner,
#promo
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child
  > .vc_column-inner
  > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#promo h1 {
  text-transform: uppercase;
  color: var(--white);
  margin: 0 0 0 30px;
}

#promo h2 {
  text-transform: uppercase;
  color: var(--white);
  margin: 30px 0 0 30px;
  font-weight: 300;
}

#link-promo {
  cursor: pointer;
}

/* ==========================================================================
   6.7  Choose Product
   ========================================================================== */
#choose-product {
  width: 100%;
  background-color: var(--light-grey);
  height: auto;
}

#choose-product > .vc_col-sm-12,
#choose-product > .vc_col-sm-12 > .vc_column-inner,
#choose-product > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper,
#choose-product > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row,
#choose-product > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div,
#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div
  > .vc_column-inner,
#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div
  > .vc_column-inner
  > .wpb_wrapper,
#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div
  > .vc_column-inner
  > .wpb_wrapper
  > .woocommerce,
#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div
  > .vc_column-inner
  > .wpb_wrapper
  > .woocommerce
  > .grid-container,
#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div
  > .vc_column-inner
  > .wpb_wrapper
  > .woocommerce
  > .grid-container
  > .grid-x,
#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div
  > .vc_column-inner
  > .wpb_wrapper
  > .woocommerce
  > .grid-container
  > .grid-x
  > .cell {
  padding: 0;
}

#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:last-child
  ul.products,
#choose-product > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:last-child
  ul.products
  .post-5905,
#choose-product
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:last-child
  ul.products
  .post-5421 {
  display: none;
  opacity: 1 !important;
}

.choose-circle {
  fill: var(--orange);
  stroke-width: 5;
  stroke-miterlimit: 10;
  cursor: pointer;
}

.choose-circle.active {
  stroke: var(--black);
}

/* ==========================================================================
   6.8  Best Seller
   ========================================================================== */
#best-seller {
  width: 100%;
  background-color: var(--white);
  height: 80vh;
}

#best-seller > .vc_col-sm-12,
#best-seller > .vc_col-sm-12 > .vc_column-inner,
#best-seller > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#best-seller
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child,
#best-seller
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child {
  height: 15%;
}

#best-seller
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2) {
  height: 70%;
}

#best-seller
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
}

#best-seller
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:nth-child(2) {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.best-deller-svg svg {
  width: 90%;
}

#best-seller
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child {
  height: 100%;
}

#best-seller
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child
  > div {
  width: 95%;
  float: left;
  padding: 60px 5rem 0 5rem;
}

/* ==========================================================================
   6.9  Personal Shopper
   ========================================================================== */
#personal-shopper {
  width: 100%;
  background-color: var(--white);
  height: 80vh;
}

#personal-shopper > .vc_col-sm-12,
#personal-shopper > .vc_col-sm-12 > .vc_column-inner,
#personal-shopper > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child {
  height: 10%;
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2),
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3),
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child {
  height: 30%;
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:first-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:first-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3)
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--orange);
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:first-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2) {
  height: 100%;
  background-color: var(--orange);
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:last-child {
  height: 100%;
  background-color: rgba(237, 114, 17, 0.6);
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:first-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:nth-child(2),
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:first-child
  > div:last-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:first-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2),
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:last-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3)
  > div:first-child,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3)
  > div:nth-child(2),
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3)
  > div:last-child {
  border-bottom: 2px solid var(--white);
  height: 100%;
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2),
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3)
  > div:nth-child(2) {
  height: 100%;
  display: flex;
  align-items: center;
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(3)
  > div:nth-child(2)
  p {
  color: var(--white);
  font-weight: 500;
  line-height: 1.2;
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p {
  margin-top: 30px;
}

#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p
  a,
#personal-shopper
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p
  a:hover {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  background-image: none;
}

/* ==========================================================================
   6.10  Row Space
   ========================================================================== */
.row-space {
  width: 100%;
  background-color: var(--white);
  height: 60px;
}

.row-space > .vc_col-sm-12,
.row-space > .vc_col-sm-12 > .vc_column-inner,
.row-space > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0 !important;
}

.row-space > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row {
  height: 100%;
}

.row-space
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:first-child {
  height: 100%;
  border-right: 2px solid var(--line-grey);
}

/* ==========================================================================
   6.11  Noleggio
   ========================================================================== */
#noleggio {
  width: 100%;
  background-color: var(--white);
  height: 80vh;
}

#noleggio > .vc_col-sm-12,
#noleggio > .vc_col-sm-12 > .vc_column-inner,
#noleggio > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
  height: 100%;
  padding: 0;
}

#noleggio > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:first-child {
  height: 20%;
}

#noleggio > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:nth-child(2),
#noleggio > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child {
  height: 40%;
}

#noleggio > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div {
  height: 100%;
  border-bottom: 2px solid var(--white);
  border-right: 2px solid var(--white);
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row
  > div:last-child {
  border-right: 0;
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div {
  border-bottom: 0;
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:first-child,
#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2),
#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(3),
#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:first-child,
#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2),
#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3) {
  background-color: rgba(139, 32, 0, 0.6);
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:nth-child(2)
  > div:nth-child(2) {
  height: 100%;
  position: relative;
}

.noleggio-svg {
  position: absolute;
  top: 50%;
  transform: translateY(-49%);
  left: 0;
  width: 118%;
  height: auto;
  z-index: 100;
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2) {
  height: 100%;
  display: flex;
  align-items: center;
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(2)
  p {
  color: var(--white);
  font-weight: 500;
  line-height: 1.2;
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3) {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3)
  p {
  margin: 0 15px 30px 0;
  text-align: right;
}

#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3)
  p
  a,
#noleggio
  > .vc_col-sm-12
  > .vc_column-inner
  > .wpb_wrapper
  > .row:last-child
  > div:nth-child(3)
  p
  a:hover {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  background-image: none;
}

/* ==========================================================================
   6.12  Realizzazioni
   ========================================================================== */

#realizzazioni a {
  color: var(--orange);
  font-weight: 600;
  background-image: none !important;
}

#realizzazioni h4 {
  color: var(--orange);
}

.realizzazioni h3 {
  margin-top: 30px;
}

#realizzazioni .backstage-button a {
  color: var(--white);
  font-weight: 600;
}

#realizzazioni .backstage-button a:hover {
  color: var(--orange);
}

body.single-post .page-header .barberry-entry-meta ul.entry-meta-list,
#realizzazioni .grid-backstage {
  display: none;
}

.wrapper-time {
  width: auto;
  margin: 50px auto;
  padding: 0 20px;
  position: relative;
}

.wrapper-time .center-line {
  position: absolute;
  height: 100%;
  width: 4px;
  background: var(--orange);
  left: 45px;
  top: 20px;
}

.wrapper-time .row-time {
  display: flex;
  margin: 0 0 60px 60px;
}

.wrapper-time .row-time section {
  background: var(--white);
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  position: relative;
  border: 2px solid var(--orange);
  box-sizing: content-box;
}

.wrapper-time .row-time section::before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  background: var(--orange);
  top: 28px;
  z-index: -1;
  transform: rotate(45deg);
}

.row-time section::before {
  left: -7px;
}

.row-time section .icon,
.center-line .scroll-icon {
  position: absolute;
  background: #f2f2f2;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: var(--orange);
  font-size: 17px;
  box-shadow: 0 0 0 4px var(--white), inset 0 2px 0 rgba(0, 0, 0, 0.08),
    0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.center-line .scroll-icon {
  top: 100%;
  left: 50%;
  font-size: 25px;
  transform: translateX(-50%);
}

.row-time section .icon {
  top: 15px;
  left: -60px;
}

.row-time section .details-time .title-time {
  font-size: 22px;
  font-weight: 600;
}

.row-time section p {
  font-size: 24px;
  font-weight: 800;
}

#realizzazioni > div:nth-child(2) > div:nth-child(2) p {
  margin-bottom: 15px;
}

#realizzazioni > div:nth-child(2) > div:nth-child(2) p > strong {
  margin-right: 5px;
}

/* ==========================================================================
   7.0  Shop
   ========================================================================== */

.label {
  background-color: #ed7211;
  text-align: center;
}

.label > label {
  margin: 0;
}

body.woocommerce-checkout .checkout-wrapper .woocommerce-NoticeGroup {
  display: none;
}

.widget
  .wc-block-product-categories
  .wc-block-product-categories-list
  li
  ul.wc-block-product-categories-list--depth-1
  li
  span.wc-block-product-categories-list-item-count {
  display: none;
}

.pwb-single-product-brands.pwb-clearfix img {
  border-radius: 50%;
  padding: 2px;
  border: 1px solid var(--black);
  width: 70px;
  height: 70px;
}

.tax-pwb-brand #content > .grid-container.content-page-wrapper {
  padding-top: 180px;
}

.widget
  .wc-block-product-categories
  .wc-block-product-categories-list
  li
  span.wc-block-product-categories-list-item-count {
  display: none !important;
}

/* ==========================================================================
   8.0  Carrello
   ========================================================================== */
.woocommerce-cart .offcanvas_container,
.woocommerce-checkout .offcanvas_container {
  margin-top: 135px;
}

.form-row {
  flex-direction: column !important;
}

.swatchly-swatch:hover,
.swatchly-swatch.swatchly-selected,
.swatchly-swatch.swatchly-more-button {
  border: 3px solid #ed7211 !important;
}

/* ==========================================================================
   9.0  Contatti
   ========================================================================== */
.custom-pad {
  padding-top: 50px;
}

.page-id-3645 .vc_custom_heading > a {
  text-decoration: none !important;
  background-image: none !important;
  color: var(--black) !important;
}

/* ==========================================================================
   10.0  GRENKE
   ========================================================================== */

.section_grenke {
  margin-top: 170px;
}

.section_grenke > .vc_custom_1649925610430 > .wpb_column {
  background-color: rgba(0, 0, 0, 0.5);
}

.logo {
}

.testo_header {
  margin: 100px 250px 200px;
}

.testo_header p {
  font-size: 35px;
  font-weight: bold;
}

.testo_grenke {
  margin: 50px 150px;
}

.testo_grenke p {
  font-size: 20px;
  font-weight: bold;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* XXX-Large devices (large desktops, less than 1800px) */
@media (max-width: 1799.98px) {
  /* ==========================================================================
   6.7  Choose Product
   ========================================================================== */
  #choose-product
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row
    > div:last-child
    ul.products {
    padding: 0 5rem;
  }
}

/* XX-Large devices (large desktops, less than 1600px) */
@media (max-width: 1599.98px) {
  /* ==========================================================================
   3.0  Global
   ========================================================================== */
  p {
    font-size: 18px;
  }

  /* ==========================================================================
   5.0  Footer
   ========================================================================== */
  #custom_html-3 ul li,
  #custom_html-3 ul li a {
    font-size: 94% !important;
  }

  /* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:last-child
    h2 {
    font-size: 28px;
  }

  #gform_1 > .gform_body input {
    font-size: 22px;
    height: 50px;
  }

  /* ==========================================================================
    6.6  Promo
    ========================================================================== */
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    > div {
    left: 40%;
  }

  #promo h2 {
    font-size: 34px;
  }

  /* ==========================================================================
   6.11  Noleggio
   ========================================================================== */
  .noleggio-svg {
    width: 120%;
  }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  /* ==========================================================================
   4.1  Menu
   ========================================================================== */
  .primo_livello {
    padding: 10px 25px 10px 10px !important;
  }

  .top-brands {
    width: 100% !important;
  }

  .brands-container {
    gap: 0;
    max-width: 100%;
    padding: 0 !important;
  }

  .primo_livello > span {
    font-size: 16px !important;
  }

  .ubermenu .ubermenu-nav .ubermenu-column-1-5 {
    width: 33%;
  }

  .ubermenu .ubermenu-nav .ubermenu-column-1-3 {
    width: 50%;
  }

  .ubermenu-column-id-20157,
  .ubermenu-column-id-20160,
  .ubermenu-column-id-20158,
  .ubermenu-column-id-20159 {
    padding-top: 0px !important;
    width: 25% !important;
  }

  .brands-container img {
    max-width: 70px;
  }

  /* ==========================================================================
   5.0  Footer
   ========================================================================== */
  footer#site-footer .copyright-section .footer_text {
    font-size: 14px;
  }

  /* ==========================================================================
   6.2  Poster Brand
   ========================================================================== */
  #poster {
    height: 700px;
  }

  #choose-product
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title
    a,
  #poster
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title
    a {
    font-size: 14px;
  }

  .poster-svg svg {
    top: 60%;
  }

  /* ==========================================================================
   6.3  Il Nostro Mondo
   ========================================================================== */
  #our-world
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p
    a,
  #our-world
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p
    a:hover {
    line-height: 1rem;
  }

  /* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
  #newsletter {
    height: 55vh;
  }

  /* ==========================================================================
   6.5  Category
   ========================================================================== */
  #category {
    height: 85vh;
  }

  #category .categories img {
    max-width: 95%;
    height: 100%;
  }

  /* ==========================================================================
    6.6  Promo
    ========================================================================== */
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a,
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a:hover {
    font-size: 34px;
  }

  #promo h2 {
    font-size: 30px;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    > div {
    top: 30%;
  }

  /* ==========================================================================
   6.8  Best Seller
   ========================================================================== */
  #best-seller {
    height: 60vh;
  }

  #best-seller
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title
    a {
    font-size: 14px;
  }

  /* ==========================================================================
   6.9  Personal Shopper
   ========================================================================== */
  #personal-shopper {
    height: 550px;
  }

  /* ==========================================================================
   6.11  Noleggio
   ========================================================================== */
  #noleggio {
    height: 600px;
  }

  /* ==========================================================================
   6.12  Realizzazioni
   ========================================================================== */
  .realizzazioni .barberry-button-container .b-button_small {
    padding: 15px 20px 15px;
  }

  /* ==========================================================================
   10.0  GRENKE
   ========================================================================== */

  .testo_header p {
    font-size: 25px;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  /* ==========================================================================
   3.0  Global
   ========================================================================== */
  p {
    font-size: 16px;
  }

  /* ==========================================================================
   4.1  Menu
   ========================================================================== */
  .navigation-foundation ul li a span,
  .navigation-foundation .menu-trigger .menu-title,
  header.site-header
    .header-wrapper
    .header-sections
    .tools
    .header-cart
    .header-cart-title,
  header.site-header
    .header-wrapper
    .header-sections
    .tools
    .header-expanded-view
    .header-account
    > a {
    font-size: 16px;
  }

  .navigation-foundation ul li a span,
  .navigation-foundation .menu-trigger .menu-title,
  header.site-header
    .header-wrapper
    .header-sections
    .tools
    .header-cart
    .header-cart-title,
  header.site-header
    .header-wrapper
    .header-sections
    .tools
    .header-expanded-view
    .header-account
    > a {
    font-size: 15px;
  }

  header.site-header.header-left
    .header-wrapper
    .header-sections
    .site-branding {
    padding-right: 0;
  }

  .primo_livello > span {
    font-size: 15px !important;
  }

  /* ==========================================================================
   5.0  Footer
   ========================================================================== */
  footer#site-footer a {
    font-size: 16px;
  }

  #custom_html-2 h4 {
    font-size: 18px;
  }

  footer#site-footer .widget-area .cell aside,
  footer#site-footer .copyright-section .cell aside {
    padding-bottom: 1rem;
  }

  footer#site-footer .grid-container {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  footer#site-footer .copyright-section {
    padding-top: 30px;
  }

  .social-menu ul li {
    width: 40px;
    height: 40px;
  }

  .social-menu ul li a i {
    font-size: 20px;
  }

  /* ==========================================================================
   6.0  Home
   ========================================================================== */

  /* ==========================================================================
   6.1  Hero
   ========================================================================== */
  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(4)
    p {
    margin: 15px 15px 0 0;
  }

  /* ==========================================================================
   6.2  Poster Brand
   ========================================================================== */
  #poster {
    height: 550px;
  }

  #choose-product
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title,
  #poster
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title {
    line-height: 1rem;
  }

  #choose-product
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title
    a,
  #poster
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title
    a {
    font-size: 12px;
  }

  #choose-product ul.products li.product .product-inner .product-details .mount,
  #poster ul.products li.product .product-inner .product-details .amount {
    font-size: 16px;
  }

  /* ==========================================================================
   6.3  Il Nostro Mondo
   ========================================================================== */
  #our-world {
    background-position: right;
  }

  #our-world
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p {
    margin: 15px 0 0 1rem;
  }

  /* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
  #newsletter {
    height: 400px;
  }

  #gform_wrapper_1 {
    margin: 15px 0;
  }

  /* ==========================================================================
   6.5  Category
   ========================================================================== */
  #category {
    height: 500px;
  }

  #category .categories img {
    max-width: 95%;
    height: auto;
  }

  /* ==========================================================================
    6.6  Promo
    ========================================================================== */
  #promo {
    height: 450px;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a,
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a:hover {
    font-size: 28px;
  }

  #promo h1 {
    font-size: 56px;
  }

  #promo h2 {
    font-size: 26px;
  }

  /* ==========================================================================
   6.8  Best Seller
   ========================================================================== */
  #best-seller {
    height: 500px;
  }

  #best-seller
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title {
    line-height: 1rem;
  }

  #best-seller
    ul.products
    li.product
    .product-inner
    .product-details
    .product-title
    a {
    font-size: 12px;
  }

  #best-seller ul.products li.product .product-inner .product-details .amount {
    font-size: 16px;
  }

  /* ==========================================================================
   6.9  Personal Shopper
   ========================================================================== */
  #personal-shopper {
    height: 400px;
  }

  /* ==========================================================================
   6.10  Row Space
   ========================================================================== */
  .row-space {
    height: 30px;
  }

  /* ==========================================================================
   6.11  Noleggio
   ========================================================================== */
  #noleggio {
    height: 450px;
  }

  /* ==========================================================================
   10.0  GRENKE
   ========================================================================== */
  .testo_header p {
    font-size: 15px;
  }
}

/* Medium devices (tablets, less than 1025px) */
@media (max-width: 1024.98px) {
  /* ==========================================================================
   4.0  Header
   ========================================================================== */
  .topbar .topbar-sections {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
  }

  .topbar .topbar-sections > div {
    width: auto !important;
  }

  .dgwt-wcas-no-submit
    .dgwt-wcas-sf-wrapp
    input[type="search"].dgwt-wcas-search-input {
    text-align: center;
  }

  body.header-has-overlap
    .page-header
    .title-section
    .title-section-wrapper
    .title-wrapper {
    margin-top: 120px;
  }

  header.site-header:not(.header--clone).header-color-light
    .menu-trigger
    .nav_burger
    span,
  header.site-header:not(.header--clone).header-color-light
    .menu-trigger
    .nav_burger
    span:before {
    background: var(--black);
  }

  header.site-header:not(.header--clone).header-color-light
    .menu-trigger
    .menu-title
    span {
    color: var(--black);
  }

  /* ==========================================================================
   5.0  Footer
   ========================================================================== */
  footer#site-footer .text-left {
    text-align: center;
  }

  .social-menu ul {
    justify-content: center;
  }

  footer#site-footer .copyright-section .grid-x .cell {
    padding-bottom: 0;
  }

  /* ==========================================================================
   6.3  Il Nostro Mondo
   ========================================================================== */
  #our-world {
    height: calc(100vh - 175px);
  }

  /* ==========================================================================
   6.7  Choose Product
   ========================================================================== */
  #choose-product
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row
    > div:last-child
    ul.products {
    padding: 0 3rem;
  }

  .tax-pwb-brand #content > .grid-container.content-page-wrapper {
    padding-top: 120px;
  }

  /* ==========================================================================
   8.0  Carrello
   ========================================================================== */
  .woocommerce-cart .offcanvas_container,
  .woocommerce-checkout .offcanvas_container {
    margin-top: 0;
  }

  /* ==========================================================================
   9.0  Contatti
   ========================================================================== */
  #contacts .vc_col-sm-5 {
    padding: 30px 0;
  }
}

/* Medium devices (tablets, less than 1024px) */
@media (max-width: 1023.98px) {
  /* ==========================================================================
   5.0  Footer
   ========================================================================== */
  .social-menu ul {
    margin-bottom: 0 !important;
  }

  /* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:last-child
    h2 {
    font-size: 24px;
  }

  #gform_1 > .gform_body input {
    font-size: 20px;
    height: 45px;
  }

  #gform_1 > .gform_footer input {
    font-size: 22px;
  }

  #field_1_2 .ginput_container.ginput_container_consent label {
    font-size: 12px;
  }

  /* ==========================================================================
    6.6  Promo
    ========================================================================== */
  #promo h1 {
    font-size: 52px;
  }

  .woocommerce-cart .offcanvas_container,
  .woocommerce-checkout .offcanvas_container {
    margin-top: 30px !important;
  }

  /* ==========================================================================
   10.0  GRENKE
   ========================================================================== */

  .testo_header {
    margin: 170px;
  }

  .testo_header p {
    font-size: 20px;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  /* ==========================================================================
   3.0  Global
   ========================================================================== */
  p {
    font-size: 14px;
  }

  /* ==========================================================================
   6.2  Poster Brand
   ========================================================================== */
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    font-size: 12px;
  }

  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p
    a,
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p
    a:hover {
    font-size: 16px;
  }

  /* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
  #newsletter {
    height: 350px;
  }

  /* ==========================================================================
   6.4.1  Form Newsletter
   ========================================================================== */
  #gform_wrapper_1 {
    margin: 0px 0 15px 0;
    width: 60%;
  }

  /* ==========================================================================
   6.5  Category
   ========================================================================== */
  #category {
    height: 450px;
  }

  /* ==========================================================================
    6.6  Promo
    ========================================================================== */
  #promo {
    height: 370px;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a,
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a:hover {
    font-size: 24px;
  }

  #promo h1 {
    font-size: 40px;
  }

  #promo h2 {
    font-size: 20px;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    > div {
    top: 40%;
  }

  /* ==========================================================================
   6.8  Best Seller
   ========================================================================== */
  #best-seller {
    height: 400px;
  }

  /* ==========================================================================
   6.9  Personal Shopper
   ========================================================================== */
  #personal-shopper {
    height: 300px;
  }

  /* ==========================================================================
    6.11  Noleggio
    ========================================================================== */
  #noleggio {
    height: 400px;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p
    a,
  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p
    a:hover {
    font-size: 16px;
  }

  /* ==========================================================================
   10.0  GRENKE
   ========================================================================== */

  .logo {
  }

  .testo_header {
    margin: 90px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  /* ==========================================================================
   4.0  Header
   ========================================================================== */
  .topbar-contact a {
    font-size: 16px;
  }

  #nav_menu-5 {
    display: none;
  }

  /* ==========================================================================
   6.0  Home
   ========================================================================== */

  /* ==========================================================================
   6.1  Hero
   ========================================================================== */

  #hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row {
    height: 10%;
  }

  #hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:nth-child(3) {
    height: 0;
  }

  #hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:nth-child(2),
  #hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child {
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:first-child,
  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:last-child {
    height: auto;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2),
  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(3) {
    height: 28%;
  }

  #hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div {
    height: auto;
    border: 0;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:nth-child(3),
  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3)
    > div:nth-child(3) {
    background-color: transparent;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(3),
  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2),
  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(4) {
    background-color: rgba(139, 32, 0, 0.6);
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3) {
    background-color: var(--white);
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    margin: 30px 0;
    text-align: center;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(4)
    p {
    text-align: center;
    margin: 15px 0;
  }

  .box-text-svg svg {
    right: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 75px;
    width: auto;
  }

  .text-svg {
    align-items: center;
  }

  #amo {
    height: 75px;
    width: auto;
  }

  /* ==========================================================================
   6.2  Poster Brand
   ========================================================================== */
  #poster,
  #poster > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:first-child,
  #poster > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:nth-child(2),
  #poster > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child,
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2) {
    height: auto;
  }

  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:first-child,
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:first-child,
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:first-child {
    height: auto;
    border: 0;
    background-color: var(--white);
  }

  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
  }

  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:nth-child(3),
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(3),
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3) {
    height: auto;
    background-color: var(--white);
    border: 0;
  }

  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2) {
    height: auto;
    padding: 30px 0 30px 30px;
    background: var(--light-grey);
  }

  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    position: unset;
    top: unset;
    left: unset;
    margin: 30px 0;
  }

  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p
    a,
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p
    a:hover {
    font-size: 28px;
  }

  .poster-svg svg {
    position: unset;
    width: 80%;
    top: unset;
    left: unset;
    border-left: 4px solid var(--orange);
  }

  #poster-loop {
    height: auto;
    display: flex;
    align-items: center;
  }

  #poster-loop > div {
    position: unset;
    top: unset;
    left: unset;
    z-index: 100;
    width: 100%;
    padding: 2rem 15px;
  }

  /* ==========================================================================
   6.3  Il Nostro Mondo
   ========================================================================== */
  #our-world > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div {
    border: 0;
  }

  #our-world
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child {
    background-color: rgba(139, 32, 0, 0.6);
    height: 60px;
  }

  #our-world
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div,
  #first-our-world,
  #first-our-world > div,
  #second-our-world,
  #second-our-world > div {
    height: auto !important;
  }

  #first-our-world > div:nth-child(2) {
    border-top: 2px solid var(--white) !important;
    border-bottom: 2px solid var(--white) !important;
  }

  .our-world-svg {
    margin-bottom: -3px;
  }

  #second-our-world {
    background-color: rgba(139, 32, 0, 0.6);
  }

  #second-our-world > div:nth-child(2) {
    padding: 30px 0 30px 30px;
  }

  #our-world
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p {
    margin: 30px 0 30px 30px;
  }

  /* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
  #newsletter {
    height: auto;
  }

  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child {
    height: auto;
    padding: 30px 0;
  }

  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2) {
    height: auto;
    padding: 0 30px;
  }

  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child,
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:nth-child(2),
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2) {
    height: auto;
  }

  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:first-child,
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:first-child,
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2),
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:first-child {
    height: auto;
    border: 0;
    background-color: transparent;
  }

  .newsletter-svg svg {
    position: unset;
    width: 100%;
    top: unset;
    left: unset;
  }

  /* ==========================================================================
   6.4.1  Form Newsletter
   ========================================================================== */
  #gform_1 > .gform_footer input {
    padding-top: 0;
    padding-bottom: 0;
  }

  #gform_wrapper_1 {
    width: 100%;
    margin: 30px 0;
  }

  /* ==========================================================================
   6.5  Category
   ========================================================================== */
  #category,
  #category > .vc_col-sm-12,
  #category > .vc_col-sm-12 > .vc_column-inner,
  #category > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
    height: auto;
  }

  #category
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child,
  #category
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child {
    height: 30px;
  }

  #category
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:first-child,
  #category
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:first-child {
    height: auto;
    border: 0;
  }

  #category .categories {
    height: auto;
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #category .categories > div {
    height: auto;
    width: 50%;
    margin-bottom: 15px;
  }

  #category .categories > div div,
  #category .categories > div div figure,
  #category .categories > div div figure a {
    height: auto;
    width: 100%;
  }

  #category .categories div figure a {
    position: relative;
    overflow: hidden;
  }

  #category .categories img {
    position: unset;
    left: unset;
    bottom: unset;
    transform: unset;
    max-width: 95%;
  }

  /* ==========================================================================
   6.6  Promo
   ========================================================================== */
  #promo,
  #promo > .vc_col-sm-12,
  #promo > .vc_col-sm-12 > .vc_column-inner,
  #promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper,
  #promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:nth-child(2) {
    height: auto;
  }

  #promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:first-child,
  #promo > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row:last-child {
    height: 30px;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:first-child,
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:first-child,
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:first-child {
    height: auto;
    border: 0;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2) {
    height: 90px;
    display: flex;
    align-items: center;
    padding-left: 30px;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    > div {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:last-child {
    height: 300px;
  }

  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a,
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2)
    p
    a:hover {
    font-size: 28px;
  }

  /* ==========================================================================
   6.7  Choose Product
   ========================================================================== */
  #choose-product {
    display: none;
  }

  /* ==========================================================================
   6.8  Best Seller
   ========================================================================== */
  #best-seller,
  #best-seller > .vc_col-sm-12,
  #best-seller > .vc_col-sm-12 > .vc_column-inner,
  #best-seller > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
    height: auto;
  }

  #best-seller
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child {
    height: 30px;
  }

  #best-seller
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child,
  #best-seller
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2) {
    height: auto;
  }

  #best-seller
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row
    > div:first-child {
    height: auto;
    border: 0;
  }

  #best-seller
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:last-child
    > div {
    width: 100%;
    float: left;
    padding: 30px 30px 0 30px;
  }

  #best-seller ul.products.columns-3 > .product {
    width: calc(100% / 3);
  }

  /* ==========================================================================
   6.9  Personal Shopper
   ========================================================================== */
  #personal-shopper,
  #personal-shopper > .vc_col-sm-12,
  #personal-shopper > .vc_col-sm-12 > .vc_column-inner,
  #personal-shopper > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2),
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3),
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child {
    height: auto;
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child {
    height: 30px;
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2),
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:last-child {
    height: auto;
    background-color: rgba(237, 114, 17, 0.6);
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:first-child,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:last-child {
    height: auto;
    background-color: transparent;
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:first-child,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:first-child,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:nth-child(2),
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child
    > div:last-child,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:first-child,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2),
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:last-child,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3)
    > div:first-child,
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3)
    > div:nth-child(2),
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3)
    > div:last-child {
    border: 0;
    height: auto;
  }

  .personal-shopper-svg svg {
    width: 80%;
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3)
    > div:nth-child(2) {
    padding: 30px 0 30px 30px;
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    margin: 15px 0 15px 30px;
  }

  /* ==========================================================================
   6.11  Noleggio
   ========================================================================== */
  #noleggio,
  #noleggio > .vc_col-sm-12,
  #noleggio > .vc_col-sm-12 > .vc_column-inner,
  #noleggio > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper,
  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2),
  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child {
    height: auto;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child {
    height: 30px;
  }

  #noleggio > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .row > div {
    height: auto;
    border: 0;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:first-child,
  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2),
  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(3) {
    height: auto;
    background-color: transparent;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:first-child,
  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2),
  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3) {
    background-color: rgba(139, 32, 0, 0.6);
    height: auto;
  }

  .noleggio-svg {
    position: unset;
    top: unset;
    transform: unset;
    left: unset;
    width: 80%;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    margin: 30px 0 30px 30px;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p {
    margin: 0 30px 30px 0;
  }

  /* ==========================================================================
   6.12  Realizzazioni
   ========================================================================== */
  #realizzazioni h2,
  #realizzazioni
    > div:nth-child(4)
    > div
    > div
    > div
    > div.row
    > div.backstage-button
    > div
    > div {
    text-align: center !important;
  }

  #realizzazioni
    > div:nth-child(4)
    > div
    > div
    > div
    > div.row
    > div:nth-child(1)
    > div
    > div
    > div {
    margin-bottom: 30px !important;
  }

  /* ==========================================================================
   10.0  GRENKE
   ========================================================================== */

  .logo img {
    width: 60%;
  }
  .testo_header {
    margin: 50px;
  }

  .testo_header p {
    font-size: 15px;
  }

  .testo_grenke {
    margin: 0;
  }

  .testo_grenke p {
    font-size: 15px;
  }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  /* ==========================================================================
   4.0  Header
   ========================================================================== */
  .topbar .grid-container {
    padding: 0 15px;
  }

  .topbar-contact {
    font-size: 12px !important;
  }

  /* ==========================================================================
   6.0  Home
   ========================================================================== */

  /* ==========================================================================
   6.1  Hero
   ========================================================================== */
  .box-text-svg svg,
  #amo {
    height: 45px;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    margin: 15px 0;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p
    a {
    font-size: 30px;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(4)
    p {
    text-align: center;
    margin: 15px 0;
  }

  #hero
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(4)
    .wpb_text_column:last-child
    p {
    margin-top: -20px;
  }

  /* ==========================================================================
   6.2  Poster Brand
   ========================================================================== */
  #poster
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    margin: 0 0 30px 0;
  }

  /* ==========================================================================
   6.3  Il Nostro Mondo
   ========================================================================== */
  #second-our-world > div:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
  }

  #our-world
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p {
    margin-left: 15px;
  }

  .mobile-br p br {
    display: none;
  }

  /* ==========================================================================
   6.4  Iscriviti alla Newsletter
   ========================================================================== */
  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:first-child {
    padding: 30px 15px;
  }

  #newsletter
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2) {
    height: auto;
    padding: 0 15px;
  }

  /* ==========================================================================
   6.4.1  Form Newsletter
   ========================================================================== */
  #gform_1 {
    flex-direction: column;
  }

  #gform_1 > div {
    width: 100% !important;
  }

  #gform_1 > .gform_footer {
    text-align: right;
  }

  #gform_1 > .gform_footer input {
    padding-right: 0;
  }

  /* ==========================================================================
   6.5  Category
   ========================================================================== */
  #category .categories > div {
    margin-bottom: 10px;
  }

  /* ==========================================================================
   6.6  Promo
   ========================================================================== */
  #promo
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(2)
    > div:nth-child(2) {
    padding-left: 15px;
  }

  #promo h1 {
    font-size: 33px;
    margin: 0 0 0 15px;
  }

  #promo h2 {
    font-size: 16px;
    margin: 30px 0 0 15px;
  }

  /* ==========================================================================
   6.8  Best Seller
   ========================================================================== */
  #best-seller ul.products.columns-3 > .product {
    width: 100%;
  }

  /* ==========================================================================
   6.9  Personal Shopper
   ========================================================================== */
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3)
    > div:nth-child(2) {
    padding: 30px 0 30px 15px;
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    margin: 15px 0 15px 15px;
  }

  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:nth-child(3),
  #personal-shopper
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child {
    background-color: rgba(237, 114, 17, 0.6);
  }

  /* ==========================================================================
   6.11  Noleggio
   ========================================================================== */
  .noleggio-svg {
    width: 100%;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(2)
    p {
    margin: 30px 0 30px 15px;
  }

  #noleggio
    > .vc_col-sm-12
    > .vc_column-inner
    > .wpb_wrapper
    > .row:last-child
    > div:nth-child(3)
    p {
    margin: 0 15px 30px 0;
  }

  /* ==========================================================================
   6.12  Realizzazioni
   ========================================================================== */
  .row-time section p,
  .row-time section .details-time .title-time {
    font-size: 18px;
  }

  /* ==========================================================================
   7.0  Shop
   ========================================================================== */
  body.woocommerce-shop
    header.woocommerce-archive-header
    .woocommerce-archive-header-inside
    .woocommerce-archive-header-tools
    .filter_switch
    .f-cross {
    display: none;
  }

  body.woocommerce-shop
    header.woocommerce-archive-header
    .woocommerce-archive-header-inside
    .woocommerce-archive-header-tools
    .filter_switch {
    min-width: 65px;
  }

  /* ==========================================================================
   10.0  GRENKE
   ========================================================================== */
  .logo {
  }
  .testo_header {
    margin: 10px;
  }

  .testo_header p {
    font-size: 15px;
  }
}

/* XX-Small devices (portrait phones, less than 321px) */
@media (max-width: 320.98px) {
  /* ==========================================================================
   4.0  Header
   ========================================================================== */
  .topbar .topbar-sections {
    flex-direction: column;
    height: auto;
  }

  .topbar .topbar-sections > div {
    width: 100%;
  }

  .topbar-right.cell.shrink {
    display: none;
  }

  /* ==========================================================================
   6.6  Promo
   ========================================================================== */
  #promo h1 {
    font-size: 30px;
  }

  #promo h2 {
    font-size: 15px;
  }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  /* ==========================================================================
   6.0  Home
   ========================================================================== */

  /* ==========================================================================
   6.1  Hero
   ========================================================================== */
  #hero {
    height: 650px;
  }
}

#cookie-law-info-bar > span > div > div.cli-bar-message > a {
  color: #fff;
  font-weight: normal;
  font-size: 11pt;
  line-height: 18px;
  text-decoration: underline;
}

.w3-bordered tr,
.w3-table-all tr {
  border-bottom: 1px solid #ddd;
}

.w3-striped tbody tr:nth-child(even) {
  background-color: #f1f1f1;
}

.w3-table-all tr:nth-child(odd) {
  background-color: #fff;
}

.w3-table-all tr:nth-child(even) {
  background-color: #f1f1f1;
}

.w3-hoverable tbody tr:hover,
.w3-ul.w3-hoverable li:hover {
  background-color: #ccc;
}

.w3-centered tr th,
.w3-centered tr td {
  text-align: center;
}

.w3-table td,
.w3-table th,
.w3-table-all td,
.w3-table-all th {
  padding: 8px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.w3-table th:first-child,
.w3-table td:first-child,
.w3-table-all th:first-child,
.w3-table-all td:first-child {
  padding-left: 16px;
}

.w3-btn,
.w3-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.w3-btn:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.w3-btn,
.w3-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w3-disabled,
.w3-btn:disabled,
.w3-button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.w3-disabled *,
:disabled * {
  pointer-events: none;
}

.w3-btn.w3-disabled:hover,
.w3-btn:disabled:hover {
  box-shadow: none;
}

.w3-badge,
.w3-tag {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}

.w3-badge {
  border-radius: 50%;
}

.w3-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.w3-ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
}

.w3-ul li:last-child {
  border-bottom: none;
}

.w3-tooltip,
.w3-display-container {
  position: relative;
}

.w3-tooltip .w3-text {
  display: none;
}

.w3-tooltip:hover .w3-text {
  display: inline-block;
}

.w3-ripple:active {
  opacity: 0.5;
}

.w3-ripple {
  transition: opacity 0s;
}

.w3-input {
  padding: 8px;
  display: block;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
}

.w3-select {
  padding: 9px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
}

.w3-dropdown-click,
.w3-dropdown-hover {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.w3-dropdown-hover:hover .w3-dropdown-content {
  display: block;
}

.w3-dropdown-hover:first-child,
.w3-dropdown-click:hover {
  background-color: #ccc;
  color: #000;
}

.w3-dropdown-hover:hover > .w3-button:first-child,
.w3-dropdown-click:hover > .w3-button:first-child {
  background-color: #ccc;
  color: #000;
}

.w3-dropdown-content {
  cursor: auto;
  color: #000;
  background-color: #fff;
  display: none;
  position: absolute;
  min-width: 160px;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.w3-check,
.w3-radio {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
}

.w3-sidebar {
  height: 100%;
  width: 200px;
  background-color: #fff;
  position: fixed !important;
  z-index: 1;
  overflow: auto;
}

.w3-bar-block .w3-dropdown-hover,
.w3-bar-block .w3-dropdown-click {
  width: 100%;
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
  min-width: 100%;
}

.w3-bar-block .w3-dropdown-hover .w3-button,
.w3-bar-block .w3-dropdown-click .w3-button {
  width: 100%;
  text-align: left;
  padding: 8px 16px;
}

.w3-main,
#main {
  transition: margin-left 0.4s;
}

.w3-modal {
  z-index: 9999;
  display: none;
  padding-top: 20%;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px;
}

.w3-bar {
  width: 100%;
  overflow: hidden;
}

.w3-center .w3-bar {
  display: inline-block;
  width: auto;
}

.w3-bar .w3-bar-item {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}

.w3-bar .w3-dropdown-hover,
.w3-bar .w3-dropdown-click {
  position: static;
  float: left;
}

.w3-bar .w3-button {
  white-space: normal;
}

.w3-bar-block .w3-bar-item {
  width: 100%;
  display: block;
  padding: 8px 16px;
  text-align: left;
  border: none;
  white-space: normal;
  float: none;
  outline: 0;
}

.w3-bar-block.w3-center .w3-bar-item {
  text-align: center;
}

.w3-block {
  display: block;
  width: 100%;
}

.w3-responsive {
  display: block;
  overflow-x: auto;
}

.w3-container:after,
.w3-container:before,
.w3-panel:after,
.w3-panel:before,
.w3-row:after,
.w3-row:before,
.w3-row-padding:after,
.w3-row-padding:before,
.w3-cell-row:before,
.w3-cell-row:after,
.w3-clear:after,
.w3-clear:before,
.w3-bar:before,
.w3-bar:after {
  content: "";
  display: table;
  clear: both;
}

.w3-col,
.w3-half,
.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter {
  float: left;
  width: 100%;
}

.w3-col.s1 {
  width: 8.33333%;
}

.w3-col.s2 {
  width: 16.66666%;
}

.w3-col.s3 {
  width: 24.99999%;
}

.w3-col.s4 {
  width: 33.33333%;
}

.w3-col.s5 {
  width: 41.66666%;
}

.w3-col.s6 {
  width: 49.99999%;
}

.w3-col.s7 {
  width: 58.33333%;
}

.w3-col.s8 {
  width: 66.66666%;
}

.w3-col.s9 {
  width: 74.99999%;
}

.w3-col.s10 {
  width: 83.33333%;
}

.w3-col.s11 {
  width: 91.66666%;
}

.w3-col.s12 {
  width: 99.99999%;
}

@media (min-width: 601px) {
  .w3-col.m1 {
    width: 8.33333%;
  }

  .w3-col.m2 {
    width: 16.66666%;
  }

  .w3-col.m3,
  .w3-quarter {
    width: 24.99999%;
  }

  .w3-col.m4,
  .w3-third {
    width: 33.33333%;
  }

  .w3-col.m5 {
    width: 41.66666%;
  }

  .w3-col.m6,
  .w3-half {
    width: 49.99999%;
  }

  .w3-col.m7 {
    width: 58.33333%;
  }

  .w3-col.m8,
  .w3-twothird {
    width: 66.66666%;
  }

  .w3-col.m9,
  .w3-threequarter {
    width: 74.99999%;
  }

  .w3-col.m10 {
    width: 83.33333%;
  }

  .w3-col.m11 {
    width: 91.66666%;
  }

  .w3-col.m12 {
    width: 99.99999%;
  }
}

@media (min-width: 993px) {
  .w3-col.l1 {
    width: 8.33333%;
  }

  .w3-col.l2 {
    width: 16.66666%;
  }

  .w3-col.l3 {
    width: 24.99999%;
  }

  .w3-col.l4 {
    width: 33.33333%;
  }

  .w3-col.l5 {
    width: 41.66666%;
  }

  .w3-col.l6 {
    width: 49.99999%;
  }

  .w3-col.l7 {
    width: 58.33333%;
  }

  .w3-col.l8 {
    width: 66.66666%;
  }

  .w3-col.l9 {
    width: 74.99999%;
  }

  .w3-col.l10 {
    width: 83.33333%;
  }

  .w3-col.l11 {
    width: 91.66666%;
  }

  .w3-col.l12 {
    width: 99.99999%;
  }
}

.w3-rest {
  overflow: hidden;
}

.w3-stretch {
  margin-left: -16px;
  margin-right: -16px;
}

.w3-content,
.w3-auto {
  margin-left: auto;
  margin-right: auto;
}

.w3-content {
  max-width: 980px;
}

.w3-auto {
  max-width: 1140px;
}

.w3-cell-row {
  display: table;
  width: 100%;
}

.w3-cell {
  display: table-cell;
}

.w3-cell-top {
  vertical-align: top;
}

.w3-cell-middle {
  vertical-align: middle;
}

.w3-cell-bottom {
  vertical-align: bottom;
}

.w3-hide {
  display: none !important;
}

.w3-show-block,
.w3-show {
  display: block !important;
}

.w3-show-inline-block {
  display: inline-block !important;
}

@media (max-width: 1205px) {
  .w3-auto {
    max-width: 95%;
  }
}

@media (max-width: 600px) {
  .w3-modal-content {
    margin: 20% 10px;
    width: auto !important;
  }

  .w3-modal {
    padding-top: 30px;
  }

  .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
  .w3-dropdown-click.w3-mobile .w3-dropdown-content {
    position: relative;
  }

  .w3-hide-small {
    display: none !important;
  }

  .w3-mobile {
    display: block;
    width: 100% !important;
  }

  .w3-bar-item.w3-mobile,
  .w3-dropdown-hover.w3-mobile,
  .w3-dropdown-click.w3-mobile {
    text-align: center;
  }

  .w3-dropdown-hover.w3-mobile,
  .w3-dropdown-hover.w3-mobile .w3-btn,
  .w3-dropdown-hover.w3-mobile .w3-button,
  .w3-dropdown-click.w3-mobile,
  .w3-dropdown-click.w3-mobile .w3-btn,
  .w3-dropdown-click.w3-mobile .w3-button {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .w3-modal-content {
    width: 500px;
  }

  .w3-modal {
    padding-top: 50px;
  }
}

@media (min-width: 993px) {
  .w3-modal-content {
    width: 900px;
  }

  .w3-hide-large {
    display: none !important;
  }

  .w3-sidebar.w3-collapse {
    display: block !important;
  }
}

@media (max-width: 992px) and (min-width: 601px) {
  .w3-hide-medium {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .w3-sidebar.w3-collapse {
    display: none;
  }

  .w3-main {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .w3-auto {
    max-width: 100%;
  }
}

.w3-top,
.w3-bottom {
  position: fixed;
  width: 100%;
  z-index: 1;
}

.w3-top {
  top: 0;
}

.w3-bottom {
  bottom: 0;
}

.w3-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.w3-display-topleft {
  position: absolute;
  left: 0;
  top: 0;
}

.w3-display-topright {
  position: absolute;
  right: 0;
  top: 0;
}

.w3-display-bottomleft {
  position: absolute;
  left: 0;
  bottom: 0;
}

.w3-display-bottomright {
  position: absolute;
  right: 0;
  bottom: 0;
}

.w3-display-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.w3-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
}

.w3-display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}

.w3-display-topmiddle {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}

.w3-display-bottommiddle {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
}

.w3-display-container:hover .w3-display-hover {
  display: block;
}

.w3-display-container:hover span.w3-display-hover {
  display: inline-block;
}

.w3-display-hover {
  display: none;
}

.w3-display-position {
  position: absolute;
}

.w3-circle {
  border-radius: 50%;
}

.w3-round-small {
  border-radius: 2px;
}

.w3-round,
.w3-round-medium {
  border-radius: 4px;
}

.w3-round-large {
  border-radius: 8px;
}

.w3-round-xlarge {
  border-radius: 16px;
}

.w3-round-xxlarge {
  border-radius: 32px;
}

.w3-row-padding,
.w3-row-padding > .w3-half,
.w3-row-padding > .w3-third,
.w3-row-padding > .w3-twothird,
.w3-row-padding > .w3-threequarter,
.w3-row-padding > .w3-quarter,
.w3-row-padding > .w3-col {
  padding: 0 8px;
}

.w3-container,
.w3-panel {
  padding: 25px;
}

.w3-panel {
  margin-top: 16px;
  margin-bottom: 16px;
}

.w3-code,
.w3-codespan {
  font-family: Consolas, "courier new";
  font-size: 16px;
}

.w3-code {
  width: auto;
  background-color: #fff;
  padding: 8px 12px;
  border-left: 4px solid #4caf50;
  word-wrap: break-word;
}

.w3-codespan {
  color: crimson;
  background-color: #f1f1f1;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 110%;
}

.w3-card,
.w3-card-2 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.w3-card-4,
.w3-hover-shadow:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}

.w3-spin {
  animation: w3-spin 2s infinite linear;
}

@keyframes w3-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.w3-animate-fading {
  animation: fading 10s infinite;
}

@keyframes fading {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.w3-animate-opacity {
  animation: opac 0.8s;
}

@keyframes opac {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.w3-animate-top {
  position: relative;
  animation: animatetop 0.4s;
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

.w3-animate-left {
  position: relative;
  animation: animateleft 0.4s;
}

@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0;
  }

  to {
    left: 0;
    opacity: 1;
  }
}

.w3-animate-right {
  position: relative;
  animation: animateright 0.4s;
}

@keyframes animateright {
  from {
    right: -300px;
    opacity: 0;
  }

  to {
    right: 0;
    opacity: 1;
  }
}

.w3-animate-bottom {
  position: relative;
  animation: animatebottom 0.4s;
}

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}

.w3-animate-zoom {
  animation: animatezoom 0.6s;
}

@keyframes animatezoom {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.w3-animate-input {
  transition: width 0.4s ease-in-out;
}

.w3-animate-input:focus {
  width: 100% !important;
}

.w3-opacity,
.w3-hover-opacity:hover {
  opacity: 0.6;
}

.w3-opacity-off,
.w3-hover-opacity-off:hover {
  opacity: 1;
}

.w3-opacity-max {
  opacity: 0.25;
}

.w3-opacity-min {
  opacity: 0.75;
}

.w3-greyscale-max,
.w3-grayscale-max,
.w3-hover-greyscale:hover,
.w3-hover-grayscale:hover {
  filter: grayscale(100%);
}

.w3-greyscale,
.w3-grayscale {
  filter: grayscale(75%);
}

.w3-greyscale-min,
.w3-grayscale-min {
  filter: grayscale(50%);
}

.w3-sepia {
  filter: sepia(75%);
}

.w3-sepia-max,
.w3-hover-sepia:hover {
  filter: sepia(100%);
}

.w3-sepia-min {
  filter: sepia(50%);
}

.w3-tiny {
  font-size: 10px !important;
}

.w3-small {
  font-size: 12px !important;
}

.w3-medium {
  font-size: 15px !important;
}

.w3-large {
  font-size: 18px !important;
}

.w3-xlarge {
  font-size: 24px !important;
}

.w3-xxlarge {
  font-size: 36px !important;
}

.w3-xxxlarge {
  font-size: 48px !important;
}

.w3-jumbo {
  font-size: 64px !important;
}

.w3-left-align {
  text-align: left !important;
}

.w3-right-align {
  text-align: right !important;
}

.w3-justify {
  text-align: justify !important;
}

.w3-center {
  text-align: center !important;
}

.w3-border-0 {
  border: 0 !important;
}

.w3-border {
  border: 1px solid #ccc !important;
}

.w3-border-top {
  border-top: 1px solid #ccc !important;
}

.w3-border-bottom {
  border-bottom: 1px solid #ccc !important;
}

.w3-border-left {
  border-left: 1px solid #ccc !important;
}

.w3-border-right {
  border-right: 1px solid #ccc !important;
}

.w3-topbar {
  border-top: 6px solid #ccc !important;
}

.w3-bottombar {
  border-bottom: 6px solid #ccc !important;
}

.w3-leftbar {
  border-left: 6px solid #ccc !important;
}

.w3-rightbar {
  border-right: 6px solid #ccc !important;
}

.w3-section,
.w3-code {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.w3-margin {
  margin: 16px !important;
}

.w3-margin-top {
  margin-top: 16px !important;
}

.w3-margin-bottom {
  margin-bottom: 16px !important;
}

.w3-margin-left {
  margin-left: 16px !important;
}

.w3-margin-right {
  margin-right: 16px !important;
}

.w3-padding-small {
  padding: 4px 8px !important;
}

.w3-padding {
  padding: 8px 16px !important;
}

.w3-padding-large {
  padding: 12px 24px !important;
}

.w3-padding-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.w3-padding-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.w3-padding-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.w3-padding-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.w3-padding-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.w3-padding-top-64 {
  padding-top: 64px !important;
}

.w3-padding-top-48 {
  padding-top: 48px !important;
}

.w3-padding-top-32 {
  padding-top: 32px !important;
}

.w3-padding-top-24 {
  padding-top: 24px !important;
}

.w3-left {
  float: left !important;
}

.w3-right {
  float: right !important;
}

.w3-button:hover {
  color: #000 !important;
  background-color: #ccc !important;
}

.w3-transparent,
.w3-hover-none:hover {
  background-color: transparent !important;
}

.w3-hover-none:hover {
  box-shadow: none !important;
}

/* STORIE DI MODAL */

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  left: 0;
  top: 0;
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  z-index: 200000;
  width: 100%;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 480px;
  height: auto;
  margin: 150px auto 0px;
}

.modal-content h3,
.modal-content p {
  margin: 32px 0px;
}

.gfield_label_before_complex {
  font-size: 14px;
}

#myBtn {
  display: block;
  position: relative;
  z-index: 9999;
}

ul.products li.product .product-inner .product-details .price {
  max-width: 45% !important;
}

.woocommerce .amount .woocommerce-Price-currencySymbol {
  font-size: 100% !important;
  margin-left: 3px;
}

@media only screen and (max-width: 600px) {
  .modal {
    width: 100%;
    max-width: unset;
  }

  .modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    height: 100vh;
    margin: 0px;
  }
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

ul.products.columns-4
  li.product
  .product-inner
  .product-details
  .product-title
  a,
ul.products.columns-5
  li.product
  .product-inner
  .product-details
  .product-title
  a {
  font-size: 13px !important;
}

.woocommerce .amount {
  font-size: 13px;
}

ul.products li.product .product-inner .product-details .price {
  max-width: unset;
  font-size: 13px;
}

ul.products li.product .product-inner .product-details .product-title {
  display: block;
  width: auto;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 0px;
}

ul.products li.product .product-inner .product-details {
  display: block;
}

ul.products li.product .product-inner .product-details .product-title {
  max-width: unset;
}

.product-type-variable .product_summary_middle .price{
  display: none;
}

.product-type-variable{
	border: none!important;
}