@font-face {
  font-family: pilowlava;
  src: url('../fonts/Pilowlava-Regular.otf');
}

h1{
  font-family: pilowlava;
  font-weight: 100 !important;
}


body #desktop-nav{ /*body.homepage #desktop-nav{*/
  display: block !important;
}



#bottom-bar{
  background: #ff5757;
  padding: 10px;
  padding-bottom: 15px;
  position: fixed;
  bottom: 0;
  box-shadow: 10px -1px 1px #bf2b28d9;
  width: 100%;
  text-align: center;
  z-index: 2;
  margin-top: 5px;
}

#bottom-bar ul li a , #bottom-bar .row .col-xs-5 a {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-family: pilowlava;
  font-weight: 100 !important;
}

#bottom-bar ul li ,  #bottom-bar .row .col-xs-5{
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 25px;
  color: #fff;
}

#bottom-bar ul li img ,  #bottom-bar .row .col-xs-5 img{
  width: 35px;
  margin-top: -5px;
}

#bottom-bar ul  , #bottom-bar .row{
  padding-left: 0px;
}

#bottom-bar ul li i ,  #bottom-bar .row .col-xs-5 i{
  margin-right: 5px;
}

.left-col{
  text-align: right;
}

.right-col{
  text-align: left;
}

/*
#bottom-bar .row .col-xs-5:first-child {
  border-right: solid 2px #fff;
}
*/

#bottom-bar .row .col-xs-2{
  color: #fff;
  padding-top: 6px;
  font-size: 22px;
}

@media screen and (max-width:455px){
  #bottom-bar ul li a ,  #bottom-bar .row .col-xs-5 a{
    font-size: 10px !important;
  }
  #bottom-bar {
    padding-top: 0px !important;
  }
}

@media screen and (max-width:370px){
  #bottom-bar ul li a ,  #bottom-bar .row .col-xs-5 a{
    font-size: 9px !important;
  }
}

@media screen and (max-width:326px){
  #bottom-bar ul ,  #bottom-bar .row {
    padding-bottom: 5px !important;
  }
  #bottom-bar ul li , #bottom-bar .row .col-xs-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}



.btn-4{
  bottom: 25.5rem;
  display: none;
}

.btn-3{
  bottom: 9.5rem;
  display: none;
}

.btn-2{
  bottom: 17.5rem;
  display: none;
}

/*
.homepage .btn-1{
  display: none;
}
*/

.nav-tabs-new li:first-child{
  border-right: solid 1px #fff;  /*#dddddd*/
}

.nav-tabs-new li a{
  text-align: center;
}

.nav-tabs-new{
  margin-top: 60px;
}

/*
#ordina .container-fullwidth.bg-red img{
  filter: brightness(100) !important;
}
*/

.navbar.navbar-fixed-top.desktop-navbar{
  background: #ff5757 !important;
}


li.header-order a{
  background: #fff;
  color: #ff5757 !important;
  border: solid 1px #fff;
}

li.header-order a:hover , li.header-order a:focus{
  background: #fff !important;
  color: #ff5757 !important;
  text-decoration: underline;
}


.home-about{
  padding-top: 200px;
  padding-bottom: 200px;
  height: 100vh;
}

.home-about h1 , .home-about h1 small{
  text-align: left;
  text-transform: none !important;
}

.home-about h1{
  font-size: 70px;
  margin-bottom: 100px;
  line-height: 53px;
}

.home-about h1 small{
  line-height: 60px;
  margin-top: 48px;
}

.bg-col{
  background:url('../img/pizza-bg.jpg');
  background-size:cover;
  background-repeat: no-repeat;
  background-position-x: center;
  height:100%;
}

a.new-link-home{
  text-transform: uppercase;
  color: inherit;
  border: solid 1px;
  padding: 15px;
  transition: all .4s;
}

.new-link-home:hover{
  background: #ff5757;
  border-color: #ff5757;
  color: #fff;
}

.home-new{
  height: 200vh; /*100.1vh*/
  background: url('../img/pizza-bg.jpg');
  background-size:cover;
  background-repeat: no-repeat !important;
  background-position-x: center;
  background-attachment: fixed;
}

.page_header{
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 200px 0 150px !important;
  background-attachment: fixed !important;
}

.page_header.order-cover{
  background: url('../img/order-cover.jpg');
}

.page_header.ingredienti-cover{
  background: url('../img/ingredienti-cover.jpg');
}

.page_header.gallery-cover{
  background: url('../img/gallery-cover.jpg');
}

.page_header.how-overlay1 .text-center{
  z-index: 2;
}

.page_header p{
  font-weight: 700;
  opacity: 1 !important;
}

/*
.nav-tabs-new li{
  transition: all .2s;
}
*/


.nav-tabs-new li:not(.active){
  border-bottom: solid 1px #ddd;
  /*width: 10% !important;*/
}

.nav-tabs-new li.active{
  border-top: solid 1px #ddd;
  /*width: 90% !important;*/
}

.nav-tabs{
  border-bottom: none;
}

.order-steps{
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

.single-step{
  position: relative;
}

.single-step:not(.last){
  border-right: solid 1px #ddd;
}

.single-step span , .single-step h2{
  display: inline-block;
  color: #4b4741;
}

.single-step span{
  font-size: 80px;
  margin-right: 30px;
}

.single-step h2{
  text-transform: none;
  text-align: left;
}

.single-step:not(.active) h2 , .single-step:not(.active) span{
  color: #ddd !important;
}

.box-new{
  border: solid 2px #ff5757;
  padding-top: 80px;
  padding-bottom: 80px;
  margin: auto;
  text-align: center;
  transition: all .2s;
  background: #ff5757;
  /*filter: drop-shadow(2px 4px 6px black);*/
  /*filter: drop-shadow(4px 4px 3px rgba(0,0,0,0.2));*/
  border-radius: 30px;
}

.asporto-domicilio{
  padding-top: 30px;
  padding-bottom: 30px;
}

.box-new span{
  text-transform: none;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}

.box-new:hover span{
  text-decoration: underline;
}

.box-new span , .box-new img{
  display: inline-block;
}

.box-new img{
  margin-right: 40px;
  filter: brightness(100) !important;
  margin-top: -28px;
}

#how_to_order_asporto , #how_to_order_domicilio , #order_phone , #order_fortogo , #whatsapp_order{
  display: none;
}

.icon-tab-link-123{
  height: 50px !important;
  width: auto !important;
}

.back-btn-holder{
  text-align: left;
  margin-top: 30px;
}

.back-btn-holder a{
  color: #4b4741;
  /* text-transform: uppercase; */
  font-weight: 400;
  font-family: "Josefin Sans", sans-serif;
}

.order-new-btn{
  color: inherit;
  font-size: 30px;
  padding: 20px;
  border: solid 2px;
  transition: all .4s;
}

.order-new-btn:hover , .order-new-btn:focus {
  background: #ff5757;
  border-color: #ff5757;
  color: #fff;
}

.asporto-domicilio b{
  text-decoration: underline;
}

.page_header h1{
  color: #fff;
  font-size: 50px;
}

.asporto-domicilio p{
  font-size: 21px;
}

.menu-items3 p {
  width: 100%;
}

#whatsapp_order .menu-item3 , #whatsapp_order .menu-item-order{
  position: relative !important;
}

.bg-red{
  background: #ff5757 !important;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 30px;
}

.bg-red h3 , .bg-red p{
  color: #fff;
}

.mt-20{
  margin-top: 20px !important;
}

.mt-60{
  margin-top: 60px !important;
}

.row-flex{
  display: flex;
}

.food-menu , .food-menu-order{
  padding-left: 30px;
  padding-right: 30px;
}

.order-recap h3 , .order-recap img{
  display: inline-block;
}

.order-recap .icon{
  width: 50px;
  margin-left: 20px;
  margin-top: -10px;
}

.contact-box{
  padding: 50px;
  margin: 0px;  /*15px*/
  border-radius: 2px;
}

.contact-box a , .contact-box .fa , .contact-box h3{
  color: #fff !important;
}

.btn.btn-default.btn-lg.btn-block{
  width: auto;
  border-radius: 15px;
  background: #ff5757;
  border: solid 2px #ff5757 !important;
}

textarea{
  resize: none;
}

.food-menu .menu-items3 h3 , .food-menu-order .menu-items3 h3 {
  text-align: left !important;
  margin-top: 0px !important;
  margin-bottom: 30px !important;
  padding-left: 15px;
  text-decoration: underline;
}

.pt-30{
  padding-top: 30px !important;
}

.underline{
  text-decoration: underline;
}

#pizze_classiche , #pizze_speciali , #fritti , #panuozzi, #calzoni , #bibite , #focacce, #dolci, #hamburger{
  display: none;
}

.food-menu h3 a , .food-menu-order h3 a{
  color: inherit;
}

.food-menu h3:hover , .food-menu-order h3:hover {
  text-decoration: none !important;
}

.food-menu h3 img , .food-menu-order h3 img{
  width: 32px;
  display: inline-block;
  background-color: #4b4741;
  padding: 6px;
  border-radius: 10px;
  transition: all 0.5s ease;
  margin-right: 15px;
}

#whatsapp_order .row.menu-items3{
  height: auto !important;
}

.order-form{
  padding-left: 30px;
  padding-right: 30px;
}

select.form-control{
  height: 34px !important;
  font-size: 16px;
  color: #999;
  border-radius: 10px !important;
  border: none;
  background: #f3f1ed59;
  box-shadow: none !important;
}

.order-page .form-group input, .form-group textarea, .form-group select{
  border-radius: 0px !important;
}

.contact-content .form-group input, .contact-content .form-group textarea, .contact-content .form-group select{
  border-radius: 0px !important;
}

.form-group input{
  border-radius: 10px;
}

.form-group textarea{
  border-radius: 10px;
}

.contact-content select.form-control{
  background: none !important; /* background: #f3f1ed; */
}

.form-text{
  color: #fff !important;
  font-size: 80%;
}

.form-text a{
  color: #fff !important;
  text-decoration: underline;
}

.table-order-recap{
  color: #fff;
  margin-bottom: 40px;
  margin-top: 20px;
}

.table-order-recap thead td{
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: solid 1px #fff;
}

.bg-red .order-recap p{
  font-size: 20px;
  margin-bottom: 0px !important;
  margin-top: 5px !important;
}

#recap-comune{
  text-transform: capitalize;
}

.send-message-area{
  margin-top: 30px;
}

.send-message-area button{
  color: #ff5757 !important;
  background: #fff !important;
}

.btn-lg {
  font-weight: 700 !important;
  padding: 10px 15px !important;
}

.error-area span.error-message{
  display: none;
}

.error-area span{
  color: #fff;
}

.box-new small{
  display: inline-block !important;
  font-size: 65% !important;
}

.send-message-area button:hover{
  text-decoration: underline;
}

/*
.orario-asporto{
  display: none;
}
*/

.info-costi-spedizione a{
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}

.info-costi-spedizione{
  font-family: "Josefin Sans", sans-serif;
  color: #828281;
  font-size: 22px;
  font-size: 90%;
}

#overlay-costi {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999;
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  overflow: auto;
}

.popup-costi {
  top: 25%;
  left: 0;
  right: 0;
  font-size: 14px;
  margin: auto;
  width: 85%;
  min-width: 320px;
  max-width: 650px;
  position: absolute;
  padding: 40px 40px;
  background: #fefefe;
  z-index: 1000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font: 14px/18px 'Tahoma', Arial, sans-serif;
  -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  border-radius: 15px;
}

.close {
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  position: absolute;
  border: none;
  /*background-color: rgba(0, 131, 119, 0.9);*/
  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
  cursor: pointer;
  outline: none;
}

.close:before {
  content: "\2716 ";
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
  transition: all 0.5s;
}

#overlay-extra {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999;
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  overflow: auto;
}

.popup-extra {
  top: 25%;
  left: 0;
  right: 0;
  font-size: 14px;
  margin: auto;
  width: 85%;
  min-width: 320px;
  max-width: 555px;
  position: absolute;
  padding: 40px 40px;
  background: #ff5757;
  z-index: 1000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font: 14px/18px 'Tahoma', Arial, sans-serif;
  -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
}

.extra span{
  line-height: 40px;
}

.extra{
  border-radius: 30px;
  padding: 30px;
  min-height: 335px;
}

.popup-costi table tr td{
  border: solid 1px #ddd;
  padding: 5px;
  text-align: center;
}

.popup-costi table thead tr td{
  text-transform: uppercase;
  font-weight: 600;
}

#red_sidebar{
  max-width: 360px !important;
  padding-bottom: 20px;
}

.sticky{
  position: fixed;
}

#main_row{
  height: auto;
}

@media screen and (max-width:991px){
  #red_sidebar{
    margin-bottom: 60px;
  }
  #whatsapp_order .food-menu , #whatsapp_order .food-menu-order{
    padding: 0px;
  }
  .order-steps{
    text-align: left !important;
  }
  .box-new{
    margin-bottom: 30px;
  }
  .single-step:not(.last){
    border-right: none !important;
  }
  .order-form{
    padding: 0px !important;
  }
  #whatsapp_order .qta{
    text-align: right !important;
  }
  .recipie-single.single-recipe.new-page .col-md-7, .recipie-single.single-recipe.new-page .col-md-5{
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .link-anchor{
    display: none;
  }
  .recipie-single.single-recipe.new-page h2.h2-new{
      font-size: 7vw !important;
  }
}

.text-supplementi{
  font-size: 95%;
}

.text-supplementi a{
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}

.contact-content .contacts-col-red{
  background: #ff5757;
  padding-right: 0px;
}

.timetable-col{
  padding: 50px;
  /*border: solid 15px #ff5757;*/
  background: #fff;
  border-radius: 30px;
}

.timetable-col table{
  margin-top: 50px;
}

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

.contact-content .form-group input, .contact-content .form-group textarea{
  border-bottom: solid 1px #ddd !important;
  background: none !important;
}

.contact-box i{
  font-size: 35px;
  vertical-align: middle;
}

.contact-box a{
  padding-left: 30px;
}

.mt-30{
  margin-top: 30px !important;
}

.contact-content .form-text , .contact-content .form-text a{
  color: inherit !important;
  margin-top: 30px;
}

.page_header{
  margin-top: 70px;
}

.page_header.contacts-cover{
  background: url('../img/contacts-cover.jpg');
}

.page_header.menu-cover{
  background: url('../img/menu-cover.jpg');
}


.page_header.about-cover{
  background: url('../img/about-cover.jpg');
}


.services{
  background: url('../img/about-banner.jpg');
  background-attachment: fixed;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*
.safari .page_header , .safari .services{
  background-attachment: scroll !important;
}
*/

.text-link{
  color: #828281;
  text-decoration: underline;
  font-weight: 700;
}

.text-link:hover , .text-link:focus{
  color: #828281;
}

.services.how-overlay1::before{
  z-index: -1 !important;
}

.slick-slide img{
  max-width: 90%;
}

.about-menu-completo{
  text-align: center;
  margin-top: 80px;
}

.about-menu-completo{
  color: #fff;
  border-color: #fff;
  position: absolute;
  bottom: 15px;
  right: 20px;
}

.about-pizze-overlay{
  position: absolute;
  bottom: 10px;
  left: 35px;
  background: #ff5757;
  padding: 5px 10px;
  color: #fff;
  font-weight: 500;
  font-family: pilowlava;
  font-weight: 100 !important;
  border-radius: 2px;
}

.about-pizze-overlay-search{
  display: none;
  position: absolute;
  top: 15px;
  right: 35px;
  background-color: rgba(0,0,0,0.3);
  padding: 5px 10px;
  color: #fff;
  font-weight: 500;
  font-family: pilowlava;
  font-weight: 100 !important;
  border-radius: 2px;
}

.service-content{
  position: relative;
}

.slick-slide img {
  border-radius: 2px !important;
}

.about-pizze-hover{
  transform: scale(0);
  position: absolute;
  top: 15px;
  right: 50px;
  color: #fff !important;
  font-size: 18px;
  background-color: rgba(0,0,0,0.3);
  padding: 15px 20px;
  border-radius: 2px;
  transition: all .3s;
  text-align: left;
}

.service-content:hover .about-pizze-hover{
  transform: scale(1);
}

.service-content:hover .about-pizze-overlay-search{
  transform: scale(0);
  transition: all .3s;
}

.about-pizze-overlay-search{
  transition: all .3s;
}

.about-pizze-overlay-search a{
  color: #fff;
}

.about-pizze-overlay-search a:focus{
  outline: none;
}

.service-content:hover .about-pizze-overlay{
  text-decoration: underline;
}

.about-pizze-hover p{
  z-index: 10;
}

.about-pizze-hover .fa.fa-caret-right , .footer i.fa.fa-caret-right , .order-instructions i{
  transform: rotate(52deg) skew(15deg, -40deg);
}

/*
.order-instructions{
  background: #ff5757;
  padding: 8px;
  color: #fff;
  border-radius: 2px;
}
*/

.order-instructions i{
  transition: all .3s !important;
}

.food-menu:hover .order-instructions i , .food-menu-order:hover .order-instructions i , .order-form:hover .order-instructions i {
  transform: rotate(412deg) skew(15deg, -40deg);
  transition: all .3s;
}

.about-pizze-hover ul{
  padding-left: 0px !important;
}

.about-pizze-hover li{
  list-style: none;
}

.about-menu-completo a i{
  margin-left: 10px;
  transition: all .3s;
}

.services-slider .slick-dots li button{
  background: #ffffff38;
}

.page-header:after{
  background: #fff;
}

.home-banner h2 , .about-menu-completo h2{
  font-family: 'pilowlava';
  color: #fff;
  background: #ff5757 !important;
  border-radius: 2px;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
}

.home-banner a h2 span , .about-menu-completo h2 span{
  padding-right: 20px;
}

.home-banner h2 a i , .about-menu-completo h2 a i{
  transition: all .3s;
}

.home-banner a:hover h2 , .about-menu-completo a:hover h2{
  color: #ffdb60 !important;
  transition: all .4s;
}

.home-banner a h2 , .about-menu-completo a h2{
  transition: all .4s;
}

.about-menu-completo a h2{
  padding-left: 20px;
  padding-right: 20px;
}

/* #ffdb60 */

.home-banner{
  background: url('../img/home-banner.jpg');
  background-position-x: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat !important;
}

.home-banner .home-banner-inner{
  padding-top: 60px;
  padding-bottom: 60px;
}

h2.h2-new{
  font-family: pilowlava;
  font-weight: 100 !important;
  font-size: 30px;
}

.mb-30{
  margin-bottom: 30px !important;
}

/*
.new-popup-pizza{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999;
}

.new-popup-pizza img{
  width: 60px;
  margin-left: 20px;
}
*/

.popup-order-span{
  position: fixed;
  bottom: 80px;
  right: 20px;
  background: #fff;
  border: solid 1px #ddd;
  padding: 0px 2px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 500;
  color: #4b4741;
  z-index: 9999999;
  filter: drop-shadow(1px 1px 0px #5a5a5a);
}

.popup-order-span:before{
  content: " ";
  height: 0;
  position: fixed;
  bottom: -8px;
  width: 0;
  z-index: -1;
  right: 23px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

#order-popup-label{
  display: none;
}

.mdc-fab img{
  width: 40px;
}

.review-website{
  text-decoration: underline;
  color: #fff;
}

.checked{
  color: #f8b807;
}

.trusted-quote .quote-body{
  font-size: 18px !important;
}

.trusted .col-md-12 , .trusted .col-md-10{
  z-index: 999999;
}

.menu-page .menu .food-menu .menu-item, .menu-page .menu .food-menu .menu-item3 , .menu-page .menu .food-menu-order .menu-item, .menu-page .menu .food-menu-order .menu-item-order{
  min-height: 100px;
}

.promo-preview{
  padding-top: 60px;
  padding-bottom: 60px;
}

.promo-preview span.promo-span{
  font-size: 20px;
  line-height: 32px;
  color: #828281;
  font-family: "Josefin Sans", sans-serif;
}

.promo-preview .form-text , .promo-preview .form-text a{
  color: #828281 !important;
}

.promo-cover{
  background: url('../img/promo-cover.jpg');
}

.new-link-home.negative{
  border-color: #ff5757;
  color: #fff;
  background: #ff5757;
}

.new-link-home.negative:hover{
  border-color: inherit;
  color: inherit;
  background: #fff;
}

.homepage section.services , .homepage section.special , .homepage section.features , .homepage section.trusted , .home-banner{
  margin: 15px;
}

.features .col-md-12 , .features .col-md-4{
  z-index: 9999;
}

.promo-page .home-banner{
  background: url('../img/promo-cover.jpg') !important;
  background-attachment: fixed !important;
  background-position-x: center !important;
  background-size: cover !important;
}

.ingredients{
  border-top: none !important;
  margin-top: 30px;
}

.link-anchor{
  height: 75px;
}

body:not(.homepage) .btn-1{
  display: block;
}

body.order-page .btn-1{
  display: none !important;
}

.services-slider .slick-dots li.slick-active button:before{
  background: none !important;
}

.services-slider .slick-dots li.slick-active button{
  border-color: #fff;
}

.slick-dots li button:before{
  color: transparent !important;
}

.slick-dots li.slick-active button{
  border: solid 1px #fff;
}

.footer .tiktok-icon{
  width: 17px;
  filter: invert(1);
  margin-right: 10px;
}

.contact-box .tiktok-icon{
  filter: invert(1);
  margin-right: -2px;
  width: 30px;
}

.contact-box hr{
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.contact-content table td{
  padding: 15px 8px 15px 8px !important;
}

.no-border-top td{
  border-top: none !important;
}

.single-recipe-image img{
  border-radius: 2px !important;
}

.ingrediente-singolo{
  background: #ff5757;
  border-radius: 2px;
}

.single-recipe-image{
  border: none;
}

.ingrediente-singolo ul li img{
  filter: brightness(100);
}

.ingrediente-singolo ul li , .ingrediente-singolo span{
  color: #fff;
}

.ingredients{
  background: #fff !important;
  border-radius: 2px;
  color: #828281 !important;
}

.col-ingredienti-inner{
  padding-left: 15px;
}

.box-new span small{
  display: block !important;
  margin-bottom: 0px;
  margin-top: 5px;
  color: #ffdb60 !important;
}

.popup-extra{
  border-radius: 15px !important;
  padding: 30px !important;
}

#order-confirm {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999;
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  overflow: auto;
}

.popup {
  top: 15%;
  left: 0;
  right: 0;
  font-size: 14px;
  margin: auto;
  width: 85%;
  min-width: 320px;
  max-width: 600px;
  position: absolute;
  padding: 20px 30px;
  border: 1px solid #383838;
  background: #fefefe;
  z-index: 1000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font: 14px/18px 'Tahoma', Arial, sans-serif;
  -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
}

.header-order a , .new-link-home{
  border-radius: 15px;
}

.navbar.navbar-fixed-top.mobile-navbar{
  background: #ff5757 !important;
}

@media screen and (max-width: 991px){
  .page_header{
    margin-top: 50px !important;
  }
}

.social-icons-mobile .tiktok-icon , #navbar li a .tiktok-icon{
  width: 11px;
  filter: invert(1);
  margin-top: -3px;
}

.tripadvisor-rating{
  border-radius: 100px;
  background: #00aa6c;
  width: 15px;
  display: inline-block !important;
  height: 15px;
}

.tripadvisor-rating-outer{
  display: block;
  margin-top: -17px;
  margin-bottom: -19px;
}

.trusted-slider .slides h4{
  color: #fff !important;
  text-transform: none !important;
  margin-bottom: 0px !important;
}

.navbar-collapse{
  border-top: none !important;
  -webkit-box-shadow: none !important;
}

#home-mobile{
  display: none;
}

@media screen and (max-width:991px){
  #home-mobile{
    display: block;
  }
  #home-desktop{
    display: none;
  }
}

@media screen and (max-width:992px){
  #bottom-bar{
    padding-top: 0px !important;
    padding-bottom: 7px !important;
  }
  .homepage .services , .homepage .special , .homepage .trusted .trusted-quote {
    background-attachment: scroll;
  }
}

.home-new > .how-overlay2{
  height: 100%;
}

/*
.homepage .mobile-navbar{
  opacity: 0;
}
*/

.home-about h1 small{
  line-height: 41px;
  font-size: 52% !important;
}

#home-mobile .how-overlay2::before{
  background-color: rgba(0,0,0,0.30);
}


.swipe-gif{
  width: 70px !important;
  display: none;
  margin: auto;
  animation-duration: 1s;
}

.trusted .swipe-gif , .services .swipe-gif {
  display: block;
}

.swipe-gif-container{
  text-align: center;
  margin-bottom: 40px;
  z-index: 99999;
}

@media screen and (min-width: 768px){
  .trusted .swipe-gif-container{
    margin-bottom: 0px !important;
  }
  .trusted-quote .trusted-slider ul li.slick-slide{
    margin-top: 0px !important;
  }
}

.safari .services , .safari .features , .safari .trusted-quote , .safari .special , .safari .home-banner{
  background-attachment: scroll !important;
  -webkit-background-attachment: scroll !important;
}

@media screen and (max-width: 767px){
  .services-slider .slick-dots{
    display: none !important;
  }
  .swipe-gif{
    display: block;
  }
  .slides.slick-initialized.slick-slider .slick-dots{
    display: none !important;
  }
  .about-pizze-overlay-search{
    display: block;
  }
  .about-pizze-hover{
    left: 35px !important;
    font-size: 16px;
  }
  .home-banner-inner h2{
    width: 220px;
    font-size: 11px;
    margin: auto;
  }

  .safari .services , .safari .features , .safari .trusted-quote , .safari .home-banner , .safari .special , .safari .page_header{
    background-attachment: scroll !important;
    -webkit-background-attachment: scroll !important;
  }

  .about-pizze-hover ul{
    margin-bottom: 0px !important;
  }
  .contact-content .contact-box{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .contact-content .timetable-col {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    border: solid 5px #ff5757 !important;
  }
  .contact-box a {
    padding-left: 15px !important;
  }
  .about-pizze-hover ul li{
    font-size: 12px !important;
  }
  .home-banner{
    background-attachment: scroll;
  }
  .home-popup-info .carousel-indicators{
    bottom: -5px;
  }
  #home-popup-info-overlay{
    background: none !important;
  }
}

@media screen and (min-width:992px){
  #home-desktop .bg-col{
    background-position-y: center;
  }
}

@media (max-width: 991px){
  .special-slider .slider-img {
      display: block;
      width: 100%;
  }
  .slider-content{
    padding-bottom: 50px !important;
  }
  .contact-content .row.row-flex{
    display: block;
  }
  .contact-box{
    margin-bottom: 0px;
  }
}


@media screen and (max-width: 462px){
  /*
  .menu-tags3 span{
    font-size: 12px !important;
  }
  */
  .menu-preview .menu-tags3 {
    width: 100% !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px){
  .navbar .navbar-nav > li > a{
    padding: 15px 10px !important;
  }
}

.menu-item-container-order h3{
  text-align: left;
}

.menu-item-container-order .menu-item-order h4{
  text-align: left;
  margin: 5px 0px;
  float: left;
  padding-right: 10px;
  display: block;
  background: #fff;
}

.menu-item-container-order .menu-item-order .price{
  float: right;
  padding-left: 10px;
  line-height: 19.8px;
  margin: 5px 0px;
  font-family: Josefin Sans;
  font-size: 22px;
  font-weight: 700;
  margin-top: 8px;
}

.menu-item-container-order .menu-item-order .menu-wrapper-order p:not(.qta){
  display: block;
  font-size: 18px;
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (min-width: 1200px){
  .menu-item-container-order .menu-item-order .menu-wrapper-order p:not(.qta){
    padding-right: 80px;
  }
}

@media screen and (max-width: 1199px){
  .menu-wrapper-order{
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
  }
  .menu-item-container-order .menu-item-order .qta{
    margin-top: 15px;
  }
  .menu-item-container-order .menu-item-order select.form-control{
    margin-top: 15px;
  }
}

.menu-wrapper-order{
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width:992px) and (max-width:1199px){
  .food-menu-order{
    padding: 0px;
  }
  #red_sidebar{
    margin-bottom: 60px;
  }
}

.app-fab--absolute{
  transition: all .3s;
  background-color: rgb(255 255 255 / 100%);
}

.app-fab--absolute:hover{
  background-color: rgb(255 255 255 / 70%);
  transition: all .3s;
}

@media (min-width: 1024px){
  .app-fab--absolute {
    right: 2.2rem;
  }
}

/* modifiche a slider recensioni */

@media screen and (min-width: 768px){
  .slick-slide p.quote-body{
    width: 80% !important;
  }
}

@media screen and (max-width: 767px){
  .trusted-quote .trusted-slider ul li.slick-slide{
    padding: 30px !important;
    margin: 5px !important;
  }
}


.slick-slide p.quote-body{
  margin: auto !important;
  text-align: left;
  color: #828281;
}

.slick-slide p.quote-author{
  color: #828281;
  font-size: 18px;
}

.trusted-quote .trusted-slider ul li h4{
  margin-bottom: 30px !important;
  color: #fff !important;
}

.trusted-quote .trusted-slider ul li.slick-slide {
  background: #ff5757 !important;
  padding-top: 50px;
  border-radius: 30px;
  margin-right: 5px;
  margin-left: 5px;
}

.trusted-quote .trusted-slider ul li.slick-slide p.quote-body{
  color: #fff;
}

.trusted-quote{
  background: none !important;
}

.trusted-quote .trusted-slider ul .slick-slide img {
  border-radius: 2px !important;
  filter: invert(1);
  opacity: 0.4;
  display: none;
}

.services .slick-slide img{
  box-shadow: 1.5px 1.5px 4px 0px #29292982 !important;
  margin-bottom: 3px !important;
}

.direction-nav .next , .direction-nav .prev {
  width: 50px;
}

.services{
  position: relative;
}

.services .new-link-home{
  background: #ff5757;
  border-color: #ff5757;
  color: #fff;
}

.services .new-link-home:hover{
  text-decoration: underline;
}

#home-popup-info-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999999;
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  overflow: auto;
}

.home-popup-info {
  top: 15%;
  left: 0;
  right: 0;
  font-size: 14px;
  margin: auto;
  width: 85%;
  min-width: 320px;
  max-width: 600px;
  position: absolute;
  /*padding: 20px 30px;*/
  /*border: 1px solid #383838;*/
  background: #fefefe;
  z-index: 999999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font: 14px/18px 'Tahoma', Arial, sans-serif;
  -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
}

@media screen and (max-width: 550px){
  .about-menu-completo{
    color: #fff;
    border-color: #fff;
    position: relative;
    bottom: inherit;
    right: inherit;
    margin-top: 30px !important;
    margin-right: 5px;
    margin-left: 5px;
  }
  .services{
    padding-bottom: 5px;
  }
  .about-menu-completo h2 {
    font-size: 12px;
    width: 100%;
  }
}

.contact-box p a:hover{
  text-decoration: underline;
}

.contact-content h3 {
  font-family: pilowlava;
  font-weight: 100 !important;
}

.popup-costi span.free{
  text-decoration: line-through;
  color: #ddd; /* #ff5757 */
}

.mdc-fab.app-fab--absolute{
  z-index: 9999999 !important;
}

.hidden-text{
  display: none;
}

.read-more{
  color: inherit;
  text-decoration: underline;
}

.read-more:hover , .read-more:focus{
  color: #ff5757;
}

@media screen and (max-width:425px){
  .clock{
    display: block;
    margin-bottom: 10px;
  }
}

.credits-link{
  padding: 10px;
  background: none;
  color: #fff !important;
  cursor: pointer;
  border: solid 1px #fff;
  border-radius: 10px;
}

.popover-content{
  color: #4b4741;
}

.popover{
  border-radius: 2px;
  border: none;
}

.link-in-popover , .link-in-popover i{
  color: #4b4741 !important;
}

#popover_content_wrapper{
  display: none;
}

@media screen and (max-width:594px){
  .credits-link{
    display: block;
    margin-top: 15px !important;
    width: fit-content;
    margin: auto;
  }
}

.single-recipe-image {
  padding-top: 15px;
  padding-bottom: 15px;
}

.ingrediente-singolo{
  border: solid 15px #ff5757;
  background: #fff;
}

.ingrediente-singolo h2{
  color: #ff5757 !important;
}

.ingredients{
  background: #ff5757 !important;
}

.ingredients p{
  color: #fff !important;
}

.ingrediente-singolo span , .ingrediente-singolo ul li{
  color: #828281;
}

.ingrediente-singolo ul li img {
  filter: grayscale(1);
  opacity: .70;
}

.ingrediente-singolo ul li i{
  transform: rotate(52deg) skew(15deg, -40deg);
}

.ingrediente-singolo{
  position: relative;
}

.ingredient-logo{
  position: absolute;
  top: 0;
  right: 0;
  width: 130px;
  margin: 15px;
}

.single-recipe-image{
  border-radius: 2px !important;
  height: 100%;
}

/*
.ingrediente-singolo .col-md-6{
  padding-top: 15px;
  padding-bottom: 15px;
}
*/

.single-recipe-image{
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

@media screen and (max-width:991px){
  .ingrediente-singolo.row.row-flex{
    display: block !important;
  }
  .single-recipe-image{
    height: 460px;
  }

  .ingredient-descr-container{
    padding-left: 15px;
    padding-right: 15px;
  }
}

.pl-0{
  padding-left: 0 !important;
}

.pr-0{
  padding-right: 0 !important;
}

.ingrediente-singolo{
  padding: 15px;
}

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

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active{
  color: #fff !important;
  text-decoration: underline;
}

.ingredient-logo-mobile-outer{
  display: none;
}

@media screen and (max-width:991px){
  .ingredient-logo-mobile-outer{
    display: block;
    text-align: right;
  }
  .ingredient-logo-mobile-outer img.ingredient-logo-mobile{
    width: 35%;
  }
  img.ingredient-logo{
    display: none !important;
  }
  .pl-0 , .pr-0{
    padding: 0px !important;
  }
}

.gallery-item img , .about2 img , .about2 .carousel{
  border-radius: 30px;
}

p.size12{
  font-size: 12px;
}

a.underline{
  text-decoration: underline;
}

span.underline{
  text-decoration: underline;
}

.new-home-about{
  background: url("../img/home-about-cover.jpg");
  background-attachment: fixed;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 15px;
}

.safari .new-home-about{
  background-attachment: scroll !important;
}

.new-home-about p{
  padding: 30px;
  background: #fff;
}

.new-home-about h2{
  color: #fff !important;
}

@media screen and (max-width:767px){
  .new-home-about{
    background-attachment: scroll !important;
  }
  .new-home-about.about2 .col-md-7{
    padding-left: 15px !important;
  }
  .new-home-about.about2 h2{
    text-align: center;
  }

  body:not(.pag-ingredienti) .ingredienti-menu-nav-fix{
    display: none !important;
  }
  .pag-ingredienti .ingredienti-menu-nav-fix{
    display: block !important;
  }
  body.pag-ingredienti .ingredienti-menu-nav{
    display: none !important;
  }
}

@media screen and (max-width:447px){
  .ingredienti-cover h1{
    font-size: 42px;
  }
}

#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content{
  box-shadow: 1px 0px 2px 1px rgba(0,0,0,0.2) !important;
}

@media screen and (max-width:767px){
  .safari .home-new{
    background-attachment: scroll !important;
    background-position-x: -150px;
    background-position-y: -150px;
  }
}

.about2.new-home-about p{
  border-radius: 2px;
}

@media screen and (max-width:470px){
  #red_sidebar{
    max-width: initial !important;
  }
}

.safari select.form-control{
  -webkit-appearance: none !important;
  border: none !important;
  background: #fbfaf9 !important;
}

.last-step-mobile{
  margin-top: 30px;
}

@media screen and (min-width:1200px){
  .last-step-mobile{
    display: none;
  }
}

.services.how-overlay1:before , .special.how-overlay1:before , .new-home-about.how-overlay1:before {
  background-color: rgb(175 166 166 / 20%) !important;
  filter: blur(180px);
}

.new-home-about .col-md-5 , .new-home-about .col-md-7 , .special .col-md-10 , .special .col-md-12 {
  z-index: 9 !important;
}

.services .slick-slide img {
  border: solid 3px #ffffff3d;
}


@media screen and (max-width:550px){
  .about-menu-completo h2{
    text-align: left;
  }
}


@media screen and (max-width:395px){
  .about-menu-completo h2 span{
    padding-right: 0px !important;
    font-size: 9px;
  }
}

.nav>li:not(.header-order)>a:hover, .nav>li:not(.header-order)>a:focus{
  background: none !important;
}

/*
@media screen and (max-width:800px){
  section.instagram{
    display: none !important;
  }
}
*/
section.instagram{
  display: none !important;
}

.menu .food-menu .menu-item3 h4 {
  font-family: pilowlava !important;
}

@media (max-width: 500px){
  .menu .food-menu .menu-item3 h4 {
    font-size: 16px !important;
  }
  .menu-page .food-menu{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 452px){
  .menu .food-menu .menu-item3 h4 {
    font-size: 13px !important;
  }
}

@media (max-width: 430px){
  .menu .food-menu .menu-item .price, .menu .food-menu .menu-item3 .price{
    font-size: 16px !important;
  }
}

@media (max-width: 409px){
  .menu .food-menu .menu-item .price, .menu .food-menu .menu-item3 .price{
    font-size: 14px !important;
  }
  .menu .food-menu .menu-item3 h4 {
    font-size: 15px !important;
  }
  .menu .food-menu .menu-item h4, .menu .food-menu .menu-item3 h4{
    padding-right: 0px !important;
  }
}


@media screen and (max-width: 400px){
  .menu-preview .menu-tags span, .menu-preview .menu-tags2 span, .menu-preview .menu-tags3 span, .menu-preview .menu-tags4 span {
    width: 49%;
  }
}

@media screen and (max-width: 374px){
  /*
  .menu-tags3 span {
    font-size: 8px !important;
  }
  */
  .menu .food-menu .menu-item .price, .menu .food-menu .menu-item3 .price{
    font-size: 16px !important;
  }
  .menu .food-menu .menu-item3 h4 {
    font-size: 13px !important;
  }
}

@media screen and (max-width:375px){
  .about-pizze-hover{
    top: 10px !important;
    right: 23px !important;
    font-size: 16px !important;
    padding: 10px 16px !important;
  }
  .about-pizze-overlay{
    font-size: 10px;
  }
  .h2-new{
    font-size: 24px !important;
  }
  .special a.new-link-home{
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .special-slider .slider-content p , .trusted-quote .quote-body , .about2 p , .recipie-single.single-recipe ul li , .single-recipe p {
    font-size: 22px !important; /*15px*/
  }
  .special .slider-content{
    padding-bottom: 30px !important;
  }
  .footer-address .fa{
    margin-right: 15px !important;
  }
  .contact-box a{
    font-size: 14px !important;
  }
  .page_header h1{
    font-size: 35px !important;
  }
  .box-new img{
    margin: auto !important;
  }
  .box-new span, .box-new img{
    display: block !important;
  }
}

@media screen and (max-width:477px){
  .about2.new-home-about{
    background-position-x: -1451px !important;
  }
}

.fortogo-logo-big{
  width: 85%;
}

@media screen and (max-width:991px){
  .fortogo-logo-big{
    margin-bottom: 20px;
  }
}

/* new menu tags 28-01-2021 */

.new-menu-tags-container .menu-tags3{
  margin-top: 0px;
  margin-bottom: 0px; /*30px*/
  padding-top: 15px;
  padding-bottom: 15px;
  background: #ff5757;
  text-align: center;
  color: #fff !important;
}

.new-menu-tags-container{
  background: #ff5757;
  padding-left: 60px;
  padding-right: 60px;
  margin-top: -1px;
}

.menu-tags3 span{
  color: #fff;
}

.menu-tags3 img{
  background: none !important;
}

.menu-tags3 span:hover img , .menu-tags3 .tagsort3-active img{
  background-color: transparent !important;
}

.menu-tags3 .tagsort3-active , .menu-tags3 span:hover{
  color: inherit !important;
}

.menu-tags3 .tagsort3-active img{
  transform: scale(1.7);
}

.menu-tags3 .all.tagsort3-active{
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media screen and (max-width:768px){
  .new-menu-tags-container .menu-tags3{
    text-align: left;
  }
  .new-menu-tags-container{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media screen and (max-width:489){
  .new-menu-tags-container .menu-tags3{

  }
}

#overlay_home {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 99999999;
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  overflow: auto;
}

#overlay_home .popup img.closed{
  width: 100%;
  border-radius: 2px;
}

#overlay_home .popup{
  padding: 0px !important;
  border: 0px !important;
  max-width: 405px !important;
  z-index: 9999999 !important;
}

#overlay_home .popup .close{
  color: #fff;
  opacity: .7;
}


/* 2021/2022 */


.home21{
  background: #ff5757;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  /* display: none; */
  width: 100%;
  /* height: 100%; */
  background: rgba(0, 0, 0, 0.65);
  z-index: 99999999;
  -webkit-animation: fade .6s;
  -moz-animation: fade .6s;
  animation: fade .6s;
  overflow: auto;
  /* height: 100vh; */
  overflow-y: hidden;
  background-attachment: fixed;
  background-color: #ff5757;
}

.logo-home-container{
  padding-top: 90px;
  width: 100%;
  text-align: center;
}

.home21 .location-box{
  /*margin-top: 200px;*/
  padding: 30px;
  text-align: center;
  border-radius: 30px;
}

.home21 .location-box{
  color: #fff;
  padding: 70px 40px 70px 40px;
  border: solid 3px #fff;
  font-size: 26px;
  text-transform: uppercase;
  font-family: pilowlava;
  font-weight: 100 !important;

}

.location-bar{
  width: 100%;
  background: #ff5757;
  border-top: solid 1px #fff;
  text-align: right;
}

.location-bar .dropdown{
  min-height: 38px;
}

.location-bar .dropdown .dropdown-toggle{
  font-family: "Josefin Sans", sans-serif !important;
  background: none !important;
  text-transform: none !important;
}

.location-bar a.dropdown-toggle{
  color: #fff;
  padding-left: 10px;
  top: 8px;
  position: relative;
}

.location-bar .dropdown .dropdown-menu{
    float: right !important;
    right: 0 !important;
    left: auto !important;
    border-radius: 2px !important;
}

.location-bar .btn.btn-primary.dropdown-toggle{
  opacity: 1 !important;
}

.location-bar span{
  font-family: "Josefin Sans", sans-serif;
}

.desktop-navbar{
  border-bottom: none !important;
}

/* Dropdown Button */
.dropbtn {
  background-color: #ff5757;
  color: white;
  padding: 10px 0px 10px 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.location-bar .dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.location-bar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.location-bar .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.location-bar .dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.location-bar .show {display:block;}


/* ------- */

body.notscroll{
  overflow: hidden;
}

.home-intro-container{
  margin-bottom: 80px;
  margin-top: 60px;
}

.home-intro-container h3{
  color: #fff;
}

.new-page{
  background:  #ff5757;
  padding: 60px 30px 60px 30px;
}

.new-page h1.h1-new{
  text-align: left;
  font-size: 95px;
  margin-bottom: 60px;
  /* color: #484747 */
}

.new-page h2.h2-new{
  text-align: left !important;
  font-size: 95px;
  margin-bottom: 60px;
  font-family: pilowlava;
  /* color: #484747 */
}

.new-page.our-pizzas .our-pizzas-img{
  width: 100%;
  border-radius: 30px;
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  width: 300px;
  height: 200px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  margin-bottom: 30px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
}

/* Style the back side */
.flip-card-back {
  color: #828281;
  background-color: #fff;
  transform: rotateY(180deg);
  border: solid 3px #fff;
  border-radius: 30px;
  padding: 25px 40px 40px 40px;
}

.our-pizzas.new-page.white-bg .flip-card-back {
  border: solid 3px #828281;
}

.flip-card-back li{
  list-style: none;
  text-align: left !important;
  /*color: #fff;*/
}

.flip-card-back ul{
  padding-left: 0px !important;
}

.flip-card-back .fa.fa-caret-right, .footer i.fa.fa-caret-right, .order-instructions i{
  transform: rotate(52deg) skew(15deg,-40deg);
}

/*
.flip-card:hover .flip-card-front .about-pizze-overlay{
  transform: rotateY(180deg);
  z-index: 999;
  background: #ff5757;
  color: #fff;
  transition: all .8s;
}
*/

.flip-card .flip-card-back .about-pizze-overlay{
  left: auto !important;
  right: 35px;
}

.flip-card .about-pizze-overlay{
  border-radius: 5px;
}

.flip-card-front img{
  border: solid 5px #fff;
}

.home-button h2{
  text-align: left;
}

.section-cta-home{
  background:  #ff5757;
  margin: 15px;
  padding: 60px 30px 60px 30px;
  border-radius: 15px;
  position: relative;
}

.section-cta-home h2{
  font-size: 6vw; /*70px*/
  margin-bottom: 30px;
}

a.home-btn:hover h2{
  text-decoration: underline;
  transition: 1s all;
}

.section-cta-home{
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-color: #ff5757 !important;
}

.home-btn p{
  width: 100%;
  color: #fff;
  margin-top: 30px;
}

nav.navbar{
  /*box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 10%) !important;*/ /*--> alternativa*/
  /*border-bottom: solid 1px #ffffff91 !important;*/
  z-index: 99; /*9999999*/
}

@media screen and (max-width:992px){
  nav.navbar.navbar-fixed-top.mobile-navbar{
    border-bottom: solid 1px #ffffff91 !important;
  }
}

.complete-menu h2{
  font-family: pilowlava;
  font-weight: 100 !important;
  /*color: #fff;*/
  text-align: right;
  margin-top: 60px;
  text-decoration: underline;
}

#home_about{
  background-color: #fff !important;
  margin-top: 60px;
}

#home_about .home-btn p{
  color: #828281;
}

#home_about h2{
  color: #ff5757 !important;
  text-align: left;
}

.section-cta-home{
    background-size: contain !important;
}

.menu-wrapper h4 span{
  transform: rotate(-5deg);
  font-family: 'Raleway';
  color: #ff5757;
  position: absolute;
  right: 18%;
  font-size: 12px;
}

.carousel-control.left, .carousel-control.right{
  background: none !important;
}

li.slick-slide p{
  color: #fff !important;
}

.mt-120{
  margin-top: 120px;
}

.quote-author{
  margin-left: auto !important;
  margin-right: auto !important;
}

#home_about p > a{
  color: #828281;
  text-decoration: underline;
}

#home_about p > a:hover{
  text-decoration: none;
}

.quote-body a {
  color: #fff !important;
}

.intro-img{
  width: 100%;
}

#home_about{
  background-image: url('../img/pizza-bg.jpg');
  background-size: 40% !important;
  background-position: top right !important;
}

#home_about p.about-text-home{
  width: 100% !important;
}


#home_about .trusted{
  margin-left: -10px;
}


#home_about .pizza-bg{
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

#home_section_order{
  margin-top: 130px;
}

.animated-long{
  animation-duration: 2s;
}

.animated-short{
  animation-duration: .5s;
}

.slick-dots{
  display: none !important;
}

.new-page{
  margin-top: 115px;
}

.menu .food-menu .menu-item p, .menu .food-menu .menu-item3 p{
  min-height: 100px;
}

.valma-footer-title{
  margin-top: 33px !important;
}

.about-page .col-md-7.text-left{
  padding: 41px;
  background-color: #fff;
  border-radius: 30px;
}

.about-page .col-md-5 img.img-responsive{
  border-radius: 30px;
  border: solid 3px #fff;
}

.wave{
  height: 150px;
  /*overflow: hidden;*/
  margin-top: -1px !important;
}

.wave.rotate-180{
  transform: rotate(180deg);
  margin-bottom: -1px !important;
}

.wave svg path{
  fill: #ff5757 !important;
}

.gallery-item img, .gallery-item .gi-overlay{
  border: solid 3px #fff;
  border-radius: 30px;
}

.ingredient-descr-container h2.h2-new{
  font-size: 50px;
}

.footer{
  margin-top: -2px;
}

.div-map{
  border-radius: 30px;
}

#contacts_lecco, #contacts_valmadrera{
  display: none;
}

.white-bg{
  background: #fff;
}

.our-pizzas.new-page.white-bg, .gallery-content.new-page.white-bg, .recipie-single.single-recipe.new-page.white-bg{
  margin-top: -50px;
}

#location_dropdown{
  right: 0;
}

.ingr-text-box{
  background: #fff;
  border-radius: 30px;
  padding: 30px;
}

.ingr-text-box i{
  transform: rotate(52deg) skew(15deg,-40deg);
}

.ingr-img{
  border-radius: 30px;
  border: solid 3px #fff;
}

.ingr-icon{
  width: 70px;
  right: 10px;
  top: 10px;
  border-radius: 15px;
  position: absolute;
}

.recipie-single.single-recipe.new-page .row{
  margin-bottom: 30px;
}

/* ! modifica: NO mobile ! */
.pl-0{
  padding-left: 0px;
}

.pr-0{
  padding-right: 0px;
}

.new-page.white-bg .ingr-text-box{
  background: #ff5757;
  color: #fff;
}

.new-page.white-bg .ingr-text-box h2, .new-page.white-bg .ingr-text-box p{
  color: #fff !important;
}

.ingr-text-box h2{
  font-size: 50px !important;
}

#order_phone .order-new-btn{
  border-radius: 25px;
}

.logo-home-container img{
  width: 380px;
}

.popover, .popover-title{
  border-radius: 15px;
}

.swipe-new{
  filter: drop-shadow(2px 4px 6px black);
  width: 80px;
  position: absolute;
  top: 167px;
  right: -48px;
  z-index: 10;
  animation-duration: 1.5s;
}

.trusted{
  position: relative;
}

span.coming-soon{
  position: absolute;
  top: 69%;
  left: 35%;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.intro-valma-container{
  position: relative;
  opacity: 0.3;
}

#location_dropdown a.coming-soon{
  opacity: 0.3;
}

.section-cta-home .home-button img{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 272px;
  margin: 12px;
}

#popover_valma_wrapper{
  display: none;
}

#select_location .popover-content{
  display: none;
}

#select_location .popover-title{
  background-color: #fff;
}

.home-btn .col-sm-4 img{
  width: 100%;
  padding: 15px;
}

@media screen and (max-width:1199px) and (min-width:993px){
  .navbar-brand{
    display: none;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px){
  .section-cta-home .home-button img{
    width: 120px !important;
    margin-top: 27px !important;
  }
}

.mobile-pizza-about-img{
  display: none;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767px){
  .section-cta-home .home-btn .home-button p{
    display: none;
  }
  .section-cta-home .home-button img{
    position: absolute;
    top: -60px;
    right: 0px;
    width: 170px;
    margin: 12px;
  }
  h2.h2-new{
    font-size: 8vw;
    margin-top: 25%;
    margin-bottom: 25%;
  }
  .recipie-single.single-recipe.new-page h2.h2-new{
    margin-top: 0px !important;
  }
  .section-cta-home{
    padding:0px !important;
  }
  #home_about{
    margin-top: 0px !important;
  }
  .section-cta-home .home-btn .row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  #home_about h2.h2-new{
    margin-bottom: 30px !important;
    margin-top: 60px !important;
  }
  .mobile-pizza-about-img{
    display: block;
    width: 35vw;
  }
  .trusted-quote{
    padding-top: 0px !important;
  }
  .swipe-new{
    width: 50px;
    top: 37px;
    right: 25px;
  }
  .mobile-pizza-about-img.pizza-left{
    float: left;
    margin-left: -30px;
  }
  .mobile-pizza-about-img.pizza-right{
    float: right;
    margin-right: -30px;
  }
  #home_about{
    background: none !important;
  }
  .logo-home-container img{
    width: 90% !important;
  }
  #select_location .right-col{
    padding-left: 0px;
  }
  #select_location .left-col{
    padding-right: 0px;
  }
  #select_location .cent-col{
    padding: 0px;
  }
  span.coming-soon{
    display: none !important;
  }
  .new-page{
    padding: 0px;
  }
  .about2 .col-md-7{
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  .new-page h1.h1-new{
    margin-top: 100px;
    font-size: 15vw;
  }
  .contact-box{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 60px !important;
  }
  .timetable-col{
    margin-bottom: 60px;
  }
  .main-content.contact-content{
    padding-top: 0px;
  }
  /*
  .flip-card {
    width: 100%;
    height: 240px;
  }
  .flip-card-back{
    height: 240px;
  }
  */
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px){
  .new-page{
    margin-top: 50px;
  }
  #home_section_order{
    margin-top: 110px !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991px){
  .about-page .col-md-7.text-left{
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 70px;
  }
  .about2{
    padding-top: 0px;
  }
  .our-pizzas.new-page .col-sm-4{
    display: table;
  }
  .contact-content h3{
    margin-top: 60px !important;
  }
  .napule-card-section .napule-card-text{
    margin: 15px;
    margin-top: 100px;
    padding: 41px;
  }
  .card-mockup-holder .flip-card{
    width: 90%;
    margin: auto;
    max-width: 450px !important;
    width: auto !important;
  }
}

#hamburger-btn{
  display: inline-block !important;
}

@media (max-width: 430px){
  .extra{
    min-height: 375px;
  }
  .napule-card-section .napule-card-text{
    margin-top: 60px;
    padding: 20px;
  }
}

@media (max-width: 372px){
  .extra{
    min-height: 415px;
  }
}

.break-word{
  word-wrap: break-word;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1500px){
  .section-cta-home h2{
    font-size: 5vw;
  }
}

@media (min-width: 1900px){
  .section-cta-home h2{
    font-size: 3vw;
  }
}


/*
.slick-list{
  overflow: initial;
}
*/

.slick-slide{
  transition: all .4s;
}

.slick-slide:not(.slick-active){
  opacity: .2;
}

h2, .contact-box h3, .timetable-col h3{
  font-family: pilowlava !important;
  font-weight: 100;
}

.timetable-col h3 small{
  display: inline-block !important;
  font-family: 'pilowlava';
  color: #4b4741;
}

.order-steps .single-step h2{
  font-family: "Raleway", sans-serif !important;
  font-weight: 800 !important;
}

#select_location .logo-home-container img{
  margin-right: 15px;
}

.card-mockup-holder .flip-card-inner img{
  width: 100%;
  border-radius: 30px;
  opacity: .9;
  filter: drop-shadow(2px 2px 3px #918c8c) brightness(1.18);
}

.card-mockup-holder .flip-card-inner .flip-card-back{
  padding: 0px !important;
}

.card-mockup-holder .flip-card-inner img{
  border: none !important;
}

.card-mockup-holder{
  transform: rotate(-13deg);
}

.card-mockup-holder .flip-card{
  width: 450px;
}

.card-form{
  margin-top: 160px;
}

.card-form .form-text{
  color: #828281 !important;
}

.card-form .form-text a{
  color: #828281 !important;
}

.card-form input{
  border-radius: 0px !important;
  background: #fff;
  border: solid 3px #8282811f !important;
  border-radius: 15px !important;
}

.card-form .btn.btn-default.btn-lg.btn-block{
  width: 100% !important;
}

.card-link{
  /*
  background: #ff5757;
  color: #fff;
  border-radius: 10px;
  padding: 5px;
  margin: auto;
  font-family: pilowlava;
  font-size: 85%;
  */
  display: inline-block;
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  color: #4b4741;
}

.card-link:focus{
  /*
  color: #fff !important;
  */
  color: #4b4741;

}

.card-link:hover{
  /*
  color: #fff !important;
  text-decoration: underline;
  */
  text-decoration: underline;
  color: #4b4741;

}
.free-shipping-cta a{
  color: #fff;
  font-size: 80%;
}

.free-shipping-cta a:hover{
  text-decoration: underline;
}

.free-shipping-cta i{
  transform: rotateX(530deg) rotate(270deg);
  margin-left: 2px;
}

@media screen and (min-width: 992px){
  .home21 .popover{
    max-width: 304px !important;
  }

  .home21 .popover-title{
    padding: 20px 30px;
  }

  .home21 .popover.bottom{
    margin-top: 20px;
  }
}


@media screen and (max-width: 991px){
  .home21 .popover{
    max-width: 304px !important;
    margin: 5px;
  }

  .home21 .popover-title{
    padding: 8px 10px;
    font-size: 10px;
  }

  .home21 .popover.bottom{
    margin-top: 20px;
  }
}

@media screen and (min-width:768px){
  .section-cta-home{
    animation-delay: .1s !important;
  }
}

.menu-item3 .menu-wrapper h4{
  font-weight: 100;
}


.menu-item3 .menu-wrapper h4 span{
  font-weight: 800;
}

.pizza-gif-col{
  background: #ff5757;
  text-align: center;
}

.pizza-gif-col img{
  filter: brightness(1.13);
  margin: auto;
}

body.loading-page{
  min-height: 100vh;
  background-color: #ff5757 !important;
}

.loading-page .fixed-order-btn{
  display: none !important;
}

.loading-page .new-page{
  margin-top: 0px !important;
  padding-top: 115px !important;
  padding-bottom: 0px !important;
}

p.loading-text{
  color: #fff;
  font-size: 100%;
}

.body-red-bg h1{
  text-align: center !important;
}

.section-full ul li{
  font-family: "Josefin Sans", sans-serif;
  color: #828281;
  font-size: 22px;
  list-style: none;
}

.section-full ul li i.fa.fa-caret-right{
transform: rotate(52deg) skew(15deg,-40deg);
}

.new-icon.icon-tab-link.servizio-asporto{
  filter: invert(1) !important;
  transform: scale3d(1.5, 1.5, 1.5);
}

.new-icon.icon-tab-link.consegna-domicilio{
  filter: invert(1) !important;
  transform: scale3d(1.5, 1.5, 1.5) scaleX(-1);
}

.full-page .btn-1, .full-page .popup-order-span{
  display: none !important;
}

.valma-coming-soon a{
  font-weight: 700;
  text-decoration: underline;
  color: inherit;
}

.hide{
  display: none !important;
}

#loading-img-safari{
  padding: 50px;
}

#loading-img-safari img{
  width: 100px;
}

.timetable-col .table tbody tr:first-child td{
  border-top: none !important;
}

.btn.btn-default.btn-lg.btn-block:focus{
  outline: none !important;
}

.card-steps .single-step{
  border-right: none !important;
}

.no-border{
  border: none !important;
}

.card-steps .row{
  border-bottom: solid 1px #ddd;
  padding-top: 30px;
  padding-bottom: 30px;
}

.card-steps h2{
  font-family: inherit !important;
  font-weight: 400;
  text-transform: inherit !important;
  margin-left: 53px;
  text-align: left;
  color: #828281;
}

#card_rules{
  display: none;
}

#card_rules ul li i{
  transform: rotate(52deg) skew(15deg,-40deg);
}

#card_rules ul li{
  list-style: none;
  color: #828281 !important;
  font-size: 21px;
}

.no-padding-top{
  padding-top: 0px !important;
}

.single-step.active img.logo-card-steps{
  width: 80px;
  background: #fb5757;
  padding: 10px;
  border-radius: 50px;
}

#card_rules, #card_get, #card_promo{
  display: none;
}

#card_get a.card-link{
  text-transform: none !important;
  text-decoration: underline;
  font-size: 30px;
}

.back-btn-holder a{
  text-decoration: none;
}

#card_rules ul{
  padding-left: 0px;
}

#card_rules h3{
  text-align: left;
  margin-bottom: 30px;
  color: #828281;
}

#card_promo .row.promo{
  padding: 20px;
  margin-bottom: 10px;
  background: #fb5757;
  color: #fff;
  border-radius: 10px;
}

#card_promo .row.promo .item-price{
  font-weight: 800;
  font-size: 18px;
}

#card_promo .row.promo .item{
  font-size: 18px;
}

.more-promo{
  margin-left: 20px;
  margin-top: 20px;
}

.other-promo-link{
  color: #828281;
  text-decoration: underline;
}

.other-promo-link:hover, .other-promo-link:focus{
  color: #828281;
}

@media screen and (max-width:991px){
  .card-mockup-holder{
    margin-bottom: 200px;
  }
}

@media screen and (max-width:767px){
  .card-mockup-holder{
    margin-bottom: 150px !important;
  }
  #card_promo .row.promo{
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px !important;
  }
  #card_promo .row.promo .item-price{
    font-size: inherit;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #card_promo .row.promo .item{
    font-size: inherit;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  #card_intro .card-link{
    margin-left: 20px;
  }
}

@media screen and (max-width:527px){
  .card-mockup-holder{
    width: 90%;
    margin-left: 15px;
  }
}


/*
#totale-outer{
  margin-top: 10px !important;
}
*/


/*

red new: #ff5757
yellow: #ffdb60
gray (text): #828281

*/