/*------------- CSS personalizzato -------------*/

@media screen and (max-width: 1200px) {
	.btn-custom {
		margin-bottom: 20px;
	}

	.img-custom {
		margin-top: 20px;
	}
}

::-moz-selection {
	/* Code for Firefox */
	color: white;
	background: red;
}

::selection {
	color: white;
	background: red;
}

.btn-default {
	border-radius: 4px;
}

.btn-info {
	border-radius: 4px;
	border-color: red;
	background-color: red;
}

.btn:hover,
.btn-info:focus {
	border-radius: 4px;
	border-color: #D90429;
	background-color: #D90429;
}

.navbar-toggle {
	color: #ffffff;
	padding: 4px 10px;
}

.intro-body {
	text-shadow: 1px 1px 2px #000000;
}

.navbar-fixed-top {
	text-shadow: 1px 1px 2px #000000;
}

a:hover {
	color: #D90429;
}

.img-custom {
	border-radius: 10px;
}

.form-custom {
	margin-bottom: 70px;
}

.footer-above {
	padding-top: 60px;
	background-color: #555555;
	color: #ffffff;
	margin-top: 60px;
}

footer {
	margin-top: 0px !important;
}

.btn-submit {
	margin-top: 20px;
	width: 30%;
	float: left;
}

@media screen and (max-width: 480px) {
	.btn-submit {
		padding-top: 14px;
		padding-bottom: 14px;
		width: 100%;
		margin-bottom: 100px;
	}
}

form {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

form>div>label {
	font-size: 18px;
	font-weight: 300;
}

form>div>input {
	box-shadow: none !important;
}

form>div>textarea {
	box-shadow: none !important;
}

.error {
	color: red !important;
}

.form-control {
	height: 37px;
}

@media screen and (max-width: 768px) {
	form {
		text-align: left;
	}
}

.title-menu {
	margin-bottom: 8px !important;
	padding: 30px 0 0 0 !important;
	font-weight: bolder;
	color: #666666 !important;
}

td {
	border: solid 6px #ffffff !important;
	text-align: left !important;
	font-weight: bold;
}

.number {
	color: #666666;
	text-align: center !important;
	vertical-align: middle !important;
}

.price {
	color: #666666;
	text-align: center !important;
	vertical-align: middle !important;
}

.name-menu {
	color: red;
}

.ricies {
	color: green;
}

tr:nth-child(odd) {
	background: #FFECCC !important;
}

tr:nth-child(even) {
	background: #e4fce9 !important;
}

.col-sm-6>table {
	margin-bottom: 0 !important;
}

.modal-header {
	border-bottom: 1px solid #FFECCC;
}

.modal-footer {
	border-top: 1px solid #FFECCC;
}

.btn-contact {
	margin-bottom: 10px;
}

.btn-contact-footer {
	color: white;
	border-color: white;
	margin-bottom: 10px;

}

@media screen and (max-width: 480px) {
	.btn-contact {
		width: 100%;
		padding: 10px 15px;
		margin-bottom: 10px;
	}

	.list-inline>li {
		display: block !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.social-footer {
		margin-bottom: 40px !important;
	}

	.footer-col>h3 {
		margin-bottom: 10px !important;
	}
}

.btn-specials {
	margin: 20px 0 0 !important;
	width: auto !important;
	white-space: normal;
	background-color: #FFC057 !important;
	border-color: #FFC057 !important;
	color: white !important;
}

.btn-specials:hover {
	background-color: #FD9E00 !important;
}

@media screen and (max-width: 768px) {
	.btn-specials {
		margin-bottom: 40px !important;
	}
}

.img-gallery {
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
}

.img-gallery:hover {
	filter: grayscale(80%);
	-webkit-filter: grayscale(80%);
}

#specialita,
#about {
	background-color: #FFECCC;
}

#gallery,
#servizi {
	padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
	.menu_area {
		text-align: center;
		margin-bottom: 60px;
	}

	.delivery_img {
		margin: 0 auto;
	}
}

.modal-dialog {
	width: 90% !important;
}

@media all and (max-width: 1024px) and (orientation : landscape) {
	.intro .intro-body .brand-heading {
		font-size: 60px !important;
	}

	.intro-text {
		font-size: 18px !important;
	}
}

/* Special Price */
div.container.special-price {
	padding: 3rem 2rem 1rem;
	display: flex;
	flex-wrap: wrap;
}

div.special-price .single-special-price {
	border-bottom: solid 1px #ccc;
	padding: 2rem;
}

div.special-price h2 {
	font-size: 2rem;
	margin: 0;
}

div.special-price span {
	display: block;
	font-size: 2rem;
	font-weight: bold;
	color: red;
}

span.color-red {
	display: inline-block !important;
}