/***************************************************************************/
/** CSS MEGAMENU  **/
/**************************************************************************/

.heading__title{text-transform: none}

.heading__switch--active{font-weight:500;}

.fancybox-caption{text-align:center;}

.responsive-img{width:100%;height:auto;}
.pro .SA_megamenu_border{border:1px solid #006072;}

h2.about-passion__title{font-weight:500;}

.product-item--prompt .product-item__content{height:100%;}

.checkout-form__login .sa_title_checkout_login::before {background-image: url(https://www.sediarreda.com/content/templates/sa-g/assets/images/ui/chevron_down_black.svg);}

.sa-righello{
    background-image: url(../images/0000/chisiamo/sa-righello.png);
    background-repeat: repeat-y;
    background-position: top right;
}

.kartlabelError{font-weight:500}
label.form__label span.formLabelError{font-weight:500;color:red;}

p{  letter-spacing: .6px;
    /*color: #6d6e71;*/
    font-size: .857rem;
    font-weight: 400;}

.filter-select__value{padding-bottom:0;}

/** caption gallery catalogo mobile **/
@media screen and (max-width: 768px) {
    .box__caption{bottom:0;}
}

/*******************************************
  AUTOLOAD CSS
********************************************/

/* bannerCategoryTop */
.bannerCategoryTop figure{margin:0;}
@media screen and (max-width: 768px) {
    .bannerCategoryTop{margin-bottom:20px;padding:0 15px;}
}
/*menuTopPromo7cent*/
.menuTopPromo7cent{width:100%;height:100%;}
.menuTopPromo7cent img{display:block;}
.menuTopPromo7cent a{display:block;width:100%;height:100%;}

.SApromo-banner {
	background-color: #aeaeae;
	position: relative;
	display: block;
	text-align: center;
	color: #FFF;
	padding: 0;
	overflow: hidden;
	height: auto;
    max-height:40px;
}
.SApromo-banner img{
    max-width:1173px;
    margin:0 auto;
    display:block;
}
@media screen and (max-width: 980px) {
    .SApromo-banner img{max-width:769px;}
}

/*******************************************
  FINE AUTOLOAD CSS
********************************************/


.accordion__inner p {font-size:0.875rem;line-height: 1.9;}

.subnav_pro{color:#418DAA;}

.subnavigation__block .promo_link{
    display:block;
    height:30px;
    background:#ff5740;
    color:#fff;
    text-align: center;
    line-height:30px;
    text-decoration:none;
    margin-top:40px;
}
.subnavigation__block .promo_link:hover{text-decoration:none;color:#ff5740}

/*** MEGAMENU PRO ***/
.pro .subnavigation__block .subnavigation__title{color:#231f20;}

/** FORM PREVENTIVO **/
.form_preventivo .heading__description {max-height:100%;}
.form_preventivo .checkout-form {padding-top:0;}
.info-txt{line-height:2;font-weight:300;}
.info-txt p{line-height:1.7;}


.product__feature--free{ background:url(../images/ui/icn_dolly_cart.svg) no-repeat;}

/* errore email */
.sa_popover{
	position:absolute;
	top:120%;
	left:0;
	background:#fff;
	width:auto;
	max-width:65%;
	color:#000;
	padding:6px 30px;
	font-size:14px;
	display:none;
}

.sa_popover:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background:#fff;
	position:absolute;
	left:14px;
	top:-8px;
	transform: rotate(45deg);
}

/* form iscrizione newsletter */
#Sa_formOn .form__note{margin-bottom:18px;}
#Sa_formOn .newsl_txt_privacy{margin-top:18px;margin-bottom:18px;}

/* pulsante chat */
.chat-cta {right: 135px;}

/* modifica pulsante leggi di piu */
.read-more-block[aria-expanded="true"]::after {display:none;}



/******* LANDING BASE CSS **********/

.no-padding{padding:0;}/* remove padding */
.no-margin{margin:0 !important;}/* remove maring */
.row-eq-height{display: flex;} /* set flex for class bootstrap */
.landing .row{margin-bottom:40px;} /* set margin bottom for row bootstrap class */
.img-responsive{width:100%;height:100%;display:block;} /* image responsive for image proportionally */
.landing .top-banner{margin-bottom: 20px;}

.generic-txt{
	letter-spacing: .6px;
	line-height: 1.7;
	color: #6d6e71;
	font-size: .857rem;
	font-weight: 400;
}
.generic-txt a{text-transform: uppercase;display: inline-block;position:relative;text-decoration:none;}
.generic-txt a:hover{text-decoration:none;}
.animated-link::before{/* animazione per hover su link */
	content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: #FF5740;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.animated-link:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


.cont-txt{padding:20px;background:#f5f5f5;height:100%;}/* contenitore del testo standard */
@media only screen and (max-width: 767px) {.landing .row{padding:0 10px;} .row-eq-height{flex-direction:column;}}


/* ******************************************************************************************************************************************************/
/* ******************************************************************************************************************************************************/
								/* TEST COMPLETO LAYOUT LANDING COMPLESSA */
/* ******************************************************************************************************************************************************/
/* ******************************************************************************************************************************************************/

/*grid-area: grid-row-start / grid-column-start / grid-row-end / grid-column-end */
.wrapper{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	box-sizing: border-box;
	padding:0 15px;
	margin-bottom:20px;
}
.wrapper img {width:100%;height:100%;} 
.wrapper img.hide-dk{display: none;}
.wrapper figure{margin:0;padding:0;height: 100%;position:relative;}/* azzeramento css figure */
/* stili titoletti figcaption */
.wrapper figure figcaption{
	font-size: 18px;
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    z-index: 2;
    line-height: 1;
	text-align:center;
	font-weight:700
}
.wrapper figure figcaption span{font-size:14px;font-weight:400}
.wrapper figure figcaption.white{color:#fff;}


.first-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);/* 4 colonne */
	grid-template-rows: repeat(3,minmax(auto, 260px));/* 3 righe*/
	grid-gap: 20px;
}
.first-grid .item-A{grid-area:1/1/span 2/1;}
.first-grid .item-B{grid-area:1/2/1/2;}
.first-grid .item-C{grid-area:1/3/1/span 2;}
.first-grid .item-D{grid-area:2/2/2/span 2;}
.first-grid .item-E{grid-area:2/4/span 2/ 4;}
.first-grid .item-F{grid-area:3/1/3/ span 2;background:#e7e7e7;padding:10px 20px 10px;color:#555555;}
.first-grid .item-G{grid-area:3/3/3/ 3;}

.first-grid .item-A nav{display:flex;flex-direction:column;height:100%;}
.first-grid .item-A nav .menu1{background:#e7e7e7;flex-grow: 1;padding:10px 10px 0;}
.first-grid .item-A nav .menu2{background:#2E5291;flex-grow: 1;padding:0px 10px 10px;}
.first-grid .item-A h4{text-transform: none;font-size:14px;}
.first-grid .item-A nav .menu2 h4{color:#fff;margin-top:20px;}
.first-grid .item-A ul{list-style: none;padding:0;}
.first-grid .item-A ul li{margin-bottom:12px;}
.first-grid .item-A ul li a{text-decoration:none;color:#555555;text-transform: uppercase}
.first-grid .item-A nav .menu2 ul li a{color:#fff;}

.second-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);/* 4 colonne */
	grid-template-rows: repeat(2, minmax(auto, 260px));/* 2 righe 260px*/
	grid-gap: 20px;
}
.second-grid .item-A{grid-area:1 / 1 /1 /1;}
.second-grid .item-B{grid-area:1 / 2 /1 /span 2;}
.second-grid .item-C{grid-area:1 / 4 / span 2 / 4; padding:10px;color:#fff;line-height: 1.6;}
.second-grid .item-D{grid-area: 2 / 1 /2 /span 2;}
.second-grid .item-E{grid-area: 2 / 3/ 2/ 3;}
.second-grid .item-C h4{color:#fff}

.second-grid .cont-txt{background:#e7e7e7; width:calc(50% - 10px);height:100%;padding:10px;}

.third-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);/* 2 colonne */
	grid-template-rows: repeat(2, minmax(auto, 200px));/* 2 righe 200px*/
	grid-gap: 20px;
}

@media only screen and (max-width: 900px) {
	
	.first-grid{
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(4, minmax(auto, 260px));/* 260px */
	}
	.first-grid .item-A{grid-area:1 / 1 /span 2/1;}
	.first-grid .item-G{grid-area:1/3/1/ 3;}
	.first-grid .item-C{grid-area:2/2/2/span 2;}
	.first-grid .item-D{grid-area:3/1/4/span 2;}
	.first-grid .item-E{grid-area:3/3/span 2/ 3;} 
	.first-grid .item-F{grid-area:4/1/4/ span 2;}
	
	.second-grid{
		grid-template-columns: repeat(3, 1fr); /* 3 colonne */
		grid-template-rows: repeat(3, minmax(auto, 260px));/* 5 righe 260px*/
	}
	.second-grid .item-A{grid-area:1 / 1 /1 /1;}
	.second-grid .item-B{grid-area:2 / 1 /2 /span 2;}
	.second-grid .item-C{grid-area:1 / 3 / span 2 / 3;}
	.second-grid .item-D{grid-area: 3 / 1 /3 /span 3; }
	.second-grid .item-E{grid-area: 1 / 2/ 1/ 2;}

}

@media only screen and (max-width: 640px) {/* se lo schermo è 600 o minore */
	.wrapper img.hide-dk{display: block;height:auto;}
	.first-grid{
		grid-template-columns: repeat(2, 1fr);/* 2 colonne*/
		grid-template-rows: repeat(6, auto);/* 6 righe 260px*/
	}
	.first-grid .item-A{grid-area:6 / 1 /6/span 2;}
	.first-grid .item-B{grid-area:2/1/2/ 1;}
	.first-grid .item-G{grid-area:3/1/3/ 1}
	.first-grid .item-C{grid-area:1/1/1/span 2;}
	.first-grid .item-D{grid-area:4/1/4/span 2;}
	.first-grid .item-E{grid-area:2/2/span 2/ 2;} 
	.first-grid .item-F{grid-area:5/1/5/span 2;}
	
	.first-grid .item-B figcaption,
	.first-grid .item-G figcaption,
	.first-grid .item-D figcaption{display:none;}
	
	.second-grid{
		grid-template-columns: 1fr 1fr ; /* 2 colonne*/
		grid-template-rows: auto auto auto auto ; /* 4 righe */
	}
	.second-grid .item-B{grid-area:3 / 1 /3 /span 2;}
	.second-grid .item-C{grid-area:2 / 1 / 2 / span 2;background-image:none !important;background-color:#1A5984 !important;padding:0;}
	.second-grid .item-D{grid-area: 4 / 1 /span 2 /span 2; background-image:none !important;}
	.second-grid .item-E{grid-area: 1 / 2/ 1/ 2;}
	.second-grid .item-C h4{padding:10px 10px 0;}
	.second-grid .item-C p{padding:10px}
	.second-grid .cont-txt{width:100%;}
	
	.second-grid .item-A figcaption,
	.second-grid .item-B figcaption,
	.second-grid .item-E figcaption{display:none;}
	
	.third-grid {
		grid-template-columns: 1fr;/* 1 colonna */
		grid-template-rows: repeat(4,auto);/* 4 righe 200px*/
	}
}

.grid-3cols{
	display: grid;
	grid-template-columns: repeat(4, 1fr);/* 4 colonne */
	/*grid-template-rows:260px;/* 1 riga */
	grid-auto-rows: minmax(0, auto);
	grid-gap: 20px;
}
.grid-3cols > div{background:#f9f9f9;}

.grid-3cols .item{grid-area:auto;}
.grid-3cols .lp-carousel{grid-area: 1/3/1/span 2;}
.grid-3cols .menu-inv{height:100%;background:#f9f9f9;padding:20px;}
.grid-3cols .menu-inv ul {list-style: none;padding:0;}
.grid-3cols .menu-inv ul li{margin-bottom: 12px;}
.grid-3cols .menu-inv ul li a{text-decoration: none;color: #555555;text-transform: uppercase;}

.grid-3cols .item-A {grid-area:1/1/1/span 3}
.grid-3cols .item-B {grid-area:2/1/2/span 3}
.grid-3cols .item-col3left {grid-area:1/4/span 2/ 4}
.grid-3cols .item-col2left {grid-area:2/1/2/span 2}
.grid-3cols .item-fullW {grid-area:1/1/1/span 4;height:80px;}
.grid-3cols .item-D {grid-area:2/3/2/3;height:260px;}



/* ******************************************************************************************************************************************************/
/* ******************************************************************************************************************************************************/
								/* END TEST COMPLETO LAYOUT LANDING COMPLESSA */
/* ******************************************************************************************************************************************************/
/* ******************************************************************************************************************************************************/


/* Scritta tutti i filtri in grigio e non arancione arancio su hover */
.filters__entry--all > .button--primary{background-color:#F2F2F2}
.filters__entry--all > .button--primary:hover{background-color:#ff5740}

/*  spazi tra i vari selettori dei filtri quando il box è aperto*/
.products__filter{height:auto !important;margin-top:20px;}


/* Margin elemento di gallery  COMMENTATO DA VERIFICARE

.carousel--half .carousel__item{width:calc(50% - 5px)}
.carousel--fourth .carousel__item{width:calc(25% - 7.5px);margin-right:10px;} 

@media (max-width: 767px){
	.carousel__item {margin-right:10px;}
	.carousel--fourth .carousel__item{width:calc(33.3333% - 10px)}
}
@media (max-width: 480px){
	.carousel__item {margin-right:6px;}
	.carousel--half .carousel__item{width:100%} 
	.carousel--fourth .carousel__item{width:50% }
}
*/



/* Scheda Prodotto pulsante acquista mobile + select quantità*/
@media (max-width: 767px){
	.product__buy .button{height:52px;}/*Scheda Prodotto pulsante acquista mobile*/
}


.form__field .FormError{padding:5px;color:#FF5740;}

/* Carrello versione mobile ord01 */
@media screen and (max-width: 767px) {
	.heading--page .heading__title{margin:0;}
}


@media screen and (max-width: 767px) {
    
.ord_cli_cons_presso{padding-top: 30px;}

}

/* ***** PRO CSS **** */
html.pro .wishlist-button{display:none;} /** nascondo pulsante whislist **/

.pro .button--light:hover{color:#fff;} /** pulsante iscriviti nsl versione pro **/

.box__caption.test{	top:45%;}
.box__caption.test h3{padding:0 20%;}
.box__caption.test h3 span{text-transform:lowercase;font-weight:400;}

/* Vetrina Referenze PRO*/
.brands-products .box__caption{/*background:rgba(0,0,0,0.4);*/bottom:0 !important;}
.brands-products .box__caption.test{top:45%;background:transparent;}
.brands-products .box__caption h3{margin-top: 10px;}

/* Ispirazione prodotti PRO*/
.inspiration .box__caption{background:rgba(0,0,0,0.4);bottom:0 !important;}
.inspiration .box__caption.test{top:45%;background:transparent;}
.inspiration .box__caption h3{margin-top: 10px;}

.slideCategoriePro .box__title_pro{padding:0 10px;}
.slideCategoriePro .box__title_pro span{text-transform: lowercase;font-size:0.8em;}

/* banner richesta preventivo home page pro */
.pro_req_preventivo .row {padding:0 15px;}
.pro_req_preventivo .box__img_prev,
.pro_req_preventivo .box__testo {background:#6C8199;padding:0 20px;display: flex; justify-content: center; align-items: center;flex-direction:column}
.pro_req_preventivo .box__img_prev{padding:0;}
.pro_req_preventivo .box__testo h3{text-transform:lowercase;/*font-size:1em;*/text-align:center;color:#fff;font-weight:400;margin-top:0;}
.pro_req_preventivo .box__testo h3:first-letter{text-transform:capitalize}
.pro_req_preventivo .box__testo .button{color:#6C7F99;background:#fff;width:auto;text-align:center;display:inline-block;margin:0 auto;height:auto;padding:10px;}


/* effetto hover su button */
.sa-to-top {
	text-decoration: none;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.sa-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff5740;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.pro_req_preventivo .box__testo .button:hover, .pro_req_preventivo .box__testo .button:focus, .pro_req_preventivo .box__testo .button:active {
  color: white;
}
.sa-to-top:hover:before, .sa-to-top:focus:before, .sa-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
@media screen and (max-width: 767px) {
	.pro_req_preventivo .box__testo{padding-top:20px;padding-bottom:20px;}
	.pro_req_preventivo .box__testo h3{font-size:0.8em;}
}
/* fine banner richesta preventivo home page pro */

/* richiesta preventivo pro */
.req_preventivo{border: 2px solid #006072;}
.req_preventivo:hover,.req_preventivo:active,.req_preventivo:focus{
	background:#fff;
	color:#006072;
	text-decoration: none;
}
.req_preventivo:before{background:#fff;}

/* FORM RICHIESTA PREVENTIVO */
.form_preventivo .cont-prev-txt p{line-height:1.6;}
.form_preventivo .label-textarea{margin-top:30px;color:#89879b;}
.form_preventivo .label-textarea + textarea{margin-top:10px;border:1px solid #f2f2f2;}
.form_preventivo .abc-checkbox{margin-top:30px;}
.info-txt{margin-top:30px;font-size:0.8rem;}

/* BREADCRUMB CARRELLO  ---- DA VERIFICARE
.checkout-step .breadcrumbs{display: inline-block}
.checkout-step .breadcrumbs__item  {
	font-size: 11px;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: .6px;
}
.checkout-step .breadcrumbs__item.active_page{text-decoration: underline;}
.breacrumbs-mob{display: none;margin-top:40px;}
@media screen and (max-width: 767px) {
	.checkout-step .breadcrumbs{display: none;}
	.breacrumbs-mob{display: inline-block;margin-top: 20px;}
	.breacrumbs-mob a{font-size:11px;}
}
@media screen and (max-width: 480px) {
	
	.checkout{margin-top:20px;}
	#ord03 .payment-option {flex-basis:100%}/* pagamenti su di una sola riga 
}
*/

/**************** TEST SPOSTAMENTO ICONE CARRELLO */
.test-icon{position:absolute;top:-10px;right:22px;margin-top:0;}xv
/* OMBRA VARIANTI CARRELLO ORD01 */
.order-item__options img{box-shadow: none;-webkit-box-shadow: none;}

.filters__entry--all > .button--primary{background:#ff5740 url(../images/ui/icn_filter.svg) right 30px top 50% no-repeat;}

/**** PASSO 1 CARRELLO ***/
.checkout-summary__title h4{text-transform: capitalize;}


/**** CARRELLO ORDBOX****/
.sticky {top: 105px;}
.checkout__times{
    display: flex;
  align-items: center;
    width:100%;
    height:63px;
    margin-top:15px;
    background:#f2f2f2 url(../images/ui/icn_cons_prev.png) right center no-repeat;
    padding:0;
}
.checkout__times .desc_risp{font-size:.857rem;font-weight:400;padding:0 50px 0 20px;}

/**** CARRELLO VUOTO ****/
.desk-emptyKart{padding:40px 0;line-height:2;}
.desk-emptyKart .heading__title{text-align:center;}

/** mini kart vuoto **/
.empty_kart{text-align:center;padding:30px 0;}




/**** SEZIONE CONSIGLIATI MOBILE ****/
#accordion-cons{padding:0 20px;}
#accordion-cons .carousel .flickity-viewport{height:130px !important;}


/**** SEZIONE MOBILE PER GLI ARTICOLI SIMILI/CONSIGLIATI/ABBINATI ****/

.sa_cont_consigliati > div:last-child{border-bottom:1px solid #DEDEDE;margin-bottom:30px;padding-bottom:20px !important;}
.sa_cont_consigliati .heading--page .heading__title {font-weight:400;}
@media screen and (max-width: 768px) { 
	.heading__title__mobile{font-weight:400;}
	.product-description{border-bottom:none;}
}

.sa_cont_consigliati .carousel{height: auto;} /* contenitore singolo carousel */
.sa_cont_consigliati .carousel--sixth .carousel__item {width:50%;}
.sa_cont_consigliati a,.sa_cont_consigliati a:hover{text-decoration:none;}
.sa_cont_consigliati .sa_box_title { font-weight:300;font-size:calc(12px + 0.5vw);text-transform: lowercase;line-height: 1.4;text-align:center;color:#6d6e71; }


/**** BANNER CATEGORY TOP gestione spazi mobile immagine testata del catalogo ****/
@media screen and (max-width: 768px) { .bannertCategoryTop{margin:30px 0;}}

@media screen and (max-width: 768px) {.product-prompt{padding:0;} #accordion-product{margin-top:60px;} }


/** test blocco megamenu1 PRO **/
.pro .navigation__item a.current{color:#006072;}
.pro .subnavigation__inner{height:auto;}
/*.pro .subnavigation.active, .subnavigation:hover{
	height:auto;
	min-height:260px;
	max-height: none !important; 
}*/
.pro .figure_megamenuPro{margin:0;}/** rimuovo margine da tag figure in megamenu pro**/
.pro .figure_megamenuPro img{height: 100%;width:auto;}
.pro .subnavigation__block--1-2{
	flex:1 1 50%;
}
.pro .subnavigation__block--1-4{
	flex:1 1 25%;
}
.pro .carousel_megamenu{height:260px}/* altezza della gallery fissa perche altrimenti non funziona l'altezza di flickty*/

/**** ACCORDION COME ACQUISTARE - PRO ****/
.pro-howToBuy ul{color:#6d6e71;padding-left:20px;}
.pro-howToBuy ul li{margin-bottom:15px;line-height:1.5;}
.pro-howToBuy ul li a{color:#006072;text-decoration:none;}
.pro-howToBuy ul li a:hover{text-decoration:underline;}



/* Sostituzione leggi di piu con icona piu  
e modifica altezza del testo visibile SEO
 su application js l'altezza della descrizione è 75px
*/
.read-more-block{
	position: relative;
	max-height: 75px;
	overflow: hidden;
	-webkit-transition: 0.35s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.read-more-block[data-readmore]::after{/* mostro solo tre righe del testo seo */
	height:0px;/* altezza della opacità */
	background:#fff;/* rimuove la sfocatura sul testo*/
}
.heading--brand-single .read-more-block[data-readmore]::after{
    height: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0)), color-stop(73%, white), to(white));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, white 73%, white 100%);
    -webkit-transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}



/*********  MODIFICHE PROVVISORIE DA RIPORTARE IN SASS *************************/
.header{max-width:100%;}

.heading__description, .heading__description p{line-height:2;}
.heading__description {max-height: 78px;} /* legato al valore di line-height qui sopra */
/*.sa_leggipiu{float:none;margin-top:23px;}*/
#product_pro{padding-bottom:0;position:relative;}
.product_pro header h2{margin-top:0;}

.product-description{ padding-bottom: 0;}

/*
#product_pro{display:none;}
#product-prompt{display:none;}
*/
#product-prompt{margin-top:74px;padding:0;}
.product_pro .richiesta_preventivo{float:right;}

/*.product-item__content img {max-width:263px;}*/

/* SEO EXT*/
.recent-suggested {padding-top:30px;}
.recent-suggested .heading__title{margin:0;}
section.seo_ext{
    line-height: 1.7;
    color:#6d6e71;
}
section.seo_ext p{
    letter-spacing: .6px;
    line-height: 1.7;
    color: #6d6e71;
    font-size: .857rem;
    font-weight: 300;
}
section.seo_ext h2{
    margin:0;
}

/***#####################################################################
    modifiche 17 gennaio 2017 
#########################################################################***/

/** anteprima prodotto listato **/
.product-item__top{padding-bottom:10px;}
.product-item__content{
    height: 130px;
    overflow: hidden;
    padding-bottom: 0px;
}


/*## brand ##*/
header.brand-header{padding-bottom:0;}

/** piu varianti **/
.product-item__varianti{
    /*width:260px;*/
    height:20px;
    margin-bottom:10px;
    
}
.product-item__varianti p{
    color:#6C6C71;
    font-size:0.750em;
    line-height:1;
    margin:0;
    text-transform:uppercase
}
.product-item__varianti img{width:auto;vertical-align:middle;margin-bottom: 2px;}

/** ORDINAMENTO FILTRI **/
.select-block > label{font-size:0.875rem;text-transform:uppercase}
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-results__option{font-size:0.875rem;}


.heading--page{
    margin-bottom: 8px;
}



/** CARRELLO 25-01-2019 **/
.checkout-step .promo-banner, .checkout-step .header__lower, .checkout-step .breadcrumbs, .checkout-step .footer__features, .checkout-step .footer__box, .checkout-step .footer__sitemap, .checkout-step .footer::before{

    display: none;

}
.checkout-step .service-menu {display:block;}
.checkout-step .header__ctas--right{display:none;}
.checkout-step .header__upper  .header__ctaHide{display:none;}
.service-menu__item--support span{
	display: inline-block;
	font-size: 11px;
	letter-spacing: .5px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 8px 10px 8px 38px;
	min-height: 30px;
}
.service-menu__item--support span {
    background-image: url(../images/ui/icn_support.svg);
}

.checkout-nav__item > a > span, .checkout-nav__item > span > span{font-size:1.6rem;}

.footer__credits{padding:10px 10px 40px}
/*
.button--chevron-d::before {background-image: url(../../images/ui/chevron_down_black.svg);}

.checkout-form__login .sa_title_checkout_login::before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 0px;
	width: 20px;
	height: 12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../../images/ui/chevron_down_black.svg);
	-webkit-transition: 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
*/

/***#####################################################################
    LANDING PAGE CONTATTI DA SCRIVERE IN SASS
#########################################################################***/

.static_page{ /* classe css comune a tutte le pagine statiche */
}
.static_page header{
    padding:75px 0 10px;
}
.static_page header .heading__title{margin:0 0 55px;}
.static_page header p{text-align:center;font-size:14px;font-weight:400;}

.static_page .box-container{display: flex;flex-direction: row;flex-wrap:wrap;}
.box-container .quicklink--fourth{flex: 0 1 25%;}
.box--contacts{background:#F2F2F2}

.quicklink__inner{
    margin:0;
    height:100%;
    transform:none;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
.quicklink__caption{color:#FF5740}

.map {margin-top:95px;margin-bottom:110px;}
.info_contact{
    text-align:center;
    padding-bottom:40px;
    font-weight:300;
    font-size:16px;
}
.info_contact h2{font-size:16px;font-weight:500;color:#111;margin:0;line-height:1.5;}
.info_contact p{line-height:1.5;}

.box-showroom{ text-align:center;}
.box-showroom h2{font-weight:500;display:inline-block; width:auto;margin:0 auto;text-align:left;margin-bottom:70px;}
.box-showroom h2 small{color:#111;}

.showroom_pic{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    margin-top:30px;
    margin-bottom:250px;
}
.pics{
    flex: 0 1 calc(50% - 10px);
}
.tel_link{cursor:default;}

@media screen and (max-width: 767px) {
    .box-container .quicklink--fourth{flex: 0 1 50%;}
}

@media screen and (max-width: 480px) {
    .static_page header{padding-top:25px;}
    .static_page header .heading__title{margin-bottom:25px;font-size:1.5rem}
    .static_page header p{line-height:1.5;}
    .map{margin-top:25px;margin-bottom: 60px;}
    .info_contact p{text-align:left;margin-top:20px;}   
    .box-showroom h2{font-size: 16px;margin-bottom:30px;}
    .showroom_pic{margin-bottom:90px;}
    .tel_link{cursor:pointer;}
}

/***#####################################################################
    LANDING PAGE SPEDIZIONE E CONSEGNE DA SCRIVERE IN SASS
#########################################################################***/

.box-container .quicklink--third{flex: 0 1 33.3333%;}

.sped-tabs{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
    align-content:center;
    align-items: center;
}
/* contrassegno in Italia */
.sped-tabs.pay-it{justify-content:center;}

.resi .sped-tabs{
    justify-content:center;
}


.sped-tabs .heading__switch{
    flex: 0 1 calc(20% - 10px);
    height:75px;
    background:#F2F2F2;
    border:none;
    padding:0;
    margin:0;
    text-align:center;
    width:100%;
    position:relative;
    display: flex;            
    align-items: center;      
    justify-content: center;
}
.sped-tabs.pay-it .heading__switch{margin:0 10px;}

.resi .sped-tabs .heading__switch{margin: 0 10px;}

.sped-tabs .heading__switch p{
    width:100%;
    height:100%;
    margin:0;
    display: flex;            
    align-items: center;      
    justify-content: center;
    cursor:pointer;
}
.sped-tabs .heading__switch:hover{
    color:#ff5740 !important;
}
.sped-tabs .heading__switch p::after{
  content:"";
  position:absolute;
  width:0%;
  left:0;
  border-bottom:4px solid #ff5740;
  bottom:0;
  transition:width 0.4s linear;
}
.heading__switch:hover p::after{width:100%;}

.sped-tabs .heading__switch--active{
    color:#ff5740 !important;
    font-weight:500;
    position:relative; 
}
.sped-tabs .heading__switch--active::after{
  content:"";
  position:absolute;
  width:100%;
  left:0;
  border-bottom:4px solid #ff5740;
  bottom:0;
}

.single-tab{
    width:100%;
    max-width:750px;
    margin:0 auto;
    padding: 0 30px;
}
.single-tab p {margin:0;}
.single-tab h3,
.single-tab h4{
    margin:95px 0 30px;
    color:#ff5740;
    font-size:27px;
    font-weight:500;
    text-align:center;
}

.cgv{padding-bottom:60px;border-bottom:1px solid #AEAEAE}

.cgv h2,
.cgv h4{
    font-size:16px;
    margin:60px 0 20px;
    text-align:center;
}
.cgv h2{
    font-size:27px;
    font-weight:500;
}
.cgv a {color:#ff5740;}

.single-tab p,
.single-tab ul li{
    line-height:2;
    font-size:16px;
    color:#6d6e71;
    font-weight:300;
}
.single-tab ul li{margin-bottom:10px;}



.spedizione .box-container,
.pagamenti .box-container,
.assistenza .box-container,
.resi .box-container{
    width:100%;
    max-width:750px;
    margin:100px auto;
    padding: 0 20px;
}

.assistenza .box-container{
    margin-bottom:0;
    padding-bottom:100px;
    border-bottom:1px solid #AEAEAE;
}

.spedizione .box-container h3,
.assistenza .box-container h3,
.pagamenti .box-container h3,
.resi .box-container h3{
    flex: 0 1 100%;
    margin:0 auto;
    font-weight:400;
    margin-bottom:40px;
    text-align:center;
    font-size:27px;
}
.spedizione .box-container h3 span,
.assistenza .box-container h3 span,
.pagamenti .box-container h3 span,
.resi .box-container h3 span{font-weight:500;}

.spedizione .box-container p,
.assistenza .box-container p,
.pagamenti .box-container p,
.resi .box-container p{
    flex: 0 1 100%;
    margin:0 auto;
    line-height:2;
    margin-top:30px;
    padding:0 10px;
}

.spedizione .heading__title{
    text-transform: none;
}

.grey_block{
    width:100%;
    /*max-width:650px;*/
    margin:30px 0;
    height:95px;
    background:#f2f2f2;
    display: flex;
    flex-direction: column;
    align-items: center;      
    justify-content: center;
}
.grey_block p{line-height: 1;} /* per centrare verticalmente in maniera corretta */
.grey_block a{ font-size:16px;font-weight:500;text-decoration:none;}
.grey_block a:hover,
.grey_block a:active,
.grey_block a:focus{text-decoration:underline;color:#ff5740;}

.grey_block .thwate{color:#ff5740;font-weight:400;}

/* CSS tabs quando diventano accordion */
@media screen and (max-width: 480px) {
    .sped-tabs .heading__switch,
    .resi .sped-tabs .heading__switch{ flex: 0 1 100%; margin-bottom:30px;}
    
    .single-tab{ padding: 0 10px; margin-bottom:30px;}
    .single-tab h3,
    .single-tab h4{
        margin:15px 0;
        font-size:27px;
    }
    .cgv{padding-bottom:30px;}
    
    /* le tre tab vanno su due righe */
    .spedizione .box-container,
    .assistenza .box-container,
    .pagamenti .box-container,
    .resi .box-container{justify-content: center;margin: 40px auto;}
    .box-container .quicklink--third{flex: 0 1 50%;}
    
}
 

/* accedi ordini */
.single-tab.ord-login{border-bottom:1px solid #AEAEAE;padding-bottom:50px;}
.single-tab p.accedi_ord{font-size:20px;font-weight:500;}

/* FAQ */
.single-tab .faq-title{color:#231F20;}
 .accordion--faq .accordion__icon{display: flex;
    align-items: center;
    justify-content: center}

.accordion--faq-child .panel [data-toggle="collapse"].collapsed::after {transform: translateY(-50%) rotate(0deg);}
.accordion--faq-child .panel [data-toggle="collapse"]::after {transform: translateY(-50%) rotate(-180deg);}
.faq-cont .accordion--faq:last-child{border-bottom:none;}

/* REFERENZE PRO */
.referenze header{
    background:#FAFAFA url(../images/0000/referenze/mysa_world.png) top right no-repeat;/* .referenze-pro header  url(../images/ui/icn_dolly_cart.svg) no-repeat;*/
    margin:25px 0 65px;
}
.referenze header .wrapper{
    max-width:1170px;
    width:100%;
    padding-top:1px;
    margin:0 auto;
    text-transform: none;
}
.referenze header .heading__title{
     color:#ff5740;/*#025F7E;*/
    margin:55px 0 30px;
}
.referenze header .heading__title-pro{
    color:#025F7E;
    margin:55px 0 30px;
}

.referenze header p{
    color:#221F1F;
    font-size:25px;
    line-height: 1.4;
    font-weight:300;
    display:inline-block;
    max-width:64%;
    margin-bottom:60px;
}

.wrapper-ref{
    width:100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    grid-gap: 40px;
}
.wrapper-ref div{
    width:100%; 
    /*height:250px;*/
}
.hd {
  grid-row: span 2;
}

/* referenze masonry */
.refer-item{width:calc(20% - 20px);margin-bottom:20px;}
.refer-item figure{ margin:1rem 0;}
.refer-item figcaption{
    padding:0 20px;
    position:relative;
    font-size:15px;
    color:#6D6E71;  
}
.refer-item figcaption:before{
    position:absolute;
    content:"";
    width:10px;
    height:10px;
    background-color:#ff5740;
    border-radius: 5px;
    top:5px;left:0;
}
.refer-item figcaption.caption-pro:before{
    background-color:#025F7E;
}

.refer__description,.refer__description p {
    letter-spacing: .6px;
    line-height: 1.7;
    color: #6d6e71;
    font-size: .857rem;
    font-weight: 400;
}

.refer__list-item{margin-bottom:30px;}
.refer__list-item h2{margin-bottom:25px;margin-top:45px;font-size:20px;}

.refer__list-item a{
    display:inline-block;
    font-weight:500;
    border-bottom:2px solid #B1AFAF;
    color:#635F5F;
    text-decoration:none;
    margin-bottom:10px;
}
.refer__list-item a:hover{
    text-decoration:none;
    border-bottom:2px solid #ff5740;
}
.refer__list-item p{margin-bottom:20px;}
.refer__list-item p:last-child{ margin-bottom:0}

.refer-art-img{
    margin:0;
}

@media screen and (max-width: 768px) {
    .referenze{padding:0 20px;}
    .referenze header{
        background:#FAFAFA;
    }
    .referenze header p{max-width:100%;}
    
    .refer-item{width:calc(33.3333% - 20px);}
}

@media screen and (max-width: 460px) {
    .refer-item{width:calc(50% - 20px);}
}


.product-prompt__pronta-consegna-txt{font-size:14px;font-weight:400;color:#6d6e71;line-height:1.7;}

/**** HOME PAGE PRO ****/
.box-top-pro{margin-bottom:90px;}
p.pro_description{
    letter-spacing: .6px;
    line-height: 2;
    color: #6d6e71;
    font-size: .857rem;
    font-weight: 400;
}

/* brackets per PRO */
.pro_version .box--brackets:hover::before, .pro_version .box--brackets:hover::after {color:#006072}

.horeca__home{
    display:flex;
    align-content: center;
    justify-content: space-between;
    margin:0 auto;
    margin-top:90px;
    width:100%;
    max-width:1170px;
    padding-left: 15px;
    padding-right: 15px;
    height:auto;
}
/*.horeca__home .horeca__home-dx,
.horeca__home .horeca__home-sx,*/

.horeca__home-sx{flex:0 1 25%;}
.horeca__home-sx .img-responsive{height:auto;}

.horeca__home-dx{
    flex:0 1 70%;
     display:flex;
    align-content: center;
    /*justify-content: center;*/
    flex-direction: column
}
.horeca__home-dx h2{margin:40px 0;}
.horeca__home-dx h2 small {
    width: 100%;
    display: block;
    font-size: 1.14rem;
    font-weight: 400;
    text-transform: none;
    line-height: 1.8;
    color: #231f20;
}
.horeca__home-dx p{
    letter-spacing: .6px;
    line-height: 2;
    color: #6d6e71;
    font-size: .857rem;
    font-weight: 400;}

/** pre footer **/
.cont-prefoot{
    width:100%;
    max-width:1170px;
    margin:110px auto;
    display:flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    padding:0 15px;
}
.cont-prefoot .box-foot{
    flex:0 1 calc(25% - 30px);
    background:#E5EFF1;
    overflow:hidden;
    position:relative;
}
.cont-prefoot .box-foot:before{
  content: '';
  padding: 50% 0; /* vertical value as  100% equals width */
  display: inline-block;
}

.cont-prefoot .box-foot .cont{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.cont-prefoot .box-foot .cont .icon{
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    flex-direction:column;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.cont-prefoot .box-foot .cont .icon p{
    font-size:16px;
    color:#221F1F;
    font-weight:500;
    padding-top:20px;
    text-transform:uppercase;
    margin:0;
    text-align:center;
}
.cont-prefoot .box-foot .cont .txt{
    position:absolute;
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    z-index:2;
    top:0;
    left:0;
    background:#E5EFF1;opacity:0;
    padding:25px;
    text-align:center;
    line-height:2;
}
.cont-prefoot .box-foot .cont .txt::before{
    content:'';
    width:120px;
    height:120px;
    top:0;
    right:0;
    border-right:12px solid #005F71;
    border-top:12px solid #005F71;
    position:absolute;
    z-index:3;
}
.cont-prefoot .box-foot .cont .txt::after{
    content:'';
    width:120px;
    height:120px;
    bottom:0;
    left:0;
    border-left:12px solid #005F71;
    border-bottom:12px solid #005F71;
    position:absolute;
    z-index:3;
}
.cont-prefoot .box-foot .cont .txt p{
    line-height:2;
    font-size:14px;
}
.cont-prefoot .box-foot:hover .cont .txt{opacity:1;}

.stories-pro{
    display:flex;
    align-content: center;
    justify-content: space-between;
    margin:0 auto;
    margin-top:60px;
    width:100%;
    max-width:1170px;
    padding-left: 15px;
    padding-right: 15px;
    height:auto;
}
.stories-pro .boxes{
    flex: 0 1 calc(50% - 5px);
    overflow:hidden;
    position:relative;
}

@media screen and (max-width: 768px) {
    .cont-prefoot .box-foot{
        flex:0 1 calc(25% - 15px);
    }
    .cont-prefoot .box-foot .cont .txt {display:none;}
}
@media screen and (max-width: 480px) {
    .cont-prefoot .box-foot .cont .icon p{font-size:12px;}
    /** immagine top contract**/
    .box-top-pro{margin-bottom:40px;}
    
    .heading-carousel-pro{padding-top:0px;padding-bottom:10px;}
    .heading-carousel-pro .heading__title{margin-top:0;}
    
    /** box storie + preventivo **/
    .stories-pro{margin-top:0;flex-direction: column;}
    .stories-pro .boxes{flex: 0 1 100%;}
    .stories-pro .boxes:first-of-type{margin-bottom:20px;}
    
    /** HORECA **/
    .horeca__home{flex-direction:column;margin-top:0;}
    .horeca__home-sx{display:none;}
    .horeca__home-dx{flex: 0 1 100%;}
    .horeca__home-dx h2{margin-bottom:20px;}
    
    
    /*** PREFOOTER PRO ***/
    .cont-prefoot{margin-top:40px;margin-bottom:40px;}
    
    .cont-prefoot .box-foot{
        flex:0 1 calc(50% - 10px);
        margin-bottom:20px;
    }
    .cont-prefoot .box-foot:before{
      content: '';
      padding: 50% 0; /* vertical value as  100% equals width */
      display: inline-block;
    }
    .cont-prefoot .box-foot .cont .txt {display:none;}
}

/** SCHEDA PRODOTTO **/
.cont__features{
    display:flex;
    flex-direction:column;
    margin-top:10px;
    
}
.cont__features .prod__feature{
    display:flex;
    margin-top:15px;
    position:relative;
}
.cont__features .prod__feature a {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
}

.cont__features .prod__feature p{   
    padding-left: 30px;
    font-size: .86rem;
    text-transform: uppercase; 
    display:flex;
    align-items:center;
    margin-bottom:0;
}

.prod__feature .free-trasp{display:flex;
    align-items:center;justify-content: center;background:#f2f2f2;}
.product-description__description p:empty{display:block;height:5px;}

/*** SCHEDA PRODOTTO SOLO PRO ***/

.product__pro_txt p{
    letter-spacing: .6px;
    line-height: 1.7;
    color: #6d6e71;
    font-size: .857rem;
    font-weight: 400;
}
/*** Pulsante richiedi preventivo scheda solo pro **/
.product__buy_buttonPro{
	text-decoration: none;
	vertical-align: middle;
	border: 2px solid #006072;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	display: inline-block;
	background: #006072;
	text-transform: uppercase;
	color: #ffffff;
	padding: 22px 45px;
	font-size: 0.8125rem;
	font-weight: 500;
}

/** home page slideshow **/ 
.hero{
    height:auto;
    overflow:hidden;
}
.hero__image{
    display:block;
    width:100%;
    box-shadow: none;
}
.hero__image figure{height:100%;padding:0;}
.hero__item{min-height:auto;height:auto;display:block;}

@media screen and (max-width: 480px) {
    .hero {padding-bottom:60px;}
    .hero .flickity-prev-next-button{bottom:0px;}
    .flickity-prev-next-button{}

    .hero .flickity-prev-next-button.next{transform: none;right:0;}
    .hero .flickity-prev-next-button.previous{transform: none;right:60px;}
    
    .flickity-prev-next-button svg{left:20%;}
}
    
    
/*** PAGINA CHI SIAMO ***/
.cont-header{
    display: flex;
    width:100%;
    max-width:1140px;
    height:auto;
}
.cont-header .eye{flex:0 1 49%;}
.cont-header .eye img{display:block;}
.cont-header .txt{flex:0 1 51%; padding-left:30px;}
.cont-header .txt h1{
    font-size:3.750em;
    font-weight: 500;
    margin-top:40px;
    padding-right:100px;
} 
.cont-header .txt p{
    line-height:2;
    margin-top:30px;
    padding-right:200px;
    color: #6d6e71;
}
.cont-story{
    width:100%;
    height:auto;
    padding:110px 0;
    background:#F2F2F2 url(../images/0000/chisiamo/sa-righello.png) top right repeat-y;
    display:flex;
    align-items:center;
    justify-content: center;
}
.cont-story p{
    width:100%;
    max-width:900px;
    font-size:2.250em;
    color:#6C6C71;
    line-height:1.2;
    margin:0;
    font-weight:500;
}
.cont-story p span{color:#EA530C}
img.passion{max-width:1550px;display:block;margin:70px auto;}

.cont-partner{
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom:85px;
    max-width: 1170px;
    }
.cont-partner .txt{columns:auto 2;column-gap: 20px;padding:0 190px;margin-top:50px;color: #6d6e71;}
.cont-partner .txt p{line-height:2;}
.cont-partner .txt p span{color:#ff5740}

.cont-partner img {max-width:430px;}

@media screen and (max-width: 768px) {
    .cont-partner .txt{padding:0 20px;}
    img.passion {padding:0 20px;}
    .cont-story{padding: 20px;background:#F2F2F2}
    .cont-header{flex-direction:column}
    .cont-header .txt h1{padding:0;font-size:2.5rem;margin-bottom:30px;}
    .cont-header .txt p{padding-right:0;margin-bottom:30px;}
    .cont-header .txt{flex:0 1 100%;}
    .cont-header .eye{display:none;}
    .cont-partner .txt{
        columns:auto 1;
        margin-top:30px;
        margin-bottom:40px
    }
    img.passion{margin-top:60px;margin-bottom:30px;}
    .cont-story p{font-size:1.3em;line-height:1.4;}
    .sa-righello{background:transparent;}
}
@media screen and (max-width: 480px) {
    
    
}

/** SERVICE MENU **/
.service-menu__item {flex:0 1 30%;}
.service-menu__item--mail{text-align:left;}
.service-menu__item--user{text-align:right;}

@media screen and (max-width: 991px) {
    .service-menu__item--support{flex:0 1 40%;}
    .service-menu__item--user{flex:0 1 auto;line-height:30px;}
    .service-menu__item--mail{flex:0 1 auto;line-height:30px;}
    .service-menu__item--user a,
    .service-menu__item--mail a{
        width:100%;
        background-position: top left;
        padding-left:35px;
        height:100%;
    }
}

@media screen and (max-width: 767px) {
    .service-menu__item--support{flex:0 1 25%;line-height:23px;}
    .service-menu__item--support a {width:100%;background-position: top left;}
}

@media screen and (max-width: 480px) {
    .service-menu__item--mail,
    .service-menu__item--user{flex:0 1 10%}
    .service-menu__item--support{flex:0 1 50%;line-height:23px;}
    .service-menu__item--support a{
        width:100%;
        background-position: top left;
    }
}
/** FINE SERVICE MENU **/

/** NAV-ALERT RESTA IN CARRELLO**/
@media screen and (max-width: 480px) {
    .nav-alert{
        left:4%;
    }   
    .nav-alert::before{left:2.25rem;}
    .button:not(.button--link) {
        height: 40px;
    }
}

@media screen and (max-width: 480px) {
    
    .product_pro .richiesta_preventivo {float:none;}
    
    .sa_cont_consigliati > div:last-child,
    .visti_recente_mob{border-bottom:0;}
}

/**** SINGOLO PROD LISTATO VER. MOBILE ****/
@media screen and (max-width: 769px) {
    .product-item:hover {
        -webkit-box-shadow: none;
        box-shadow:none;
        z-index: 2;
    }
    .product-item .product-item__ctas {
        opacity: 1;
        visibility: visible;
    }
    .product-item .product-item__features li{visibility: visible;}
    
    /* sezione pronta consegna -->acquista */
    .product__buy{flex-direction: column;padding:0 20px;}
    .product__buy .button{flex: auto;display:block;display:flex;height:50px;}
    
    /** scheda prodotto --> prodotto pro **/
    .product_pro__desc{flex-direction:column;}
     .product_pro__desc .product_pro__cont-desc{flex:1 1 100%;margin-bottom:10px;}
}

@media screen and (max-width: 480px) {
    #product-prompt{margin-top:30px;}
    .product_pro{padding-top:30px;}
}


/** CARRELLO MOBILE **/

.cart-login-cont-data{display:flex;}
.cart-login-cont-data img{flex:0 1 20%;}
.cart-login-cont-data .cart-login-dati{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left:30px;
    }
.cart-login-cont-data .cart-login-dati a{color:#fff;}

@media screen and (max-width: 480px) {
    
    .checkout,
    .checkout-step .checkout{padding-top:0;}
    .sticky{top:0;margin-bottom:40px;}
    .checkout-summary__cta .button--chevron-r{padding-right:10px;}
    
    #ord03 .payment-option{flex: 0 1 100%;}
    .checkout-services{padding-top:0;margin-bottom:30px;}
    .checkout-form__register{padding-top:0;}
    
    .cart-login-cont-data{margin-top:30px;}
}

/*** PREFOOTER link pro box iscrizione nsl ***/
.footer__box{padding:30px 100px;}

/*** brand item cta mobile ***/
.brand-item-ctamobile{
    width:40%;
    margin:0 auto;
    position:absolute;
    bottom:20px;
    left: calc(50% - 85px);
}
.brand-item-ctamobile a {color:#6D6E71;background:#fff;border:1px solid #DEDEDE;}
.brand-item-ctamobile a:hover {
    background-color: #fff;
    color:#6D6E71;
    text-decoration:none;
}

.refer-carousel .carousel--half .carousel__item{widht:100%;max-width:330px;/*min-height:225px;*/}

