html {

}

body {
    font-family: 'Calibri', 'Helvetica', 'Arial', sans-serif;
    background: #FFF;
    padding: 0;
    margin: 0;
    color: #000;
    overflow-x: hidden;
    margin: 0 auto;
    font-size: 17px;
}

a {
    text-decoration: none;
    color: #000;
}

.hide-on-mobile {
    display: block;
}

.show-on-mobile {
    display: none;
}

#container-main a {
    color: #b81e24;
}

#container-main a:hover {
    text-decoration: underline;
}

#header ul, #header li, #footer ul, #footer li, #menu-mobile ul, #menu-mobile li {
    padding: 0;
    margin: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

h1 {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    font-size: 44px;
    margin-bottom: 38px;
}

h2 {
    color: #939497;
    font-size: 28px;
    padding-top: 12px;
    padding-bottom: 25px;
}

h3 {
    color: #cc2128;
    font-weight: bold;
    font-size: 18px;
    font-size: 44px;
    margin-bottom: 38px;
}

/*.parallax {
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
    transition: all 0.15s ease 0s !important;
}*/
.parallax {
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-transition: all .15s ease !important;
    -moz-transition: all .15s ease !important;
    -o-transition: all .15s ease !important;
    -ms-transition: all .15s ease !important;
    transition: all .15s ease !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

/*

.parallax > *, .radial_gradient > *, .gradient > *, .diagonal_section > * {
  z-index: 4;
  position: relative; }
@media (max-width: 767px) {
  .parallax {
    -webkit-background-size: auto auto !important;
    -moz-background-size: auto auto !important;
    -o-background-size: auto auto !important;
    background-size: auto auto !important; } }
.parallax:before, .parallax:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8; }*/

/* COMMONS */
.clear {
    clear: both;
}

.pad-top10 {
    padding-top: 10px;
}

.pad-bottom10 {
    padding-bottom: 10px;
}

.pad-top20 {
    padding-top: 20px;
}

.pad-bottom20 {
    padding-bottom: 20px;
}

.wrap-content, .wrap-content-internal {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 12px 0 12px;
    box-sizing: border-box;
    position: relative;
}

.wrap-content-internal {
    padding: 43px 12px 43px 12px;
}

.center {
    text-align: center;
}

main {
    z-index: 1;
}

.gradient-cinza {
    background: #FFF; /* Old browsers */
    background: -moz-linear-gradient(left, #a1a3a5 0%, #f1f2f2 10%, #ffffff 50%, #f1f2f2 90%, #a1a3a5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #a1a3a5 0%, #f1f2f2 10%, #ffffff 50%, #f1f2f2 90%, #a1a3a5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #a1a3a5 0%, #f1f2f2 10%, #ffffff 50%, #f1f2f2 90%, #a1a3a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1a3a5', endColorstr='#FFFFFF', GradientType=1); /* IE6-9 */
}

#breadcrumb {
    padding-top: 43px;
    padding-bottom: 38px;
    color: #929496;
    font-size: 18px;
    text-transform: uppercase;
}

#breadcrumb a {
    color: #929496;
}

#breadcrumb b {
    font-family: "JennaSue", "Savoye";
    color: #b81e24;
    font-size: 41px;
    font-weight: normal;
    text-transform: none;
}

#breadcrumb b span {
    font-family: "Times New Roman";
    font-size: 37px;
}

/* BLOCK */
.blockOverlay {
    background-color: rgb(0, 0, 0) !important;
    opacity: 0.7 !important;
    z-index: 99999 !important;
}

.blockPage {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
}

.blockPage {
    cursor: wait;
    opacity: 0.65;
    padding: 20px 0;
    text-align: center;
    top: 30%;
    width: 100%;
    z-index: 100000 !important;
}

/* HEADER */
header {
    z-index: 10001;
    position: relative;
}

#header {
    height: 253px;
    background: url(../images/bg-top.jpg) #C42027 no-repeat center center;
    position: relative;
    margin: 0 auto;
    background-size: cover;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

#header a {
    color: #FFF;
}

#header-right {
    float: right;
    position: relative;
}

.logo {
    display: inline-block;
    margin-top: 33px;
    position: relative;
}

#logo {
    z-index: 98;
    position: relative;
}

#selo {
    float: right;
    margin-left: -48px;
    z-index: 99;
    margin-top: 77px;
    position: relative;
}

.container-login {
    color: #FFF;
    font-size: 14px;
    margin-top: 26px;
    margin-right: 27px;
    font-weight: bold;
    text-align: right;
    height: 77px;
}

.container-login a {
    color: #FFF;
}

.container-login a:hover {
    text-decoration: underline;
}

.container-login span {
    color: #bbbdbf;
}

.container-search {
    /*    margin-top: 57px;  */
    float: right;
    z-index: 99;
}

.container-field-search {
    width: 335px;
    position: relative;
    float: left;
}

#search, #search-mobile {
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 38px;
    background: transparent;
    border: 2px solid #FFF;
    border-radius: 2px;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Calibri', 'Helvetica', 'Arial', sans-serif;
    float: left;
}

#search:focus, #search-mobile:focus {
    box-shadow: 0 0 5px #FFF inset;
}

#btn-search, #btn-search-mobile {
    width: 23px;
    height: 23px;
    background: url(../images/spry.png) no-repeat -78px 1px;
    position: absolute;
    right: 12px;
    top: 7px;
    cursor: pointer;
    transition: all 0.5s ease-in-out 0s;
}

#btn-search:hover, #btn-search-mobile:hover {
    opacity: 0.8;
    transform: scale(1.1);
}

.container-search .link-social {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/spry.png) no-repeat;
    float: left;
    transition: all 0.5s ease-in-out 0s;
    margin-left: 8px;
}

.container-search .link-facebook {
    background-position: -39px 1px
}

.container-search .link-youtube {
    background-position: 0px 1px
}

.link-social:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

/* MENU */
#container-menu {
    position: absolute;
    right: 0;
    width: 990px;
    right: 0;
    margin-top: 12px;
    display: table;
    text-align: right;
}

#menu {
    display: table-cell;
    font-size: 17px;
    font-weight: bold;
    height: 100px;
    position: relative;
    width: 100%;
    text-align: right;
    text-transform: uppercase;
    vertical-align: middle;
}

#menu ul ul .fa-caret-right {
    padding-right: 20px;
}

#menu ul li {
    display: inline-block;
    position: relative;
    color: #FFF;
}

#menu a {
    text-decoration: none;
    /*    line-height: 21px;*/
    position: relative;
    box-sizing: border-box;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 38px;
    padding-bottom: 38px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

#menu .cont-icon {
    text-align: center;
    left: 50%;
    margin-left: -9px;
    margin-top: -32px;
    position: absolute;
    text-align: center;
    display: none;
    font-size: 14px;
}

#menu ul ul {
    width: 250px;
    box-sizing: border-box;
    min-height: 10px;
    display: none;
    position: absolute;
    /*    background: #6D6E71;*/
    left: 0;
    font-size: 14px;
    font-weight: normal;
    /*    border:2px solid #6D6E71;*/
    animation: fadeIn 1s ease 0s;
    /*    margin-top: -2px;*/
    /*    padding-top: 2px;*/
}

#menu ul ul a {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#menu .fa-caret-down {
    font-size: 11px;
}

#menu ul li:last-child ul {
    right: 0;
    left: inherit;
}

#menu ul ul li {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    text-align: left;
    background: rgb(238, 27, 36);
    background: rgba(238, 27, 36, 0.9)
}

#menu ul li:hover ul {
    box-sizing: border-box;
    display: block !important;
}

#menu ul li:hover .cont-icon {
    display: block;
}

.hvr-shutter-out-horizontal {
    background: transparent !important;
}

#menu ul li.open {
    background: rgb(238, 27, 36) !important;
    background: rgba(238, 27, 36, 0.8) !important;
}

#menu ul li.open a, #menu ul li.open .cont-icon {
    color: #fff12d;
    display: block;
}

#menu a.sel {
    color: #fff12d;
}

#menu ul li.open ul a {
    color: #FFF !important;
}

#menu ul li:hover, #menu ul li.sel {
    box-sizing: border-box;
}

#menu ul ul li:hover a {

}

.hvr-fade:hover {
    background: rgb(151, 42, 47) !important;
}

.hvr-shutter-out-horizontal::before {
    background: rgb(238, 27, 36);
    background: rgba(238, 27, 36, 0.8);
}

.hvr-bubble-bottom::before {
    display: none;
    border-width: 6px 6px 0;
    border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.hvr-bubble-bottom:hover::before {
    display: block;
}

/* MENU MOBILE */
#container-btn-mobile {
    float: right;
    display: none;
}

#btn-menu-mobile {
    color: #FFF;
    font-size: 24px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    text-decoration: none;
    padding: 10px;
}

#btn-menu-mobile:hover {
    color: #fff12d;
}

#btn-menu-mobile.sel {
    background: #6D6E71;
    box-shadow: inset 0 0 3px #000;
    opacity: 0.7;
    color: #FFF !important;
}

#menu-mobile {
    background: #6d6e71;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding: 5px;
    box-sizing: border-box;
    text-transform: uppercase;
}

#menu-mobile li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 14px 10px 14px 20px;
    color: #FFF;
    /*    width: 190px;*/
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 16px;
}

#menu-mobile ul {
    font-weight: bold;
}

#menu-mobile ul ul {
    display: none;
    font-weight: normal;
    text-transform: none;
}

#menu-mobile li a:hover {
    color: #000;
    background: #FFF;
}

#menu-mobile .glyphicon-menu-up, #menu-mobile .glyphicon-menu-down {
    color: transparent;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
    line-height: 20px;
    font-size: 12px;
}

#menu-mobile .fa-caret-right {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
}

#menu-mobile .has-submenu .glyphicon-menu-up, #menu-mobile .has-submenu .glyphicon-menu-down {
    color: #FFF;
}

#menu-mobile .has-submenu:hover .glyphicon-menu-up, #menu-mobile .has-submenu:hover .glyphicon-menu-down {
    color: #000;
}

#menu-mobile .glyphicon-menu-up {
    display: none;
}

#menu-mobile .open .glyphicon-menu-down {
    display: none;
}

#menu-mobile .open .glyphicon-menu-up {
    display: inline-block;
}

.container-logo-menu {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 10px;
}

.container-logo-menu img {
    height: 100px;
}

#fechar-mobile {
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    position: absolute;
    right: 20px;
    top: 6px;
    cursor: pointer;
}

#menu-mobile .container-login {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#menu-mobile .container-search {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 15px 20px 15px;
}

#menu-mobile .container-field-search {
    width: 100%;
}

/* MENU FIXO */
.menu-fixo {
    position: fixed !important;
    top: 0;
    width: 100%;
    animation: slideInDown 1s 0s;
}

#logo-branco {
    display: none;
    width: 48px;
}

#logo-branco img {
    height: 48px;
}

.menu-fixo#header {
    height: 48px;
    background: #cc2128;
}

.menu-fixo #container-menu {
    margin-top: 0;
}

.menu-fixo .container-search, .menu-fixo .container-login, .menu-fixo #selo, .menu-fixo .cont-icon {
    display: none !important;
}

/*.menu-fixo #btn-menu-mobile{
    padding: 2px;
}
.menu-fixo #container-btn-mobile{
    display: block;
    padding: 0px;
}*/
.menu-fixo #menu {
    height: 48px;
}

.menu-fixo #logo {
    display: none;
}

.menu-fixo .logo {
    margin-top: 0px;
}

.menu-fixo #logo-branco {
    display: inline-block;
}

.menu-fixo #logo-branco img {
    height: 48px;
}

.menu-fixo #menu a {
    padding: 12px 17px;
}

/* BANNER */
#banner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: #C42027;
}

.border-banner {
    width: 100%;
    height: 28px;
    background: url(../images/border-banner.jpg) no-repeat center center;
}

.home .border-banner {
    height: 0;
}

/* SERVICOS */
#box-servicos {
    text-align: center;
    padding-top: 26px;
    padding-bottom: 10px;
}

#icone-servico {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(../images/spry.png) no-repeat;
    background-position: 0px -41px;
    -moz-transform: translate(0px, 16px);
    -webkit-transform: translate(0px, 16px);
    transform: translate(0px, 16px);
    margin-right: 12px;
}

#itens-servico {
    text-align: center;
}

#itens-servico a {
    display: block;
    margin: 10px;
}

#itens-servico a div {
    overflow: hidden;
    border-radius: 8%;
}

#itens-servico a img {
    border-radius: 8%;
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

#itens-servico a:hover img {
    transform: scale(1.1);
    -webkit-filter: brightness(70%);
    filter: brightness(70%);
}

#itens-servico a span {
    display: inline-block;
    font-size: 21px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #636466;
    text-transform: uppercase;
}

#servicos-interno #box-servicos {
    padding-top: 0;
}

#servicos-interno #itens-servico a.sel {
    -webkit-transform: scale(1.28);
    -moz-transform: scale(1.28);
    -o-transform: scale(1.28);
    transform: scale(1.28);
    margin-top: 15%;
    z-index: 1000;
}

#servicos-interno #linha-interna #col-image img {
    width: 100%;
    max-width: 549px;

}

#servicos-interno #linha-interna #col-image {
    text-align: center;
}

#servicos-interno #linha-interna h3 {
    font-size: 32px;
}

#servicos-interno #linha-interna {
    padding-top: 50px;
}

#servicos-interno #linha-galeria {
    text-align: center;
    display: inline-table;
    width: 100%;
    margin: 0 auto;
}

#servicos-interno #linha-galeria .col-gal {
    margin: 16px 32px 16px 32px;
    width: 200px;
    height: 150px;
    vertical-align: middle;
    display: table-cell;
    box-sizing: border-box;
}

#servicos-interno #linha-galeria .col-gal img {
    max-width: 199px;
    max-height: 149px;
}

#servicos-interno #linha-galeria .tel {
    color: #adafb1;
    font-size: 33px;
    width: 300px;
}

#servicos-interno #linha-galeria .tel h4 {
    color: #000000;
    font-size: 25px;
    font-weight: bold;
}

/* RECEITAS */
#box-receitas {
    width: 100%;
    max-width: 1920px;
    height: 531px;
    background: url(../images/bg-receitas-interna.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
}

#box-receitas h3 {
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    font-size: 44px;
    margin-bottom: 38px;
    padding-top: 10px;
}

#icone-receita {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(../images/spry.png) no-repeat;
    background-position: -66px -41px;
    -moz-transform: translate(0px, 16px);
    -webkit-transform: translate(0px, 16px);
    transform: translate(0px, 16px);
    margin-right: 12px;
}

#quadro-receitas {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    border-radius: 8px;
    width: 390px;
    height: 332px;
    border: 1.5px solid #FFF;
    background: #000;
    background: rgba(0, 0, 0, 0.66);
    margin-top: 95px;
    font-family: "JennaSue", "Savoye";
    padding: 30px;
    font-size: 92px;
    line-height: 70px;
    color: #FFF !important;
    text-decoration: none !important;
    margin-left: 155px;
    text-align: left;
    text-align: center;
    position: relative;
    transition: 0.5s ease-in-out;
}

#clique-aqui {
    width: 163px;
    height: 98px;
    background: url(../images/spry.png) no-repeat;
    background-position: -2px -107px;
    position: absolute;
    right: -110px;
    top: -38px;
}

#clique-aqui span {
    display: inline-block;
    height: auto;
    min-width: 140px;
    font-size: 56px;
    position: absolute;
    bottom: -63px;
    right: -92px;
    text-shadow: 2px 2px 1px #000000;
    transition: 0.5s ease-in-out;
}

#quadro-receitas:hover {
    background: rgba(0, 0, 0, 0.5);
}

#quadro-receitas:hover span {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#container-dicas-receitas, #box-receitas {
    /*body:not(.Chrome) #container-dicas-receitas, body:not(.Chrome) #box-receitas{*/
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-transition: all .15s ease !important;
    -moz-transition: all .15s ease !important;
    -o-transition: all .15s ease !important;
    -ms-transition: all .15s ease !important;
    transition: all .15s ease !important;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

#bg-dicas-receitas {
    background: url(../images/bg-receitas-interna-fundo.jpg) repeat-y center center;
}

#container-dicas-receitas {
    background: url(../images/bg-receitas-interna.jpg) center bottom no-repeat;
    padding-bottom: 110px;
}

#container-dicas-receitas #list-destaques .data {
    color: #FFF;
}

#container-dicas-receitas #list-destaques .item {
    color: #FFF;
}

#container-dicas-receitas h2 {
    color: #c6a729;
}

#container-dicas-receitas #list-destaques .item span {
    color: #d76e2c;
}

#container-dicas-receitas .wrap-content-internal {
    background: #000;
    background: rgba(0, 0, 0, 0.66);
    border: 1.5px solid #FFF;
    border-radius: 8px;
    padding: 40px 50px 40px 50px !important;
}

#container-dicas-receitas #mais {
    color: #FFF;
}

#container-dicas-receitas h3 {
    color: #FFF;
    text-align: center;
    padding-top: 28px !important;
    margin-bottom: 70px;
}

/* FOOTER */
#footer {
    width: 100%;
    background: url(../images/bg-footer.jpg) no-repeat center center;
    background-size: cover;
    max-width: 1920px;
    min-height: 283px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 30px;
}

#assinatura {
    max-width: 100%;
    width: 1920px;
    text-align: center;
    color: #58595b;
    font-size: 14px;
    margin-top: 20px;
}

#mapa-site {
    position: relative;
    margin-left: 175px;
}

#mapa-site ul {
    display: inline-block;
}

#mapa-site ul li {
    display: inline-block;
    width: 196px;
    vertical-align: top;
}

#mapa-site ul li a {
    color: #58595b;
    width: 100%;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 34px;
}

.container-logo-footer {
    float: right;
    top: 20px;
    width: 315px;
    max-width: 100%;
    clear: both;
    text-align: right;
}

.container-logo-footer img {
    padding-bottom: 20px;
}

.footer-horario {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #58595b;
    font-size: 15px;
}

#footer li span {
    border-top: 2px solid #6c6d70;
    margin-top: 10px;
    width: 81px;
    padding-top: 10px;
    display: inline-block;
}

#footer .link-social {
    display: inline-block;
    height: 25px;
    background: url(../images/spry.png) no-repeat;
    transition: all 0.5s ease-in-out 0s;
    margin-left: 15px;
    width: 19px;
}

#footer .link-facebook {
    background-position: -124px -2px;
}

#footer .link-youtube {
    background-position: -104px -2px;
}

#assinatura .developer {
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
}

#assinatura a.developer:hover {
    color: #b81e24;
    animation: fadeIn 0.6s 0s;
}

/* GALERIA */
.fotorama {
    background: #BBB;
    padding: 12px;
    box-sizing: border-box;
    margin-top: 8px;
}

.fotorama__thumb-border {
    border-color: #b81e24 !important;
}

.fotorama__caption__wrap {
    background: rgba(147, 42, 47, 0.5);
    font-family: "Helvetica";
}

.fotorama__caption {
    color: #FFF;
}

.fotorama1468444581744, .fotorama__nav--thumbs, .fotorama__nav__frame {
    padding-bottom: 0px !important;
}

.fotorama__arr--next, .fotorama__arr--prev {
    width: 50px;
    height: 60px;
    display: block;
    background: url(../images/spry.png) no-repeat;
    background-position: -172px -45px;
    margin-top: -30px;
    border-radius: 4px;
}

.fotorama__arr--prev {
    background-position: -130px -45px;
}

.fotorama .img-fi {
    cursor: pointer;
}

.fotorama__html div,
.fotorama__html a {
    display: block;
    height: 100%;
}

/*DESTAQUES*/
#list-destaques .item {
    display: block;
    text-decoration: none !important;
    color: #000000;
    padding-bottom: 70px;
    line-height: 28px;
    text-align: justify;
}

.referencia {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #939497;
}

#list-destaques .imagem {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#list-destaques .item .imagem img {
    width: 100%;
    max-height: 274px;
    object-fit: cover;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
}

#list-destaques .item:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: brightness(85%);
    filter: brightness(85%);
}

#list-destaques .data {
    color: #58595b;
    font-size: 17px;
}

#list-destaques .item span {
    color: #b81e24;
    font-size: 28px;
    font-family: "JennaSue", "Savoye";
    display: inline-block;
    padding-left: 5px;
}

#list-destaques .item:hover span {
    animation: rubberBand 1s 0s;
}

#mais {
    font-family: "JennaSue", "Savoye";
    font-size: 40px;
    color: #939497;
    text-align: center;
    cursor: pointer;
    display: block;
}

#number-page {
    font-size: 16px;
}

#mais .fa {
    font-size: 50px;
    display: inline-block;
}

#mais #load-spin {
    display: none;
    color: #939497 !important;
}

#mais.loading #load-spin {
    display: block;
}

#mais:hover, #list-destaques .item:hover h2 {
    color: #b81e24;
}

/*PRODUTOS*/
#container-produtos {
    display: inline-block;
    text-align: center;
    width: 100%;
}

#container-produtos .item {
    box-sizing: border-box;
    display: inline-table;
    max-width: 300px;
    width: 100%;
    height: 300px;
    margin: 3px;
    background: #f6f6f6;
    text-align: center;
    position: relative;
    vertical-align: top;
    padding: 2px;
    overflow: hidden;
}

#container-produtos .titulo {
    display: table-cell;
    width: 300px;
    max-width: 100%;
    height: 80px;
    color: #b7b4b4;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 21px;
    box-sizing: border-box;
}

#container-produtos .imagem {
    max-width: 300px;
    width: 100%;
    height: 220px;
    box-sizing: border-box;
    float: left;
    position: relative;
    overflow: hidden;
}

#container-produtos a.item {
    text-decoration: none !important;
}

#container-produtos .item img {
    max-width: 300px;
    width: 100%;
    height: 220px;
    object-fit: cover;
    background: #FFF;
    transition: all 0.5s ease-in-out 0s;
}

#container-produtos .item .front-image {
    position: absolute;
    max-width: 300px;
    width: 100%;
    height: 220px;
    background: rgba(0, 0, 0, 0.66);
    left: -300px;
    transition: all 0.5s ease-in-out 0s;
    opacity: 0;
    z-index: 1000;
}

#container-produtos .item .front-image span {
    display: table-cell;
    width: 300px;
    max-width: 100%;
    height: 220px;
    text-align: center;
    vertical-align: middle;
    color: #c6a729;
    font-size: 21px;

}

#container-produtos .item:hover .front-image {
    left: 0;
    opacity: 1;
}

#container-produtos .item:hover img {
    transform: scale(1.1) rotate(5deg);
}

/*MODAL*/

#myModal {
    z-index: 10001;
}

#myModal .modal-content {
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    color: #FFF;
    border-width: 1.5px;
    border-color: #FFF;
    border-radius: 8px;
    font-family: "Calibri", "Helvetica", "Arial", sans-serif;
}

#myModal .modal-dialog {
    margin-top: 60px;
}

#myModal .modal-content h4 {
    font-size: 34px;
    color: #c6a729;
}

#myModal .modal-content .close {
    font-size: 40px;
    opacity: 1;
    color: #FFF;
    margin-top: 10px;
}

#myModal .modal-content .btn-default {
    font-family: "JennaSue", "Savoye";
    font-size: 50px;
    color: #FFF;
    background: transparent;
    border: none;
    line-height: 50px;
    display: none;
}

#myModal .modal-content .modal-header, .modal-footer, .modal-body {
    border: none;
    padding: 15px 30px 0;
}

#myModal .modal-body {
    padding-bottom: 15px;
}

#myModal .modal-content .img-modal {
    max-width: 100%;
    padding-top: 10px;
}

/* CONTATO */
.helper-d {
    position: absolute;
    left: 10px;
    background: #b81e24;
    color: #FFF;
    padding: 10px;
    margin-top: 5px;
    max-width: 95%;
    display: none;
    font-size: 14px;
    z-index: 1000;
    border-radius: 4px;
}

.helper-d .highlight {
    color: #fff12d;
    font-weight: bold;
}

.helper-d .fa-caret-up {
    position: absolute;
    top: -15px;
    color: #b81e24;
    font-size: 24px;
}

.feedback select, .feedback textarea, .feedback input[type="url"], .feedback input[type="tel"], .feedback input[type="text"], .feedback input[type="email"], .feedback input[type="password"] {
    background: #ffffff none repeat scroll 0 0;
    border: 1.5px solid #939497;
    border-radius: 2px;
    box-sizing: border-box;
    color: #929496;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    padding: 7px 10px;
    width: 100%;
    font-family: 'Calibri', 'Helvetica', 'Arial', sans-serif;
    transition: 0.6s ease-out 0s;
}

.feedback textarea {
    height: auto;
    resize: none;
}

#idForm input:focus, #idForm select:focus, #idForm textarea:focus, select#linha:focus {
    box-shadow: 0 0 10px #fec2c5 inset;
}

#idForm label span {
    color: #b81e24;
    font-size: 12px;
}

.feedback p {
    line-height: 22px;
    margin-bottom: 20px;
}

.feedback label {
    color: #000000;
    display: block;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Calibri', 'Helvetica', 'Arial', sans-serif;
}

.feedback .input {
    float: left;
    margin: 0 0 15px 2%;
    width: 32%;
    position: relative;
}

.feedback .porc23 .input {
    width: 23.5%;
}

.feedback .input:first-child {
    margin-left: 0;
}

.feedback textarea {
    margin-bottom: 20px;
}

.feedback select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFF url("../images/br_down.png") no-repeat 98% center;
}

.feedback .clearfix::after {
    clear: both;
    content: "";
    display: table;
}

.feedback .button {
    font-family: 'Calibri', 'Helvetica', 'Arial', sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 25px;
    background: #6d6e70;
    padding: 10px 38px;
    float: right;
    cursor: pointer;
    margin-bottom: 20px;
}

.feedback .hvr-shutter-in-vertical::before {
    background: #aa1b21;
}

.feed-atendimento .input {
    width: 100%;
}

.feed-atendimento label {
    display: none;
}

#map {
    border: 1.5px solid #939497;
    border-radius: 2px;
    width: 100%;
    height: 556px;
}

.feed-atendimento .cont-endereco, .feed-atendimento .referencia {
    font-size: 19px;
    color: #808183;
    float: left;
    padding-right: 10px;
    padding-bottom: 20px;
}

.feed-atendimento .referencia {
    padding-right: 0;
    font-size: 16px;
}

#alerta-erro, #alerta-sucesso {
    display: none;
}

/*BUSCA*/
#num_resuldados {
    float: left;
    margin-top: -30px;
    padding-bottom: 40px;
    padding-left: 80px;
}

.pageicon {
    border: 2px solid #cc2128;
    border-radius: 50%;
    color: #cc2128;
    display: inline-block;
    float: left;
    font-size: 40px;
    padding: 5px;
    margin-right: 12px;
    transform: translate(0px, -5px);
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    text-align: center;
}

.list-busca #list-destaques .item {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #CCC;
}

/* MENDOCARD */
.box-mendocard {
    width: 100%;
    border: 2px solid #a81b20;
    box-sizing: border-box;
    color: #939497;
    font-size: 28px;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.8);
    min-height: 100px;
}

.box-mendocard thead {
    background: #a81b20 url("../images/bg-saldo.jpg") no-repeat;
    background-size: cover;
}

.box-mendocard thead td {
    width: 100%;
    height: 80px;
    font-family: 'Calibri';
    font-size: 37px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    vertical-align: middle;
    padding: 15px;
    box-sizing: border-box;
}

.box-mendocard tbody td {
    height: 90px;
    box-sizing: border-box;
    padding-bottom: 19px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}

.box-mendocard #NumeroCartao {
    width: 100%;
    height: 45px;
    border: none;
    background: transparent;
    border-bottom: 3px solid #939497;
    font-size: 28px;
}

.box-mendocard .label-ncartao {
    width: 160px;
    color: #000;
}

.box-mendocard #NumeroCartao {
    width: 100%;
    height: 45px;
    border: none;
    background: transparent;
    border-bottom: 3px solid #000;
    font-size: 25px;
    text-align: center;
    border-color: #000;
    color: #000;
}

.box-mendocard #saldo {
    width: 100%;
    height: 90px;
    border: none;
    background: transparent;
    text-align: center;
    font-weight: bold;
    color: #000;
    font-size: 40px;
}

.box-mendocard #NumeroCartao:focus {
    border-bottom-color: #a81b20;
}

#box-saldo {
    display: none;
    opacity: 0;
    transition: ease-in-out all 1s 0s;
}

#box-saldo.show {
    opacity: 1;
}

.mendocard-saldo .img-cartao {
    width: 100%;
}

.mendocard-boleto h2 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #939497;
}

.mendocard-boleto .p-label {
    font-size: 20px;
    color: #939497;
    text-align: center;
}

.mendocard-boleto #cpf, .mendocard-boleto #cnpj {
    display: none;
}

.mendocard-boleto input {
    font-size: 20px !important;
}

.cpf_cnpj {
    width: 100%;
    background: #FFF;
    color: #939497;
    border: 1px solid #939497;
    border-radius: 2px;
    height: 40px;
    box-sizing: border-box;
    font-size: 20px;
}

.cpf_cnpj.sel {
    background: #6c6d70;
    color: #FFF;
}

.btn-boleto {
    float: none !important;
    margin-top: 41px
}

.mendocard-boleto p {
    margin-bottom: 10px;
}

.mendocard-boleto .feedback input:focus {
    box-shadow: 0 0 10px #fec2c5 inset;
}

.mendocard-boleto #NumeroCartao {
    text-align: center;
}

.mendocard-boleto .wrap-opt-doc {
    width: 16%;
}


#main-terminal {
    width: 100%;
    height: 100%;
    background: white;
    position: absolute;
    background: #CC2128;
    vertical-align: middle;
    text-align: center;
}

/*#main-terminal #wrap-terminal{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
     width: 1024px;
     height: 680px;
     margin: 0 auto;
     max-width: 100%;
}*/
#main-terminal #wrap-terminal {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: white;
    transform: translateY(-50%);
    overflow: hidden;
    text-align: center;
}

#box-terminal {
    display: inline-block;
    text-align: center;
    max-width: 700px;
    width: 100%;
    top: 0;
}

#container-box {
    width: 100%;
    color: #000;
    padding: 20px;
    box-sizing: border-box;
}

.box-mendocard thead td span {
    font-size: 24px;
    color: #fff12d;
}

/* NEWSLETTER */
#newsletter {
    background: url(../images/bg-mercado.jpg) no-repeat center center;
}

#newsletter .bg {
    background: rgba(180, 12, 18, 0.9);
    padding-top: 48px;
    padding-bottom: 28px;
}

#newsletter h3 {
    color: #FFF;
    font-size: 36px;
}

#newsletter h3 b {
    color: #fff12d;
}

#newsletter .hvr-shutter-in-vertical::before {
    background: #E72228 !important;
}

#newsletter input {
    color: #000;
}

.text-shadow {
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}