/*
Theme Name:    Optima Shop
Theme URI:     https://www.optimaitalia.com/
Description:   Optima Shop, DS and CS
Author:        Optima Italia
Author URI:    https://www.optimaitalia.com/
Version:       4.2.3
*/
@import url("https://use.typekit.net/rid0mfj.css");
html {
  margin-top: 0px !important;
}

@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}

@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}

@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}

@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}

header#masthead {
  background-color: #ffffff;
}

#masthead nav {
  height: 80px;
  padding: 0;
  margin: auto;
  box-shadow: 0px 5px 20px #00000029;
}
#masthead, #masthead nav.navbar {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

body > img {
  display: none;
}

#content.site-content {
  padding-bottom: 2em;
  padding-top: 0em;
  margin-top: unset;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

#masthead .navbar-nav > li.current_page_item {
  background-color: #00b9e2;
  padding: 3px;
}

body:not(.theme-preset-active)
  #masthead
  .navbar-nav
  > li.current_page_item
  + a:hover {
  background-color: #00b9e2 !important;
  color: #ffffff;
  padding: 3px;
}

#masthead .navbar-nav > li:hover {
  transition: 0.3s ease-in-out;
  background-color: #00b9e2;
  padding: 3px;
}

#masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active)
  #masthead
  .navbar-nav
  > li.current_page_item
  > a {
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 13px;
}

#masthead .navbar-nav > li > a:active,
body:not(.theme-preset-active)
  #masthead
  .navbar-nav
  > li.current_page_item
  > a {
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.2;
  font-size: 13px;
}

#masthead .navbar-nav > li.current_page_item > a,
#masthead .navbar-nav > li.menu-item-29 > a {
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 13px;
}
#masthead .navbar-nav > li > a,
body:not(.theme-preset-active)
  #masthead
  .navbar-nav
  > li.current_page_item
  > a {
  color: #00b9e2;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.2;
  font-size: 13px;
}

#masthead .navbar-nav > li {
  margin-right: 8px;
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
  font-size: 13px;
  padding: 3px;
}

#masthead .navbar-nav > li > a {
  padding: 3px;
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
  font-size: 13px;
}

#masthead .navbar-nav > li > a:hover {
  padding: 3px;
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
  font-size: 13px;
}

#masthead .navbar-nav > li > a:active {
  padding: 3px;
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
  font-size: 13px;
}

.user-logged {
  margin-top: -32px !important;
}

.accordion {
  background-color: #fff;
  color: #5d5d5d;
  cursor: pointer;
  padding: 16px;
  width: 100%;
  border: 0px solid #eee;
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
}
.accordion-header {
  margin-bottom: 0;
}
.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  transition: transform 0.3s;
}

.rotate {
  transform: translateY(-50%) rotate(180deg);
}
.accordion-button {
  position: relative;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.accordion-body p {
  font-size: 22px;
  color: #5d5d5d;
  line-height: 1.2 !important;
  display: block;
}
@media only screen and (max-width: 800px) {
  .accordion-body p {
    font-size: 11px;
  }
}
.accordion-body {
  padding: 1rem 1.25rem;
  color: #43a9ea !important;
  font-style: italic !important;
  font-weight: 400;
}
#logo {
  float: left;
  background: url(img/optima.svg) 0 0;
  background-repeat: no-repeat;
  width: 160px;
  height: 58px;
  background-position-y: bottom;
}

#menu-principale {
  float: left;
  list-style: none;
  margin: 15px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 13px;
}

#header-conteiner {
  width: 1170px;
  margin: auto;
  padding: 0;
}
/* 
.row-fix {
  max-width: 1170px !important;
  margin-right: auto;
  margin-left: auto;
} */

#secondary-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  margin-top: -2px;
}
@media only screen and (max-width: 480px) {
  #masthead .navbar-nav > li {
    float: none;
    display: block;
    font-size: 15px;
    text-align: left;
    margin-bottom: 10px;
    line-height: 25px;
    width: 100%;
  }
}

#secondary-nav li {
  display: inline;
  font-size: 13px;
  text-transform: uppercase;
  margin-right: 5px;
  border-right: 1px solid #000;
  padding-right: 5px;
}

#secondary-nav li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

#secondary-nav a {
  text-decoration: none;
  color: #00b9e2;
  display: inline;
  padding: 3px;
}

#secondary-nav a:hover {
  color: #ffffff;
  background: #00b9e2;
}

#secondary-nav a:active {
  color: #ffffff;
  background: #00b9e2;
}

#masthead .navbar-nav-sec > li > a:active,
body:not(.theme-preset-active)
  #masthead
  .navbar-nav-sec
  > li.current_page_item
  > a {
  color: #ffffff;
  background: #00b9e2;
}

.sec-menu {
  background: #efefef;
  padding: 6px 0;
  text-align: center;
}

#login a {
  font-size: 15px;
  color: #00b9e2;
  margin: auto;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

#logout a {
  font-size: 15px;
  color: #00b9e2;
  margin: auto;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  float: right;
  margin-right: 10%;
}

header#masthead {
  box-shadow: none;
  padding: 0 !important;
}

#main-nav {
  width: 50%;
  float: left;
}

.quick_buy_container {
  margin-top: 1rem !important;
}

.under-title {
  color: #00b9e2;
  font-style: italic;
  font-size: 18px;
  font-weight: bold;
  min-height: 81px;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 1199px) {
  .menu-mobile {
    display: inherit;
    cursor: pointer;
    background: url(img/nav.svg) no-repeat center center;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
  }

  #navbarNavDropdown {
    position: absolute;
    top: 100%;
    z-index: 999;
    right: 0;
  }

  .navbar-nav {
    background-color: #ffffff;
  }

  .icon-container {
    background: #fff;
  }

  .navbar-nav li {
    float: none;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    line-height: 25px;
    width: fit-content;
  }
  .outlined-menu a {
    border: none !important;
  }
  .navbar-nav li a {
    color: #00b9e2;
    text-decoration: none;
    padding: 4px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  .social-menu {
    display: none;
  }
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product {
    width: 48% !important;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 951px) {
  .inline-static-block {
    font-size: 12px !important;
    padding-top: 2px !important;
  }
}

.social-facebook {
  background: url("img/facebook.svg") 0px 0px;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 2px;
}

.social-youtube {
  background: url("img/youtube.svg") 0px 0px;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 2px;
}

.social-flickr {
  background: url("img/flickr.svg") 0px 0px;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 2px;
}

.social-instagram {
  background: url("img/instagram.svg") 0px 0px;
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 2px;
}

#social {
  /* float: right; */
  text-align: center;
  color: #e14f42;
  /*margin-top: 20px;*/
  /* margin-right: -9px; */
}

.social-menu {
  float: right;
  margin-right: -2%;
}

.login-title-form {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  background: #00b9e2;
  padding: 10px;
}

.login-title-form span {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 35px;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  color: #00b9e2;
}

.login-top {
  width: 155px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-form-login .input-text {
  width: 100%;
  border-radius: 0px;
  box-shadow: none !important;
  border: 1px solid #ccc;
  padding-right: 5px;
  padding-left: 5px;
  height: 35px;
}

.woocommerce-form-login-custom .input-text {
  border-radius: 4px;
  box-shadow: none !important;
  border: 1px solid #ccc;
  padding-right: 5px;
  padding-left: 5px;
}

.cntr-col {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-before-login {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  margin-bottom: 25px;
  color: #656565;
}

#footer {
  background-color: #8b8b8b;
  min-height: 195px;
  width: 100%;
  color: #fff;
  right: 0;
  left: 0;
  padding: 0 15px 0 15px;
}

#footer.stikybottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

#shippAddress {
  display: none;
}

#footer-container {
  max-width: 1170px;
  margin: auto;
}

#menu-footer {
  width: 100%;
  text-align: left;
  line-height: 1.5rem;
  /* font-size: 12px; */
  padding: 10px 0px 0px 0px;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */
  margin-bottom: 10px;
  font-weight: 400;
}

#menu-footer-2 {
  width: 100%;
  text-align: left;
  line-height: 40px;
  font-size: 12px;
  padding: 10px 0px 0px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
  font-weight: 400;
}

#menu-footer-2 a:hover {
    background-color: #5fa6c9;
}

#socialbianco-2 {
    float: right;
    margin-top: 12px;
}

@media only screen and (max-width: 767px) {
    #menu-footer-2 a {
        display: block;
        text-align: center;
    }
}

#menu-footer-2 a {
    color: #fff;
    text-decoration: none;
    padding: 2px;
    margin: 0px 2px 0px 2px;
    text-transform: uppercase;
}

#menu-footer a {
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  padding: 5px;
  margin: 0px;
  text-transform: uppercase;
}
@media only screen and (max-width:768px){
  #socialbianco {
    float: left;
    margin: 12px 0px;
  }
  .image-footer{
    max-width: 250px;
  }
}

#logo-white {
  float: left;
  background: url("img/optima-bianco.svg") 0 0;
  background-repeat: no-repeat;
  width: 156px;
  height: 56px;
  margin-top: 10px;
  margin-right: 44px;
}

.fb-white {
  background: url("img/facebook-bianco.svg") 0px 0px;
}

.yt-white {
  background: url("img/youtube-bianco.svg") 0px 0px;
}

.fl-white {
  background: url("img/flickr-bianco.svg") 0px 0px;
}

.is-white {
  background: url("img/instagram-bianco.svg") 0px 0px;
}

.testo-nel-footer {
  font-size: 12px;
  font-weight: 300;
  color: #e3e3e3;
  width: 100% !important;
}

.colonna-sinistra {
  width: 50%;
  float: left;
}

.colonna-sinistra-2 {
  width: 50%;
}

#footer-container a {
  color: #ffffff;
}

.show-mobile {
  display: none;
}

#menu-footer a:hover {
  background-color: #5fa6c9;
}

#page-sub-header {
  padding-top: 0 !important;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  text-align: center;
  background: transparent;
  border: 3px solid #00b9e2;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 17px;
  color: #00b9e2;
  padding: 10px 20px;
}

.woocommerce div.product form.cart .button {
  width: inherit !important;
  text-align: center;
  background: transparent;
  border: 3px solid #00b9e2;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 17px;
  color: #00b9e2;
  padding: 10px 20px;
}

.woocommerce img,
.woocommerce-page img {
  width: 100%;
}

.woocommerce div.product form.cart .button:hover {
  background: #00b9e2 !important;
  border: 3px solid #00b9e2 !important;
  color: #ffffff !important;
}

.woocommerce ul.products li.product .button:hover {
  background: #00b9e2;
  border: none;
  color: #ffffff;
  padding: 10px 20px !important;
  border: 3px solid #00b9e2 !important;
}

.woocommerce ul.products li.product .button {
  margin: 5px auto;
  width: 185px;
  display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  font-size: 2rem;
  color: #00b9e2;
  font-family: "UniSans HeavyItalic", sans-serif;
  margin-bottom: 10px !important;
  padding-bottom: 0;
  font-weight: 700;
  margin-left: 3%;
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
  width: 31%;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2% 0 0 !important;
  border: 2px solid #5d5d5d;
  padding-bottom: 1%;
  border-radius: 0.25rem;
}

.woocommerce ul.products li.product .price {
  font-size: 2.5rem;
  color: #00b9e2;
  font-family: "UniSans Italic", sans-serif;
  margin-bottom: 10px !important;
  padding-bottom: 0;
  margin-left: 3%;
  text-transform: uppercase;
}

.description {
  margin-left: 3%;
  margin-right: 3%;
  float: left;
  font-weight: 700;
  min-height: 40px;
  width: 94%;
  font-size: 20px;
  color: #5d5d5d;
  line-height: 1.5 !important;
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

.description-1 {
  margin-left: 3%;
  margin-right: 3%;
  float: left;
  font-weight: 700;
  min-height: 40px;
  width: 94%;
  font-size: 20px;
  color: #5d5d5d;
  line-height: 1.5 !important;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin-top: 0.7rem;
}

.shipping-cost {
  float: left;
  color: #5d5d5d;
  font-weight: 900;
  font-size: 80%;
  width: 94%;
  display: block;
  margin-left: 3%;
  margin-bottom: 5px;
}

.static-text-2 {
  text-align: justify;
  font-style: italic;
  font-size: 12px;
  line-height: 1.1;
  margin: 1% 3%;
  word-spacing: -1px;
  color: #595e6a;
  font-weight: 700;
  min-height: 60px;
}

.static-text-2 a {
  color: #595e6a;
  text-decoration: underline !important;
}

.carello-top {
  color: #5d5d5d;
  display: block;
  font-weight: 700;
  font-size: 18px;
}

.carello-top:hover {
  background-color: #5d5d5d;
  color: #ffffff;
  display: block;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #5d5d5d;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin-bottom: 3em !important;
}

.related h2 {
  margin-bottom: 3rem;
}

.woocommerce .quantity .qty {
  width: 4rem;
  text-align: center;
  padding: 10px 5px;
  font-size: 13px;
  font-family: "Lato", sans-serif;
  margin-top: -1px !important;
}

.quantity input {
  border: 3px solid #00b9e2 !important;
  border-radius: 10px !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #00b9e2;
  color: #ffffff;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #ffffff !important;
  color: #00b9e2 !important;
}

.woocommerce ul.products li.product .onsale {
  top: 0;
  right: 0;
  left: auto;
  margin: -0.5em -0.5em 0 0;
  border-radius: 10px;
  padding: 5px 10px;
}

.woocommerce span.onsale {
  border-radius: 10px;
  padding: 5px 10px;
}

.woocommerce-Tabs-panel td {
  width: 50%;
}

h1.product_title.entry-title {
  font-size: 35px;
  border-bottom: none;
  color: #00b9e2;
  text-transform: uppercase;
  text-align: left;
  font-weight: 700;
}

h1.entry-title {
  color: #595e6a;
  font-size: 32px;
  font-weight: bold;
  border-bottom: 0px;
}

h1.entry-title-login {
  color: #595e6a;
  font-size: 32px;
  font-weight: bold;
  border-bottom: 0px;
  margin-top: 3%;
}

h4.entry-title {
  color: #ababab;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
}

.right-pad {
  padding-right: 15px !important;
}

.left-pad {
  padding-left: 15px !important;
}

.dati-header {
  color: #5d5d5d;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
  width: 141px;
  font-size: 12px;
  padding: 10px 20px;
  font-family: "Lato", sans-serif;
  border-width: 2px;
}

.woocommerce .cart .button:hover {
  color: #ffffff;
  background: #00b9e2;
}

#nationality1 {
  display: none;
}

.page-title {
  color: #595e6a;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 10px;
}

.page-desc {
  color: #ababab;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 50px;
  line-height: 1.3;
}

/*#part1 {
  display: 'inherit';
}
*/

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
  padding: 10px 20px !important;
  border-width: 2px;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  border: none;
  background: #eee;
  color: #000;
  font-family: "Lato", sans-serif;
}

.woocommerce table.shop_table thead {
  background: #eee;
  text-transform: uppercase;
}

.cart_totals h2 {
  font-size: 30px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #00b9e2;
}

table.shop_table.shop_table_responsive tr.cart-subtotal th {
  text-transform: uppercase;
  background: #ccc;
  border: 2px solid #fff;
}

table.shop_table.shop_table_responsive tr.cart-subtotal td {
  background: #eee;
  border: 2px solid #fff;
}

table.shop_table.shop_table_responsive tr.woocommerce-shipping-totals th {
  text-transform: uppercase;
  background: #ccc;
  border: 2px solid #fff;
}

table.shop_table.shop_table_responsive tr.woocommerce-shipping-totals td {
  background: #eee;
  border: 2px solid #fff;
}

table.shop_table.shop_table_responsive tr.order-total th {
  text-transform: uppercase;
  background: #ccc;
  border: 2px solid #fff;
}

table.shop_table.shop_table_responsive tr.order-total td {
  background: #eee;
  border: 2px solid #fff;
}

#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
  border: none !important;
}

p.woocommerce-shipping-destination {
  font-style: italic;
}

a.shipping-calculator-button {
  border: solid 3px #00b9e2;
  padding: 1px 10px;
  border-radius: 10px;
  font-size: 10px;
  color: #00b9e2;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 15px;
}

a.shipping-calculator-button:hover {
  border: solid 3px #00b9e2;
  background: #00b9e2;
  color: #ffffff;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1px 10px;
  text-decoration: none;
}

a.shipping-calculator-button:active {
  border: solid 3px #00b9e2;
  background: #00b9e2;
  color: #ffffff;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1px 10px;
  text-decoration: none;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  font-size: 20px;
  padding: 10px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
}

.woocommerce table.shop_table {
  border-radius: 0;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  font-family: "Lato", sans-serif;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14),
    0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
  border-radius: 0px;
  border: none;
  padding: 0;
}

.login-button {
  width: 100%;
  text-transform: none;
  font-weight: 400;
  color: #ffffff;
  border: 3px solid #00b9e2;
  background: none;
  border-radius: 4px;
  background-color: #00b9e2;
  font-size: 14px;
}

.login-button:hover {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0);
}

.woocommerce form .form-row {
  width: 100% !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  outline: 0;
  line-height: normal;
  height: 30px;
  box-shadow: none;
  border: 1px solid;
  padding: 10px;
}

.woocommerce form .form-row-large label.inline {
  width: 70%;
}

.woocommerce form .form-row label.inline input {
  width: 5% !important;
  margin-top: 11px !important;
}

a.lostpassword-link {
  font-family: "Lato", sans-serif;
  color: #ffffff;
  font-weight: 400;
  background: #00b9e2;
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  display: block;
  padding: 4px 0;
  text-align: center;
}

a.lostpassword-link:hover {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
  -webkit-transform: translate3d(0, -1px, 0);
  transform: translate3d(0, -1px, 0);
  text-decoration: none;
}

.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
  padding-left: 20px;
  padding-right: 20px;
}

.form-row-large {
  padding-left: 20px;
  padding-right: 20px;
}

p.woocommerce-LostPassword.lost_password {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
}

.product-name a {
  color: #333;
}

.product-name a:hover {
  color: #00b9e2;
  text-decoration: none;
}

.woocommerce form .form-row {
  padding: 0px 15px;
  margin: 0 0 10px 0;
  display: inline-table;
  width: 50%;
}

#my-new-field .form-row {
  width: 100% !important;
}

.woocommerce form .form-row input {
  font-family: "Lato", sans-serif;
}

.woocommerce form .form-row select {
  font-family: "Lato", sans-serif;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ship-to-different-address-checkbox {
  font-size: 15px;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  width: 100% !important;
}

.woocommerce-form__label .woocommerce-form__label-for-checkbox checkbox {
  width: 100% !important;
}

.woocommerce-privacy-policy-text a {
  color: #00b9e2;
  text-decoration: none;
}

.woocommerce-privacy-policy-text a:hover {
  color: #00b9e2;
  text-decoration: none;
}

.woocommerce ul.products li.product .price del {
  opacity: 1;
}

.woocommerce ul.products li.product .price ins {
  font-size: 2.5rem;
  color: #00b9e2;
  font-family: "UniSans HeavyItalic", sans-serif;
  text-decoration: none;
}

.rememberme-check {
  font-size: 17px;
  margin-left: 5px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #5d5d5d;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-inline-start: 0;
}

.woocommerce-MyAccount-navigation li {
  width: 70%;
  background: #ccc;
  padding: 10px;
  border: 5px solid #fff;
}

.woocommerce-MyAccount-navigation li:hover {
  background: #eee;
}

.woocommerce-MyAccount-navigation li a {
  color: #00b9e2;
  font-size: 22px;
  /*text-transform: uppercase*/
  font-weight: 700;
}

.woocommerce-MyAccount-navigation li a:hover {
  text-decoration: none;
}
.woocommerce-MyAccount-navigation li a:active {
  text-decoration: none;
}

.tabella-testo {
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  font-family: "Lato", sans-serif;
}

@media only screen and (max-width: 950px) {
  #static-block {
    width: 60% !important;
    margin-left: 3px;
  }
  #static-select {
    width: 40.3% !important;
    padding-left: 0px !important;
    margin-left: -5px !important;
  }
  #form-login-account {
    max-width: 90% !important;
    flex: 0 0 90%;
  }
  .left-pad {
    max-width: 98%;
    flex: 0 0 98%;
  }
  .button-login-cliente {
    width: 100% !important;
  }
  .background-box-clicca-qui {
    width: 100% !important;
  }
  .background-box-clicca-qui input {
    width: 50% !important;
  }
  .background-box-clicca-qui input[type="submit"] {
    width: 30% !important;
  }
  #row-padding.col-sm-6 {
    max-width: 100% !important;
    width: 100% !important;
    flex: 100% !important;
  }
  ul.sub-menu li a:after {
    margin-left: -52px !important;
  }
  #marg-bot {
    margin-bottom: 15px;
  }

  .description-1 {
    margin-top: 2.1rem;
  }
}

@media screen and (max-width: 991px) and (min-width: 951px) {
  .description-1 {
    margin-top: 2.1rem;
  }
}

@media screen and (max-width: 900px) and (min-width: 576px) {
  .col-sm-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 800px) {
  .social-menu {
    display: none;
  }
  #footer-container {
    width: 100%;
    margin: auto;
  }
  .header-par {
    font-size: 22px !important;
    line-height: 26px !important;
  }

  .text-custom-pre {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  header#masthead {
    padding: 0 !important;
  }
  #masthead .container {
    padding: 0 !important;
    width: 100%;
  }
  .social-menu {
    display: none;
  }
  #logo-white {
    display: none;
  }
  #footer-container {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button {
    text-align: center;
    background: transparent;
    border: 2px solid #00b9e2;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: #00b9e2;
    padding: 5px 20px;
    width: 60%;
  }
  .woocommerce ul.products li.product .button {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 120px;
  }

  /*	.woocommerce ul.products li.product .woocommerce-loop-category__title,
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h3 {
		height: 70px;
	}*/
  .description {
    font-size: 20px;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product {
    width: 100%;
  }

  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product {
    width: 100% !important;
  }
  #regForm {
    min-width: 0px;
  }
  .container {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  #regForm .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  #regForm input[type="checkbox"],
  input[type="radio"] {
    width: 8% !important;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px !important;
  }
  #regForm .textcheck {
    display: inline-block;
    width: 90% !important;
    margin: 0;
  }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    margin: 1% 0 1% 0 !important;
  }
  .quick_buy_container {
    margin-top: 0px !important;
  }
  .main-nav {
    display: none;
  }
  .hidden-mobile {
    display: none;
  }
  #footer {
    min-height: 430px !important;
  }
  .colonna-sinistra {
    width: 100%;
  }
  #row-padding h3 {
    height: auto !important;
  }
  #static-block {
    width: 60% !important;
    margin-left: 3px;
  }
  #static-select {
    width: 40.5% !important;
    padding-left: 0px !important;
    margin-left: -5px !important;
  }
  .page-title {
    color: #595e6a;
    font-size: 25px;
    font-weight: bold;
    text-align: justify;
  }
  .page-desc {
    color: #ababab;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 1.4;
  }
  .uncolored-th {
    display: none;
  }
  #regForm h2 {
    font-size: 25px !important;
  }
  #regForm h4 {
    font-size: 16px !important;
  }
  h1.entry-title {
    font-size: 25px !important;
  }
  h4.entry-title {
    font-size: 16px !important;
  }
  .right-pad {
    padding-right: 5px !important;
  }
  .left-pad {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .wizard-footer {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .woocommerce-MyAccount-navigation li {
    width: 100%;
  }
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea {
    height: 40px;
  }
  #block-30 {
    width: 30% !important;
    display: inline-block;
  }
  #block-70 {
    width: 70% !important;
    display: inline-block;
  }
  .inline-static-block {
    padding-top: 1px !important;
    width: 100%;
  }
  .tabella-testo {
    font-size: 17px !important;
  }
  .cntr-col {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}

.quick_buy_container {
  margin: 0;
  display: inline-block;
  width: 100%;
}

.quick_buy_container a {
  display: block;
  font-size: 1.25rem;
  text-align: center;
  color: #ffffff !important;
  background-color: #99cc33 !important;
  text-decoration: none !important;
  width: fit-content;
  font-weight: bold;
  border-radius: 0.3rem;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  line-height: 1.5;
  margin-left: 3%;
  margin-bottom: 5%;
}

.quick_buy_container input {
  text-align: center;
  background: transparent;
  border: 3px solid #00b9e2;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 17px;
  color: #00b9e2 !important;
  padding: 7px 20px;
  font-weight: 600;
}

.quick_buy_container input:hover {
  background: #00b9e2;
  border: none;
  color: #ffffff !important;
  padding: 7px 20px !important;
  border: 3px solid #00b9e2 !important;
}

.woocommerce ul.products li.product a .quick_buy_container {
  color: #00b9e2 !important;
}

.sell-title {
  color: #00b9e2;
  font-size: 26px;
  font-weight: 700;
}

.rowpad {
  margin: 0 !important;
}

img.img-icon-frontpage {
  width: 95px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.title-col {
  text-transform: uppercase;
  font-weight: 700;
  color: #00b9e2;
  font-size: 15px;
  line-height: 1.1;
  margin-bottom: 20px;
}

.desc-col {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.padcol {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.myoptima-text {
  font-weight: 500;
  color: #a4a4a4;
  line-height: 1.3;
  font-size: 18px;
}

.myoptima-text span {
  color: #00b9e2;
}

.myoptima-text a {
  color: #00b9e2;
}

.padinside {
  padding: 10px;
  border: 1px solid #a4a4a4;
  margin-top: 10% !important;
}

img.logo-myoptima {
  width: 90px;
}

img.card-icon {
  width: auto;
  height: 35px;
  margin: 0 5px;
  float: right;
}

.right {
  width: 100%;
  display: block;
  margin-top: 5%;
}

@media only screen and (max-width: 990px) {
  .col50 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50%;
  }

  .rowbottom {
    margin-top: 60px !important;
  }

  .col25 {
    width: 25% !important;
  }

  .col75 {
    width: 75% !important;
  }

  .myoptima-text {
    font-size: 15px;
  }

  img.logo-myoptima {
    width: 75px;
  }

  .show-mobile {
    display: block;
  }
}

@media only screen and (max-width: 990px) and (min-width: 768px) {
  img.logo-myoptima {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 23px;
  }

  .myoptima-text {
    font-size: 17px;
  }

  .col25 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .col75 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .padinside {
    margin-top: 30% !important;
  }
}

/* Multi-step form Styles */

#regForm {
  background-color: #ffffff;
  margin: auto;
  min-width: 100%;
}

#regForm h3 {
  color: #5d5d5d;
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 1.1;
  display: block;
  height: 28px;
}

.laststep-text-title {
  color: #5d5d5d;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 5px;
  line-height: 1.1;
  display: block;
  height: 25px;
}

.center {
  text-align: center;
}

#regForm h2 {
  font-family: "Lato", sans-serif;
  color: #595e6a;
  font-size: 32px;
  font-weight: bold;
}

#regForm h4 {
  color: #ababab;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 50px;
  line-height: 1.3;
}

#regForm .row {
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

.margin5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

#regForm input {
  padding: 5px;
  width: 100%;
  font-size: 15px;
  font-family: "Lato", sans-serif;
  border: 1px solid #aaaaaa;
  margin: 10px 0px 3px 0px !important;
  background: #ffffff;
  border-radius: 4px;
  /* height: 35px; */
}

#regForm input.inputErr {
  border: 1px solid #dc143c;
  background: #faa07a;
}

.errorMsg {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  color: #dc143c;
}

#regForm select {
  padding: 6px;
  width: 100%;
  font-size: 15px;
  font-family: "Lato", sans-serif;
  border: 1px solid #aaaaaa;
  margin: 10px 0px 3px 0px !important;
  background: #ffffff;
  border-radius: 4px;
  height: 35px;
}

#regForm button {
  background: #00b9e2;
  border: none;
  color: #fff;
  padding: 10px 50px;
  font-size: 16px;
  text-transform: uppercase;
}

#regForm button:disabled {
  background: #20c2f3;
}

.payment-button {
  background: #00b9e2;
  border: none;
  color: #fff;
  padding: 10px 50px;
  font-size: 16px;
  text-transform: uppercase;
}

#regForm input[type="checkbox"],
input[type="radio"] {
  width: 3%;
  display: inline-block;
  vertical-align: top;
  margin-top: 8px !important;
  /* height: 35px; */
}

#regForm .textcheck {
  display: inline-block;
  width: 94%;
  margin: 0;
}

#regForm input.invalid {
  background-color: #ffdddd;
}

.tab {
  display: none;
}

.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #00b9e2;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

.step.finish {
  background-color: #4caf50;
}

.static-prefix {
  display: inline-block;
  background: #aaaaaa;
  margin: 10px 0px 3px 0px !important;
  padding: 5.99px 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #ffff;
  font-size: 15px;
  height: 34.2px;
  width: 17%;
  text-align: center;
}

#tel {
  display: inline-block;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  width: 83% !important;
}

#regForm .col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding-right: 5px;
  padding-left: 5px;
}

#center-col {
  display: block;
  margin: 0 auto;
}

.uncolored-th {
  padding: 0;
  border: 1px solid #ababab;
  margin-bottom: 5px !important;
  color: #ababab;
  text-transform: uppercase;
  font-size: 14px;
}

.colored-tr {
  padding: 1% 0;
  border: 1px solid #ababab;
  background-color: #f5f5f5;
  margin-bottom: 5px !important;
}

.colored-total {
  border: 1px solid #ababab;
  margin-bottom: 5px !important;
}

thead .td15 {
  border: none;
  font-weight: 400;
  width: 15%;
}

thead .td25 {
  border: none;
  font-weight: 400;
  width: 25%;
}

thead .td60 {
  border: none;
  font-weight: 400;
  width: 60%;
}

.td75 {
  width: 75%;
  padding: 15px 11px;
}

.td60 {
  width: 60%;
  padding: 15px 11px;
}

.td25 {
  width: 25%;
  padding: 15px 11px;
  text-align: center;
}

.td15 {
  width: 15%;
  padding: 15px 11px;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .td75 {
    width: 50%;
  }
  .td60 {
    width: 100%;
  }
  .td25 {
    width: 50%;
  }
  .td15 {
    width: 50%;
  }
}

#form-mnp {
  display: none;
}

#part1 {
  display: none;
}

#part2 {
  display: none;
}

#single-line {
  display: block;
}

datalist option {
  max-height: 107px !important;
}

.col-98 {
  width: 98%;
  margin-right: auto;
  margin-left: auto;
}

.head-prod {
  color: #565656;
  font-size: 16px;
}

.subhead-prod {
  padding: 0px;
  margin: 0px;
  color: #565656;
  margin-bottom: 20px;
}

.total-text {
  color: #ababab;
  text-transform: uppercase;
  font-size: 14px;
}

.price-total {
  text-align: center;
  color: #5d5d5d;
  font-size: 18px;
  font-weight: bold;
}

.inside-col {
  padding: 1% 0%;
  border: 1px solid #ababab;
  margin: 0 auto;
  background: white;
}

#row-with-top {
  margin-top: 25px;
}

#row-padding {
  padding-right: 20px;
  padding-left: 20px;
}

label {
  width: 100%;
}

#static-block {
  margin-top: 7px;
}

.inline-static-block {
  margin-left: 0px;
  margin-right: -15px;
  margin-top: 3px;
  font-size: 14px;
  display: block !important;
  height: 35px;
  line-height: 15px;
  padding-top: 5px;
  border: 1px solid #aaaaaa;
  background: #aaaaaa;
  padding: 8px 0 0 10px;
  color: #ffffff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:checked:disabled + .slider {
  background-color: #20c2f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.not-loading {
  display: none;
}
/* End style of multi-step fomr */

.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  font-size: 15px;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

/*input[type=text]:disabled {*/
input:disabled {
  opacity: 0.65;
}

.separator {
  margin-top: 40px;
  width: 100%;
  border-top: 1px solid #ababab;
  height: 20px;
  display: block;
}

.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
  color: #e2401c;
  display: block !important;
  font-weight: bold;
}

.quick_buy_container input {
  width: inherit !important;
  text-align: center;
  background: transparent;
  border: 3px solid #00b9e2;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 17px;
  color: #00b9e2;
  padding: 10px 20px;
}

.card-prod {
  padding: 7px;
  border: 3px solid #ccc;
}

.image-sim {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-sim img {
  width: 100%;
}

.title-sim {
  font-size: 20px;
  color: #00b9e2;
  font-family: "Lato", sans-serif;
  margin: 10px 0 5px 0;
  padding-bottom: 0;
  font-weight: 700;
}

.desc-sim {
  text-align: justify;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 400;
  color: #5c5b60;
}

.price-sim {
  color: #5c5b60;
  display: block;
  font-weight: 700;
  font-size: 25px;
}

.price-sim del {
  color: #5c5b60;
  font-weight: 400;
  margin-right: 15px;
}

.price-sim ins {
  text-decoration: none;
}

.shipp-sim {
  color: #5c5b60;
  font-weight: 300;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.static-sim {
  text-align: justify;
  font-style: italic;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 30px;
  line-height: 120%;
}

.tittle-pagg {
  font-size: 20px;
  color: #00b9e2;
  font-family: "Lato", sans-serif;
  margin: 10px 0 5px 0;
  padding-bottom: 0;
  font-weight: 700;
}

.icons-pagg img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*Checkout page*/
.customer-table {
  width: 100%;
  padding: 2% 0%;
  border: 1px solid #ababab;
  background-color: #f8f8f8;
  margin-bottom: 5px;
  display: inline-table;
}

.section-header {
  line-height: 36px;
  padding-left: 8px;
  color: #ababab;
  background-color: #fff;
}

.section-subheader {
  padding-left: 15px;
  color: #565656;
  font-size: 16px;
  min-height: 100%;
  margin: 0 0 10px;
}

.section-subheader span {
  font-size: 14px;
  color: #ababab;
}

.section-50 {
  width: 48%;
  float: left;
  margin-left: 2%;
}

.section-35 {
  width: 35%;
  float: left;
}

.section-15 {
  width: 15%;
  float: left;
}

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

.red {
  color: #e15042 !important;
}

.seciton-td-head {
  text-align: left;
  color: #ababab;
  font-size: 16px;
}

.section-td-body {
  padding: 0px;
  margin: 0px;
  color: #565656;
  margin-bottom: 10px;
  text-align: left;
  font-size: 16px;
}

.checkout-checkbox {
  margin-top: 3%;
  display: block;
  position: relative;
  cursor: pointer;
  color: #595e6a;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

.checkbox {
  margin-bottom: 0;
}

.checkbox a {
  color: #337ab7;
  text-decoration: none;
}

.panel-payment {
  font-size: 12px;
  padding: 15px 10px 15px 10px !important;
  overflow-y: auto;
  width: 100%;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  color: grey;
  border-radius: 4px;
  text-align: justify;
}
/* End Checkout Page */

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
.content-area {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* checkbox styling */
.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.im-bckg {
  position: relative;
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.container-checkbox {
  margin-top: 1%;
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  color: #595e6a;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  display: block !important;
  top: -4px;
  left: 0px;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

.container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

.container-checkbox input:checked ~ .checkmark {
  background-color: #2196f3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkboxes {
  width: 100%;
}

/* Remove margin-top on user login */

.button-login-cliente {
  width: 29%;
  padding: 1%;
  background-color: #00b9e2;
  color: white;
  border: none;
  font-size: 18px;
}

.background-box-clicca-qui {
  padding: 1%;
  width: 29%;
  background-color: #efefef;
}

.woocommerce-account .addresses .title .edit {
  float: right;
  display: none;
}

.outlined-menu a {
  border: 1px solid #00b9e2;
}

.sub-menu {
  margin-top: 15%;
  margin-bottom: 0%;
}

ul.sub-menu li a {
  position: relative;
  text-decoration: none;
}
ul.sub-menu li a:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  background: #555;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  z-index: 10;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}

.icons-info {
  width: 27px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11px;
}

.marg-left {
  margin-left: 20px !important;
}

#IDUpload {
  display: none;
}

.upload-box {
  width: 95%;
  background-color: #f6f6f6;
  margin-top: 20px;
  padding: 1%;
}
.upload-center {
  width: 96%;
  border: 1px dashed #ababab;
  margin: 1% auto;
  padding: 2% 0;
  text-align: center;
  color: #ababab;
}
.upload-center a {
  color: #ababab;
}
.upload-center a:hover {
  text-decoration: none;
}
.documento-caricato {
  width: auto;
  padding: 1%;
  margin-top: 20px;
  border: 1px solid #ababab;
  float: left;
}
.documento-delete {
  margin-top: 309px;
  margin-left: 5px;
  float: left;
}
.documento-delete a:hover {
  opacity: 0.7;
}

.progress {
  height: 20px;
}
.progress .skill {
  font: normal 12px "Open Sans Web";
  line-height: 35px;
  padding: 0;
  margin: 0 0 0 20px;
  text-transform: uppercase;
}
.progress .skill .val {
  float: right;
  font-style: normal;
  margin: 0 20px 0 0;
}

.progress-bar {
  text-align: left;
  transition-duration: 3s;
}

input[readonly] {
  color: grey;
  opacity: 1;
}

#infobtn {
  display: none;
  position: absolute;
  bottom: 30px;
  left: -32px;
  width: 150px;
  background: #232323db;
  padding: 2px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 7px;
}

.ui-widget-header {
  border: none;
  background: #5d5d5d;
  color: #222222;
  font-weight: 300;
  font-family: "Lato", sans-serif;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 40%;
  margin: 0 5px;
  border-radius: 4px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #fff;
  font-weight: normal;
  color: #555555;
  text-align: center;
  border-radius: 4px;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
  background: #ffffff;
}

.ui-datepicker td :hover {
  border: 1px solid #5d5d5d;
  background: #5d5d5d !important;
  color: #ffffff !important;
}

.img-soon {
  width: 220px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.soon-title {
  text-align: center;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 1;
}

.soon-desc {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
  line-height: 1.2;
}

.link-to-home {
  background: #00b9e2;
  text-transform: uppercase;
  color: #ffffff;
  padding: 5px 15px;
  border-radius: 4px;
  display: block;
  width: 25%;
  border: 1px solid #00b9e2;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.link-to-home:hover {
  background: #ffffff;
  color: #00b9e2;
  border: 1px solid #00b9e2;
  text-decoration: none;
}

.price span:nth-child(1) {
  color: #00b9e2;
  font-family: "UniSans HeavyItalic", sans-serif;
  font-weight: 700;
}

del > span.woocommerce-Price-amount.amount {
  font-size: 2rem;
  margin-bottom: -49px;
}

del > span > span.woocommerce-Price-currencySymbol {
  font-size: 2rem !important;
}

span.woocommerce-Price-currencySymbol {
  font-family: "UniSans Italic", sans-serif !important;
  font-weight: 400 !important;
}

span.woocommerce-Price-amount.amount bdi {
  font-family: "UniSans HeavyItalic", sans-serif;
}

.contenitore-title {
  color: #00b9e2;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  font-size: 28px;
  line-height: 35px;
  font-weight: bold;
}

.contenitore-medium {
  width: 1170px;
  padding: 80px 0px 0 0px;
  font-size: 22px;
  margin: 0 auto;
  color: #5d5d5d;
  margin: 0;
  max-height: 418px;
}

.contenitore-medium a {
  color: #00b9e2;
  text-decoration: underline;
}

.bold-item-menu a {
  font-weight: bold !important;
}

@media only screen and (min-width: 768px) {
  .woocommerce ul.columns-4 li.product {
    width: 45% !important;
  }
}

#loadingButton {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #222;
  opacity: 0.3;
}

.overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.05);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.heavy_cianoitabold {
  font-family: "UniSans HeavyItalic";
  text-transform: uppercase;
  color: #00b9e2 !important;
  font-weight: bolder;
}
@media (max-width: 991.99px) {
  .heavy_cianoitabold {
    font-size: 3rem;
  }
  
}

/* New Design css */

.img-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.totale {
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}
.price {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  color: #00b9e2;
}

.price-container {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px rgb(0 0 0 / 19%);
  border-radius: 6px;
}

.acquista {
  border-radius: 40px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  border: 1px solid #ff2581;
  background-color: #ff2581;
  color: white;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  font-size: 15px;
}

.fluid-custom {
  padding: unset !important;
}

.acquista:hover {
  border: 1px solid #b93052;
  background-color: #b93052;
}

.noProduct {
  height: 300px;
}

.offer-col {
  max-width: 400px !important;
}

@media (max-width: 1000px) {
  .img-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
  }
}
.list-container {
  font-family: roboto, sans-serif;
  color: #142a50;
  font-size: 15px;
}
.offerta-title {
  font-weight: bold;
  font-family: roboto, sans-serif;
  font-style: normal;
}
.offerta-subtitle {
  font-weight: 400;
  font-style: normal;
  font-family: roboto, sans-serif;
  font-size: 13px;
}
.offerta-price {
  font-weight: bold;
  font-style: normal;
  display: flex;
  font-family: roboto, sans-serif;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.regular-price {
  font-weight: 500;
  font-style: normal;
  display: flex;
  font-family: roboto, sans-serif;
  color: #707070;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
div.strike-through::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  width: 120%;
  font-family: roboto, sans-serif;
  height: 1px;
  background-color: #7a7a7a;
  transform: rotate(154deg);
}
.border-bottom {
  border-color: #002179 !important;
}
.offerta-totale-text {
  text-transform: uppercase;
  font-weight: 500;
  font-family: roboto, sans-serif;
  font-style: normal;
}
.offerta-totale {
  text-transform: uppercase;
  font-weight: 500;
  font-family: roboto, sans-serif;
  font-style: normal;
}

.product-container {
  background-color: white;
}

.header-par {
  color: #48b6df !important;
  font-weight: bold !important;
  font-size: 34px;
  line-height: 34px;
  font-family: "Unisans HeavyItalic" !important;
}

.bottom-slide-text {
  color: #43a9ea;
  text-align: left;
  text-decoration: underline;
  font: italic normal bold 17px Lato;
  letter-spacing: 0px;
  text-transform: uppercase;
  opacity: 1;
}

.border-bottom-custom {
  border-bottom: 1px solid #707070;
  padding-top: 10px;
  padding-bottom: 10px;
}

.custom-button-primary:hover {
  color: #fff;
  background-color: #49B9E4;
  border-color: #49B9E4;
  text-decoration: none;
  font-weight: 400;
  transition: color .15s ease-in-out, 
    background-color .15s ease-in-out, 
    border-color .15s ease-in-out, 
    box-shadow .15s ease-in-out;
}

.custom-button-primary:active {
  color: #fff;
  background-color: #49B9E4;
  border-color: #49B9E4;
  text-decoration: none;
  font-weight: 400;
}

.custom-button-primary {
  font-family: Roboto, Bold;
  color: #49B9E4;
  border-color: #49B9E4;
  background-color: transparent;
  border: 1px solid #49B9E4;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
  font-weight: 500;
  transition: color .15s ease-in-out, 
    background-color .15s ease-in-out, 
    border-color .15s ease-in-out, 
    box-shadow .15s ease-in-out;
}

.justify-content {
  display: flex;
  justify-content: center;
}

.grigio {
  font-family: Roboto, Bold;
  color: #696969;
  font-weight: 400;
}

@media (max-width: 768.99px) {
  .subtitle{
    padding: 0px!important;
    line-height: 22px !important;
    font-size: 1.5rem !important;
  }
  .img-grigio{
    width: 80%!important;
  }
  .grigio {
    line-height: 26px!important;
    font-size: 1.7rem!important;
  }
}
.img-grigio{
  width:145px!important;
}
@media (min-width: 800px) {
  .subtitle{
    line-height: 22px !important;
    font-size: 1.0rem !important;
  }
  .grigio {
    line-height: 30px;
    font-size: 1.4rem;
  }
}


.text-area-clienti {
  color: #696969;
  text-align: left;
  font: normal normal normal 17px Lato;
  letter-spacing: 0px;
  opacity: 1;
}

.custom-paragraph-new {
  letter-spacing: 0px;
  color: #000000;
  font: normal normal bold 20px/55px Lato;
  font-weight: bold;
}

.custom-image-paragraph {
  height: auto;
  width: 130px !important;
}

a.links-area-clienti {
  text-decoration: none;
  color: #48b6df;
  transition: 0.3s ease-in-out;
}
a.links-area-clienti:hover {
  color: #136886 !important;
}

a.links-area-clienti:active {
  color: #136886 !important;
}

a.links-area-clienti:focus {
  color: #136886 !important;
}

.title-configurazione {
  color: #53799f;
}

div.section > label {
  font-size: 13px;
  color: #53799f;
}

.custom-input {
  width: 100%;
  height: 30px;
  border: 1px solid #53799f;
  background-color: #ededed;
}

.container-custom {
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
}

.custom-btn {
  color: white;
  background-color: #53799f;
  border-color: #53799f;
  border-radius: unset;
  transition: 0.3s ease-in-out;
  width: 100%;
}

.col-optima-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 20%;
  max-width: 20%;
}

.section-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.text-small {
  font-size: 14px;
}

.subtitle {
  font-family: Roboto;
  letter-spacing: 0px;
  color: #696969;
  opacity: 1;
  /* padding: 0px 20px; */
}

#colophon {
  background-color: #050738;
}

.site-footer {
  background-color: #050738 !important;
}

.text-return-one,
.text-return-two,
.text-return-three {
  font-weight: normal;
  font-size: 20px;
}

.message-container {
  background-color: #f3f4f6;
}

.optima-link {
  color: #48b6df !important;
  font: bold normal normal 22px lato;
  font-style: italic;
  text-decoration: none !important;
  transition: 0.3s ease-in-out;
}

.optima-link:hover {
  color: #136886 !important;
}

.optima-link:active {
  color: #136886 !important;
}

.optima-link:focus {
  color: #136886 !important;
}

.torna-sito {
  color: #000000 !important;
  font: bold normal 18px lato;
}

.avanti-btn {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  border: 1px solid #e43763;
  padding-right: 40px;
  border-radius: 2rem;
  font-size: 1rem;
  padding-left: 40px;
  background-color: #e43763;
  transition: 0.3s;
}

.row-custom-404 {
  margin-top: -60px;
}

.avanti-btn:hover,
.avanti-btn:active,
.avanti-btn:focus {
  border: 1px solid #9c2140 !important;
  background-color: #9c2140 !important;
}

.lead {
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: -10px;
}

.custom-404-container {
  background-color: #f3f4f6;
}

.custom-404 {
  font-size: calc(1.3rem + 0.6vw) !important;
  font-weight: 500;
}

.title-option {
  line-height: 22px;
  font-size: 20px;
  display: flex;
}
.title-option1 {
  line-height: 22px;
  font-size: 20px;
}

.title-text {
  line-height: 22px;
  font-size: 20px;
}
.per-clienti-text{
  color: #1C2042;
	font-family: Roboto, Bold ;
	font-size: 1.4rem;
	font-weight: 600;
}
.per-clienti-body{
  min-height: 364px;

}

.promo-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #D7A8FF;
  color: #1C2140;
  padding: 5px 15px;
  margin-left: 9px;
  font-size: 0.7rem!important;
  border-radius: 3px;
  white-space: nowrap;
  margin-top: -15px;
  font-family: Roboto;
}

.subtitle-option {
  line-height: 20px !important;
  font-size: 16px;
  font-weight: normal;
}
.description-text{
  font-family: Lato, Regular;
  font-size: 1rem;
  line-height: 1.2em;
  color: #696969;
  font-weight: 500;
}
.subdescription{
  font-family: Lato, Regular;
  font-size: 0.93rem;
  line-height: 1.2em;
  color: #696969;
  font-weight: 500;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #20b9e2;
}

::-webkit-scrollbar-thumb:hover {
  background: #20b9e2;
}

::-webkit-scrollbar-thumb:horizontal {
  border-radius: 5px;
  height: 5px;
  background: #20b9e2;
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.99px) {
  .title-option {
    line-height: 25px;
  }
  .subtitle-option {
    line-height: 35px;
  }
}

.info-container {
  background: #f8f7f7 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px rgb(0 0 0 / 19%);
  border-radius: 9px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  opacity: 1;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.info-container:hover {
  background: #48b6df no-repeat padding-box;
  color: white !important;
}

.info-container:hover > .text-button {
  color: white !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.info-container:hover > .info-icon {
  fill: #ffffff !important;
}

.info-icon {
  fill: #48b6df;
  transition: 0.3s ease-in-out;
}


.info-container-white {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px rgb(0 0 0 / 19%);
  border-radius: 9px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  opacity: 1;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.info-container-white:hover {
  background: #48b6df no-repeat padding-box;
  color: white !important;
}

.info-container-white:hover > .text-button {
  color: white !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.info-container-white:hover > .info-icon {
  fill: #ffffff !important;
}

.bg_verde {
  background: #81b22d 0% 0% no-repeat padding-box;
}

textarea:focus,
input:focus {
  outline: none;
}

.form-control:focus {
  border: none;
  box-shadow: none;
}

.shadow-sm {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 7px #00000031;
  border-radius: 9px;
  opacity: 1;
}
.shadow-card{
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px #00000031;
  border: 0;
  opacity: 1;
}

.title-card-text {
  color: #515151;
  font-weight: 700;
}

#testoverde_privacy {
  font-size: 10px;
}

a.button-link {
  list-style-type: none !important;
  text-decoration: none !important;
}

.text-button {
  color: #000000 !important;
  font-weight: bold !important;
  font-size: 22px;
  cursor: pointer;
  line-height: 26px;
  font-family: "Unisans HeavyItalic" !important;
  transition: 0.3s ease-in-out;
}

.text-return-three {
  color: #777777;
}

.text-small {
  font: italic normal normal Lato;
  letter-spacing: 0px;
  color: #969696;
  opacity: 1;
  font-size: 10px;
}

.text-small-mobile {
  font: italic normal normal Lato;
  letter-spacing: 0px;
  color: #969696;
  opacity: 1;
  font-size: 7px;
}

@media only screen and (max-width: 600px) {
  .text-return-one,
  .text-return-two,
  .text-return-three {
    font-weight: 500;
    font-size: 16px;
  }
  .text-return-two {
    font-weight: bold;
  }
  .text-return-three {
    text-align: center;
    color: #777777;
  }
}

.custom-font-size {
  font-size: 13px;
}

/* newDS styles */
.luce-mobile {
  padding: 20px 24px 30px 24px;
}

@media (min-width: 1017.99px) { /* Desktop screens (lg and up) */
  .overlayTop {
    position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 400px;
  }
  .ds-mob{
    display:none;
  }
  .ds-not-mob{
    display:block;
  }
  .per-clienti-text{
  	font-size: 1rem;
  	font-weight: 600;
  }
}

@media (max-width: 1017.99px) {
  .card-custom {
      position: relative !important;
  }
.c-text {
     position: relative !important;
 }
.ds-mob{
display:block;
}
.ds-not-mob{
display:none;
}
.overlayTop {
max-width: 600px;
margin: 0 auto !important;
}
}
@media screen and (max-width: 576px) {
  .card-custom {
    position: relative;
    bottom: 24%;
    vertical-align: middle;
  }
  .card-custom-vp {
    position: absolute;
    bottom: 8%!important;
    vertical-align: middle;
  }
  .card-2 {
    margin: 0 20px 0 20px;
    /* padding: 3px 15px 10px 16px; */
  }

  .c-text {
    position: relative;
    font-family: Lato;
    font-weight: 500;
    line-height: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px !important;
     font-size: 1rem;
    text-align: center;
        }
  .c-text-vp {
    position: absolute;
    color: #ffffff;
    font-family: Lato, Regular;
    /* line-height: 14px; */
    font-size: 0.8rem!important;
    /* margin: 0px 25px 0px 30px; */
  }
  .form-control{
    font-size: 1.4rem!important;
  }
  .button-cont {
    font-family: Roboto;
    font-weight: bold;
    text-decoration: none;
    background-color: #db0466;
    color: #ffff;
    font-size: 1.2rem !important;
  }
  .button-cont-vp {
    padding: 13px 70px!important;
  }
  .vp-bckg {
    background-color: #1B1519;
  }
  .main-button{
    bottom: 129px !important;
    left: 26px !important;
  }
  .carousel-img {
    margin-top: 68px!important;
}
.img-mobile{
  padding-right: 0px !important;
    padding-left: 0px !important;
}

}

@media screen and (min-width: 576px) and (max-width: 1017.99px) {
  .card-custom {
    position: relative;
  }
  .c-text {
    position: relative;
    font-family: Lato;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 40px !important;
    padding-left: 10px;
    padding-top: 40px !important;
    font-size: 1.8rem;
    padding-right: 10px;
    text-align: center;
        }
  .c-text-vp {
    position: absolute;
    color: #ffffff;
    font-family: Lato, Regular;
    line-height: 25px;
    font-size: 0.8rem;
    
    padding-bottom: 0px !important;
  }
  .vp-bckg {
    background-color: #1B1519;
  }
  .img-mobile{
    padding-right: 0px !important;
      padding-left: 0px !important;
  }
 
}

.attiva .subheader{
  font-size: 1.3rem;
  line-height: 2.8rem;
  color: #DB0466;
  font-family: UniSans HeavyItalic;
  text-transform: uppercase;
  font-weight: bolder;
}
.attiva .header{
  font-size: 2.6rem;
  color: #DB0466;
  font-family: UniSans HeavyItalic;
  text-transform: uppercase;
  font-weight: bolder;
  line-height: 2.9rem;
}
@media screen and (min-width: 1226px) {
  .card-custom {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 147px;
    max-width: 30%;
  }
  .card-custom-vp {
    top: 52%;
  }
  
  .c-text {
    color: #000F50;
    font-family: Lato;
    font-weight: 500;
    line-height: 16px;
    font-size: 0.85rem;
  }
  .c-text-vp {
    color: #ffffff;
    font-family: Lato, Regular;
    line-height: 20px;
    font-size: 0.8rem;
  }


}
.clicca-link {
  text-decoration: underline;
  font-family: Lato, Regular;
  font-weight: 400;
  color: #ffffff !important;
}
.card-text-bf{
  font-size: 1.278rem;
}
@media screen and (min-width: 1024px) and (max-width: 1226px) {
  .card-custom {
    position: absolute;
    top: 57%;
    transform: translateY(-50%);
    right: 73px;
    max-width: 30%;
  }
  .card-text-bf{
    font-size: 1rem;
  }
  .c-text {
    color: #000F50;
    font-family: Lato;
    font-weight: 500;
    line-height: 13px;
    font-size: 0.8rem;
  }
  .card-title{
    font-size: 1.2rem!important;
  }
  .c-text-vp {
    color: #ffffff;
    font-family: Lato, Regular;
    /* line-height: 20px; */
    font-size: 0.6rem;
  }
}
.gb120{
  background-image: url('./img/watery.png');
  background-size: cover;
  background-position: center;
}
@media screen and (min-width: 1018px) and (max-width: 1024.99px) {
  .card-custom {
    position: absolute;
    top: 39%;
    transform: translateY(-50%);
    right: 73px;
    max-width: 30%;
  }
  .card-text-bf{
    font-size: 1rem;
  }
  .card-custom-vp {
    top: 50%!important;
  }

  .c-text {
    color: #000F50;
    font-family: Lato;
    font-weight: 500;
    line-height: 13px;
    font-size: 0.8rem;
  }
  .card-title{
    font-size: 1.2rem!important;
  }
  .c-text-vp {
    color: #ffffff;
    font-family: Lato, Regular;
    /* line-height: 20px; */
    font-size: 0.6rem;
  }
  .attiva .subheader{
    font-size: 1rem;
    line-height: 1rem;
  }
  .attiva .header{
    font-size: 1.6rem;
    line-height: 1.5rem;
  }
  .main-button{
    bottom: 50px!important;
    left: 163px!important;
  }
}
/* .prod-optima-super-mobile-smart{
  background-image: url('./img/strip-bckg.png');
  background-size: cover;
  background-position: center;
}
.prod-optima-super-mobile-150-limited-edition{
  background-image: url('./img/blue-stripes.png');
  background-size: cover;
  background-position: center;
} */

@media screen and (min-width: 1025px) and (max-width: 1339.99px) {
  .card-custom {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 73px;
    max-width: 30%;
  }
  .card-custom-vp {
    top: 50%!important;
  }
  .attiva .subheader{
    font-size: 1rem;
    line-height: 2rem;
  }
  .attiva .header{
    font-size: 2rem;
    line-height: 2rem;
  }
  .c-text {
    color: #000F50;
    font-family: Lato;
    font-weight: 500;
    line-height: 13px;
    font-size: 0.8rem;
  }
  .card-title{
    font-size: 1.2rem!important;
  }
  .c-text-vp {
    color: #ffffff;
    font-family: Lato, Regular;
    /* line-height: 20px; */
    font-size: 0.6rem;
  }
  .main-button{
    bottom: 93px;
    left: 196px;
  }
}
@media screen and (min-width: 1340px) and (max-width: 1449.99px) {
  .main-button{
    bottom: 115px;
    left: 221px;
  }
}
@media screen and (min-width: 1450px) and (max-width: 1699.99px) {
  .main-button{
    bottom: 129px;
    left: 263px;
  }
}
@media screen and (min-width: 1700px) {
  .main-button{
    bottom: 98px;
    left: 217px;
  }
}
@media screen and (min-width: 576px) and (max-width: 800px) {
  .main-button{
    bottom: 188px !important;
    left: 63px !important;
  }
}
@media screen and (min-width: 800.99px) and (max-width: 991.98px) {
  .main-button{
    bottom: 290px !important;
    left: 63px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1017.99px) {
  .main-button{
    bottom: 74px !important;
    left: 153px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 991.98px) {
  .card-2 {
    margin: 0 80px 0 80px;
    /* padding: 57px 56px 38px 56px; */
  }

  /* .list-container{
    font-size: 20px;
  } */
  .coupon-btn{
    font-size: 30px;
    margin-top: 10px;
  }
  .c-text {
    position: relative;
  font-family: Lato;
  font-weight: 500;
  line-height: 26px;
   font-size: 1.4rem;
  padding-bottom: 40px !important;
   padding-left: 10px;
  padding-right: 10px;
  text-align: center;
      }
  .c-text-vp {
    position: absolute;
    color: #ffffff;
    font-family: Lato, Regular;
    line-height: 26px;
    font-size: 1.4rem;
    padding-bottom: 0px !important;
    
  }
  .form-control{
    font-size: 3rem!important;
  }
}

.regalo {
  position: absolute;
  top: 30%;
  left: 7%;
}
.card-2{
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px rgb(0 0 0 / 19%);
  border-radius: 6px;
  opacity: 1;
}
.card-vp{
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 6px rgb(0 0 0 / 19%);
  border-radius: 6px;
  opacity: 1;
}
.list-prod{
  background-color: #F4FAFC;
}
.list-prod1{
  background-color: #F4FAFC;
}
@media screen and (max-width: 991.99px) {
  .list-prod1{
    background-color: transparent;
  }
}
img.approfita-icons {
  width: 85px !important;
}

@font-face {
  font-family: "Uni Sans SemiBold Italic";
  src: url("fonts/unisans-semiBold/c41df84c84de5bd78ec1ab43e5d0fe4d.eot");
  src: url("fonts/unisans-semiBold/c41df84c84de5bd78ec1ab43e5d0fe4d.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/unisans-semiBold/c41df84c84de5bd78ec1ab43e5d0fe4d.woff2")
      format("woff2"),
    url("fonts/unisans-semiBold/c41df84c84de5bd78ec1ab43e5d0fe4d.woff")
      format("woff"),
    url("fonts/unisans-semiBold/c41df84c84de5bd78ec1ab43e5d0fe4d.ttf")
      format("truetype"),
    url("fonts/unisans-semiBold/c41df84c84de5bd78ec1ab43e5d0fe4d.svg#Uni Sans SemiBold Italic")
      format("svg");
}

.semi-gray-text {
  font-family: Uni Sans SemiBold Italic, Italic;
  color: #767676;
  font-size: 1.3rem;
}
.semi-gray-t {
  font-family: "Uni Sans SemiBold Italic";
  color: #707070;
}
.semi-gray-2 {
  font-family: Lato, Regular;
  color: #707070;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
}

.t-uni-semi {
  font-family: Uni Sans SemiBold Italic, Italic;
  color: #48b6df;
}
.t-uni-rose {
  font-family: Uni Sans SemiBold Italic, Italic;
  color: #db0466;
  font-size: 2.2rem;
}

@font-face {
  font-family: "Uni Sans W01 Heavy Italic";
  src: url("fonts/unisans-heavyItalic/35b9d1dbf3f5779322e33d4c739dd5e4.eot");
  src: url("fonts/unisans-heavyItalic/35b9d1dbf3f5779322e33d4c739dd5e4.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/unisans-heavyItalic/35b9d1dbf3f5779322e33d4c739dd5e4.woff2")
      format("woff2"),
    url("fonts/unisans-heavyItalic/35b9d1dbf3f5779322e33d4c739dd5e4.woff")
      format("woff"),
    url("fonts/unisans-heavyItalic/35b9d1dbf3f5779322e33d4c739dd5e4.ttf")
      format("truetype"),
    url("fonts/unisans-heavyItalic/35b9d1dbf3f5779322e33d4c739dd5e4.svg#Uni Sans W01 Heavy Italic")
      format("svg");
}

.t-uni-heavy {
  font-family: UniSans HeavyItalic;
  color: #48b6df;
}

.coupon-inp{
  background-color: #EFEFEF;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.2);
}
.coupon-inp:focus{
  background-color: #EFEFEF;
 
}
.coupon-btn{
  border: 1px solid #db0366;
  background-color: #db0366;
  color: #ffffff;
  border-radius: 25px;
}
.coupon-btn:hover{
  color: #ffffff;
  
}
.t-heavy-rose {
  font-family: UniSans;
  color: #707070;
}

.b-calcola {
  color: #ffff;
  background-color: #db0466;
  font-family: Roboto;
  font-weight: bold;
  width: 300px;
  height: 60px;
}

.t-lato {
  font-family: Lato, Regular;
  color: #707070;
}

.t-lato-blue {
  font-family: Lato;
  font-weight: bold;
  color: #43a9ea;
}

.affrodita-text {
  font-family: Lato, Bold;
  font-weight: bold;
  color: #000000;
}

.grey-bckg {
  background-color: #f3f4f6;
}

.blue-bckg {
  background-color: #E2F5FD;
}
.light-blue-bckg{
  background-color: #C4E1EF;
}
@media screen and (min-width: 1000px) and (max-width: 1700px) {
  .im-bckg {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1700px) and (max-width: 2812px) {
  .im-bckg {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 2813px) and (max-width: 5662px) {
  .im-bckg {
    max-width: 47%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 5662px) and (max-width: 7895px) {
  .im-bckg {
    max-width: 25%;
    margin-left: auto;
    margin-right: auto;
  }
}

.bullet-image {
  max-width: 35px;
  max-height: 35px;
  margin: 6px 15px 0 0;
}

.modem-text1 {
  background-color: #767676;
  border-radius: 3px;
  color: rgb(255, 255, 255);
  padding: 2px 13px 2px 13px;
}

.img-luce,
.img-gas {
  display: block;
}

@media only screen and (max-width: 850px) {
  .addition-img-container {
    display: flex;
    align-items: center;
  }
}

.button-cont {
  font-family: Roboto;
  font-weight: bold;
  text-decoration: none;
  background-color: #db0466;
  color: #ffff;
  font-size: 1rem;
}
.button-cont-vp {
  padding: 13px 70px!important;
}
.button-cont:hover {
  text-decoration: none;
  color: #ffffff;
}

.small-text {
  line-height: 15px;
  font-size: 12px;
  font-weight: 400;
}
li::marker {
  color: #48b6df;
  font-size: 1.8em;
  padding-top: 10px;
}
li span {
  vertical-align: 0.2em;
  transform: translate(-0.1em, 0.2em);
}

@media (max-width: 1179px) {
  .card-luce-body-right {
    top: 36%; /* Adjust the top position for smaller screens */
    left: 55%; /* Center the text */
    transform: translateX(-50%);
    white-space: normal; /* Allow text to wrap */
    text-align: center; /* Center-align the wrapped text */
    font-size: 12px; /* Adjust the font size for better readability on smaller screens */
    max-width: 80%; /* Limit the maximum width of the text to avoid overflow */
  }
}

/* new  */
.trasparenza-card-container {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  color: #ffffff;
  width: 100%;
  padding: 0;
  flex-wrap: wrap;
}

.box1 {
  width: 100%;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  position: relative;
  transform: skew(-10deg);
}

.box2 {
  width: 100%;
  padding: 0px;
  text-align: center;
  font-weight: bold;
  position: relative;
  transform: skew(-10deg);
}

.inner-box {
  position: absolute;
  top: 50%;
  left: 85%;
  transform: translate(-50%, -50%);
  border-radius: 5px 0 0 5px;
}
.inner-box2 {
  position: absolute;
  top: 0%;
  left: 75%;
  transform: translate(-50%, -50%);
  border-radius: 5px 0 0 5px;
}
.inner-box-luce {
  position: absolute;
  top: 50%;
  left: 90%;
  transform: translate(-50%, -50%);
  border-radius: 5px 0 0 5px;
}
.inner-box-gas {
  position: absolute;
  bottom: 20%;
  left: 60%;
  transform: translate(-50%, -50%);
  border-radius: 5px 0 0 5px;
}

.luce {
  background-color: #98c23a;
  height: 30px;
  width: 170px;
  display: flex;
  align-items: left;
  justify-content: left;
  padding-left: 27px;
  font-size: large;
}

.gas {
  background-color: #3c99df;
  height: 30px;
  width: 180px;
  display: flex;
  align-items: left;
  justify-content: left;
  padding-left: 30px;
  font-size: large;
}
.safecall-title{
  font-family: 'Unisans HeavyItalic';
  font-size: 1.7rem;
  color: #ffffff;
}
.safecall-text{
  font-size: 1.09rem;
		line-height: 1.1;
		font-family: 'Lato';
		color: #ffffff;
}
.container-main,
.container-main1 {
  position: relative;
  /* background-color : #f2f2f2; 
  border-radius: 10px 10px 10px 10px; */
}
/* these as comments for the dynamic */
/* .container-main::before {
  content: '';
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 125px; 
  background-color: #f0f0f0;
  z-index: 0;
  border-radius: 10px;
}
.container-main1::before {
  content: '';
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  height: 125px; 
  background-color: #f0f0f0;
  z-index: 0;
  border-radius: 10px;
}
@media screen and (max-width: 770px) {
  .container-main::before, .container-main1::before{
    display: none;
  }
} */
.listed-items {
  margin: 12px 0 0 0;
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 280px) {
  /* .listed-items {
    text-transform: uppercase;
  } */
  .semi-gray-text {
    font-size: 3.7vw;
  }
  .modem-texts {
    font-size: 0.4rem;
    text-align: center;
  }
  .img-promo {
    width: 11vh !important;
  }
  .t-heavy-rose {
    font-size: 1rem !important;
    padding-bottom: 0px !important;
  }
  .backg-button {
    padding-top: 2px !important;
  }
  .supercasa {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 280.99px) and (max-width: 575.99px) {
  /* .listed-items {
    text-transform: uppercase;
  } */
  .semi-gray-text {
    font-size: 3.7vw;
  }
  .modem-texts {
    font-size: 0.5rem;
    text-align: center;
    line-height: 12px;
  }
  .img-promo {
    width: 14vh !important;
  }
  .t-heavy-rose {
    font-size: 1.5rem !important;
  }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* .listed-items {
    text-transform: uppercase;
  } */
  .modem-texts {
    font-size: 0.7rem;
    text-align: center;
    line-height: 12px;
  }
  .semi-gray-text {
    font-size: 4.2vw;
  }
  .img-promo {
    width: 13vh !important;
  }
  .t-heavy-rose {
    font-size: 2.2rem !important;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 767.99px) and (max-width: 991.98px) {
  /* .listed-items {
    text-transform: uppercase;
  } */
  .modem-texts {
    font-size: 1.4rem;
    text-align: center;
    line-height: 12px;
  }
  .semi-gray-text {
    font-size: 4vw;
  }
  .img-promo {
    width: 16vh !important;
  }
  .t-heavy-rose {
    font-size: 2.3rem;
  }
}
@media (min-width: 991.99px) and (max-width: 1017.99px) {
  /* .listed-items {
    text-transform: uppercase;
  } */
  .modem-texts {
    font-size: 1.4rem;
    text-align: center;
    line-height: 12px;
  }
  .semi-gray-text {
    font-size: 4.5vw;
  }
  .img-promo {
    width: 16vh !important;
  }
  .t-heavy-rose {
    font-size: 3rem;
  }
  .card-2 {
    margin: 0 47px 0 47px;
  }
  /* .card-vp {
    margin: 0 47px 0 162px;
  } */
}
@media (min-width: 1018px) and (max-width: 1199.98px) {
  .semi-gray-text {
    font-size: 0.9rem;
  }
  .modem-texts {
    font-size: 0.49rem;
  }
  .img-promo {
    width: 10vh !important;
  }
  .t-heavy-rose {
    font-size: 1.1rem;
  }
  .luce-mobile {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .button-cont {
    font-size: 0.8rem !important;
  }
}
/* // Large devices (desktops, 992px and up) */
@media screen and (max-width: 1017.99px) {
  .regalo img {
    display: block;
  }
}
@media screen and (min-width: 1018px) {
  .regalo img {
    display: none !important;
  }
}

.supercasa {
  padding: 0px 40px;
  /* margin-top: 50px; */
}
/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1499.99px) {
  .semi-gray-text {
    font-size: 0.9rem;
  }
  .img-promo {
    width: 12vh !important;
  }
  .modem-texts {
    font-size: 0.45rem;
  }
  .t-heavy-rose {
    font-size: 1.3rem;
  }
}
@media (min-width: 1500px) and (max-width: 1699.99px) {
  .semi-gray-text {
    font-size: 1.4rem;
  }
  .img-promo {
    width: 14vh !important;
  }
  .modem-texts {
    font-size: 0.7rem;
  }
  .t-heavy-rose {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1600px) and (max-width: 4000px) {
  .semi-gray-text {
    font-size: 1.1rem;
  }
  .img-promo {
    width: 9vh !important;
  }
  .button-cont {
    font-size: 1rem;
  }
  .modem-texts {
    font-size: 0.4rem;
  }
  .t-heavy-rose {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 4000px) {
  .semi-gray-text {
    font-size: 1.2rem;
  }
  .img-promo {
    width: 5vh !important;
  }
  .button-cont {
    font-size: 1rem;
  }
  .modem-texts {
    font-size: 0.6rem;
  }
  .t-heavy-rose {
    font-size: 1.4rem;
  }
}

.amazon-title {
  font-weight: normal;
  font-family: Uni Sans SemiBold Italic, Italic;
  color: #707070;
  font-size: 22px;
}

.approfitta-title {
  font-size: 25px;
}

.item-style {
  font-family: Lato, Bold;
  font-weight: bold;
  color: #000000;
}

.trasparenza-card-container1 {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  color: #ffffff;
  height: fit-content;
  width: 100%;
  flex-wrap: wrap;
}

.internet {
  background-color: #e63b68;
  height: 30px;
  width: 180px;
  display: flex;
  align-items: left;
  justify-content: left;
  padding-left: 19px;
  font-size: large;
}

.mobile {
  background-color: #c68900;
  height: 30px;
  width: 200px;
  display: flex;
  align-items: left;
  justify-content: left;
  padding-left: 19px;
  font-size: large;
}

.transparenza-card3 {
  position: absolute;
  width: 100%;
  font-size: x-small;
  display: flex;
  background-color: #f2f2f2;
  border-radius: 0px 10px 10px 0px;
  color: #000000;
  height: fit-content;
}

.card-body {
  overflow: hidden;
}

.card-body {
  flex-wrap: wrap;
}
.card-body1 {
  flex-wrap: wrap;
}
.card-title{
  color: #000F50;
  font-family: 'Unisans HeavyItalic';
  font-size: 1.95rem;
}

.card-text{
  background-color: #ED1A7C;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.1rem;
}
.unici-text{
  font-weight: 400;
  font-size: 22px;
    color: #5d5d5d;
    line-height: 1.2 !important;
}
.unici-body{
  min-height: 332px;
}
.unici-img{
  max-width: 300px;
}
.transparenza-card1,
.transparenza-card2 {
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  border-radius: 15px;
  box-shadow: #000000f9;
  height: fit-content;
}

.mi-card1,
.mi-card2 {
  display: flex;
  justify-content: center;
  text-align: center;
  background-color: #ffffff;
  color: #000000;
  border-radius: 15px;
  box-shadow: #000000f9;
  height: fit-content;
}

.transparenza-card1 .card-body,
.transparenza-card2 .card-body {
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
}

.transparenza-card3 .card-body1 {
  word-wrap: break-word;
  white-space: normal;
}

.theme {
  position: relative;
}

.overlay {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.overlay::before,
.overlay::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  width: 80%;
  height: 3px;
  background-color: transparent;
  background-image: linear-gradient(to right, #dceef9, #43a9ea, #dceef9);
}
.overlay::before {
  transform: translate(-50%, -50%) rotate(30deg);
}
.overlay::after {
  transform: translate(-60%, -90%) rotate(-30deg);
}

@media screen and (max-width: 770px) {
  .overlay {
    width: 40%;
    bottom: 60%;
  }
}

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

.t-small {
  font-size: x-small;
}

.t-small2 {
  font-size: 12px;
}
.price-style {
  color: #0f5682;
  font-family: UniSans HeavyItalic;
  font-weight: bolder;
  font-size: 1.3rem;
}
.price-style2 {
  color: #0f5682;
  font-family: UniSans HeavyItalic;
  font-weight: bolder;
  font-size: 1rem;
}
.style-text {
  font-style: italic;
  color: #707070;
  font-weight: 600;
}
.price-details {
  color: #0f5682;
  font-style: italic;
  font-weight: 400;
}
.euro {
  font-size: 1rem;
  color: #0f5682;
  font-style: italic;
  font-weight: 300;
}
.price-im {
  color: #0f5682;
  font-family: UniSans HeavyItalic;
  font-weight: bolder;
  font-size: 1.3rem;
}
hr {
  color: #b1b1b1;
  border-top: 1px solid;
}

.label-check {
  line-height: 16px;
  font-size: 14px;
  margin-top: -1px;
}
/* .navbar-text {
  background-color: #ffffff;
} */

@media (max-width: 1199.98px) {
  .item-menu-text {
    font-size: 15px !important;
  }
  .navbar-text {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .icon-container {
    width: 100%;
  }
}

/* .img-promo {
  max-width: 120px;
} */

.img-menu-items {
  height: 32px;
  width: auto !important;
}

.item-menu-text {
  font-weight: 700 !important;
  font-size: 10px;
  color: #fff !important;
}

.menu-item-link:hover .item-menu-text {
  color: #00b9e2 !important;
}

.componi-offerta {
  border: 1px solid #db0366;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.componi-offerta.current_page_item {
  background-color: #db0366 !important;
  color: white !important;
}

.componi-offerta:hover {
  background-color: #db0366 !important;
  color: white !important;
  transition: 0.2s ease-in-out;
}

.componi-offerta > a:hover {
  background-color: transparent !important;
  color: white !important;
  transition: 0.3s ease-in-out;
}

.componi-offerta > a {
  text-decoration: none;
  color: #db0366 !important;
}

.menu {
  width: 30px !important;
}

@media (max-width: 1200px) {
  .item-menu-text {
    font-weight: 400 !important;
    color: #000!important;
  }

  #masthead .navbar-nav > li.current_page_item {
    background-color: #00b9e2;
    padding: 3px;
    width: 100%;
  }

  #masthead .navbar-nav > li:hover {
    transition: 0.3s ease-in-out;
    background-color: #00b9e2;
    padding: 3px;
    cursor: pointer;
  }

  #masthead .navbar-nav > li:hover > a {
    color: #ffffff !important;
  }

  #masthead .navbar-nav > li {
    margin-right: 8px;
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
    font-size: 13px;
    width: 100%;
    padding: 3px;
  }
}

@media screen and (max-width: 450px) {
  html {
    margin-top: 0px !important;
  }
  .navbar-brand {
    padding-top: 0px !important;
  }
  #navbarNavDropdown {
    width: 100%;
  }
  #masthead nav {
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
  }

  .icon-container {
    background: #fff;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .componi-offerta {
    font-weight: bold;
    border: unset;
    padding-left: 0px;
    padding-right: 0px;
  }
  .navbar-text {
    padding-bottom: 20px !important;
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #ffffff;
  }

  .button-cont {
    font-size: 1rem !important;
  }
}

.navbar-light .navbar-toggler {
  color: unset;
  border-color: white;
}

button:focus {
  outline: none;
}

.container-nav {
  max-width: 1260px !important;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  flex-wrap: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.menu-item > a:hover {
  transition: 0.3s ease-in-out;
  text-decoration: none;
}

#masthead .navbar-nav > li.componi-offerta > a {
  text-decoration: none;
  padding-top: 0px;
  padding-bottom: 0px;
}

#masthead .navbar-nav > li.componi-offerta {
  text-decoration: none;
}

.entry-content {
  margin: unset !important;
}

.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}

.navbar-toggler {
  border: none !important;
  outline: none;
  box-shadow: none !important;
}
.navbar-toggler:focus,
.navbar-toggler:focus-visible,
.navbar-toggler:active {
  box-shadow: none !important;
  outline: none;
}

.navbar-toggler span {
  display: block;
  width: 28px;
  height: 3px;
  background-color: #00aeef; 
  margin: 5px 0;
  transition: transform .3s ease, opacity .3s ease;
  transform-origin: center;
}

.navbar-toggler.collapse-second span:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.navbar-toggler.collapse-second span:nth-child(2) {
  opacity: 0;
}
.navbar-toggler.collapse-second span:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

#primary-menu a,
#primary-menu .menu-item-link {
  text-decoration: none;
}

body.menu-open {
  overflow: hidden;
}

body.menu-open .overlay-menu {
  display: block;
}

.overlay-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1;
}

.faq-content{
  display: none; 
  font-size: 1.2rem;
  color: #707071;
}
.faq-toggle{
  border: none; 
  background: transparent; 
  text-align: left; 
  font-size: 1.2rem; 
  color: #707071; 
  font-weight: 500;
  text-decoration: none!important;
  box-shadow: none!important;
}
.faq-toggle:hover {
  color: #707071;
  border: none; 
  background: transparent; 
  text-decoration: none!important;
  box-shadow: none!important;
}
.btn:focus .faq-toggle:focus {
  color: #707071;
  border: none; 
  background: transparent; 
  text-decoration: none!important;
  box-shadow: none!important;
}
.faq-arrow {
  font-size: 20px;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-left: 2px solid gray; 
  border-bottom: 2px solid gray; 
  transform: rotate(-45deg); 
  margin-left: 8px; 
  transition: transform 0.3s ease; 
  text-decoration: none!important;
  box-shadow: none!important;
  flex-shrink: 0;
}
.faq-toggle.active .faq-arrow {
  transform: rotate(135deg); 
  text-decoration: none!important;
  box-shadow: none!important;
}

.faq-content-lr {
  display: none;
  font-size: 14px;
  color: #707071;
  margin-left: 10px;
  white-space: nowrap;
}

.faq-arrow-leftright {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1EA9EA; 
  transition: transform 0.3s ease-in-out;
  margin-left: 8px;
  flex-shrink: 0;
}

.faq-toggle-lr.active .faq-arrow-leftright {
  transform: rotate(180deg); 
  border-left: 5px solid transparent; 
  border-right: 5px solid #1EA9EA; 
}

.faq-toggle-lr{
  border: none; 
  background: transparent; 
  text-align: left; 
  font-size: 1.2rem; 
  color: #1EA9EA; 
  font-weight: 500; 
  text-decoration: none!important;
  box-shadow: none!important;
}
.faq-toggle-lr:hover {
  color: #1EA9EA;
  border: none; 
  background: transparent; 
  text-decoration: none!important;
  box-shadow: none!important;
}
.btn:focus .faq-toggle-lr:focus {
  color: #1EA9EA;
  border: none; 
  background: transparent; 
  text-decoration: none!important;
  box-shadow: none!important;
}
@media (max-width: 768px) {
  .faq-arrow {
      width: 8px;
      height: 8px;
      border-left: 2px solid gray;
      border-bottom: 2px solid gray;
      margin-left: 4px;
  }
  .faq-toggle {
      font-size: 1rem; 
  }
}



.product-container {
  position: relative;
  display: flex;
  flex-wrap: wrap; 
  gap: 20px;
  justify-content: center; 
  background-color:#F3F4F6;
}

.product-card {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 300px; 
  padding: 15px;
  text-align: center;
  transition: transform 0.2s ease-in-out;
}
.carousel-card-body{
  margin-top: 90px;
}
.carousel-card{
  padding: 12px 0px 12px 0px;
  margin-top: 66px;
  max-width: 85%;
  min-width: 85%;
  background-color: #E53763;
  align-self: center;
  vertical-align: middle;
  transform: translate(-50%, -50%);
  left: 50%;
}
.carousel-img{
margin-top: 62px;
max-width: 85%;
min-width: 85%;
align-self: center;
vertical-align: middle;
transform: translate(-50%, -50%);
left: 41%;
}
.carousel-prod{
  margin-top: -150px;
}

.product-card:hover {
  transform: scale(1.05);
}

.z-index-3 {
   z-index: 3;
}

.product-image {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  padding: 10px 34px 7px 34px;

}

.product-name {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
}

.product-price {
  color: #27ae60;
  font-weight: bold;
  margin-bottom: 10px;
}

.product-description {
  font-size: 14px;
  color: #555;
  margin-bottom: 15px;
}

.product-link {
  text-decoration: none;
  color: #fff;
  background-color: #0073aa;
  padding:6px 0px;
  border-radius: 100px;
  display: inline-block;
  margin-top: 10px;
  background: #E53763 0% 0% no-repeat padding-box;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: 'roboto';
}
.product-link:hover{
  text-decoration: none;
  color: #fff;
}
.main-button{
  position: relative; 
  color: #3FCAFF; 
  border: 2px solid #3FCAFF; 
  text-decoration:none; 
  font-weight:700; 
  padding: 4px 45px; 
  border-radius: 100px;

}
.main-button:hover{
  text-decoration: none;
  color: #ffffff; 
  border: 2px solid #ffffff; 
}
@media (max-width: 767px) {
  .special-banner{
    margin-top: -56px!important;
  }
  .product-card {
    margin-top: 64px;
  }
  /* .swiper-container{
    margin-top: -90px!important;
  } */
}
@media (min-width: 499.99px) and (max-width:766.99px) {

  .swiper-container2 .s-carou {
    width: 386px !important; 
    flex-shrink: 0; 
  }
}
@media (min-width: 767.99px) and (max-width: 991.99px) {
  .special-banner{
    margin-top: -33px!important;
  }
  .product-card {
    margin-top: 46px;
  }
  .swiper-container2 .s-carou {
    width: 500px !important; 
    flex-shrink: 0; 
  }
}
@media (min-width: 992px) {
  .product-card {
      width: 100%; 
      margin-top: -35px;
  }
  .product-container {
    margin-top: -22px;
  }
  .t-banner{
    font-size: 1rem!important;
  }
}
@media (min-width: 992.99px) {
  .product-link {
    font-size: 1rem!important;
  }
}

.s-carou {
  display: flex!important;
  justify-content: center!important; 
  align-items: center!important;
  /* margin-right: 18px!important; */
  text-align: center;
  margin-left: 0; 
  padding: 0; 

}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex
;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;}

.swiper-pagination {
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination-bullet {
  width: 12px; 
  height: 12px;
  background-color: #ddd; 
  border-radius: 50%; 
  opacity: 1; 
  z-index: 10;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.swiper-pagination-bullet-active {
  background-color: #333; 
  transform: scale(1.2); 
  z-index: 10;
}

.swiper-button-next, .swiper-button-prev {
  display: none!important;
}
.note-page-shop{
 color:#8D8D8D!important;
 position: relative;
 font-size: 0.7rem;
}
@media (max-width: 991.99px) {
  .note-page-shop{
     top: 45px;
  }
}
@media (max-width: 991.99px) {
  .img-page-shop{
    min-height: 107px;
  }
  
}

.special-banner{
  background-color: transparent!important;
  margin-top: -72px !important;
  border: none!important;
}
.special-banner2{ 
  background-color:#E53763;
  padding: 12px 0px 12px 0px;
  margin-top: -38px;
  max-width: 85%;
  min-width: 85%;
  align-self: center;
  vertical-align: middle;
  transform: translate(-50%, -50%);
  left: 50%;
  border: none !important;
}
.special-banner-transparent{
  pointer-events: none;
  opacity: 0;
  padding: 12px 0px 12px 0px;
  margin-top: -38px;
  max-width: 85%;
  min-width: 85%;
  align-self: center;
  vertical-align: middle;
  transform: translate(-50%, -50%);
  left: 50%;
  border: none !important;
}
.button-leggi{
  color: #3FCAFF;
  border: 2px solid #3FCAFF;
  text-decoration: none;
  font-weight: 700;
  /* padding: 4px 45px; */
  border-radius: 100px;
}
.button-leggi:hover{
  text-decoration: none;
  color:#3FCAFF;
}
.t-banner{
  /* margin-top: -35px; */
  font-family:"Lato", sans-serif;
  color:#fff;
  font-weight: 900;
  font-size: 1.4rem;

}
.text-dark b {
  color: black !important;
}
.bg_grigio{
  background-color: #F8F8F8;
}
.bg_rosso{
  background-color: #DF2A78;
}
.heavy_biancoitabold {
  font-family: "UniSans HeavyItalic", sans-serif;
  text-transform: uppercase;
  color: #fff !important;
  font-weight: bolder;
}
.grey-bc2{
  background-color: #ECEDF1;
}
.richiedi{
  width:200px; 
  border:1px solid #00b9e2!important; 
  border-radius:25px; 
  background-color:#1EA9EA; 
  color:#fff!important; 
  text-decoration:none!important;
  font-weight: bold;
}
.bold_neroita{
  font-family: "UniSans BoldItalic", sans-serif;
  font-size: 34px;
  font-style: italic;
  text-transform: uppercase;
  color: #000;
}
.thin-neroita{
  font-family: 'UniSans ThinItalic';
  text-transform: uppercase;
  color: #000;
  font-style: italic;
  font-size: 34px;
}
.top-bar-blue{
background-color: #00A9EA;
}

.top-bar-blue .container-nav {
  justify-content: flex-end !important;
}
.top-bar-blue .container-nav {
  max-width: 1333px !important;
  width: 100% !important;
  justify-content: flex-end !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
  height: 40px !important;
}
@media only screen and (min-width: 2300px) {
  .top-bar-blue .container-nav{
width: 1300px !important;
  }
}
.top-bar-blue .container-nav {
  justify-content: flex-end !important;
}
.top-bar-blue .item-menu-text {
  color: #ffffff !important;
  transition: color 0.2s ease-in-out;
}

.top-bar-blue .img-menu-items {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  background-color: transparent !important;
  padding: 0 !important;
  transition: opacity 0.2s ease-in-out;
  width: 25px !important;
}

.top-bar-blue .hover-image {
  display: none !important;
}
.top-bar-blue .default-image {
  display: block !important;
}

.top-bar-blue .menu-item-link:hover .item-menu-text {
  color: rgba(255, 255, 255, 0.7) !important;
}

.top-bar-blue .menu-item-link:hover .img-menu-items {
  filter: brightness(0) invert(1) !important;
  opacity: 0.7 !important; 
}