@font-face {
    font-family: 'montserrat';
    font-weight: 400;
    src: URL('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat';
    font-weight: 700;
    src: URL('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
body{
    -webkit-text-size-adjust:none
}
body,button,html,input{
    font-family: montserrat;
    font-weight:400;
    letter-spacing: 0px;
    line-height:20px;
    color:#444
}
body{
    width:100%;
    height:100%;
    font-weight:400;
    margin:0;
    padding:0;
    font-size:14px;
    background:#f2f2f2;
    overflow-x:hidden
}
body .admin_menu,
body .admin_content,
body .admin_content button,
body .admin_content input
{
    font-family:'Open Sans', Arial, sans-serif;
}

b,strong{
    font-weight:700
}
em,i{
    font-style:italic
}
a:active,a:link,a:visited{
    color:#333;
    text-decoration:none;
    font-size:14px
}
a:hover{
    text-decoration:underline;
    color:#00636e
}
hr{
    border:0;
    border-bottom:1px solid #ccc;
    display:block;
    height:1px;
    padding:0;
    margin:14px 0
}
pre{
    font-size:12px;
    background:#fff;
    font-family:'Courier New';
    color:#000;
    padding:20px;
    margin:0;
    border-bottom:1px solid #333;
    display:block;
    margin-top:20px;
    white-space:pre-wrap
}
h2{
    font-size:18px;
    padding:15px 0 10px 15px;
    margin:0;
    font-weight:400;
    color:#555;
    background:0 0;
    height:auto;
    width:auto;
    text-align:left
}
.categoria_barra,h3{
    background:#444;
    margin:0;
    color:#fff;
    font-size:14px;
    line-height:44px;
    padding: 10px 10px 10px 20px !important; 
    height:44px;
    font-weight:400;
    padding:0;
    text-align:left;
    overflow:hidden;
    cursor:default
}
.categoria_barra{
    /*margin-top: 78px;*/ 
    color:#fff;
    text-align:left;
    padding-left:8px
}

.categoria_barra h1{
    width: 300px;
    overflow: hidden;
}
h5{
    border-bottom:1px solid #ddd;
    padding:0 0 8px;
    margin:15px 0;
    font-size:15px;
    font-weight:300;
    color:#888
}
h5.pagamento{
    margin-top:80px
}
h3 img{
    width:20px;
    height:20px;
    margin:12px;
    display:block;
    float:left
}
.none{
    display:none!important
}
.solid{
    background:#f2f2f2;
    padding-bottom:20px
}
.right{
    float:right
}
.text_right{
    text-align:right
}
.text_left{
    text-align:left
}
#aviso_oferta_calendario_api {
    height: 33px;
    background: #c94343;
    padding: 5px 10px;
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
.alerta,
.erro,
.sucesso {
    display: flex;
    align-items: center;
    height: 50px;
    color: white;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.container-message {
    display: flex;
    align-items: center;
}
.container-message > img {
    width: 25px;
    margin-right: 10px;
}
h3.sucesso.coupon_cancel{
    height:auto;
    line-height:1.5;
    padding:12px;
    margin-bottom:12px;
    font-size:12px;
}
.sucesso{
    background:#349f50;
}
.alerta{
    background:#e5c619;
}
.erro{
    background:#c94343;
}
#subcategorias .botao,.categoria_barra .botao,h3 .botao{
    width:44px;
    height:44px;
    margin-right:14px;
    background:rgba(0,0,0,.05);
    cursor:pointer
}
#subcategorias .botao{
    background:rgba(0,0,0,.2)
}
#subcategorias .botao:hover,.categoria_barra .botao:hover,h3 .botao:hover{
    background:rgba(255,255,255,.2)
}
#subcategorias .botao:hover{
    background:rgba(255,255,255,.08)
}
#subcategorias .botao img,.categoria_barra .botao img,h3 .botao img{
    height:20px;
    width:20px;
    margin:12px
}
#subcategorias .botao.left,.categoria_barra .botao.left,h3 .botao.left{
    float:left
}
#subcategorias .botao.right,.categoria_barra .botao.right,h3 .botao.right{
    float:right;
    margin-right:0
}
ul.decimal{
    list-style-type:decimal;
    padding:10px 0 10px 30px
}
label.filtrar{
    float:right;
    padding:0 10px 0 0;
    font-size:11.5px;
    margin:0 0 0 20px;
    display:none
}
#principal{
    z-index:100;
    width:100%;
    /* max-width:1080px; */
    margin:0 auto;
    position:relative;
    overflow-x: hidden;
}
.topo.mobile{
    height:44px;
    background:#333;
    position:fixed;
    padding:0;
    top:0;
    left:0;
    margin:0;
    color:#fff;
    width:100%;
    min-width:320px;
    z-index:200
}
.topo.mobile .botao{
    height:44px;
    position:absolute;
    left:0;
    top:0;
    width:44px;
    display:block;
    cursor:pointer;
    z-index:2;
    background:rgba(255,255,255,.1)
}
.topo.mobile .botao.bcarrinho{
    background:0 0;
    right:44px;
    left:auto
}
.topo.mobile .botao.bcarrinho .quantidade{
    width:17px;
    height:17px;
    line-height:17px;
    color:#fff;
    font-size:8px;
    border-radius:100px;
    text-align:center;
    font-weight:700;
    background:#e63136;
    position:absolute;
    left:24px;
    top:4px
}
.topo.desktop .botao.bcarrinho.vazio,.topo.mobile .botao.bcarrinho.vazio{
    opacity:.4
}
.topo.mobile .botao#modal_perfil{
    right:0;
    left:auto
}
.topo.mobile .botao:hover{
    background:rgba(255,255,255,.3)
}
.topo.mobile .botao img{
    margin:12px;
    padding:0;
    width:20px;
    height:20px
}
.topo.mobile .titulo{
    position:absolute;
    left:0;
    top:3px;
    font-size:10px;
    text-align:center;
    vertical-align:middle;
    height:32px;
    margin:0;
    display:block;
    width:100%;
    line-height:15px;
    color:#222;
    z-index:1
}
.topo.mobile .titulo a:active,.topo.mobile .titulo a:link,.topo.mobile .titulo a:visited{
    font-size:13px;
    font-weight:700;
    color:#fff;
    opacity:.9;
    text-decoration:none;
    line-height:16px
}
.topo.mobile .titulo img{
    height:37px
}
.topo.desktop{
    display:none;
    width:100%;
    background:#fff;
    position:relative;
    height:120px
}
.topo.desktop .container{
    position:absolute;
    right:-15px;
    height:40px;
    width:740px;
    top:0
}
.topo.desktop .us{
    line-height:40px;
    padding:0 18px 0 0;
    font-size:14px;
    max-width:165px;
    overflow:hidden;
    float:right
}
.topo.desktop .btcarrinho{
    height:24px;
    position:absolute;
    left:8px;
    top:8px;
    width:24px;
    display:block;
    cursor:pointer;
    z-index:2
}
.topo.desktop .quantidade{
    width:17px;
    height:17px;
    line-height:17px;
    color:#fff;
    font-size:8px;
    border-radius:100px;
    text-align:center;
    font-weight:700;
    background:#e63136;
    position:absolute;
    left:20px;
    top:4px;
    z-index:5
}
.topo.desktop .botao.bcarrinho .quantidade{
    left:32px;
    top:4px
}
.topo.desktop .vazio{
    opacity:.4
}
.topo.desktop .titulo{
    padding:0
}
.topo.desktop .titulo img{
    width:300px
}
.admin_button{
    position:absolute;
    left:0;
    top:0
}
.buscador{
    height:44px;
    padding:0;
    margin:44px 0 0;
    width:100%;
    min-width:360px;
    position:relative
}
.buscador button[type=submit]{
    border:0;
    background:0 0;
    width:34px;
    background:#fafafa;
    height:42px;
    display:block;
    position:absolute;
    left:0;
    top:0;
    cursor:pointer
}
.buscador button[type=submit] img{
    width:20px;
    height:20px;
    margin-top:2px
}
.buscador input[type=text]{
    position:absolute;
    left:44px;
    top:0;
    margin:0;
    padding:0;
    height:44px;
    border:0;
    font-size:14px;
    text-align:left;
    background:#fafafa;
    width:276px;
    width:-webkit-calc(100% - 44px);
    width:-moz-calc(100% - 44px);
    width:calc(100% - 44px);
    display:block;
    color:#555
}
.pagina{
    padding:0 0 20px;
    background:#f2f2f2;
    overflow-x:hidden;
    max-width: 1366px;
    margin: 0 auto;
}
.navigation-desktop {
    padding: 15px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100000;
    box-sizing: border-box !important;
    /* background: linear-gradient(90deg, #EBC139, #d4af33); */
    /* background: linear-gradient(90deg, rgb(22, 153, 170), rgb(0, 201, 213)); */
    /* background: linear-gradient(90deg, rgb(20, 20, 20), rgb(39, 41, 41)); */
}
.container-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1366px;
    height: 50px;
    margin: auto auto;
    box-sizing: border-box !important;
}
.container-search-input {
    width: 400px;
    /*margin: 10px 20px;*/
    height: 30px;
}
.input-container {
    display: flex;
}
.input-search {
    height: 30px;
    width: 100%;
    border-radius: 7px 0 0 7px;
    border: none;
    box-sizing: border-box;
    text-align: left;
    padding-left: 10px !important;
    color: black;
    font-size: 14px;
    
}
.input-search::-webkit-input-placeholder {
    font-size: 14px;
    color: #666;
}

.input-search::-webkit-input-placeholder { /* Edge */
    color: #666;
    font-size: 14px;
    opacity: 1;
}

.input-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666;
    font-size: 14px;
    opacity: 1;
}

.input-search::placeholder {
    color: #666;
    font-size: 14px;
    opacity: 1;
}

.btn-search {
    width: 45px;
    height: 30px;
    border-radius: 0 7px 7px 0;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    overflow: hidden;
    padding: 1px;
}
.menus-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-ajuda-navigation,
.menu-favoritos-navigation {
    margin-right: 30px;
}
.menu-ajuda-navigation {
    position: relative;
}
.menu-carrinho-navigation {
    margin-top: 3px;
}
.container-menu-favoritos-navigation,
.container-menu-carrinho-navigation {
    position: relative;
}
.menu-favorito-numero,
.menu-carrinho-numero {
    position: absolute;
    left: 17px;
    top: -15px;
    font-weight: bold;
    font-size: 12px;
    min-width: fit-content;
    height: fit-content;
    background-color: #FFF;
    padding: 1px 4px;
    border-radius: 5px;
    border: 1px solid #615E5E;
}
.btn-ajuda-dropdown {
    display: flex;
    align-items: center;
    border: none;
    color: white;
    background-color: inherit;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
}
.dropdown-content,
.dropdown-content-usuario {
    right: -60px;
    top: 50px;
    position: absolute;
    width: max-content;
    height: max-content;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    text-align: left;
    border-radius: 10px;
    background: white;
    z-index: 10000;
    background-color: transparent;
}
.dropdown-content-usuario {
    top: 50px;
    right: -30px;
}
.dropdown-content-usuario > ul > a,
#meus-cupons-dropdown > ul > a {
    text-decoration: none;
}
.dropdown-content-usuario > ul > a > li {
    font-size: 18px;
    color: gray;
    text-decoration: none;
    padding: 15px 20px;
}
.dropdown-content-usuario > ul > li > a {
    font-size: 18px;
    color: gray;
    text-decoration: none;
    padding: 15px 20px;
}
.dropdown-content-usuario > ul > a > li:hover,
.dropdown-content-usuario > ul > li:hover {
    background-color:#e9e9e9;
}
.dropdown-menu-mobile {
    top: 56px;
    right: -35px;
    border-radius: 0 0 10px 10px;
    display: none;
    position: absolute;
    width: max-content;
    height: max-content;
    text-align: left;
    border-radius: 10px;
    background: white;
    z-index: 10000;
    background-color: transparent;
}
#menu-ajuda-dropdown,
#menu-usuario-dropdown,
#meus-cupons-dropdown,
#mobile-ajuda-dropdown,
#mobile-usuario-dropdown {
    display: none;
    background-color: white;
}
.dropdown-content > ul > a > li,
#meus-cupons-dropdown > ul > a > li {
    padding: 15px 20px;
}
.dropdown-content > ul > a,
#meus-cupons-dropdown > ul > a > li {
    font-size: 18px;
    color: gray;
    text-decoration: none;
}
.dropdown-content > ul > a > li:hover,
#meus-cupons-dropdown > ul > a > li:hover {
    background-color:#e9e9e9;
    z-index: 10000;
}
/* .dropdown-content > ul > a > li:first-child {
    border-radius:10px 10px 0px 0px;
} */
.dropdown-content > ul > a > li:last-child,
.dropdown-content-usuario > ul > a > li:last-child,
.dropdown-content-usuario > ul > li:last-child {
    border-radius:10px 10px 10px 10px;
}
.absolute-top-left{
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
#menu-ajuda-down,
#menu-usuario-down,
#menu-usuario-down-li,
#mobile-ajuda-icon-down,
#mobile-usuario-icon-down {
    display: block;
}
#menu-ajuda-up,
#menu-usuario-up,
#menu-usuario-up-li,
#mobile-ajuda-icon-up,
#mobile-usuario-icon-up {
    display: none;
}
#btn-menu-usuario {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    margin: 0px;
    padding: 0px
}
.menu-usuario-navigation {
    margin-right: 15px;
    position: relative;
}
.menu-usuario-navigation > button {
    border: none;
    color: white;
    background-color: inherit;
}
.menu-mobile {
    display: none;
    align-items: center;
    margin: 0 20px;
    position: relative;
}

.menu-mobile-hamburguer {
    border: none;
    background-color: inherit;
    cursor: pointer;
}
.menu-mobile-dropdown {
    overflow-y: scroll;
    height: calc(100vh - 80px);
}
.menu-mobile-dropdown > li {
    border-bottom: solid 0.5px #e2dfdf;
    border-left: solid 0.5px #e2dfdf;
    background-color: white;
}
.menu-mobile-dropdown > li > a,
#mobile-ajuda-dropdown > ul > li > a,
#mobile-usuario-dropdown > ul > li > a {
    text-decoration: none;
    
}
.sair-li {
    border-radius: 0 0 8px 8px;
}
.mobile-item-icon {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    
}
.icon-mobile {
    padding: 15px;
}
.text-mobile-icon {
    padding: 15px;
    padding-right: 40px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgba(22,153,170,0.4);
}
#inputClose {
    display: none;
    margin-left: 5px;
    background-color: inherit;
    border: none;
    cursor: pointer;
}
#logo_pagina {
    margin: 0 20px;
}
.fav-num-mobile {
    /*background-color: #1699aa;*/
    padding: 0px 10px;
    border-radius: 6px;
    color: white;
}
@media (max-width: 1050px) {
    .menu-usuario-navigation,
    .menu-ajuda-navigation {
        display: none;
    }
    .menu-mobile {
        display: flex;
    }
    .menu-favoritos-navigation {
        display: none;
    }

}
@media(max-width: 740px) {
    .menu-carrinho-navigation {
        margin-left: 20px;
    }
}
@media (max-width: 580px) {
    .input-search {
        width: 0px;
        visibility: hidden;
        transition: width 1.5s;
        margin-left: auto;
    }
    .btn-search {
        background-color: inherit;
    }
    #svg-fill-rule {
        fill: white;
    }
    .container-search-input {
        margin: 10px 0;
    }
    .menu-carrinho-navigation {
        margin-left: 20px;
        /* margin-right: 18px; */
    }
    .navigation-desktop {
        padding: 15px 10px;
    }
    #logo_pagina {
        margin: 0 12px;
        width: 156px;
        height: 60px;
    }
    .menu-mobile {
        margin-right: 15px;
    }
    
}

@media screen and (min-width:480px){
    .pagina{
        background:0 0
    }
}
#rodape{
    width:100%;
    margin:0;
    padding:0;
    min-height:290px
}
#rodape .sobre{
    padding:15px;
    text-align:justify;
    color:#777;
    background:#fff;
    font-size:11px;
    margin:0 auto;
    line-height:18px;
    min-height:290px
}
#rodape .payments{
    display:block;
    background:#fff;
    text-align:center;
    padding:10px 0 6px;
    border-top:1px solid #eee
}
#rodape .payments img{
    display:inline-block
}
@media all and (max-width:1080px){
    #rodape .payments img{
        display:block;
        width:100%;
    }
}
#rodape .credito{
    width:100%;
    text-align:center;
    font-size:9px;
    color:#777;
    line-height:15px;
    padding:14px 0 20px
}
#rodape .credito strong{
    color:#555;
    font-size:10px
}
.facebook_curtidas{
    width:290px;
    height:290px;
    float:left;
    background:#fff;
    text-align:center;
    font-size:13px;
    display:none;
    margin-right:15px
}
.powered{
    margin:14px auto 0;
    display:block
}
.banner{
    text-align:center;
    margin-bottom:10px
}
.banner img{
    width:100%
}
.banner.desktop{
    display:none
}
.banner.mobile{
    display:block
}
.banner.loja{
    margin:0;
    padding:0
}
.banner_left{
    width:110px;
    position:fixed;
    left:50%;
    margin-left:-650px;
    top:0;
    height:700px;
    z-index:-1
}
.banner_right{
    width:110px;
    position:fixed;
    left:50%;
    margin-left:540px;
    top:0;
    height:700px;
    z-index:-1
}
@media all and (max-width:1365px){
    .banner_left,.banner_right{
        display:none
    }
}
.categorias{
    margin:0;
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #ddd;
    background:#f1f1f1;
    display:table;
    font-size:9px;
    padding:0;
    width:100%;
    text-align:center;
    z-index:1000;
    text-transform:uppercase;
    max-width:1080px;
    overflow:hidden
}
.categorias .item{
    display:block;
    float:left;
    line-height:8px;
    margin:0;
    padding:10px 0 8px;
    width:14%;
    overflow:hidden;
    color:#555;
    text-align:center
}
.categorias .item .botao{
    width:40px;
    height:40px;
    border-radius:100px;
    margin:0 auto 5px;
    cursor:pointer;
    overflow:hidden
}
.categorias .item .botao .cor{
    background:0 0
}
.categorias .item .botao:hover .cor{
    background:rgba(0,0,0,.3)
}
.categorias .item .botao_landing_pages:hover .cor{
    background:0 0
}
.categorias .item .botao img{
    width:40px;
    height:40px;
    margin:0;
    padding:0
}
.categorias .item .botao_landing_pages img{
    width:30px;
    height:30px;
    margin-top:5px
}
.categorias a:active,.categorias a:link,.categorias a:visited{
    color:#555;
    font-size:6px
}
.categorias.desktop{
    margin:0;
    border:0;
    background:0 0;
    display:table;
    font-size:9px;
    padding:0;
    width:395px;
    text-align:center;
    position:absolute;
    right:-5px;
    top:40px;
    z-index:10
}
.categorias#fixar_mobile .item .botao{
    width:32px;
    height:32px
}
.categorias#fixar_mobile .item .botao img{
    width:32px;
    height:32px;
    margin:0
}
.categorias#fixar_mobile .item .botao_landing_pages img{
    width:30px;
    height:30px
}
.categorias#fixar_mobile .item{
    font-size:6px
}
.categorias#fixar_mobile .item .botao.recompensas img{
    width:28px;
    height:28px;
    margin:0
}
#subcategorias{
    margin:0;
    padding:0;
    display:none
}
#subcategorias.todas.bg{
    background:#444
}
#subcategorias li{
    background:rgba(0,0,0,.2);
    line-height:44px;
    height:44px;
    color:#fff;
    text-align:left;
    padding-left:14px;
    font-size:12px;
    cursor:pointer;
    text-decoration:none!important
}
#expire_datepicker{
    cursor:pointer
}
#subcategorias li span{
    display:inline-block;
    width:180px;
    margin-right:14px
}
#subcategorias a:hover{
    color:#fff;
    text-decoration:none!important
}
#subcategorias li select{
    width:100%;
    line-height:20px;
    height:20px;
    margin:0;
    padding:0
}
#subcategorias li.ordenar{
    background:rgba(0,0,0,.4);
    text-align:right;
    cursor:default
}
#subcategorias li.ordenar:hover{
    background:rgba(0,0,0,.4);
    color:#fff
}
#subcategorias li.menu_cidade{
    background:rgba(0,0,0,.4);
    cursor:default
}
#subcategorias li.menu_cidade:hover{
    background:rgba(0,0,0,.4);
    color:#fff
}
#subcategorias li.data{
    background:rgba(0,0,0,.6);
    text-align:right;
    cursor:default
}
#subcategorias li.data:hover{
    background:rgba(0,0,0,.6);
    color:#fff
}
#subcategorias li label{
    margin:0 0 0 15px
}
#subcategorias li.sub1{
    padding-left:14px;
    background:rgba(0,0,0,.2);
    margin-bottom:1px
}
#subcategorias li.sub2{
    padding-left:30px;
    background:rgba(0,0,0,.5);
    margin-bottom:1px
}
#subcategorias li.sub3{
    padding-left:44px;
    background:rgba(0,0,0,.7);
    margin-bottom:1px
}
#subcategorias li.sub4{
    padding-left:58px;
    background:rgba(0,0,0,.75);
    margin-bottom:1px
}
#subcategorias li:hover{
    background:rgba(255,255,255,.1);
    color:#333;
    text-decoration:none
}
.menu{
    width:100%
}
#h2_texto_apoio,.categoria_subtitulo{
    font-size:11.5px;
    padding:0 44px 0 8px;
    margin:0;
    font-weight:400;
    font-style:italic;
    color:#fff;
    background:0 0;
    height:auto;
    width:auto;
    text-align:justify;
    background-color: inherit;
}
.texto_apoio_expandido{
    display:block
}
.texto_apoio_contraido{
    display:none
}
#texto_apoio{
    margin:0;
    padding:0
}
#texto_apoio_controle{
    display:none
}
@media only screen and (max-device-width:480px){
    #h2_texto_apoio,.categoria_subtitulo,h2{
        font-size:11.5px;
        padding:0 8px 0 8px;
        margin:0;
        font-weight:400;
        font-style:italic;
        color:#fff;
        background:0 0;
        text-align:justify
    }
    .apoio_contraido{
        text-align:justify;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:auto
    }
    .texto_apoio_expandido{
        display:none
    }
    .texto_apoio_contraido{
        display:block;
        height:2em
    }
    #texto_apoio_controle{
        display:block;
        position:relative;
        font-size:.875rem;
        font-weight:700;
        padding:0 20px;
        text-transform:uppercase;
        text-align:right;
        margin-top: 15px;
    }
    #texto_apoio{
        margin:0;
        padding:0
    }
}
.categoria_subtitulo,bg{
    background:#444
}
.menu a:hover{
    text-decoration:none
}
.menu h2{
    font-size:13px;
    padding:34px 0 14px 14px;
    margin:0;
    font-weight:400;
    color:#333;
    background:0 0;
    height:auto;
    width:auto;
    text-align:left
}
.menu .title_menu{
    font-size:13px;
    padding:34px 0 14px 14px!important;
    margin:0!important;
    font-weight:400!important;
    color:#333!important;
    background:0 0!important;
    height:auto!important;
    width:auto!important;
    text-align:left!important;
    display:block!important;
    margin-block-start:0.83em!important;
    margin-block-end:0.83em!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important
}
.menu ul{
    margin:0;
    padding:0;
    border-top:1px solid #eee
}
.menu ul li{
    padding:14px;
    border-bottom:1px solid #eee;
    list-style:none;
    background:#fff;
    font-size:12px;
    color:#555;
    cursor:pointer
}
.direita .menu ul li{
    padding-left:34px
}
.menu ul li.sub{
    padding-left:54px;
    background:#f8f8f8 url(../img/sub.png) no-repeat 38px 23px
}
.menu ul li:hover{
    background:#999;
    color:#fff
}
.menu ul li:hover label{
    color:#fff
}
.menu ul li label{
    width:85px;
    display:block;
    float:left;
    color:#555;
    margin:0;
    text-align:left
}
.menu select{
    width:170px;
    background:#fff;
    margin:0;
    padding:0
}
.menu .categorias{
    padding:10px 0;
    background:0 0;
    width:94%;
    border:0;
    border-top:0;
    z-index:1;
    position:relative
}
.menu .categorias .item{
    width:25%;
    height:4.5rem
}
.menu .categorias .item .botao{
    width:54px;
    height:54px;
    border-radius:100px
}
.menu .categorias .item .botao img{
    width:54px;
    height:54px;
    margin:0
}
.menu .categorias .item.recompensas .botao img{
    width:54px;
    height:54px;
    margin:0
}
@media all and (max-width:640px){
    .menu .categorias .item span{
        display:block
    }
}
#carregando{
    width:100%;
    padding:20px 0;
    display:none;
    text-align:center
}
#carregando img{
    height:60px;
    width:60px
}
#loading_conversion{
    margin:-40px 0 0 -40px;
    width:80px;
    text-align:center;
    display:block;
    height:80px;
    opacity:.6;
    top:50%;
    position:absolute;
    left:50%
}
.ofertas{
    display:table;
    width:auto;
    margin:6px;
    padding:0
}
.ofertas .item{
    margin:6px;
    border:1px solid rgba(0,0,0,.1);
    overflow:hidden;
    float:left
}
.ofertas .imagem{
    border-bottom:5px solid #888
}
.ofertas .item img{
    width:100%;
    padding:0;
    margin:0;
    border:0;
    display:block
}
.ofertas .item .anuncio{
    padding:7px 10px;
    margin:0;
    height:67px;
    overflow:hidden;
    text-align:left;
    display:block;
    line-height:18px;
    font-weight:400;
    font-size:14px;
    color:#666;
    background:#fff
}
#demanda.ofertas .item .anuncio{
    padding:15px 10px
}
.ofertas .item .km{
    display: inline-block;
    padding:6px;
    /* text-align: right; */
    color:#333;
    /* line-height: 14px; */
    font-size: 13px;
    background-color: transparent;
}
.ofertas .item .km b{
    font-weight: 700;
    color: #333;
}
.recomenda .ofertas .item .anuncio{
    font-size:13px;
    height:5.2rem
}
.ofertas .item .anuncio .limite{
    display:table;
    height:100%;
    width:100%
}
.ofertas .item .anuncio .limite .alinhamento{
    display:table-cell;
    vertical-align:middle
}
.ofertas .item .detalhes,.opcao .detalhes{
    padding:0;
    margin:0;
    width:100%;
    color:#aaa;
    display:block;
    overflow:hidden;
    border-top:none;
    
}
.comprar .preco,.ofertas .item .detalhes .preco,.opcao .detalhes .preco{
    text-align:right;
    float:right;
    padding:4px 10px 0;
    margin:0;
    height:auto;}
.oferta .comprar .preco .de,.ofertas .item .detalhes .preco .de,.opcao .detalhes .preco .de{
    font-size:13px;
    line-height:20px;
    display:block;
    color:#777;
    margin:0;
    padding:0 1px 0 0;
    font-weight:400
}
.oferta .comprar .preco .de{
    color:#999
}
.oferta .comprar .preco .de.corte,.ofertas .item .detalhes .preco .de.corte,.opcao .detalhes .preco .de.corte{
    text-decoration:line-through
}
.oferta .comprar .preco .por,.ofertas .item .detalhes .preco .por,.opcao .detalhes .preco .por{
    font-size:20px;
    line-height:20px;
    display:block;
    margin:0;
    padding:0;
    font-weight:700;
    color:#333
}
.oferta .comprar .preco .por,.opcao .detalhes .preco .por,.recomenda .ofertas .item .detalhes .preco .por{
    font-size:17px;
    line-height:17px
}
.oferta .comprar .preco .por{
    font-size:23px
}
.oferta .comprar .preco span,.ofertas .item .detalhes .preco span,.opcao .detalhes .preco span{
    font-size:12px;
    text-decoration:none;
    font-weight:400
}
.oferta .comprar .preco .por span,.ofertas .item .detalhes .preco .por span,.opcao .detalhes .preco .por span{
    font-size:14px;
    color:#777
}
.oferta .comprar .preco .por span{
    color:#999
}
.oferta .comprar .porcento,.ofertas .item .detalhes .porcento{
    height:36px;
    padding:8px 0 8px 12px;
    margin:0;
    float:left
}
.oferta .comprar .porcento .bola,.ofertas .item .detalhes .porcento .bola{
    font-size:16px;
    line-height:36px;
    letter-spacing:-.5px;
    margin:0;
    padding:0;
    color:#fff;
    background:#fb2222;
    text-align:center;
    font-weight:700;
    border-radius:100px;
    height:36px;
    width:36px;
    text-align:center
}
.oferta .comprar .porcento span,.ofertas .item .detalhes .porcento span{
    font-size:10px;
    font-weight:700;
    line-height:10px;
    top:-1px;
    opacity:.7;
    left:1px;
    position:relative
}
.oferta .comprar .mais,.oferta .detalhes .informacoes .mais,.ofertas .item .detalhes .mais,.opcao .detalhes .mais{
    display:none;
    float:right;
    text-align:center;
    padding:0 10px;
    margin:8px 0 0;
    height:34px;
    font-size:13px;
    line-height:13px;
    font-weight:400;
    color:#555;
    border-right:1px solid #e1e1e1
}
.oferta .detalhes .informacoes .mais.vendas{
    display:block
}
.oferta .comprar .mais span,.oferta .detalhes .informacoes .mais span,.ofertas .item .detalhes .mais span,.opcao .detalhes .mais span{
    font-size:12px;
    line-height:18px;
    display:block;
    color:#777
}
.oferta .detalhes .informacoes .mais strong,.ofertas .item .detalhes .mais strong,.opcao .detalhes .mais strong{
    font-size:14px;
    line-height:20px;
    display:inline-block;
    color:#555
}
.ofertas .item .detalhes button{
    display:block
}
#carrossel_recomendado_mobile button{
    display:block!important
}
#carrossel_recomendado_mobile .mais,#carrossel_recomendado_mobile .porcento{
    display:none!important
}
.oferta .comprar .mais{
    display:none
}
.ofertas a:hover .item{
    border-color:#aaa
}
.ofertas a:hover .item .anuncio{
    color:#222
}
.nenhuma{
    width:100%;
    color:#777;
    margin:40px 0 30px;
    text-align:center;
    display:block
}
@media all and (max-width:599px){
    .ofertas .item{
        width:auto;
        width:-webkit-calc(100% - 16px);
        width:-moz-calc(100% - 16px);
        width:calc(100% - 16px)
    }
}
@media all and (min-width:600px){
    .ofertas .item{
        width:48%;
        width:-webkit-calc(50% - 16px);
        width:-moz-calc(50% - 16px);
        width:calc(50% - 16px)
    }
}
.recomenda{
    background:#e59719;
    background:-webkit-gradient(linear,0 0,0 100%,from(#e59719),to(#d64623));
    background:-webkit-linear-gradient(#e59719,#d64623);
    background:-moz-linear-gradient(#e59719,#d64623);
    -pie-background:linear-gradient(#e59719,#d64623);
    background:-o-linear-gradient(#e59719,#d64623);
    margin:5px 0;
    color:#fff;
    padding:0 0 5px;
    min-height:305px
}
.recomenda .ofertas .item{
    border:1px solid #e59719
}
.recomenda .ofertas a:hover .item{
    border:1px solid #d64623
}
.recomenda h4{
    margin:0 10px;
    padding:0;
    color:#fff;
    background:0 0;
    font-size:14px;
    line-height:18px;
    height:auto;
    font-weight:700;
    padding:15px 0 5px;
    text-align:center
}
.recomemnda a{
    display:none
}
.recomenda .ofertas .item .anuncio .limite .alinhamento .curto{
    display:block
}
.recomenda .ofertas .item .anuncio .limite .alinhamento .completo{
    display:none
}
.opcoes{
    text-align: center;
    background: #fff;
    max-width: 290px;
    margin: 0 auto;
}
.opcoes .opcao{
    margin:20px 0;
    background:#fff;
    border:1px solid #c2c2c2;
    overflow:hidden;
    font-weight:400
}
.opcoes .opcao .detalhes{
    border-top:0;
    border-bottom:1px solid #eee
}
.opcoes .opcao .detalhes .numero{
    line-height:28px;
    padding:10px 0 10px 10px;
    font-weight:700;
    float:left
}
.opcoes .opcao .detalhes .numero .bola{
    width:28px;
    height:28px;
    border-radius:100px;
    color:#fff
}
.opcoes .opcao .detalhes .preco{
    padding:6px 0 0 10px
}
.opcoes .opcao .detalhes .mais strong{
    font-size:13px;
    line-height:15px
}
.ofertas .item .detalhes button,.opcoes .opcao .detalhes button{
    float:right;
    background:#349f50;
    border:1px solid #257b3c;
    color:#fff;
    cursor:pointer;
    padding:0 10px;
    margin:10px 20px 8px 8px;
    font-weight:700;
    line-height:32px;
    height:34px;
    text-shadow:0 -1.5px #257b3c;
    font-size:13px;
    border-radius:3px;
    text-transform:uppercase
}
.ofertas .item:hover .detalhes button,.opcoes .opcao .detalhes button:hover{
    background:#257b3c;
    text-shadow:0 -1.5px #257b3c;
    color:#fff
}
.opcoes .opcao .detalhes button[disabled=disabled]{
    background:#aaa;
    border:1px solid #999;
    text-shadow:0 -1.5px #999;
    cursor:default;
    color:#ddd
}
.opcoes .opcao .anuncio{
    padding:0;
    margin:12px;
    text-align:justify;
    display:block;
    line-height:15px;
    font-weight:400;
    font-size:12px;
    color:#666;
    text-decoration:none!important
}
.opcoes a:hover .opcao{
    border-color:#aaa
}
.opcoes a:hover .opcao .anuncio{
    text-decoration:none!important
}
.opcoes a:hover{
    text-decoration:none!important
}
.oferta{
    width:100%;
    padding:0 0 10px
}
.oferta #slide{
    width:100%;
    height:151px;
    margin:0;
    padding:0;
    overflow:hidden;
    display:block;
    position:relative;
    background:#ccc
}
.oferta #slide img{
    width:100%;
    padding:0;
    margin:0;
    display:none;
    position:absolute;
    top:0
}
.oferta #slide img:first-child{
    display:block
}
.oferta #slide #select{
    z-index:888;
    position:absolute;
    left:0;
    margin-left:0 auto;
    bottom:24px;
    display:none;
    text-align:center;
    height:10px;
    width:100%;
    padding:0
}
.oferta #slide #select span{
    border-radius:20px;
    width:10px;
    height:10px;
    background:0 0;
    display:inline-block;
    margin-right:20px;
    cursor:pointer;
    border:3px solid #fff
}
.oferta #slide #select span:first-child{
    background:#fff
}
.oferta #slide #select span:last-child{
    margin:0
}
.oferta #slide #next{
    position:absolute;
    right:16px;
    top:50%;
    z-index:888;
    width:50px;
    margin-top:-50px;
    cursor:pointer;
    height:100px;
    display:none;
    border-radius:50px;
    background:url(../img/play.png) center center no-repeat
}
.oferta #slide #next:hover{
    opacity:.8
}
.oferta .km{
    padding:1px 15px 6px 0;
    font-size:13px;
    height:20px;
    line-height:20px;
    text-align:left;
    font-weight:700;
    color:#333;
    letter-spacing:.5px;
    overflow:hidden
}
.oferta .km img{
    float:right;
    margin:1px 2px;
    height:18px
}
.oferta .km span{
    float:right
}
.oferta .anuncio{
    padding:14px;
    background:#fff;
    text-align:left;
    display:block;
    color:#777;
    line-height:17px;
    border-bottom:4px solid #888
}
.oferta .anuncio strong{
    font-size:18px;
    display:block;
    color:#333;
    line-height:22px;
    padding:0 0 5px
}
.oferta .comprar{
    background:rgba(0,0,0,.85);
    margin:0;
    width:100%;
    overflow:hidden;
    z-index:1000
}
.oferta .comprar button{
    background:#349f50;
    border:1px solid #257b3c;
    float:right;
    color:#fff;
    cursor:pointer;
    width:115px;
    padding:0;
    margin:10px;
    font-weight:700;
    line-height:39px;
    border-radius:3px;
    height:41px;
    text-shadow:0 -1.5px #257b3c;
    font-size:14px;
    text-transform:uppercase
}
.oferta .comprar button:hover{
    background:#257b3c;
    text-shadow:none
}
.oferta .comprar button.op{
    width:115px
}
@media only screen and (max-width:767px){
    .oferta .comprar button.op{
        width:80px
    }
}
.oferta .comprar button[disabled=disabled]{
    background:#aaa;
    border:1px solid #999;
    text-shadow:0 -1.5px #999;
    cursor:default;
    color:#ddd
}
.oferta .comprar .preco{
    margin:7px 0 0 14px;
    padding:0
}
.oferta .comprar .preco .por{
    color:#fff
}
.oferta .comprar .porcento{
    padding:12px 0 12px 8px;
    margin:0
}
.oferta .detalhes{
    margin:20px 0 0;
    padding:0;
    width:100%;
    text-align:center
}
.oferta .detalhes .informacoes{
    background:#fff;
    margin:0 auto;
    float:none;
    border:1px solid #e7e7e7;
    overflow:hidden;
    padding:0 10px 10px;
    display:inline-block
}
.oferta .detalhes .informacoes .mais{
    float:left
}
.oferta .detalhes .informacoes .mais:last-child{
    border:0
}
.oferta .social{
    margin:15px auto 0;
    text-align:center;
    padding:0
}
.oferta .social label{
    display:none;
    margin:3px 10px 0 0;
    padding:0;
    font-size:12px;
    vertical-align:top;
    color:#888;
    text-align:right;
    line-height:16px
}
.oferta .social div{
    width:38px;
    height:38px;
    border-radius:100px;
    line-height:38px;
    display:inline-block;
    margin:0 4px;
    cursor:pointer;
    padding:0;
    border:1px solid #e7e7e7;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:40px 40px
}
.oferta .social div span{
    display:none
}
.oferta .social div#facebook{
    background-image:url(../img/s_facebook.png)
}
.oferta .social div#facebook:hover{
    background-image:url(../img/s_facebook_white.png);
    background-color:#3a5795;
    border-color:#3a5795
}
.oferta .social div#twitter{
    background-image:url(../img/s_twitter.png)
}
.oferta .social div#twitter:hover{
    background-image:url(../img/s_twitter_white.png);
    background-color:#55acee;
    border-color:#55acee
}
.oferta .social div#whatsapp{
    background-image:url(../img/s_whatsapp_white.png)
}
.oferta .social div#whatsapp-desk{
    display:none
}
.oferta .social div#whatsapp:hover{
    background-image:url(../img/s_whatsapp_white.png);
    background-color:#00be46;
    border-color:#00be46
}
.oferta .social div#google{
    background-image:url(../img/s_google.png)
}
.oferta .social div#google:hover{
    background-image:url(../img/s_google_white.png);
    background-color:#e63136;
    border-color:#e63136
}
.oferta .social div#email{
    background-image:url(../img/s_email.png)
}
.oferta .social div#email:hover{
    background-image:url(../img/s_email_white.png);
    background-color:#e6be1d;
    border-color:#e6be1d
}
.oferta .social div#adm_editar_oferta{
    background-image:url(../img/adm_edit.png);
    background-size:20px 20px;
    background-position:center
}
.oferta .social div#adm_editar_oferta:hover{
    background-image:url(../img/adm_edit.png);
    background-size:20px 20px;
    background-position:center;
    background-color:#09a;
    border-color:#09a
}
.oferta .social div#adm_main_deal{
    background-image:url(../img/adm_calendar.png);
    background-size:20px 20px;
    background-position:center
}
.oferta .social div#adm_main_deal:hover{
    background-image:url(../img/adm_calendar.png);
    background-size:20px 20px;
    background-position:center;
    background-color:#09a;
    border-color:#09a
}
.new-social{
    margin:1rem 7rem
}
.new-social i{
    font-size:1.5rem;
    background:#fff;
    padding:10px 12px;
    color:#555;
    border-radius:50%
}
.bloco{
    width:calc(100% - 24px);
    margin:14px auto;
    overflow:hidden;
    line-height:20px;
    border:1px solid #ddd;
    background:#fff
}
.bloco .status{
    padding:8px 12px;
    text-align:center
}
.bloco .rejected{
    background:#b82a2a;
    color:#fff
}
.bloco .pending{
    background:#d49e27;
    color:#fff
}
.bloco .pending{
    background:#d49e27;
    color:#fff
}
.bloco .pay{
    background:#8dc853;
    color:#fff
}
.bloco .info{
    font-size:12px;
    background:#fff
}
.span_desktop{
    display:none
}
.span_mobile{
    display:inline
}
.abas{
    width:100%;
    overflow:hidden;
    margin:0;
    font-size:14px;
    display:table
}
.abas .aba{
    display:table-cell;
    width:33.33333333%;
    background:#fff;
    color:#666;
    text-align:center;
    padding:10px 0;
    cursor:pointer;
    border-style:solid;
    border-bottom-width:4px;
    border-color:#ddd
}
.abas .aba:hover{
    color:#222;
    border-color:#ccc
}
.abas .aba.ativo{
    color:#222;
    border-color:#777
}
.abas.off .aba{
    cursor:default
}
.abas.off .aba:hover{
    color:#666;
    border-color:#ddd
}
.abas .aba .aba_curto{
    display:block
}
.abas .aba .aba_longo{
    display:none
}
.bloco .conteudo,.formulario .conteudo{
    padding:15px;
    margin:0;
    text-align:justify;
    font-size:14px;
    color:#111;
    font-weight:400;
    background:#fff
}
.bloco .conteudo h2,.formulario .conteudo h2{
    padding:0;
    color:#111
}
.formulario.pagamento{
    padding:24px;
    margin:0 auto;
    max-width:800px
}
.bloco .dados{
    margin:0;
    padding:0;
    text-align:center
}
.bloco .dados strong{
    display:block;
    padding:0;
    margin:0
}
.bloco .dados img{
    margin-top:7px
}
.bloco.desktop{
    display:none
}
.bloco.desktop .conteudo{
    padding:0;
    display:block;
    height:360px;
    min-height:360px;
    overflow:hidden
}
.bloco.desktop .conteudo .celula{
    display:block;
    width:324px;
    overflow-x:hidden;
    padding:0;
    text-align:justify;
    margin:0;
    display:table-cell;
    height:100%;
    vertical-align:top;
    float:left
}
.bloco.desktop .conteudo .celula p{
    text-align:left
}
.bloco.desktop .conteudo .celula:last-child{
    border-left:1px solid #e5e5e5
}
.bloco.desktop .conteudo .padding{
    padding:14px
}
.bloco.desktop .degrade{
    height:70px;
    margin-top:-70px
}
.bloco.desktop .degrade img{
    width:100%;
    height:70px
}
.bloco.desktop .vermais{
    text-align:center;
    padding:14px;
    font-size:13px;
    font-weight:700;
    color:#333;
    background:#fff;
    display:block;
    cursor:pointer
}
.bloco.desktop .vermais:hover{
    color:#111;
    text-decoration:underline
}
.bloco.desktop .height_original{
    display:table
}
.bloco a.regras:link{
    text-align:left
}
.maisofertas{
    display:none
}
.recomendadas_desktop{
    display:none
}
.carrinho{
    padding:0;
}
.carrinho .item{
    margin:10px 0;
    padding:10px 0 0;
    border:1px solid #ddd;
    text-align:justify;
    background:#f2f2f2;
    position:relative
}
.carrinho .item .carregando{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    background:rgba(255,255,255,.7);
    display:none
}
.carrinho .item .carregando img{
    width:60px;
    margin:28px
}
.carrinho .item strong{
    line-height:15px;
    color:#444;
    display:block;
    padding:0 15px;
    text-align:left;
    font-size:14px;
    margin:0 0 6px
}
.carrinho .item span{
    margin:0;
    padding:0 15px;
    display:table;
    font-size:14px;
    line-height:25px;
    /* color:#666 */
}
.carrinho .item span.subtitle{
    color:#777;
    font-size:12px;
    line-height:20px;
    margin-bottom:8px
}
.carrinho .item .controles{
    display:table;
    height:35px;
    width:100%;
    padding:10px 0 0;
    margin:0;
    background:#fff;
    border-top:1px solid #ddd
}
.carrinho .item .quantidade{
    display:block;
    margin:0 0 0 10px;
    height:25px;
    float:left
}
.carrinho .item .quantidade .less{
    width:25px;
    line-height:22px;
    font-size:20px;
    text-align:center;
    height:25px;
    background:#ccc;
    float:left
}
.carrinho .item .quantidade .number{
    width:40px;
    height:25px;
    text-align:center;
    float:left;
    font-size:14px;
    line-height:25px;
    padding:0;
    border:0;
    margin:0;
    line-height:25px;
    background:#eee
}
.carrinho .item .quantidade .more{
    width:25px;
    line-height:25px;
    font-size:20px;
    text-align:center;
    height:25px;
    background:#ccc;
    float:left
}
.carrinho .item .quantidade .delete{
    width:18px;
    height:18px;
    margin:3px 0 0 10px
}
.carrinho .item .unidade{
    float:left;
    line-height:25px;
    padding:0 10px;
    margin:0;
    color:#666;
    font-size:11px
}
.carrinho .item .origin{
    float:right;
    line-height:26px;
    padding:0 10px;
    margin:0;
    color:#333;
    font-weight:700;
    font-size:14px;
    text-align:right
}
.carrinho .item .origin .credit{
    float:left;
    line-height:26px;
    padding:0 10px;
    margin:0;
    color:#333;
    font-weight:400;
    color:#a00;
    font-size:11px;
    text-align:right
}

.box-cupom-desconto{
    text-align: right;
}

.voltar:active,.voltar:link,.voltar:visited{
    text-align:right;
    height:20px;
    display:block;
    font-size:14px;
    font-weight:700;
    margin-right:20px;
    color:#ddd;
    float:right
}
.pagar .origin{
    margin:0 0 5px;
    font-weight:700
}
.pagar .credit{
    margin:0 0 5px;
    color:#a00;
    font-size:12px
}
.pagar .credit_remaning{
    margin:0 0 5px;
    color:#888;
    font-size:12px
}
@media all and (max-width:350px){
    .carrinho .item .unidade{
        display:none
    }
}
.compras{
    padding:0;
    margin:24px
}
.compras .item{
    width:100%;
    background:#fff;
    padding:0;
    margin:24px 0;
    border:1px solid rgba(0,0,0,.1);
    overflow:hidden;
    content:'aaaa'
}
.compras .item .detalhes{
    background:#666;
    padding:0;
    margin:0;
    width:100%;
    display:block;
    color:#fff;
    line-height:34px;
    height:34px;
    overflow:hidden
}
.compras .item.canceled .detalhes,.compras .item.expired .detalhes,.compras .item.marcadousado .detalhes,.compras .item.pay .detalhes,.compras .item.presente .detalhes,.compras .item.usado .detalhes{
    background:#ccc
}
.compras .item .detalhes .esquerda{
    float:left;
    padding:0 0 0 12px;
    font-size:11px;
    line-height:34px
}
.compras .item .detalhes .direita{
    float:right;
    font-size:11px;
    text-align:right;
    padding:0 10px 0 0;
    font-weight:400;
    height:34px;
    display:block
}
.compras .item .detalhes .direita div{
    vertical-align:middle;
    display:block;
    float:left;
    height:34px;
    line-height:34px
}
.compras .item .detalhes .direita div:first-child{
    opacity:.7
}
.compras .item .detalhes .direita span{
    font-weight:700;
    margin:0;
    padding:0;
    font-size:12px
}
.compras .item .detalhes .direita strong{
    font-weight:700;
    font-size:14px
}
.compras .item .anuncio{
    background:#fff;
    padding:0;
    width:100%;
    font-size:14px;
    border-bottom:1px solid #ddd;
    display:table;
    line-height:19px;
    color:#333
}
.compras .item .anuncio .titulo{
    float:left;
    padding:10px;
    width:92%;
    width:calc(100% - 25px);
    vertical-align:middle;
    text-align:left;
    
}
.compras .item .anuncio a:active,.compras .item .anuncio a:link,.compras .item .anuncio a:visited{
    font-size:13px;
    line-height:16px
}
.compras .item .anuncio span{
    color:#888;
    display:block;
    font-size:13px;
    margin-top:3px
}
.compras .item .regulamento{
    font-size:11px;
    padding:10px;
    display:block;
    border-bottom:1px solid #ddd;
    background:#f5f5f5;
    color:#888
}
.compras .item .regulamento span{
    cursor:pointer
}
.compras .item .regulamento span:hover{
    text-decoration:underline;
    font-size:11px;
    color:#666
}
.compras .item .acoes{
    color:#777;
    padding:0 0 0 12px;
    margin:0;
    text-align:left;
    line-height:44px;
    font-size:11px;
    height:44px
}
.compras .item .acoes span{
    margin:0;
    width:auto;
    line-height:1.8rem;
    color:#666;
    cursor:pointer;
    float:left;
    font-weight:400;
    font-size:10.5px;
    padding:0 10px 0 0
}
.compras .item .acoes span:hover{
    color:#333
}
.compras .item .acoes span.direita{
    padding:0;
    float:right
}
.compras .item .acoes span:hover button img,.compras .item .acoes span:hover img{
    opacity:1
}
.compras .item .acoes img{
    height:20px;
    width:20px;
    vertical-align:middle
}
.compras .item .acoes button{
    margin:5px;
    height:34px;
    line-height:30px;
    background:#349f50;
    border:1px solid #257b3c;
    color:#fff;
    cursor:pointer;
    float:right;
    font-weight:700;
    border-radius:3px;
    font-size:12px;
    text-shadow:0 -1.5px #257b3c;
    padding:0 8px;
    text-align:center
}
.compras .item .acoes button:hover{
    background:#257b3c
}
.compras .item .acoes button img{
    margin:5px 5px 5px 0;
    padding:0;
    float:left
}
.compras .item.usado .acoes{
    color:#46ac40;
    font-weight:700
}
.compras .item.marcadousado .acoes{
    color:#c7a726;
    font-weight:700
}
.compras .item.expirado .acoes{
    color:#d54739;
    font-weight:700
}
.compras .item .acoes a:last-child{
    float:right;
    margin:0 auto;
    display:block;
    padding:0;
    min-width:98px
}
.compras .item .agendado{
    font-size:11px;
    padding:10px;
    display:block;
    border-bottom:1px solid #e1e1e1;
    background:#f8f8f8;
    line-height:16px;
    color:#444
}
.compras .item .agendado em{
    color:#999;
    font-style:italic
}
.compras .item .presenteado{
    font-size:12px;
    color:#6d7cc0;
    padding:10px;
    display:block;
    border-bottom:1px solid #e1e1e1;
    background:#f8f8f8;
    line-height:16px
}
.compras .item .acoes .ver{
    display:none
}
.compras .item .acoes button{
    background:#e59719;
    border:1px solid #ca8414;
    text-shadow:0 -1.5px #ca8414
}
.compras .item .acoes button:hover{
    background:#ca8414
}
.compras .item .acoes button.agendar{
    background:#45a7a8;
    border:1px solid #3a8e8f;
    text-shadow:0 -1.5px #3a8e8f;
    text-align:left
}
.compras .item .acoes button.agendar:hover{
    background:#3a8e8f
}
.compras .item .acoes button.pagar{
    text-align:left;
    background:#349f50;
    border:1px solid #257b3c;
    text-shadow:0 -1.5px #257b3c;
    width:86px
}
.compras .item .acoes button.pagar:hover{
    background:#257b3c;
    text-shadow:none
}
.compras .item .acoes button.entrar{
    background:#888;
    border:1px solid #666;
    text-shadow:0 -1.5px #666;
    text-align:left;
    width:73px
}
.compras .item .acoes button.refazer{
    background:#e59719;
    border:1px solid #ca8414;
    text-shadow:0 -1.5px #ca8414;
    text-align:left;
    min-width:73px
}
.compras .item .acoes button.ver_cupons{
    background:#5c8af1;
    border:1px solid #666;
    text-shadow:0 -1.5px #666;
    text-align:left;
    width:73px
}
.compras .item .acoes button.entrar:hover{
    background:#666
}
.compras .item .acoes button.refazer:hover{
    background:#ca8414
}
.compras .item .acoes button.ver_cupons:hover{
    background:#042fa7
}
.compras .item .acoes button.boleto{
    width:95px
}
.compras .item .acoes button.ver_cupons{
    width:124px
}
@media all and (max-width:600px){
    .compras .item .acoes .ver{
        display:block
    }
    /* .compras .item .acoes .imprimir{
        display:none
    } */
}
.estatico{
    padding:20px;
    text-align:justify;
    font-size:14px;
    line-height:22px
}
.estatico .pergunta{
    font-size:14px;
    cursor:pointer;
    color:#333;
    font-weight:700;
    background:#fff;
    padding:10px;
    margin-top:14px
}
.estatico .resposta{
    padding:8px;
    display:none
}
.estatico a:active,.estatico a:link,.estatico a:visited{
    color:#33898a;
    font-weight:400
}
.estatico a:hover{
    text-decoration:underline
}
.imagem_cupom{
    width:100%;
    display:block
}
button:focus,input:focus,select:focus,textarea:focus{
    outline:0
}
.formulario{
    text-align:center
}
.notice_off textarea{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:96%;
    width:-webkit-calc(100% - 16px);
    width:-moz-calc(100% - 16px);
    width:calc(100% - 16px);
    text-align:left;
    padding:7px;
    font-size:14px;
    color:#555;
    margin:0 0 15px;
    background-color:#fff;
    box-shadow:none;
    background:#fff;
    border-radius:0
}
.formulario input,.formulario textarea{
    border:1px solid #ddd;
    padding:7px;
    font-size:14px;
    color:#555;
    width:96%;
    width:-webkit-calc(100% - 16px);
    width:-moz-calc(100% - 16px);
    width:calc(100% - 16px);
    margin:0 0 15px;
    background-color:#fff;
    box-shadow:none;
    background:#fff;
    border-radius:0
}
.formulario input[type=checkbox],.formulario input[type=radio]{
    padding:0;
    margin:0 5px 0 0;
    width:auto
}
.formulario input[data-checkout=cardExpirationMonth]{
    margin-right:10px;
    width:40%;
    width:-webkit-calc(50% - 34px);
    width:-moz-calc(50% - 34px);
    width:calc(50% - 34px);
    text-align:center
}
.formulario input[data-checkout=cardExpirationYear]{
    margin-left:10px;
    width:40%;
    width:-webkit-calc(50% - 34px);
    width:-moz-calc(50% - 34px);
    width:calc(50% - 34px);
    text-align:center
}
.formulario input[name=zipcode],input[name=zipcode_arg],input[name=zipcode_par],input[name=zipcode_uru ]{
    width:96%;
    width:-webkit-calc(100% - 160px);
    width:-moz-calc(100% - 160px);
    width:calc(100% - 160px);
    float:left
}
.formulario select{
    border:1px solid #ddd;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:8px 8px 9px;
    background:#fff url(../img/expanded.svg);
    background-position:right 8px center;
    background-repeat:no-repeat;
    margin:0 0 15px;
    font-size:14px;
    color:#555;
    width:100%;
    border-radius:0
}
.formulario select[name=birth_day]{
    width:21%;
    margin:0
}
.formulario select[name=birth_month]{
    width:21%;
    margin:0
}
.formulario select[name=birth_year]{
    width: 23%;
    margin:0
}

.formulario select[name="pais"],select[name="genre"]{
    width: 94%;
}
.formulario select[name="state"]{
    width: 90%;
}

.formulario input[readonly=readonly],.formulario select[readonl=readonly],.formulario textarea[readonly=readonly]{
    background:#e9e9e9;
    color:#777
}
.formulario button[type=submit],.formulario div.pagamento button.submit{
    margin:5px auto 0;
    padding:0 10px;
    line-height:40px;
    height:40px;
    font-size:13px;
    background:#45a7a8;
    border:1px solid #378a8b;
    color:#fff;
    font-weight:700;
    border-radius:3px;
    cursor:pointer;
    width:94%
}
.formulario button[type=submit]:hover,.formulario div.pagamento button.submit:hover{
    background:#378a8b
}
button.facebook{
    margin:0 0 20px;
    padding:0 10px;
    line-height:40px;
    height:40px;
    font-size:13px;
    background:#43609c;
    border:1px solid #2e4370;
    color:#fff;
    font-weight:700;
    border-radius:3px;
    cursor:pointer;
    text-align:center;
    width:100%
}
button.facebook:hover{
    background:#2e4370
}
button.facebook img{
    margin:7px 0;
    display:block;
    float:left
}
.cartao{
    margin:0 auto
}
.boleto{
    max-width:600px;
    margin:0 auto
}
.verCupons{
    max-width:600px;
    margin:0 auto
}
.outrosmeios{
    max-width:460px;
    margin:0 auto
}
.formulario div.pagamento button.submit{
    margin:0 auto 10px
}
.formulario button[type=button]{
    background:#333;
    border:1px solid #222;
    color:#fff;
    font-size:14px;
    padding:0;
    line-height:34px;
    cursor:pointer;
    font-weight:700;
    height:34px;
    border-radius:3px;
    margin:0 0 15px
}
.formulario button[type=button]:hover{
    background:#222
}
.formulario button[type=button].zipcode{
    width:130px;
    font-size:12px;
    margin-left:10px
}
.formulario button.escolha{
    line-height:40px;
    width:80px;
    height:40px;
    margin-bottom:14px;
    padding:0;
    font-size:13px
}
.formulario button[type=submit].escolha{
    margin-right:16px
}
.formulario button.escolha.grande{
    width:60%;
    width:-webkit-calc(100% - 100px);
    width:-moz-calc(100% - 100px);
    width:calc(100% - 100px)
}
.formulario button.confirm{
    width:240px;
    margin:0 0 10px
}
.formulario button.group{
    background:#e59719;
    border:1px solid #ca8414;
    text-shadow:0 -1.5px #ca8414
}
.formulario button.group:hover{
    background:#ca8414!important
}
.formulario label{
    display:block;
    margin:4px;
    text-align:justify
}
.formulario label span{
    color:#c00
}
.formulario label.box,.formulario label.checkbox,.formulario label.economizou,.formulario label.pagar,.formulario label.radio{
    padding:7px 9px;
    background:#fefefe;
    margin:0 0 15px;
    color:#666;
    border:1px solid #ddd;
    font-size:14px;
    line-height:18px;
    display:block;
    overflow:hidden
}
.formulario label.pagar{
    background:#fff;
    border:1px solid #ddd;
    padding:10px
}
.formulario label.economizou{
    background:#fff;
    padding:10px;
    color:#333;
    border:1px solid #ddd;
    text-align:right
}
.formulario label.economizou strong{
    font-weight:700;
    font-size:12px;
    color:#48ab62;
}
.formulario label.box strong{
    display:block;
    margin-top:5px
}
.formulario label a:active,.formulario label a:link,.formulario label a:visited{
    font-size:14px;
    font-weight:700
}
.formulario label a.direita{
    float:right;
    font-weight:400
}
.formulario label.radio span{
    float:left;
    color:#666;
    padding:0 20px 0 0;
    line-height:20px
}
.formulario label.alerta{
    background:#f4e790;
    border:1px solid #dfd385;
    color:#796c19;
    padding:12px 15px;
    margin:0 0 15px;
    font-size:13px;
    line-height:18px
}
.formulario label.alerta.saldo{
    text-align:right;
    padding:10px;
    font-size:13px
}
.formulario label.normal{
    background:#fff;
    border:1px solid #ddd;
    color:#444;
    padding:12px 15px;
    margin:15px 0;
    font-size:13px;
    line-height:18px
}
.formulario.carrinho label.alerta{
    margin-top:20px
}
#alerta-email,#alerta-zipcode{
    display:none
}
.formulario label.perigo{
    border:1px solid #c94343;
    background:#ecd4d2;
    padding:12px 15px;
    margin:15px 0;
    line-height:20px;
    font-size:12px;
    color:#c94343
}
.formulario label.perigo a:active,.formulario label.perigo a:link,.formulario label.perigo a:visited{
    color:#b44
}
.formulario label.perigo a:hover{
    text-decoration:underline
}
.formulario label.perigo.carrinho{
    margin:15px 0 0
}
.formulario label.pagar{
    text-align:right;
    color:#444
}
.formulario label.pagar span{
    color:#888;
    font-size:14px
}
.formulario label.pagar strong{
    display:inline;
    color:#444;
    font-size:19px;
    margin-left:3px
}
.formulario div.pagamento{
    width:100%;
    text-align:center;
    min-height:60px;
    font-size:11px;
    display:table;
    padding:20px 0;
    line-height:17px;
    margin:0 auto;
    border-bottom:1px solid #ddd
}
.formulario div.pagamento:last-child{
    border:0;
    padding-bottom:0
}
.formulario div.pagamento:first-child{
    padding-top:0
}
.formulario div.pagamento button{
    background:#f5f5f5;
    color:#555;
    border:0;
    width:100%;
    height:60px;
    background:#fafafa;
    font-size:14px;
    letter-spacing:-.5px;
    border:1px solid #ddd;
    margin:0 auto;
    padding:0
}
.formulario div.pagamento button:hover{
    background:#f2f2f2
}
.formulario div.pagamento div{
    padding:5px 15px;
    float:none;
    text-align:center;
    height:45px
}
.formulario div.pagamento button img{
    padding:0;
    margin:0 auto;
    max-width:150px;
    height:auto
}
.formulario div.pagamento a:link{
    font-size:11px;
    display:block
}
.formulario div.pagamento img{
    display:block;
    margin:1px auto 3px;
    height:14px
}
.admin_content .falha,.formulario input.falha,.formulario label.falha,.formulario select.falha,.formulario textarea.falha{
    background-color:#ecd4d2!important;
    border:1px solid #c94343!important;
    color:#c94343!important
}
.admin_content label.falha,.formulario label.falha a:link,.formulario label.falha span{
    color:#c94343!important
}
.oculto{
    display:none
}
.formulario button[type=button].imprimir_boleto{
    background:#e59719;
    border:1px solid #ca8414;
    text-shadow:0 -1.5px #ca8414;
    color:#fff;
    padding:0;
    line-height:34px;
    cursor:pointer;
    font-weight:700;
    height:34px;
    margin:0 0 15px;
    width:190px;
    text-align:center
}
.formulario button[type=button].imprimir_boleto:hover{
    background:#ca8414
}
.formulario button[type=button].imprimir_boleto img{
    margin:6px;
    float:left;
    display:block
}
#cartao_exibe{
    padding-top:15px
}
.formulario .instrucoes{
    margin:-13px 0 10px;
    padding:0;
    font-size:10px;
    color:#999;
    text-align:left
}
.ofertas.internas{
    float:right;
    width:344px;
    padding:0;
    margin:0 1px 0 0;
    display:none
}
.ofertas.internas .item{
    margin:0 0 14px;
    padding:0
}
.ofertas.internas .item{
    width:100%
}
.pp{
    padding-left:30px
}
.p10{
    font-size: 14px;
}
#desktop_parceiro{
    height:330px;
    min-height:330px
}
#desktop_mapa{
    height:419px;
    min-height:419px
}
.fantasia{
    font-size: 14px;
    line-height: 14px;
}
.cartao_img{
    margin: 10px 0;
}
.menu_rodape{
    line-height:40px;
    background:#fafafa;
    border-bottom:1px solid #eee;
    text-align:center;
    font-size:13px;
    display:none
}
.menu_rodape li{
    padding:0 10px 0 0;
    list-style:none;
    color:#ccc;
    display:inline-block
}
.menu_rodape li:last-child{
    padding:0
}
.menu_rodape li::after{
    content:'-'
}
.menu_rodape li:last-child::after{
    content:none
}
.menu_rodape li a{
    margin:0;
    font-size:12px;
    padding:0 14px 0 0
}
#carregar_mais_ofertas{
    line-height:50px;
    text-align:center;
    font-weight:700;
    font-size:15px;
    letter-spacing:.5px;
    cursor:pointer;
    color:rgba(255,255,255,.8);
    display:none
}
#carregar_mais_ofertas:hover{
    color:#fff;
    text-decoration:underline
}
.botao_background{
    line-height:50px;
    text-align:center;
    font-weight:700;
    font-size:15px;
    letter-spacing:.5px;
    cursor:pointer;
    margin:15px 0
}
.botao_background a:active,.botao_background a:link,.botao_background a:visited{
    color:rgba(255,255,255,.8)
}
.maximo{
    max-width:1080px;
    margin:0 auto
}
#principal.esquerda{
    -webkit-box-shadow:-5px -50px 40px -12px rgba(0,0,0,.58);
    -moz-box-shadow:-5px -50px 40px -12px rgba(0,0,0,.58);
    box-shadow:-5px -50px 40px -12px rgba(0,0,0,.58);
    overflow:hidden;
    position:fixed
}
#principal.direita{
    -webkit-box-shadow:5px -50px 40px -12px rgba(0,0,0,.58);
    -moz-box-shadow:5px -50px 40px -12px rgba(0,0,0,.58);
    box-shadow:5px -50px 40px -12px rgba(0,0,0,.58);
    overflow:hidden;
    position:fixed
}
#bloqueado{
    cursor:pointer;
    position:fixed;
    overflow:auto;
    width:100%;
    height:100%;
    display:block;
    /* background:rgba(255,255,255,.5); */
    z-index:1000;
    top:0
}
#mmobile{
    position:absolute;
    left:0;
    top:0;
    width:280px;
    z-index:1;
    padding:0;
    margin:0;
    overflow-y:auto;
    overflow-x:hidden;
    display:block;
    min-height:100%
}
/* style scrollbar thumb and track in WebKit-based browsers */
#mmobile::-webkit-scrollbar {
    /* display: none; */
    width: 0.3em;
}

#mmobile::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 1em;
}

/* style scrollbar thumb and track in Firefox */
#mmobile {
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1);
}

#mmobile::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
#mmobile.direita{
    right:0;
    left:auto
}
#mmobile .barra{
    background:#555;
    line-height:44px;
    height:44px;
    display:block;
    z-index:2;
    padding:0;
    margin:0;
    color:#fff;
    text-align:center;
    display: none;
}
#mmobile .barra button{
    background:#555;
    border:0;
    height:44px;
    position:absolute;
    right:0;
    top:0;
    padding:0;
    width:44px;
    cursor:pointer;
    text-align:center
}
#mmobile .barra button:hover{
    background:#aaa
}
#mmobile .barra button img{
    margin:10px;
    padding:0;
    width:24px;
    height:24px
}
#mmobile .conteudo{
    display:none;
    z-index:3;
    position:absolute;
    width:100%;
    /* background-color: #FFF; */
    background-color: rgb(236, 236, 236) !important;
    height: 100%;
}
#mmobile .ajax{
    width:100%;
    padding:160px 0 0;
    display:block;
    text-align:center
}
#mmobile .ajax img{
    height:48px;
    width:48px
}
#sombra{
    cursor:pointer;
    position:fixed;
    overflow:auto;
    width:100%;
    height:100%;
    display:none;
    background:rgba(0,0,0,.85);
    z-index:1000
}
#mdesktop{
    position:fixed;
    left:50%;
    top:50%;
    margin:-22px 0 0 -200px;
    width:400px;
    padding:0;
    display:none;
    z-index:1100;
    /* background: #fff; */
    background-color: rgb(236, 236, 236) !important;
    overflow:auto;
    height:44px;
    overflow-x:hidden
}
#mdesktop .barra{
    background:#444;
    line-height:44px;
    height:44px;
    display:block;
    z-index:2;
    padding:0;
    margin:0;
    color:#fff;
    text-align:center;
    width:100%
}
#mdesktop .barra button{
    background:rgba(255,255,255,.1);
    border:0;
    height:44px;
    position:absolute;
    right:0;
    top:0;
    padding:0;
    width:44px;
    cursor:pointer;
    text-align:center
}
#mdesktop .barra button:hover{
    background:rgba(0,0,0,.2)
}
#mdesktop .barra button img{
    margin:10px;
    padding:0;
    width:24px;
    height:24px
}
#mdesktop .conteudo{
    display:none;
    z-index:3;
}
#mdesktop .ajax{
    padding:20px;
    display:block;
    text-align:center
}
#mdesktop .ajax img{
    height:48px;
    width:48px
}
.popup{
    background:#f2f2f2;
    text-align:center
}
.popup img{
    width:550px;
    height:250px;
    margin:0;
    display:block
}
.popup .subtitle{
    text-align:center;
    padding:0;
    font-size:14px;
    letter-spacing:.5px;
    line-height:30px;
    color:#fff;
    font-weight:400;
    background:rgba(0,0,0,.5)
}
.popup .background{
    background:#12a0ae;
    padding:0;
    margin:0
}
.popup .background .form{
    padding:12px 0
}
.popup .background input[name=email]{
    width:330px;
    border:0;
    line-height:36px;
    height:36px;
    padding:0 10px;
    font-size:15px;
    color:#555;
    margin:0 10px 0 0
}
.popup .background button[type=submit]{
    width:120px;
    border:0;
    line-height:36px;
    padding:0 10px;
    font-size:15px;
    cursor:pointer;
    color:#fff;
    background:rgba(255,255,255,.2)
}
.popup .background button[type=submit]:hover{
    background:rgba(0,0,0,.5)
}
.popup .jainscrito{
    background:#fff;
    padding:12px 0
}
.popup .jainscrito a:link,.popup .jainscritoa:visited{
    text-align:center;
    font-weight:700;
    font-size:15px
}
.tooltip{
    display:block;
    position:absolute;
    background-color:#fff;
    border:1px solid #ccc;
    padding:5px 10px;
    color:#333;
    font-size:11px;
    z-index:9999
}
.barra_fixa{
    display:none
}
.title_fixa{
    float:left;
    vertical-align:middle;
    display:table;
    width:470px;
    color:#fff;
    font-size:13px;
    margin:0;
    height:60px;
    line-height:18px;
    font-weight:700;
    padding-right:19%
}
.vertical{
    display:table-cell;
    vertical-align:middle
}
.so_fixado{
    display:none
}
.dev{
    background:#111;
    color:#ddd;
    padding:20px;
    font-size:20px;
    text-align:center;
    margin-top:40px
}
.coupons_checkbox_div_interno{
    display:inline-block
}
.coupons_checkbox_numero_div_interno{
    display:inline-block
}
.coupons_checkbox_div{
    padding:5px 0;
    max-width:222px;
    margin:0 2px;
    display:block;
    text-align:left;
    font-size:12px
}
.coupon_title{
    text-align:left;
    font-size:13px
}
.coupon_agendado{
    text-align:left;
    padding-left:22px;
    font-size:10px;
    font-style:italic
}
.coupon_title.sub{
    font-size:12px;
    font-style:italic
}
.coupon_checkbox_div:last-child{
    border:0
}
.coupons_checkbox_div.all{
    color:#555;
    text-align:left;
    font-size:12px
}
#order_location{
    display:inline-block;
    margin:0;
    float:right;
    margin:0 2px 0 0
}
.carrossel_left,.carrossel_right{
    display:none
}
#comm100-float-button-2{
    display:none
}
#whatsapp_logo{
    display:none
}
.suport_time{
    font-size:12px;
    color:#777
}
@media all and (min-width:1080px){
    .new-social{
        margin:1rem 9rem
    }
    .new-social p{
        color:#888;
        font-size:.8rem;
        width:5.5rem;
        text-align:right
    }
    .new-social i{
        font-size:1.5rem;
        background:#fff;
        padding:10px 12px;
        color:#9a9a9a;
        border-radius:50%
    }
    .new-social i.fa-facebook{
        padding:10px 15px
    }
    .new-social i:hover{
        cursor:pointer;
        color:#fff
    }
    .new-social i.fa-whatsapp:hover{
        background:#00be46
    }
    .new-social i.fa-facebook:hover{
        background:#3a5795
    }
    .new-social i.fa-twitter:hover{
        background:#55acee
    }
    .new-social i.fa-envelope:hover{
        background:#e6be1d
    }
    .new-social i.fa-calendar:hover,.new-social i.fa-edit:hover{
        background:#09a
    }
    #comm100-float-button-2{
        display:block
    }
    #whatsapp_logo{
        display:block
    }
    .bloco.mobile,.oferta .detalhes,.oferta .social div#whatsapp,.ofertas .item .detalhes .mais,.recomenda .ofertas .item .detalhes .porcento{
        display:none
    }
    .oferta .social div#whatsapp-desk{
        background-image:url(../img/s_whatsapp.png);
        display:inline-block
    }
    .oferta .social div#whatsapp-desk:hover{
        background-image:url(../img/s_whatsapp_white.png);
        background-color:#00be46;
        border-color:#00be46
    }
    .bloco.desktop,.maisofertas,.ofertas .item .detalhes button,.ofertas.internas,.ofertas.principal .item .detalhes .mais,.recomendadas_desktop,.topo.desktop{
        display:block
    }
    .ofertas .item .detalhes button,.opcoes .opcao .detalhes button{
        margin:10px 8px
    }
    .oferta .social label{
        display:inline-block
    }
    .interno{
        display:table;
        width:100%
    }


    h5{
        text-align:left;
        padding-left:15px
    }
    .ofertas .item{
        width:30%;
        width:-webkit-calc(33.333333% - 16px);
        width:-moz-calc(33.333333% - 16px);
        width:calc(33.333333% - 16px);
        height:280px
    }
    .ofertas.internas .item{
        height:280px
    }
    .ofertas .item.proximas{
        height:100%
    }
    .ofertas{
        margin:7px -14px 7px -7px;
        min-width:94%
    }
    .ofertas.principal{
        margin:-7px -11px 7px -7px;
        min-width:94%
    }
    .ofertas.internas,.recomenda .ofertas{
        min-width:auto
    }
    .banners_miolo{
        margin:7px 0
    }
    h3,h4{
        margin:14px 0 0;
        padding-left:17px;
        text-align:left
    }
    h3.alerta,h3.erro,h3.sucesso{
        margin:14px 0;
        padding-left:0
    }
    h3.sucesso.coupon_cancel{
        padding:12px;
        line-height:1.5;
        height:auto;
        font-size:15px
    }
    .linha_titulo_parceiro{
        color:#555!important;
        text-align:left!important;
        margin:0!important;
        padding-left:0!important;
        background:0 0!important
    }
    .linha_titulo_endereco{
        color:#555!important;
        text-align:center!important;
        margin:0!important;
        padding-left:0!important;
        background:0 0!important;
        height:auto!important;
        line-height:initial!important;
        overflow-wrap:break-word
    }
    .ofertas.principal .item{
        width:48%;
        width:-webkit-calc(50% - 16px);
        width:-moz-calc(50% - 16px);
        width:calc(50% - 16px);
        height:365px
    }
    .recomenda{
        border-radius:0;
        position:relative
    }
    .recomenda .ofertas{
        margin:7px 0 0 7px
    }
    .recomenda .ofertas .item{
        width:24.5%;
        width:-webkit-calc(24.5% - 13px);
        width:-moz-calc(24.5% - 13px);
        width:calc(24.5% - 13px);
        height:260px
    }
    .carrossel_left{
        position:absolute;
        display:block;
        width:45px;
        height:45px;
        top:145px;
        left:-50px;
        opacity:.15;
        cursor:pointer
    }
    .carrossel_right{
        position:absolute;
        display:block;
        width:45px;
        height:45px;
        top:145px;
        right:-50px;
        opacity:.15;
        cursor:pointer
    }
    .carrossel_left img,.carrossel_right img{
        width:45px
    }
    .carrossel_left:hover,.carrossel_right:hover{
        opacity:.4
    }
    .oferta{
        width:66.666666%;
        padding:0
    }
    .oferta .comprar{
        border-radius:0
    }
    .categorias#fixar_mobile,.topo.mobile{
        display:none
    }
    #fixar_mobile{
        display:none
    }
    .oferta .detalhes .informacoes .mais,.ofertas .item .detalhes .mais,.ofertas .item .detalhes .preco,.opcao .detalhes .mais{
        float:left
    }
    .oferta .detalhes .informacoes .mais,.ofertas .item .detalhes .mais,.opcao .detalhes .mais{
        border-right:0;
        border-left:1px solid #e1e1e1
    }
    .oferta .comprar .mais{
        display:block;
        float:right;
        padding:0 14px;
        border-right:1px solid #2e2e2e;
        margin:14px 0 0;
        color:#ddd
    }
    .oferta .comprar .mais span{
        color:#999
    }
    .buscador{
        position:absolute;
        left:27.5%;
        top:55px;
        border:1px solid #ddd;
        margin:0;
        min-width:0;
        width:265px
    }
    .estatico{
        padding:20px
    }
    .bloco{
        width:calc(100% - 2px)
    }
    #mdesktop,#sombra{
        display:block
    }
    #mdesktop .conteudo .formulario{
        margin:20px
    }
    .formulario button.escolha{
        margin-bottom:0
    }
    .pagar .credit_remaning{
        float:left
    }
    .formulario button[type=submit],.formulario div.pagamento button.submit{
        max-width:280px
    }
    .formulario.pequeno{
        width:280px;
        margin:24px auto
    }
    .formulario.medio{
        width:800px;
        margin:24px auto
    }
    .formulario .div5{
        float:left;
        width:514px;
        padding:0 10px;
        height:80px
    }
    .formulario .div3-4{
        float:left;
        width:580px;
        padding:0 10px;
        height:80px
    }
    .formulario .div4{
        float:left;
        width:180px;
        padding:0 10px;
        height:80px;
    }
    .formulario .div3{
        float:left;
        width:246px;
        padding:0 10px;
        height:80px
    }
    .formulario .div3{
        float:left;
        width:246px;
        padding:0 10px;
        height:80px
    }

    .formulario .div2{
        float:left;
        width:380px;
        padding:0 10px
    }
    .formulario .div1{
        display:block;
        clear:both;
        width:100%
    }
    .formulario.pagamento .div3{
        margin-bottom:25px
    }
    .formulario label{
        margin:0 0 4px 4px
    }
    .menu_rodape{
        display:block
    }
    .curtidas_facebook{
        display:block
    }
    .formulario .div1.termos{
        padding:0 10px;
        width:auto
    }
    .formulario .div1.email{
        text-align:left;
        padding-left:14px
    }
    .formulario .div1.email span{
        font-size:12px;
        float:right;
        color:#333
    }
    .formulario .div1.email a{
        font-size:12px
    }
    .formulario button.submit.mp{
        margin-top:20px
    }
    .abas .aba .aba_curto{
        display:none
    }
    .abas .aba .aba_longo{
        display:block
    }
    .formulario div.pagamento button{
        width:200px;
        float:left
    }
    .formulario div.pagamento div{
        float:left;
        text-align:left
    }
    label.filtrar{
        display:block
    }
    #subcategorias li{
        line-height:30px;
        height:30px;
        padding:0;
        margin:0
    }
    #subcategorias li.data,#subcategorias li.ordenar{
        line-height:44px;
        height:44px;
        width:50%;
        display:inline-block
    }
    #subcategorias li.ordenar{
        float:left;
        text-align:left
    }
    #subcategorias li.data{
        float:right
    }
    #oferta_ofertas_redefinir{
        display:block;
        height:44px
    }
    #subcategorias li.data{
        background:rgba(0,0,0,.4)
    }
    #subcategorias li.data:hover{
        background:rgba(0,0,0,.4)
    }
    .facebook_curtidas{
        display:block
    }
    .barra_fixa{
        position:fixed;
        width:100%;
        background:rgba(255,255,255,.95);
        top:0;
        left:0;
        height:58px;
        z-index:9999;
        border-bottom:1px solid #ddd;
        text-align:center
    }
    .barra_fixa img{
        height:30px;
        margin:6px 16px;
        opacity:.8
    }
    .barra_fixa .limite{
        max-width:1080px;
        margin:0 auto
    }
    .barra_fixa .item{
        float:left;
        padding:3px 5px 0 0;
        text-align:center;
        margin:0;
        width:55px
    }
    .barra_fixa .item span{
        display:block;
        line-height:9px;
        color:#777;
        text-transform:uppercase;
        font-size:6.5px;
        padding:2px 5px 0 0;
        text-align:center
    }
    .barra_fixa a:hover .item span{
        color:#111
    }
    .barra_fixa .item .botao{
        width:34px;
        height:34px;
        border-radius:100px;
        display:block;
        margin-left:8px
    }
    .barra_fixa .item .botao img{
        width:34px;
        height:34px;
        margin:0
    }
    .barra_fixa .item .botao_landing_pages img{
        width:25px;
        height:25px;
        margin-top:4px
    }
    .imagem_cupom{
        float:left;
        width:25%;
        margin:10px 0 10px 10px
    }
    .compras .item .anuncio .titulo.cupom{
        width:70%;
        min-height:93px;
        display:table;
        float:left
    }
    .dev{
        margin-top:0
    }
    .banner.desktop{
        display:block
    }
    .banner.mobile{
        display:none
    }
    .span_desktop{
        display:inline
    }
    .span_mobile{
        display:none
    }
}
#slider_buttons{
    display:block;
    text-align:center;
    width:100%;
    margin:0
}
#slider_buttons div{
    background:#aaa;
    border-radius:20px;
    width:18px;
    height:18px;
    padding:3px;
    font-size:0;
    margin:20px 5px;
    cursor:pointer;
    display:inline-block
}
#slider_buttons div:hover{
    background:#888
}
.ofertas.slider{
    position:relative;
    width:98%;
    width:-webkit-calc(100% - 16px);
    width:-moz-calc(100% - 16px);
    width:calc(100% - 16px);
    background:#fff
}
.ofertas.slider .item{
    width:auto;
    width:-webkit-calc(100% - 16px);
    width:-moz-calc(100% - 16px);
    width:calc(100% - 16px);
    display:none;
    float:none;
    clear:both
}
@media all and (max-width:599px){
    .ofertas.slider .item{
        width:auto;
        width:-webkit-calc(100% - 16px);
        width:-moz-calc(100% - 16px);
        width:calc(100% - 16px);
        float:left
    }
    .oferta .social div#email,.oferta .social div#facebook,.oferta .social div#twitter{
        display:none
    }
}
@media all and (min-width:600px){
    .ofertas.slider .item{
        width:auto;
        width:-webkit-calc(100% - 16px);
        width:-moz-calc(100% - 16px);
        width:calc(100% - 16px);
        float:left
    }
}
@media all and (min-width:1080px){
    .ofertas.slider{
        width:100%;
        margin:0
    }
    .ofertas.slider{
        height:290px;
        display:block
    }
    .ofertas.slider .item{
        height:272px;
        margin:0;
        width:100%
    }
    .ofertas.slider .item img{
        width:100%;
        display:block
    }
    .ofertas.slider .imagem{
        width:644px;
        display:inline-block;
        border-bottom:0;
        border-right:5px solid;
        float:left;
        height:272px
    }
    .ofertas.slider .item .anuncio{
        width:390px;
        padding:10px 20px;
        margin:30px 0 0;
        display:inline-block;
        float:right;
        font-size:22px;
        line-height:24px;
        height:150px
    }
    .ofertas.slider .item .detalhes{
        width:410px;
        padding:10px;
        margin:0;
        display:inline-block;
        float:right
    }
    .ofertas.slider .item .detalhes .mais{
        display:none
    }
    .ofertas.slider .item .detalhes .preco{
        float:right
    }
    #slider_buttons{
        position:absolute;
        top:15px;
        width:429px;
        left:651px;
        margin:0;
        padding:0;
        height:50px
    }
    #slider_buttons div{
        border-radius:20px;
        margin:0 10px 0 0;
        width:10px;
        height:10px
    }
}
.color{
    color:#aaa
}
.border-color{
    border-color:#aaa
}
.border-color-hover{
    border-color:#aaa
}
.border-color-hover:hover{
    border-color:#aaa
}
.gastro .bg,.gastro.bg,.gastronomia .bg,.gastronomia.bg{
    background:#ed7c18
}
.viagens .bg,.viagens.bg{
    background:#55acee
}
.outros .bg,.outros.bg{
    background:#55acee
}
.produtos .bg,.produtos.bg{
    background:#8bc642
}
.lazer .bg,.lazer.bg{
    background:#FF8F12
}
.novidades .bg,.novidades.bg{
    background:#ed9a9a
}
.produtos-servicos .bg,.produtos-servicos.bg{
    background:#465a9e
}
.espetaculos .bg,.espetaculos.bg{
    background:#FF8F12
}
.beleza .bg,.beleza.bg{
    background:#df5088
}
.servicos .bg,.servicos.bg{
    background:#3a5795
}
.gastro .color,.gastro.color,.gastronomia .color,.gastronomia.color{
    color:#ed7c18
}
.viagens .color,.viagens.color{
    color:#55acee
}
.produtos .color,.produtos.color{
    color:#8bc642
}
.espetaculos .color,.espetaculos.color{
    color:#FF8F12
}
.lazer .color,.lazer.color{
    color:#FF8F12
}
.novidades .color,.novidades.color{
    color:#ed9a9a
}
.produtos-servicos .color,.produtos-servicos.color{
    color:#465a9e
}
.beleza .color,.beleza.color{
    color:#df5088
}
.servicos .color,.servicos.color{
    color:#3a5795
}
.gastro .border-color,.gastronomia .border-color{
    border-color:#ed7c18
}
.viagens .border-color{
    border-color:#55acee
}
.produtos .border-color{
    border-color:#8bc642
}
.lazer .border-color{
    border-color:#FF8F12
}
.novidades .border-color{
    border-color:#ed9a9a
}
.produtos-servicos .border-color{
    border-color:#465a9e
}
.espetaculos .border-color{
    border-color:#FF8F12
}
.beleza .border-color{
    border-color:#df5088
}
.servicos .border-color{
    border-color:#3a5795
}
.gastro .border-color-hover:hover,.gastronomia .border-color-hover:hover{
    border-color:#ed7c18
}
.viagens .border-color-hover:hover{
    border-color:#55acee
}
.produtos .border-color-hover:hover{
    border-color:#8bc642
}
.lazer .border-color-hover:hover{
    border-color:#FF8F12
}
.novidades .border-color-hover:hover{
    border-color:#ed9a9a
}
.produtos-servicos .border-color-hover:hover{
    border-color:#465a9e
}
.espetaculos .border-color-hover:hover{
    background:#FF8F12
}
.beleza .border-color-hover:hover{
    border-color:#df5088
}
.servicos .border-color-hover:hover{
    border-color:#3a5795
}
.xdsoft_datetimepicker{
    background:#fff;
    border-bottom:1px solid #bbb;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    color:#333;
    padding:2px 8px 8px 0;
    position:absolute;
    z-index:9999;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:none
}
.xdsoft_datetimepicker.xdsoft_rtl{
    padding:8px 0 8px 8px
}
.xdsoft_datetimepicker iframe{
    position:absolute;
    left:0;
    top:0;
    width:75px;
    height:210px;
    background:0 0;
    border:none
}
.xdsoft_datetimepicker button{
    border:none!important
}
.xdsoft_noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
.xdsoft_noselect::selection{
    background:0 0
}
.xdsoft_noselect::-moz-selection{
    background:0 0
}
.xdsoft_datetimepicker.xdsoft_inline{
    display:inline-block;
    position:static;
    box-shadow:none
}
.xdsoft_datetimepicker *{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0;
    margin:0
}
.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{
    display:none
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{
    display:block
}
.xdsoft_datetimepicker .xdsoft_datepicker{
    width:224px;
    float:left;
    margin-left:8px
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{
    float:right;
    margin-right:8px;
    margin-left:0
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
    width:256px
}
.xdsoft_datetimepicker .xdsoft_timepicker{
    width:58px;
    float:left;
    text-align:center;
    margin-left:8px;
    margin-top:0
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{
    float:right;
    margin-right:8px;
    margin-left:0
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{
    margin-top:8px;
    margin-bottom:3px
}
.xdsoft_datetimepicker .xdsoft_mounthpicker{
    position:relative;
    text-align:center
}
.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{
    background-image:url('./buttons.png')
}
.xdsoft_datetimepicker .xdsoft_label i{
    opacity:.5;
    background-position:-92px -19px;
    display:inline-block;
    width:9px;
    height:20px;
    display:none;
    vertical-align:middle
}
.xdsoft_datetimepicker .xdsoft_prev{
    float:left;
    background-position:-20px 0
}
.xdsoft_datetimepicker .xdsoft_today_button{
    float:left;
    background-position:-70px 0;
    margin-left:5px
}
.xdsoft_datetimepicker .xdsoft_next{
    float:right;
    background-position:0 0
}
.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{
    background-color:transparent;
    background-repeat:no-repeat;
    border:0 none;
    cursor:pointer;
    display:block;
    height:30px;
    opacity:.5;
    outline:medium none;
    overflow:hidden;
    padding:0;
    position:relative;
    text-indent:100%;
    white-space:nowrap;
    width:20px;
    min-width:0
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
    float:none;
    background-position:-40px -15px;
    height:15px;
    width:30px;
    display:block;
    margin-left:14px;
    margin-top:7px
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev{
    float:none;
    margin-left:0;
    margin-right:14px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
    background-position:-40px 0;
    margin-bottom:7px;
    margin-top:0
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
    height:151px;
    overflow:hidden;
    border-bottom:1px solid #ddd
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{
    background:#f5f5f5;
    border-top:1px solid #ddd;
    color:#666;
    font-size:12px;
    text-align:center;
    border-collapse:collapse;
    cursor:pointer;
    border-bottom-width:0;
    height:25px;
    line-height:25px
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{
    border-top-width:0
}
.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover{
    opacity:1
}
.xdsoft_datetimepicker .xdsoft_label{
    display:inline;
    position:relative;
    z-index:9999;
    margin:0;
    padding:5px 3px;
    font-size:14px;
    line-height:20px;
    font-weight:700;
    background-color:#fff;
    float:left;
    width:182px;
    text-align:center;
    cursor:default
}
.xdsoft_datetimepicker .xdsoft_label:hover>span{
    text-decoration:none
}
.xdsoft_datetimepicker .xdsoft_label:hover i{
    opacity:1
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{
    border:1px solid #ccc;
    position:absolute;
    right:0;
    top:30px;
    z-index:101;
    display:none;
    background:#fff;
    max-height:160px;
    overflow-y:hidden
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{
    right:-7px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{
    right:2px
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{
    color:#fff;
    background:#047582
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{
    padding:2px 10px 2px 5px;
    text-decoration:none!important
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{
    background:#09a;
    color:#fff;
    font-weight:700
}
.xdsoft_datetimepicker .xdsoft_month{
    width:100px;
    text-align:right
}
.xdsoft_datetimepicker .xdsoft_calendar{
    clear:both
}
.xdsoft_datetimepicker .xdsoft_year{
    width:48px;
    margin-left:5px
}
.xdsoft_datetimepicker .xdsoft_calendar table{
    border-collapse:collapse;
    width:100%
}
.xdsoft_datetimepicker .xdsoft_calendar td>div{
    padding-right:5px
}
.xdsoft_datetimepicker .xdsoft_calendar th{
    height:25px
}
.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{
    width:14.2857142%;
    background:#f5f5f5;
    border:1px solid #ddd;
    color:#666;
    font-size:12px;
    text-align:right;
    vertical-align:middle;
    padding:0;
    border-collapse:collapse;
    cursor:pointer;
    height:25px
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{
    width:12.5%
}
.xdsoft_datetimepicker .xdsoft_calendar th{
    background:#f1f1f1
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
    color:#09a
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{
    background:#ffe9d2;
    color:#000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{
    background:#c1ffc9;
    color:#000
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
    background:#09a;
    color:#fff;
    font-weight:700
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{
    opacity:.5;
    cursor:default
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
    opacity:.2
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
    color:#fff!important;
    background:#047582!important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{
    background:#09a!important;
    color:#fff!important
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{
    color:inherit!important;
    background:inherit!important
}
.xdsoft_datetimepicker .xdsoft_calendar th{
    font-weight:700;
    text-align:center;
    color:#999;
    cursor:default
}
.xdsoft_datetimepicker .xdsoft_copyright{
    color:#ccc!important;
    font-size:10px;
    clear:both;
    float:none;
    margin-left:8px
}
.xdsoft_datetimepicker .xdsoft_copyright a{
    color:#eee!important
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover{
    color:#aaa!important
}
.xdsoft_time_box{
    position:relative;
    border:1px solid #ccc
}
.xdsoft_scrollbar>.xdsoft_scroller{
    background:#ccc!important;
    height:20px;
    border-radius:3px
}
.xdsoft_scrollbar{
    position:absolute;
    width:7px;
    right:0;
    top:0;
    bottom:0;
    cursor:pointer
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{
    left:0;
    right:auto
}
.xdsoft_scroller_box{
    position:relative
}
.xdsoft_datetimepicker.xdsoft_dark{
    background:#000;
    border-bottom:1px solid #444;
    border-left:1px solid #333;
    border-right:1px solid #333;
    border-top:1px solid #333;
    color:#ccc
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{
    border-bottom:1px solid #222
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{
    background:#0a0a0a;
    border-top:1px solid #222;
    color:#999
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{
    background-color:#000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{
    border:1px solid #333;
    background:#000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{
    color:#000;
    background:#007fff
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{
    background:#c50;
    color:#000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{
    background-image:url('./buttons.png')
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
    background:#0a0a0a;
    border:1px solid #222;
    color:#999
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
    background:#0e0e0e
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{
    color:#c50
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{
    background:#ffe9d2;
    color:#000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{
    background:#c1ffc9;
    color:#000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{
    background:#c50;
    color:#000
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{
    color:#000!important;
    background:#007fff!important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
    color:#666
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{
    color:#333!important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{
    color:#111!important
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{
    color:#555!important
}
.xdsoft_dark .xdsoft_time_box{
    border:1px solid #333
}
.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{
    background:#333!important
}
.xdsoft_datetimepicker .xdsoft_save_selected{
    display:block;
    border:1px solid #ddd!important;
    margin-top:5px;
    width:100%;
    color:#454551;
    font-size:13px
}
.xdsoft_datetimepicker .blue-gradient-button{
    font-family:museo-sans,"Book Antiqua",sans-serif;
    font-size:12px;
    font-weight:300;
    color:#82878c;
    height:28px;
    position:relative;
    padding:4px 17px 4px 33px;
    border:1px solid #d7d8da;
    background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));
    background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%)
}
.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:focus span,.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:hover span{
    color:#454551;
    background:-moz-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#fff));
    background:-webkit-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background:-o-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background:-ms-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background:linear-gradient(to bottom,#f4f8fa 0,#fff 73%)
}
.li{
    padding:15px;
    border-left:6px solid #fd9a26;
    background:#fff;
    margin:15px 0;
    min-height:25px
}
.li .date{
    font-size:12px;
    color:#999;
    float:left;
    line-height:25px
}
.li .store{
    font-size:14px;
    color:#444;
    float:left;
    font-weight:700;
    line-height:25px;
    padding:0 0 0 15px
}
.li .status{
    font-size:14px;
    color:#444;
    float:left;
    line-height:25px;
    padding:0 0 0 20px
}
.li .cashbackshowall{
    float:right;
    background-image:url(../img/arrow_down.png);
    width:20px;
    height:20px;
    margin:3px 0 0 10px
}
.li .more{
    background-image:url(../img/arrow_down.png)
}
.li .less{
    background-image:url(../img/arrow_up.png)
}
.li .money{
    font-size:18px;
    font-weight:700;
    float:right;
    color:#333;
    letter-spacing:-.5px;
    line-height:25px
}
.li .all{
    width:100%;
    display:none;
    margin-top:40px
}
.li .all .line{
    line-height:35px;
    border-top:1px solid #ddd
}
.li .all .line .item_line{
    display:inline-block;
    margin:0 25px 0 0
}
.s3{
    border-color:#ccc
}
.s2{
    border-color:#ba0600
}
.s1{
    border-color:#94df43
}
.cashback_left{
    display:inline-block;
    width:260px;
    margin:0 10px 0 0;
    vertical-align:top
}
.cashback_logo{
    background:#fff;
    padding:20px;
    margin:0;
    display:block;
    vertical-align:bottom
}
.cashback_logo img{
    width:100%;
    display:block
}
.cashback_left .credits{
    background:#09a;
    display:block;
    margin:0;
    text-align:right;
    font-size:20px;
    padding:16px
}
.cashback_left .confirm{
    background:#108393;
    display:block;
    margin:0;
    text-align:right;
    font-size:20px;
    padding:16px
}
.cashback_left .cashback{
    background:#0d6673;
    display:block;
    margin:0;
    text-align:right;
    font-size:20px;
    padding:16px
}
.cashback_left span{
    color:#eee;
    font-size:12px;
    line-height:16px;
    text-transform:uppercase;
    display:block
}
.cashback_left strong{
    font-weight:700;
    color:#fff;
    font-size:25px;
    margin:6px 0 0;
    letter-spacing:-.5px;
    display:block
}
.money_symbol{
    background:#349f50;
    display:block;
    float:left;
    color:#fff;
    padding:0 10px;
    font-size:30px;
    font-weight:700;
    height:50px;
    line-height:50px
}
.money_button{
    background:#349f50;
    line-height:17px;
    text-align:center;
    padding:8px 10px 8px 0;
    color:#fff;
    text-decoration:none
}
.money_button:hover{
    text-decoration:none
}
.cashbacktomoney{
    margin:20px 0;
    display:block
}
.cashbacktomoney:hover{
    text-decoration:none
}
.cashback_right{
    display:inline-block;
    width:805px;
    margin:0
}
.lastcashback{
    background:#ddd;
    padding:15px;
    color:#555
}
.cashback_right .not{
    padding:20px 0;
    font-size:13px;
    color:#777
}
@media all and (max-width:1080px){
    .cashback_left{
        display:block;
        width:100%;
        margin:0
    }
    .cashback_logo img{
        max-width:200px;
        margin:0 auto
    }
    .cashbacktomoney{
        margin:20px auto;
        width:90%
    }
    .cashback_right{
        display:block;
        width:100%
    }
    .li .money{
        float:none;
        display:block;
        width:80%
    }
    .li .date,.li .money,.li .status,.li .store{
        float:none;
        display:block;
        padding:0;
        margin:0;
        width:70%
    }
    .li .store{
        font-size:18px
    }
    .li .all{
        margin:15px 0 0
    }
    .li .all .line .item_line{
        display:block;
        margin:0;
        width:100%
    }
}
.team_ad{
    text-align:center;
    background:#fff;
    border:1px solid #ddd;
    padding:10px
}
.team_ad strong{
    margin-bottom:10px;
    display:block
}
.team_ad img{
    margin:0 15px
}
.publicidade{
    font-size:10px;
    color:#999;
    line-height:15px;
    letter-spacing:.5px
}
.adsense_a{
    border:0!important;
    min-height:295px;
    text-align:center
}
.adsense_b{
    width:320px;
    margin:5px auto 0;
    text-align:center
}
.adsense_c{
    width:320px;
    margin:5px auto 0;
    text-align:center
}
.adsense_d{
    margin:0 0 15px;
    text-align:center
}
.adsense_d .ad{
    text-align:left;
    width:320px;
    display:inline-block;
    margin:0 0 15px
}
.ad_desktop{
    display:none
}
.ad_mobile{
    display:block
}
@media all and (min-width:1080px){
    .adsense_b{
        width:728px;
        text-align:left
    }
    .adsense_c{
        width:728px;
        text-align:left
    }
    .adsense_d .ad{
        width:468px;
        margin:0 20px
    }
    .ad_desktop{
        display:block
    }
    .ad_mobile{
        display:none
    }
}
.sf-menu,.sf-menu *{
    margin:0;
    padding:0;
    list-style:none;
}
.sf-menu li{
    position:relative;
}
.sf-menu ul{
    position:absolute;
    display:none;
    top:100%;
    left:0;
    z-index:99
}
.sf-menu>li{
    float:left
}
.sf-menu li.sfHover>ul,.sf-menu li:hover>ul{
    display:block
}
.sf-menu a{
    display:block;
    position:relative;
    color:#fff!important
}
.sf-menu ul ul{
    top:0;
    left:100%
}
.sf-menu{
    float:right;
    margin:0;
    max-width:630px
}
.sf-menu ul{
    min-width:12em
}
.sf-menu a{
    padding:0 10px;
    font-weight:400;
    font-size:13px;
    text-decoration:none;
    zoom:1
}
.sf-menu a{
    color:rgba(255,255,255,.8)
}
.sf-menu li{
    line-height:40px;
    border-left:1px solid rgba(255,255,255,.15);
    white-space:nowrap
}
.sf-menu ul li{
    background-color:rgba(0,0,0,.5);
    border:0;
    border-top:1px solid rgba(255,255,255,.15)
}
.sf-menu ul ul li{
    color:rgba(0,0,0,.8);
    border:0;
    border-top:1px solid rgba(255,255,255,.15)
}
.sf-menu li.sfHover,.sf-menu li:hover{
    background-color:rgba(0,0,0,.2)
}
.sf-arrows .sf-with-ul{
    padding-right:25px
}
.sf-arrows .sf-with-ul:after{
    content:'';
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-1px;
    height:0;
    width:0;
    border:4px solid transparent;
    border-top-color:#fff;
    border-top-color:rgba(255,255,255,.5)
}
.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{
    border-top-color:#fff
}
.sf-arrows ul .sf-with-ul:after{
    margin-top:-5px;
    margin-right:-3px;
    border-color:transparent;
    border-left-color:#dfeeff;
    border-left-color:rgba(255,255,255,.5)
}
.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{
    border-left-color:#fff
}
.button-alert{
    border:1px solid #007a88;
    color:#fff!important;
    cursor:pointer;
    padding:10px;
    text-align:center;
    font-weight:700;
    height:60px!important;
    text-shadow:0 -1.5px #257b3c;
    border-radius:3px;
    background-color:#09a;
    text-decoration:none!important
}
.button-alert:hover{
    background:#007a88
}
.button-alert img{
    width:24px;
    height:24px;
    vertical-align:middle!important
}
.btnDisponibilidade{
    margin-right:-5px!important;
    color:#fff;
    background-color:#075189!important;
    border-color:#075189!important;
    width:150px!important
}
.btnDisponibilidade img{
    width:20px;
    height:20px;
    vertical-align:middle!important
}
.btnDisponibilidade:hover{
    background-color:#05416e!important;
    border-color:#05416e!important
}
@media all and (max-width:1080px){
    #dvBMob{
        margin-top: 44px;
        display:block
    }
    #dvBDes{
        display:none
    }
    #selectTeam{
        max-width:240px!important;
        height:30px!important;
        font-size:14px!important;
        margin:0!important
    }
    #selectTurno{
        max-width:240px!important;
        height:30px!important;
        font-size:14px!important;
        margin:0!important
    }

    #dvBMob.fixar-pesquisa{
        width: 100%;
        position: fixed;
        top:43px;
        z-index: 1001;
        margin-top: 0px;
    }
}
@media all and (min-width:1080px){
    #dvBMob{
        display:none
    }
    #dvBDes{
        display:block
    }
    .disponibilidade{
        min-width:500px;
        background:#f2f2f2
    }
    #fixarMobile{
        display:none
    }
}
.disponibilidade{
    min-height:600px;
    background:#f2f2f2
}
#selectTeam{
    height:30px;
    font-size:14px;
    margin:10px 0 0;
    min-width:220px
}
#selectTurno{
    height:30px;
    font-size:14px;
    margin:10px 0 0;
    min-width:220px
}
.btn-booking{
    color:#fff!important;
    font-size:13px;
    cursor:pointer;
    padding:7px;
    background:#45a7a8;
    font-weight:700;
    border-radius:3px;
    text-decoration:none!important;
    border:1px solid #3a8e8f;
    text-shadow:0 -1.5px #3a8e8f;
    text-align:left
}
.btn-booking:hover{
    background:#3a8e8f
}
.btn-booking img{
    width:20px;
    height:20px;
    vertical-align:middle!important
}
.booking_calendar{
    display:table!important;
    position:relative!important;
    margin:0 auto
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_date{
    background:#09a;
    color:#fff
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month{
    color:#fff;
    background:#70b5bd;
    cursor:pointer
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current{
    background:#0d3034;
    color:#fff
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover{
    color:#ccc!important;
    background:#fff!important;
    opacity:1!important
}
.booking_quantity{
    display:none
}
.booking_quantity .booking_quantity_msg{
    text-align:center;
    margin:0 auto;
    font-size:12px;
    background:#fffb9e;
    color:#74754a;
    border:1px solid #dad787;
    padding:5px;
    width:230px;
    margin:10px auto
}
.booking_quantity .booking_per_number_msg{
    text-align:center;
    margin:0 auto;
    font-size:12px;
    background:#fffb9e;
    color:#74754a;
    border:1px solid #dad787;
    padding:5px;
    width:230px;
    margin:10px auto
}
.booking_form_div{
    display:block;
    height:30px;
    margin:0 auto;
    text-align:center;
    width:320px
}
.booking_form_title{
    display:block;
    float:left;
    height:30px;
    line-height:30px;
    width:110px;
    text-align:right;
    padding-right:15px
}
.booking_quantity .booking_quantity_button{
    display:block;
    float:left;
    width:30px;
    height:30px;
    line-height:30px;
    background:#ddd;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
    color: #FFF;
    background: linear-gradient(90deg, rgb(22, 153, 170), rgb(4, 212, 223));
}
#quantity_minus {
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
#quantity_plus {
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
#booking_selected_quantity{
    padding:0;
    font-size:16px;
    width:50px;
    line-height:30px;
    height:28px;
    border:0;
    margin:0;
    display:block;
    float:left;
    text-align:center;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
.booking_list_title{
    font-size:12px;
    color:#444;
    line-height:16px;
    margin:0;
    padding:6px
}
div.table-title{
    display:block;
    margin:auto;
    max-width:600px;
    padding:5px;
    width:100%
}
.table-title h3{
    color:#fafafa;
    font-size:30px;
    font-weight:400;
    font-style:normal;
    font-family:Roboto,helvetica,arial,sans-serif;
    text-shadow:-1px -1px 1px rgba(0,0,0,.1);
    text-transform:uppercase
}
.table-fill{
    background:#fff;
    border-radius:3px;
    border-collapse:collapse;
    margin:auto;
    max-width:800px;
    padding:5px;
    width:100%;
    box-shadow:0 5px 10px rgba(0,0,0,.1);
    animation:float 5s infinite
}
th{
    color:#fff;
    background:#09a;
    border-bottom:4px solid #9ea7af;
    border-right:1px solid #343a45;
    font-size:12px;
    font-weight:100;
    padding:8px;
    text-align:left;
    text-shadow:0 1px 1px rgba(0,0,0,.1);
    vertical-align:middle
}
th:first-child{
    border-top-left-radius:3px
}
th:last-child{
    border-top-right-radius:3px;
    border-right:none
}
tr{
    border-top:1px solid #c1c3d1;
    color:#666b85;
    font-size:16px;
    font-weight:400;
    text-shadow:0 1px 1px rgba(256,256,256,.1)
}
tr:hover td{
    background:#f2f1d8;
    border-top:1px solid #22262e
}
tr:first-child{
    border-top:none
}
tr:last-child{
    border-bottom:none
}
tr:nth-child(odd):hover td{
    background:#f2f1d8
}
tr:last-child td:first-child{
    border-bottom-left-radius:3px
}
tr:last-child td:last-child{
    border-bottom-right-radius:3px
}
td{
    background:#fff;
    padding:15px;
    vertical-align:middle;
    font-weight:300;
    font-size:13px
}
td:last-child{
    border-right:0
}
th.text-left{
    text-align:left
}
th.text-center{
    text-align:center
}
th.text-right{
    text-align:right
}
td.text-left{
    text-align:left
}
td.text-center{
    text-align:center
}
td.text-right{
    text-align:right
}
.mostraTableCupons{
    display:block
}
.escondeTableCupons{
    display:none
}
.alinhamentoCheckbox{
    margin-left:180px
}
@media screen and (max-width:1024px){
    .imgResposivaMobGif{
        width:100%;
        margin-top:-6px;
        border-bottom:1px solid;
        border-left:1px solid;
        border-right:1px solid;
        border-color:#a9a9a9
    }
    .imgResposivaMobMp{
        width:100%;
        border-top:1px solid;
        border-left:1px solid;
        border-right:1px solid;
        border-color:#a9a9a9
    }
}
@media screen and (min-width:1025px){
    .imgRespDesktopGif{
        margin-top:-5px;
        border-bottom:1px solid;
        border-left:1px solid;
        border-right:1px solid;
        border-color:#a9a9a9
    }
    .imgRespDesktopMP{
        border-top:1px solid;
        border-left:1px solid;
        border-right:1px solid;
        border-color:#a9a9a9
    }
}
.formulario button[type=button].meus_cupons{
    background:#5c8af3;
    border:1px solid #666;
    text-shadow:0 -1.5px #666;
    color:#fff;
    padding:0;
    line-height:34px;
    cursor:pointer;
    font-weight:700;
    height:34px;
    margin:0 0 15px;
    width:200px;
    text-align:center
}
.formulario button[type=button].meus_cupons:hover{
    background:#042fa7
}
.formulario button[type=button].meus_cupons img{
    margin:6px;
    float:left;
    display:block
}
.formulario button.button_block{
    opacity:.3;
    cursor:none;
    pointer-events:none
}
#loading{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,.9);
    z-index:999;
    display:none
}
#loading .message{
    color:#fff;
    width:300px;
    text-align:center;
    height:50px;
    display:block;
    position:absolute;
    margin:0 0 0 -150px;
    left:50%;
    top:50%
}
#loading .activity{
    animation:spin 1s linear infinite;
    border:5px solid #444;
    border-left:5px solid #fff;
    border-top:5px solid #fff;
    border-radius:50%;
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    margin:-80px 0 0 -25px;
    left:50%;
    top:50%
}
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotate{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(-360deg)
    }
}
.cart_radio{
    border-radius:100%;
    border:2px solid #777;
    width:10px;
    height:10px;
    padding:2px;
    float:Pleft;
    display:inline-block;
    margin:13px 7px 0 0;
    cursor:pointer
}
.cart_radio.on:after{
    border-radius:100%;
    border:2px solid #555;
    width:6px;
    background:#222;
    height:6px;
    display:block;
    content:" "
}
.formapagamento_title{
    padding:0 12px;
    line-height:45px;
    border-top:1px solid #eee;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    color:#666;
    background:#fbfbfb;
    min-height:45px
}
.formapagamento_title.on{
    border-bottom:3px solid rgba(0,0,0,.1)
}
.formapagamento_title:hover{
    color:#111
}
.formapagamento_title:first-child{
    border:0
}
.formapagamento_title img{
    height:24px;
    text-align:left;
    float:left;
    margin:10px 7px 0 0
}
.formapagamento_content{
    display:none
}
.formapagamento_content .cartoes{
    display:block;
    margin:0 auto;
    max-height:35px;
    max-width:100%
}
.formapagamento_content .cartoes_novos{
    margin:0 -135px;
    max-height:146px;
    max-width:140%
}
.fp_info{
    padding:10px;
    font-size:13px
}
.fp_logo{
    margin-top:15px;
    height:30px
}
@media all and (max-width:599px){
    .formapagamento_content .cartoes_novos{
        margin:0 -38%;
        max-height:73px;
        max-width:180%
    }
    .fp_info,.fp_info a{
        font-size:11px
    }
}
.cart_agendamento_alerta{
    text-align:center;
    background:#e85314;
    border:1px solid rgba(0,0,0,.3);
    color:#fff;
    padding:15px;
    font-weight:700;
    margin:0 25px
}
.class_map_div_externa_desk{
    width:calc(60% - 30px);
    height:390px;
    padding:14px;
    display:inline-block;
    vertical-align:top
}
.class_map_div_interna_desk{
    width:100%;
    height:100%;
    display:inline-block
}
.class_map_div_externa_mobile{
    width:100%;
    height:280px;
    display:block;
    margin-top:7px
}
.class_map_div_interna_mobile{
    width:100%;
    height:100%
}
.iw-container{
    font-family:'Open Sans Condensed',sans-serif;
    font-size:12px;
    font-weight:400;
    padding:5px;
    background-color:#fff;
    color:#000;
    margin:3px;
    border-radius:2px 2px 0 0
}
.iw-container-team-map{
    font-family:'Open Sans Condensed',sans-serif;
    font-size:12px;
    font-weight:400;
    background-color:#fff;
    color:#000;
    margin:3px;
    border-radius:2px 2px 0 0;
    width:400px;
    height:400px;
    overflow:hidden
}
.iw-container-user-map{
    font-family:'Open Sans Condensed',sans-serif;
    font-size:12px;
    font-weight:400;
    background-color:#fff;
    color:#000;
    margin:3px;
    border-radius:2px 2px 0 0;
    width:400px;
    height:150px;
    overflow:hidden
}
.iw-title{
    font-family:'Open Sans Condensed',sans-serif;
    font-size:15px;
    font-weight:400;
    background-color:#09a;
    color:#fff;
    padding:10px 10px;
    margin-bottom:10px;
    border-radius:2px 2px 0 0
}
.gm-style-iw .iw-container-team-map{
    width:400px!important;
    top:23px!important;
    left:0!important;
    background-color:#fff;
    box-shadow:0 1px 6px rgba(178,178,178,.6);
    border:1px solid rgba(0,153,170,.6);
    border-radius:2px 2px 0 0
}
.gm-style-iw .iw-container-user-map{
    width:400px!important;
    top:23px!important;
    left:0!important;
    background-color:#fff;
    box-shadow:0 1px 6px rgba(178,178,178,.6);
    border:1px solid rgba(0,153,170,.6);
    border-radius:2px 2px 0 0
}
.iw-address{
    padding:2px 0 1px 5px;
    margin-top:5px;
    margin-bottom:5px
}
.iw-team-block{
    padding:0 4px 0 4px
}
.iw-team-data{
    padding:4px
}
.iw-container-data{
    height:350px;
    overflow:auto
}
.iw-container-team-map hr{
    margin:0;
    padding:0
}
.iw-container-user-map hr{
    margin:0;
    padding:0
}
.mapa_ofertas_board{
    height:calc(100vh - 250px)!important;
    width:calc(100% - 380px)!important
}
.mapa_ofertas_filter{
    width:300px
}
@media all and (max-width:1000px){
    .mapa_ofertas_board{
        height:1000px!important;
        width:calc(100% - 45px)!important
    }
    .mapa_ofertas_filter{
        width:calc(100% - 45px)!important
    }
}
.mapa_clientes_board{
    height:calc(100vh - 220px)!important
}
.col_tab_available_days th{
    width:50px!important
}
.col_tab_available_days th input[type=checkbox]{
    width:20px
}
#booking_all{
    height:650px;
    text-align:center
}
.booking_title{
    font-size:12px;
    font-weight:600;
    padding:2px;
    /* background:#fff; */
    background-color: rgb(236, 236, 236);
    margin-bottom: 10px;
}
.booking_team{
    font-size:12px;
    padding:2px;
    font-weight:700;
    /* background:#fff; */
    background-color: rgb(236, 236, 236);
}
#booking_team_id{
    border:1px solid #ddd;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding: 10px 5px;
    background:#fff url(/tcheofertas/app/public/img/expanded.svg);
    background-position:right 8px center;
    background-repeat:no-repeat;
    margin:0;
    font-size:12px;
    color:#000;
    width:100%;
    border-radius:0
}
.turno_button{
    margin:5px 5px 15px 5px;
    background:#09a;
    color:#fff;
    border:0;
    font-size:12px;
    font-weight:700;
    padding:6px;
    width:110px
}
.linha_parceiro_mobile{
    margin-top:3px;
    margin-bottom:3px
}
.confirm_reserve{
    padding:0;
    margin:24px
}
.reserve_info{
    padding:40px 10px;
    background:#fff;
    font-size:15px
}
.div-center{
    margin:auto;
    width:70%;
    padding:10px
}
*,::after,::before{
    box-sizing:initial!important
}
.btn_config_add_banner{
    width:175px
}
.bdr_red{
    border:1px solid red
}
.bdr_blue{
    border:1px solid #00f
}
.bdr_green{
    border:1px solid green
}
.bdr_orange{
    border:1px solid orange
}
.btn_presente{
    margin-bottom:10px!important
}
.xdsoft_date:hover{
    background:#ff8080
}
.calendar_hospedagem{
    width:500px
}
.menu_lateral{
    margin:5px;
    border:none;
    height:100%;
    float:left;
    margin-right:67px;
    width:100px
}
.menu_lateral_item{
    border:1px solid #aaa
}
.menu_lateral_item_active{
    background-color:#09a;
    border-color:#09a
}
.container_tela{
    width:98%
}
.canteudo_principal{
    float:left;
    min-width:300px;
    min-height:300px;
    width:calc(100% - 175px);
    height:calc(100% - 91px)
}
.filter_search_inputs{
    float:left!important;
    margin:0 12px 0 0!important
}
.filter_search_inputs_buscar{
    margin:0 12px 0 0!important
}
.filter_search_inputs_select{
    font-size:14px;
    line-height:17px;
    margin:0!important
}
table .tabela_search{
    margin:0;
    padding:0
}
.tabela_search_th{
    text-align:center!important;
    background:0 0!important;
    border:none!important
}
.tabela_search_th_d{
    text-align:right!important;
    background:0 0!important;
    border:none!important
}
.tabela_search_td{
    text-align:center!important;
    background:0 0!important;
    border:none!important;
    padding:0 10px!important;
    margin:0!important
}
.title_search{
    font-weight:700!important
}
.tabela_transparente{
    width:100%;
    background-color:#d8f0da;
    border:1px;
    min-width:100%;
    position:relative;
    opacity:.97;
    background:0 0!important;
    border-color:none
}
.swiper-container{
    width:100%;
    height:100%
}
.swiper-slide{
    text-align:center;
    font-size:18px;
    background:0 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.swiper-pagination-bullet{
    width:14px;
    height:14px
}
.swiper-pagination-bullet{
    background:#fff;
    opacity:.7;
    border:2px solid #000
}
.swiper-pagination-bullet-active{
    background:#fff;
    opacity:1
}
.swiper-button-next.mob,.swiper-button-prev.mob{
    top:0;
    width:32px;
    height:100%
}
.titulo_cupom_consumido{
    color:red!important
}
.swiper-slide,.swiper-slide>a,.swiper-slide>a>img{
    vertical-align:middle!important
}
.swiper-button-next,.swiper-button-prev{
    margin-top:0
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:url(../img/seta-dir.png)!important;
    right:0;
    width:32px;
    top:0;
    height:100%;
    opacity:.4!important
}
.swiper-button-prev{
    background-image:url(../img/seta-esq.png)!important;
    left:0;
    width:32px;
    top:0;
    height:100%;
    opacity:.4!important
}
.swiper-button-next,.swiper-button-prev{
    background-size:40px 40px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-button-next:hover,.swiper-button-prev:hover{
    background-color:rgba(0,0,0,.6)
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:0;
    opacity:.4!important
}
.swiper-container-horizontal.banner_lp_desk>.swiper-pagination-bullets{
    bottom:4px!important
}
@media all and (max-width:1080px){
    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom:4px!important
    }
    .banner_lp_mob>.swiper-pagination-bullets{
        bottom:3px!important
    }
    .swiper-pagination-bullet{
        height:7px!important;
        width:7px!important
    }
    .swiper-button-next:hover,.swiper-button-prev:hover{
        background-color:transparent
    }
}
.fullcalendar_div{
    margin:40px 30px;
    padding:0;
    font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-size:14px;
    width:85%
}
.kraken_msg{
    text-align:left!important;
    /* margin:0 0 20px!important; */
    color:#fff!important;
    font-size:14px!important;
    line-height:44px!important;
    height:44px!important;
    font-weight:400!important;
    padding:0!important;
    overflow:hidden!important;
    cursor:default!important
}
.fullcalendar_div td:hover{
    background:#fff!important
}
#calendar{
    max-width:calc(100% - 200px);
    margin:0 auto
}
.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{
    border-bottom:none
}
.fc tr:hover td{
    border-color:#ddd!important
}
#loading_calendar{
    display:none;
    position:absolute;
    top:10px;
    right:10px
}
#spin{
    height:2.5em!important
}
.div_info_oculta{
    width:800px;
    display:inline-block
}
#lista_contatos_comercial{
    width:100%
}
.div_lst_contato{
    height:122px
}
.lst_contato_dt{
    width:140px;
    height:30px
}
.lst_contato_tipo{
    width:140px;
    height:30px
}
.lst_contato_user{
    width:140px;
    height:30px
}
.div_lst_contato_esq{
    display:inline-block;
    float:left;
    width:400px
}
.div_lst_contato_esq.commercial{
    display:inline-block!important;
    float:left!important;
    width:300px!important
}
.div_lst_contato_dir{
    display:inline-block;
    float:left
}
.div_lst_contato_dir.commercial{
    display:inline-block!important;
    float:left!important;
    width:calc(100% - 360px)!important
}
.div_lst_contato_ata_content{
    float:left
}
.lst_contato_ata{
    display:inline-block;
    height:102px!important
}
.btn_salvar_parceiro{
    display:block!important;
    float:none!important;
    margin:0 auto!important;
    padding:0 15px!important;
    line-height:36px!important;
    height:36px!important
}
#lista_contatos_comercial_content{
    overflow-y:auto;
    max-height:458px
}
.lista_contatos_comercial_linha{
    display:inline-block;
    width:133px
}
.div_form_commercial_contato{
    width:48%;
    display:inline-block;
    flaot:left
}
.div_form_commercial_contato_parceiro{
    display:inline-block;
    width:100px
}
.div_form_commercial_contato_parceiro_input{
    width:582px
}
.div_form_commercial_contato_dt_contato{
    display:inline-block;
    width:100px
}
#dt_contact_datepicker{
    margin-bottom:15px;
    width:40px
}
.dt_contact_datepicker_img{
    background:gray;
    width:40px
}
#fake_dt_contact{
    width:140px
}
.div_form_commercial_contato_tipo_contato{
    display:inline-block;
    width:100px
}
.div_form_commercial_contato_tipo_contato_select{
    width:200px
}
.div_form_commercial_contato_ata{
    display:inline-block;
    width:100px;
    vertical-align:top
}
.div_form_commercial_contato_ata_content{
    display:inline-block;
    width:600px
}
.div_form_commercial_contato_ata_input{
    display:inline-block
}
.btn_salvar_commercial_contato{
    margin:1px 100px 0
}
#div_partner_atividades_anteriores{
    width:48%;
    display:inline-block;
    float:right;
    vertical-align:top;
    padding-left:10px
}
.modal_default{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:9999999;
    display:table
}
.modal_default_fade{
    background:rgba(0,0,0,.85);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0
}
.modal_default_centered{
    z-index:99999;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:100%
}
.modal_default_window{
    width:calc(100% - 20px);
    margin:0 auto;
    max-width:80%;
    max-height:80%;
    top:0;
    bottom:0;
    right:0;
    left:0
}
.modal_default_x_button{
    cursor:pointer;
    margin:10px 10px 0;
    padding:0;
    width:24px;
    height:24px
}
.modal_default_x_button_not_toolbar{
    position:absolute;
    right:5px;
    top:5px
}
.modal_default_content{
    position:relative;
    background:#fff;
    height:calc(100% - 40px);
    overflow:auto
}
.modal_default_toolbar{
    background:#737373;
    position:relative;
    background:#444;
    height:40px;
    margin:0;
    color:#fff;
    text-align:center;
    width:100%
}
.modal_default_toolbar_title{
    display:inline-block;
    color:#fff;
    float:left;
    padding-top:7px;
    padding-left:13px;
    width:calc(100% - 60px);
    text-align:left
}
.modal_default_quit{
    display:inline-block;
    cursor:pointer;
    float:right;
    background:#575757
}
.modal_default_quit:hover{
    background:#363636
}
.modal_default_x_button:hover{
    opacity:.8
}
.flex-container{
    display:flex;
    flex-wrap:wrap;
    background-color:#1e90ff
}
@media screen and (max-width:480px){
    .modal_default_window{
        width:calc(100% - 20px);
        margin:1% auto;
        max-width:98%;
        max-height:88%;
        position:fixed;
        top:5%;
        bottom:5%;
        right:0;
        left:0
    }
}
.recomenda-desktop{
    display:table
}
.recomenda-mobile{
    display:none
}
@media screen and (max-width:480px){
    .recomenda-desktop{
        display:none
    }
    .recomenda-mobile{
        display:table
    }
    .carrossel_left,.carrossel_right{
        display:none
    }
}
#label_checkin_checkout{
    text-align:center;
    margin:0 auto;
    font-size:12px
}
::-webkit-file-upload-button{
    -webkit-appearance:push-button
}
#btn_novo_filtro{
    background:#222;
    color:#fff;
    display:block;
    float:right;
    height:34px;
    font-size:14px;
    border-radius:0;
    cursor:pointer;
    padding:0 15px;
    line-height:34px;
    border:1px solid #555;
    margin:1px 0 0;
    text-decoration:none
}
#btn_novo_filtro:hover{
    background:#555
}
.oculto{
    display:none!important
}
.oculto2{
    display:none
}
.sitemap-header{
    font-weight:700!important
}
.sitemap-item{
    padding-left:15px!important
}
.site-map-main{
    background-color:unset!important
}
.site-map-content{
    display:inline-block!important;
    width: 49%;
}
.coluna_esq{
    float:left!important
}
.coluna_dir{
    float:right!important
}
@media (max-width: 700px) {
    .sitemap-item {
        margin-bottom: 20px;
    }
    .site-map-content {
        width: fit-content;
    }
}
.alinhamento h2{
    margin:0!important;
    padding:0!important;
    font-weight:400;
    color:#555;
    background:0 0;
    height:auto;
    width:auto;
    text-align:left;
    font:inherit;
    vertical-align:baseline;
    display:block;
    margin-block-start:.83em;
    margin-block-end:.83em;
    margin-inline-start:0;
    margin-inline-end:0;
    text-decoration:none
}
.alinhamento h3{
    margin:0!important;
    padding:0!important;
    font-weight:400;
    color:#555;
    background:0 0;
    height:auto;
    width:auto;
    text-align:left;
    font:inherit;
    vertical-align:baseline;
    display:block;
    margin-block-start:.83em;
    margin-block-end:.83em;
    margin-inline-start:0;
    margin-inline-end:0;
    text-decoration:none
}
.celula .padding.largura h2 div{
    word-wrap:break-word;
    font-weight:100;
    font-size:14px
}
.linha_titulo_parceiro{
    color:#555!important;
    text-align:left!important;
    margin:0!important;
    padding-left:0!important;
    background:0 0!important
}
.linha_titulo_endereco{
    color:#555!important;
    text-align:center!important;
    margin:0!important;
    padding-left:0!important;
    background:0 0!important;
    height:auto!important;
    line-height:initial!important;
    overflow-wrap:break-word
}
h2.detalhe{
    padding:3px 0;
    margin:0;
    font-size:14px
}
.paginacao_container{
    display:flex;
    justify-content:center;
    gap:5px;
    text-align:center;
    flex-wrap:wrap
}
.paginacao{
    display:inline-block;
    min-width:166px;
    text-align:center;
    background:#09a;
    color:#fff!important;
    font-weight:700;
    padding:5px 15px;
    border-radius:3px
}
.paginacao:hover{
    background:#078;
    text-decoration:none
}
.div_cupom{
    width: 50%;
} 
.div_cupom_e_sharecart{
    display: flex;
    flex-direction: row;
    width: 100%; 
    margin-top: 20px; 
    margin-bottom: -10px; 
}
@media (max-width: 900px) {
    .div_cupom_e_sharecart{
        flex-direction: column;
    }
    .div_cupom{
        width: 100%;
    }
}   
@media only screen and (max-device-width:480px){
    .field_cupom{
        border:1px solid #ddd;
        padding:7px;
        font-size:14px;
        color:#555;
        margin:0 0 15px;
        background-color:#fff;
        box-shadow:none;
        background:#fff;
        border-radius:0;
        width:60%;
        
    }
    #btn_cupom,
    #btn_cupom_carrinho {
        background:#333;
        border:1px solid #222;
        color:#fff;
        font-size:14px;
        padding:0 5px 0 5px;
        cursor:pointer;
        font-weight:700;
        height:32.5px;
        border-radius:0;
        margin-left:0
    }
}
.field_cupom{
    border:1px solid #ddd;
    padding:7px;
    font-size:14px;
    color:#555;
    margin:0 0 15px;
    background-color:#fff;
    box-shadow:none;
    background:#fff;
    border-radius:0;
    max-width: 100%;
}
.share-cart-container {
    padding: 10px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.share-input-container > label {
    margin-bottom: 10px;
}
#btn_cupom,
#btn_cupom_carrinho {
    background:#333;
    border:1px solid #222;
    color:#fff;
    font-size:14px;
    padding:0 5px 0 5px;
    cursor:pointer;
    font-weight:700;
    height:32.5px;
    border-radius:0;
    margin-left:0;
}
#btn_cupom_carrinho{
    width: 120px;
    display: block;
    margin-left: auto;
    margin-right: 11px;
}
.share-input-container {
    display: flex;
    flex-direction: column;
    width: 24%;
}
.required-field {
    color: red;
}
#form_cupom {
    padding-left: 10px;
}
@media (max-width: 850px) {
    #form_cupom {
        padding-left: 25px;
    }
}
.titulo-compartilhar-carrinho {
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
    font-weight: bold;
}
@media(max-width: 900px) {
    .share-cart-container {
        flex-direction: column;
        margin-top: 10px;
    }
    .share-input-container {
        width: 100%;
    }
}
.flip_imageY{
    transform:scaleY(-1);
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    -khtml-transform:scaleY(-1);
    -ms-transform:scaleY(-1)
}
.flip_imageX{
    transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    -khtml-transform:scaleX(-1);
    -ms-transform:scaleX(-1)
}
.tche_footer{
    width:100%;
    margin:0 auto;
}
.container_footer{
    padding-right:25px;
    padding-left: 25px;
    margin-right:auto;
    margin-left:auto;
    /* background: linear-gradient(90deg, #EBC139, #d4af33); */
    /* background: linear-gradient(90deg, rgb(22, 153, 170), rgb(0, 201, 213)); */
    /* background: linear-gradient(90deg, rgb(20, 20, 20), rgb(39, 41, 41)); */
}
.footer_colunas{
    background:#fafafa;
    color:#FFF;
    font-size: 1.2em;
    padding-top: 40px;
    max-width: 1366px;
    margin: 0 auto;
}
.icons-redes-sociais {
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-social {
    margin-right: 15px;
    margin-top: 15px !important;
}
.footer_colunas div{
    max-width: fit-content;
}
.footer_colunas ul{
    padding-bottom:1em;
    padding-top:.25em;
    width: fit-content;
}
.footer_colunas ul li {
    margin-bottom: 15px;
    width: fit-content;
}
.footer_colunas ul li:first-child {
    margin-top: 15px;
}
.footer_colunas ul li a {
    color: #FFF;
    font-size: 16px;
    width: fit-content;
}
.footer_colunas strong{
    text-transform:uppercase;
}
.footer_about{
    text-align:justify;
    color:#FFF;
    font-size:14px;
    line-height:18px;
    max-width:1366px;
    margin: 0 auto;
    margin-top: 20px;
}
.titulo_footer {
    font-size: 20px !important;
}
.footer_credito{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: white;
    width: 100%;
    padding: 50px 0px;
    max-width:1366px;
    margin: 0 auto;
}
.logo-tcheOfertas-footer {
    margin-right: 50px;
}
.footer-text-info {
    font-size: 16px;
    margin-right: auto;
}
.footer-text-p {
    font-weight: 400;
}
.footer_escondido{
    display:none
}
.footer_colunas_desktop{
    display:flex;
    justify-content: space-between;
    background: transparent;
}
.footer_colunas_mobile{
    display: none;
    background: transparent;
}
.mobile-footer-logo {
    display: none;
}
.mobile-footer-info {
    display: none;
}
@media(max-width: 900px) {
    .logo-tcheOfertas-footer {
        display: none;
    }
    .footer-text-info {
        display: none;
    }
    .mobile-footer-logo {
        display: block;
    }
    .mobile-footer-info {
        display: block;
    }
}
@media (max-width: 850px) {
    .footer_about {
        font-size: 12px;
    }
    .logo-tcheOfertas-footer {
        margin-bottom: 15px;
        margin-right: 0px;
    }
    .footer_colunas_desktop{
        display:none
    }
    .footer_colunas_mobile{
        display:flex
    }
    .footer_colunas_mobile div ul strong{
        font-size:1em!important
    }
    .footer_colunas_mobile div ul a{
        font-size:1em!important
    }
}
@media (max-width: 480px) {
    .footer_credito {
        justify-content: center;
        padding: 10px 0 40px ;
    }
    .footer-text-info {
        text-align: center;
    }
}
.barra_extra_desktop{
    margin:0;
    border-bottom:1px solid #ddd;
    background:#fff;
    display:table;
    font-size:7px!important;
    padding-top:5px;
    width:500px;
    max-height:78px;
    text-align:center;
    text-transform:uppercase;
    max-width:1080px;
    overflow:hidden;
    position:absolute;
    right:20.5%;
    right:0;
    top:110px;
    z-index:1000;
    display:none
}
.barra_extra_desktop .item{
    display:block;
    float:left;
    line-height:8px;
    margin:0;
    padding:10px 0 8px;
    width:11.2%;
    overflow:hidden;
    color:#555;
    text-align:center
}
.barra_extra_desktop .item .botao{
    width:40px;
    height:40px;
    border-radius:100px;
    margin:0 auto 5px;
    cursor:pointer;
    overflow:hidden
}
.barra_extra_desktop .item .botao .cor{
    background:0 0
}
.barra_extra_desktop .item .botao:hover .cor{
    background:rgba(0,0,0,.3)
}
.barra_extra_desktop .item .botao_landing_pages:hover .cor{
    background:0 0
}
.barra_extra_desktop .item .botao img{
    width:40px;
    height:40px;
    margin:0;
    padding:0
}
.barra_extra_desktop .item span{
    color:#555;
    font-size:7px!important
}
.barra_extra_desktop .item .botao_landing_pages img{
    width:30px;
    height:30px;
    margin-top:5px
}
.barra_extra_desktop a:active,.categorias a:link,.categorias a:visited{
    color:#555;
    font-size:7px
}
.categorias.desktop:hover~#barra_extra_desktop{
    display:block
}
#barra_extra_desktop:hover{
    display:block
}
.selo_12_vezes{
    float:left;
    padding:0px 0;
}
.selo_12_vezes span{
    text-align:center
}
.selo_12_vezes .texto_pre{
    padding-top:5px;
    font-size:10px
}
.selo_12_vezes .texto_nr_parcelas{
    font-size:20px
}
.preco_12x{
    float:right;
    margin:3px 5px;
    text-align:right;
    font-size:11px;
    color:#999
}
.preco_12x .com_corte{
    text-decoration:line-through
}
.preco_12x .preco_12x_moeda{
    font-size:11px
}
.preco_12x .preco_12x_valor_oferta{
    color:#fff;
    font-size:23px;
    font-weight:700
}
.comprar .selo_12_vezes{
    padding:12px 0 12px 8px
}
.msg_alerta_covid{
    background:#349f50;
    line-height:30px;
    font-weight:700;
    text-align:center!important;
    color:#fff;
    font-size:1rem
}
.msg_alerta_covid a{
    font-size:1rem;
    color:#fff!important
}
@media screen and (max-width:480px){
    .msg_alerta_covid,.msg_alerta_covid a{
        font-size:.6rem
    }
}
.conteudo_alerta_covid{
    margin:10px;
    line-height:15px;
    text-align:left;
    font-size:11.5px
}
.selo_oferta{
    position:relative
}
.selo_oferta:after{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-repeat:no-repeat;
    z-index:95
}
#slide:hover .favorito .favorito_icon,.oferta:hover #slide-selos .d-flex .favorito .favorito_icon,.oferta:hover .comprar .maximo .favorito .favorito_icon,.ofertas .item:hover .favorito .favorito_icon{
    display:block!important;
}
.favorito{
    position:relative;
}
.fav_show{
    display:block!important;
}
.fav_hide{
    display:none;
}
.favorito .favorito_icon{
    display:block;
    right:0;
    top:0;
    width:45px;
    height:50px;
    padding:0 0 0 5px;
    margin:0;
    z-index:999;
    overflow:hidden;
    border-radius:30%
}
.favorito .favorito_icon.single{
    width:38px;
    height:38px;
    margin:0
}
.favorito .favorito_icon.in-carousel{
    width:28px;
    height:45px
}
.favorito .favorito_icon.user-isfav{
    display:block
}
.favorito .favorito_icon img{
    width:100px;
    height:auto!important;
    max-width:unset;
    margin:3px 0 0 -57px;
    cursor:pointer;
    content:url(/tcheofertas/app/public/img/Icone_Favorito_2.png);
    z-index:99!important
}
.favorito:hover .favorito_icon img{
    display:block
}
.favorito .favorito_icon img.in-carousel{
    width:100px;
    margin:4px 0 0 -65px
}
.favorito .favorito_icon img.user-isfav{
    width:100px;
    margin:3px 0 0 -5px;
    animation:none 0s
}
.favorito .favorito_icon img.user-isfav.in-carousel{
    width:100px;
    margin:4px 0 0 -11px
}
.favorito .favorito_icon.single img{
    width:100px!important;
    display:block
}
.favorito .favorito_icon.single img#isnotfav{
    margin:-4px 0 0 -57px!important
}
.favorito .favorito_icon.single img#isfav{
    margin:-4px 0 0 -5px!important
}
.lista_ofertas .favorito .favorito_icon{
    width:35px;
    height:50px;
    float:right
}
.lista_ofertas .favorito .favorito_icon img{
    width:100px;
    margin:4px 0 0 -57px
}
.lista_ofertas .favorito .favorito_icon img.user-isfav{
    width:100px;
    margin:4px 0 0 -5px
}
.favorito-details{
    position:relative;
    display:none;
    z-index:9
}
.favoritos-details-content{
    position:absolute;
    margin:3% 0 0 3%;
    background:#fff;
    padding:1em;
    border:1px solid #ccc;
    border-radius:6px;
    box-shadow:0 0 20px rgba(0,0,0,.1);
    font-style:italic;
    font-size:.8em;
    color:initial
}
.faixa-indisponivel{
    transform:rotate(-22deg);
    position:absolute;
    width:100%;
    margin-left:-30px;
    vertical-align:middle;
    background-color:#e5c619;
    z-index:1;
    height:0;
    padding:20px 30px 20px
}
.faixa-indisponivel.single{
    height:30px;
    padding:30px 50px 22px
}
.faixa-indisponivel-texto{
    color:#fff;
    text-transform:uppercase;
    margin:-10px auto;
    width:265px;
    font-size:1.7em
}
.faixa-indisponivel.single .faixa-indisponivel-texto{
    margin:0 auto;
    font-size:3.4em;
    width:530px
}
@media all and (max-width:768px){
    .favorito .favorito_icon.user-fav,.favorito .favorito_icon.user-isfav,.favorito .favorito_icon.user-logged-fav{
        display:block
    }
    .favorito .favorito_icon.single{
        width:35px;
        height:40px
    }
    .favorito .favorito_icon.single img{
        width:100px!important
    }
    .favorito .favorito_icon.single img#isnotfav{
        margin:-5px 0 0 -57px!important
    }
    .favorito .favorito_icon.single img#isfav{
        margin:-5px 0 0 -4px!important
    }
    .principal .favorito .favorito_icon{
        width:40px;
        height:45px
    }
    .principal .favorito .favorito_icon img{
        width:100px;
        margin:4px 0 0 -55px
    }
    .principal .favorito .favorito_icon img.user-isfav{
        width:100px;
        margin:5px 0 0 -1px
    }
    .oferta .social .favorito .favorito_icon.single{
        border:none;
        width:38px;
        height:38px;
        margin:0
    }
    .favorito:hover .favorito_icon img{
        animation:none
    }
}
@media all and (max-width:1080px){
    .faixa-indisponivel-texto{
        margin:-10px auto;
        width:265px;
        font-size:1.7em
    }
    .faixa-indisponivel{
        height:0;
        padding:20px 30px 20px
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
/* Start animation */
.loader-spinner-aviso {
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.3px;
    top: calc(50%);
}
.loader-spinner {
    position: absolute;
    left: calc(50% - 37px);
    top: calc(50% - 100px);
}
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}
.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00aacc;
    margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}
.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}
.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}
.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}
.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}
.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}
.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}
.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}
@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}  

/* End animation */
.text_sac_whats_goups{
    text-align:center
}
.indicator{
    height:5px;
    margin:5px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    display:none
}
.indicator span{
    position:relative;
    height:100%;
    width:100%;
    background:#d3d3d3;
    border-radius:5px
}
.indicator span:nth-child(2){
    margin:0 3px
}
.indicator span.active:before{
    position:absolute;
    content:'';
    top:0;
    left:0;
    height:100%;
    width:100%;
    border-radius:5px
}
.indicator span.weak:before{
    background-color:#ff4757
}
.indicator span.medium:before{
    background-color:orange
}
.indicator span.strong:before{
    background-color:#23ad5c
}
.text{
    font-size:15px;
    font-weight:500;
    display:none
}
.text.weak{
    color:#ff4757
}
.text.medium{
    color:orange
}
.text.strong{
    color:#23ad5c
}
.error_pass{
    background-color:#ecd4d2!important;
    border:1px solid #c94343!important;
    color:#c94343!important
}
.tooltip_aux{
    position:relative;
    display:inline-block;
    cursor:pointer
}
.tooltip_aux .tooltip_auxtext{
    visibility:hidden;
    width:200px;
    background-color:#000;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:5px 0;
    position:absolute;
    z-index:1;
    top:-15px;
    left:150%
}
.tooltip_aux .tooltip_auxtext::after{
    content:"";
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-5px;
    border-width:5px;
    border-style:solid;
    border-color:transparent #000 transparent transparent
}
.tooltip_aux:hover .tooltip_auxtext{
    visibility:visible
}
.banner_miolo{
    width:100%;
    max-width:100%;
    height:150px
}
.principal img{
    height:140px
}
.recomenda-desktop img{
    height:105px
}
.recomenda-mobile img{
    height:140px
}
.carrossel_left img{
    height:45px!important
}
.carrossel_right img{
    height:45px!important
}
.lista_ofertas .item img{
    height:140px
}
.whatsapp_logo_img{
    height:160px
}
#comm100-float-button-2 img{
    height:160px
}

.pagina{
   /* margin-top: 78px;*/
}

@media only screen and (min-width:1040px){
    .pagina{
        margin-top: 0px;
    }
}

@media only screen and (min-device-width:1040px){
    .categoria_barra{
        margin-top: 0px;
    }
    .categoria_barra h1{
        width: auto;
        overflow: auto;
    }
    
    .oferta #slide{
        height:302px
    }
    #div_doacao_desktop{
        display:block
    }
    #div_doacao_mobile{
        display:none
    }
    .preco_12x .preco_12x_moeda{
        font-size:15px
    }
    .banner_miolo_img{
        padding-left:6px
    }
    .recomenda .selo_12_vezes{
        display:none
    }
    .recomenda .selo_12_vezes{
        display:none
    }
    .prazo_estendido_oferta_1:after{
        background-size:150px 105px
    }
    .prazo_estendido_oferta_2:after{
        background-size:150px 105px
    }
    .prazo_estendido_oferta_3:after{
        background-size:150px 105px
    }
    .prazo_estendido_oferta_4:after{
        background-size:150px 105px
    }
    .text_sac_whats_goups{
        text-align:left!important
    }
    .break_sac_whats_goups{
        display:none
    }
}
@media all and (min-width:750px){
    .banner_miolo{
        height:200px;
        width:auto
    }
    .principal img{
        height:225px
    }
    .lista_ofertas .item img{
        height:140px
    }
}
@media only screen and (max-device-width:480px){
    .recomenda .selo_12_vezes{
        padding-right:25px
    }
    #div_doacao_desktop{
        display:none
    }
    #div_doacao_mobile{
        display:block
    }
}
.banner-newsletter{
    background:url(/tcheofertas/upload/theme/Banner_Desk_Newsletter.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
    min-height:115px;
    margin-left:6px;
    margin-right:15px
}
.banner-newsletter .form-container{
    position:absolute;
    top:55%;
    left:9.8%;
    width:100%;
    display:flex;
    justify-content:center
}
.banner-newsletter .form-container form{
    display:flex
}
.banner-newsletter .form-container input{
    border-radius:5px;
    line-height:2;
    border:none;
    width:13rem;
    padding-left:.5rem;
    height:2rem
}
.banner-newsletter .form-container input::placeholder{
    color:#000
}
.banner-newsletter .form-container input{
    margin-left:7rem
}
.banner-newsletter .form-container input.falha{
    -webkit-box-shadow:inset 0 0 0 2px #c94343;
    box-shadow:inset 0 0 0 2px #c94343
}
.banner-newsletter .form-container button{
    margin-left:5.9rem;
    width:120px;
    height:30px;
    margin-top:-7px;
    background-color:transparent
}
@media only screen and (max-width:1024px){
    .banner-newsletter{
        background:url(/tcheofertas/upload/theme/Banner_Mobile_Newsletter.jpg);
        background-position:center center;
        background-repeat:no-repeat;
        background-size:contain;
        position:relative;
        min-height:310px;
        margin-right:2rem;
        margin-left:0
    }
    .banner-newsletter .form-container form{
        display:block
    }
    .banner-newsletter .form-container{
        position:absolute;
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        top:32%;
        left:0;
        right:13.5%
    }
    .banner-newsletter .form-container input{
        border-radius:5px;
        border:none;
        line-height:3;
        width:25rem;
        padding-left:.9rem;
        font-size:20px;
        height:3.8rem;
        margin-left:10rem;
        margin-right:8rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-newsletter .form-container button{
        margin:.5rem 0 0 16.8rem;
        width:165px;
        height:43px
    }
}
@media only screen and (max-width:834px){
    .banner-newsletter{
        min-height:260px;
        margin-right:0;
        margin-left:0
    }
    .banner-newsletter .form-container{
        right:14%;
        top:32%
    }
    .banner-newsletter .form-container input{
        line-height:3;
        width:21rem;
        font-size:20px;
        margin-left:10rem;
        margin-right:7rem;
        height:2.8rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:10px
    }
    .banner-newsletter .form-container button{
        margin:.7rem 0 0 15.8rem;
        width:140px;
        height:40px
    }
}
@media only screen and (max-width:800px){
    .banner-newsletter{
        min-height:250px;
        margin-right:0;
        margin-left:0
    }
    .banner-newsletter .form-container{
        right:14%;
        top:32%
    }
    .banner-newsletter .form-container input{
        line-height:3;
        width:19rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:7.5rem;
        height:3rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-newsletter .form-container button{
        margin:.3rem 0 0 15.1rem;
        width:135px;
        height:35px
    }
}
@media only screen and (max-width:768px){
    .banner-newsletter{
        min-height:240px;
        margin-right:0
    }
    .banner-newsletter .form-container{
        right:14%;
        top:32%
    }
    .banner-newsletter .form-container input{
        line-height:3;
        width:19rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:6.5rem;
        height:2.7rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-newsletter .form-container button{
        margin:.6rem 5.7rem 0 15.4rem;
        width:115px;
        height:30px
    }
}
@media only screen and (max-width:600px){
    .banner-newsletter{
        min-height:190px
    }
    .banner-newsletter .form-container{
        right:16%;
        top:34%
    }
    .banner-newsletter .form-container input{
        line-height:0;
        width:16rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:4.9rem;
        height:2rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-newsletter .form-container button{
        margin:.4rem 2.9rem 0 14.6rem;
        width:85px;
        height:20px
    }
}
@media only screen and (max-width:414px){
    .banner-newsletter{
        min-height:130px
    }
    .banner-newsletter .form-container{
        right:16%;
        top:34%
    }
    .banner-newsletter .form-container input{
        line-height:0;
        width:10rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:4.1rem;
        height:1rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-newsletter .form-container button{
        margin:.7rem 2.9rem 0 12.8rem;
        width:50px;
        height:12px
    }
}
@media only screen and (max-width:384px){
    .banner-newsletter .form-container button{
        margin:.2rem 3rem 0 13.4rem
    }
}
@media only screen and (max-width:375px){
    .banner-newsletter{
        min-height:130px
    }
    .banner-newsletter .form-container{
        right:13.5%;
        top:36%
    }
    .banner-newsletter .form-container input{
        line-height:0;
        width:10rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:3.3rem;
        height:1.2rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:3px
    }
    .banner-newsletter .form-container button{
        margin:.2rem 3rem 0 12.8rem;
        width:48px;
        height:8px
    }
}
@media only screen and (max-width:360px){
    .banner-newsletter{
        min-height:130px
    }
    .banner-newsletter .form-container{
        right:13.5%;
        top:35%
    }
    .banner-newsletter .form-container input{
        line-height:0;
        width:9rem;
        padding-left:.3rem;
        font-size:15px;
        margin-right:3.5rem;
        height:1.2rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:3px
    }
    .banner-newsletter .form-container button{
        margin:.2rem 3rem 0 12.5rem;
        width:45px;
        height:7px
    }
}
@media only screen and (max-width:320px){
    .banner-newsletter{
        min-height:100px
    }
    .banner-newsletter .form-container{
        right:11.5%;
        top:34%
    }
    .banner-newsletter .form-container input{
        line-height:0;
        width:9rem;
        padding-left:.3rem;
        font-size:12px;
        margin-left:10rem;
        margin-right:2.6rem;
        height:1rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:2px
    }
    .banner-newsletter .form-container button{
        margin:.1rem 3.2rem 0 12.7rem;
        width:35px;
        height:7px
    }
}
@media only screen and (max-width:240px){
    .banner-newsletter{
        min-height:72px
    }
    .banner-newsletter .form-container{
        right:11.5%;
        top:31%
    }
    .banner-newsletter .form-container input{
        line-height:0;
        width:6rem;
        padding-left:.3rem;
        font-size:10px;
        margin-left:10.9rem;
        margin-right:2.5rem;
        height:.7rem
    }
    .banner-newsletter .form-container .row:nth-child(1) input{
        margin-bottom:2px
    }
    .banner-newsletter .form-container button{
        margin:.1rem 3.2rem 0 12.7rem;
        width:18px;
        height:2px
    }
}
.banner-guia-serra{
    background:url(/tcheofertas/upload/theme/formulario_guia_serra_desk.jpeg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
    min-height:120px
}
.banner-guia-serra .form-container{
    position:absolute;
    top:63%;
    left:8.8%;
    width:100%;
    display:flex;
    justify-content:center
}
.banner-guia-serra .form-container form{
    display:flex
}
.banner-guia-serra .form-container input{
    border-radius:5px;
    line-height:2;
    border:none;
    width:13rem;
    padding-left:.5rem;
    height:2rem
}
.banner-guia-serra .form-container input::placeholder{
    color:#000
}
.banner-guia-serra .form-container input{
    margin-left:7rem
}
.banner-guia-serra .form-container input.falha{
    -webkit-box-shadow:inset 0 0 0 2px #c94343;
    box-shadow:inset 0 0 0 2px #c94343
}
.banner-guia-serra .form-container button{
    margin-left:7.2rem;
    width:120px;
    height:30px;
    margin-top:-17px;
    background-color:transparent
}
@media only screen and (max-width:1024px){
    .banner-guia-serra{
        background:url('../img/formulario_guia_serra_mobile.webp');
        background-position:center center;
        background-repeat:no-repeat;
        background-size:contain;
        position:relative;
        min-height:310px;
        margin-right:2rem;
        margin-left:0;
    }
    .banner-guia-serra .form-container form{
        display:block
    }
    .banner-guia-serra .form-container{
        position:absolute;
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        top:35%;
        left:0;
        right:13.5%
    }
    .banner-guia-serra .form-container input{
        border-radius:5px;
        border:none;
        line-height:3;
        width:25rem;
        padding-left:.9rem;
        font-size:20px;
        height:3.5rem;
        margin-left:10rem;
        margin-right:7rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-guia-serra .form-container button{
        margin:.5rem 0 0 17.5rem;
        width:9.7rem;
        height:42px
    }
}
@media only screen and (max-width:834px){
    .banner-guia-serra{
        min-height:260px;
        margin-right:0;
        margin-left:0
    }
    .banner-guia-serra .form-container{
        right:14%;
        top:34%
    }
    .banner-guia-serra .form-container input{
        line-height:3;
        width:21rem;
        font-size:20px;
        margin-left:10rem;
        margin-right:6rem;
        height:2.8rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-guia-serra .form-container button{
        margin:.7rem 0 0 16.3rem;
        width:8rem;
        height:35px
    }
}
@media only screen and (max-width:800px){
    .banner-guia-serra{
        min-height:250px;
        margin-right:0;
        margin-left:0
    }
    .banner-guia-serra .form-container{
        right:14%;
        top:35%
    }
    .banner-guia-serra .form-container input{
        line-height:3;
        width:20.5rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:5.5rem;
        height:2.7rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-guia-serra .form-container button{
        margin:.5rem 0 0 16.2rem;
        width:7.5rem;
        height:32px
    }
}
@media only screen and (max-width:768px){
    .banner-guia-serra{
        min-height:240px;
        margin-right:0
    }
    .banner-guia-serra .form-container{
        right:14%;
        top:35%
    }
    .banner-guia-serra .form-container input{
        line-height:3;
        width:19rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:5.5rem;
        height:2.5rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-guia-serra .form-container button{
        margin:.6rem 5.7rem 0 15.5rem;
        width:115px;
        height:30px
    }
}
@media only screen and (max-width:600px){
    .banner-guia-serra{
        min-height:190px
    }
    .banner-guia-serra .form-container{
        right:16%;
        top:34%
    }
    .banner-guia-serra .form-container input{
        line-height:0;
        width:16rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:4rem;
        height:2rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-guia-serra .form-container button{
        margin:.3rem 2.9rem 0 14.56em;
        width:87px;
        height:25px
    }
}
@media only screen and (max-width:414px){
    .banner-guia-serra{
        min-height:130px
    }
    .banner-guia-serra .form-container{
        right:16%;
        top:34%
    }
    .banner-guia-serra .form-container input{
        line-height:0;
        width:11rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:3.2rem;
        height:1.2rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-guia-serra .form-container button{
        margin:.2rem 2.9rem 0 13.8rem;
        width:52px;
        height:13px
    }
}
@media only screen and (max-width:384px){
    .banner-guia-serra .form-container{
        top:35%
    }
    .banner-guia-serra .form-container input{
        margin-right:2.6rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:2px
    }
    .banner-guia-serra .form-container button{
        margin:.1rem 3rem 0 13.5rem;
        width:45px
    }
}
@media only screen and (max-width:375px){
    .banner-guia-serra{
        min-height:130px;
        margin-left:6px
    }
    .banner-guia-serra .form-container{
        right:13.5%;
        top:36%
    }
    .banner-guia-serra .form-container input{
        line-height:0;
        width:10.5rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:2.5rem;
        height:1.2rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:3px
    }
    .banner-guia-serra .form-container button{
        margin:.2rem 3rem 0 13.3rem;
        width:43px;
        height:8px
    }
}
@media only screen and (max-width:360px){
    .banner-guia-serra{
        min-height:130px;
        margin-left:6px
    }
    .banner-guia-serra .form-container{
        right:13.5%;
        top:37%
    }
    .banner-guia-serra .form-container input{
        line-height:0;
        width:9rem;
        padding-left:.3rem;
        font-size:15px;
        margin-right:2.9rem;
        height:1.1rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:3px
    }
    .banner-guia-serra .form-container button{
        margin:.2rem 3rem 0 12.5rem;
        width:40px;
        height:12px
    }
}
@media only screen and (max-width:320px){
    .banner-guia-serra{
        min-height:100px
    }
    .banner-guia-serra .form-container{
        right:11.5%;
        top:34%
    }
    .banner-guia-serra .form-container input{
        line-height:0;
        width:8.5rem;
        padding-left:.3rem;
        font-size:12px;
        margin-left:10rem;
        margin-right:2.5rem;
        height:1rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:2px
    }
    .banner-guia-serra .form-container button{
        margin:.2rem 3.2rem 0 12.7rem;
        width:32px;
        height:6px
    }
}
@media only screen and (max-width:240px){
    .banner-guia-serra{
        min-height:72px
    }
    .banner-guia-serra .form-container{
        right:11.5%;
        top:35%
    }
    .banner-guia-serra .form-container input{
        line-height:0;
        width:6rem;
        padding-left:.3rem;
        font-size:10px;
        margin-left:10.9rem;
        margin-right:2.3rem;
        height:.7rem
    }
    .banner-guia-serra .form-container .row:nth-child(1) input{
        margin-bottom:2px
    }
    .banner-guia-serra .form-container button{
        margin:0 3.2rem 0 12.8rem;
        width:17px;
        height:1px
    }
}
.category-container{
    display:flex;
    margin-bottom:-10px;
    z-index:2
}
@media all and (max-width:1079px){
    .category-container{
        margin-top:7px
    }
}
@media all and (min-width:1080px){
    
    .category-container{
        gap:0;
        margin-bottom:5px
    }
}
#cookies{
    background:#008add;
    color:#fff;
    padding:.5em;
    position:fixed;
    bottom:0;
    opacity:.9;
    width:100%;
    z-index:9999;
    text-align:center
}
#cookies a{
    color:#fff;
    font-weight:700
}
@media all and (max-width:780px){
    #cookies{
        padding:.5em .5em .5em 0;
        font-size:12px
    }
    #cookies a{
        font-size:12px
    }
    #cookies button{
        font-size:12px
    }
}
.banner-bf{
    background:url(/tcheofertas/app/public/img/black-friday/Banners_BF_Desk_Email.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
    min-height:115px;
    margin-left:0;
    margin-right:0
}
.banner-bf .form-container{
    position:absolute;
    top:63%;
    left:14%;
    width:100%;
    display:flex;
    justify-content:center
}
.banner-bf .form-container form{
    display:flex
}
.banner-bf .form-container input{
    border-radius:5px;
    line-height:2;
    border:none;
    width:13rem;
    padding-left:.5rem;
    height:2rem
}
.banner-bf .form-container input::placeholder{
    color:#000
}
.banner-bf .form-container input{
    margin-left:3.5rem
}
.banner-bf .form-container input.falha{
    -webkit-box-shadow:inset 0 0 0 2px #c94343;
    box-shadow:inset 0 0 0 2px #c94343
}
.banner-bf .form-container button{
    border:1px solid #000;
    margin-left:2.9rem;
    width:180px;
    height:30px;
    margin-top:-35px;
    background-color:transparent
}
@media only screen and (max-width:1024px){
    #fixar_mobile{
        position: fixed;
        top:78px;
    }
    #home-banner-mobile{
        margin-top: 72px;
    }
    #teams-banner-mobile{
        display: block;
        overflow: hidden;
    }
    
    .carrinho, .formulario, .box-cupom-desconto{
        margin: 10px 24px;
    }
    .banner-bf{
        background:url(/tcheofertas/app/public/img/black-friday/Banners_BF_Mobile_Email.jpg);
        background-position:center center;
        background-repeat:no-repeat;
        background-size:contain;
        position:relative;
        min-height:310px;
        margin-right:2rem;
        margin-left:0
    }
    .banner-bf .form-container form{
        display:block
    }
    .banner-bf .form-container{
        position:absolute;
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:flex-end;
        top:32%;
        left:0;
        right:13.5%
    }
    .banner-bf .form-container input{
        border-radius:5px;
        border:none;
        line-height:3;
        width:25rem;
        padding-left:.9rem;
        font-size:20px;
        height:3.8rem;
        margin-left:10rem;
        margin-right:8rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-bf .form-container button{
        margin:.5rem 0 0 16.8rem;
        width:165px;
        height:43px
    }
}
@media only screen and (max-width:834px){
    .banner-bf{
        min-height:260px;
        margin-right:0;
        margin-left:0
    }
    .banner-bf .form-container{
        right:14%;
        top:32%
    }
    .banner-bf .form-container input{
        line-height:3;
        width:21rem;
        font-size:20px;
        margin-left:10rem;
        margin-right:7rem;
        height:2.8rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:10px
    }
    .banner-bf .form-container button{
        margin:.7rem 0 0 15.8rem;
        width:140px;
        height:40px
    }
}
@media only screen and (max-width:800px){
    
    .banner-bf{
        min-height:250px;
        margin-right:0;
        margin-left:0
    }
    .banner-bf .form-container{
        right:14%;
        top:32%
    }
    .banner-bf .form-container input{
        line-height:3;
        width:19rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:3rem;
        height:3rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-bf .form-container button{
        margin:.3rem 0 0 13.5rem;
        width:160px;
        height:35px
    }
}
@media only screen and (max-width:768px){
    .banner-bf{
        min-height:240px;
        margin-right:0
    }
    .banner-bf .form-container{
        right:14%;
        top:32%
    }
    .banner-bf .form-container input{
        line-height:3;
        width:19rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:6.5rem;
        height:2.7rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-bf .form-container button{
        margin:.6rem 5.7rem 0 15.4rem;
        width:115px;
        height:30px
    }
}
@media only screen and (max-width:600px){
    .banner-bf{
        min-height:190px
    }
    .banner-bf .form-container{
        right:16%;
        top:34%
    }
    .banner-bf .form-container input{
        line-height:0;
        width:16rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:2rem;
        height:2rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-bf .form-container button{
        margin:.4rem 2.9rem 0 13.6rem;
        width:115px;
        height:20px
    }
}
@media only screen and (max-width:428px){
    .banner-bf{
        min-height:130px
    }
    .banner-bf .form-container{
        right:16%;
        top:37%
    }
    .banner-bf .form-container input{
        line-height:0;
        width:10rem;
        padding-left:.3rem;
        font-size:13px;
        margin-left:12rem;
        margin-right:2.5rem;
        height:1rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-bf .form-container button{
        margin:.5rem 2.9rem 0 14rem;
        width:70px;
        height:10px
    }
}
@media only screen and (max-width:414px){
    .banner-bf{
        min-height:130px
    }
    .banner-bf .form-container{
        right:16%;
        top:34%
    }
    .banner-bf .form-container input{
        line-height:0;
        width:10rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:2.1rem;
        height:1rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:5px
    }
    .banner-bf .form-container button{
        margin:.7rem 2.9rem 0 12rem;
        width:70px;
        height:12px
    }
}
@media only screen and (max-width:390px){
    .banner-bf .form-container input{
        margin-right:1.5rem
    }
    .banner-bf .form-container button{
        width:67px
    }
}
@media only screen and (max-width:384px){
    .banner-bf .form-container{
        top:37%
    }
    .banner-bf .form-container input{
        margin-right:1.5rem;
        height:1rem;
        font-size:13px
    }
    .banner-bf .form-container button{
        margin:.4rem 3rem 0 12rem;
        height:8px
    }
}
@media only screen and (max-width:375px){
    .banner-bf{
        min-height:130px
    }
    .banner-bf .form-container{
        right:13.5%;
        top:36%
    }
    .banner-bf .form-container input{
        line-height:0;
        width:10rem;
        padding-left:.3rem;
        font-size:15px;
        margin-left:10rem;
        margin-right:1.3rem;
        height:1.2rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:3px
    }
    .banner-bf .form-container button{
        margin:.2rem 3rem 0 12rem;
        width:65px;
        height:8px
    }
}
@media only screen and (max-width:360px){
    .banner-bf{
        min-height:130px
    }
    .banner-bf .form-container{
        right:13.5%;
        top:35%
    }
    .banner-bf .form-container input{
        line-height:0;
        width:9rem;
        padding-left:.3rem;
        font-size:15px;
        margin-right:1.8rem;
        height:1.2rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:3px
    }
    .banner-bf .form-container button{
        margin:.2rem 3rem 0 12rem;
        width:60px;
        height:7px
    }
}
@media only screen and (max-width:320px){
    .banner-bf{
        min-height:100px
    }
    .banner-bf .form-container{
        right:11.5%;
        top:34%
    }
    .banner-bf .form-container input{
        line-height:0;
        width:8rem;
        padding-left:.3rem;
        font-size:12px;
        margin-left:10rem;
        margin-right:1.6rem;
        height:1rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:2px
    }
    .banner-bf .form-container button{
        margin:.1rem 3.2rem 0 11.6rem;
        width:50px;
        height:7px
    }
}
@media only screen and (max-width:240px){
    .banner-bf{
        min-height:72px
    }
    .banner-bf .form-container{
        right:11.5%;
        top:31%
    }
    .banner-bf .form-container input{
        line-height:0;
        width:5.5rem;
        padding-left:.3rem;
        font-size:10px;
        margin-left:10.9rem;
        margin-right:1.5rem;
        height:.7rem
    }
    .banner-bf .form-container .row:nth-child(1) input{
        margin-bottom:2px
    }
    .banner-bf .form-container button{
        margin:.1rem 3.2rem 0 12rem;
        width:30px;
        height:2px
    }
}
.top-vendas{
    font-size:.7rem;
    padding:5px 0;
    margin:auto;
    position:relative;
    color:#222;
    justify-content:center
}
.top-vendas .placement{
    background:url(/tcheofertas/app/public/img/Icone_Mais_Vendida.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    width:125px;
    color:#fff;
    text-align:center
}
@media only screen and (max-width:374px){
    .ofertas .item .detalhes .porcento{
        padding:8px 0 8px 10px
    }
    .ofertas .item .detalhes button{
        margin:10px 5px 8px 0
    }
    .preco_12x{
        margin:3px 2px;
        font-size:10px
    }
    .favorito .favorito_icon{
        padding:0
    }
}


.icon-info{
    width: 24px;
    height: 24px;
    background-image: url('../img/info.svg');
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: middle;
    margin-left: 15px;
    cursor: pointer;
}
.icon-info:hover{
    opacity: 0.5;
}
.hide{
    display: none;
}

@media screen and (max-width: 699px) {
    h3.alerta img{
        margin: 12px;
        vertical-align: middle;
    }

    h3.alerta, h3.sucesso, h3.erro{
        vertical-align: middle;
        line-height:42px;
        border-radius: 5px;
        margin: 15px;
    }

    .alert-cashback{
        line-height: 42px;
        padding-left: 15px;
    }
    .btn-buscar{
        border-color: #ced4da; 
        font-size: 14px; 
        background-color: #efefef;
        border-radius:0px; 
    } 
}
.stories-tendencia .selo-tendencia,
.comprar .selo-tendencia,
.recomenda #recommended .stories-item img.selo-tendencia,
.ofertas .item .selo-tendencia{
    width: 32px; 
    height: auto; 
    padding-top: 11px;
    margin-left: 10px;
}
.recomenda #recommended .stories-item img.selo-tendencia{
    width: 45px;
}
.recomenda #recommended .stories-item img.selo-tendencia{
    position: absolute;
    top:-36px;
    left:50%;
    margin-left: -42px;
}

/*CSS NOVO SITE */
.ofertas .card, .lista_ofertas .card {
    height: 100%;
    border:none;
    background: white;
    border-radius: 7px;
    box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.4);    
    display: block;
    position: relative;
    display: flex;
    flex-direction: column;
}
.block-absolute{
    display: block;
    width: 100%;
}

.ofertas .card .detalhes{
    display:flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    
}

.ofertas .card .detalhes.h60{
    margin-bottom: 50px;
    flex: 1 0 auto;
}

.ofertas .card .detalhes.h80{
    height:auto;
    margin-bottom: 50px;
}

.ofertas .card .detalhes .preco_12x{
    text-align: left;
}
.ofertas .card .detalhes .preco_12x .texto_pre{
    font-size: 11px;
}
.ofertas .card .detalhes .preco_12x .texto_nr_parcelas{
    font-size: 18px;
}

.ofertas .card .detalhes button{
    padding: 0px;
}

.ofertas .card .detalhes button,
.ofertas .card .detalhes .porcento,
.ofertas .card .detalhes .preco_12x,
.ofertas .card .detalhes .favorito .favorito_icon{
    float: none;
}



.ofertas .card .limite{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: auto;
    margin-bottom: 5px;
}
.ofertas .card .limite .preco_12x{
    text-align: center;
    margin: 0px;
}
.ofertas .card .limite .preco_12x_valor_oferta{
    color: #000;
    font-size: 22px;
}
.ofertas .card .limite .preco_12x .label_price{
    font-size: 12px;
    color:#585858;
    text-transform: uppercase;
    text-align: center;
}

.ofertas .card .limite .selo-tendencia{
    width: 40px;
    margin: 0px;
    padding: 0px;
}
.ofertas .card .imagem {
    position: relative;
}
.ofertas .card .imagem .categoria{
    background: white;
    box-shadow: 0px 1px 20px -5px rgba(82,82,82,0.8);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    bottom: -24.5px;
    right:15px;
    z-index: 710;
    text-align: center;
    line-height: 50px;

}


.ofertas  .item .categoria img,
.lista_ofertas .item .categoria img{
    height: auto;
    width: 40px;
    height: 40px;
    display: inline;
    margin-top: 5px;
}
.ofertas .card .porcento{
    background: white;
    box-shadow: 0px 1px 20px -5px rgba(82,82,82,0.8);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    top: 123px;
    right:10px;
    text-align: center;
    line-height: 45px;
    font-weight: 700;
    font-size: 16px;
    z-index:700;
    color:#57aced;
}


@media only screen and (max-width: 900px) {
    .ofertas .card .porcento{
        top: 140px;
    }
}

.ofertas .card  .anuncio{
    margin-top: 22px;
    margin-left: 15px;
    margin-right: 15px;
}
.ofertas .card  .alinhamento h2{
    font-weight: 700;
}
.ofertas .card .btn-comprar{
    width: 100%;
    box-sizing: border-box !important;
    margin: 0px;
    height: 50px;
    border: none;
    border-radius: 0 0 5px 5px;
    color: white;
    background: #349f50;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 1px;
    cursor: pointer;
    text-transform: uppercase;
    position: absolute;
    bottom: 0px;


}
.ofertas .card .btn-comprar:hover{
    background: #217a39;
}
    
.ofertas .item .detalhes{
    border-top:none;
}


.ofertas.internas .item {
     height: auto; 
}

.ofertas .card .imagem .btn-favoritar{
    position: absolute;
    top:7px;
    right:7px;
    z-index: 110;
 
}

.lista_ofertas .favorito .favorito_icon img,
.lista_ofertas .favorito .favorito_icon img.user-isfav,
.favorito .favorito_icon img{
    content: '';
    width: 30px;
    height: 30px;
    margin: 0px;
}

.lista_ofertas .favorito .favorito_icon img.user-isfav
{
    content:url(https://tcheofertas.s3.sa-east-1.amazonaws.com/img/favorito-active.webp);
}

.lista_ofertas .favorito .favorito_icon,
.favorito .favorito_icon {
    display: block;
    width:auto;
    height: auto;
    top:auto;
    left: auto;
    right:auto;
    /*background-color: rgba(0,0,0,0.6);*/
    margin: 0;
    overflow: hidden;
    padding: 10px 7px 5px;
    border-radius: 50%;

}

#principal{
    /* width: 1366px; */
    /* max-width: 1366px; */
    width: 100%;
}

@media screen and (max-width: 1366px) {
    #principal{
        width: 100%;
        /* max-width: 1366px; */
    }
}
.ofertas{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5rem;
    justify-content: center;
    margin: 0 auto;
    padding-top: 15px;
}
.ofertas .item {
    float:none;
    margin:0px;
    width: auto;
}

.ofertas a{
    text-decoration: none;
}
.ofertas .item h3{
    font-weight: bold;
}
.cidade {
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
}
.ofertas .item .cidade{
    /* font-weight: bold; */
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: 10px;
}
.ofertas .item .icon-cidade{
    width: 15px;
    height: 15px;
   display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}
.ofertas .item .text-cidade{
    display: inline-block;
    white-space: nowrap;
    font-weight: bold; 
    font-size: 13px;
    vertical-align: middle;
} 

.ofertas .card .anuncio{
    margin-top: 15px;
    height: 100px;
}

.paginacao_container{
    margin-top:20px;
}

.ofertas .card .exclusivo{
    padding: 4px 8px;
    font-size: 16px;
    border-radius: 0 20px 20px 0;
    background: #e5a160;
    color: white;
    margin: auto 0;
    position: absolute;
    left:0px;
    bottom: -12px;
    z-index:96;
}

.ofertas .viagens .exclusivo{ 
    background-color: #55acee;
}

.ofertas .gastronomia .exclusivo{
    background-color: #ed7c18;
}

.ofertas .beleza .exclusivo{
    background-color: #df5088;   
}

.ofertas .lazer .exclusivo{
    background-color: #8EC644;
}

.ofertas .espetaculos .exclusivo {
    background-color: #eec91b;;
}

.ofertas .produtos-servicos .exclusivo {
    background-color: #465a9e;
}

.ofertas .viagens .porcento{ 
    color: #55acee;
}

.ofertas .gastronomia .porcento{
    color: #ed7c18;
}

.ofertas .beleza .porcento{
    color: #df5088;   
}

.ofertas .lazer .porcento{
    color: #8EC644;
}

.ofertas .espetaculo .porcento {
    color: #eec91b;
}


.ofertas .produtos-servicos .porcento {
    color: #465a9e;
}
.solid .ofertas{
    margin-left: 20px;
    margin-right: 20px;
    min-width: auto;
    box-sizing: border-box;
}
.ofertas.internas{
    width:23.5%;
}
.interno .oferta{
    width: 74%;
}



.bloco.desktop .conteudo{
    height: 410px;
    min-height: 410px;
}

.ofertas .card .titulo{
    height:50px;
    margin-left: 15px;
    margin-right: 15px;
}

.ofertas .card .titulo,
.ofertas .card .titulo h2,
.ofertas .card .titulo h3
{
    font-size: 14px;
    color: rgb(80, 80, 80);
    margin-bottom: 2px;
    font-weight: 700;
    line-height: 1rem;
    background: none ;
    height: auto;
    font-style:normal;
    text-align: left;
    
}

.ofertas .card .titulo h2,
.ofertas .card .titulo h3{
    margin: 0px;
    padding: 0px;
}


.top-vendas-block{
    height:auto;
} 
.top-vendas .placement{
    background: none;
    background-color: #FF9F00;
    color: white;
    padding: 4px 6px;
    border-radius: 10px;
    width: auto;
    font-size: 11px;
    line-height: 11px;
}
.top-vendas a{
    font-weight: bold;;
}

/*
@media screen and (max-width: 500px) {
    
    .ofertas{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 1.5rem;
        justify-content: center;
        margin: 0 auto;
        padding-top: 15px;
        margin-left: 10px;
        margin-right: 10px;
    }
}*/

.favorito .favorito_icon, .lista_ofertas .favorito .favorito_icon{
    padding: 0px;
}

.lista_ofertas .favorito .favorito_icon img,
.favorito .favorito_ico img{
    width: 29px;
    height: 29px;
    margin: 0px;
    padding: 0px;
}

#menu-categorias1{
    background-color:rgba(0,0,0,0);
    display: block;
    width: 100%;
    overflow: auto;
    font-size: 0px;
    margin-top: 79px;
   
}
#menu-categorias1.fixa{
    position: fixed;
    width: 100%;
    background-color:rgba(236,236,236,1);
    box-shadow: 0px 4px 4px #00000026;
    left: 0px;
    z-index: 980;
}
.list-menu{
    display: flex;
    align-items:center;
    font-size: 15px;
}
@media screen and (min-width: 1080px) {
    .list-menu{
        justify-content: center;
    }
}
.item-menu{
    display: block;
    width:80px;
    text-align: center;
    margin: 0 4px;
    padding: 10px 0px;
    margin: 0px 5px;
}
.item-menu a{
    background-color: #fff;
    border-radius:5px;
    box-shadow: 0px 4px 4px #00000026;
    display: inline-block;
    width:80px;
    height:80px;
    margin: 5px 5px;
    text-align: center;
    line-height: 10px;
    text-decoration: none;
    vertical-align: middle;
    position: relative;
}
.item-menu a:hover{
    opacity: 0.4;
}

.icon{
    width: 40px;
    height: 40px;
    margin-top:4px;
}

.item-menu a .text{
    color:#333;
    font-size:10px;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
    bottom: 0px;
    left: 0px;
    display: none;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

@media (min-width: 960px) {
    .item-menu a{
        width:80px;
        height:80px;
    }
    .item-menu a .text{
        display: block;
    }
    .item-menu{
        width: auto;
    }

    
}

#categorias_dektop{
    display: none;
}

#fixar_mobile, #dvBMob, .topo.mobile{
    display: none;
}

#menu-categorias1 .swiper-menu{
    width: 100%;
    overflow: hidden;
}
#menu-categorias1 .swiper-wrapper{
    
}
@media (max-width: 960px) {
    .categoria_barra h1{
        width:auto;
    }
}
#dvBMob.fixar-pesquisa{
    display: none;
}

.ofertas .viagens .porcento .red,
.ofertas .gastronomia .porcento .red,
.ofertas .beleza .porcento .red,
.ofertas .lazer .porcento .red,
.ofertas .espetaculos .porcento .red,
.ofertas .produtos-servicos .porcento .red{
    color: #FB2222;
}

.interno .oferta .favorito .favorito_icon img{
    content: url(/tcheofertas/app/public/img/Icone_Favorito_2.png);
}
.interno .oferta  .favorito .favorito_icon.single img#isnotfav {
    margin: -4px 0 0 -58px!important;
}

.input-search {
    height: 30px;
    max-height: 32px;
    padding: 1px;
    overflow: hidden;
}
.interno-oferta{
    width: 1200px;
    margin: 0px auto 20px;
}

.interno-oferta .oferta{
    width:65%;
    float:left;
}

.ofertas.restantes{
    width: 94%;
    margin: 20px auto;
    
    min-width:auto;
}

.interno-oferta .ofertas.internas{
    width:33%;
}
.lista_ofertas .item img{
    height: auto;
}
@media screen and (min-width:1250px) {
    .ofertas.restantes{
        margin:7px auto 7px;
        
        width: 1200px;
        grid-template-columns: repeat(4, 1fr);
        width: 94%;
        min-width: auto;
    } 
}
@media screen and (max-width: 1250px) {
    .interno-oferta{
        width: 95%;
        margin: 5px auto 20px;
    
    }
    .ofertas{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 1.5rem;
        justify-content: center;
        margin: 0 auto;
        padding-top: 15px;
        margin-left: 15px;
        margin-right: 15px;
    }

    
}
@media screen and (max-width: 899px) {
    
    .interno-oferta .oferta,
    .interno .oferta{
        width: 96%;
        margin: 1px auto 20px;
        float: none;
    }
    
}
@media screen and (min-width: 900px) {
    .ofertas,
    .ofertas.restantes{
        grid-template-columns: repeat(3, 1fr);
        width: 94%;
        min-width: auto;
        margin: 20px auto;
    }
    .ofertas.internas{
        display: block;
    }
}   

@media screen and (min-width: 1200px) {
    .ofertas,
    .ofertas.restantes{
        grid-template-columns: repeat(4, 1fr);
        width: 94%;
        min-width: auto;
        margin: 20px auto;
    }
    .ofertas.restantes{
        grid-template-columns: repeat(4, 1fr);
        width: 1200px;
        min-width: auto;
        margin: 20px auto;
    }
    .ofertas.internas{
        display: block;
    }
}   
@media screen and (max-width: 900px) {
    .ofertas,
    .ofertas.restantes{
    grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 480px) {
    .ofertas,
    .ofertas.restantes{
    grid-template-columns: repeat(1, 1fr);
    }
}

.interno .oferta .selo_inverno_serra::after {
    background-size: 17%;
    opacity: 1;
}

.block-menu{
    width: 100%;
    height:190px;
    display: block;
    padding: 1px;
}

.block-menu.fixa{
    width: 100%;
    height:200px;
    display: block; 
    padding: 1px;
}
#menu-categorias1.fixa{
    width: 100%;
}
@media screen and (max-width: 900px) {
#menu-categorias1.fixa{
    width: auto;
}

.block-menu{
    width: 100%;
    height:190px;
    display: block;
    padding: 1px;
}

.block-menu.fixa{
    width: 100%;
    height:170px;
    display: block;
    padding: 1px;
}

}
.block-menu .icon-size {
    width: 40px;
    height: 40px;
    margin: 5px auto;
}
.block-menu .icon-size img {
    width: 100%;
    height:100%;
}

#menu-categorias1.fixa .icon-size {
    width:25px;
    height:25px;
    display: block;
    margin: 0px auto;
}



#menu-categorias1.fixa .item-menu{
    width: 70px;
    margin:0px;
}
#menu-categorias1.fixa .item-menu a{
    padding: 0px;
    width:64px;
    height: 50px;
    margin:0px;
}

#menu-categorias1.fixa .item-menu a .text{
    font-size: 8px;
    padding: 2px 0px;   
}

@media screen and (max-width: 480px) {

    .preco_12x .preco_12x_valor_oferta{
        font-size: 18px;
    }
    .preco_12x .com_corte{
        font-size: 10px;
    }

}


.ofertas .item .km.hide-item, 
.pagina #order_location.hide-item{
    display: none;
}

#menu-categorias1 .swiper-wrapper{
    transition-timing-function: linear;
}

.logo-navigation{
    flex:0 0 180px;
    margin: 0px;
    padding: 0px 20px;
}
.logo-navigation #logo_pagina{
    margin: 0px;
}

.container-search-input{
    overflow: hidden;
    flex: 0 0 400px;
    margin: 0px;
    padding: 0px 20px;
}

.container-search-input .input-container{
    height: 30px;
}
.container-search-input .input-container .input-search{
    height:28px;
    padding: 1px;
}

.container-search-input .input-container  .btn-search{ 
    height: 28px;
    padding: 1px;
}

.menus-navigation{
    /* flex: 0 0 210px; */
    justify-content: flex-start;
}

.menu-usuario-navigation{
    flex: 0 0 130px;
    padding: 0px;
    margin: 0px;;
}

@media (max-width: 1050px) {
    .menus-navigation{
        flex: 0 0 24px;
    }
}
@media (max-width: 840px) {
    /*.container-search-input{
        flex: 1 1 auto;
    }*/
}


@media (max-width: 840px) {
    .container-search-input{
        padding:0px;
        flex: initial;
        
    }
    .logo-navigation{
        flex: 0 0 auto;
        margin: 0px 15px;
        padding: 0px;
    }
    #logo_pagina{
        width:150px;
        height: auto;
    }
    /*.container-search-input .input-container  .btn-search {
        width: 40px;
        background-color: none;
    }*/
}

@media (max-width: 380px) {
    #logo_pagina {
        margin: 0;
        width: 130px;
    }
    .menu-mobile {
        margin: 0; 
    }
}
.logo-navigation a{
    display: block;
}

.pagina .sucesso,
.pagina .erro,
.pagina .alerta{
    margin-top: 10px;
    line-height: 10px;
    font-size: 12px;;
    padding: 5px;
}

.valor_cashback{
    display: inline-block;
}
.alert-cashback{
    line-height: 12px;
    display: flex;
    font-size: 12px;
    height: auto;
    align-items: center;
}

/* admin lojas */
#listLojas{
    height: 120px;
    overflow: scroll;
    border: 1px solid #aaa;
    background-color: #fff;
    margin-top: -25px;
    margin-bottom: 15px;
    margin-left: 215px;
    padding: 5px;
    width: 440px;
}
.admin_content .option-checkbox-loja label{
    width:auto;
}

 @media (max-width: 900px)
{
  .imprimir_msg::before
   {
    content: "'Download'" !important;
    font-weight: bold;
   }
} 
@media (min-width: 901px)
{
  .imprimir_msg::before
   {
    content: "'Imprimir'" !important;
    font-weight: bold;
   }
}

.form_integracao_lista_entrada {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}
#modal_integracao_lista_entrada {
    margin:15px auto 0px auto;
    background: linear-gradient(90deg, rgb(22, 153, 170), rgb(4, 212, 223));
    color:#fff;
    font-weight: bold;
    font-size: 12px;
    border: none;
    width: 80%;
    padding: 10px 5px;
    border-radius: 5px;
    cursor: pointer;
}
#select_horario_titulo {
    font-size: 12px;
    color: #444;
    line-height: 16px;
    margin: 0;
    padding: 6px;
}
#select_horario {
    padding: 5px;
    border-radius: 5px;
    border-color: #DDD;
}

.infos_tag_partner{
    font-size: 12px;
    height: 34px;
    padding: 0;
    color: #888;
    margin-left: 75px;
}


/* style scrollbar thumb and track in WebKit-based browsers */
body::-webkit-scrollbar {
    width: 0.5em;
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 1em;
}

/* style scrollbar thumb and track in Firefox */
body {
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1);
}

body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

/* WhatApp Notification */

#whatsApp_icon,
#blackFriday_icon {
    position: fixed; 
    width: max-content; 
    bottom: 75px; 
    right: 15px; 
    z-index: 1000; 
    align-items: center;
    text-decoration: none;
    height: 55px;
}
#blackFriday_icon {
    bottom: 135px; 
    right: 12px;
}
#whatsAppTitle {
    background-color: #000; 
    color: white;
    font-size: 14px;
    padding: 5px 10px; 
    border-radius: 5px; 
    width: 0;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 1px 20px -5px rgba(82,82,82,0.8);
}
#whatsAppIcon {
    margin-left: 10px;
    filter: drop-shadow(0px 0px 4px rgb(0 0 0 / 0.3));
}
#whatsApp_icon:hover  #whatsAppTitle {
    width: max-content;
    visibility: visible;
    opacity: 1;
    transition: opacity 1s ease-in-out;
/* ADM relatório afiliado */
}

.relatorio_adm_afiliado_container {
    max-width: 500px;
    margin: 80px auto 0 auto;
    display: flex;
    flex-direction: column;
}
.relatorio_adm_afiliado_comissao {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.a_receber_whapper > p > span,
.pendente_whapper > p > span {
    font-size: 14px;
    color: #8d8d8d;
}
.a_receber_whapper > p:first-of-type,
.pendente_whapper > p:first-of-type {
    margin: 25px 0 15px 0;
}
.a_receber_whapper > p:first-of-type {
    font-size: 24px;
}
.a_receber_whapper > p:last-of-type {
    color: #19b63a;
    font-size: 24px; 
}
.ver_detalhes_btn,
#table_ver_mais {
    font-weight: bold;
    font-size: 12px;
    padding: 2px 5px;
    margin: 15px 0 0 0;
    border-radius: 7px;
    background: #0099AA;
}
#table_ver_mais {
    display: block;
    margin-left: auto;
}
.ver_detalhes_btn:hover,
#table_ver_mais:hover {
    background: #00bfd5;
}
.extrato_titulo {
    font-weight: bold;
    font-size: 16px;
}
.extrato_titulo {
    margin: 40px 0 10px 0;
}
.extrato_vazio {
    margin-top: 50px;
    width: 100%;
    text-align: center;
    background: #0099AA;
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}

#table_wrapper {
    overflow: hidden;
}

#cadastur {
    margin-top: 15px;
}

.creditos_usuario_ver_mais {
    border: 1px solid #ca8414;
    background-color: #e59719;
    color: #FFF;
    font-weight: 700;
    padding: 3px 10px;
    margin-left: 5px;
    border-radius: 3px;
    cursor: pointer;
}

.creditos_usuario_ver_mais:hover {
    background:#ca8414;
}

.saldo-usuario {
    background: #f4e790;
    border: 1px solid #dfd385;
    color: #796c19;
    padding: 10px 25px;
    margin: 0 0 15px;
    font-size: 13px;
    line-height: 18px;
    height: 50px;
    text-align: end;
}

.modal_saldo_credito {
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 10px auto;
    border: lightgrey 1px solid;
    border-radius: 5px;
    padding: 20px 30px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(196,196,196,1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(196,196,196,1);
    box-shadow: 0px 0px 5px 2px rgba(196,196,196,1);
}

.modal_saldo_credito > p {
    font-size: 16px;
}

.saldo_valor {
    margin-right: 10px;
    font-weight: 600;
}

.inspira_em {
    margin-right: 10px;
}

.saldo_data {
    font-weight: 600;
}

@media(max-width: 950px) {
    .selos_footer {
        display: flex;
        align-items: center;
    }

    #cadastur {
        margin-top: 0;
        margin-left: 15px;
    }

    #cadastur > a > img {
        height: 47px;
    }

    .modal_saldo_credito > p {
        font-size: 13px;
    }

    .modal_saldo_credito {
        width: 90%;
        padding: 10px 5px;
    }
}

.sugestao {
    border: none !important;
}

.li_search {
    display: flex;
    justify-content: space-between;
    text-decoration: none !important;
}

.li_search > img {
    width: 37%;
    align-self: center;
    border-radius: 7px;
}

.li_search > p {
    width: 60%;
    font-size: 12px;
    margin: 5px 0;
    color: #000;
}

.li_search > p:hover {
    color: rgb(0, 153, 170);
}

.search_terms_ul {
    background: #FFF;
    padding: 1px;
    color: #000;
    list-style-type: none;
    font-size: 14px;
    border-radius: 7px;
    box-shadow: 0px 0px 10px 0px #525353;
    max-height: 500px;
    overflow-y: auto;
    margin-top: 4px;
    z-index: 1000;
}

.search_terms_ul > li {
    cursor: pointer;
    border-radius: 7px;
    margin: 5px;
    padding: 2.5px;
    border: solid 1px #e8e8e8;
}

.search_terms_ul::-webkit-scrollbar {
    width: 0.3em;
    height: 0.3em;
}

.search_terms_ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

.search_terms_ul {
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1);
}

.search_terms_ul::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.inactive {
    display: none;
}

.input_search_container {
    display: flex;
}

.input-search {
    height: 32px;
    width: 100%;
    border-radius: 7px 0 0 7px;
    border: none;
    padding-left: 10px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
}

.input-search:focus {
    border-radius: 7px 0 0 7px;
}

.input-search::-webkit-input-placeholder {
    color: #666;
    font-size: 12px;
    opacity: 1;
}

.input-search:-ms-input-placeholder {
    color: #666;
    font-size: 12px;
    opacity: 1;
}

.input-search::placeholder {
    color: #666;
    font-size: 12px;
    opacity: 1;
}

.search-box {
    width: 500px;
    margin: 0px;
    height: 30px;
    /* padding: 0px 20px; */
    box-sizing: content-box;
}

.cupon_token {
    margin: 5px;
    height: 34px;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 8px;
    text-align: center;
    background: #e59719;
    border: 1px solid #ca8414;
    text-shadow: 0 -1.5px #ca8414;
}

.cupon_token:hover {
    background: #c78212;
}

@media(max-width: 580px) {
    .search-box{
        width: 100%;
        height:30px;
        flex:initial;
        /* padding: 0 14px; */
    }

    .input-search {
        visibility: hidden;
        width: 0%;
        transition: width 1.5s;
        margin-left: auto;
    }
}

@media(max-width: 405px) {
    .input-search {
        padding: 0px 7px;
        font-size: 11px;
    }
}

.black-friday-number-teams {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    background-color: red;
    color: white;
    padding: 5px 0px;
    border-radius: 50%;
    width: 18px;
}

.barcode-partner {
    display: none;
    max-width: 380px;
    margin: 20px 0;
}

.barcode-partner > button {
    width: 100%;
    background-color: #222;
    padding: 10px 0;
    margin: 0;
    border-radius: 5px;
    font-weight: bold;
}

.barcode-partner > button:hover {
    background-color: #555;
}

#interactive > canvas {
    display: none;
}

.form-avaliacoes {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.form-avaliacoes > select {
    margin: 0 !important;
    width: 60px;
}

.form-avaliacoes > input {
    margin: 0 !important;
}

#form-cronometro-editar > input {
    width: 400px;
}

.form-input-cronometro {
    width: 194px !important;
}

.form-input-cronometro-checkbox,
.form-input-cronometro-submit {
    width: fit-content !important;
}

.form-input-cronometro-submit {
    float: left !important;
    margin-left: 477px !important;
}

@media (max-width: 780px) {
    .barcode-partner {
        display: block;
    }
}


.banner_cart_mobile{
    width: 100%;
}
.banner_cart_desk{
    width: 100%;
}
@media only screen and (max-width: 900px) {
    .banner_cart_mobile{
        display: block;
    }
    .banner_cart_desk{
        display: none;
    }
    .div_banner_cart {
        padding: 10px 15px 15px 15px;
    }
}

@media only screen and (min-width: 900px) {
    .banner_cart_mobile{
        display: none;
    }
    .banner_cart_desk{
        display: block;
    }
    .div_banner_cart {
        padding: 15px 15px 0 15px;
    }
}

.banner_dia_dos_pais_carrinho_mobile{
    width: 100%;
}

.banner_dia_dos_pais_carrinho_desk{
    width: 100%;
}

@media only screen and (max-width: 900px) {
    .banner_dia_dos_pais_carrinho_mobile{
        display: block;
    }
    .banner_dia_dos_pais_carrinho_desk{
        display: none;
    }
}

@media only screen and (min-width: 900px) {
    .banner_dia_dos_pais_carrinho_mobile{
        display: none;
    }
    .banner_dia_dos_pais_carrinho_desk{
        display: block;
    }
}