html, body { min-height:100%; }

*, ::after, ::before { box-sizing: border-box;}

.btn:focus, .btn:active:focus, .btn.active:focus, button:focus, a:focus, *:focus{outline:none!important; box-shadow:none!important; }

a, a:hover{ text-decoration: none; color: initial;}

.fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;}
.fs-14{font-size: 14px !important;}
.fs-16{font-size: 16px !important;}
.fs-18{font-size: 18px !important;}
.fs-20{font-size: 20px !important;}
.fs-32{font-size: 32px !important;}
.fs-36{font-size: 36px !important;}

.fc-azul{color:#0066b8; }
.fc-azulEscuro{color:#122266; }
.fc-preto{color:#2b2b2b; }
.fc-verde{color:#4bd4ae; }
.fc-laranja{color:#fb7f17; }
.fc-rosa {color:#EC7157}

body{ font-family: 'Open Sans'; font-size: 14px; color: #121722;}


.container {max-width: 1280px;}
.main-logo {position: absolute; z-index: 12}
.main-logo img {width: 162px;}

section.top{border-top: 5px solid #9dd3af; background: #002f46; height: 43px;}

.menu {padding: 7px 0 6px 0;}
.menu .nav-item a{color: #ffffff; font-size: 14px; font-weight: 600;}

.icone {background: url('../../imagens/icos_sociais.png') no-repeat top left; width: 25px; height: 25px; margin-left: 9px;}
.icone.ico_insta {background-position: 0 0;}
.icone.ico_face  {background-position: -34px 0;}
.icone.ico_in    {background-position: -68px 0;}
.icone.ico_whats {background-position: -102px 0;}

.btn-Vd-Amarelo-Home{ background: #ff8400; color: #fff; padding: 4px 17px; font-weight: 600; border-radius: 6px;} .btn-Vd-Amarelo-Home:hover { background: #de7504; color: #fff;}
.btn-Vd-Azul-Home{ background: #093649; color: #fff; padding: 4px 17px; font-weight: 600; border-radius: 6px;} .btn-Vd-Azul-Home:hover { background: #051d27; color: #fff;}
.btn-Vd-Azul{ background: #0066b8; color: #fff; padding: 4px 17px; font-weight: 600; border-radius: 6px;} .btn-Vd-Azul:hover { background: #02599f; color: #fff;}
.btn-Vd-int-Azul{ background: #305871; color: #fff; font-weight: normal; padding: 5px 8px; border-radius: 6px; display: flex; align-items: center; white-space: nowrap; } .btn-Vd-int-Azul:hover { background: #264a61; color: #fff;}
.btn-Vd-int-Cinza{ background: #cacaca; color: #212529; font-weight: normal; border-radius: 6px; display: flex; align-items: center; white-space: nowrap; } .btn-Vd-int-Cinza:hover { background: #b6b6b6; color: #212529;}
.btn-Vd-int-Verde{ background: #82cd9b; color: #fff; font-weight: normal; border-radius: 6px; display: inline-flex; align-items: center; white-space: nowrap; } .btn-Vd-int-Verde:hover { background: #77b88d; color: #fff;}

.btn-sm { padding: 0.25rem 0.5rem; font-size: .8rem; }

.form-label { margin-bottom: 0.3rem; font-weight: 600;}

/* etapas Menu */
.e-menu{ background-color: #f2fdf8; min-height: 130px;}
.e-menu .container {max-width: 100%;}
.e-menu .e-tapas {width: 15%; margin: 36px 0 0 0; display: flex; justify-content:flex-end;}
.e-menu .e-tapas .e-tapa_fundo{width:100%; background: url(../../imagens/ico_categoria_off_fundo.png) repeat-x top left transparent;}
.e-menu .e-tapas .e-tapa{height: 36px; width: 36px; margin: 0 -3px 0 -3px; display: flex; justify-content: center; flex: 0 0 auto; background: url(../../imagens/ico_categoria_off.png) no-repeat top right transparent;}
.e-menu .e-tapas a {position: absolute; text-align: center;  margin: 37px 0 0 0; color: #b9cfd7; font-size: 13px; line-height: 14px;}

.e-menu .e-tapas.on .e-tapa_fundo{width:100%; background: url(../../imagens/ico_categoria_on_fundo.png) repeat-x top left transparent;}
.e-menu .e-tapas.on .e-tapa{height: 36px; width: 36px; margin: 0 -3px 0 -3px; display: flex; justify-content: center; flex: 0 0 auto; background: url(../../imagens/ico_categoria_on.png) no-repeat top right transparent;}
.e-menu .e-tapas.active .e-tapa_fundo{width:100%; background: url(../../imagens/ico_categoria_on_fundo.png) repeat-x top left transparent;}
.e-menu .e-tapas.active .e-tapa{height: 36px; width: 36px; margin: 0 -3px 0 -3px; display: flex; justify-content: center; flex: 0 0 auto; background: url(../../imagens/ico_categoria_active.png) no-repeat top right transparent;}
.e-menu .e-tapas.on a, .e-menu .e-tapas.active a {color: #66b8d6;}


/*.e-menu{ background-color: #f2fdf8; height: 138px;}
.e-menu .container {max-width: 100%;}
.e-menu .etapas {width: 10%; display: flex; justify-content:flex-end; background: url(../../imagens/ico_categoria_off_fundo.png) repeat-x top right transparent;}
.e-menu .etapas .etapa {height: 36px; width: 36px; display: flex; justify-content: center;}
.e-menu .etapas a {position: absolute; text-align: center;  margin: 37px 0 0 0;}

.e-menu .etapas.on {background: url(../../imagens/ico_categoria_on_fundo.png) repeat-x top left transparent;}
.e-menu .etapas.on .etapa{background: url(../../imagens/ico_categoria_on.png) no-repeat top right transparent;}
.e-menu .etapas.active {background: url(../../imagens/ico_categoria_on_fundo.png) repeat-x top left transparent;}
.e-menu .etapas.active .etapa{background: url(../../imagens/ico_categoria_active.png) no-repeat top right transparent;}
.e-menu .etapas.off {background: url(../../imagens/ico_categoria_on_fundo.png) repeat-x top left transparent;}
.e-menu .etapas.off .etapa{background: url(../../imagens/ico_categoria_on.png) no-repeat top right transparent;}*/

/* etapas Resumo */
.etapas_resumo{ background-color: #f2fdf8; width: 280px; height: 100%; padding: 13px 18px;}
.etapas_resumo .ico-etapa a {padding: 19px 0 0 29px; color: #5d5d5d; font-size: 11px;}
.etapas_resumo .ico-etapa.on {background: url(../../imagens/ico_etapas_on.png) no-repeat top left transparent; height: 43px; margin-top: -3px;} .etapas_resumo .ico-etapa.on:first-child {background: url(../../imagens/ico_etapas_first_on.png) no-repeat top left transparent; margin-top: -25px;}
.etapas_resumo .ico-etapa.off {background: url(../../imagens/ico_etapas_off.png) no-repeat top left transparent; height: 43px; margin-top: -3px;} .etapas_resumo .ico-etapa.off:first-child {background: url(../../imagens/ico_etapas_first_off.png) no-repeat top left transparent; margin-top: -25px;}
.etapas_resumo .ico-etapa.off a {cursor: default;}

.banner-home { padding:0; background: #dedede; z-index: 9; overflow: hidden; position: relative; }
.banner-home .banner {width: 100%; padding:0; background-image: linear-gradient(to top, #ffffff 8%, #fff6df 8%, #e2fff7); display: flex; justify-content: center;}
.banner-home .banner .img_banner {width: 100%; max-width: 706px; height: 500px; margin: 0 -120px 0 0;}
.banner-home .slick-arrow { position: absolute; z-index: 999; top: 0; height: 100%; background: url(../../imagens/seta_banner.svg) no-repeat center center; border: none; text-indent: 999px; overflow: hidden; width: 60px; background-size: 60px auto; }
.banner-home .slick-arrow.slick-next { right:  0; }
.banner-home .slick-arrow.slick-prev { left: 0; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(180deg); }
.banner-home .slick-dots { position: absolute; right: 0px; left: 0; bottom: 5px; list-style: none; padding: 0; margin: 0; text-align: center; }
.banner-home .slick-dots li { display: inline-block; margin: 0 2px; }
.banner-home .slick-dots li button { background: #f1f1f1; border-radius: 50%; border: none; text-indent: 9999px; height: 16px; width: 16px; overflow: hidden; cursor: pointer; margin-top: 5px; }
.banner-home .slick-dots .slick-active button { background: #81234d; }
.banner-home .chamadaBanner {width: 1260px; display: flex; justify-content: space-between; align-items: center;}
.banner-home .textoBanner {color: #fff; max-width: 564px; line-height: normal;}
.banner-home .btnBanner { background-color: #84264e; display: inline-block; font-size: 1rem; border-radius: 5px; padding: 11px 20px; font-weight: 600; margin-top: 15px;}

.homeChamada{font-size: 16px; color: #606060; width: 334px; padding-bottom: 28px;}
.homeChamada .title{ font-size: 38px; font-weight: bolder; line-height: 34px; font-weight: 900;}
.homeChamada .title small {padding-left: 0px; font-size: 90%; font-weight: 400;}

.chamada_texto {}
.chamada_texto h2 {font-size: 20px; font-weight: bold; border-bottom: 2px solid #ff8400; color: #3b3a7d; padding: 5px 0 9px 0; display: inline-block;}

.rodape {background: #cde8d6; padding: 41px 0; margin-top: 160px;}
.rodape .rodape-marcas img{ border: 1px solid #dddddd; border-radius: 6px; overflow: hidden; margin:20px 20px;}

.ico_rodape.left{position: absolute; left: 0; margin-top: -100px;}
.ico_rodape.right{position: absolute; right: 0;margin-top: -208px;}

.modal-header {background: #043045;color: #fff;}
.modal-header .close {color: #fff; font-weight: normal;}
.table td, .table th{padding: 0.50rem;}
.table {font-size: 13px;}


/*** PAGINAS INTERNAS LOGIN ***/
.int {min-height: 260px}

.int_menu {background: url('../../imagens/int-fundo-menu.png') repeat-x top left; margin-bottom: 3px;}
.int_menu .int_menu_itens { display: flex; justify-content: flex-end; align-items: flex-end; padding-bottom: 20px; height:84px;}
.int_menu .int_menu_itens a {color: #3b3a7d; font-weight: 600; font-size: 15px;}
.int .chamada_texto h2 {font-size: 17px; width: 100%; font-weight: bold; border-bottom: 2px solid #ff8400; color: #3b3a7d; padding: 5px 0 9px 0; display: inline-block; margin: 40px 0 40px 0;}
.int_detalhe_pedido { background-color: #f2f2f2; color: #5d5d5d}
.int_detalhe_pedido .int_mais_detalhe a {display: block; padding: 8px; background: url('../../imagens/int-ico-btn-down.png') #e8e7e7 no-repeat center right; background-position: 98.5%;}

.no-mobile{display: block;}
.no-desk {display: none;}
.mobile{display: none;}

@media (max-width: 1020px) {
    .no-mobile{display: none;}
    .no-desk {display: inherit;}
    .mobile{display: inherit;}

    .main-logo{top:15px;}
    
    .int_menu .int_menu_itens{padding-bottom: 5px;}
    .e-menu .e-tapas a {font-size: 11px;}
    .e-menu .e-tapas {min-width: 105px;}


    /* Mobile */
    #button_menu {position: absolute;left: 3px;top: 8px; padding: 4px; margin: 0;}
    .animated-menu { width: 30px; height: 24px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
    .animated-menu span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
    .animated-menu span { background: #ffffff;}

    /* Icon 3*/
    .animated-menu span:nth-child(1) { top: 0px;}
    .animated-menu span:nth-child(2), .animated-menu span:nth-child(3) { top: 9px;}
    .animated-menu span:nth-child(4) { top: 18px;}
    .animated-menu.open span:nth-child(1) { top: 11px; width: 0%; left: 50%;}
    .animated-menu.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
    .animated-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    .animated-menu.open span:nth-child(4) { top: 11px; width: 0%; left: 50%;}

    section.top.no-desk {z-index: 100; width: 100%;}
    section.top.no-desk .row { height:38px; }
    section.top.no-desk .main-logo img { width: 146px;}

    .menu-mobile {position: fixed; width: 100%; height: calc(100% - 43px); left: -100%; transition: left 0.5s, background-color 0s; z-index: 10;}
    .menu-mobile.active {left: 0; background-color: rgba(0, 0, 0, 0.4); transition: left 0.5s, background-color 4s;}
    .menu-mobile .nav {width: 100%; background-color: #fff; height: 100%; display: block!important; overflow: scroll;}
    .menu-mobile .nav .nav-item {background-color: #9dd3af; border-bottom: solid 1px #ffffff;}
    .menu-mobile .nav .nav-item a {display: block; padding: 10px 0px 8px 13px; color: #002f46; font-size: 14px; font-weight: 600;}
    .menu-mobile .nav .nav-item.social {background-color: #fff; border-bottom: none; padding: 12px 12px; justify-content: center; position: absolute; position: absolute; bottom: 0; width: 100%;}
    /*
    .menu-mobile .nav .nav-item.white {background-color: #fff; border-bottom: solid 1px #ebebeb;}
    .menu-mobile .nav .nav-item.white a {color: #2E99FE; font-size: 13px;}
    .menu-mobile .nav .nav-item .title {padding: 10px 0px 0px 13px; font-weight: 600;}
    */

    .banner-home .banner {width: 100%; padding: 85px 0 0 0; background-image: linear-gradient( to top, #ffffff 10%, #fff6df 30%, #e2fff7);}
    .banner-home .banner .img_banner {width: 100%; max-width:unset; height: unset; margin: unset;}
    .banner-home .chamadaBanner {width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
    .banner-home .textoBanner {color: #fff; width: 88%; max-width: unset; line-height: normal; min-height: 300px;}
    .banner-home .btnBanner { background-color: #84264e; display: inline-block; font-size: 1rem; border-radius: 5px; padding: 11px 20px; font-weight: 600; margin-top: 15px;}

    .homeChamada {margin-top: 5rem;}
    .chamada_texto {margin-left: 10px;}
}
@media (max-width: 800px) {
    .e-menu {min-height: 100;}
    .e-menu .e-tapas {margin: 22px 0 0 0;}

    .etapas_resumo{display: none;}
    .int_menu .int_menu_itens a {font-size: 13px;}
    .int_menu .int_menu_itens nav {display: flex; overflow-x: auto;}
    .int_menu .int_menu_itens nav ul{display: flex; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;-webkit-overflow-scrolling: touch; scrollbar-width: none; /* Newer Firefox and not confirmed */
        &::-webkit-scrollbar {
            display: none;
        }
    }
}