/*MAIN SETTINGS*/

html,body {
	margin:0;
	padding:0;
	font: 100% 'Titillium Web', sans-serif;
	color: #405064;
	background-color:#fff;
	font-size: 18px;
}

#main-container {
	min-height:100%;
	position: absolute;
	width: 100%;
	background-color: #ebebeb;
}

#body-container .container{
	position:relative;
	margin:0 auto;
	width:1200px;
	overflow:hidden;
	padding:100px 30px 74px;
}

@media only screen and (max-width: 1280px) {
	#body-container .container{
		width:100%;
	}
}

@media only screen and (max-width: 960px) {
	#body-container .container{
		padding:80px 20px 45px;
		transition: 0.3s ease;
	}
}


/* GENERAL SETTINGS */
*, *::before, *::after {
    box-sizing: border-box;
}

a {
	text-decoration:none;
	outline:none;
}

img {
	border:0;
}

p {
	padding:0;
	margin:0 0 20px 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 20px;
	font-weight: 700;
	line-height: 1.2em;
}

hr {
    border: 0;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}


.mr0 {
    margin-right: 0px !important;
}

.border-bottom {
    border-bottom: solid 1px #ccc;
}

/* INPUTS AND BUTTONS */
input {
	border: 0;
    font-size: 1.1em;
	font-weight: 300;
    letter-spacing: 0.05em;
    color: #064870;
    outline: none;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    background: #fff;
	padding: 0 20px;
	font-family: 'Titillium Web', sans-serif;
}

input::placeholder {
	opacity:0.5;
}

textarea {
	display:block;
	width: 100%;
	font-family: 'Titillium Web', sans-serif;
	padding: 15px;
	margin-bottom: 40px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	min-height: 140px;
	font-size: 0.9em;
	color: #064870;
	outline: none;
    border: 0;
}

textarea::placeholder {
	color: #999;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../img/icon-arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right center;
	color: #064870;
	border: 0 none;
	height: 50px;
	line-height: 50px;
	font-size: 1.0em;
	padding: 0 25px 0 20px;
    outline: none;
    -webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

select option {
    outline: none;
}

select option::after {
	background-color: #064870;
	color:#fff;
}

.checkbox-style {
	-webkit-appearance: none;
	appearance: none;
	width: 18px !important;
	height: 18px;
	cursor: pointer;
	vertical-align:middle;
	background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
	outline: none;
	margin: 0 10px 0 0 !important;
    padding: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.checkbox-style:checked {
	background-image: url(../img/icon-checkbox-checked.svg);
}

.alert {
	display: block;
	color: #fff;
	padding: 20px 20px 20px 68px;
	background-position: 20px center;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	text-align: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    line-height: 1.2em;
}

.alert.error {
	background-image: url(../img/icon-alert-error.svg);
	background-color: #F35844;
}

.alert.valid {
	background-image: url(../img/icon-alert-valid.svg);
	background-color: #00AEA8;
}

.button {
	background-color: #f49228;
	color: #fff;
    text-transform: uppercase;
    padding: 0 30px;
    font-size: 1.0em;
	font-weight: 600;
    letter-spacing: 0.2em;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin-bottom: 40px;
	transition:all 0.2s ease;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	outline: none;
}

.button:hover {
	background-color: #f7a24d;
}

.top-button {
	text-transform: uppercase;
    width: 100%;
    display: block;
    margin-bottom: 40px;
    color: #064870;
    text-align: center;
	font-size: 0.9em;
	font-weight: 600;
}

.top-button:hover {
	opacity:0.8;
}

.top-button::before {
	background-image: url(../img/icon-arrow-left.svg);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 24px;
    transform: rotate(90deg);
    width: 36px;
    height: 18px;
    display: inline-block;
    content: "";
}

.top-button::after {
	content:"torna su";
	display: block;
}

/* Alerts */
.notifyjs-bootstrap-success {
	color: #fff !important;
	background-color: #f7a24d !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 0.9em !important;
    text-transform: uppercase;
    font-weight: 600 !important;
	padding: 20px 30px !important;
	background-image: none !important;
	border: 0 none !important;
	text-shadow: none !important;
	letter-spacing: 0.05em !important;
}

/* Popup Settings */
.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
	background-color: #405064 !important;
    opacity: 0.8 !important;
}

.jconfirm .jconfirm-box-container {
	animation: none !important;
	transform: none !important;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
	width: 300px;
    text-align: center;
	color: #405064;
	background-color: #fff;
	box-shadow: none !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	font-size: 1.0em !important;
    line-height: 1.2em;
	font-weight: bold;
	padding: 10px 0 20px;
	color: #f7a24d;
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
	width: 100%;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
	padding-bottom: 0 !important;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
	font-size: 0.85em;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content a {
	color:#fff;
	font-weight: bold;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content a:hover {
	opacity: 0.8;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
	display:block;
	width: 100%;
	text-align: center;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
	background-color: #f49228 !important;
    color: #fff;
    text-transform: uppercase;
    padding: 0 30px;
    font-size: 1.0em !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    transition: all 0.2s ease;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    outline: none !important;
	display: inline-block;
	width: 70%;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
	background-color: #f7a24d !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
	color:#fff !important;
}

/* Credits */
#main-container.credits {
	color: #fff;
	background-color:#405064;
	padding-bottom: 80px;
	transition:height 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;

	animation-direction: normal;

	animation-duration:8s;
	animation-iteration-count: infinite;
	animation-name: bgdcolor;
	animation-play-state: running;
	animation-fill-mode: forwards;
	animation-timing-function: ease;

	-webkit-animation-direction: normal;
	-webkit-animation-duration:8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: bgdcolor;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease;
}

#main-container.credits footer .signature.white {
	display: inline-block;
}

#main-container.credits footer ul.footer-nav li a {
    color:#fff;
}

#main-container.credits footer .signature.blue {
	display: none;
}

.credits .credit-box {
	width: 800px;
	text-align: center;
}

.credits .credit-box .credit-img {
	height: 80px;
	margin-bottom: 40px;
	transition: 0.3s ease;
	margin-top: 40px;
}

.credits .credit-box h1 {
	margin-bottom: 10px;
	/*color:#F08F0F;*/
	font-size: 1.4em;
}

.credits .credit-box h2 {
	/*color:#F08F0F;*/
	font-weight: 300;
	font-size: 1.2em;
	margin-bottom: 40px;
}

.credits .credit-box p {
	font-size: 0.9em;
	text-align: left;
}

.credits .credit-box ul {
	font-size: 0.9em;
	text-align: left;
}

.credits .credit-box a {
	font-weight: bold;
	color: #fff;
}

.credits .credit-box a:hover {
	opacity: 0.8;
}

.credits .credit-box hr {
	border: 0 none;
	border-bottom: solid 1px #fff;
	margin-bottom: 40px;
}

@media only screen and (max-width: 960px) {
	.credits .credit-box {
		width: 100%;
		margin: 0 30px;
	}

	.credits .credit-box .credit-img {
		height: 60px;
	}
}

/* ---------------------- FOOTER ---------------------- */
footer {
	position:absolute;
	bottom: 0;
	width: 100%;
}

footer .signature {
	float: left;
    margin-left: 30px;
	margin-bottom: 30px;
	height: 24px;
	transition: 0.3s ease;
}

footer .signature.white {
	display: none;
}

footer .signature:hover {
	opacity:0.8;
}

footer ul.footer-nav {
    list-style: none;
    margin: 0 30px 0 0;
    padding: 0;
    float: right;
}

footer ul.footer-nav li {
   display: inline;
}

footer ul.footer-nav li a {
    color: #405064;
    margin: 0 0 0 20px;
    font-size: 0.9em;
    font-weight: normal;
}

footer ul.footer-nav li a:hover{
    opacity:0.8;
}


@media only screen and (max-width: 960px) {
	footer .signature {
		height: 18px;
		margin-bottom: 20px;
	}
}

/* ---------------------- HEADER ---------------------- */
header {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 0 30px;
	background-color:#405064;
	z-index: 100;
	height: 80px;
}

header .head-container {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	/*border-bottom: solid 1px #ccc;*/
	/*background-color: rgba(255,255,255,1.0);*/
}

header .head-logo {
	max-height: 34px;
	height: 34px;
	display: block;
    transition: all 0.3s ease;
}

header .head-logo:hover {
	opacity:0.7;
}

header .logo-container {
	float: left;
    display: flex;
    align-items: center;
    height: 100%;
}

.sticky {
	max-height: 60px !important;
	height:60px;
}

.sticky .head-logo {
	max-height: 40px;
}

@media only screen and (max-width: 960px) {
	header {
		height:60px;
		padding: 0 20px;
	}

	header .head-logo {
		max-height: 40px;
		margin: 12px 0;
		max-width: 100px;
	}
}

header .cart-preview {
	float:right;
	display: flex;
    height: 100%;
	align-items: center;
}

header .cart-preview:hover .total-price {
	color:#f7a24d;
	text-shadow: 0 0 10px rgba(244,146,40,1);
}

header .cart-preview:hover .icon-cart .amount {
	background-color:#f7a24d;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
	box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
}

header .cart-preview .total-price {
	color: #F08F0F;
    font-weight: 700;
    margin-right: 10px;
    font-size: 20px;
}

header .cart-preview .icon-cart {
	width: 26px;
	height: 26px;
	background-image: url(../img/icon-cart.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}

header .cart-preview .icon-cart .amount {
	position: absolute;
	top: -4px;
	right: -8px;
	height: 16px;
	min-width: 16px;
	background-color: #F08F0F;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	text-align: center;
	line-height: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 5px;
}

#toggle {
    display: none;
}

.toggle {
    cursor: pointer;
    float: left;
    display: flex;
    z-index: 50;
    width: 26px;
	height: 100%;
	background-image: url(../img/icon-list.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    margin-right: 20px;
}

.toggle:hover {
    opacity: 0.8;
}

#toggle:checked ~ .nav li {
    opacity: 1;
}

.toggle::after {
    box-sizing: border-box;
    content: "";
    float: left;
    height: 100%;
    width: 50px;
}

.toggle:hover::after {
}

#toggle:checked + .toggle::after {
    content: "";
}

header .nav {
    position:fixed;
    z-index:9999;
    width: 100%;
    top:80px;
    display:none;
    max-height: 0px;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #17222f;
}

.sticky .nav {
	top: 60px;
}

#toggle:checked ~ .nav {
    display: block;
    left: 0;
    max-height: 2000px;
}

header .nav li{
    width:100%;
    float:left;
    background-color: transparent;
    padding: 0 20px;
}

header .nav li a{
    width: 100%;
    display: block;
    line-height: 60px;
    border-bottom: solid 1px #405064;
    color: #fff;
    font-weight: 600;
    outline: none;
    padding-left: 30px;
    background-position: left center;
    background-size: 16px;
    background-repeat: no-repeat;
}

header .nav li a.pin {
    background-image: url(../img/icon-nav-pin.svg);
}

header .nav li a.time {
    background-image: url(../img/icon-nav-time.svg);
}

header .nav li a.logout {
    background-image: url(../img/icon-nav-logout.svg);
}

header .nav li a.logout {
    font-weight: normal;
    color: #F08F0F;
}

@media only screen and (max-width: 960px) {
    header .nav {
        top: 60px;
    }
}

/* ---------------------- LOGIN ---------------------- */

#main-container.login {
	color: #fff;
	background-color:#405064;
	padding-bottom: 80px;
	transition:height 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;

	animation-direction: normal;

	animation-duration:8s;
	animation-iteration-count: infinite;
	animation-name: bgdcolor;
	animation-play-state: running;
	animation-fill-mode: forwards;
	animation-timing-function: ease;

	-webkit-animation-direction: normal;
	-webkit-animation-duration:8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: bgdcolor;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease;
}

#main-container.login footer .signature.white {
	display: inline-block;
}

#main-container.login footer ul.footer-nav li a {
    color:#fff;
}

#main-container.login footer .signature.blue {
	display: none;
}

.login .login-box {
	width: 400px;
	text-align: center;
	animation: entrata 1.5s ease;
}

@keyframes entrata {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

.login .login-box .splash-img{
	height: 60px;
	opacity: 0;
	animation: dissolvenza 4s;
	animation-iteration-count: 1;
}

@keyframes dissolvenza {
	0% {
		opacity:0;
	}
	40% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

.login .login-box .login-img{
	height: 40px;
	margin-bottom: 60px;
	transition: 0.3s ease;
	margin-top: 20px;
}

.login .login-box .non-disponibile{
	height: 36px;
    display: block;
    transition: 0.3s ease;
    margin: 0 auto 10px;
}

.login .login-box .loading {
	height: 36px;
    display: block;
    transition: 0.2s ease;
    margin: 0 auto 10px;
	-webkit-animation: rotating 1.5s linear infinite;
	-moz-animation: rotating 1.5s linear infinite;
	-ms-animation: rotating 1.5s linear infinite;
	-o-animation: rotating 1.5s linear infinite;
	animation: rotating 1.5s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.login .login-box h1 {
	font-size: 1.4em;
	color: #F08F0F;
	margin-bottom: 5px;
}

.login .login-box h2 {
	font-weight: 400;
	font-size: 1.2em;
	margin-bottom: 40px;
}

.login .login-box input{
	width: 100%;
	display: block;
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 1.0);
	text-align: center;
}

.login .login-box input::placeholder{
	color: rgba(255, 255, 255, 0.6);
}

.login .login-box .actions-box {
	display:inline-block;
	width: 100%;
	align-content: center;
	margin-top: 20px;
}

.login .login-box .button {
	display: inline-block;
}

.login .login-box .button:hover {
	background-color: #f7a24d;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
	box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
}


@media only screen and (max-width: 960px) {
	.login .login-box .login-img{
		height: 30px;
		margin-bottom: 40px;
	}

		.login .login-box h1 {
		font-size: 1.3em;
	}

	.login .login-box h2 {
		font-size: 1.1em;
	}
}

@media only screen and (max-width: 480px) {
	.login .login-box {
		width: 100%;
		padding: 30px;
	}

	.login .login-box .actions-box {
		display:inline-block;
	}
}

/* MAIN MENU */
.top-logo {
	display: block;
    margin: 30px 0 40px;
    text-align: center;
    width: 100%;
}

.top-logo img {
	display: inline-block;
	width: 150px;
}


.top-search {
    margin: 20px auto 40px;
    width: 60%;
	transition: all 0.2s ease;
	display: flex;
    justify-content: space-between;
}

.top-search .top-search-form {
	flex: 1 0;
	width: auto;
	margin-right: 10px;
}

.top-search .search-input {
	width: 100%;
}

.top-search .search-button {
	display: flex;
	align-items: flex-end;
	background-color: #f49228;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/icon-search-white.svg);
	background-size: 18px;
    height: 50px;
    margin: 0;
    width: 50px;
	min-width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	transition: 0.3s ease;
	outline: none;
}

.top-search .search-button:hover {
	background-color: #f7a24d;
}

@media only screen and (max-width: 960px) {
	.top-search {
		width: 80%;
	}
}

@media only screen and (max-width: 720px) {
	.top-search {
		width: 100%;
	}
}

.main-menu-title {
	display: flex;
    width: 100%;
    font-size: 1.1em;
    text-align: left;
    align-items: center;
    justify-content: left;
}

.main-menu-title .back-arrow {
	background-image: url(../img/icon-arrow-left.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px;
    height: 48px;
    display: flex;
    align-items: center;
    padding-left: 12px;
    margin-right: 20px;
}

.main-menu-title .back-arrow:hover {
	opacity:0.8;
}

.main-menu-title .back-arrow::after {
    content: "indietro";
    display: inline-block;
    color: #405064;
    font-weight: normal;
    font-size: 0.8em;
}

.main-menu-table {
    display: block;
    width: 100%;
    font-size: 1.1em;
    text-align: center;
    font-weight: 700;
}

.category-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 30px;
	padding: 0;
}

.category-list li {
	display: flex;
	padding: 0 5px 10px;
	width: 25%;
	float: left;
	transition: all 0.2s ease;
}

.category-list li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	color: #064870;
	display: flex;
	width: 100%;
	justify-content: center;
	padding: 20px;
	align-items: center;
	font-size: 1.1em;
	font-weight: 600;
	transition: all 0.2s ease;
}

@media only screen and (max-width: 960px) {
	.category-list li a {
		font-size: 1em;
	}
}

@media only screen and (max-width: 760px) {
	.category-list li {
		width: 33.33%;
	}
}

@media only screen and (max-width: 560px) {
	.category-list li {
		width: 50%;
	}
}

@media only screen and (max-width: 360px) {
	.category-list li {
		width: 100%;
		padding: 0 0 10px;
	}
}

.product-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 30px;
	padding: 0;
}

.product-list li {
	padding: 0 5px 10px;
	float: left;
	transition: all 0.2s ease;
	width: 50%;
}

.product-list li .product {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
	color: #064870;
	width: 100%;
	overflow: hidden;
	transition: all 0.2s ease;
	position: relative;
}

.product-list li .product .img-container {
	position: relative;
	transition: all 0.2s ease;
}

.product-list li .product .img-container .img-content {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.product-list li .product .text-container {
	padding: 15px 20px 10px;
}

.product-list li .product .text-container .product-name {
	font-weight: 600;
    color: #F08F0F;
    display: block;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.product-list li .product .text-container p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.product-list li .product .item-actions {
	display:block;
	overflow: hidden;
	width: 100%;
}

.product-list li .product .item-actions .quantita {
	float:left;
}

.product-list li .product .item-actions .quantita .icon-arrow {
	float:left;
	display: block;
	width: 30px;
	height: 40px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 28px;
	background-image: url(../img/icon-arrow-left.svg);
}

.product-list li .product .item-actions .quantita .icon-arrow.right {
	transform: rotate(180deg);
}

.product-list li .product .item-actions .quantita .icon-arrow:hover {
	opacity: 0.8;
}

.product-list li .product .item-actions .quantita .numerazione {
	float:left;
	font-weight: 600;
    color: #F08F0F;
	height: 40px;
	width: 20px;
	line-height: 40px;
	text-align: center;
}

.product-list li .product .item-actions .price {
	font-weight: 600;
	float: right;
	font-size: 1.2em;
	line-height: 40px;
	height: 40px;
}

.product-list li .product .item-actions .button-container {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.product-list li .product .item-actions .button-add {
	background-color: #f49228;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/icon-add.svg);
    background-size: 18px;
    height: 40px;
    margin: 0;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.3s ease;
    outline: none;
	position: absolute;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.product-list li .product .item-actions .add-button {
    display: inline-block;
    margin: 10px auto;
    transition: all 0.2s ease;
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    font-size: 0.8em;
    letter-spacing: 0.12em;
}

.product-list li .product .item-actions .add-button::after {
    content:"Aggiungi";
}

.product-list li .product .item-actions .button-add:hover {
    background-color: #f7a24d;
}

@media only screen and (max-width: 960px) {
	.product-list li .product .text-container .product-name {
		margin-bottom: 5px;
	}

	.product-list li .product .text-container p {
		font-size: 0.8em;
	}
}

@media only screen and (max-width: 420px) {
	.product-list li .product .text-container p {
		font-size: 0.7em;
	}
}

/* product vertical view */
.product-list.vertical-view li {
		width: 25%;
		display: flex;
	}

.product-list.vertical-view li .product .img-container {
	width: 100%;
	display: block;
	transition: all 0.2s ease;
}

.product-list.vertical-view li .product .img-container:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.product-list.vertical-view li .product .text-container {
	display:block;
}

.product-list.vertical-view li .product .item-actions .button-add {
	top: 5px;
	right: 5px;
}

@media only screen and (max-width: 960px) {
	.product-list.vertical-view li {
		width: 33.33%;
	}

	.product-list.vertical-view li .product .text-container {
		padding: 10px 10px 10px;
	}

	.product-list li .product .item-actions .price {
		font-size: 1.0em;
	}
}

@media only screen and (max-width: 620px) {
	.product-list.vertical-view li {
		width: 50%;
	}
}

@media only screen and (max-width: 420px) {
	.product-list li .product .item-actions .quantita .icon-arrow {
		width: 20px;
		background-size: 18px;
	}

	.product-list li .product .item-actions .price {
		font-size: 0.8em;
	}
}

/* product horizzontal view */
.product-list.horizzontal-view {
	margin-bottom: 10px;
}

.product-list.horizzontal-view li {
	display: inline-flex;
}

.product-list.horizzontal-view li .product .img-container {
	float: right;
	height: 100%;
	width: 8em;
}

.product-list.horizzontal-view li .product .img-container:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}

.product-list.horizzontal-view li .product .text-container {
	overflow: hidden;
	padding: 15px 20px 5px;
}

.product-list.horizzontal-view li .product .item-actions {
	display: block;
}

.product-list.horizzontal-view li .product .item-actions .button-add {
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
}

.product-list.horizzontal-view li .product .item-actions .price {
		font-size: 1.1em;
	}

@media only screen and (max-width: 960px) {
	.product-list.horizzontal-view li .product .img-container {
		width: 7em;
	}
}

@media only screen and (max-width: 760px) {
	.product-list.horizzontal-view li {
		width: 100%;
		padding: 0 0 10px;
	}
}

@media only screen and (max-width: 520px) {
	.product-list.horizzontal-view li .product .img-container {
		width: 4em;
	}
}


/* CART */
.cart-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 30px;
	padding: 20px 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
}

.cart-list li {
	padding: 10px 5px 10px;
    transition: all 0.2s ease;
    width: 100%;
    border-bottom: solid 1px #ccc;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-list li:nth-child(2) {
	border-top: solid 1px #ccc;
}

.cart-list li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.cart-list li .product-name {
	font-weight: 600;
    color: #F08F0F;
    display: block;
    margin-bottom: 5px;
    line-height: 1.2em;
}

.cart-list li .item-info {
	display:block;
	overflow: hidden;
	width: auto;
	flex: 1 0;
}

.cart-list li .item-info .quantita {
	float:left;
	margin-right: 20px;
}

.cart-list li .item-info .quantita .icon-arrow {
	float:left;
	display: block;
	width: 30px;
	height: 40px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 28px;
	background-image: url(../img/icon-arrow-left.svg);
}

.cart-list li .item-info .quantita .icon-arrow.right {
	transform: rotate(180deg);
}

.cart-list li .item-actions .quantita .icon-arrow:hover {
	opacity: 0.8;
}

.cart-list li .item-info .quantita .numerazione {
	float:left;
	font-weight: 600;
    color: #F08F0F;
	height: 40px;
	width: 20px;
	line-height: 40px;
	text-align: center;
}

.cart-list li .item-info .price {
	font-weight: 600;
	float: left;
	font-size: 1.0em;
	line-height: 40px;
	height: 40px;
}

.cart-list li .button-delete {
	display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/icon-delete.svg);
    background-size: 18px;
    height: 40px;
    margin: 0;
    width: 40px;
    transition: 0.3s ease;
    outline: none;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	background-color: #ebebeb;
}

.cart-list li .button-delete:hover {
    opacity: 0.8;
}

.cart-list li.totale {
	display: block;
	text-align: center;
}

.cart-list li.totale .item-info {
	display: block;
	margin-bottom: 10px;
}

.cart-list .remove-cart {
    display: block;
    text-align: right;
    margin-bottom: 10px;
    width: 100%;
}

.cart-list .remove-cart a{
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/icon-delete.svg);
    background-size: 18px;
    padding-left: 20px;
    color: #405064;
    font-size: 0.8em;
    line-height: 18px;
    display: inline-block;
}

.cart-list .remove-cart a:hover {
    opacity: 0.8;
}

.cart-list .textarea-container {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
}

.cart-list .textarea-container textarea {
    border:solid 1px #ccc;
}

.cart-list li.totale .item-info .product-name, .cart-list li.totale .item-info .price {
	float: none;
	margin-bottom: 0;
	display: inline;
	margin: 0 5px;
}

.cart-list li .button {
	margin-bottom: 20px;

}

@media only screen and (max-width: 420px) {

}

/* LOGIN CLIENTI */
.login-clienti .login-box {
	width: 400px;
	text-align: center;
	animation: entrata 1.5s ease;
    margin: 0 auto;
    padding: 30px 0;
}

.login-clienti .log-image{
	height: 36px;
    display: block;
    transition: 0.3s ease;
    margin: 0 auto 10px;
}

.login-clienti h1 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

.login-clienti h2 {
	font-weight: 400;
	font-size: 1.2em;
	margin-bottom: 40px;
}

.login-clienti input, .login-clienti select{
	width: 100%;
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.login-clienti .login-box .actions-box {
	display:inline-block;
	width: 100%;
	align-content: center;
	margin: 20px 0;
}

.login-clienti .login-box .button {
	display: inline-block;
}

.login-clienti .login-box .button:hover {
	background-color: #f7a24d;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
	box-shadow: 0px 0px 10px 0px rgba(244,146,40,1);
}

.login-clienti .button.social-access {
    font-size: 0.5em;
    text-align: left;
    margin: 0 10px 20px;
    line-height: 15px;
    padding: 10px 30px 10px 50px;
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 24px;
}

.login-clienti .button.social-access strong {
    font-size: 1.7em;
    display: block;
}

.login-clienti .button.social-access.fb {
    background-color: #5270A4;
    background-image: url(../img/icon-btn-facebook.svg);
}

.login-clienti .button.social-access.fb:hover {
	background-color: #678CC1;
	-webkit-box-shadow: 0px 0px 10px 0px #5270A4;
	-moz-box-shadow: 0px 0px 10px 0px #5270A4;
	box-shadow: 0px 0px 10px 0px #5270A4;
}

.login-clienti .button.social-access.google {
    background-color: #BB413E;
    background-image: url(../img/icon-btn-google.svg);
}

.login-clienti .button.social-access.google:hover {
	background-color: #E25454;
	-webkit-box-shadow: 0px 0px 10px 0px #BB413E;
	-moz-box-shadow: 0px 0px 10px 0px #BB413E;
	box-shadow: 0px 0px 10px 0px #BB413E;
}


@media only screen and (max-width: 960px) {
	.login-clienti h1 {
		font-size: 1.3em;
	}

	.login-clienti h2 {
		font-size: 1.0em;
	}
}

@media only screen and (max-width: 480px) {
	.login-clienti .login-box {
		width: 100%;
		padding: 30px;
	}

	.login-clienti .login-box .actions-box {
		display:inline-block;
	}

    .login-clienti .login-box .actions-box .half {
		width: 100% !important;
	}

	.login-clienti .login-box .actions-box .half.links {
		text-align: center !important;
	}

	.login-clienti .login-box .actions-box .input-box, .login-clienti .login-box .actions-box .half.links a {
		justify-content: center;
	}
}

.login-clienti .login-box .actions-box .half {
	float: left;
	width: 50%;
	transition: 0.3s ease;
}

.login-clienti .login-box .actions-box .half.links {
	color:#405064;
	font-size: 0.9em;
	text-align: left;
    margin-bottom: 20px;
}

.login-clienti .login-box .actions-box .half.links a {
	color:#405064;
	display: flex;
    width: 100%;
    align-items: center;
	margin-bottom: 10px;
}

.login-clienti .login-box .actions-box .half.links a:hover {
	opacity: 0.8;
}

.login-clienti .login-box .actions-box .half.links a:last-child {
	margin-bottom:0;
}

.login-clienti .login-box .actions-box .half.links a .ico-img {
    margin-right: 10px;
    width: 18px;
}

.login-clienti .login-box .actions-box .input-box {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.animazione-dissolvenza {
	animation: entrata-uscita 3.0s ease;
}

@keyframes entrata-uscita {
	0% {
		opacity:0;
	}
    15% {
		opacity:1;
	}
    85% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

.login-clienti .registrazione {
    text-align: center;
    animation: entrata 1.5s ease;
    margin: 0 auto;
    padding: 30px 0;
    transition: 0.2s ease;
}

@media only screen and (max-width: 1280px) {
	.login-clienti .registrazione {
		padding: 30px;
	}
}

.login-clienti .registrazione .input-box {
    float:left;
    width: 50%;
    transition: 0.2s ease;
}

.login-clienti .registrazione .input-container .input-box:nth-child(odd) {
    padding-right: 20px;
}

.login-clienti .registrazione .input-container .input-box:nth-child(even) {
    padding-left: 20px;
}

@media only screen and (max-width: 680px) {
	.login-clienti .registrazione .input-box {
        width: 100%;
        padding: 0 !important;
    }
}

.login-clienti .registrazione .input-container {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
    margin-bottom: 20px;
}

.login-clienti .registrazione .actions-box {
    display: inline-block;
    width: 100%;
    align-content: center;
    margin: 20px 0;
}

.login-clienti .registrazione .actions-box .check-box {
    align-items: center;
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
}

.login-clienti .registrazione .actions-box .check-box input{
    float: none;
    flex: none;
}

.login-clienti .registrazione .actions-box .check-box label {
    text-align: left;
    font-size: 0.9em;
}

.login-clienti .registrazione .actions-box .check-box a {
    font-weight: bold;
    color: #405064;
}

.login-clienti .registrazione .actions-box .check-box a:hover {
    opacity: 0.8;
}

/* TEXT PAGE */
.text-page a {
    color: #F08F0F;
    font-weight: bold;
}

.text-page a:hover {
    opacity: 0.8;
}

.text-page .table-container {
    overflow-x: auto;
}

.text-page table {
    border-collapse: collapse;
}

.text-page table td {
    padding: 10px;
}

.text-page table tr:nth-child(odd), .text-page table tbody tr:nth-child(odd) {
	background-color: #dbdbdb;
}

.text-page table tr:nth-child(even), .text-page table tbody tr:nth-child(even) {
	background-color: #e3e3e3;
}

/* DASHBOARD */
.top-search.dashboard {
    width: 100%;
    background-color: #dfdfdf;
    padding: 20px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    transition: 0.2s ease;
}

.top-search.dashboard .top-search-form {
	flex: 1 0;
	width: auto;
	margin-right: 10px;
    display: flex;
}

.top-search.dashboard .top-search-form .search-input {
	flex: 1 0;
	width: auto;
	margin-right: 10px;
}

@media only screen and (max-width: 640px) {
    .top-search.dashboard {
        display: block;
        text-align: center;
    }

    .top-search.dashboard .top-search-form {
        flex: none;
        margin-right: 0;
        display: block;
        width: 100%;
    }

	.top-search.dashboard .top-search-form .search-input {
        flex: none;
        width: 100%;
        margin:0 0 20px;
    }

    .top-search.dashboard .search-button {
        display: inline-block;
        font-size: 1.1em;
        font-weight: 300;
        letter-spacing: 0.05em;
        color: #fff;
        line-height: 50px;
        width: auto;
        padding: 0 30px 0 60px;
        background-position: 30px center;
    }

    .top-search.dashboard .search-button::after {
        content: "Cerca";
    }
}

.lista-aziende {
	list-style: none;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

.lista-aziende li {
	display: flex;
    background-color: #fff;
    margin-bottom: 10px;
    width: 100%;
    align-items: center;
    padding-right: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.lista-aziende li:last-child {
	border-bottom: 0 none;
}

.lista-aziende li a {
	color: #405064;
}

.lista-aziende li a.img-container{
	margin: 0 20px 0 0;
	width: 120px;
	display: flex;
	align-items: flex-start;
	transition: all ease 0.2s;
}

.lista-aziende li a.text-container{
	width: auto;
    flex: 1 0;
	padding-top: 10px;
	transition: all ease 0.2s;
}

.lista-aziende li a:hover {
	opacity: 0.8;
}

.lista-aziende li a img {
	width: 100%;
	display: block;
}

.lista-aziende li a .nome-azienda {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.1em;
	margin-bottom: 5px;
}

.lista-aziende li a .categoria-azienda {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 0.85em;
	margin-bottom: 5px;
	color: #3AAFA9;
}

.lista-aziende li a .indirizzo-azienda {
	display: block;
	opacity: 0.7;
	margin-bottom: 10px;
	font-size: 0.85em;
	background-image: url(../img/icon-pin-grey.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	padding-left: 26px;
	min-height: 18px;
    line-height: 1.2em;
}

@media only screen and (max-width: 720px) {
	.lista-aziende li a.img-container{
		width: 80px;
	}

	.lista-aziende li a.text-container{
		font-size: 0.8em;
	}
}

/* ORDINI */
.ordini {
    padding: 30px 0;
}

.no-order {
    margin: 0 auto;
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    color: #999;
}

.no-order img {
    height: 36px;
    display: block;
    margin: 0 auto 20px;
}

.lista-ordini {
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    list-style: none;
}

.lista-ordini li {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 10px;
}

.lista-ordini li .order-info {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.lista-ordini li .order-info .data {
    display: block;
    color: #F08F0F;
    line-height: 18px;
    font-size: 0.9em;
}

.lista-ordini li .order-info .numero-ordine {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
}

.lista-ordini li h2, .lista-ordini li h3,  .lista-ordini li h4 {
    width: 100%;
    text-align: center;
    font-size: 1.0em;
    font-weight: normal;
}

.lista-ordini li .order-dettaglio {
    list-style: none;
    width: 100%;
    margin: 0 0 40px;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.lista-ordini li .order-dettaglio li {
    display: block;
    padding: 0 0 5px;
    margin-bottom: 5px;
    border-bottom: dotted 1px #ccc;
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
}

.lista-ordini li .order-dettaglio li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.lista-ordini li .order-address {
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
}

.status {
      width: 100%;
      margin: 0 0 20px;
      display: block;
      overflow: hidden;
}

.status .progressbar {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0;
    margin-bottom: 40px;
}

.status .progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 0.8em;
    position: relative;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    color: #999;
    padding: 0;
    margin-bottom: 0 !important;
}

.status .progressbar li .status-step {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto 10px auto;
    position: relative;
}

.status .progressbar li .status-step span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: 3px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px;
}

.status .progressbar li .status-step span.ricevuto {
    background-image: url(../img/icon-order-icon-01.svg);
}

.status .progressbar li .status-step span.preparazione {
    background-image: url(../img/icon-order-icon-02.svg);
}

.status .progressbar li .status-step span.consegna {
    background-image: url(../img/icon-order-icon-03.svg);
}

.status .progressbar li .status-step span.consegnato {
    background-image: url(../img/icon-order-icon-04.svg);
}

.status .progressbar li:after {
    width: 100%;
    height: 0;
    border: dashed 1px #ccc;
    content: '';
    position: absolute;
    top: 20px;
    left: -50%;
    z-index: 0;
}

.status .progressbar li:first-child:after {
    content: none;
}

.status .progressbar li.active {
  color: #F08F0F;
}

.status .progressbar li.active .status-step span {
    border-color: #F08F0F;
}

.status .progressbar li.active + li:after {
  border-color: #F08F0F;
}

@media only screen and (max-width: 720px) {
    .status .progressbar li {
        font-size: 0.5em;
    }

    .status .progressbar li .status-step {
        width: 30px;
        height: 30px;
    }

    .status .progressbar li:after {
        top: 15px;
    }

    .status .progressbar li .status-step span {
        border-width: 2px;
    }
}

/* INDIRIZZI */
.indirizzi {
    padding: 30px 0;
}

.lista-indirizzi {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%;
}

.lista-indirizzi li {
    padding: 0 5px;
    margin-bottom: 10px;
    width: 33.33%;
    float: left;
    font-size: 0.9em;
}

.lista-indirizzi li .indirizzo-container{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #fff;
    padding: 20px 20px 60px;
    height: 100%;
    position: relative;
    color: #ccc;
}

.lista-indirizzi li .indirizzo-container.active {
    color: #405064;
}

.lista-indirizzi li .indirizzo-info p {
    margin-bottom: 10px;
    line-height: 1.3em;
}

.lista-indirizzi li .indirizzo-info hr {
    margin-bottom: 10px;
}

.lista-indirizzi li .indirizzo-info .nome {
    font-size: 1.2em;
    font-weight: bold;
}

.lista-indirizzi li .indirizzo-actions {
    position: absolute;
    bottom: 20px;
    line-height: 30px;
    height: 30px;
}

.lista-indirizzi li .indirizzo-actions a {
    width: 100%;
    color: #F08F0F;
    font-weight: 700;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px;
    padding-left: 20px;
}

.lista-indirizzi li .indirizzo-actions a.star {
    background-image: url(../img/icon-actions-star.svg);
}

.lista-indirizzi li .indirizzo-container.active  .indirizzo-actions a.star {
    color: #ccc;
    background-image: url(../img/icon-actions-star-grey.svg);
    cursor: default;
}

.lista-indirizzi li .indirizzo-actions a.edit {
    background-image: url(../img/icon-actions-edit.svg);
}

.lista-indirizzi li .indirizzo-actions a.delete {
    background-image: url(../img/icon-actions-delete.svg);
}

@media only screen and (max-width: 960px) {
	.lista-indirizzi li {
        width: 50%;
    }
}

@media only screen and (max-width: 720px) {
	.lista-indirizzi li {
        padding: 0;
        width: 100%;
    }

    .lista-indirizzi li .indirizzo-actions a {
        margin-right: 12px;
        background-size: 12px;
        padding-left: 18px;
        font-size: 0.9em;
    }
}

.lista-indirizzi li .indirizzo-add {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: dashed 2px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    padding: 20px;
    text-align: center;
}

.lista-indirizzi li .indirizzo-add a {
    color: #999;
    font-weight: bold;
    font-size: 1.1em;
}

.lista-indirizzi li .indirizzo-add a span {
    display: block;
    margin: 0 auto 5px;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/icon-add-grey.svg);
    background-size: contain;
}

.indirizzi.edit .input-box {
    float:left;
    width: 50%;
    transition: 0.2s ease;
}

.indirizzi.edit .input-container .input-box:nth-child(odd) {
    padding-right: 20px;
}

.indirizzi.edit .input-container .input-box:nth-child(even) {
    padding-left: 20px;
}

.indirizzi.edit input, .indirizzi select {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.indirizzi textarea {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

.indirizzi .actions-box {
	display:inline-block;
	width: 100%;
	align-content: center;
	margin: 20px 0;
}

.indirizzi.edit .button {
	display: inline-block;
    margin: 0 10px 20px;
}

@media only screen and (max-width: 680px) {
	.indirizzi.edit .input-box {
        width: 100%;
        padding: 0 !important;
    }
}

.indirizzi.edit .input-container {
    display: block;
    width: 100%;
    border-bottom: solid 1px #ccc;
    overflow: hidden;
    margin-bottom: 20px;
}

.indirizzi.edit .actions-box {
    display: inline-block;
    width: 100%;
    align-content: center;
    text-align: center;
    margin: 20px 0;
    padding-bottom: 20px;
}