﻿
.badge-login {
	display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	border-radius: 2px;
}
.badge-login:hover {
	-ms-transform: none; /* IE 9 */
	-webkit-transform: none; /* Safari */
	transform: none;
	transition-duration: 0;
	text-shadow: 0px 0px #fff !important;
}

@keyframes move{
	0%{ transform: scale(1) rotate(0deg); }
	100%{ transform: scale(2) rotate(0.1deg); }
}
.btn-user {
	background-color: #ccc;
	color: #1a1a1a;
	border-radius: 0;
	border: 0;
	font-size: 14px;
}
.user-main-menu:after {
	content: '';
	background: #fff;
	width: 2px;
	height: 100%;
	right: 0;
	top: 0%;
	position: absolute;
}
.user-menu {
	color: #999;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.75;
	cursor: pointer;
	text-transform: uppercase;
}
.user-menu:hover {
	color: #fff;
}


.btn-proced {
	border: 1px solid #fff;
	border-radius: 0;
	background-color: #fff;
	color: #000 !important;
	font-size: 14px;
	padding: 10px 16px;
}
.btn-proced:hover {
	border: 1px solid #ccc;
	border-radius: 0;
	background-color: #ccc;
	color: #000 !important;
}




.btn-confirm {
	border: 1px solid #C01F28 !important;
	border-radius: 0;
	background-color: #C01F28 !important;
	color: #fff !important;
	font-size: 16px;
	padding: 5px 5px;
}
.btn-confirm:hover {
	border: 1px solid #C01F28 !important;
	border-radius: 0;
	background-color: #C01F28 !important;
	color: #fff !important;
}
.btn-back {
	border: 1px solid #999;
	border-radius: 0;
	background-color: #999;
	color: #000 !important;
	font-size: 14px;
	padding: 10px 16px;
}
.btn-back:hover {
	border: 1px solid #666;
	border-radius: 0;
	background-color: #666;
	color: #000 !important;
}
@media only screen and (max-width: 991px) {
	.btn-proced, .btn-back {
		font-size: 13px;
	}	
}

/* CHECKBOX */
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #333;
  width: 0;
  height: 0.1rem;
  position: absolute;
  transform-origin: 0% 0%;
}
.chiller_cb {
  position: relative;
  height: 2rem;
  display: flex;
  align-items: center;
}
.chiller_cb input {
  display: none;
}
.chiller_cb input:checked ~ span {
  background: #fff;
  border-color: #000;
}
.chiller_cb input:checked ~ span:before {
  width: 0.75rem;
  height: 0.1rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.chiller_cb span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 1px solid #000;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 0.7rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}

#swipe-table {
	display: none;
}
@media only screen and (max-width: 991px) {
	#swipe-table {
		display: block;
	}
}
@media only screen and (max-width: 768px) {
	.table-responsive {
		border: 0px solid #dddddd !important;
		display: block !important;
	}
}

select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 4px);
}


/* CUSTOMS */
	.pointer { cursor: pointer; }
	.va-t { vertical-align: top !important; }
	.center_forced {
		display: -moz-box;
		-moz-box-pack: center;
		-moz-box-align: center;
		/* Safari and Chrome */
		display: -webkit-box;
		-webkit-box-pack: center;
		-webkit-box-align: center;
		/* W3C */
		display: box;
		box-pack: center;
		box-align: center;
		}
	.strikethrough {
		position: relative;
		}
		.strikethrough:before {
		position: absolute;
		content: "";
		left: 0;
		top: 50%;
		right: 0;
		border-top: 1px solid;
		border-color: inherit;

		-webkit-transform:rotate(-5deg);
		-moz-transform:rotate(-5deg);
		-ms-transform:rotate(-5deg);
		-o-transform:rotate(-5deg);
		transform:rotate(-5deg);
		}
	.div_side { display:inline-block; }


@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.user-main-menu:after {
		content: '';
		background: #fff;
		width: 80%;
		height: 2px;
		right: 10%;
		left: 10%;
		top: auto;
		bottom: 0%;
		position: absolute;
	}
}
@media only screen and (max-width: 500px) {
	.user-main-menu:after {
		content: '';
		background: #fff;
		width: 80%;
		height: 2px;
		right: 10%;
		left: 10%;
		top: auto;
		bottom: 0%;
		position: absolute;
	}
}

.CART_BTN_ACTIVE {
	background-color: #3CB371;
	color: #000 !important;
	font-weight: 600;
}
.CART_BTN_ON { 
	background-color: #999; 
	color: #000 !important; 
	font-weight: 600;
}
.CART_BTN_OFF {
	box-sizing: border-box;
    padding: .85rem 2.13rem;
    background-color: #424242;
    color: #000 !important;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    font-weight: 600;
}
.BTN_WISH {
	background-color: #999 !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 0;
    border-color: #999 !important;
	padding: 5px 15px 5px !important;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent !important;
	display: table;
}
.table-bordered {
	border: 1px solid #999;
}
.table-bordered td, .table tbody tr > td, .table thead tr > th {
	border: none;
}
.table td, .table th {
	vertical-align: middle;
}
.table th {
	font-size: 16px !important;
}
.table thead th {
	border-bottom: 1px solid #E90606;
}



.table-sconti th {
	font-size: 13px !important;
	padding: 0px 8px 5px !important;
}
.table-sconti tbody tr:not(:first-child) {
	border-top: 1px solid #292929;
}

.btn-modifica {
	cursor: pointer; 
	color: #000 !important; 
	font-weight: 600; 
	text-transform: uppercase; 
	border-radius: 0; 
	font-size: 13px;
	padding: 3px 5px;
	border: 1px solid #fff; 
	background-color: #fff;
}
.label-back-white { /*es. PREDEFINITO / CARICA DA "I MIEI DATI" */
	color: #000 !important;
	padding: 3px 5px;
	/*margin-left: 1.5em;*/
	background-color: #fff;
	font-size: 12px;
	font-weight: 600;
}
.label-back-grey { /*es. PREDEFINITO / CARICA DA "I MIEI DATI" */
	color: #000 !important;
	padding: 3px 5px;
	/*margin-left: 1.5em;*/
	background-color: #999;
	font-size: 12px;
	font-weight: 600;
}
.label-my-data {
	padding: 3px 10px;
    background-color: #999;
    color: #000;
    cursor: pointer;
    margin-left: 15px;
    font-size: 13px;
    font-weight: 500;	
}
.container-cart {
	padding-left: 5rem;
	padding-right: 5rem;
}
@media screen and (max-width: 991px) {
	.container-cart {
		padding-left: 0rem;
		padding-right: 0rem;
	}
}




.user-personaldata-form label {
    color: #292929;
    display: block;
    text-indent: 0px;
    font-size: 15px;
    line-height: 18px;
	font-family: 'Hind', sans-serif;
}
.password-icon {
	float: right;
	margin-right: 10px;
    margin-top: -30px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}
#FORM_CART_ADDRESS_FORM .form-control {
	box-sizing: border-box !important;
	border: 1px solid #999!important;
    border-radius: 0;
    min-height: 45px;
    background-color: #fff;
    color: #292929;
    width: 100% !important;
    margin-bottom: 0;
	font-family: 'Hind', sans-serif;
	font-weight: 600;
	margin-top: 0;
}
#FORM_CART_ADDRESS_FORM .form-control::placeholder  {
	color: #292929;
	/*visibility: hidden;*/
	font-family: 'Hind', sans-serif;
	font-weight: 600;
}
#FORM_CART_ADDRESS_FORM textarea {
	line-height: 32px;
	min-height: 50px;
}
#FORM_CART_ADDRESS_FORM select {
	line-height: 32px;
	/*min-height: 50px;*/
}





.title-page-cart {
	font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}
.title-section-cart { /*es.INDIRIZZO DI CONSEGNA / SCEGLI IL METODO DI PAGAMENTO*/
	color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.text-riepilogo-ordine h6 { /*es.INDIRIZZO DI SPEDIZIONE / METODO DI PAGAMENTO*/
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.text-riepilogo-ordine p {
    font-size: 14px;
}

.text-table-totale {
	font-weight: 400;
}
.iva-ordine {
	font-size: 13px;
    font-weight: 400;
}
.btn-save {
	background-color: #C01F28 !important;
    color: #fff !important;
    padding: 5px 25px;
    border-radius: 0;
    margin: 0;
	border: 1px solid #C01F28 !important;
    font-size: 16px !important;
}
.btn-save:hover, .btn-save:active, .btn-save:focus {
	background-color: #C01F28 !important;
    color: #fff !important;
	border: 1px solid #C01F28;
}
.btn-annulla {
	background-color: #fff !important;
    color: #292929 !important;
    padding: 5px 25px;
	border: 1px solid #C01F28 !important;
    font-size: 16px !important;
    border-radius: 0;
    margin: 0;
}
.btn-annulla:hover, .btn-annulla:active, .btn-annulla:focus {
	background-color: #fff !important;
    color: #292929 !important;
	border: 1px solid #C01F28;
}
@media screen and (max-width: 991px) {
	.btn-save, .btn-annulla {
		font-size: 13px !important;
	}
}
@media screen and (max-width: 500px) {
	.btn-save, .btn-annulla {
		width: 100%;
	}
}


table.table-units td, table.table-units th {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #292929;
    font-size: 13px;
}
.CART_MENU_BTN {
	color: #FFFFFF !important;
	font-weight: 500;
	/*background-color: #FF0000;*/
	font-size: 15px;
}
small .CART_MENU_BTN {
	color: #666 !important;
	font-weight: 500;
	font-size: 13px;
}
.CART_MENU_BTN_ACTIVE {
	color: #FFFF00 !important;
	background-color: #ff0000 !important;
	font-weight: 500;
	font-size: 15px;
}
small .CART_MENU_BTN_ACTIVE {
	color: #FF0000 !important;
	font-weight: 500;
	font-size: 13px;
}

.btn_market_mode {
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 0;
	background-color: #fff !important;
	border: 2px solid #C01F28 !important;
	padding: 5px 5px;
	color: #292929 !important;
}
.btn_market_mode:hover, .btn_market_mode:active, .btn_market_mode:focus {
	background-color: #fff !important;
	border: 2px solid #C01F28 !important;
	color: #292929 !important;
}
.btn_market_mode.active, .btn_market_mode.active:hover, .btn_market_mode.active:active, .btn_market_mode.active:focus {
	color: #fff !important;
	background-color: #C01F28 !important;
	border: 2px solid #C01F28 !important;
}






.track-detail {
	text-align: right;
}
.track-detail-order {
	display: inline-block;
	position: relative;
	padding: 0 15px;
}
.track-detail-order p img {
	max-width: 25px;
	vertical-align: bottom;
}
@media screen and (max-width: 500px) {
	.track-detail-order {
		padding: 5px 15px;
		display: block;
	}
}




.less-more-pasti {
	vertical-align: text-bottom
}
.less-more-pasti a {
	padding: 0px 5px 0px;
    background-color: transparent;
    color: #b0301b !important;
    border-radius: 5px;
    border: 1px solid #b5b4b4;
    margin: 0;
    display: inline-block;
}
table.pasti > tbody > tr > td {
	border-bottom: 0.5px solid #242426;
	padding: 10px 8px 7px;
}
table.pasti > tbody > tr:first-child > td {
	border-top: 0.5px solid #242426;
}
table.pasti > tbody > tr > td.single-price {
	/*min-width: 130px;*/
}
table.pasti > tbody > tr > td.single-price, table.pasti > tbody > tr > td.quantity {
	text-align: right !important;
}
table.pasti > tbody > tr > td.quantity {
	/*max-width: 50px;*/
}
table.pasti tbody td span {
	color: #5a3724;
}
table.pasti.pasti-side > tbody > tr > td.quantity {
	text-align: left !important;
}
table.pasti.pasti-side > tbody > tr > td.single-price {	
	min-width: 70px;
}
@media screen and (max-width: 991px) {
	table.pasti > tbody > tr > td.quantity {
		max-width: 80px;
	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	table.pasti tbody td {
		display: table-cell;
		padding: .6rem;
		font-size: 12px;
	}
	table.pasti > tbody > tr > td:first-child {
		border-top: 0.5px solid #242426;
		border-bottom: 0px solid #242426;
	}
	table.pasti > tbody > tr > td.single-price, table.pasti > tbody > tr > td.quantity {
		border: 0px solid #242426;
		max-width: 50%;
		min-width: 50%;
		text-align: left !important;
		display: inline-block !important;
		margin: .6rem 0 !important;
	}
	table.pasti tbody td:before {
		content: attr(data-th);
		font-weight: bold;
		display: block;
	}
	table.pasti tbody td p {
		font-size: 14px;
	}
	table.pasti.pasti-side > tbody > tr > td {
		display: table-cell !important;
	}
	table.pasti.pasti-side > tbody > tr > td.single-price, table.pasti.pasti-side > tbody > tr > td.quantity {
		border-top: 0.5px solid #242426;
		border-bottom: 0.5px solid #242426;
	}
	table.pasti.pasti-side > tbody > tr > td.single-price {
		text-align: right !important;
	}
	table.pasti.pasti-side tbody td:before {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	table.pasti tbody td {
		display: table-cell;
		padding: .6rem;
		font-size: 12px;
	}
	table.pasti > tbody > tr > td:first-child {
		border-top: 0.5px solid #242426;
		border-bottom: 0px solid #242426;
	}
	table.pasti > tbody > tr > td.single-price, table.pasti > tbody > tr > td.quantity {
		border: 0px solid #242426;
		max-width: 50%;
		min-width: 50%;
		text-align: left !important;
		display: inline-block !important;
	}
	table.pasti.pasti-side > tbody > tr > td.quantity {
		max-width: 20%;
		min-width: 20%;
		padding: 6px 8px !important;
		border-top: 0.5px solid #242426;
		border-bottom: 0px solid #242426;
		display: inline-block !important;
	}
	table.pasti.pasti-side > tbody > tr > td.pasto-name {
		max-width: 80%;
		min-width: 80%;
		display: inline-block !important;
		border-top: 0.5px solid #242426;
		border-bottom: 0px solid #242426;
	}
	table.pasti.pasti-side > tbody > tr > td.single-price {
		max-width: 80%;
		min-width: 80%;
		margin-left: 20%;
		border-bottom: 0px solid #242426;
	}
	table.pasti tbody td:before {
		content: attr(data-th);
		font-weight: bold;
		display: block;
	}
	table.pasti tbody td p {
		font-size: 14px;
	}
}








table.etichetta {
	border: 1px solid #242426;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
}
table.etichetta.etichetta-black {
	border: 1px solid #fff;
}
table.etichetta > tbody > tr:not(:last-child) > td {
	border-bottom: 1px solid #242426;
}
table.etichetta.etichetta-black > tbody > tr:not(:last-child) > td {
	border-bottom: 1px solid #fff;
}
table.etichetta > tbody > tr > td {
	vertical-align: top;
}	
table.etichetta tbody td p {
	color: #5a3724;
}
table.etichetta.etichetta-black tbody td p {
	color: #fff;
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	table.etichetta tbody td {
		display: table-cell;
		padding: .6rem;
		font-size: 12px;
	}
	table.etichetta tbody td:before {
		content: attr(data-th);
		font-weight: bold;
		display: block;
	}
	table.etichetta tbody td p {
		font-size: 14px;
	}
}
@media screen and (max-width: 600px) {
	table.etichetta tbody td {
		display: table-cell;
		padding: .6rem;
		font-size: 12px;
	}
	table.etichetta tbody td:before {
		content: attr(data-th);
		font-weight: bold;
		display: block;
	}
	table.etichetta tbody td p {
		font-size: 14px;
	}
}




.user-personaldata-form .user-data label {
	font-family: 'Barlow Condensed', sans-serif;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px;
    letter-spacing: 2px;
}
.user-personaldata-form .user-data p {
	color: #fff;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}









.EQH_product_title {
	display: block;
}
.price-catalogue {
	color: #292929; 
}
@media screen and (max-width: 991px) {
	.EQH_product_title p.h4 {
		font-size: 16px;
	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.EQH_product_title p.h4 {
		font-size: 16px;
	}
	.EQH_product_title p.h6 { 
		font-size: 12px; 
	}
}


@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.product-name {
		font-size: 25px;
	}
}
@media screen and (max-width: 500px) {
	.product-name {
		font-size: 25px;
	}
}


.line-right:after {
	content: '';
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
    width: 1px;
    background: #242426;
}
@media screen and (max-width: 1200px) {
	.prices.line-right:after {
		right: 15px;
		left: 15px;
		height: 1px;
		top: auto;
		bottom: -15px;
		width: auto;
	}
}
@media screen and (max-width: 991px) {
	.prices.line-right:after {
		right: 0px;
		left: auto;
		height: 100%;
		top: 0px;
		width: 1px;
	}
}
@media screen and (max-width: 768px) {
	.prices.line-right:after {
		right: 15px;
		left: 15px;
		height: 1px;
		top: auto;
		bottom: -15px;
		width: auto;
	}
}
@media screen and (max-width: 500px) {
	.line-right:after {
		display: none;
	}
	.prices.line-right:after {
		display: block;
	}
}



.content-wrapper .grid-container .item .item-content-wrapper .item-description-wrapper .item-price {
  color: #808080;
  font-weight: bold;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
._grid {
  text-align: justify !important;
  text-justify: distribute-all-lines;
  font-size: 0 !important;
  text-rendering: optimizespeed;
}
._grid:after {
  content: "";
  display: inline-block;
  width: 100%;
}
.product-subtract, .product-plus, .product-qty, .product-plus-cart {
  background-color: transparent;
  color: #292929 !important;
  text-align: center;
  font-size: 20px;
  border: 1px solid #808080;
  padding: 3px 10px;
  font-weight: 600;
  margin-left: -1px;
}
.product-subtract, .product-plus {
  background-color: transparent;
  color: #292929 !important;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  border: 0px solid #808080;
  padding: 3px 0px;
  margin-left: -1px;
}
.product-plus-cart {
  padding: 5px 6px;
}
.content-wrapper .grid-container .item .item-content-wrapper .item-description-wrapper .item-qty-cart {
  margin-left: -10px;
}

.BTN_CART {
	background-color: #C01F28 !important;
	color: #fff !important;
	padding: 5px 15px 5px !important;
	font-size: 16px !important;
	border-radius: 0;
	margin: 0;
	border: 0;
}
.BTN_CART span {
	display: inline-block;
}
.BTN_CART img {
	display: none;
}
.BTN_CART-MODAL {
	background-color: #C01F28 !important;
	color: #fff !important;
	padding: 5px 15px 5px !important;
	font-size: 16px !important;
	border-radius: 0;
	margin: 0;
	border: 0;
}
.BTN_CART-BLACK {
	background-color: #292929 !important;
	color: #fff !important;
	padding: 5px 15px 5px !important;
	font-size: 16px !important;
	border-radius: 0;
	margin: 0;
	border: 0;
}
.BTN_CART:hover, .BTN_CART:active, .BTN_CART:focus, 
.BTN_CART-MODAL:hover, .BTN_CART-MODAL:active, .BTN_CART-MODAL:focus {
	background-color: #b0301b;
	color: #fff;
}
.BTN_CART-BLACK:hover, .BTN_CART-BLACK:active, .BTN_CART-BLACK:focus {
	background-color: #292929;
	color: #fff;
}

@media screen and (max-width: 991px) {
	.BTN_CART span {
		display: none;
	}
	.BTN_CART img {
		display: inline-block;
	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.BTN_CART {
		font-size: 14px !important;
	}
	.BTN_CART span {
		display: inline-block;
	}
	.BTN_CART img {
		display: none;
	}
	.BTN_CART-MODAL, .BTN_CART-BLACK {
		font-size: 14px !important;
	}
	.product-subtract, .product-plus {
		font-size: 14px !important;
		line-height: 28px;
	}
	.product-subtract, .product-plus, .product-qty, .product-plus-cart {
		font-size: 17px !important;
	}
} 
@media screen and (max-width: 500px) {
	.BTN_CART {
		padding: 2px 20px 1px;
		font-size: 14px;
	}
	.BTN_CART span {
		display: inline-block;
	}
	.BTN_CART img {
		display: none;
	}
	.BTN_CART-MODAL, .BTN_CART-BLACK {
		font-size: 14px !important;
	}
}




.openLogin {
	background: rgba(0,0,0,0.3);
}
.openLogin .modal-dialog {
	max-width: 400px;
	margin-top: 30px;
}
@media screen and (min-width: 2080px) {
	.openLogin .modal-dialog {
		max-width: 600px;
		margin-top: 100px;
	}
}
.openLogin .modal-content {
	border-radius: 10px;
	background: #f0eced;
}
.openLogin .modal-header {
	border-bottom: 0;
	box-shadow: none;
	display: block !important;
	padding: 20px 20px;
	border-radius: 0;
}
.openLogin .modal-header button.close {
	padding: 0.5rem 0.5rem;
	font-size: 40px;
	color: #403e3f;
	line-height: 38px;
	background: transparent;
	opacity: 1;
	text-shadow: none;
	margin: -1rem -1rem -1rem auto;
	width: 45px;
	height: 45px;
}
.openLogin .modal-body {
	padding: 0px 20px 40px;
}
@media only screen and (max-width: 991px) {
	.openLogin .modal-dialog {
		max-width: 700px;
	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.openLogin {
		overflow: auto;
	}
	.openLogin .modal-dialog {
		max-width: 90%;
		margin-top: 0;
	}
}
@media screen and (max-width: 500px) {
	.openLogin {
		overflow: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	.openLogin .modal-dialog {
		margin-top: 0;
		max-width: 95%;
	}
	.openLogin .modal-header {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.openLogin .modal-body {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}



.openSearch {
	background: rgba(0,0,0,0.3);
}
.openSearch .modal-dialog {
	max-width: 500px;
	margin-top: 10%;
}
@media screen and (min-width: 2080px) {
	.openSearch .modal-dialog {
		max-width: 600px;
		margin-top: 10%;
	}
}
.openSearch .modal-content {
	border-radius: 10px;
	background: #b0301b;
}
.openSearch .modal-header button.close {
    padding: 0.5rem 0.5rem;
    font-size: 40px;
    color: #fff;
    line-height: 38px;
    background: transparent;
    opacity: 1;
    text-shadow: none;
    margin: -1rem -1rem -1rem auto;
    width: 45px;
    height: 45px;
}
.openSearch .modal-dialog .modal-body {
    padding: 0px 24px 16px;
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.openSearch {
		overflow: auto;
	}
	.openSearch .modal-dialog {
		max-width: 70%;
		margin-top: 0;
	}
}
@media screen and (max-width: 500px) {
	.openSearch {
		overflow: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	.openSearch .modal-dialog {
		margin-top: 50px;
		max-width: 95%;
	}
}




form [type="checkbox"]:checked, form [type="checkbox"]:not(:checked), form [type="radio"]:checked, form [type="radio"]:not(:checked){
	position: relative;
    left: auto;
    width: auto;
    height: auto;
    visibility: visible;
}
.checkbox:checked + label, .checkbox:not(:checked) + label{
	position: relative;
	width: 70px;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	margin: 17px 0;
	margin-top: 100px;
	height: 6px;
	border-radius: 4px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: 100 !important;
}
.checkbox:checked + label:before, .checkbox:not(:checked) + label:before {
	position: absolute;
	font-family: 'unicons';
	cursor: pointer;
	top: -17px;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.checkbox-tools, .checkbox-colore, .checkbox-importo, .checkbox-consegna {
	display: none;
}
.checkbox-tools:checked + label, .checkbox-tools:not(:checked) + label,
.checkbox-colore:checked + label, .checkbox-colore:not(:checked) + label,
.checkbox-importo:checked + label, .checkbox-importo:not(:checked) + label,
.checkbox-consegna:checked + label, .checkbox-consegna:not(:checked) + label{
	position: relative;
	display: inline-block;
	padding: 8px 8px 7px;
	width: 100%;
	font-size: 11px;
	line-height: 14px !important;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
	color: #5a3724;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
	border: 1px solid #fff;
}
.checkbox-tools:not(:checked) + label, .checkbox-importo:not(:checked) + label, .checkbox-consegna:not(:checked) + label {
	background-color: transparent;
	border: 1px solid #242426;
}
.checkbox-colore:not(:checked) + label{
	background-color: transparent;
	border: 0px solid #242426;
}
.checkbox-tools:checked + label, .checkbox-importo:checked + label, .checkbox-consegna:checked + label {
	background-color: rgba(176, 48, 27, 0.2);
	border: 1px solid rgba(176, 48, 27, 0.1);
}
.checkbox-colore:checked + label{
	border: 1px solid #242426;
}
.checkbox-tools:checked + label::before, .checkbox-tools:not(:checked) + label::before,
.checkbox-colore:checked + label::before, .checkbox-colore:not(:checked) + label::before,
.checkbox-importo:checked + label::before, .checkbox-importo:not(:checked) + label::before,
.checkbox-consegna:checked + label::before, .checkbox-consegna:not(:checked) + label::before,{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	z-index: -1;
}




/*MODAL ADDTOCART*/
.overlayCart {
	background: rgba(0,0,0,0.3);
}
.overlayCart .modal-dialog {
	max-width: 800px;
	margin-top: 30px;
}
@media screen and (min-width: 2080px) {
	.overlayCart .modal-dialog {
		max-width: 1000px;
		margin-top: 100px;
	}
}
.overlayCart .modal-content {
	border-radius: 0px;
    background: #fff;
	background-image: url(/assets/img/coffee-collapse.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border: 4px solid #C01F28;
}
.overlayCart .modal-header {
	border-bottom: 0;
	box-shadow: none;
	display: block !important;
	padding: 15px 50px;
	border-radius: 0px;
	margin-left: 1px;
    text-align: center;
}
.overlayCart .close {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    background: #C01F28;
    opacity: 1;
    text-shadow: none;
}
.overlayCart .modal-header button.close {
    margin: 0px;
    padding: 0px 3px;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
.overlayCart .modal-body {
	padding: 20px 50px 40px;
	color: #000;
}
@media only screen and (max-width: 991px) {
	.overlayCart .modal-dialog {
		max-width: 700px;
	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	.overlayCart {
		overflow: auto;
	}
	.overlayCart .modal-dialog {
		max-width: 90%;
		margin-top: 0;
	}
}
@media screen and (max-width: 500px) {
	.overlayCart {
		overflow: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	.overlayCart .modal-dialog {
		margin-top: 0;
		max-width: 95%;
	}
	.overlayCart .modal-header {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.overlayCart .modal-body {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}



.btn-login {
	background-color: #C01F28 !important;
	color: #fff;
	padding: 7px 15px;
	font-size: 16px !important;
	border-radius: 0;
	margin: 0;
	border: 0;
}
.btn-login:hover, .btn-login:active, .btn-login:focus {
	background-color: #C01F28;
	color: #fff;
}
#login:after {
	content: '';
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
    width: 1px;
    background: rgba(90,55,36,0.6);
}
@media screen and (max-width: 500px) {
	#login:after {
		display: none;
	}
}
.login-gp {
	border-radius: 0; 
	font-size: 16px; 
	padding: 7px 15px; 
	border: 1px solid #000; 
	color: #000 !important; 
	background-color: #fff;
	border-radius: 5px;
	margin: 0;
}
.login-gp:hover, .login-gp:active, .login-gp:focus {
	border-radius: 0; 
	font-size: 16px; 
	padding: 7px 15px; 
	border: 1px solid #000; 
	color: #000 !important; 
	background-color: #fff;
	border-radius: 5px;
	margin: 0;
}
.login-fb {
	border-radius: 0; 
	font-size: 16px; 
	padding: 7px 15px; 
	border: 1px solid #3e5b98; 
	color: #fff !important; 
	background-color: #3e5b98;
	border-radius: 5px;
	margin: 0;
}
.login-fb:hover, .login-fb:active, .login-fb:focus {
	border-radius: 0; 
	font-size: 16px; 
	padding: 7px 15px; 
	border: 1px solid #3e5b98; 
	color: #fff !important; 
	background-color: #3e5b98;
	border-radius: 5px;
	margin: 0;
}


.img-cart-product {
	max-width: 90%; 
	min-width: 60px;
}

table.cart thead tr th {
    color: #fff;
    font-weight: 400;
    font-size: 18px !important;
	text-align: left;
	font-family: 'Barlow Condensed', sans-serif;
}
table.cart tbody td {
	color: #fff !important;
	text-align: left;
}
table.cart tbody tr {
    border-bottom: 1px solid #666;
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
	table.cart tbody td {
		/*display: block;*/
		padding: .6rem;
		font-size: 12px;
	}
	table#cart tbody td:before {
		content: attr(data-th);
		font-weight: 400;
		display: block;
		font-family: 'Barlow Condensed', sans-serif;
	}
}
@media screen and (max-width: 600px) {
	table.cart thead { 
		display: none;
	}
	table.cart tbody td {
		display: block;
		padding: .6rem 0;
		font-size: 12px;
	}
	table.cart tbody tr td:first-child {
		/*color: #fff;*/
	}
	table.cart tbody td:before {
		content: attr(data-th);
		font-weight: 400;
		display: block;
		font-family: 'Barlow Condensed', sans-serif;
	}
	
	table.table-prices thead, table.table-prices tbody { 
		display: table-row-group !important;
	}
	table.table-prices tbody td {
		display: table-cell;
		font-size: 12px;
	}
	table.table-prices tbody td.sconto {
		display: table-cell;
	}
	table.table-prices tbody td.sconto-prezzo {
		display: table-cell;
	}
}

@media screen and (max-width: 600px) {
	.btn-grey-pezzi {
		padding: 7px 5px;
		font-size: 11px;
	}
}


.price-filter label {
	color: #5a3724;
	display: block;
	padding-left: 0px !important;
}
.filter-card-black .price-filter label {
	color: #fff;
}
.price-filter .form-control {
	color: #fff;
	font-size: 12px;
	width: 100% !important; 
	text-indent: 0;
	margin-top: 0;
}
.price-filter .form-control::placeholder {
	color: #5a3724;
	font-size: 12px;
	line-height: 12px !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.price-filter .form-control {
		font-size: 12px;
		line-height: 12px !important;
	}
	.price-filter .form-control::placeholder {
		font-size: 12px;
		line-height: 12px !important;
	}
}
.price-filter .form-control::-ms-input-placeholder {
	color: #5a3724;
}
.filter-card-black .price-filter .form-control::placeholder {
	color: #fff;
}
.price-filter input[type=number], .price-filter input[type=text] {
	border: 1px solid #242426;
	border-radius: 5px;
	max-height: 25px;
	background-color: transparent;
	color: #5a3724;
	box-sizing: border-box;
	width: 100% !important;
}
.filter-card-black .price-filter input[type=number], .filter-card-black .price-filter input[type=text] {
	border: 1px solid #fff;
	color: #fff;
}
.price-filter input[type=number]:focus:not([readonly]), .price-filter input[type=text]:focus:not([readonly]) {
	border: 1px solid #b0301b;
}

@media screen and (max-width: 991px) {
	#filter-prod .card-collapse .card-header a {
		font-size: 13px;
	}
	#filter-prod .card-collapse .card-body .card-header a {
		font-size: 13px;
	}
}


.search {
	background-color: transparent;
}
.search .input-group-prepend .btn {
	box-sizing: border-box !important;
	border: 0;
	border-right: 0;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	min-height: 30px;
	background-color: #fff;
	color: #5a3724;
	margin-bottom: 0;
}
.search .form-control {
	box-sizing: border-box !important;
	border: 0;
	border-left: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	min-height: 30px;
	background-color: #fff;
	color: #5a3724 !important;
	margin: 0;
	font-family: 'SevenOneEight-ExtraBold';
}
.search input[type=text]:focus:not([readonly]) {
	border: 0;
	border-left: 0;
	background-color: #fff;
}
.search .form-control::placeholder {
	color: #5a3724;
	font-family: 'SevenOneEight-ExtraBold';
	line-height: 24px !important;
}
.search .form-control::-ms-input-placeholder {
	color: #5a3724;
}










.cart-side {
	margin: 0 !important;
}
.cart-side .filter-card {
	border-radius: 10px !important;
	height: max-content !important;
}
.cart-side .card {
	transition: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	border-radius: 0 !important;
}
.cart-side .card:hover, .cart-side .card.card-refine:hover, .cart-side .card:not(.card-plain):hover {
	transition: none !important;
	transform: none !important;
	box-shadow: none !important;
}
.cart-side .card .card-body {
	padding: 5px 0px !important;
}
.cart-side .card .card-body .apply-filter a {
	padding: 3px 15px 2px;
	background-color: transparent;
	color: #5a3724 !important;
	font-size: 13px !important;
	border-radius: 5px;
	border: 1px solid #242426;
	margin: 0;
	display: inline-block;
	font-family: 'SevenOneEight-ExtraBold';
}
.cart-side .card.card-plain {
	border: 1px solid #a0a0a0;
}
.cart-side label {
	color: #5a3724;
	display: block;
	text-indent: 0px;
	font-size: 15px;
	line-height: 18px;
}
.cart-side .form-control {
	color: #5a3724;
	font-size: 13px;
	width: 100% !important; 
	text-indent: 5px;
	margin-top: 0;
}
.cart-side .form-control::placeholder {
	color: #5a3724;
	visibility: hidden;
	font-size: 12px;
	line-height: 11px !important;
}
.cart-side .form-control input::-webkit-input-placeholder {
    visibility: hidden;
}
.cart-side input[type=text] {
	border: 1px solid #242426;
	border-radius: 5px;
	height: 27px;
	background-color: transparent;
	color: #5a3724;
	box-sizing: border-box;
	width: 100% !important;
}
.cart-side input[type=text]:focus:not([readonly]) {
	border: 1px solid #b0301b;
}


#note .card-collapse .card-header {
	padding: 7px 0px;
	border-bottom: none;
	border-top: 1px solid #242426;
}
#note .card-collapse .card-body {
	padding: 5px 0px;
}
#note .card-collapse .card-header a:hover, #filter-prod .card-collapse .card-header a:active, #filter-prod .card-collapse .card-header a[aria-expanded="true"] {
	color: #5a3724;
}
#note .card-collapse .card-header a {
	font-size: 16px;
	color: #5a3724;
	font-weight: initial;
}
#note .card-collapse .card-header a:after {
	float: right;
	position: relative;
	display: inline-block;
	color: #242426 !important;
	font-weight: 300;
	font-size: 16px;
	font-family: 'FontAwesome';
	content: "\f0d7";
	line-height: 16px;
	margin-right: 5px;
}
#note .card-header a[aria-expanded=true]:after {
	font-size: 16px;
	font-family: 'FontAwesome';
	content: "\f0d8";
	line-height: 16px;
}
#note .card-collapse .card-header a i {
	top: -4px;
}
#note .card-collapse .card-body .card-header {
	border-bottom: none;
}
#note .card-collapse .card-body .card-header a {
	font-size: 14px;
	font-weight: 500;
}
#note .card-collapse .card-body .card-body label, .card-collapse .card-body label {
	font-size: 13px !important;
	color: #5a3724;
	line-height: 19px;
	padding-left: 20px;
}
#note .card .card-header {
	background: transparent !important;
}
#note .card.card-plain {
	border: 1px solid #a0a0a0;
}


.show-prices {
	cursor: pointer;
	color: #C01F28 !important;
	font-weight: 600;
	text-decoration: underline !important;
	display: inline-block;
}




