body, html{

    overflow-x: hidden;

    color: #666666;

    position: relative;

    max-width: 100%;

    width: 100%;

}



*{

    font-family: 'Open Sans', sans-serif!important;

 }

p{

  margin-bottom: 2rem;

}

.align-top img{
  vertical-align: top;
}



@media(min-width: 1200px){
  .container{
    max-width: 1000px;  
  }
}



.container{  

    position: relative; 

  }
 
section{
  position: relative;
  margin: 0;
  padding: 20px 0; 
}

.header-logos{
  padding: 60px 0;
}

.header-logos-pizza{
  padding-top: 30px;
  z-index: 999;
  padding-left: 30px;
  position: relative;
}

.header-logos a{
  display: inline-block;
  margin: 0 15px;
}

.header-logos a.logo-topo-roxo{
  margin-top: 30px;
  margin-left: 53px;
}

.banner-slide{
  margin-top: 0;
  /*height: 652px;*/
  /*height: 570px;*/
  position: relative;
  display: flex;
}

.banner-slide .carousel{
  -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.carousel-inner{
  height: 100%;
  display: flex;
  align-items: end;
  overflow: initial;
}


.carousel-item,
.t-me-banner,
.t-me-banner a{
  height: 100%;
}

.content-item-carrocel-a-fome{
  padding-top: 120px;
}
.content-item-carrocel{
  padding-top: 130px;
}


.t-me-banner img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
section.bg-roxo { 
  background: #3a1d7a;
}

section.bg-roxo-color{
  background: #3a1d7a;
}

section.bg-rosa{

  /*background: url(images/bg-rosa.jpg);  */
   background: #e14b84;

  color: #ffffff;

}

section.bg-bege{
  background: #ffe581;
}

section.bg-rosa-color{
  background: #e14b84;
}
section.bg-amarelo{
   background: #ffdf00;
  /*background: url(images/bg-amarelo.jpg);*/
}

section.bg-amarelo-color{
  background: #ffdf00;
}

section.section-comida-vem{
  padding: 0
}
.pt-0{
  padding-top: 0;
}

.bg-roxo p{
  color: #ffffff;
}

.color-amarelo{
  color: #e2e560;
  font-weight: 600;
}


.navbar li:first-child{

  margin-right: 15px;

}

.btn-tdu{

  margin-bottom: 30px;

}

/*.pers-comida-vem{
  margin-top: -160px;
} */
 
.comida-vem {
  padding: 0 0 0 15px;
}


.content-item-carrocel-a-fome .comida-vem{
  margin-top: 220px;
}

.comida-vem h1{
  font-size: 35px;
  font-weight: 900;
  margin-bottom: 50px;
}

h1.header-milsemfome{
  font-size: 70px;
  line-height: 100%;
  font-weight: 600;
}

.comida-vem h1 span{
  font-weight: 300;
}

.comida-vem h1 span.color-amarelo{
  font-weight: 600;
}

.comida-vem h1>small{
  font-weight: 900;
  color: #e2e543;
  display: block;
}

h1.dia-dapizza {
    font-size: 59px;
    text-transform: uppercase; 
    color: #c14b7f;
    line-height: 120%;
    font-weight: normal; 
    font-family: 'Bebas Neue'!important; 
    margin-bottom: 15px!important;
  }
h1.dia-dapizza>span{
  font-weight: normal;
  font-family: 'Bebas Neue'!important; 
}

.mercado-para{
  padding-right: 25px;
}

.pizza-ficar{
  padding-right: 50px;
}

.dia-dia{
  padding-right: 75px;
}

.ganhe-desconto{
  font-size: 30px;
  color: #35007d;
  font-weight: bold;
  line-height: 120%;
}


.box-cupom{
  font-size: 45px;
  font-weight: 800;
  background-color: #bd4675;
  color: #ffffff;
  padding: 0 30PX;
}


.label-baixe-app {
    font-size: 25px;
    color: #34017b;
    margin-top: 40px;
    margin-bottom: 20px;
}


.header-image-pizza img{
  margin-left: -110px
}



.box-banner-pizza{
  position: relative;
  z-index: 90;
}


.box-banner-pizza-content{
  padding-right: 40px;
}
.text-milsemfome p{
  font-size: 21px;
}

.text-milsemfome p span{
  color: #e2e543;
}
 






.pede-pronto{

  padding-top: 30px;

}

.pede-pronto p{

  color: #3a1d7a;

  font-size: 18px;

  letter-spacing: 2px;

}

.pede-pronto h2{

  color: #d34d80;

  font-weight: 900;

}



.section-quem-somos h1{

  font-weight: 900;

  color: #e2e625;

  margin-top: 40px;

  margin-bottom: 40px;

}



.section-quem-somos p,

.section-quem-somos li{

  font-size: 18px;

  letter-spacing: 2px;

}



.section-quem-somos img{

  margin-top: 20px;

}

.content-quem-somos{

  padding-bottom: 20px;

}

.image-pede-ponto{
  margin-top: -43px;
  padding-left: 12px;
}



.onde-usar{
  padding-top: 10px;
  margin-bottom: 20px;
}



.header-onde-usar h2{
  font-weight: 900;
  color: #ffffff;
  padding: 30px 0;
  font-size: 30px;
}


h2.title-refeicao{
  color: #d5d564;
  font-size: 35px;
}


.header-onde-usar p{
  font-weight: 400;
  font-size: 21px;
}



.item-onde-usar h3{
  font-size: 21px;
  font-weight: 700;
  color: #ffdf00;
}



.item-onde-usar p{
  color: #ffffff;
  font-size: 18px;
  /*letter-spacing: 2px;*/
}



.onde-usar.milsemfome-100 .item-onde-usar span{ 
    font-size: 67px;
    color: #e2e625;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 100%;
} 

.onde-usar.milsemfome-100 .item-onde-usar p{
  position: relative;
  padding-left: 50px;
  margin-bottom: 4rem;
}


.onde-usar.milsemfome-100 {

}
.forma-pedido{
  color: #ffffff;
  font-size: 15px;
}

.forma-pedido a.forma-pedido-cadastro-link{ 
  text-decoration: underline;
  font-size: 18px;
  text-transform: uppercase;
  color: #e2e625;
  display: inline-block
}


.forma-pedido a.btn{
  margin-top: 20px;
  font-size: 21px;
  text-decoration: none;
  display: inline-block;

}

.pintou-fome {

  padding-top: 50px;

}

.pintou-fome h2{
  font-weight: 900;
  font-size: 30px;
  color: #de4a82;
}



.pintou-fome p{

  color: #34017b;

  font-size: 21px;

  font-weight: 700;

  margin: 20px 0;

}



.pintou-fome a{

  display: inline-block;

  margin-right: 20px;

}

.btn-pintou-fome{
  min-width: 230px;
}

.tem-restaurante {
  padding-top: 80px;
  /*padding-right: 0;*/
}

.tem-restaurante h2{

  font-size: 30px;

  margin-bottom: 60px;

  font-weight: 900;

}



.tem-restaurante p{

  font-size: 18px;

  margin-bottom: 60px;

}



.tem-restaurante b{

  font-weight: 700;

  color: #e2e625;

}


.comida-vem  .btn-primary,
.tem-restaurante .btn-primary{
  background-color: #33007b;
  color: #e2e625;
  font-weight: 900;
  font-size: 21px;
  padding-right: 40px;
  padding-left: 40px;
  border-color: #300074;
  border: none;
}



.comida-vem  .btn-primary:hover,
.comida-vem  .btn-primary:active,
.comida-vem  .btn-primary:focus,
.tem-restaurante .btn-primary:hover,
.tem-restaurante .btn-primary:active,
.tem-restaurante .btn-primary:focus{
  background-color: #33007b!important;
  color: #e2e625!important;
  box-shadow: none!important;
}

.tem-restaurante .btn-primary{
  min-width: 250px;
}


.btn-danger{
  background-color: #de4a82;
  color: #ffffff!important;
  font-weight: 700;
  font-size: 21px;
  padding-right: 40px;
  padding-left: 40px;
  border: none;
  border-radius: 8px;
}









.btn-warning{ 

  color: #34017b!important;

  font-weight: 700;  

  border: none;

  background-color: #e2e625; 

  border-radius: 8px;

}





.btn-warning:focus,

.btn-warning:active,

.btn-warning:hover

{

  background-color: #e2e625!important; 

  color: #34017b!important;

  box-shadow: none!important;

}



/*.btn-danger.btn-sm{ 
  font-size: .875rem;
}*/

.btn-danger:focus,
.btn-danger:active,
.btn-danger:hover{
  background-color: #de4a82!important;
  color: #ffffff!important;
  box-shadow: none!important;
}

.footer-colluna{
  padding-top: 30px;
  padding-bottom: 30px;
}



.footer-colluna h3{ 
  font-size: 13px; 
  color: #ffdf00;
}

.footer-colluna p{

  font-size: 15px;

  color: #ffffff; 

  margin-bottom: 20px;

}



/*.footer-colluna a{

  margin-right: 30px;

}

*/



.footer-colluna ul,

.footer-colluna ul>li{

  padding: 0;

  margin: 0;

  list-style: none;

}



.footer-colluna ul>li>a{

  color: #ffffff;

  font-size: 13px;

  position: relative;

  padding-left: 10px;

  display: inherit;

  line-height: 140%;

}

.footer-colluna ul>li{

  margin-bottom: 5px;

}

.footer-colluna ul>li>a:before{

  content: '> ';

  position: absolute;

  left: 0;

}



 



.image-float{

  position: absolute;

  z-index: 999;

  pointer-events: none;

}



.float-fome-vai{

  left: -480px;

  bottom: -80px;

}

.float-pintou-fome {
    right: 0;
    bottom: -60px;
}



.float-tem-restaurante {

    left: 0;

    top: -241px;

}



.logo-footer{

  padding-left: 20px;

  padding-top: 50px; 

  padding-bottom: 50px;

}



.copy{

  padding-top: 20px;

  font-size: 11px;

  color: #d34e80;

}



.image-pintou-fome-mobile, .image-tem-restaurant-mobile{

  display: none;

}


.logo-mil{
  margin-bottom: 20px;
}

.logo-mil{
  max-width: 250px;
  margin-left: 15px;
}
.header-logos-home{
  position: relative;
  z-index: 999;
}
.logo-eats{
  opacity: 1;
  transition-duration: .6s;
 transition-property: opacity; 
}
.logo-eats-active{
  opacity: 0; 
}

.carousel-indicators li{
  height: 20px;
  width:  20px;
  border-radius: 50%;
}

@media(max-width: 1199px){

 
  /*.comida-vem h1 {
    font-size: 38px; 
  }*/

 /**/

 h2.title-refeicao{
  font-size: 32px;
 }

  h1.dia-dapizza {
    font-size: 45px;
    margin-bottom: 0!important;
  }

  .ganhe-desconto{
    font-size: 25px;
    margin-bottom: 20px;
  }

  .box-cupom{
    font-size: 35px;
  }

  .label-baixe-app{
    font-size: 22px;
    margin-top: 20px;
  }
 .header-image-pizza img{
    width: 650px;
    margin-top: 0!important; 
    margin-left: -90px;
  }
 

 .logo-desconto-pizza{
  width: auto;
  height: 150px;
 }

}

@media(max-width:  1600px){
  .header-image-pizza img {
    max-height: 800px;
  }
  h1.dia-dapizza {
    font-size: 50px; 
  }
  .ganhe-desconto {
    font-size: 25px; 
    margin-bottom: 20px;
  }
  .box-cupom {
      font-size: 34px; 
  }
  .label-baixe-app { 
      margin-top: 20px; 
  }
}

@media(max-width:  1440px){

  .header-logos-pizza{
    padding-bottom: 0!important;
  }
  .logo-desconto-pizza{
    height: 130px;
  }
  .header-image-pizza img {
    max-height: 657px;
  }
  h1.dia-dapizza {
    font-size: 40px; 
    line-height: 114%;
    margin-bottom: 10px!important;
  }
  .ganhe-desconto {
    font-size: 20px; 
    margin-bottom: 18px;
  }
  .box-cupom {
      font-size: 25px; 
  }
  .label-baixe-app { 
      margin-top: 20px; 
  }
  .label-baixe-app {
    font-size: 20px;
  }
}


@media(max-width: 1150px){
  .content-item-carrocel-a-fome img,
  .section-comida-vem .text-right img{
    max-width: 100%;
    margin-top: 7px;
  }
  .header-image-pizza img{
    max-width: inherit!important;
  }
  .section-comida-vem .text-right img{
    /*margin-top: 52px;*/
  }
  h1.header-milsemfome {
    font-size: 60px; 
  }
  .text-milsemfome p {
      font-size: 18px;
  }

  .content-item-carrocel {
    padding-top: 90px;
  }

  .content-item-carrocel-a-fome .comida-vem{
    margin-top: 180px;
  }
}

@media(max-width: 991px){

  .image-float img, .image-item-onde-usar img{

    max-width: 60%;

  }



.float-fome-vai { 
    bottom: -50px;
} 
 .comida-vem h1{
  margin-bottom: 20px;
 }
  .comida-vem {

      padding: 0; 

  }

  .content-item-carrocel-a-fome .comida-vem { 
    min-width: 265px;
  }


  .content-item-carrocel-a-fome .fome-vai {
    margin-left: -50px;
  }
  .pers-comida-vem img,

  .image-pede-ponto img,

  .image-tem-restaurant img, 

  .image-pintou-fome img{

    width: 100%;

  }

  .pede-pronto {

    padding-top: 10px;

  }

  .image-pede-ponto{

    padding-left: 0;

  }



  .pers-comida-vem img{

    margin-left: -30px;

  }



  .pede-pronto h2, 

  .header-onde-usar h2,

  .tem-restaurante h2,

  .pintou-fome h2{

    font-size: 25px;

  }

 
  .pede-pronto p { 

      font-size: 15px; 

      margin: 0;

  }



  .section-quem-somos p{

    font-size: 15px;

  }

  .pintou-fome p{

    font-size: 18px;

  }

  .pede-pronto p br{

    display: none;

  }



  .item-onde-usar p, .forma-pedido{ 

    font-size: 13px; 

  }

  .tem-restaurante p{

    font-size: 15px;

  }

  .pintou-fome a{

    margin: 0;

  }


.header-onde-usar .lead{
  font-size: 18px;
}


  .tem-restaurante{

    padding-right: 0;

  }



  .tem-restaurante h2, .tem-restaurante p{

    margin-bottom: 20px;

  }

  .pintou-fome{

    padding-top: 30px;

  }

  .pintou-fome h2, .pintou-fome p{

    margin-bottom: 15px;

  }



  .float-tem-restaurante {

      left: -363px;

      top: -196px;

  }



  .footer-colluna p{

    font-size: 13px;

  }



  .footer-colluna.pl-4{

    padding-left: 0!important;

  }



  .footer-colluna.pl-4.colf-1{

    padding-left: 30px!important

  }

  .section-quem-somos img {

      margin-top: 20px;

      margin-left: -120px;

  }


  h1.header-milsemfome {
    font-size: 45px;
    margin-bottom: 10px!important;
  }

  
  .text-milsemfome a>img{
    max-width: 145px;
  }

  .section-comida-vem .pr-1,
  .section-comida-vem .pl-1{
    padding: 0;
  }
  .comida-vem.text-milsemfome{
    padding: 0;
  }

 
  div.header-logos.pb-2 > a:nth-child(2){
    margin-left: 0;
  }

  .section-comida-vem .text-right img {
    max-width: 400px;
    /*margin-top: 70px;*/
    margin-left: -40px;
  }
  .header-logos {
    padding-top: 40px;
  }

  .onde-usar.milsemfome-100 .item-onde-usar span{
    font-size: 40px;
  }
  .onde-usar.milsemfome-100 .item-onde-usar p {
    padding-left: 28px;
  }

  .milsemfome-100 .image-item-onde-usar img{
    max-width: 90px;
  }

  .milsemfome-100 .image-item-onde-usar.mb-4{
    margin-bottom: 15px!important;
  }


  .box-banner-pizza-content{
    padding-right: 0;
  }
}



@media(max-width: 767px){



  .container{

    max-width: 414px;

  }



  .float-fome-vai { 

    bottom: -80px;

}



  .pers-comida-vem, .image-pede-ponto{

    margin-top: 20px;

  }

  .comida-vem{
    padding-left: 0;
    padding-top: 0;
  }

  .pede-pronto.text-right{
    padding-top: 30px;
    text-align: left!important;
  }



  .pede-pronto h2, .header-onde-usar h2, .tem-restaurante h2, .pintou-fome h2  {

      font-size: 22px;

  }



  .section-quem-somos p{

    font-size: 13px;

  }

  .item-onde-usar p, .forma-pedido  {

      font-size: 13px;

      padding: 0 56px;

  }



  .image-pintou-fome, .image-tem-restaurant{

    display: none;

  }



  .image-pintou-fome-mobile, .image-tem-restaurant-mobile{

    display: block;

  }



  .image-float img{

    max-width: 75%;

  }

  .float-fome-vai {

    left: -240px; 

  }



  .image-tem-restaurant-mobile,

  .image-pintou-fome-mobile{

    text-align: center;

  }



  .image-tem-restaurant-mobile img,

  .image-pintou-fome-mobile img{

    width: 270px;

  }



  .image-pede-ponto img{

    max-width: 280px;

  }



  .pers-comida-vem img{
    max-width: 325px;
  }

  .pers-comida-vem{

    margin-top: 0;

    text-align: center;

  }

  .pintou-fome, .image-pede-ponto{

    text-align: center;

  }



 

  .float-pintou-fome img{

    max-width: 60%;

  }



  .pintou-fome a{

    margin-bottom: 10px;

  }

  .float-pintou-fome {

    right: -600px; 

    bottom: -105px;

  }







  .float-tem-restaurante{

      left: -217px;

      top: -120px;

  }



  .float-tem-restaurante.image-float img{

      max-width: 60%;

  }



  .footer-colluna{

    text-align: center;

    padding-left: 0!important

  }



  .text-center.logo-footer{

    padding-left: 0;

    text-align: center;

        padding-bottom: 30px;

  }



  .section-comida-vem .col-sm-6,

  .pede-ponto-section .col-sm-7,

  .pede-ponto-section .col-sm-5,

  .onde-usar .col-sm-4,

  .section-tem-restaurant .col-sm-6,

  .section-tem-restaurants .col-sm-5,

  .section-rodape .col-sm-7,

  .section-rodape .col-sm-5{

    width: 100%;

    max-width: 100% !important;

    flex: 100%;

  } 

  .section-tem-restaurants .hidden-col,

  .section-tem-restaurant .col-sm-6.hidden-col{

    display: none;

  }



  .footer-colluna.pl-4.colf-1{

    padding-left: 0!important;

  }



  .footer-colluna {

    padding-top: 0;

    padding-bottom: 0;

  }



  .footer-colluna ul>li>a { 

    line-height: 226%;

    padding-left: 0;

  }

  .footer-colluna ul>li>a:before { 

    position: initial; 

}



  .section-rodape .col-sm-3{ 

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }



  .bg-roxo.section-rodape{

    padding-bottom: 50px;

  }



  .section-quem-somos .col-sm-6{

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }



  .section-quem-somos .col-sm-6.mt-auto{

      display: none;

  }



  .section-quem-somos img{

    margin-left: 0;

    width: 270px

  }

/*  .section-rodape>.container{

    max-width: 300px;

  }*/

  .logo{

    width: 140px;

  }





  .section-comida-vem .row>div{



  }



 



  .pers-comida-vem img {

      margin-left: 0;

  }



  .d-sm-none{

    display: block!important;

  }


 

  .navbar li:first-child {
      margin-right: 0;
      margin-bottom: 20px;
  }



  .navbar-nav{

    margin-top: 20px;

  }

  .header-onde-usar .lead {
    font-size: 14px;
  }

  h2.title-refeicao{
    font-size: 19px;
    padding-bottom: 0;
  }

  .onde-usar.milsemfome-100 .item-onde-usar p{
    display: inline-block;
    margin-left: 110px;
    letter-spacing: normal;
  }
  

  .content-item-carrocel-a-fome .comida-vem {
      margin-top: 30px;
  }
  .content-item-carrocel{
    padding: 0;
  }


  .header-image-pizza img {
    max-width: 432px!important;
    margin-top: 0!important;
    margin-left: -60px;
  }

  h1.dia-dapizza {
    font-size: 25px;
    margin-bottom: 0!important;
  }

  .ganhe-desconto {
     font-size: 12px;
      margin-bottom: 20px;
  }

  .pizza-ficar {
    padding-right: 15px;
  }
  .dia-dia {
    padding-right: 26px;
  }
  .mercado-para {
    padding-right: 10px;
  }

  .box-cupom {
    font-size: 22px;
    padding: 0 10px;
  }
  .label-baixe-app {
    font-size: 18px;
    margin-top: 20px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .link-sociais>a.mr-3{
    margin: 0!important;
  }
  .link-sociais img {
    width: 100px;
    height: auto;
  }

  .text-center.link-sociais{
    width: 205px;
    text-align: left!important;
  }

  .logo-desconto-pizza {
      width: auto;
      height: 80px;
  }

  .logo-topo-roxo img{
    height: 30px;
  }

 .header-logos a.logo-topo-roxo {
    margin-top: 10px;
    margin-left: 20px!important;
  } 


  .box-banner-pizza { 
    padding-right: 15px;
  }
}



@media(max-width: 575px){


  .header-logos{
    padding: 10px 0 14px 0!important; 
  }
  .comida-vem h1 {
    font-size: 30px; 
    margin-bottom: 0;
  }

  .comida-vem h1+a{
    margin-top: 30px;
    margin-bottom: 16px;
  }
  h1.header-milsemfome {
      font-size: 30px;
      padding-right: 60px;
  }

  .text-milsemfome p { 
    font-size: 16px;
    margin-bottom: 20px;
  }


  .comida-vem h1 br{
    display: none;
  }
  .section-comida-vem .text-right img {
      max-width: 100%; 
      margin-left: 0;
      margin-top: 16px;
  }



  .header-onde-usar .lead br{
    display: none;
  }
  .onde-usar.milsemfome-100 .item-onde-usar p {
      display: inline-block;
      margin-bottom: 2rem;
      /*margin-left: 66px;*/
  }
  .milsemfome-100 .image-item-onde-usar img{
    max-width: inherit;
  }
  .header-logos a:last-child{
    margin-right: 0!important;
  }

  .text-milsemfome p br{
    display: none;
  }
  .text-milsemfome a>img, .pintou-fome img {
      max-width: 130px;
  }


  .pintou-fome a:first-child{
    margin-right: 1rem!important;
  }

  h2.title-refeicao br{
    display: none;
  }

  .header-image-pizza img {
      max-width: 360px!important; 
      margin-left: -84px;
  }
  .box-banner-pizza-content {
      padding-right: 29px;
  }
  .logo-desconto-pizza { 
      height: 70px;
  }

  .ganhe-desconto {
      font-size: 10px; 
      margin-bottom: 5px;
  }
  .box-cupom {
    font-size: 16px; 
  }
  .label-baixe-app {
      font-size: 13px;
      font-weight: 600;
      padding-right: 30px;
    padding-left: 30px;
  }

  .text-center.link-sociais {
      width: 180px;
      text-align: left!important; 
  }
  .link-sociais img {
      width: 87px;
      height: auto;
  }
}



@media(max-width: 400px){
  .onde-usar.milsemfome-100 .item-onde-usar p{ 
    margin-left: 90px; 
  }
}
@media(max-width: 359px){

  .item-onde-usar p, .forma-pedido { 
    padding: 0 36px;
  }
  .onde-usar.milsemfome-100 .item-onde-usar p { 
      margin-left: 60px;
  }

  .comida-vem h1 {
    font-size: 25px; 
  }

  .comida-vem h1+a {
    margin-top: 10px;
    margin-bottom: 10px;
  } 

  .comida-vem .btn-primary, .tem-restaurante .btn-primary{
    font-size: 15px;
  }

}



@media(min-width: 768px){

  .personagem-mobile{

    display: none!important;

  }

}



#accordion .card{

  background-color: #300079;

  border-radius: 0;

  border: none;

}





.card-header{

  position: relative;

  border: none;

}

.collapse--icone{

  position: absolute;

  height: 100%;

  left: 0;

  top: 0;

  background-color: #e2e625;

  width: 55px;

}



.collapse--icone:after, .collapse--icone:before {

    content: '';

    position: absolute;

    width: 15px;

    height: 3px;

    background-color: #34017b;

    -webkit-transition: -webkit-transform .3s ease-in-out;''

    -ms-transition: -ms-transform .3s ease-in-out;

    transition: transform .3s ease-in-out;



    top: 50%;

    left: 50%;

    margin-left: -7.5px;

    margin-top: -1.5px;



}



.collapsed .collapse--icone:after {

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    bottom: 9px;

}



/*.collapse--icone:after {

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

} */





/*.collapse--icone:before{

  top: 50%;

  left: 50%;

  margin-left: -10px;

  top: -1px;

}*/



.card-header .btn-block {

  text-align: left;

  padding-left: 90px;

  white-space: unset;

  padding-right: 20px;

}



#accordion .card-body{

  padding-left: 90px;

  /*padding-right: 215px;*/

}



.card-header h5>a{

  font-size: 20px;

  font-weight: bold;

}



#accordion p, #accordion li{

  font-size: 16px;

}



#accordion ol,

#accordion ul,

#accordion li{

  margin: 0;

}



#accordion a{

  color: #ffffff;

}



#accordion ol,

#accordion ul{

  padding-left: 20px;

}





.faq-num{

  color: #e2e625;

  margin-right: 10px;

}



.image-footer-faq{

  position: relative;

  margin-top: -256px!important;

  margin-right: -25px;

  pointer-events: none;

}



.navbar-toggler {

    padding: .25rem .75rem;

    font-size: 1.25rem;

    line-height: 1;

    background-color: #e2e625; 

    border-radius: 0;

}





.p-faq-table-item7-usuario{

  padding-right: 220px;

}

.p-faq-table-item8-usuario{

  padding-right: 257px;

}



.item-12{

  padding-right: 280px;

}




/*@media(max-width: 1150px){
  .banner-slide{
    height: 547px;
  }
}
*/

@media(max-width: 991px){

  .image-footer-faq { 

      width: 300px; 

  }



  #accordion .card-body{

    padding-right: 20px;

  }



  .p-faq-table-item7-usuario{

    padding-right: 165px;

  }

  .p-faq-table-item8-usuario{

    padding-right: 150px;

  }

  .item-12 {

    padding-right: 180px;

  }



  .item-112{

    padding-right: 230px;

  }

  .content-item-carrocel-a-fome {
      padding-top: 150px;
  }

  .section-comida-vem .text-right img{
    margin-top: 27px;
  }

}


@media(min-width:  678px){
  .visible-xs{
    display: none;
  }
}
@media(max-width: 767px){


  .hidden-xs{
    display: none;
  }

    #accordion .card-body { 

      padding-left: 20px;

  }



  #accordion .card-body img{

    width: initial;

  }

  .card-header .btn-block{

    padding-left: 70px;

  }

  .faq-num {

    margin-right: 0;

  }



  .section-quem-somos .container{

    max-width: 100%;

  }



  .image-footer-faq{

    margin: 0!important;

  }



  #accordion + .text-right{

    text-align: center!important;

  } 
 

  .p-faq-table-item7-usuario, .p-faq-table-item8-usuario, .item-12, .item-112{

    padding-right: 0;

  }

  .card-header h5>a {

    font-size: 15px; 

  }



  #accordion p ,  #accordion li{

      font-size: 13px;

  }

  .section-quem-somos h1{

    font-size: 30px;

  }

  .header-logos a{
    margin: 0;
  }

  .header-logos a:last-child{
    margin-left: 15px;
  }

  .content-item-carrocel-a-fome {
      padding-top: 0;
  }

  .banner-slide {
      height: auto; 
  }
  .t-me-banner img {
      max-width: 100%;
      height: auto;
      object-fit: inherit;
  }

  .t-me-banner{
    background-color: #3f018a;
    padding-top: 15px;
  }

}

@media(max-width:  575px){
  .t-me-banner{
    padding: 0;
  }

  .banner-slide{
    max-height: 579px;
  }
/*  .t-me-banner img { 
      margin-top: -95px;
  }*/
}
@media(max-width: 414px){
  .section-comida-vem .text-right img{
    margin-top: 0;
    max-width: 330px;
  }
  .pers-comida-vem img{
    margin-top: 0; 
    max-width: 304.5px;
  }
  h1.dia-dapizza{
    line-height: 107%; 
  }
/*  .banner-slide {
      height: 543px;
  }*/
  .t-me-banner img { 
      margin-top:0
  }
}


@media(max-width: 413px){
  .header-image-pizza img {
      max-width: 280px!important;
      margin-left: -66px;
  }
  .box-banner-pizza-content {
    padding-right: 0
  }
  h1.dia-dapizza {
    font-size: 20px; 
  }
  .ganhe-desconto {
    font-size: 11px;
    margin-bottom: 5px;
  }
  .label-baixe-app { 
      margin-top: 5px;
    margin-bottom: 5px;
  }

  .header-logos {
     padding-bottom: 0!important;
  }

  .header-logos a.logo-topo-roxo {
      margin-top: 0; 
  }
  .logo-topo-roxo img {
      height: 20px;
  }
}



@media(max-width: 399px){
  .banner-slide {
      /*height: 543px;*/
  }
}


@media(max-width:  375px){
  .banner-slide { 
    /*max-height: 515px;*/
  }
}
@media(max-width: 359px){
  .section-comida-vem .text-right img{
      max-width: 290px;
      margin-top: 30px;
  } 

  .content-item-carrocel { 
      padding-top: 12px;
  }

 
  .pers-comida-vem img{ 
    max-width: 256px;
  }
  .ganhe-desconto {
    font-size: 9px; 
  }
/*  .banner-slide { 
      max-height: 460px;
  }*/
}


.navbar-nav .nav-link{
    font-weight: 800;
    font-size: 18px!important;
    border-radius: 8px;
    padding-right: 30px!important;
    padding-left: 30px!important;
}

#navbarSupportedContent > ul > li:first-child > a{
  background-color: #de4a82;
  color: #ffffff;
}
#navbarSupportedContent > ul > li:last-child > a{
  background-color: #ffdf00;
  color: #3a1d7a;
}


.container{
  /*border: 1px solid red;*/
}

.content-mais-delibery{
  height: 100%; 
}

.content-mais-delibery img{
  margin-left: -485px;
}

.content-mais-delibery>.container{
  height: 100%; 
}

.media-mais-delivery{
  margin-top: 23px;
}

.content-mais-delibery h2{
  font-size: 50px;
  font-weight: 900;
}

.content-mais-delibery p{
  font-size: 40px;
  font-weight: 100;
}

.content-text-mais-delivey{
  margin-left: 115px;
}

.content-text-mais-delivey img{
  position: absolute;
  left: 0;
  z-index: 999;
}


.footer-colluna ul.no-before>li>a{
  padding-left: 0;
}
.footer-colluna ul.no-before>li>a:before{
  display: none;
}



@media(max-width:  991px){
  .navbar-nav .nav-link {
    font-size: 14px!important;
  }
  .content-text-mais-delivey {
    margin-left: 0;
  }
  .content-text-mais-delivey img {
    max-width: 300px;
  }
  .float-pintou-fome {
      right: -130px; 
  }
  .float-tem-restaurante {
      left: 0;
      top: -151px;
  }
  .content-mais-delibery img{ 
    max-width: 100%;
    margin: 0;
  }

  .content-mais-delibery .container{
    max-width: 100%;
    padding-right: 0;
    padding-left:  0;
  }
}



@media(max-width:  575px){
  .content-mais-delibery h2 {
    font-size: 35px; 
  }
  .content-mais-delibery p {
      font-size: 30px; 
      margin: 0;
  }

  .media-mais-delivery img{
    max-width: 242px
  } 
  .content-text-mais-delivey img {
    right: 0;
    left: auto;
    bottom: -402px;
    max-width: 250px;
}
 

  .content-text-mais-delivey{
    padding-top: 50px;
    padding-left: 30px;
  }
  
}