@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
html {
  scroll-behavior: smooth;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.bg-violet{background-color: #9B8AA1!important;}

#dettagli_fatturazione p {margin-bottom: 0!important;}
#ordini .border_box {
    border-radius: 20px!important;
    max-height: 100%!important;
}
#ordini .product_title{color: #000!important;font-size: 14px!important;text-align: center!important;}

p.clame {
text-align: center;
font: normal normal normal 24px/31px Roboto Condensed;
letter-spacing: 0px;
color: #27272E;}
p.under_logo {
text-align: center;
font: normal normal normal 17px Roboto Condensed;
letter-spacing: 0px;
color: #fff;}
p.loading {padding-top:20px;color:#9B8AA1!important;font-family: 'Roboto Condensed', sans-serif;font-weight: 700}
.account_request p,.account_request a {font-size:16px;color:#40535E;font-family: 'Roboto Condensed', sans-serif;}
.account_request p { font-weight: 300 }
.account_request a{font-weight: 700}
#lang_selection a.active { opacity:1;pointer-events: none; }
#lang_selection a { opacity:.4 }

#adduser table.form-table,#adduser h2{display: none!important;}
/* LOGO ANIMATION */

#anima { background-color: #F8F8FD }

#admin_overlay { background-color: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

html, body { height:100%; overflow-x: hidden;} 
body { 		
  color:#27272E;
  background-color: #F5F5F5;
  font-family: 'Roboto Condensed', sans-serif;
}
ul#navigation li.active span.number,
.top_voice, .bottom_voice { 
  background-color:#2a3439; 
}
ul#navigation a{color: #fff!important;}

.embed-responsive { background-image: url(../img/ajax-loader.gif); background-position: center center; background-repeat: no-repeat; }

/* colors */
.light-bg { background-color: #f5f5f5; }
.light-bg-fixed { background-color: #f5f5f5; }
.white-bg { background-color: #ffffff }

/* Login */
#logbox h1 {
  text-align: center;
  font-size:18px;
  font-weight:normal;
  letter-spacing: 0px;
  color: #40535E;
  text-transform: uppercase;
  opacity: 0.7;
}

#login .form-control,#adduser .form-control {  font-size:16px !important; border-radius:0 !important; width:100%; background-color: transparent;  border-top:0px; border-right:0px; border-left:0px;  }
#adduser select.form-control { border-bottom:2px solid rgba(255, 255, 255, .1)!important }
.input-group-text {
    border-radius:0 !important;
    text-align: center;
    white-space: nowrap;
    background-color: transparent ;
    border-top:0px; border-right:0px; border-left:0px; 
}
textarea { width:100%; padding:8px; border: 1px solid #CCCCCC; border-radius: 10px; }
.not_active { pointer-events: none !important; opacityt:.3;}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background-color: transparent;
     -webkit-text-fill-color: #000!important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    background-color: transparent;
    -webkit-text-fill-color: #000!important;
}
.checkout h3{color:#9b8ba1!important;font-weight: 700!important;text-transform: uppercase;}
.checkout label{margin-bottom: 0;}

.checkout input{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .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: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

table.cart img,table.cart .product-thumbnail{width: 200px!important}
table.cart img{border-radius: 20px;}


#data_management p, #ask_login p { font-size:14px; font-weight: lighter !important; }
#ask_login a { color:#40535E; font-weight: bold;}
#data_management a { color:#40535E; }
#data_management a:hover { text-decoration:underline !important; }
img.logo { max-width: 280px !important  }
img.w-100 { height:auto; }


.alert-secondary{background-color: #9B8AA1;color: #fff!important}

.bg-light,.shop_table{background-color: #F5F5F5!important}
h1.sw_color{font-size: 22px!important;}
.sw_color { color:#9B8AA1 !important; }

.qib-container{background-color: #fff!important;}

/* Dark mode */
body.dark_mode .sku, body.dark_mode .single_cat_name, body.dark_mode h1,body.dark_mode .correlati{color: #fff!important}
body.dark_mode .shop_table p,body.dark_mode .shop_table a{color: #000!important}
body.dark_mode .woocommerce-checkout-payment li{color: #000!important}
.shop_table .actions button{background-color: #9B8AA1!important;}
.cart-collaterals{margin-bottom: 20px}
body.dark_mode .checkout h3 { color: #fff!important;}

body.dark_mode #header .logo { height:60px; width: auto;    -webkit-filter: inherit!important;
    filter: inherit!important; }
body.dark_mode #colorable   .switch-wrap {  border: 1px solid #fff; }
body.dark_mode #colorable .switch::after { background: #fff; border: 1px solid #fff }
body.dark_mode #colorable .switch-text,body.dark_mode .sw_color { color:#fff !important; }
body.dark_mode, body.dark_mode .light-bg, body.dark_mode .top_voice, body.dark_mode .bottom_voice { background-color: #2a3439; }
/*body.dark_mode .white-bg { background-color: #3a4348 }*/
/*body.dark_mode .header-bg { background: rgb(42,52,57);
background: linear-gradient(180deg, rgba(42,52,57,1) 50%, rgba(42,52,57,0) 100%);}*/
/*body.dark_mode .header-bg, body.dark_mode .header-bg_mob  { background-color:rgba(245, 245, 245, 1);}*/
body.dark_mode .product_title { color:#54626d; }
/*body.dark_mode .request_box { background-color: #445662; color:#fff !important; }*/
body.dark_mode .head , body.dark_mode .product_count h2, body.dark_mode .request_box  li, body.dark_mode .request_box a {color:#fff !important;}
body.dark_mode ul#profile_menu li a,
body.dark_mode #loading, body.dark_mode #loading p,
body.dark_mode  h2.step_title, body.dark_mode  h2.label, body.dark_mode label { color:#ffffff !important } 
body.dark_mode ul#navigation li.active span.number {  color:#fff;background-color: #2a3439;  }
body.dark_mode #categoria select { color:#fff !important; background-color: #2a3439 !important;  }
body.dark_mode select:after { border-color: #fff !important  }
body.dark_mode .btn-mastr { color:  #ffffff;  border:1px solid #ffffff; }
body.dark_mode .form-control { color:#fff;  border-bottom:1px solid rgba(255, 255, 255, .3) !important }
body.dark_mode select.form-control { border-bottom:1px solid #ced4da !important }
body.dark_mode .switch-area_log input:checked + .switch::after { background-color: #F8F8FD ;}
body.dark_mode .switch-area_log .switch::after { background: #40535e; border: 1px solid #fff }
body.dark_mode .switch-area_log .switch-wrap {  border: 1px solid #fff; }
body.dark_mode #to_all_prod i,body.dark_mode #to_all_prod p, body.dark_mode #go_back i, body.dark_mode #go_back p,  body.dark_mode .back_to_segment p,body.dark_mode .back_to_segment, body.dark_mode #back_to_application i, body.dark_mode #back_to_application p, body.dark_mode #back_to_menu i, body.dark_mode #back_to_menu p {  color:#fff  !important;}
body.dark_mode #adduser .form-control { color:#fff !important;  border-bottom:1px solid rgba(255, 255, 255, .4) !important }
body.dark_mode #adduser .input-group-text { color: rgba(255, 255, 255, .4) !important; border-bottom: 1px solid rgba(255, 255, 255, .4);}
body.dark_mode #adduser select.form-control { border-right: 1px solid rgba(255, 255, 255, .4) !important;; border-left: 1px solid rgba(255, 255, 255, .4) !important;border-top: 1px solid rgba(255, 255, 255, .4) !important; }
body.dark_mode #products textarea,body.dark_mode #page_send_req textarea,body.dark_mode #page_send_req h2,body.dark_mode #page_send_req a,body.dark_mode #page_send_req i,body.dark_mode #page_send_req p { color:#fff !important; }
body.dark_mode #page_send_req .product_title { color:#40535e !important; }
body.dark_mode  #product_box { background-color: transparent;  }
body.dark_mode #features img {  filter: brightness(0) invert(1); }
body.dark_mode #features,
body.dark_mode #product_box .title_decription,
body.dark_mode  #product_box h1,
body.dark_mode  #product_box h2,
body.dark_mode  #product_box h3,
body.dark_mode  #product_box p,
body.dark_mode #list a,
body.dark_mode #list h2,
body.dark_mode  #list a:hover,
body.dark_mode #ask_login a,
body.dark_mode  #ask_login p,
body.dark_mode .switch-area_log .switch-text,
body.dark_mode  #new_account p,
body.dark_mode #related h4,
body.dark_mode .related h4,
body.dark_mode a#show_filter,
body.dark_mode #a-z h1,body.dark_mode .account_request p,body.dark_mode .account_request a { color:#fff !important; } 
body.dark_mode h1, body.dark_mode h2, body.dark_mode h3, body.dark_mode h4, body.dark_mode h5, body.dark_mode h6, body.dark_mode p, body.dark_mode li, body.dark_mode a {
    color: #ffffff;
}





.underline { text-decoration:underline !important; }

.delete { line-height:21px;text-align:center; border-radius:50%; height:20px;width:20px;background-color:#54626d ; color:#fff; }
.remove2
{
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0px;
}
.remove2:hover { cursor:pointer; }
/* animations */

@media (max-width:767px) {
.application:hover, .segment:hover, .prodotto:hover { opacity:1}
.application,.materiale{background-color: #9B8AA1!important;opacity: .8}
.berocket_inline_filters{min-width: 100%!important;padding-right: 0!important;}
}

@media (min-width:768px) {
.application:hover, .segment:hover, .prodotto:hover,.materiale:hover { cursor: pointer;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transform: scale(1.04)!important;
}
}
.application, .segment, .prodotto {
    -webkit-transition: transform ease-out .3s;
  -moz-transition: transform ease-out .3s;
  -o-transition: transform ease-out .3s;
  transition: transform ease-out .3s;
}
.animated {
  -webkit-transition: all  ease-out .3s;
  -moz-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
}
.all_animated {
  -webkit-transition: all  ease-out .3s;
  -moz-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
}
.bbaacckk:hover { cursor: pointer }

/* profile menu */
ul#profile_menu li {  
  line-height:18px; 
  display:inline-block;
  width:54px;
  text-align: center;   
  -webkit-transition: all  ease-out .3s;
  -moz-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
}
ul#profile_menu { list-style: none; padding-left:0; right:0; z-index:9999;}
ul#profile_menu li a {  color:#54626d; font-size:11px;}
ul#profile_menu li a i { font-size:18px; }
ul#profile_menu li:hover  { cursor: pointer; opacity:.7;  }

img.round { border-radius: 6px }

.btn-drop { color:  #fff; font-size:14px; text-transform:uppercase; font-weight:600; background-color: transparent; border-radius:8px; border:1px solid #fff; }
.btn-drop:hover { color:#fff; background-color:  #54626d }

.q {
    position: absolute;
    bottom: 2.2rem;
    left: 1rem;
    background-color: #fd4d4d;
    width: 32px;
    height: 32px;
    line-height: 24px;
    display: block;
    border-radius: 50%;
    border: 4px solid #fff;
    color: #fff;
    font-weight: 700;
    font-size:14px;
    z-index:3;
}
.form-table{margin-bottom: 30px;}
/*navigation */
ul#navigation { text-transform:uppercase; list-style: none; padding-left:0 }
ul#navigation li.standard {  font-size:16px;line-height:50px; height:80px; }
ul#navigation li.standard a {  color:#40535E; }
ul#navigation li.active span.number { color: #9B8AA1!important;display:inline; float:right; background-color: #F5F5F5; line-height:50px; height:50px; padding:0 25px; border-radius: 25px 0 0 25px; overflow: hidden; }
ul#navigation li span.number { font-size:20px; display:inline; float:right; line-height:38px; height:38px; padding:0 25px;  }
ul#navigation li.active { font-weight:bold; font-size:16px;color: #fff; line-height:50px; }
ul#navigation li.active span.selected { display: none }
ul#navigation li span.selected { font-size:16px; font-weight:bold;position:relative; }
ul#navigation li { line-height:18px; font-size:12px; font-weight: 300; }
ul#navigation li:hover { cursor: pointer; } 
ul#navigation li a:hover { color:#fff !important;}
ul#navigation li.active:hover{ cursor:inherit; } 
.top_voice { width:100%; height:15px; display: block ; content:''; background-color:#F5F5F5; }
li.active .top_voice_inside {
    border-radius: 0 0 15px 0 !important;
}
.top_voice_inside {
    left: 0;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    height: 15px;
    display: block;
    content: '';
    background-color: #9B8AA1;
}
.bottom_voice { width:100%; height:15px; display: block ; content:''; background-color:#F5F5F5; }
li.active  .bottom_voice_inside{
    border-radius: 0  15px 0 0 !important;
}
.bottom_voice_inside{
    left: 0;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    height: 15px;
    display: block;
    content: '';
    background-color: #9B8AA1;
}
/* Typography */
h1, h2, h3,h4 { font-size:16px; letter-spacing:0px;  }
h1,h2,h3,h4,h5,h6,p,li , a{ color:#27272E; }
.uppercase { text-transform: uppercase; }
.light { font-weight: lighter !important }
.regular { font-weight:normal !important; }
h2.step_title { font-weight:normal; font-size:16px; }
h2.label { font-weight:normal;letter-spacing:1px;font-size:16px; text-transform: uppercase; }
p.product_title {letter-spacing:1px;position:relative; font-weight:400; font-size:14px; text-transform: uppercase; background-color: #fff}
a p.product_title { color:#54626d;   }
a:hover > p.product_title, a:hover { text-decoration: none !important; }
#logout a, #login a  {  color:#54626d;}
#loading p { color:#54626d;text-transform:uppercase !important; font-weight:bold !important; }
#loading { top:0; }
a.logout { font-size:12px; }
a.back { font-weight:lighter; color:#54626d; }

/* Form, Input, etc. */
#category, #softness, #tickness { text-transform: uppercase; }
.btn-mastr_no_bords { color:  #54626d; font-size:14px; text-transform:uppercase; font-weight:600; background-color: transparent; border-radius:8px; border:0px solid #54626d; }
.btn-mastr_no { color:  #54626d; font-size:14px; text-transform:uppercase; font-weight:600; background-color: transparent; border-radius:8px; border:1px solid #54626d; }
.btn-mastr_no:hover { color:#fff !important; background-color:  #54626d; }
.btn-mastr { color:  #54626d; font-size:14px; text-transform:uppercase; font-weight:600; background-color: transparent; border-radius:8px; border:1px solid #54626d; }
.btn-mastr:hover { color:#fff !important; background-color:  #54626d; }
.btn-mastr-inv { color:  #fff; font-size:14px; text-transform:uppercase; font-weight:600; background-color: #54626d; border-radius:8px; border:1px solid #54626d; }
.btn-mastr-inv:hover { color:#54626d; background-color:  transparent }
#adduser .form-table label, #adduser label { font-weight:400 !important; line-height:14px; padding-left:.40em !important;  width: 100%; margin-bottom:0;display: block; font-size:14px !important; text-transform: uppercase; }
#adduser .input-group { margin-bottom: 30px }
.form-control, .input-group-text {    padding: .250rem .40rem !important;}
#adduser h2 {padding-left:.40em !important; }
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}
input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 50px transparent inset;
    -webkit-text-fill-color: #000!important;
}

.xoo-wsc-ft-btn{border-radius: 10px!important;
    padding: 3px!important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px!important;
}
.xoo-wsc-ft-btn-checkout{
    background-color: #9B8AA1!important;
    color: #fff!important;
    border: 1px solid #9B8AA1;
}

.btn-ghost{
    background-color: transparent!important;
    color: #9B8AA1!important;
    border: 1px solid #9B8AA1;
    display: inline-block!important; 
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px!important;
    border-radius: 10px;
    padding: 3px!important;
    width: 220px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.btn-ghost:hover{
    background-color: #9B8AA1!important;
    color: #ffffff!important;
    border: 1px solid #9B8AA1;
}



.variations select{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .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: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:disabled { opacity:.4 !important;}
@keyframes autofill {
    100% {
        background: transparent;
        -webkit-text-fill-color: #000!important;
        color: #000;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: #000;
    }
}



.carousel-control-next, .carousel-control-prev {
    top: 50px !important;
    bottom: 50px !important;
}

/* REQUESTS */
#req_grid .head { font-weight: bold; }
#req_grid .head span.date { font-size:14px; padding-left: 20px; font-weight: lighter; }
.product_count > h2 { font-weight: lighter;padding: 20px 0; }
ul.list_preview { margin-bottom:0; list-style:none; padding-left:0;}
ul.list_preview  li {  font-weight: bold; text-transform: uppercase; }
#req_grid .btn { 
  position:absolute;
  right: 20px;
  position: absolute;
  bottom:20px; font-size: 14px !important; 
}
.request_box { background-color: #fff }


/* BOOTSTRAP */
.toast { max-width: initial !important; }

/* ACF */
.form-table td { width: 100%; display: block }

/* Switch color */
.switch-wrap {
  cursor: pointer;
  background: transparent;
  width: 30px;
  height: 15px;
  border-radius: 15px;
  border:1px solid #ffffff;
  margin-bottom:0;
}
.switch-wrap input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.switch {
  height: 17px;
  margin-top: -2px;
  margin-left: -2px;
  width: 34px;
  display: grid;
  grid-template-columns: 0fr 1fr 1fr;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;

}
.switch::after {
  content: '';
  border-radius: 50%;
  background: #fff;
  border:1px solid #ffffff;
  grid-column: 2;
  -webkit-transition: background .2s;
  -moz-transition: background .2s;
  -o-transition: background .2s;
  transition: background .2s;
}
input:checked + .switch {
  grid-template-columns: 1fr 1fr 0fr;
}
input:checked + .switch::after {
  background-color: #ffffff;
}
.switch-text {font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;font-weight:lighter; padding-left:8px;font-size:12px; color:#ffffff;}



/* layout */
.border_box,.round_corner { border-radius:15px; overflow: hidden; }
.request_box{border: 1px solid #fff}

/* SINGLE PRODUCT */
.zoom > img  {transform: scale(4);} 
#product_box {border-radius:15px; background-color: #fff}
h1.current_product { font-weight: bold; font-size: 22px }
h2.current_cat, .title_decription,  #req_text h3 { font-weight: lighter;font-size: 18px }
#features  {  line-height: 16px; margin-bottom:0 ;  }
#lang_sel  img { opacity:.3; }
#lang_sel  img:hover { cursor:pointer; }
#lang_sel  img.active { opacity:1 !important; }
#content_product p, #req_text p {font-family: 'Roboto Condensed', sans-serif;
font-size:16px; font-weight: normal; line-height: 24px; letter-spacing: 0.5px }
#content_product a { font-weight: bold !important }
h3.other { font-size:14px; font-weight: lighter; line-height: 16px; }

#special_features p{ font-size:14px; font-weight: lighter; line-height: 16px; margin-bottom: 0 !important }
.it {display: none;}
.icons p { margin:10px 0; font-weight:lighter;  }
.request_title { opacity: .8 !important }
p.versions { font-weight: lighter;font-size: 13px  }
#thumb img { border-radius: 8px }
.lente > div:hover { cursor:pointer !important; }
.icona_lente:hover {     cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in; }
.play { position: absolute;
   top: 50%;
   left: 50%;
   width: 30px;
   height: 30px;
   margin-top: -15px; /* Half the height */
   margin-left: -15px; /* Half the width */ 
 }




/* LIST VIEW */
#list h2 { font-size: 20px !important;color:#3B15B3!important;font-weight: 700 }
#list a:hover { color:inherit; opacity: 1 }
#list a{  opacity: .7 }



/*BOOTSTRAP 5 COLUMNS */
.col-5col,
.col-sm-5col,
.col-md-5col,
.col-lg-5col,
.col-xl-5col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-5col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-5col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-5col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-5col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    ul#profile_menu li {  
      width:60px;
    }
}
@media (min-width: 1140px) {
    .col-xl-5col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    ul#profile_menu li {  
      width:60px;
    }
}
@media (min-width: 1400px) {
    .col-xl-5col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    ul#profile_menu li {  
      width:60px;
    }
}

/* CONTACT FORM 7 */
.wpcf7 form.sent p {
	display: none;
}
.email_commerciale,.lingua, .nome_commerciale, .cognome_commerciale { display: none }


/* MENU MOBILE */
#header { height:72px; }
#header a:hover { color:#40535E;opacity: .6; }
#header .logo, #mobile_menu .logo { height:60px; width: auto;    -webkit-filter: invert(100%);
    filter: invert(100%); }


#mobile_menu h1 {  font-size:20px; font-weight:lighter;  }
#mobile_menu a.logout, a.link{ font-size:16px; color:#40535E; font-weight: normal; }
ul#mobile_nav { text-transform:uppercase; list-style: none; padding-left:0  }
ul#mobile_nav li {  font-size:20px; padding:20px 0; }
ul#mobile_nav li a {  color:#40535E; font-weight: normal;}
ul#mobile_nav li.active a {  color:#40535E; font-weight: bold;}
ul#mobile_nav li a i { float:right }
#mobile_adjust { height:72px; }
#hide_mob_menu:hover, #show_mob_menu:hover { cursor: pointer }



/*responsive*/
#header i,#mobile_menu i { font-size: 20px }
.header-bg { 
background: rgba(248, 248, 254,1)}
.header-bg_mob {
    background-color: #f5f5f5;
}
.back_to_segment:hover, #back_to_application:hover,#back_to_menu:hover ,#show_filter:hover { cursor: pointer; }
@media all and (min-width: 991px) { 
.mobile { display: none  !important }
.padjust { padding-top:60px; }
.altezza-100 { height: 100%!important; }
}
@media all and (max-width: 990px) {
#req_grid .head { font-weight: lighter; }
.request_box { background-color: transparent !important; border-bottom: 1px solid #DEDEDE; border-radius:0;}
.altezza-100 { height: auto !important; }
#filter { display: none }  
.sticky-top { top: 0px; }
.mob-inline { display: block }
.desktop { display: none }
.header-bg { background-color: rgb(245,245,245,1);  }
.padjust { padding-top:30px; }
#product_box { border-radius:0px !important; background-color: transparent !important}
.q { left: .5rem !important; }
}
@media all and (min-width: 769px) { 
.arrow { display: none !important }
}
@media all and (max-width: 768px) {
#page_send_req .border_box,#products .border_box, #categoria .border_box { border-radius:15px !important; !important; max-height:inherit; !important; overflow-y:inherit; }
.border_box { border-radius:0 !important; max-height:70px; overflow-y: hidden }
.application > img,.segment > img { display: none }
.application, .segment { cursor: pointer;background-position: center center; background-size:cover; }
.product_title {  background-color:transparent !important; font-size:20px !important; text-align: left !important; color:#fff !important;  }
#page_send_req .product_title, #products .product_title, #categoria  .product_title { font-size:16px !important; 
   /* text-align: center !important; */
    color:inherit !important;  }
.carousel { margin-left:-20px !important; margin-right:-20px !important; border-radius:0 !important; }
.carousel-inner, .carousel-inner > div { border-radius:0 !important;  }
.q { display: none }
}

@media all and (max-width: 990px) {
  .modal.left.fade .modal-dialog {
    left: -40%;
  }
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
  width: 40%;
  }
  .modal.left.fade .modal-dialog{
    left: -40%;
  }
  .modal.right.fade .modal-dialog {
    right: -40%;
  }

}
@media all and (max-width: 768px) {
  .modal.left.fade .modal-dialog {
    left: -70%;
  }
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
  width: 70%;
  }
  .modal.left.fade .modal-dialog{
    left: -70%;
  }
  .modal.right.fade .modal-dialog {
    right: -70%;
  }
}
@media all and (min-width: 991px) {
  .modal.left.fade .modal-dialog {
    left: -320px;
  }
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
  width: 320px;
  }
  .modal.left.fade .modal-dialog{
    left: -320px;
  }
  .modal.right.fade .modal-dialog {
    right: -320px;
  }
}

.modal.left.fade .modal-dialog {
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;

}
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    background-color: rgba(58, 67, 72 , .8);
    position: fixed;
    z-index:999999999999999999;
    margin: auto;
    height: 100%;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);  
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }

  .modal.left .modal-content,
  .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
  }
  
  .modal.left .modal-body,
  .modal.right .modal-body {
    padding: 15px 15px 80px;
  }

/*Left*/
  .modal.left.fade .modal-dialog{
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
  }
  
  .modal.left.fade.show .modal-dialog{
    left: 0;
  }
        
/*Right*/
  .modal.right.fade .modal-dialog {
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }
  
  .modal.right.fade.show .modal-dialog {
    right: 0;
  }

/* ----- MODAL STYLE ----- */
  .modal-content {
    border-radius: 0;
    border: none;
    background-color: transparent; 
   
  }

 .modal-body p { color:#fff !important; }

.addToList {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}



body.dark_mode .addToList { border: 1px solid #ffffff; color: #ffffff; }
.addToList {
  width: 240px;
  height: 35px;
  background: transparent;
  border-radius: 8px;
  will-change: transform;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 1px solid #54626d;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  color: #54626d;
  outline: none;
  text-align: center;
}
body.dark_mode .addToList:hover {  color:#54626d; background: #ffffff; }
.addToList:hover {
  background: #54626d;
  color: #ffffff;
}
.addToList:active {
  font-size: 14px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.addToList.active {
  font-size: 0;
  border-radius: 50%;
  width: 35px;
  background: transparent;
  border: 3px solid #3BB873;
}
body.dark_mode .addToList.active { border-right: 3px solid #54626d; }
.addToList.loader {
  border-right: 3px solid #ffffff;
  -webkit-animation: loader .4s linear infinite;
          animation: loader .4s linear infinite;
}
.addToList.success {
  background: #3BB873;
  border-color: #3BB873;
  font-size: 14px;
  color: #ffffff;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
/* SEARCH AJAX */
div.asl_r .results .item {
    background: transparent !important; 
    border-left: 1px solid rgba(255, 255, 255, 0)!important; 
    border-right: 1px solid rgba(255, 255, 255, 0)!important; 
  }
  div.asl_r.vertical {
    padding: 0 !important;
    background: rgba(255, 255, 255, 0) !important;
    border: 0px solid rgb(181, 181, 181) !important;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0) !important;
}
div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff !important;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
    width: 100%;
}
@media  all and  (min-width: 991px) and (max-width: 1380px) {
#menu_col {
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
}


.col-xl-10 {
    -ms-flex: 0 0 76.333333%;
    flex: 0 0 76.333333%;
    max-width: 76.333333%;
}
}
#gif {
   -webkit-animation-name: zooming; 
  -webkit-animation-timing-function: linear; 
  -webkit-animation-iteration-count: infinite; 
  -webkit-animation-duration: 1.4s; 
  animation-name: zooming; 
  animation-timing-function: linear; 
  animation-iteration-count: infinite; 
  animation-duration: 1.4s; 
}


/* WebKit and Opera browsers */ 
@-webkit-keyframes zooming { 
  0% 
  { 
    opacity:1; 
  } 
  50% { 
    opacity:0; 
  } 
  100% {
    opacity:1; 
  }
} 
/* all other browsers */ 
@keyframes zooming { 
  0% 
  { 
    opacity:1; 
  } 
  50% { 
    opacity:0; 
  } 
  100% {
    opacity:1; 
  }
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {color:#fff !important;}



/* WOOCOMMERCE */
.woocommerce ul.products li.product a img {
  border-radius:15px;
  margin-bottom: 0!important;
  -webkit-transition: transform ease-out .3s;
  -moz-transition: transform ease-out .3s;
  -o-transition: transform ease-out .3s;
}
.woocommerce ul.products li.product a img:hover { cursor: pointer;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transform: scale(1.04);
}

/*FILTRI*/

.bapf_body >select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .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;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
body.dark_mode .bapf_body >select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff!important;
    background-color: #3f3e41!important;
    background-clip: padding-box;
    border: 1px solid #fff!important;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  margin-right: 10px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.form-table{
    width: 90%!important;
}

.form-table > tbody > .acf-field > .acf-label {
    padding: 0!important;
    width: 100%!important;
}
.form-table > tbody > .acf-field > .acf-input {
    padding: 0!important;
}
.form-table > tbody > .acf-field > .acf-input > .acf-input-wrap > input{
 color:#40535E; font-size:16px !important; border-radius:0 !important; width:100%; background-color: transparent;  border-top:0px; border-right:0px; border-left:0px; border-bottom:2px solid rgba(112, 112, 112, .1) !important 

}
.form-table > tbody > .acf-field > .acf-input > .acf-input-wrap {
    margin-bottom: 30px;
}

.XXXwoocommerce-product-gallery{min-width: 100%!important;}
.xoo-wsc-basket{display: none!important;}
button.single_add_to_cart_button:after {
   display: inline-block;
   font-family: FontAwesome;
   float: right;
   content: "\f054";
   font-weight: 300;
   margin-left: 1em;
}
button.single_add_to_cart_button{
    border-radius: 10px!important;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif ;
    background-color: #9B8AA1!important;
    color: #fff;
    font-size: 90%!important;
    line-height: 120%!important;
}

.flex-control-nav{margin-top: 20px!important}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 23%;
    float: left;
    margin-right:2.666666667%;
    list-style: none;
    
}
.woocommerce div.product div.images .flex-control-thumbs li:last-child {

    margin-right:0!important;
   
    
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    opacity: 1!important;
    border-radius: 10px!important;
}
.flex-viewport{border-radius: 20px!important;overflow: hidden;}

.single_cat_name{font-weight: 300;text-transform: uppercase;font-size: 16px;}
.woocommerce-Price-amount,.woocommerce div.product .product_title {color:#3F3E41;font-weight: 700;text-transform: uppercase;font-size: 20px}

.woocommerce-product-gallery__image{border-radius: 20px!important;overflow: hidden;}

.attributi p{margin-bottom: 0!important;}
.woocommerce-variation-description p:first-letter {
  text-transform: uppercase;
}

.form-row,.form-row-wide{width: 100%!important;float:left}
.woocommerce-MyAccount-content label{width: 100%;display: block;line-height: inherit!important;margin-bottom: 0!important;}

.woocommerce-input-wrapper{width: 100%}
.woocommerce-MyAccount-content input,.woocommerce-MyAccount-content select {
    display: block;
    width: 100%!important;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .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;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.select2-container--default .select2-selection--single {
    border-radius: 0!important;
    border: 1px solid #ced4da;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button
{color: #fff!important;text-transform: uppercase;}


.woocommerce table.cart td.product-quantity .qib-container:not(#qib_id):not(#qib_id) {
    display: inherit!important;
    justify-content: center;
}
.woocommerce a.remove {
    color: #9B8AA1!important;
}

.quantity .screen-reader-text{display: none;}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px); 
    height: inherit!important; 
    overflow: inherit!important; 
    position: inherit!important; 
    width: inherit!important; 
    word-wrap: inherit!important; 
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
.select2-container .select2-selection--single {
    height: 38px;
}


#richiesta_utenza input[type='text'],
#richiesta_utenza input[type='email'],
#richiesta_utenza input[type='select'] {
    color: #ffffff;
    font-size: 16px !important;
    border-radius: 0 !important;
    width: 100%;
    background-color: transparent;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, .3)!important;
    margin-bottom: 2em;
}

#richiesta_utenza ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
  font-family: 'Roboto Condensed';
  font-weight: 300;
}
#richiesta_utenza
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
  font-family: 'Roboto Condensed';
  font-weight: 300;
}
#richiesta_utenza
::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
  font-family: 'Roboto Condensed';
  font-weight: 300;
}
#richiesta_utenza
.button-primary {
    margin: 10px auto!important;
    width: 80%;
    float: none!important;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: transparent!important;
    border-radius: 8px!important;
    border: 1px solid #fff!important;
    display: block!important;
    padding: 6px;
}
.woocommerce a.added_to_cart {
    display: block!important;
}
.wc-item-meta{padding-left: 0!important;}
p.woocommerce-notice{ background-color: #9B8AA1!important;text-align: center;display: inline-block;padding:10px 14px; border-radius: 8px; color:#fff }
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
position: initial!important ;
}
.woocommerce ul.order_details {
    margin: 2em 0 2em!important;
}
.col_cont{width: 100%;text-align: center;}
.colore{margin:8px 4px  ;width: 24px;height: 24px;content: '';display: inline-block;border: 1px solid #000;border-radius: 12px ;}