:root {
  --color_template: #FB9203;
}


html { 
  margin: 0px;
  padding: 0px; 
   
}
.color_template{
  color: var(--color_template) !important;
}

body { 
  color: #333; 
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  overflow-x: hidden;
  margin: 0px;
  padding: 0px; 
  width: 100%;
  height: 100%; 
  position: relative;   

}
h1{
line-height: 1em;
}
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}



.popup {
  position: relative;
  background: #FFF;
  padding: 0px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
  box-sizing: border-box;
}

.white-popup {
position: relative;
background: #FFF;
padding: 0px;
width: auto;
max-width: 700px;
margin: 20px auto;
box-sizing: border-box;
}

a {
  text-decoration: none;
  color: var(--color_template);
  transition: all 0.3s;
}
a:hover {
  color: #333;
}
a.active {
  /*color: #A47A32;*/
}



/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=date].default,input[type=text].default, select.default{
width: 100%;
height: 46px;
line-height: 22px;
border: 1px solid #EFEFEF;
padding: 0 15px;
font-weight: normal;
font-size: 14px;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
box-sizing: border-box;
}
label.required{
color: #000000;
font-size: 10px;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
padding: 0 0 15px 0;
margin: 0;
display: inline-block;
}
input[type=number].default_grey, input[type=password].default_grey, input[type=email].default_grey, input[type=text].default_grey, select.default_grey {
    width: 100%;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    height: 45px;
    line-height: normal;
    display: inline-block;
    color: #000;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px;

}

textarea.default_grey{

    width: 100%;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    min-height: 145px;
    line-height: normal;
    display: inline-block;
    color: #000;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal;
    padding: 10px 15px;
}





.css-checkbox + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.css-checkbox {
  opacity: 0;
}

.css-checkbox + label:before {
  content: "\2713";
  border: 0.1em solid #000;
  /*border-radius: 0.2em;*/
  display: inline-block; 
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

.css-checkbox + label:active:before {
  transform: scale(0);
}

.css-checkbox:checked + label:before {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.css-checkbox:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}

.css-checkbox:checked:disabled + label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}





.css-filter + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
}

.css-filter {
  opacity: 0;
}

.css-filter + label:before {
  content: " ";
  border: 0.1em solid #000;
  /*border-radius: 0.2em;*/
  display: inline-block; 
  width: 1em;
  height: 1em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  float: right;
  /*transition: .2s;*/
}

.css-filter + label:active:before {
  /*transform: scale(0);*/
}

.css-filter:checked + label:before, .css-filter:hover + label:before {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.css-filter:disabled + label:before {
  /*transform: scale(1);*/
  border-color: #aaa;
}

.css-filter:checked:disabled + label:before {
  /*transform: scale(1);*/
  background-color: #bfb;
  border-color: #bfb;
}


.scrollup{
position: fixed;
display: none;
width: 60px;
height: 60px;
bottom: 10px;
margin-left: -30px;
left: 50%;
background-image: url(../img/scrollup.svg);
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
#cookieChoiceInfo a {
color: #fff !important;
margin-top: 10px !important;
}

a.simple-menu{
display: block;
padding: 19px;
box-sizing: border-box;
}

#sidr, #carrello_laterale{
display: none;
}
#carrello_laterale.sidr{
/*width: 100%;*/
width:320px;
background-color: #fff;
padding: 20px ;
box-sizing: border-box;

}


#layer_sidr, #layer_sidr_carrello, #layer_search{
position: fixed;
display: none;
width: 100%;
height: 100%;
background-image: url(../img/bg_layer_slide.png);
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 9;
}

#layer_search{
background-image: none;
background-color: rgba(0,0,0,0.8);
} 


#layer_sidr{
top: 65px;
}

.carrello_laterale_item{
display: inline-block;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #EFEFEF;
}
.carrello_laterale_item_img{
display: table-cell;
width: 65px;
}
.carrello_laterale_item_text{
font-size: 11px;
display: table-cell;
width: auto;
padding: 0px 25px ;
vertical-align: middle;
line-height: 1.3em;
}
.carrello_laterale_totals{
text-align: left;
font-size: 16px !important;
display: inline-block;
width: 100%;
margin-bottom: 5px;

}
.carrello_laterale_totals span{
float: right;
}

.carrello_laterale_modifica{
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.carrello_laterale_elimina{
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}

#carrello_laterale_top{

position: absolute;
top: 20px;
height: calc(100% - 260px);
bottom: 0px;
width: calc(100% - 20px);
overflow: auto;
padding-right: 20px;
box-sizing: border-box;
}
#carrello_laterale_top p.title{
font-size: 20px;
}



.subtitle{
clear: both;
padding: 16px 0;
font-size: 10px !important;
color: #000;
letter-spacing: 1px;
line-height: 10px;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
text-align: center;
text-transform: uppercase;
}


#carrello_laterale_bottom{
position: absolute;
bottom: 10px;
width: calc(100% - 40px);
height: 210px;


}

.flex{
position: relative;
}

.flex_order_reverse{
flex-direction: row-reverse;

}

.flex_center{
 align-items: center;
justify-content: center;
} 


#header{
top: 0px;
align-items: center;
width: 100%;
z-index: 4;
box-sizing:border-box;
transition: all 0.3s;
display: flex;
flex-wrap: wrap;
background-color: #fff;
position: relative;
box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
}
#header_top, #header_bottom{
width: 100%;
display: flex;
align-items: center;
}
#header_bottom{
/*visibile solo nella pagina prodotti*/
border-top: 1px solid #F7F3E7;
margin-top: 15px;
display: none;
}

.open_menu_mobile img{
width: 28px;
}


a.menu_prodotti_header_item{
padding: 10px 0px 0px 0px;

width: 100%;
text-align: center;
border-bottom: 3px solid #fff;
}
a.menu_prodotti_header_item img{
width: 100%;
opacity: 0.8;
transition: all 0.3s;
}

a.menu_prodotti_header_item:hover img, a.menu_prodotti_header_item.active img{
opacity: 1;
}

a.menu_prodotti_header_item.active{
border-bottom: 3px solid var(--color_template);
opacity: 1;
}


 

#logo{
display: none;
}
#logo_mobile{
text-align: center;
}
#logo_mobile img{
width: 100%;
max-width: 125px;
transition: all 0.3s;
}
#menu_desktop{
 display: none;
}
#menu_desktop a{
font-weight: 300;
color: #333333;
font-size: 12px;
padding: 5px 10px ;
border-bottom: 2px solid #fff ;
}
#menu_desktop a:hover, #menu_desktop a.active{
border-bottom: 2px solid #FB9203 ;
}


#sidr a{
display: inline-block;
width: 100%;
box-sizing: border-box;
font-size: 12px;
letter-spacing: 2px;
padding: 20px ;
text-transform: uppercase;
border-bottom: 1px solid #E1E1E1;
/*background-image: url(../img/icon_link_menu_mobile.png);*/
background-repeat: no-repeat;
background-position: right 25px center;
color: #333;
}

#sidr a.menu_mobile_macro {
background-image: url(../img/icon_link_menu_mobile.png);
}

/*#sidr a.menu_mobile_macro.active {
background-image: url(../img/icon_link_menu_mobile_up.png);
}*/


.sottomenu_mobile{
/*display: none;*/
position: absolute;
width: 100%;
height: calc(100% - 65px);
top: 0px;

left: 100%;
right: 0px;
transition: all 0.8s;
background-color: #fff;
overflow: auto;
}

/*.sottomenu_mobile a{
 text-transform: lowercase !important;
 background-color: #FFF !important;
 padding: 10px 40px !important;
} */

#sidr a.sublink{
background-color: #FAFAFA; text-transform: none; letter-spacing: normal;
font-size: 14px;
}

a.menu_mobile_back{
background-color: #FAFAFA;
background-image: url(../img/icon_back_menu_mobile.png);
background-position: left 25px center !important;
text-align: center;
}


.div_15{
width: 100%;
}
.div_20{
width: 100%;
}
.div_70{
width: 100%;
}

.div_25{
/*width: calc(25% - 25px);*/
width: 100%;
}
.div_33{
/*width: calc(33% - 25px);*/
width: 100%;
}

.div_40{
/*width: calc(33% - 25px);*/
width: 100%;
}
.div_50{
/*width: calc(50% - 25px);*/
width: 100%;
}
.div_60{
/*width: calc(66% - 25px);*/
width: 100%;
}

.div_66{
/*width: calc(66% - 25px);*/
width: 100%;
}
.div_75 {
/*width: calc(75% - 25px);*/
width: 100%;
}
.div_100 {
/*width: calc(75% - 25px);*/
width: 100%;
}

.padding{
padding: 20px ;
box-sizing: border-box;
}
.padding_page{
padding: 20px ;
box-sizing: border-box;
line-height: 1.6em;
}

.div_rounded{
background: #f3f3f3;
border-radius: 50%;
width: 151px;
height: 151px;
padding-top: 30px;
box-sizing: border-box;
margin: 0 auto;
text-align: center;
position: relative;
margin-bottom: 75px;
}
.div_rounded img{
/*width: 100%;*/
}
.div_rounded span{
 position: absolute;
 left: 50%;
 margin-left: -50%;
 top: 75%;
 font-size: 16px;
 font-family: 'Playfair Display', serif;
 width: 100%;
 text-align: center;
}

/*----------------------------*/

.box_title {
font-size: 23px;
line-height: 1.6em;
}


.h1{
font-family: 'Playfair Display', serif;
font-size: 74px;
font-weight: normal;
}
.h2{
font-family: 'Playfair Display', serif;
font-size: 45px;
font-weight: normal;
}
.h3{
font-family: 'Playfair Display', serif;
font-size: 27px;
font-weight: normal;
}

.text_center{
display: inline-block;
text-align: center;
padding: 5% 0%;
width: 100%;
}
.bg_sfogliatella{
background-image: url(../img/sfogliatella.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
font-size: 23px;
}

.item_prodotto_home{
padding: 0px 25px ;
box-sizing: border-box;

}

.item_prodotto_home span{
font-size: 26px;
font-family: 'Playfair Display', serif;
display: inline-block;
width: 100%;
text-align: center;
margin-top: 15px;
}

.item_prodotto_home p{
color: #999;
font-size: 16px;
padding: 25px ;
box-sizing: border-box;
line-height: 1.5em;
}

.arrow-div {
	position: relative;
	background: #F6F2E6;
    padding: 20% 15%;
    box-sizing: border-box;
    font-size: 27px;
    text-align: left;
    margin-left: 5%;
    width: 90%;
}
.arrow-div:after {
	left: 0%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #F6F2E6;
	border-left-color: #fff;
	border-width: 20px;
	margin-top: -20px;
}

.arrow-div span{
font-size: 36px;
font-family: 'Playfair Display', serif;
color: #333;
}
.arrow-div p{
font-size: 24px;
color: #999999;
line-height: 1.5em;
}

.item_servizi{
display: flex;
align-items: center;

width: 100%;
border-bottom: 3px solid #fff ;
padding-bottom: 30px;
margin-top: 30px;
text-align: left;
font-size: 15px;
font-style: italic;
font-weight: bold;
}


.item_servizi span{
font-size: 19px;
font-style: normal;
}
.item_servizi img {
width: 100%;
}

.item_servizi div:first-child{
/*background-color: red;*/
width: 15%;
margin-right: 5%;
}
.item_servizi div:last-child{
/*background-color: green;*/
width: 80%;

border-bottom: 0px ;
}

#swiper_recensioni{
/*background-image: url(../img/bg_recensioni.png);
background-repeat: no-repeat;
background-position: center center;*/

padding-bottom: 50px;
}

#swiper_recensioni .swiper-slide{
background-color: transparent;
}

.swiper_prodotti .swiper-slide{
  text-align:center;
  font-size:18px;
  background:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  /*height: auto;*/
  width: 70%;
}


.item_recensione{

font-size: 18px;
width: 100%;
display: inline-block;


font-family: 'Playfair Display', serif;
color: #333;
text-align: left;
}
.stars, .stars a{
font-size: 14px;
color: #B68819;
}
.autore{
font-size: 14px;
color: #999;
font-family: 'Roboto', sans-serif;
}
#menu_profilo{
text-align: right;
}

#menu_profilo a {
display: inline-block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: relative;
transition: all 0.3s;
vertical-align: top;
}
#menu_profilo a.icon_carrello, #menu_profilo a.icon_preferiti, #menu_profilo a.icon_search {
text-align: center;
font-size: 10px;
box-sizing: border-box;
padding-top: 9px; 
padding-left: 35px;
}
#menu_profilo a.icon_profilo span{
  text-align: left;
  position: absolute;
  top: 12px;
   width: 260px;
  margin-left: -207px;
   

  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition: all 1.2s; 


}
#menu_profilo a.icon_profilo:hover span {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

div.arrow_box {
	margin-top: 29px;
   background-color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1.5em;
	border: 1px solid #ccc;
  width: 100%;
  padding:  15px;
  box-sizing: border-box;
}
div.arrow_box:after, div.arrow_box:before {
  top: 0%;
	left: 75%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
 
}

div.arrow_box:after {
	border-color: rgba(213, 58, 187, 0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px;
  
}
div.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 16px;
	margin-left: -16px;
  margin-top: -3px;
}





.icon_profilo {
background-image: url(../img/user.svg);
}
.icon_preferiti {
background-image: url(../img/wish.svg);
}
.icon_carrello {
background-image: url(../img/bag.svg);
}
.icon_search {
background-image: url(../img/search.svg);
}

#menu_profilo a.icon_profilo, #menu_profilo a.icon_preferiti {
display: none;
}


.button {
display: inline-block;
padding: 14px 30px;
text-align: center;
font-size: 14px;

font-weight: 300;
border: 2px solid var(--color_template);
color: var(--color_template);
text-transform: uppercase;
min-width: 130px;
/*letter-spacing: 1px;*/
text-decoration: none;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
}

.button:hover{
border: 2px solid #fff;
background-color: var(--color_template);
color: #fff;

}

.button_black{
background-color: #000;
border: 2px solid #000;
color: #fff;
}

.button_orange{
background-color: var(--color_template);
border: 0px solid #000;
color: #fff;
}

.button_orange:hover{
border: 0px solid #000;
background-color: #333;
}

.container_1800{
margin: 0px auto;
/*padding: 0px 15px;
box-sizing: border-box;*/
}
.container_1540{
padding: 0px 15px;
box-sizing: border-box;
margin: 0px auto;
}

.container_1440{
padding: 0px 15px;
box-sizing: border-box;
margin: 0px auto;
}
.container_1200{
padding: 0px 15px;
box-sizing: border-box;
margin: 0px auto;
}
.container_780{
padding: 0px 15px;
box-sizing: border-box;
margin: 0px auto;
}

.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.swiper-pagination {
bottom: 10px !important;
}
.swiper-pagination-bullet {
    border: 1px solid #333 !important;
   
    width: 8px !important;
    height: 8px !important;

    background-color: #333 ;
}

.heading {
    font-family: 'Playfair Display', serif;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.item_home{
padding: 15px ;
box-sizing: border-box;
line-height: 1.6em;
text-align: center;
}

.font_playfair{
font-family: 'Playfair Display', serif;
}
 p.title {
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    text-align: center;
    line-height: 35px;
    color: #4A4A4A;
 
}
span.title{
font-size: 20px;
padding: 20px;

color: #000000;
font-family: 'Playfair Display', serif;

font-weight: normal;
line-height: 30px;
display: block;
border-bottom: 1px solid #EFEFEF;
text-align: center;
margin-bottom: 40px;
}


.item_prefooter{
text-align: center;
}
.item_prefooter:first-child{
border-right: 1px solid #ccc ;
}

.banner{
    padding: 0px 15px;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    background-color: #FAFAFA;
    z-index: 1;
    position: relative;

   border-top: 1px solid #e1e1e1 ;
   
}
#banner_title{
position: relative;
}
#banner_title::after{
    background-image: url(../img/icon_link_menu_mobile_down.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 7px;
    width: 22px;
    content: " ";
    display: inline-block;
    top: 66%;
    position: absolute;
    margin-top: -6px;
}
#banner_title.active::after{
    background-image: url(../img/icon_link_menu_mobile_up.png);
}    


#banner_text{
display: none;
}

.description {
    color: #000000;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    width: 100%;
}
.toolbar_fixed {
position: relative;
width: 100%;
background-color: #fff;
z-index: 3;
}

#toolbar{
    border-top: 1px solid #e1e1e1 ;
   
   box-sizing:border-box;
}
#bread{
display: none;
color: #4A4A4A;
font-size: 10px;
}
#bread a{
color: #4A4A4A;
text-transform: uppercase;
font-size: 10px;;
}



#filter_menu_mobile{
display: flex;
}
#filter_menu_mobile span{
width: 50%;
text-align: center;
font-size: 12px;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;

padding: 15px;
box-sizing: border-box;
}
#filter_menu_mobile span:last-child{
border-right: 0px solid #e1e1e1;
}
#filter_menu_mobile span.active{
border-bottom: 1px solid #fff;

}


#filter {
position: absolute;

display: none;
text-align: right;
color: #4A4A4A;
font-size: 10px;
background-color: #fff;
}
#filter span {
color: #4A4A4A;
font-size: 10px;
text-transform: uppercase;
background-image: url(../img/filter_down.png);
background-repeat: no-repeat;
background-position: right 20px top 18px;
padding: 15px 30px 15px 15px;
position: relative;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #e1e1e1;
width: 100%;
display: inline-block;
text-align: left;
box-sizing: border-box;


}

#filter span:hover {
 cursor: pointer;
}

#filter span.active {
background-image: url(../img/filter_up.png);
}


#filter span div {
position: relative;
color: #333;
padding: 10px 0px ;
font-size: 10px;
display: none;
}
#filter span div a.label_100{
display: inline-block;
width: 100%;
padding: 7px 0px;
}
#filter span div a{
 background-image: url(../img/filter_unchecked.png);
 background-repeat: no-repeat;
 background-position: right center;
}
#filter span div a:hover, #filter span div a.active{
 background-image: url(../img/filter_checked.png);
}

#filter_mobile_dx{
display: none;
}

#reimposta_tutto_desktop{
display: none;
color: #4A4A4A; font-size: 10px; padding: 15px
}
#reimposta_tutto_mobile{
display: inline-block;
width: 100%;
text-align: center;
padding-bottom: 20px ;
}



.layer_filter{
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
display: none;
}




.item_preferiti{
background-image: url(../img/wish.svg);
background-repeat: no-repeat;
background-position: center center;
width: 18px;
height: 18px;
background-size: contain;
display: inline-block;
}
.item_preferiti:hover, .item_preferiti.active{
background-image: url(../img/wish_active.svg);

}

.item_carrello{
background-image: url(../img/bag.svg);
background-repeat: no-repeat;
background-position: center center;
width: 18px;
height: 18px;
background-size: contain;
display: inline-block;
margin-left: 5px;
}

.prodotto_dettaglio_sx{
display: inline-block;
width: 100%;
}

.prodotto_dettaglio_sx img{
width: 100%;
}

#gallery_mobile{
display: block;
}
#gallery_desktop{
display: none;
}


.prodotto_dettaglio_dx{
display: inline-block;
width: 100%;
box-sizing:border-box;
padding: 15px;
vertical-align: top;
}


.code{
font-size: 10px;
line-height: 10px;
letter-spacing: 1.5px;
}

#varianti_menu a {
border: 1px solid #fff ;
display: inline-block;
width: 60px;
margin-right: 10px;

}
#varianti_menu a img{
width: 100%;
display: block;
}
#varianti_menu a:hover, #varianti_menu a.active {
border: 1px solid #333 ;
}
#taglie_menu a{
display: inline-block;
border: 1px solid #E9E9E9;
text-align: center;
white-space: nowrap;
background: transparent;
width: 47px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #000000;
margin-right: 7px;
margin-bottom: 7px;
}
#taglie_menu a:hover, #taglie_menu a.active{
border: 1px solid #333 ;
}


.ui-widget {
  color: #000; 
  font-family: 'Roboto', sans-serif;
  font-size: 11px !important;
} 
.ui-accordion .ui-accordion-content {
padding: 15px 0px 30px 0px !important;
}    
.ui-widget-content {
  font-size: 11px !important;
    border: 0px solid #aaaaaa;
    border-bottom: 1px solid #efefef !important;
    background: transparent !important;
    color: #000 !important;
}

.ui-accordion .ui-accordion-header {
border-radius: 0px !important;
background-color: transparent !important;
border-bottom: 1px solid #efefef !important;
border-top: 0px solid #efefef !important;
border-left: 0px solid #000 !important;
border-right: 0px solid #000 !important;
padding: 15px 0px !important;
}


 .ui-icon.iconOpen {
    background-image: url(../img/icon_menu_down.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    width:12px;
    height:10px;
}
.ui-icon.iconClosed {
    background-image: url(../img/icon_menu_up.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    width:12px;
    height:10px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    /*left: .5em;*/
    left: 97%;
    
    top: 50%;
    margin-top: -5px;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 0px;
}

#googleMap {
    border: 0px;
    width: 100%;
    height: 300px;
}
.gm-style {
  font-family: 'Roboto', sans-serif !important;
}

#mappa_dx{
padding: 50px 15px ;
box-sizing: border-box;
}

.button_geolocal{
font-size: 10px;
line-height: 15px;
letter-spacing: 1px;
color: #8B8B8B;
text-transform: uppercase;
margin-top: 20px;
display: block;
width: 100%;
background-image: url('../img/location_grey.svg');
background-repeat: no-repeat;
background-size: 15px 15px;
display: block;
padding-left: 25px;
text-decoration: none;
}

.button_geolocal:hover, .button_geolocal.active{
color: #333;
background-image: url('../img/location.svg');
}

.item_punti{
padding: 0px 30px;
border: 1px solid #EFEFEF;
position: relative;
margin-bottom: 15px;
color: #8B8B8B;
}
.item_punti:hover{
background-color: #f9f9f9;

}

a.indicazioni{
letter-spacing:1px; font-size:10px;
background-image: url(../img/icon_indicazioni.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 30px;
color:#333;
border-top: 1px solid  #EFEFEF;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
box-sizing: border-box ;
display: block;
}
#footer{
color: #f5f5f5;
line-height: 1.5em;
font-size: 15px;
padding: 0px 15px ;
}

#footer span{
font-size: 21px;
font-family: 'Playfair Display', serif;
 
}
#footer a {
color: #fff;
font-size: 14px;
}
#footer a:hover{
color: var(--color_template) ;
}

#copyright{
border-top: 1px solid #191A19;
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 15px 15px 0px 15px;
margin-top: 30px;
font-size: 11px;
letter-spacing: 2px;
color: #CCCCCC;
}
#copyright a{
color: #CCCCCC;
margin-right: 10px;
}
#copyright a:hover{
color: var(--color_template) ;
}

.input_newsletter{
width: 100%;
height: 40px;
line-height: 40px;
padding-left: 13px;
font-size: 12px;
box-sizing: border-box;
font-weight: 300;
color: #4A4A4A;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';

}
.button_newsletter{
background-image: url(../img/freccia.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 20px 20px;
padding: 0;
width: 40px;
height: 40px; 
display: block;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
border: 0px ;
background-color: transparent;
}

.icon_social {
display: inline-block;
width: 32px;
height: 32px;
background-size: 32px 32px;
background-repeat: no-repeat;
background-position: center center;
margin-right: 10px;
}
.facebook{
background-image: url(../img/facebook.svg);
}
.facebook:hover{
background-image: url(../img/facebook-active.svg);
}
.twitter{
background-image: url(../img/twitter.svg);
}
.twitter:hover{
background-image: url(../img/twitter-active.svg);
}
.instagram{
background-image: url(../img/instagram.svg);
}
.instagram:hover{
background-image: url(../img/instagram-active.svg);
}
.pinterest{
background-image: url(../img/pinterest.svg);
}
.pinterest:hover{
background-image: url(../img/pinterest-active.svg);
}
.youtube{
background-image: url(../img/facebook.svg);
}
.youtube:hover{
background-image: url(../img/youtube-active.svg);
}

.item_banner{
height: 200px;

background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: inline-block;
width: 100%;
position: relative;
}



#margin_top_container{
margin-top: 0px;
}

.pagina_sx{
  display: inline-block;
  width: 100%;
  padding: 15px ;
  box-sizing: border-box;
}

.pagina_dx{
  display: inline-block;
  width: 100%;
  padding: 15px ;
  box-sizing: border-box;
  line-height: 1.8em;
  margin-bottom: 50px;
}

.pagina_sx a{
  display: inline-block;
  width: 100%;
  font-size: 11px;
  line-height: 22px;
  color: #8B8B8B;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: color 0.3s ease-out;
}
.pagina_sx a:hover, .pagina_sx a.active{
 color: #000;
}

.box_white{
background-color: #fff;
margin-top: 25px;
margin-right: 2%;
padding: 30px ;
box-sizing: border-box;

}
.box_white:last-child{
margin-right: 0%;

}
.box_carrello{
 display: flex;
 border-bottom: 1px solid #EFEFEF ;
 background-color:#fff;
 width: 100%;
 box-sizing: border-box;

 font-size: 13px;
 color: #333;
}

.box_carrello div{
 width: 50%;
 vertical-align: middle;
 padding: 10px ;
 box-sizing: border-box;
}
.carrello_box_div_desktop{
display: none;
}
.carrello_box_div_mobile{
width: 100% !important;
text-align: left;
font-size: 12px !important;
}
#quantita_carrello_form{
text-align: left;
padding: 0px 10px ;
}
#quantita_carrello{
width:50px; 
text-align:center;
height: 30px;
}


#checkout_dx{
background-color: #fff;
padding: 20px ;
box-sizing: border-box;
}
#checkout_sx .step{
display: inline-block;
width: 100%;
margin-bottom: 10px;
background-color: #fff;
padding: 15px;
box-sizing: border-box;
}
#checkout_sx .step p.title{
font-size: 22px;

text-align: center;
margin: 5px 0px;
}

.checkout_metodo_sx{
border-bottom: 1px solid #cbcbcb;
padding-bottom: 20px;
}


.step_box{
display: inline-block;
width: 100%;
border-top:  1px solid #cbcbcb;
margin-top: 15px;
padding-top: 15px;
padding-bottom: 30px;

}

h4{

font-size: 18px;
font-weight: normal;
color: #666;

}
.step_box_input{
/*width: calc(50% - 25px);*/
display: inline-block;
width: 100%;
margin-bottom: 10px;
vertical-align: top;
}
.step_box_input label{
font-size: 11px;
display: inline-block;
width: 100%;
margin-bottom: 5px;
text-transform: uppercase;
}
#checkout_totals{
margin-top: 10px;
clear: both;
padding: 16px 0;
font-size: 14px;
color: #666;
letter-spacing: 1px;
line-height: 1.6em;
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
text-align: left;

}

 .item_indirizzo{
 display: inline-block;
 width: 100%;
 margin-bottom: 15px;
 border: 1px solid #ddd ;
 /*border-radius: 5px;*/
 padding: 15px ;
 box-sizing: border-box;
 font-size: 13px;
 /*box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);*/
 min-height: 190px;
 vertical-align: top;
 }
.item_indirizzo.active {
 /*background-color: #ddd;*/
 border: 1px solid #000 ;
 background-image: url(../img/icon_prev_black.png);
 background-position: right 20px center;
 background-repeat: no-repeat;
}  

a.profile_item {
display: inline-block;
width: 100%;
margin: 1% 0%;
background-color: #F5F5F5;
border: 1px solid  #F5F5F5;
color: #333;
padding: 30px ;
box-sizing: border-box;
font-size: 17px;
}
a.profile_item p.title{
text-align: left;
padding-top: 0px;

margin-top: 0px;
margin-bottom: 15px;
} 
a.profile_item:hover {
background-color: #fff;
}

table.border{
  width: 100%;
}
table.border tr td {
  padding-top: 9px;
  padding-bottom: 9px;
}
table.border tr td {
border-bottom: 1px solid #EFEFEF;
}

table#ordini{
background-color: #fff;
}
table:not(#ordini){
max-width: 600px;
margin-right: auto;
margin-left: 0px;
} 

table:not(#ordini) tr td{
font-size: 11px;

padding-top: 5px;
padding-bottom: 5px;
}

table#ordini tr td {
border-top: 1px solid #EFEFEF;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 10px;
padding-right: 10px;

}
table#ordini tr:first-child td{
border-top: 0px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
}

table#ordini tr:last-child td {
border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;

}


table#ordini tr.no_border td {
border-top: 0px !important;
}


.box_thanks {
	position: relative;
	background: #fff;
  text-align: center;
  padding: 25px ;
  margin-bottom: 50px;
}
.box_thanks:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 30px;
	margin-left: -30px;
  
}

.open_search {
background-image: url(../img/search.svg);
background-repeat: no-repeat;
background-position: left ;
background-size: 24px 24px;
display: block;
width: 24px;
height: 24px;
}

#box_search{
 width: 100%;
 max-width: 900px;
 position: absolute;
 top: 50%;
 left: 50%;
-webkit-transform:  translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
box-sizing: border-box;
padding: 0px 25px 25px 25px ;
}

.input_search{
 border: 0px ;
 border-bottom: 2px solid #fff;
 background-color: transparent;
 color: #fff;
 font-family: 'Playfair Display', serif;
 font-size: 30px;
 text-align: left;
 width: 100%;
 box-sizing: border-box;
 padding: 15px ;
 }

.input_search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.input_search:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.input_search::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.mfp-fade.mfp-bg.mfp-ready{
opacity: 0.7 !important;
}
.sfondo_popup_newsletter{
width: 100%;
position: relative;
display: block;
}

#popup_newsletter form{
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
right: 0px;
padding: 20px ;
box-sizing: border-box;
}




.overlay span{
 font-size: 10px;
 padding: 10px;
 text-align: center;
 color: #fff;
 border: 2px solid #fff ;
 text-transform: uppercase;

position: absolute;
 top: 50%;
 left: 50%;
-webkit-transform:  translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}



.box_promo{
border: 2px dashed #000 ;
display: inline-block;
width: 100%;
padding: 10px ;
box-sizing: border-box;
font-size: 14px;
line-height: 1.5em;
color: #000;
margin-bottom: 10px;
}
.box_promo strong{
font-size: 17px;
}
.box_promo span{
color: #999999;
}

.box_fidelity{
font-size: 17px;
padding: 20px ;
border: 1px solid #ddd ;
color: #333;
line-height: 1.6em;
}
.box_fidelity span{
font-size: 20px;
color: #000;
}
#accordion_card h3{
font-size: 22px !important;
border: 1px solid #efefef !important;
padding: 20px !important;

color: #000;
font-weight: normal !important;
}
#accordion_card h3 p{
font-size: 17px;
color: #333;
font-weight: normal !important;
margin: 0px;
padding: 10px 0px 0px 0px;
}

#accordion_card .ui-accordion-content {
border: 1px solid #efefef !important;
padding: 20px !important;
margin-top: -1px !important;
}
.box_reso{
display: none;
}

#box_homepage_principale{
margin-top: 35px;
margin-bottom: 35px;
}

#store_locator_container{
margin-top: 25px;
margin-bottom: 25px;
}


#box_store_locator{

 color: #444444;
 font-size: 20px;
 text-align: center;

 font-family: 'Playfair Display', serif;
 position: relative;
 z-index: 99999;
 padding: 20px ;
 box-sizing: border-box;
}


#box_store_locator span{
 font-size: 32px;

}

.img_guida_taglie{
width: 100%;
max-width: 650px;
}

.text_23{
font-size: 23px;
line-height: 1.5em;
}

.text_35{
font-size: 32px;
line-height: 1.5em;
font-family: 'Playfair Display', serif;
text-align: center;
color: #333333;
}



.item_prodotto{
margin-bottom: 5%;
 transition: all 0.3s;
}

.item_prodotto div:first-child{
order: 1;
}
.item_prodotto div:last-child{
order: 2;
}
.item_prodotto .box_title{
font-size: 15px;
}
#prodotto{
line-height: 1.5em;
font-size: 18px;
padding: 0px;
}
#prodotto h2{
 font-size: 22px;
 font-family: 'Playfair Display', serif;
 font-weight: normal;
 
}

.box_prodotto{
border: 2px solid #F2F2F2;
padding: 20px ;
font-size: 16px;
}
.box_prodotto_price{
font-size: 34px;
}
a.variante {
border: 1px solid #333 ;
padding: 10px ;
display: inline-block;
margin: 15px 7px;
font-size: 21px;
min-width: 85px;
text-align: center;
color: #333;
}
a.variante.active, a.variante:hover {
border: 1px solid var(--color_template);
color: var(--color_template);
}

#text_variante{
font-size: 18px;
padding-top: 0px;
margin-top: 0px;
}

a.tab{
display: inline-block;
padding: 7px 15px ;
border-bottom: 2px solid #fff ;
color: #333;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
box-sizing: border-box;
width: 100%;
}
a.tab.active, a.tab:hover{
border-bottom: 2px solid var(--color_template) ;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

.item_gallery{
width: 100%;
margin-bottom: 15px;
}
.item_gallery img{
width: 100%;
}
.item_fino_a_casa{
color: var(--color_template);
line-height: 1.6em;
}
.item_fino_a_casa span{
color: #333;
}

.item_news{
font-size: 16px;
color: #666;
border-left: 3px solid orange ;
padding: 10px 25px 0px 25px;
box-sizing: border-box;
margin-bottom: 25px;
align-items:center;

}
.item_news span{
font-size: 14px;
color: #999999;
}
.item_news h2{
margin-bottom: 10px;
margin-top: 20px;
}
.border_item_news{
width: calc(100% - 40px);
height: 1px;
background-color: #E2E2E2;
margin: 50px 0px ;
margin-left: 40px;
}

#footer a.social{
font-size: 34px;
color: var(--color_template);
margin-right: 15px;
}
#footer a.social:hover{
color: #fff;
}

a.link_black{
color: #000;
}
a.link_black:hover{
color: var(--color_template);
}
.mobile{
display: block;
}
.desktop{
display: none;
}
.mobile_inline{
display: inline-block !important;
}
.desktop_inline{
display: none !important;
}