/* Variáveis */

:root {
 --cor-base:#861026;
 --cor-clara:#bc0b13;
 --cor-escura:#3b010a;
 --cor-dois:#e19d3e;
 --cor-bg:#fff;
}

/* Reset */

* {
 margin:0; padding:0; border:0; outline:0;
 box-sizing:border-box;
}

/* Base */ 

html {
 position:relative;
 min-height:100%;
}

body {
 margin:0;
 height:100%;
 min-width:300px;
 overflow-y:scroll;
 overflow-x:hidden;
 background-color:var(--cor-bg);
 color:#000;
 font-family:Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.gruppo {
 font-family:Gruppo,Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.concert {
 font-family:'Concert One',Arial,Helvetica;
 font-size:1em;
 font-weight:400;
}

.badscript {
 font-family:'Bad Script',Times New Roman;
 font-size:1em;
 font-weight:400;
}

/* jQuery UI */

.ui-widget {
 font-style:inherit !important;
 font-family:Tahoma,Arial,Helvetica !important;
 font-size:100% !important;
}

.ui-dialog-titlebar-close {
 visibility:hidden;
}

.ui-tooltip-content {
 font-size:0.8em;
}

.ui-accordion-header {
 outline:none !important;
}

.ui-datepicker {
 font-size:0.95em !important;
}

.ui-progressbar-value {
 height:2em !important;
}

.ui-widget-shadow {
 -webkit-box-shadow:2px 2px 5px var(--cor-base) !important;
 box-shadow: 2px 2px 5px var(--cor-base) !important;
}

#dialog {
 display:none;
}

.dialog-fixed {
 position:fixed !important; 
}

/* Tags */

a {
 text-decoration:none;
 color:#000;
 outline:none;
}

a:hover {
 text-decoration:none;
 color:var(--cor-base);
}

a.vermelho {
 text-decoration:none;
 color:var(--cor-base);
 outline:none;
}

a.vermelho:hover {
 text-decoration:none;
 color:#000;
}

a.branco {
 text-decoration:none;
 color:#fff;
 outline:none;
}

a.branco:hover {
 text-decoration:none;
 color:var(--cor-dois);
}

input[type=text],input[type=password],input[type=file],select,textarea {
 width:100%;
 max-width:600px;
 font-family:Arial,Helvetica;
 border:1px solid var(--cor-base);
 background-color:#fff;
 border-radius:2px;
 color:#000;
 margin:0;
 padding:10px;
 outline:none;
 resize:none;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
 background-color:#efefef;
}

button,input[type=button],input[type=submit] {
 background-color:var(--cor-dois);
 border:1px solid var(--cor-dois);
 padding:8px 19px;
 color:var(--cor-base);
 font-family:'Gruppo',Arial;
 font-size:0.9em;
 font-weight:bold;
 outline:none;
 cursor:pointer;
}

button:hover,input[type=button]:hover,input[type=submit]:hover {
 background-color:var(--cor-escura);
 border:1px solid var(--cor-escura);
 color:#fff;
}

hr {
 border:0;
 width:100%;
 height:1px;
 background-color:var(--cor-base);
}

break {
 flex-basis:100%;
 width:0; height:0; 
 overflow:hidden;
}

main {
 margin:0;
 padding:0;
}

/* Específicos */

.nosel {
 user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 -webkit-user-select:none;
 -webkit-touch-callout:none;
 -webkit-tap-highlight-color:transparent;
}

.yessel {
 user-select:text !important;
 -moz-user-select:text !important;
 -ms-user-select:text !important;
 -webkit-user-select:text !important;
}

.noresp {
 display:inline;
}

.flex {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}

@media screen and (max-width:639px) {
 .noresp {
  display:none;
 }
}

/* Projeto */

.menu {
 width:100%;
 height:40px;
 background-color:#000;
 text-align:center;
 position:fixed;
 top:0;
 left:0;
 z-index:999;
 font-size:1.2em;
 font-weight:bold;
}

.menu * {
 -webkit-transition:all 0.35s ease;
 transition:all 0.35s ease;
}

.menuitem {
 display:inline-block;
 padding:0 15px;
 overflow:hidden;
}

.menuitem a {
 display:inline-block;
 padding:10px 0;
 color:#fff;
 position:relative;
}

.menuitem a:after {
 padding:9px 0;
 position:absolute;
 bottom:100%;
 left:0;
 content:attr(data-hover);
 color:var(--cor-dois);
}

.menuitem:hover a {
 transform:translateY(100%);
}

.menubola {
 display:inline-block;
 vertical-align:top;
 padding:10px 15px 0;
 color:#fff;
}

.topo {
 width:100%;
 height:275px;
 background-image:url(/imagens/layout/bgtopo.png);
 background-position:center top;
 background-repeat:no-repeat;
 position:fixed;
 top:40px;
 left:0;
 z-index:99;
 transition:0.3s;
}

.topoesq {
 flex:2;
 vertical-align:top;
 padding-top:80px;
 transition:0.3s;
}

.topoesq01 {
 display:inline-block;
 vertical-align:top;
 text-align:right;
 border-right:1px solid var(--cor-dois);
 padding:12px 10px;
 font-size:1.7em;
 color:#fff;
 line-height:1.4em;
}

.topoesq02 {
 display:inline-block;
 vertical-align:top;
 text-align:left;
 padding:12px 10px;
 font-size:1.5em;
 color:#fff;
 line-height:1.5em;
}

.topomeio {
 flex:1;
 vertical-align:top;
 text-align:center;
 padding-top:22px;
 transition:0.3s;
}

.logo {
 width:100%;
 max-width:184px;
 transition:0.3s;
}

.topodir {
 flex:2;
 vertical-align:top;
 text-align:right;
 padding-top:80px;
 padding-right:10px;
 transition:0.3s;
}

.topodir01 {
 float:right;
 width:100%;
 max-width:260px;
 text-align:center;
 font-size:1.2em;
 color:#fff;
 line-height:1.4em;
}

.toporesp {
 display:none;
 width:100%;
 height:100px;
 background-image:url(/imagens/layout/bgtopo.png);
 background-position:left bottom;
 background-repeat:no-repeat;
 position:fixed;
 top:0;
 left:0;
 z-index:99;
}

.toporesp01 {
 position:absolute;
 padding:5px 10px;
 z-index:99;
}

.logoresp {
 width:100%;
 max-width:90px;
}

#menu_hamb_ico {
 display:none;
 position:absolute;
 top:15px;
 right:15px;
 width:40px;
 border:0;
 cursor:pointer;
 z-index:99;
}

#menu_resp {
 display:none;
 position:absolute;
 top:0px;
 left:0;
 width:100%;
 text-align:center;
 background-color:var(--cor-base);
 box-shadow:0 5px 5px rgba(0,0,0,0.5);
 padding:80px 10px 20px;
}

.menuitem_resp {
 display:inline-block;
 width:100%;
 background-color:#000;
 border-radius:5px;
 padding:10px;
 margin-bottom:10px;
 font-size:1.1em;
 color:#fff;
 font-weight:bold;
 letter-spacing:1px;
 cursor:pointer;
}

.rodape {
 width:100%;
 height:240px;
 background-image:url(/imagens/layout/bgrod.png);
 background-position:center top;
 background-repeat:no-repeat;
}

.rod01 {
 display:inline-block;
 padding-top:70px;
 padding-left:10px;
}

.rod02 {
 display:inline-block;
 vertical-align:top;
 padding-top:90px;
 padding-left:20px;
 font-size:1.25em;
 color:#fff;
 line-height:1.5em;
}

.rod03 {
 float:right;
 vertical-align:top;
 text-align:center;
 padding-top:80px;
 padding-right:10px;
}

.rodlogo {
 width:100%;
 max-width:130px;
}

.rodonline {
 width:75px;
 filter:brightness(100);
 margin:10px 5px 0;
}

.redesociais {
 display:inline-block;
 width:45px;
 height:45px;
 border:2px solid #fff;
 border-radius:5px;
 text-align:center;
 padding-top:8px;
 margin:0 5px 10px;
 transition:0.3s;
}

.redesociais:hover {
 background-color:var(--cor-dois);
}

.inweb {
 width:100%;
 background-color:var(--cor-escura);
 text-align:center;
 padding:10px;
 font-size:0.8em;
 color:rgba(255,255,255,0.5);
}

.floatwhats {
 position:fixed;
 bottom:5px;
 right:10px;
 z-index:999;
 cursor:pointer;
}

@keyframes hvr-buzz {
 50% {
 transform:translateX(3px) rotate(2deg);
 }
 100% {
 transform:translateX(-3px) rotate(-2deg);
 }
}

.floatwhats_img {
 width:120px;
 border:0;
 transform:perspective(1px) translateZ(0);
 transition:0.3s;
}

.floatwhats:hover, .floatwhats:focus, .floatwhats:active {
 animation-name:hvr-buzz;
 animation-duration:0.15s;
 animation-timing-function:linear;
 animation-iteration-count:infinite;
}

.slick {
 width:100%;
 max-width:1920px;
 margin:170px auto 0;
 padding:0;
}

.slickseta {
 position:absolute;
 top:50%;
 z-index:1;
 cursor:pointer;
}

.slickimg {
 width:35px;
 border:0;
 filter:invert(1);
 margin:0 10px;
}

.slickimg:hover {
 filter:invert(0);
}

.home_intro {
 width:100%;
 max-width:1250px;
 margin:50px auto;
 padding:0 15px;
 text-align:center;
}

.home_introbox {
 display:inline-block;
 width:100%;
 max-width:200px;
 vertical-align:top;
 font-size:1.5em;
 font-weight:bold;
 line-height:1.5em;
 color:rgba(0,0,0,0.7);
 margin:15px 50px;
}

.home_deliver {
 width:100%;
 max-width:1000px;
 margin:50px auto;
 padding:0 10px;
}

.home_deliver1 {
 flex:1;
 text-align:center;
 padding:20px;
}

.home_deliver2 {
 flex:1;
 text-align:center;
 padding:80px 20px 0;
 color:var(--cor-base);
 font-size:1.3em;
}

.home_delivertel {
 font-size:1.6em;
 margin:10px 0 20px;
}

.home_deliverlogo {
 display:inline-block;
 width:45%;
 max-width:150px;
 height:100px;
 vertical-align:top;
 margin:5px;
 padding-top:20px;
 border:1px solid #ff7864;
 transition:0.3s;
}

.home_deliverlogo:hover {
 border-radius:8px;
}

.home_cardap {
 width:100%;
 margin:100px 0;
 background-color:var(--cor-base);
 padding-bottom:50px;
 text-align:center;
}

.home_cardapbot {
 display:inline-block;
 width:90%;
 max-width:520px;
 background-color:var(--cor-dois);
 border-radius:5px;
 padding:12px;
 font-size:1.3em;
 color:#fff;
 margin-top:-30px;
 transition:0.3s;
}

.home_cardapbot:hover {
 background-color:var(--cor-escura);
 color:#fff;
}

.slider {
 width:100%;
 max-width:1010px;
 margin:0 auto;
}

.tit1home {
 width:100%;
 text-align:center;
 font-size:2.6em;
 color:var(--cor-dois);
 font-weight:bold;
 letter-spacing:-1px;
}

.tit2home {
 width:100%;
 text-align:center;
 margin-top:-10px;
 margin-bottom:30px;
 font-size:5em;
 color:var(--cor-base);
 letter-spacing:-3px;
}

.tit1 {
 width:100%;
 text-align:center;
 font-size:1.4em;
 color:var(--cor-dois);
 font-weight:bold;
 letter-spacing:-1px;
}

.tit2 {
 width:100%;
 text-align:center;
 margin-top:20px;
 margin-bottom:50px;
 font-size:2.8em;
 color:var(--cor-base);
 letter-spacing:-3px;
}

.centro {
 width:100%;
 max-width:1250px;
 margin:360px auto 50px;
 padding:0 15px;
 font-size:1.5em;
 line-height:1.3em;
}

.sobre {
 width:100%;
 max-width:900px;
 margin:100px auto;
}

.sobre1 {
 flex:1;
 min-width:236px;
}

.sobre2 {
 flex:3;
 font-weight:bold;
 color:rgba(0,0,0,0.8);
 padding-top:30px;
 padding-left:50px;
}

.sobrebox {
 width:100%;
 margin-bottom:100px;
 line-height:1.1em;
}

.sobrebox1 {
 flex:1;
 max-width:450px;
 margin:15px;
 font-size:0.8em;
 font-weight:bold;
}

.evento {
 width:100%;
 margin-bottom:100px;
}

.evento1 {
 flex:1;
 font-weight:bold;
 font-size:0.85em;
 color:rgba(0,0,0,0.6);
 padding-right:60px;
 text-align:center;
}

.evento2 {
 flex:1;
 font-size:0.9em;
}

/***********/

@media screen and (max-width:1100px) {
 .topoesq01 {
  padding-top:20px;
  font-size:1.4em;
 }
 .topoesq02 {
  padding-top:20px;
  font-size:1.2em;
 }
 .floatwhats_img {
  width:80px;
 }
 .slick {
  margin:220px auto 0;
 }
 .home_introbox {
  margin:15px 40px;
 }
}

@media screen and (max-width:900px) {
 .topoesq, .topodir {
  display:none;
 }
 .topomeio {
  flex:none;
  display:inline-block;
  width:100%;
 }
 .menubola {
  padding:10px 0 0;
 }
 .menuitem {
  font-size:0.9em;
 }
 .rod01 { 
  display:none;
 }
 .rod02 {
  padding-left:10px;
  font-size:1.15em;
 }
 .slick {
  margin:230px auto 0;
 }
 .home_introbox {
  max-width:160px;
  font-size:1.2em;
  margin:15px 20px;
 }
 .home_deliver2 {
  font-size:1.1em;
 }
 .tit1home {
  font-size:1.6em;
 }
 .tit2home {
  margin-top:0;
  font-size:3em;
 }
 .tit1 {
  font-size:1em;
 }
 .tit2 {
  margin-top:5px;
  margin-bottom:40px;
  font-size:2em;
 }
 .sobre {
  margin:50px auto 0;
 }
 .sobre2 {
  padding-top:10px;
  padding-left:20px;
  font-size:0.9em;
 }
 .evento {
  margin-bottom:20px;
 }
 .evento1 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:0;
 }
 .evento2 {
  flex:none;
  display:inline-block;
  width:100%;
  max-width:600px;
  padding:60px 10px 0;
 }
}

@media screen and (max-width:700px) {
 .rodape {
  height:auto;
 }
 .rod02 {
  width:100%;
  text-align:center;
  padding:60px 10px 0;
  font-size:1em;
 }
 .rod03 {
  float:none;
  width:100%;
  text-align:center;
  padding:20px 10px;
 }
 .rodonline {
  margin:5px 2px 0;
 }
 .redesociais {
  width:40px;
  height:40px;
  padding-top:6px;
  margin:0 3px 10px;
 }
 .sobrebox {
  margin-bottom:0;
 }
 .sobrebox1 {
  flex:none;
  display:inline-block;
  width:100%;
  margin:25px 0;
 }
}

@media screen and (max-width:650px) {
 .menu, .topo {
  display:none;
 }
 .toporesp, #menu_hamb_ico {
  display:inline-block;
 }
 .slick {
  margin:55px auto 0;
 }
 .slickseta {
  top:40%;
 }
 .slickimg {
  width:25px;
  margin:0 5px;
 }
 .home_intro {
  margin:30px auto;
 }
 .home_introbox {
  width:45%;
  max-width:150px;
  font-size:1em;
  margin:10px 10px;
 }
 .home_deliver1 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:20px 60px;
 }
 .home_deliver2 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:0 20px;
 }
 .home_delivertel {
  font-size:1.3em;
  font-weight:bold;
 }
 .home_deliverlogo {
  width:47%;
  max-width:130px;
  margin:2px;
 }
 .home_cardap {
  margin:80px 0 20px;
  padding-bottom:30px;
 }
  .home_cardapbot {
  font-size:1.1em;
  padding-bottom:15px;
 }
 .centro {
  margin:100px auto 30px;
  font-size:1.2em;
 }
 .sobre {
  margin:50px auto;
 }
 .sobre1 {
  flex:none;
  display:inline-block;
  width:100%;
  min-width:none;
  text-align:center;
  padding:0 30px;
 }
 .sobre2 {
  flex:none;
  display:inline-block;
  width:100%;
  padding:20px 0;
 }
 .sobrebox {
  font-size:1.1em;
 }
}

@media screen and (max-width:420px) {
 .rod02 {
  font-size:0.9em;
 }
 .inweb {
  font-size:0.75em;
  text-align:left;
 }
 .home_introbox {
  width:100%;
  max-width:120px;
  font-size:0.85em;
  margin:5px 0 20px;
  padding:0 10px;
 }
 .tit1home {
  font-size:1.3em;
 }
 .tit2home {
  font-size:2.5em;
 }
}

@media screen and (max-width:350px) {
 .rodonline {
  display:none;
 }
}