@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

.dot-1 {
  background-color: #ffda17;
}

/* Color */
ul.higher-reach a:hover,footer.three ul.booking li a span:hover,
.content-header a:hover,.header-social-media a:hover,.register a:hover,.featured-dishes p span,
.best-solutions-service a h3:hover,.navbar-links li > a:hover,
.discover li span,.weekly-special sup,.heading span,.bbr-price h3,.chef-text span,
.welcome-to-foodio a h4:hover,.chef-text h3:hover,.fast-food-menus h3:hover,
.recent-news h3:hover,.link-about a:hover,.deal-week h2 span,.footer-bootem h6 span,
.seated h2,ul.trending-dishes-list li a:hover,
.our-blog .recent-news-two h2:hover,.recent-posts li a,.recent-posts li h6 a:hover,
ul.categories li a:hover,.featured-dishes a h5:hover,
.box form .remember .second a,tr.Total,table.shop_table td.product-subtotal span,
table.shop_table td.product-name a:hover,
.opening-time li.closed span,.complimentary h5 a,.contact a h6,.featured-arae-three h4,
.single-comment span,.pagination li a:hover,
.private-dining-text h5 a:hover,.welcome-to-foodio span,.delicious span,.year-experience ul.star,
.posts.Photo a:hover,footer.three .header-social-media a:hover,
.category-choose span,.booking li span,.category-choose a h3:hover,.fast-food-menus span,
span.theme-bg-clr,
.navbar-links li.navbar-dropdown .dropdown a:hover{
   
    color: #f8c300;

}
/* Background Color */

ul.instagram-posts figure:before,.dishes-list-img:before,.quote,.blog-img h4,.post-tags li a:hover,
.single-comment a,.opening-hours,.history-text span,.preloader,::-webkit-scrollbar-thumb,
.mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu li:before,
.fast-food-menus a:hover i,button.apply-coupon:hover,.coupon-area .coupon button:hover,
.content-header i,.button,.weekly-special span,button.update-cart,.three-slider button i:hover,
.section-discover-menu .nav-pills .nav-link.active,.download-from,.app-foods:before,
.nav-pills .show>.nav-link,.nav-pills .nav-link.active:before,.logo-white,.opening-time-number,
.follow i,.featured-dishes-img:before,.featured-dishes svg:hover,.featured-arae-two:before,
.pagination li.prev:hover,.pagination li.next:hover,
ol.breadcrumb,table.shop_table thead,input[type='radio']:checked:after,.single-comment:before,
.section-weekly #v-pills-tab,.featured-imagebox-gallery .featured-overlay,
.featured-arae-three:before,
span.swal-icon--error__line.swal-icon--error__line--left,
span.swal-icon--error__line.swal-icon--error__line--right,
button.swal-button.swal-button--confirm,
.swal-icon--success__line,
a.font-bold.theme-bg-clr.text-white.checkout,
.navbar-links li.navbar-dropdown a:hover:not(:last-child):before
{

    background-color:#f8c300;

}

.swal-icon--success{
    border-color:#f8c300;

}

.navbar-links li.navbar-dropdown .dropdown {
    border-top: 10px #f8c300 solid;
}
.cart-popup .cart-btns a.checkout:hover {
    background-color: #f8c300;
    border: 2px solid #f8c300;
}
.button:before {
    border: 3px solid #f8c300;
}
.coctail-bar {
    background-color: #f8c300e8;
}
.section-discover-menu .nav-link svg {
    fill: #f8c300;
}
.three-slider.owl-theme .owl-dots .owl-dot.active span,
.bratlee-slider.owl-theme .owl-dots .owl-dot.active span,
.dishes.owl-theme .owl-dots .owl-dot.active span,
.choosecategory.owl-theme .owl-dots .owl-dot.active span {
    border: 5px solid #f8c300;
}
.watch-video-img img {
    border: 7px solid #f8c300;
    outline: 7px solid #ffd40d;
}
.check:hover svg {
  stroke: #f8c300;
}
#cbx:checked + .check svg {
    stroke: #f8c300;
}
.fast-food-img:before {
    background-color: #f8c300;
}
.fast-food-menus.two .fast-food-img:before {
    background-color: #f8c300;
}
.section-weekly .nav-pills .nav-link.active:before{
    border: 6px solid #f8c300;
}
.quote svg {
    fill: #f8c300;
}
.get-in-touch .booking li i {
    background-color: #f8c300;
}

#progress{
    left: 10px;
    right: auto;
}


/* Custom */
*{
    transition: all 0.5s ease-out allow-discrete;
    transition: 200ms linear 50ms;
    color: #000;
}

#whatsapp{
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 1000;
}
header.three{
    padding-top: 0;
}
.top-header{
    background-color: #000;
    margin-bottom: 40px;
}
.top-header *{
    color: #fff;
}
.how-we-work:before{
    background-image: url(../../img/patron-black.jpg)
}

.footer-text img{
    max-width: 183px;
}

.mobile-nav a#res-cross:before {
    background-image: url(/assets/custom/img/remove.png);
    background-size: cover;
}

.bg-amarelo{
    background-image: url(/assets/custom/img/background/fundo-amarelo.jpg);
}
.bg-preto{
    background-image: url(/assets/custom/img/background/fundo-preto.jpg);
}
.bg-amarelo,
.bg-preto{
    background-position: center bottom;
    background-size: cover;
}

#topo .coluna{
    text-align: center;
}
#topo .coluna .logo{
    padding-top: 5rem;
    margin-bottom: 7rem;
}
#topo .coluna .costela{
    margin-bottom: 5rem;
}
#topo .coluna .chamada-banner{
    font-family: lemon_milkbold;
    font-size: 40px;
    line-height: 1.1;
}
#topo .coluna .chamada-formulario{
    margin: 0 auto 5rem auto;
    max-width: 540px;
    font-family: lemon_milkbold;
    font-size: 24px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: left;
}
#topo .coluna .formulario{
    max-width: 540px;
    margin: 0 auto 4rem auto;
}
#topo .coluna .formulario .row{
    margin-bottom: 1.1rem;
}
#topo .coluna .formulario label{
    display: block;
    text-align: left;
    margin-bottom: 0.1rem;
}
#topo .coluna .formulario input,
#topo .coluna .formulario select{
    display: block;
    text-align: left;
    font-family: made_tommyregular;
    font-size: 17px;
    line-height: 50px;
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 240px;
    padding: 0 20px;
    height: 50px;
}
#topo .coluna .formulario .telefone{
    display: flex;
    text-align: left;
    font-family: made_tommyregular;
    font-size: 17px;
    line-height: 50px;
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 240px;
    background-color: #fff;
    padding-left: 20px;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
#topo .coluna .formulario .telefone input{
    padding: 0 20px 0 0;
}
#topo .coluna .formulario .telefone img{
    height: auto;
}
#topo .coluna .formulario .telefone span{
    margin: 0 5px 0 5px;
}
#topo .coluna .formulario .telefone input{
    margin: 0 0 0 5px;
    border-radius: 0;
}
#topo .coluna .formulario .aceite .campo{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 50px;
}
#topo .coluna .formulario .aceite .campo input{
    width: auto;
}
#topo .coluna .formulario .aceite .campo label{
    text-align: left;
    line-height: 1.1;
    padding-left: 15px;
}
#topo .coluna .formulario button{
    margin-top: 1rem;
    height: 74px;
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    font-family: lemon_milkbold;
    font-size: 35px;
    border: none;
}
#topo .coluna .formulario button:hover{
    background-color: #000;
    color: #f8c300;
}
.seja-um-franqueado{
    font-family: authenticsignature;
    font-size: 88px;
    transform: rotate(-5deg);
    color: #000;
}
.seja-um-franqueado span{
    line-height: 1;
    display: block;
}
.seja-um-franqueado .strong{
    line-height: 1;
    padding-left: 130px;
    font-size: 150px;
    margin-top: -30px;
}
.marcador{
    margin-top: 50px;
    text-align: center;
}
#historia{
    padding: 150px 0 50px;
}
#historia h2{
    font-family: authenticsignature;
    font-size: 100px;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}
.item{
    padding: 0 20px 40px;
}
.bg-amarelo,
.bg-preto{
    width: 100%;
    overflow-x: hidden;
}
.historia-item{
    border: 4px solid #ffda17;
    height: 420px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 70px 0 0 0;
}
.historia-item .historia-texto{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 20px;
}
.historia-item .historia-texto p{
    color: #fff;
    text-align: center;
    font-family: made_tommyregular;
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 10px;
}
.historia-item h3{
    margin: 30px 0;
    font-family: lemon_milkbold;
    font-size: 40px;
    line-height: 1.1;
    color: #fff;
}
.historia-item .sc-container{
    border-radius: 50%;
    background-color: #f8c300;
    margin-bottom: -40px;
}

#numeros{
    padding: 200px 0;
}
#numeros h2{
    background-color: #000;
    padding: 20px 15px 0;
    display: block;
    margin: 0 auto;
    font-size: 80px;
    font-family: lemon_milkbold;
    font-style: italic;
    color: #f8c300;
    line-height: 1;
    width: fit-content;
}
#numeros .icone{
    position: relative;
    z-index: 1000;
    display: block;
    border-radius: 55px;
    background-color: #f8c300;
    line-height: 110px;
    width: 110px;
    text-align: center;
    margin: 80px auto 0;
}
#numeros .numero{
    max-width: 540px;
    min-height: 200px;
    margin: -55px auto 0;
    border-radius: 15px;
    background-color: #000;
    text-align: center;
    padding: 70px 0 0;
}
#numeros .numero p{
    color: #fff;
    font-size: 25px;
    font-family: made_tommyregular;
    margin-bottom: 5px;
    letter-spacing: 2px;
    line-height: 1;
}
#numeros .numero strong{
    color: #fff;
    font-family: lemon_milkbold;
    font-size: 42px;
    letter-spacing: 5px;
    line-height: 1;
}

#mapa{
    padding: 200px 0 50px;
}
#mapa h3{
    color: #fff;
    font-family: lemon_milkbold;
    font-size: 37px;
    letter-spacing: 2px;
    line-height: 1.1;
}
#mapa p{
    color: #fff;
    font-size: 37px;
    font-family: made_tommyregular;
    margin-bottom: 2px;
    letter-spacing: 3px;
    line-height: 1.1;
}
#mapa .estado{
    margin-bottom: 50px;
}
#mapa .marcador{
    margin-top: -30px;
}
#investimento{
    padding: 100px 0 30px;
}
#investimento h2{
    text-align: center;
    font-family: made_tommyregular;
    margin-bottom: 20px;
    font-size: 70px;
}
#investimento h2 strong{
    font-family: made_tommybold;
}
#investimento .linha{
    max-width: 800px;
    margin: 0 auto 7px;
    background-color: #fff;
    padding: 15px 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    font-family: made_tommyregular;
    font-size: 29px;
    margin-bottom: 15px;
    letter-spacing: 2px;
    line-height: 1;
}
#investimento .linha.total{
    max-width: 830px;
    background-color: #000;
    margin-bottom: 25px;
}
#investimento .linha.total .coluna{
    color: #f8c300;
    font-size: 40px;
    font-family: made_tommybold;
}
#investimento .linha.total .coluna strong{
    color: #f8c300;
    font-size: 45px;
    font-family: made_tommybold;
}
#investimento .grupo{
    max-width: 830px;
    border: 4px solid #000;
    padding: 20px 0 5px;
    border-radius: 15px;
    margin: 0 auto 45px;
}
#investimento p{
    text-align: center;
    color: #000;
    margin: 0;
    font-family: made_tommybold;
    line-height: 1.3;
}

#rodape{
    padding: 85px 0 65px;
    text-align: center;
    color: #fff;
}
#rodape img{
    margin-bottom: 100px;
}
#rodape a.saber-mais{
    display: block;
    width: 600px;
    line-height: 80px;
    background-color: #f8c300;
    border-radius: 15px;
    font-family: lemon_milkbold;
    font-size: 40px;
    margin: 0 auto 130px;
}
#rodape a.saber-mais:hover{
    color: #fff;
}
#rodape p{
    color: #fff;
    font-family: made_tommybold;
    font-size: 25px;
    letter-spacing: 3px;
}
#rodape .linha{
    margin: 20px auto 0;
    max-width: 720px;
    display: flex;
    justify-content: space-between;
}
#rodape .linha .coluna{
    color: #fff;
    font-family: made_tommybold;
    font-size: 20px;
    letter-spacing: 3px;
}
#rodape i{
    color: #fff;
}


#formulario-modal{
    display: none;
}

#mapaBrasil {
    font-size: 8px !important;
    margin-bottom: 30px;
}

#mapaBrasil .estado {
    cursor: pointer;
}

#mapaBrasil .estado path {
    fill: #e6e7e8;
}

#mapaBrasil .estado:hover path.circle, #mapaBrasil .estado:hover path {
    fill: #f8c300;
}

#mapaBrasil .estado path {
    fill: #e6e7e8;
}

#mapaBrasil .estado path.circle {
    fill: #aaa;
}
#mapaBrasil text{
    fill: #000
}