/* ------------------ RESET ------------------ */
* { margin:0; padding:0; font-size:100%; border:none; outline:none; font-weight:400; box-sizing:border-box; color:#000; font-family: "Open Sans", sans-serif; }
/* ------------------ FIXO ------------------ */

/* TAGS PRINCIPAIS */
html, body{ width:100%; height:100%;  }
body{ overflow-y:scroll; background:#fff; }
h1{ font-size:0px; }
.blue{ background:#137AE1; }
.red{ background:#FF3C3C; }
.green{ background:#27a745; }
.warning{ font-size:0.7em; }
#loading{ width:100%; height:100%; position:fixed; background:#fff; z-index:9999;}
#loading span{ background:url(../../img/icons/div-loader.gif) no-repeat; background-size:100%; display:table; width:60px; height:60px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px; }
#site-container{ width:100%; height:100%; min-height:1000px; position:relative; }
#site-container header{ width:100%; display:table; position:fixed; top:0; left:0; z-index:5990; transition:all .1s linear}
#site-container header #header-container{ width:100%; margin:auto; height:100px; position:relative; }
#site-container footer{ width:100%; display:table; background:#fff}
#site-container footer #footer-container{ width:100%; margin:auto; height:100px; }
#site-container main{ width:100%; display:table; position:relative;   }
#site-container main #main-container{ width:100%; margin:auto; height:500px; display:table; position:relative; }
/* SITE */
#header-container #header-social{ width:auto; height:37px; display:table; position:absolute; right:0; top:0; z-index:5900;}
#header-container #header-social a{ width:20px; height:20px; margin:15px 30px 0 0; background-size:100%!important; float:left; }
#header-container #header-social .facebook{ background:url(../../img/icons/facebook-header.png) no-repeat; }
#header-container #header-social .instagram{ background:url(../../img/icons/instagram-footer.png) no-repeat; }
#header-container #header-social .whatsapp{ background:url(../../img/icons/whatsapp-footer.png) no-repeat; }
#header-container .logo{ width:200px; height:100px; position:absolute; left:15px; top:50px; background:url(../../img/icons/logo.png) no-repeat; background-size:100%!important; cursor:pointer; }
#header-container .menu{ position:fixed; top:0; left:-200px; width:200px; height:100%; background:#0f0f0f; z-index:5000; transition: all .3s linear; }
.shadow{ background:#751a04!important;  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); }
.shadow .logo{ width:130px!important; height:50px!important; top:45px!important; background:url(../../img/icons/logo.png) no-repeat bottom !important ; }
#header-container .menu ul, #header-container .menu ul li{ width:100%; display:table; list-style:none; }
#header-container .menu ul{ margin-top:50px; }
#header-container .menu ul li a{ width:100%; display:table; padding:15px; color:#fff; text-decoration:none; font-size:0.9em; }
#menu-icon{ width:50px; height:50px; top:48px; right:20px; position:absolute; border-radius:100%; overflow:hidden; z-index:9998; }
#menu-icon label{ width:100%; height:100%;position:absolute; transition: all .3s linear; position:absolute; top:0; left:0; cursor:pointer; margin:0; z-index:4000;}
#menu-icon span{ width:25px; height:2px; top: 45%; transform: translateY(-50%); left: 50%; transform: translateX(-50%); position:absolute; background:#fff; transition: all .3s linear;}
#menu-icon span:before{ content:''; width:25px; height:2px; bottom:-8px; position:absolute; background:#fff; transition:all .3s linear}
#menu-icon span:after{ content:''; width:25px; height:2px; top:-8px; position:absolute; background:#fff; transition:all .3s linear}
#menu-icon #check{ display:none;}
#menu-icon #check:checked ~ span{ background:none; }
#menu-icon #check:checked ~ span:before{ transform: translate(0px, -8px) rotate(-45deg); }
#menu-icon #check:checked ~ span:after{ transform: translate(0px, 8px) rotate(45deg); }
.modal{ width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(255, 255, 255, 0.7); z-index:5900; display:none; }
/* ÍNICIO */
#inicio { display:table; height:500px; width:100%; background:url(../../img/bg/bg-1.png) no-repeat fixed bottom; position:relative;  }
#inicio figure, #inicio .sec-container{ display:table; width:100%; }
#inicio .sec-container{ margin:auto; position:absolute; top:200px; left:50%; transform:translateX(-50%); padding:20px; }
#inicio .sec-container .box{ width:100%; }
#inicio .sec-container .box .title{ width:100%; font-size:1.5em; color:#fff; font-weight:600; text-align:center;}
#inicio .sec-container .box .desc{ width:100%; font-size:1.2em; color:#fff; margin-top:10px; font-weight:300; text-align:center; }
#inicio .sec-container .box .link{ width:auto; display:table; margin:auto; margin-top:20px; border-radius:5px; background:#cf1616; color:#fff; font-weight:bold; padding:10px 20px; text-decoration:none; }
#quem_somos, #servicos, #portfolio, #fale_conosco{ padding:10px; display:table; position:relative; width:100%; height:500px;}
#quem_somos h2, #servicos h2, #portfolio h2, #fale_conosco h2{ font-size:2em; color:#6a3838; font-weight:500; width:auto; display:table; margin:auto; border-bottom:#D99A26 thin solid; border-top:#D99A26 thin solid; padding:10px 20px; margin-bottom:30px; margin-top:50px; }
#quem_somos p{ line-height:30px; }
#quem_somos p em{ font-size:1.2em; margin-bottom:10px; display:table; } #quem_somos p{ padding-top:10px; padding-bottom:15px; text-align:justify; }
#quem_somos p strong{ font-weight:bold; }
#servicos h2{ margin-bottom:20px; display:table; width:100%; }
#servicos .fix{ padding-top:30px; }
#servicos p{ display:table; padding-top:10px; padding-bottom:15px; text-align:justify; width:100%; }
#servicos p a{ color:#6a3838; font-weight:bold; text-decoration:none; }
#servicos .box{ width:100%; display:table; padding:10px; float:left; }
#servicos .box .box-container{ width:100%; display:table; padding:10px; border-radius:5px; background:#fff;  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); }
#servicos .box .box-container h3{ width:100%; text-align:center; height:30px; padding:10px 0; color:#6a3838; font-weight:900;}
#servicos .box .box-container figure{ width:200px; height:200px; margin:auto; } 
#servicos .box .box-container .desc{ font-size:0.8em; margin:auto; display:table; margin-top:10px; margin-bottom:10px; font-weight:bold; color:#6a3838;  }
#servicos .box .box-container .price{  border-radius:5px; color:#cf1616; display:table; width:auto; margin:auto; font-weight:bold; font-size:2em;  }
#servicos .box .box-container .price span{ color:#cf1616; font-size:0.5em!important; font-weight:bold; }
#servicos .box .box-container .detail{ color:#cf1616; margin-bottom:20px; font-size:0.9em; display:table; width:100%; text-align:center; font-weight:bold;  }
#servicos .box .box-container .fix-figure-box{ position:relative; }
#servicos .box .box-container .fix-figure-box img{ width:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
#servicos .prints{ width:100%; display:table; padding:10px; }
#servicos .prints li { display:table; padding:5px; float:left; list-style:none; width:100%; }
#servicos .prints a, #servicos .prints a img{ display:table; width:100%; transition:all .3s linear }
#servicos .prints li:hover a img{ display:table; width:100%; opacity:0.7; transition:all .3s linear }
#servicos .prints a{ box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); cursor:pointer; }
#portfolio .prints{ width:100%; display:table; padding:10px; }
#portfolio .prints li { padding:5px; float:left; list-style:none; width:100%; }
#portfolio .prints a img{ display:table; width:100%; transition:all .3s linear; position:absolute; top:50%; transform:translateY(-50%); }
#portfolio .prints li:hover a img{ display:table; width:100%; opacity:0.7; transition:all .3s linear }
#portfolio .prints a{ box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3); cursor:pointer; width:100%; height:150px;  overflow:hidden; display:block!important; position:relative; }
.link-li{ color:#cf1616!important; text-decoration:none!important; }
#fale_conosco{ width:100%; margin:auto; }
#fale_conosco h3{ font-size:1.2em; font-weight:600;  margin-bottom:10px; color:#6a3838; }
#fale_conosco label{ font-size:0.8em; padding-left:10px; color:#6a3838; width:100%; display:table; }
#fale_conosco .label-alert{ margin-left:5px; color:#C00; }
#fale_conosco textarea{ resize:vertical; height:120px; }
#fale_conosco select{ border-radius:5px; background:none; color:#6a3838; padding:10px; border:#e3e3e3 thin solid; margin-bottom:15px;  }
#fale_conosco #file{ display:none; }
#fale_conosco p{ margin-bottom:20px; }
#fale_conosco input, #fale_conosco textarea{ padding:10px; background:none; border-bottom:#e3e3e3 2px solid; margin-bottom:15px; width:100%; }
#fale_conosco input:hover, #fale_conosco textarea:hover, #fale_conosco input:focus, #fale_conosco textarea:focus{ border-bottom:#6a3838 2px solid; }
#fale_conosco #form-contact, #fale_conosco #newsletter{ width:100%; display:table; margin-bottom:30px;}
#fale_conosco .button{ width:auto; display:table; margin:auto; border-radius:5px; background:#cf1616; color:#fff; font-weight:bold; padding:10px 20px; border:none!important; font-size:0.8em!important; float:left; margin:5px; cursor:pointer; }
#fale_conosco .alert{ width:auto; display:table; margin:auto; border-radius:5px; color:#fff; font-weight:bold; padding:10px 20px; border:none!important; font-size:0.8em!important; float:left; margin:5px; }
#fale_conosco #files_field{ padding-left:10px; padding-right:20px; color:#666; margin-bottom:15px;}
#fale_conosco #files_field span{ display:table; width:100%; color:#666; margin-top:10px; font-size:0.9em;}
#footer-container{ width:100%; display:table; padding:20px 20px 90px 20px; text-align:center; }
#footer-container #selos{ display:table; margin:auto; margin-bottom:30px; margin-top:20px;  }
#footer-container #selos a{ width:60px; height:60px; display:table; float:left; margin-left:5px; margin-right:5px; background-size:100%!important; }
#footer-container #selos .html5{ background:url(../../img/icons/html5.png) no-repeat; }
#footer-container #selos .css3{ background:url(../../img/icons/css3.png) no-repeat; }
#footer-container p{ font-size:0.9em;  }
#footer-container #useful-links{ width:100%; display:table; position:relative; margin:auto; }
#footer-container #useful-links h4{ font-weight:bold; margin-bottom:10px; color:#6a3838; }
#footer-container #useful-links li{ list-style:none; padding:10px; display:table; width:100%; }
#footer-container #useful-links #links, #footer-container #useful-links #contact{ display:table; width:100%; padding:15px; }
#footer-container #useful-links li a{ text-decoration:none; font-size:0.9em; color:#0a59aa; font-weight:bold; }
#footer-container #useful-links .social-media{ display:table; margin:auto; margin-top:10px; }
#footer-container #useful-links .social-media li{ width:auto; float:left; }
#footer-container #useful-links .social-media li a{ width:50px; height:50px; display:table; border-radius:100%; }
#footer-container #useful-links .social-media li .facebook{ background:url(../../img/icons/facebook-footer.png) center no-repeat #cf1616; background-size:40px;  }
#footer-container #useful-links .social-media li .instagram{ background:url(../../img/icons/instagram-footer.png) center no-repeat #cf1616; background-size:30px;  }
#footer-container #useful-links .social-media li .whatsapp{ background:url(../../img/icons/whatsapp-footer.png) center no-repeat #cf1616; background-size:30px;  }
.facebook-div{ display:table; width:auto; margin:auto }
#politica{ width:100%; height:100%; padding:20px; background:#fff; margin:auto; position:relative;}
#politica p{ margin-bottom:15px; }
#politica h1, #politica h2{ font-size:1.5em; margin-bottom:10px; margin-top:10px; }
#politica a{ width:auto; display:table; margin:auto; margin-bottom:30px; margin-top:20px; color:#0053A6; font-weight:bold; }
#set-cookie{ width:100%; background:rgba(0,0,0,0.9); display:table; position:fixed; bottom:0; z-index:8000; }
#set-cookie div{ width:100%; padding:15px;}
#set-cookie div a{ color:#196cd9;}
#set-cookie div p{ display:table; width:100%; text-align:center; color:#fff; }
#set-cookie div input{ display:table; width:auto; border-radius:5px; padding:10px; margin:auto; margin-top:15px; color:#FFF; background:#196cd9; cursor:pointer; }
/* DATA TABLE */
#cardapio{ width:100%; display:table; position:relative;  }
#cardapio #category{ width:100%; border:#751a04 thin solid; border-radius:10px; padding:10px; color:#751a04; font-weight:bold; }
#cardapio #table-loading{ position:absolute; width:100%; height:110%; z-index:5889; background:rgba(255,255,255,0.7); }
#cardapio #table-loading span{ width:30px; height:30px; background:url(../../img/icons/loader.gif) no-repeat; background-size:100%; display:table; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:none; }
.data-table{ width:100%; }
.dataTables_empty{ padding:10px; font-size:0.8em; color:#374548; }
.dataTables_info, .dataTables_length{ display:none; }
.dataTables_filter{ width:100%; margin-top:10px; }
.dataTables_filter input{ width:100%;  border:#751a04 thin solid; border-radius:10px;  padding:10px; }
.dataTables_paginate{ margin:auto; display:table; margin-top:20px; }
.paginate_button{ border:#751a04 thin solid; border-radius:10px; color:#751a04; padding:10px; margin:2px; cursor:pointer;}
.current{ background:#751a04; color:#fff; }
.produto{ display:table; width:100%; border-bottom:#e3e3e3 thin solid; text-align:center; height:120px; padding-left:120px; position:relative;}
.produto .title{ width:100%; height:auto; display:table; text-align:left; margin-top:35px; margin-bottom:10px; font-size:1.2em; padding:0!important;}
.produto .desc{ width:100%; height:auto; display:table; text-align:left; margin-top:10px; font-size:0.8em; }
.produto figure{ width:85px; height:85px; overflow:hidden; border-radius:100%; border:#e3e3e3 thin solid; position:absolute; left:20px; top:20px;}
.produto img{ width:100%;}