a {color:inherit;}

.hero-wrapper .hero, .hero-wrapper .hero-bg {
    background: none !important;
    background-color: black !important;
}

.cat-img img {
    display: block;
    margin: 0 auto;
    width: auto;
}
.cat-img.cat-right img {
    margin: auto ;
}

.border-text {
    /* -webkit-text-fill-color: #B20000;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;*/
    color: black;
    position: relative;
    z-index: 1;
}

.pagetitle-inner {
    background: rgba(0, 0, 0, 0.8);
}

footer {
    border-top: 1px solid #B20000;
    background-color: black !important;
}

.navbar a.nav-link:after, .animated-icon1 span {
    background-color: #B20000;
}

.radius {
    border-radius: 10px;
    box-shadow: 18px -18px rgba(255, 255, 255, 0.3);
}

.radius .row {
    z-index: -1;
    position: relative;
}

.show-overflow {
    overflow: visible;
}

.top-fixed .navbar-brand img {
  max-width: 105px;
  margin: -40px 0 0 0;
}
img.footer-logo {
  max-width: 130px;
  width: auto;
}

main, .footer {
    background: none;
}

section .container {
    position: relative;
    z-index: 1;
}

.instagram-wrapper .container-fluid {
    position: relative;
    z-index: 999999999;
}


.wave1::before {
    content: url("/images/svgs/melt1.svg");
    position: absolute;
    width: 580px;
    margin-top: 865px;
    z-index: 9;
    left: -25px;
}


.wave2::after {
    content: url("/images/svgs/melt2.svg");
    position: absolute;
    width: 100%;
    bottom: 0;

}

.hamb1::before {
    content: url("/images/svgs/hamburger.svg");
    position: absolute;
    width: 200px;
    right: 35px;
    top: -100px
}
.icona::after {
    position: absolute;
    width: 200px;
    top: -70px;
	right:-50px;
}
.icona-left::after {
	right:0px;
	left:-100px;
}

@media (min-width: 1220px) {

.icona::after {
	right:0;
}
.icona-left::after {
	left:0;
}
}

.salad1::after {
    content: url(/images/svgs/salad.svg);
}

.steak1::after {
    content: url("/images/svgs/steak.svg");
    transform: rotate(-45deg);
}

.vegan1::after {
    content: url('/images/svgs/vegan.svg');
	zoom:0.4;
	left:240px;
}

.taco1::after {
    content: url(/images/svgs/taco.svg);
    transform: rotate(20deg);
	top: -50px;
}

.pizza1::after {
    content: url("/images/svgs/pizza.svg");
}

select.form-control, select.form-control:focus {
    border: 1px solid #B20000;
    color: #B20000;
	display:none;
}

.formopt, .form-control:focus {
    background-color: transparent;
}

h2, h2.maintitle, .banners p, .formopt {
    color: black;
}

button.custom-button1:hover {
    background-color: black;
    border: 1px solid #B20000;
    color: #B20000;
}

h1, h3, h4, h5, h6, .footer h3.footertitle, .footer ul.footerul li, .footer a:link:hover, .footer a:visited:hover, h3.maintitle {
    color: #B20000;
}
.contact h3, .contact a {color:#000;}

.footer a:link:hover, .footer a:visited:hover {
    text-decoration: underline;
}

footer ul.footerul .footerul2 {
    color: white;
    font-weight: normal !important;
}

footer ul.footerul .footerul1 {
    font-weight: 800;
}

.navbar a.nav-link:link:hover, .navbar a.nav-link:visited:hover {
    color: #B20000;
}

.navbar a.nav-link:link, .navbar a.nav-link:visited {
    color: #fff;
}

button.custom-button1, input.custom-button1, #contact-form input[type="button"], a.custom-button1:link, a.custom-button1:visited {
    color: #fff;
    background-color: #B20000;
	 border:#B20000 1px solid;
}

button.custom-button1:hover,
input.custom-button1:hover,
#contact-form input[type="button"]:hover,
a.custom-button1:hover {
  background:transparent;
  color: #B20000;
  border:#B20000 1px solid;
}
.instagram-title a span.fab {
     background: #000!important;
  color: #fff!important;
}
}
.instagram-title a:hover span.fab {
    background: #000!important;
    color: #fff!important;
}
.button-top {
	background:none;
	color:#B20000;
}

.hero-bg {
    background: none !important;
    border: 25px solid #B20000;
}

.hero-text .hero-text-text h1, .hero-text .hero-text-text h2 {
    color: #fff;
}

.banners .banner1-wrapper.menubanner .banner1 {
    background-size: cover;
}

a:hover {
    cursor: pointer !important;
}

.features.custom-margin {
    margin: 200px 0px;
}

#contact-map-2 {
    height: 500px;
}

.banners .banner1-wrapper .banner1 .mask {
    height: 100%;
    width: 100%;
    min-height: 450px;
}

.pagetitle {
    background-size: cover;
}

.pagetitle.about-bg {
    background-image: url("/images/R6__8049.00_00_08_07.Immagine004.jpg");
}

.features {
    background-image: url("/images/R6__8049.00_01_24_15.Immagine011.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
	background-attachment:fixed;
}
.features-servizi {
    background-image: url("/images/servizibg.jpg");
}

.pagetitle.shop-bg {
    background-image: url("/images/bgs/menu.jpg");
}

.pagetitle.servizi-bg {
    background-image: url("/images/R6__8049.00_00_42_07.Immagine008.jpg");
}

.pagetitle.contact-bg {
    background-image: url("/images/R6__8049.00_00_09_41.Immagine005.jpg");
}

.hero-text .hero-text-text h1 {
    font-size: 75px;
}


.banners .banner1-wrapper .banner1 .mask.mask-left::before {
    border: 5px solid #B20000;
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 87%;
    height: 87%;
    z-index: -1;
}

.banners .banner1-wrapper .banner1 .mask.mask-right::before {
    border: 5px solid #B20000;
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    width: 87%;
    height: 87%;
    z-index: -1;
}

.banners .banner1-wrapper .banner1 .mask.mask-top::before {
    border: 5px solid #B20000;
    content: '';
    display: block;
    position: absolute;
    top: -2%;
    width: 102%;
    height: 90%;
    left: -1%;
    z-index: -1;
}

.banners .banner2-wrapper .banner2 .mask h6.label {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 4px;
    background: #f37335;
    border-radius: 20px;
    padding: 5px 10px;
    text-transform: uppercase;
}


.banners .banner1-wrapper .banner1 {
    height: fit-content;
}

.banners .banner1-wrapper.menubanner .banner1 {
    background-image: url("/images/bgs/menu2.jpg");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.bistecc {
    background-image: url("/images/bgs/bisteccheria.jpg");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.menu {
    background-image: url("/images/bgs/menu2.jpg");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.pizzeria {
    background-image: url("/images/bgs/pizzeria.jpg");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.insalate {
    background-image: url("/images/bgs/insalate.png");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.messicano {
    background-image: url("/images/bgs/messicano.jpeg");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.veg {
    background-image: url("/images/bgs/veg.png");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.hamb {
    background-image: url("/images/bgs/hamb.jpg");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.domicilio {
    background-image: url("/images/bgs/domicilio.png");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.partite {
    background-image: url("/images/bgs/partite.jpg");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.serate {
    background-image: url("/images/bgs/serate.png");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.cene {
    background-image: url("/images/bgs/cene.png");
    background-size: cover;
}

.banners .banner1-wrapper .banner1.cene .mask,
.banners .banner1-wrapper .banner1.serate .mask,
.banners .banner1-wrapper .banner1.partite .mask,
.banners .banner1-wrapper .banner1.domicilio .mask {
    background: rgba(0, 0, 0, 0.3);
}

.overlay {
    background-color: #0000006e;
}

.instagram-title a span.fab {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    padding-top: 9px;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    line-height: 1;
    text-align: center;
    background: linear-gradient(2.42deg, #f37335 -19.6%, #fbb731 100.79%, #fdc830 100.79%);
}

.modal.custom-modal .modal-dialog {
    max-width: 50%;
}

.piatto-img-cover {
    height: 300px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.modal.custom-modal.menumodal .modal-header button {
    margin: 0px;
    margin-left: auto;
    padding: 5px;
}

.menumodal .modaltitle {
    text-align: center;
    width: -webkit-fill-available;
    color: black;
    margin-bottom: 5px;
}

.menumodal .modal-body {
    max-height: 85vh;
    overflow-y: scroll;
}

.piatto-img {
    height: 600px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.filter-product-img {
    height: 275px;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
}

.filter-product-img p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-size: 25px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.filter-product-img:hover p {

    color: #B20000;

}

@media (min-width: 1260px) {
   /* main .container, main .container-sm, main .container-md, main .container-lg, main .container-xl {
        max-width: 80%;
    }*/

    .hero-wrapper {
        overflow: visible;
    }

    .banners .banner1-wrapper .banner1 {
        height: fit-content;
        min-height: 450px;
    }
}

@media (min-width: 1700px) {
    .hero-image img {
        max-width: 950px;
        margin-top: 200px;
        margin-left: 42%;
    }
	
	.express .hero-image img {
	
	  margin-left: 45%;
	}
}

.pagetitle-inner {
  padding-top: 250px;

}
.pagetitle-inner h1 span {
font-weight: 400;
  display: block;
  line-height: 30px;
  color: #B20000;
  font-size: 50px;
}




@media (max-width: 991px) {
    .top-fixed {
        background: none;
        background-color: black;
        border-bottom: 2px solid #B20000;
    }
	.pagetitle-inner h1 span {
  font-size: 25px;
}

    .pagetitle h1 {
        font-size: 50px;
    }

    .modal.custom-modal .modal-dialog .modal-content {
        height: fit-content;
        max-height: 100%;
    }

    .modal.custom-modal .modal-body {
        padding: 10px;
    }

    .modal.custom-modal .modal-dialog, .modal.custom-modal .modal-dialog .modal-content tbody {
        width: 100%;
        max-width: 100%;
    }

    .top-fixed .navbar {
        position: relative;
        float: unset;
        text-align: center;
        justify-content: center;
        padding: 0px;
    }

    button.navbar-toggler {
        position: relative;
    }

    .animated-icon1 {
        margin-bottom: 40px;
    }

    .banners .banner1-wrapper .banner1 .mask.mask-left::before {
        top: 10px;
        left: 15px;
        width: 80%;
        height: 80%;
    }

    .banners .banner1-wrapper .banner1 .mask.mask-right::before {
        top: 10px;
        right: 15px;
        width: 80%;
        height: 80%;
    }

    .banners .banner1-wrapper .banner1 .mask.mask-top::before {
        top: -5px;
        left: 5%;
        width: 90%;
        height: 90%;
    }

    .hamb1::before {
        left: -5px;
        top: -100px;
    }

    .taco1::after {
        right: 15px;
    }

    .vegan1::after {
        bottom: -200px;
        right: -10px;
    }

    .pizza1::after {
        width: 250px;
        left: 0px;
        top: -130px;
    }

    .salad1::after {
        right: 150px;
        bottom: -100px;
    }

    .steak1::after {
        left: 5px;
        transform: none;
        top: -100px;
    }

    .hero-text .hero-text-text {
        margin-top: 25px;
        color: #fff;
    }

    .hero-wrapper {
        overflow: visible;
    }

    .hero-text .hero-text-text h1 {
        font-size: 50px;
    }

    .banners .banner1-wrapper .banner1 .mask h3 {
        font-size: 45px;
        line-height: 50px;
    }

    main section .row.servicerow {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .navbar .navbar-nav {
        background: transparent;
    }

    .navbar a.nav-link:link, .navbar a.nav-link:visited {
        border-bottom: 1px solid #B20000 !important;
    }

    .best-product h2 {
        font-size: 40px;
    }
}

.color1 {background:#B20000;}
.map {margin-top:-240px;}

.footer p {
  font-size: 13px;
}
.footer .credits {
	border-top: rgba(255,255,255,0.3) 1px solid;
}

.features .features-colorbg {
  bottom: -370px;
  background: linear-gradient(
2.42deg, #B20000 0%, #fbb731 100%);
  padding: 100px 30px;
}
.owl-carousel {
  display: block;
}
.press {padding: 0 30px;}
.press:first-child {padding-left: 0;}
.press:last-child{padding-right: 0;}
.press cite{
  font-size: 15px;
  font-style: italic;
  font-weight: bold;
  color: #1b2a49;
  font-family: "lato";
}
.press .custom-button1 {margin-top:30px; padding:20px!important;}

.quote {font-size:30px; color:#000; font-weight:bold; vertical-align:middle; line-height:15px;}
.press h4 {font-weight: 800;
  letter-spacing: -1px;
}
.width80 {width:80%; margin:0 auto;}

.menuexpress {background:#F9F9F9;}

#wa {
	  position: fixed;
  z-index: 100;
  width: 50px;
  bottom: 80px;
  right: 25px;
}
.top-home {
	background:#000;
height:140px;
}

.banner-servizi { 
padding: 30px;
background:#F7F7F7;
margin: 10px;
}
.banner-servizi.ban1 { 
margin-bottom:0;
}
.banner-servizi.ban2 { 
margin-top:0;
}
.banner-servizi h3 {color:#000;}

.express .hero-text .hero-text-text h1,
.hero-text .hero-text-text p {width:auto;
max-width:100%;}

.hero {
  position: relative;
  height: 100px;
  background: #000;
}
.hero-text {
  position: relative;
  background: #000;
}

.ex-icon img {border-radius:50%;
background:#fff;
padding: 10px;
}
.ex-icon span {
  color: #B20000;
  display:block;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -1px;
  margin: 10px 0 0 0;
}

.contacts .contact h2,
.contacts .contact h3,
.contact h3, .contact a {color:#fff;}

p {text-align:justify!important}
.filter-product-img p, .footer p, .pagetitle-inner p {text-align:center!important}


@media(max-width:768px){
.hero-text .hero-text-text h1 {
  font-size: 40px;
  line-height: 45px;
}

.menuexpress .josh-js.row.p-3.animate__animated {visibility:visible !important;}
}