body {
    background-color: #ffffff;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 0px
}

::selection {
    background: #000;
    color: #fff
}

::-moz-selection {
    background: #000;
    color: #fff
}

a:active,
a:focus,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    color: #333;
    outline: 0
}

.link,
.link:active,
.link:focus,
.link:visited {
    text-decoration: none;
    color: #333;
    transition: .2s ease-out;
    outline: 0
}

.link:hover {
    text-decoration: underline;
    color: #222
}

.black {
    color: #333!important
}

img.mobile {
    max-width: 100%;
    height: auto
}

.visible-desktop {
    display: block !important;
}

.visible-mobile {
    display: none !important;
}

.container {
    max-width: 1150px;
    width: 100%;
    margin: 0 auto;
    padding: 0
}

.content {
    float: left;
    width: 100%;
    padding: 30px 0
}


.titulos{float:left;width:100%; height:auto; font-family:'Roboto', sans-serif; font-size:28px;color:#222; text-align: center; margin-bottom:30px;position: relative; font-weight: 500; }
.titulos::after{
    background-image: url(../img/tit_right.png);
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.7;
    margin-left: 15px;
    margin-top: -6px;
}
.titulos::before{
    background-image: url(../img/tit_left.png);
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.7;
    margin-right: 15px;
    margin-top: -6px;
}

.center-title{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 30px;
}

.titulos a{
    color:#b4a552; 
}
.titulos small{
    color:#b4a552; 
    font-size: 14px;
}


.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    background: #222;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px
}

.instagram-feed{
    float: left;
    width: 100%
}

.barra_header {
    float: left;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    background-color: #eee;
    margin-bottom: 10px;
    transition: .2s ease-out;
    opacity: 1;

}

.barra_header .menu-barra {
    float: left;
    width: auto;
    margin-top: 3px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #ccc
}

.header-principal.fixo .barra_header{

    height: 0px;
    overflow: hidden;
    padding: 0px;
    opacity: 0;
}

.frase-header{
    float: left;
    width: auto;
    font-family: 'Roboto';
    font-size: 13px; 
    color: #333;
    padding-top:9px;
}

.atendimento-header {
    float: left;
    width: auto;
    height: auto;
    margin-right: 15px;
    margin-top: 5px
}

.whatsapp-header {
    float: left;
    width: auto;
    height: auto;
    margin-top: 5px
}

.icon_atendimento i {
    float: left;
    width: auto;
    height: auto;
    margin-right: 5px;
    font-size: 22px;
    margin-top: -2px;
    color: #875e3c
}

.icon_atendimento .fa-phone{
    font-size: 16px;
    margin-right: 8px;
    color: #875e3c;
}

.icon_whatsapp i {
    float: left;
    width: auto;
    height: auto;
    color: #875e3c;
    margin-right: 10px;
    font-size: 20px;
    margin-top: -4px;
}

.white {
    color: #fff!important
}

.txt_atendimento {
    float: left;
    width: auto;
    height: auto;
    color: #ccc
}

.txt_atendimento a{
    color: #333 !important;
    position: relative;
    top: -1px;
    font-weight: 300;
}

.icon_atendimento {
    float: left;
    font-size: 16px
}

.header_links {
    float: right;
    width: auto;
    height: auto;
    text-align: right;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    margin-bottom: 30px;
  
}

.header-principal,
.header-principal * {
    box-sizing: border-box
}

.header-principal{
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26);
    padding-bottom: 15px;
    background: #ffffff;
}

.home-full .header-principal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    float: left;
    width: 100%;
    height: auto;
    background: transparent;
    transition: 0.2s ease-out;
    box-shadow: none;
    padding-bottom: 40px;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0));
}
.home-full .header-principal.fixo {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.26);
    transition: 0.2s ease-out;
    padding-top: 0px;
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
}
.home-full .header-principal:not(.fixo) .fdx-menu .fdx-menu-1-level > li > a{
    color: #fff;
}
.home-full .header-principal:not(.fixo) .header-menu>.header-menu-icon i{
    color: #fff;
}
.home-full .header-principal:not(.fixo) .header-busca button i{
    color: #fff;
}
.home-full .header-principal:not(.fixo) .header-busca.visible button i{
    color: #875e3c;
}



.header-logo {
    float: left;
    width: 300px;
    margin-right: 20px;
    margin-top:18px;
    margin-bottom: 0px
}

.header-logo>img {
    display: block;
    max-width: 100%
}

.header-direita {
    float: right;
    width: auto;
    margin-top:24.5px;
    position: relative;
}

.header-busca{position:relative;float:right;width:35px;height:50px;
    right: 115px; padding-left: 20px;  transition: .2s;
    margin-left: 10px;
    max-width: 50px; position: absolute; z-index: 999; }
.header-busca .campo{ visibility: hidden; opacity: 0;  height: 40px; background: #fff !important; background-color: #fff !important;  color: #FFF; color: #777; outline: none; border:none; border: 1px solid #fff; border-radius: 8px; font-size: 13px; transition: .2s;
max-width: 0px; overflow: hidden; position: relative; text-transform: uppercase;
}
.header-busca.visible{ 
    visibility: visible;
    max-width: 300px;
    width: 300px;
    margin-left: 0px;
     opacity: 1; }
.header-busca.visible .campo{ 
    visibility: visible;padding-right: 45px; padding-left: 15px;
    max-width: 300px;
     opacity: 1; }
.header-busca .campo::placeholder{
    color: #777;
}
.header-busca button{position:absolute;right:15px;top:3px;height:35px;width:25px;background:none;border:none;outline:none;box-shadow:none;}
.header-busca button i {font-size: 18px; color: #875e3c; transition: .3s ease-out; }
.header-busca .campo:focus + button i { color: #875e3c; }
.header-busca .campo:focus { border: 1px solid #fff; border-bottom: 1px solid #875e3c; }
textarea:focus, input:focus{
    outline: none !important;
}
*:focus {
    outline: none !important;
}

.header-menus {
    float: right;
    width: auto;
    margin-left: 10px
}

.header-menu {
    position: relative;
    float: left;
    width: auto;
    margin-left: 10px;
    margin-top: 5px;
}

.header-menu:first-child {
    margin-left: 0
}

.header-menu>.header-menu-icon {
    float: left;
    width: 20px;
    margin-right: 10px;
    margin-top: 6px
}

.header-menu>.header-menu-icon-cart {
    float: left;
    width: 24px;
    margin-right: 10px;
    margin-top: 5px
}

.header-menu>.header-menu-icon img {
    max-width: 100%
}

.header-menu>.header-menu-icon i {
    color: #875e3c;
    transition: .3s ease-out;
    font-size: 20px
}

.header-menu>.header-menu-titulo {
    float: left;
    padding-top: 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Roboto'
}

.header-menu>.header-menu-titulo a {
    color: #333
}

.header-menu>.header-menu-count {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #875e3c;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-family: 'Roboto';
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    padding: 5px;
    border: 1px solid #875e3c;
    text-align: center;
    line-height: 8px;
}

.header-submenu-container {
    position: relative;
    float: left;
    width: 100%
}

.header-submenu {
    position: absolute;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
    border-radius: 3px;
    height: auto;
    z-index: 999;
    right: 0;
    top: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.header-menu:hover .header-submenu {
    opacity: 1;
    visibility: visible
}

.header-submenu-ponta-container {
    float: left;
    width: 100%;
    height: 16px;
    margin-top: -16px;
    overflow: hidden
}

.header-submenu-ponta {
    float: right;
    margin-right: 5.5px;
    margin-top: 10px;
    width: 25px;
    height: 25px;
    background: #faf3da;
    border: 1px solid #ccc;
    transform: rotate(45deg)
}

.header-submenu-content {
    float: left;
    width: 100%;
    background: #faf3da;
    padding: 20px
}

.header-submenu-item {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    font-family: 'Roboto', Arial, sans-serif;
    color: #333;
    font-weight: 400;
    font-size: 14px
}

.header-submenu-item:hover {
    color: #222
}

.cart-preview-itens {
    float: left;
    width: 100%
}

.cart-preview-item {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px
}

.cart-preview-item-img {
    float: left;
    width: 70px;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 10px;
}

.cart-preview-item-img img {
    max-width: 100%;
    margin-bottom: -2px;
}

.cart-preview-item-infos {
    float: left;
    width: 150px;
    height: 73px;
    overflow: hidden;
    margin-right: 10px
}

.cart-preview-item-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #333;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer
}

.cart-preview-item-info {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #555;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px
}

.cart-preview-item-valor {
    float: left;
    width: 115px;
    height: 73px;
    overflow: hidden;
    text-align: right
}

.cart-preview-item-valor-1 {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #555;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right
}

.cart-preview-item-valor-2 {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #333;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right
}

.cart-preview-more-itens {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #555;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    margin: 10px 0
}

.cart-preview-subtotal {
    float: left;
    width: 100%
}

.cart-preview-subtotal>label {
    float: left;
    font-family: 'Roboto';
    color: #333;
    font-weight: 300;
    font-size: 16px
}

.cart-preview-subtotal>label:last-child {
    float: right
}

.cart-preview-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.cart-preview-btn>.btn-principal {
    max-width: 100%!important;
    padding-top: 13px;
    color: #fff
}

.header-mobile {
     box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding: 10px;
    text-align: center;
    z-index: 999;
    box-sizing: border-box;
    height: auto;
    min-height: 65px
}

.header-mobile.unfixed {
    position: absolute
}

.header-mobile-logo {
    float: none;
    width: 80px;
    display: inline-block;
    margin-left: -40px;
    height: auto;
    margin-top:0px
}


.header-mobile-logo img {
    max-width: 100%
}

.header-mobile-cart {
    position: absolute;
    width: 30px;
    right: 20px;
    top: 23px
}

.header-mobile-cart>i {
    font-size: 22px;
    color: #333
}

.header-mobile-cart>span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 50%;
    bottom: -10px;
    right: -10px;
    color: #333;
    border: 1px solid #333;
    font-size: 11px;
    font-weight: 300;
    line-height: 20px
}

.header-mobile-search {
    position: absolute;
    width: 30px;
    right: 70px;
    top: 24px
}

.header-mobile-search i {
    color: #333;
    font-size: 22px
}

.header-mobile-search-box {
    display: none;
    float: left;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 5px;
    margin: 10px 0
}

.header-mobile-search-box .campo {
    width: 100%;
    padding-right: 100px;
    padding: 10px;
    height: 45px!important
}

.header-mobile-search-box button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #875e3c;
    border: none;
    border-radius: 2px;
    font-family: 'Roboto';
    color: #fff;
    font-size: 13px;
    height: 34px;
    text-transform: uppercase;
    width: 80px
}

.barra_header .redes-sociais { float: left; width: auto; margin-top: -6px; }
.barra_header .redes-sociais > a { display: block; float: left; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #CCC; text-align: center; color: #ccc; font-size: 16px; line-height: 28px; margin-right: 10px; padding-left: 1px; outline: none; transition: .3s ease-out; }
.barra_header .redes-sociais > a.facebook:hover { background: #3B5998; border-color: #3B5998;  color: #FFF; }
.barra_header .redes-sociais > a.instagram:hover { background: #A322A1; border-color: #A322A1; color: #FFF; }
.barra_header .redes-sociais > a.youtube:hover { background: #DE2825; border-color: #DE2825; color: #FFF; }

.institucional_home {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.institucional_home figure {
    float: left;
    width: 550px;
    margin-right: 30px
}

.institucional_home figure img {
    max-width: 100%
}

.institucional_home_direita {
    float: left;
    width: calc(100% - 580px)
}

.institucional_home_direita h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #666;
    margin-bottom: 20px;
    text-transform: uppercase
}

.institucional_home_direita p {
    color: #333;
    font-size: 15px;
    line-height: 20px;
    text-align: justify
}

.institucional_home_direita .btn-principal {
    max-width: inherit;
    width: auto;
    padding: 12px 20px;
    margin-top: 30px;
    color: #fff
}

.carrosel-linhas{

    float: left;
    width: 100%;
}

.caixa-ambiente{
    float: left;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.caixa-ambiente div{
    position: relative;
}
.caixa-ambiente div span{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.caixa-ambiente div span h3{
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 40%;
    left: 50%;
    font-weight: 500;
    font-size: 18px;
    white-space: nowrap;
}
.caixa-ambiente div span small{
    color: #fff;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 65%;
    left: 50%;
    font-weight: 400;
    font-size: 12px;
    white-space: nowrap;
}

.caixa-ambiente figure{

    display: inline-block;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}
.caixa-ambiente figure img{
    transition: .3s ease-out;
}
.caixa-ambiente:hover figure img{
    transform: scale(1.1);
}
.caixa-ambiente figure span{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-posts {
    float: left;
    width: 870px;
    border-right: 1px solid #faf3da;
    padding-right: 40px
}

.blog-post {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.blog-post figure {
    float: left;
    width: 300px;
    height: 215px;
    max-height: 210px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden
}

.blog-post figure img {
    max-width: 100%;
    max-height: 210px;
    transition: .5s ease-out
}

.blog-post:hover figure img {
    transform: scale(1.1)
}

.blog-pots-infos {
    position: relative;
    float: left;
    width: 509px;
    height: 215px
}

.blog-post span {
    position: absolute;
    left: 0;
    bottom: 4px;
    color: #666;
    font-size: 14px
}

.blog-post h1 {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px
}

.blog-post h3 {
    float: left;
    width: 100%;
    color: #666;
    font-size: 14px;
    line-height: 21px
}

.blog-post .blog-pots-infos a {
    display: block;
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 150px
}

.blog-lateral {
    float: left;
    width: 280px;
    padding-left: 40px
}

.blog-lateral-item {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.blog-lateral-item h1 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.blog-lateral-item ul {
    float: left;
    width: 100%
}

.blog-lateral-item ul li {
    float: left;
    width: 100%
}

.blog-lateral-item ul li a {
    float: left;
    width: 100%;
    padding: 5px 0;
    font-size: 14px;
    line-height: 18px;
    color: #666 !important
}

.post-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 20px
}

.post-foto {
    float: left;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 40px
}

.post-texto {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #666
}

.blog-posts-destaque {
    float: left;
    width: 100%;
    margin-bottom: 0px
}


.bloco-post-dest h2{
    font-size: 14px !important;
    margin-top: -5px;
}


.bloco-post-dest > div{
    padding: 10px;
}
.bloco-post-dest span{
    margin-bottom: 10px;
}
.bloco-post-dest {
    float: left;
    width: calc(33.333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 0px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}
@media screen and (max-width: 759px) {
    .bloco-post-dest {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        height: auto;
        margin-bottom: 20px;
    }
    .bloco-post-dest:last-child {
        margin-bottom: 0px;
    }
}
.bloco-post-dest figure {
    overflow: hidden;
}
.bloco-post-dest figure img {
    max-width: 100%;
    display: block;
}
.bloco-post-dest figure img {
    transition: 0.3s ease-out;
}
.bloco-post-dest:hover figure img {
    transform: scale(1.1);
}
.bloco-post-dest > div {
    position: relative;
    z-index: 2;
    background: #fafafa;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    padding: 20px;
}
.bloco-post-dest h2 {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    transition: 0.3s ease-out;
}
.bloco-post-dest:hover h2 {
    color: #875e3c;
}
.bloco-post-dest h3 {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-bottom: 10px;
    transition: 0.3s ease-out;
}
.bloco-post-dest:hover h3 {
    color: #333;
}
.segura-infos-blocos{
    float: left;
    width: calc(83% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
.bloco-post-dest span {
    float: left;
    width: calc(17% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    color: #666;
    font-size: 14px;
    text-align: center;
}
.bloco-post-dest span.dia {
    float: left;
    width: 34px;
    text-align: center;
    font-size: 16px;
    background: transparent;
    padding: 1px 4px;
    border-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin: 0px;
}
@media screen and (max-width: 759px) {
    .bloco-post-dest span.dia {
        font-size: 12px;
    }
}
.bloco-post-dest span.mes {
    margin: 0px;
    float: left;
    width: 34px;
    text-align: center;
    text-transform: uppercase;
    background: #61C8D0;
    border-radius: 3px;
    color: #FFF;
    font-size: 12px;
    padding: 3px 4px;
    transition: 0.3s ease-out;
}
@media screen and (max-width: 759px) {
    .bloco-post-dest span.mes {
        font-size: 12px;
    }
}

.blog-post-destaque {
    float: left;
    width: 350px;
    margin-right: 50px;
    margin-bottom: 15px
}

.blog-post-destaque:nth-child(3n+3) {
    margin-right: 0
}

.blog-post-destaque>.blog-post-destaque-foto {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden
}

.blog-post-destaque>.blog-post-destaque-foto>img {
    max-width: 100%;
    transition: .5s ease-out;
    vertical-align: middle
}

.blog-post-destaque:hover>.blog-post-destaque-foto>img {
    transform: scale(1.1)
}

.blog-post-destaque>h2 {
    float: left;
    width: 100%;
    color: #222;
    font-size: 16px;
    margin-bottom: 10px
}

.blog-post-destaque:hover>h2 {
    text-decoration: underline
}

.blog-post-destaque>h3 {
    float: left;
    width: 100%;
    color: #666;
    font-size: 13px;
    line-height: 18px
}

.secao-categorias{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}



.if-list,
.if-list * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}
.if-list {
  display: block;
  list-style: none;
  font-family: sans-serif;
}
.if-image {
  display: block;
  float: left;
  width: 20%;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 760px) and (max-width: 1199px) {
  .if-image {
    width: 25%;
  }
}
@media screen and (max-width: 759px) {
  .if-image {
    width: 50%;
  }
}
.if-image a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.if-image img {
  display: block;
  max-width: 100%;
  width: 100%;
  -webkit-transition: all 0.3s 0.1s ease-in-out;
  transition: all 0.3s 0.1s ease-in-out;
}
.if-image:hover img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.if-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.if-image:hover .if-overlay {
  opacity: 1;
}
.if-content {
  padding: 20px;
  text-align: center;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  -webkit-transition: all 0.3s 0.1s ease-in-out;
  transition: all 0.3s 0.1s ease-in-out;
}
.if-image:hover .if-content {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
}
.if-stats {
  text-align: center;
}
.if-stats-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 5px;
}
@media screen and (max-width: 759px) {
  .if-stats-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 15px 0;
    text-align: center;
  }
}
.if-stats-item svg {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 7px;
}
@media screen and (min-width: 760px) and (max-width: 1199px) {
  .if-stats-item svg {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 759px) {
  .if-stats-item svg {
    width: 20px;
    height: 20px;
  }
}
.if-stats-item svg path {
  fill: #fff;
}
.if-stats-item span {
  display: inline-block;
  font-size: 16px;
}
@media screen and (min-width: 760px) and (max-width: 1199px) {
  .if-stats-item span {
    font-size: 14px;
  }
}
@media screen and (max-width: 759px) {
  .if-stats-item span {
    font-size: 14px;
  }
}
.if-caption {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5;
  max-height: 84px;
  overflow: hidden;
}
@media screen and (min-width: 760px) and (max-width: 1199px) {
  .if-caption {
    font-size: 12px;
    max-height: 74px;
  }
}
@media screen and (max-width: 759px) {
  .if-caption {
    display: none;
  }
}


.bg-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 0px);
}
.bg-video video {
    min-width: 100%;
    width: 100%;
    min-height: 100vh;
    margin-top: -110px;
    z-index: 1;
}
.bg-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bg-video-overlay .container {
    width: 100%;
}
.bg-video-content {
    padding: 10px;
    text-align: center;
}
.bg-video-content .btn-principal{
    float: none;
    width: auto;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 36px;;
}
.bg-video-content .btn-principal a{
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 36px;;
}
.bg-video-titulo {
    font-size: 32px;
    margin-bottom: 50px;
    color: #fff;
}
.bg-video-texto {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

/* SLIDE */
.slide-home {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0px !important;
  }
  .slide-home .slick-prev,
  .slide-home .slick-next {
    width: 20px;
    z-index: 9;
  }
  .slide-home .slick-prev::before,
  .slide-home .slick-next::before {
    height: 30px;
    width: 30px;
  }
  .slide-home .slick-dots {
    bottom: 10px;
  }
  
  .slide-item {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    text-align: center;
  }
  .slide-item[href="#"] {
    cursor: default;
  }
  .slide-item .slide-image {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 750px;
    position: relative;
  }
  .slide-image img{
      max-width: 100%;
  }
  
  .slide-item-auto {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
    text-align: center;
  }
  .slide-item-auto[href="#"] {
    cursor: default;
  }
  .slide-item-auto .slide-image {
    display: inline-block;
    vertical-align: bottom;
  }
  
  @-webkit-keyframes slide-fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes slide-fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .slide-fadeInUp {
    -webkit-animation-name: slide-fadeInUp;
    animation-name: slide-fadeInUp;
  }



  #top-slide {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 30px;
    margin-bottom: 30px;

}

.box-slide-1 {
    float: left;
    width: 275px;
    height: auto;
    margin-top: 10px;
    margin-left: 0px;
}
.box-slide-0 {
    float: left;
    width: 245px;
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 65px;
}

.box-slide-4 {
    float: left;
	width: 245px;
    height: auto;
    margin-top: 10px;
    margin-left: 30px;
}

.box-slide-4.ultimo-bloco{
    float: left;
	width: 220px;
    height: auto;
    margin-top: 10px;
    margin-left: 0px;
}

.box-slide-3 {
    float: left;
    width: 425px;
    height: auto;
    margin-top: 10px
}

.box-slide-icon {
    float: left;
    width: 35px;
    height: 23px;
    margin-right: 15px;
    margin-top: 5px;
}
.box-slide-icon img {
    width: 32px;
}
.box-slide-icon i {
    font-size: 32px;
    color: #875e3c
}

.box-slide-icon-2 {
    float: left;
    width: 22px;
    height: 23px;
    margin-right: 10px
}

.box-slide-icon-2 i {
    font-size: 22px;
    color: #875e3c
}

.box-slide-txt {
    float: left;
	font-size: 12px;
	font-family:'Roboto';
    color: #875e3c;
    margin-top: 4px;
    margin-bottom: 2px;
    width: 75%;
    text-transform: uppercase;
    font-weight: 500;
}

.box-destaque-txt {
    float: left;
    font-size: 12.5px;
   width: 75%;
    font-family: 'Roboto';
    color: #666;
    margin-top: 6px;	
}


.segura-banners-categorias{
    float: left;
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  
  .segura-banners-categorias figure img{
    max-width: 100%;
  }

.linha-footer {
    float: left;
    width: 100%;
    height: 0;
    background-color: #ddd;
    margin-top: 0
}

.slide_home {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px
}

.carousel_home {
    float: left;
    width: 100%
}
.carousel_home .caixa_produtos{
    height: auto;
    margin-bottom: 0px;
}
.carousel_home .caixa_produtos .titulo_produto{
    height: auto;
}

.barra_home {
    float: left;
    max-width: 1150px;
    height: 60px;
    margin-bottom: 25px;
    margin-top: 20px
}

.prbarrahome {
    float: left;
    width: 320px;
    height: 50px;
    margin-right: 15px
}

.prbarra2home {
    float: left;
    width: 300px;
    height: 50px;
    margin-right: 0
}

.prbarra3home {
    float: left;
    width: 260px;
    height: 50px;
    margin-right: 10px;
    margin-left: 0
}

.prbarra4home {
    float: left;
    width: 220px;
    height: 50px;
    margin-left: 10px;
    margin-right: 0
}

.prbarra5home {
    float: left;
    width: 200px;
    height: 50px;
    margin-left: 10px
}

.icone_barra_home {
    float: left;
    width: 60px;
    margin-right: 10px;
    height: auto;
    margin-top: 5px
}

.titulo_barra_home {
    float: left;
    width: 180px;
    height: auto;
    font-family: Roboto, sans-serif;
    text-align: left;
    font-size: 23px;
    color: #222;
    margin-bottom: 5px;
    margin-top: 4px
}

.subtitulo_barra_home {
    float: left;
    width: 75%;
    height: auto;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 14px;
    color: #555
}

.titulo2_barra_home {
    float: left;
    width: 140px;
    height: auto;
    font-family: Roboto, sans-serif;
    text-align: left;
    font-size: 23px;
    color: #222;
    margin-bottom: 5px;
    margin-top: 4px
}

.subtitulo2_barra_home {
    float: left;
    width: 210px;
    height: auto;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 13px;
    color: #555
}

.icone2_barra_home {
    float: left;
    width: 50px;
    margin-right: 4px;
    height: auto;
    margin-top: 5px
}

.titulo3_barra_home {
    float: left;
    width: 150px;
    height: auto;
    font-family: Roboto, sans-serif;
    text-align: left;
    font-size: 23px;
    color: #222;
    margin-bottom: 5px;
    margin-top: 4px
}

.subtitulo3_barra_home {
    float: left;
    width: 180px;
    height: auto;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 14px;
    color: #555
}

.icone3_barra_home {
    float: left;
    width: 40px;
    margin-right: 10px;
    height: auto;
    margin-top: 2px
}

.icone4_barra_home {
    float: left;
    width: 40px;
    margin-right: 0;
    height: auto;
    margin-top: 3px
}

.titulo5_barra_home {
    float: left;
    width: 140px;
    height: auto;
    font-family: Roboto, sans-serif;
    text-align: left;
    font-size: 23px;
    color: #222;
    margin-bottom: 5px;
    margin-top: 4px;
    text-transform: uppercase
}

.subtitulo5_barra_home {
    float: left;
    width: 150px;
    height: auto;
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 14px;
    color: #555
}

.icone5_barra_home {
    float: left;
    width: 40px;
    margin-right: 0;
    height: auto;
    margin-top: 8px
}

.tamanho_caixas {
    float: left;
    width: 105%;
    height: auto
}

.caixa_produtos_vitrine {
    float: left;
    width: 280px;
    height: 500px;
    margin-left: 15px;
    margin-right: 10px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.caixa_produtos_vitrine_3 {
    float: left;
    width: 260px;
    height: 340px;
    margin-left: 15px;
    margin-right: 10px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.caixa_produtos {
    float: left;
    width: 267px;
    height: 370px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.caixa_produtos:first-child {
}

.foto_produto {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 8px;
}

.foto_produto a {
    outline: 0
}

.foto_produto img {
    display: block;
    max-width: 100%;
    transition: .3s ease-out
}

.caixa_produtos_vitrine:hover .foto_produto img {
    transform: scale(1.1);
    opacity: 0.3;
}

.caixa_produtos_vitrine_3:hover .foto_produto img {
    transform: scale(1.1);
    opacity: 0.3;
}

.caixa_produtos_vitrine_3:hover .btn-principal{
    opacity: 1;
}
.caixa_produtos_vitrine:hover .btn-principal{
    opacity: 1;
}

.titulo_produto {
    float: left;
    width: 100%;
    height: 16px;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
    color: #222;
    text-align: left;
    margin-bottom: 10px;
}

.pocentagem_titulo{
    float: left;
    width: 100%;
    color: #875e3c;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 10px;
}
.origem_titulo{
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #875e3c;
}

.titulo_produto a {
    color: #333
}

.preco_produto {
    float: left;
    width: 100%;
    height: 20px;
    text-align: left
}

.de_preco {
    display: inline-block;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #444;
    font-weight: 300;
    text-decoration: line-through;
    margin-right: 5px
}

.por_preco {
    display: inline-block;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 300
}

.preco_boleto_produto{
    float: left;
    width: 100%;
    font-weight: 300;
    text-align: center;
    color: #875e3c;
    margin-top: 15px;
}
.preco_boleto_produto.left{
    text-align: left;
    font-size: 16px;
    color: #333!important;
}
.preco_boleto_produto.left strong{
    color: #875e3c;
    font-size: 22px;
}
.preco_boleto_produto i{
    margin-right: 5px;
    font-size: 18px;
}
.preco_boleto_produto strong{
    font-size: 18px;
}
.parcelamento_produto {
    float: left;
    width: 100%;
    height: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #333;
    text-align: left;
    margin-top: 5px;
    font-weight: 300;
}
.parcelamento_produto strong{
    font-weight: 300;
    color: #333;
}

.flag-prod {
    position: absolute;
    text-align: center;
    padding: 7px 7px;
    border-radius: 50%;
    background: #875e3c;
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    width: 40px;
    height: 40px
}

.flag-prod.top-left {
    top: 0;
    left: 0
}

.flag-prod.top-right {
    top: 0;
    right: 0
}

.flag-prod.bottom-left {
    bottom: 0;
    left: 0
}

.flag-prod.bottom-right {
    bottom: 0;
    right: 0
}

.direita-produtos {
    float: left;
    width: 100%;
    height: auto;
    margin-left: 0
}

.banner-produtos {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px
}

.banner-produtos img {
    max-width: 100%;
    width: 100%
}

.header-titulo {
    float: left
}

.header-titulo a {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #555;
    outline: 0;
    text-decoration: none
}

.header-titulo a:last-child {
    font-size: 20px;
    font-weight: 400;
    color: #555;
    font-family: 'Roboto';
}

.header-titulo a:hover {
    color: #222
}

.header-titulo i {
    color: #ccc;
    margin: 0 15px
}

.header-produtos {
    float: left;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    height: auto;
    margin-bottom: 10px
}

.header-registros {
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #555;
    padding-top: 7px
}

.header-ordem {
    float: right;
    margin-left: 15px;
    margin-bottom: 0px;
}

.header-ordem select {
    border: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-radius: 5px;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding: 3px;
    cursor: pointer;
    outline: 0
}

.caixa_small {
    width: 195px;
    height: 330px
}

.foto_small {
    width: 240px;
    margin-left: 2.5%
}

.foto_small_3 {
    width: 240px;
    margin-left: 12%
}

.filtros-container {
    float: left;
    width: 240px;
    height: auto;
    border: none;
    border-radius: 5px;
    margin-right: 20px
}

.filtro-publicidade {
    display: block;
    float: left;
    width: 100%;
    height: 200px;
    margin: 15px 0;
    border: 2px solid #000;
    background: #ddd
}

.filtro {
    float: left;
    width: 100%;
    height: auto;
    background: #fff;
    margin-bottom: 10px
}

.filtro:first-child {
    margin-top: 10px
}

.filtro header {
    width: 100%;
    height: auto;
    background: #e5e5e5;
    padding: 0
}

.filtro header .filtro-toggle {
    padding: 0;
    margin-left: 5px;
    margin-top: 5px;
    float: left;
    outline: 0;
    margin-right: 10px;
    margin-bottom: 5px
}

.filtro header .filtro-toggle i {
    color: #555
}

.rotate {
    transition: all .3s linear
}

.rotate.right {
    transform: rotate(-90deg)
}

.filtro header h3 {
    margin-top: 6px;
    float: left;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase
}

.filtro header h3:hover {
    cursor: pointer
}

.filtro header .clear-all {
    font-size: 14px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    color: #555;
    outline: 0
}

.filtro header .clear-all i {
    color: #555;
    font-size: 12px
}

.filtro .itens-filtro {
    float: left;
    width: 100%;
    height: auto;
    margin: 0
}

.filtro .filtros-selecionados {
    padding: 10px 0
}

.filtro .itens-filtro li {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    height: auto;
    padding: 8px
}

.filtro .filtros-selecionados li {
    border: none;
    padding: 3px 8px
}

.filtro .itens-filtro li a,
.filtro .itens-filtro li label {
    width: 100%;
    font-weight: 400;
    color: #555;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    outline: 0;
    text-decoration: none
}

.filtro .itens-filtro li a:active,
.filtro .itens-filtro li a:hover,
.filtro .itens-filtro li label:active,
.filtro .itens-filtro li label:hover {
    color: #222;
    cursor: pointer
}

.filtro .itens-filtro li a i,
.filtro .itens-filtro li label div,
.filtro .itens-filtro li label input {
    margin-right: 10px;
    color: #ddd
}

.filtro .itens-filtro li a span,
.filtro .itens-filtro li label span {
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #a5a5a5
}

.filtro .itens-filtro li label img {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 0;
    margin-right: 10px;
    margin-bottom: -5px
}

.filtro .itens-filtro li .filtro-selecionado {
    box-sizing: border-box;
    float: left;
    width: 100%
}

.filtro .itens-filtro li .filtro-selecionado .detalhe-filtro {
    box-sizing: border-box;
    height: 40px;
    float: left;
    max-width: 215px;
    background: #ddd;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid #ccc;
    padding: 5px;
    padding-left: 5px
}

.filtro .itens-filtro li .filtro-selecionado .detalhe-filtro small {
    float: left;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #555;
    margin-bottom: 3px
}

.filtro .itens-filtro li .filtro-selecionado .detalhe-filtro span {
    float: left;
    clear: both;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #444
}

.filtro .itens-filtro li .filtro-selecionado .remover-filtro {
    float: left;
    height: 40px;
    width: 20px;
    background: #ddd;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    text-align: center
}

.filtro .itens-filtro li .filtro-selecionado .remover-filtro i {
    font-size: 11px;
    color: #333;
    margin-top: 14px
}

.btn-fechar-filtros {
    display: none;
    float: left;
    width: 100%;
    height: auto;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #333;
    text-transform: none;
    background: #fff;
    padding: 15px 10px;
    margin: 10px 0
}

.btn-fechar-filtros.fixed {
    position: fixed;
    right: 0;
    top: 55px;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26)
}

.btn-fechar-filtros i {
    color: #555;
    margin-right: 20px
}

.btn-filtros {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 15px 0;
    text-transform: uppercase;
    z-index: 99
}

.exibe-filtros-mobile {
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .26);
    background: #fff;
    color: #333
}

.exibe-filtros-mobile i {
    color: #333
}

.aplica-filtros-mobile {
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .26);
    background: #fff;
    color: #333
}

.aplica-filtros-mobile i {
    color: #333
}

.slick-prev:before {
    content: "\f104"!important;
    font-family: FontAwesome!important;
    font-size: 28px!important;
    font-style: normal!important;
    font-weight: 400!important;
    text-decoration: inherit!important;
    color: #333!important
}

.slick-next:before {
    content: "\f105"!important;
    font-family: FontAwesome!important;
    font-size: 28px!important;
    font-style: normal!important;
    font-weight: 400!important;
    text-decoration: inherit!important;
    color: #333!important
}

.barra-navegacao {
    float: left;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    height: auto;
    margin-bottom: 30px
}

.barra-navegacao a {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #555;
    outline: 0;
    text-decoration: none;
    line-height: 24px
}

.barra-navegacao a:hover {
    color: #222
}

.barra-navegacao>i {
    color: #ccc;
    margin: 0 15px
}

.barra-navegacao a i {
    font-size: 20px
}

.barra-navegacao a i:hover {
    color: #222
}

.produto-fotos {
    float: left;
    width: 100%;
    max-width: 600px;
    height: auto;
    text-align: center
}

.produto-fotos-thumbs {
    float: left;
    width: 98.5%;
    clear: both;
}

.banner_lateral_esquerda {
    float: left;
    width: 100%;
    background-color: #333
}

.produto-fotos-vertical {
    float: left;
    width: 100%;
    margin-top: 6px;
    margin-left: 4px;
}

.vertical-slide-next,
.vertical-slide-prev {
    float: left;
    width: 100px;
    text-align: center;
    margin: 8px 0
}

.foto-thumb {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 6px;
}

.foto-thumb a {
    outline: 0
}

.foto-thumb img {
    max-width: 100%
}

.produto-fotos-destaque {
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    z-index: 2!important
}

.produto-fotos-destaque img {
    max-width: 100%;
    border: 0 solid #eee;
    border-radius: 8px;
    overflow: hidden;
}

.produto-detalhe {
    float: left;
    width: 100%;
    max-width: 550px;
    padding: 0 10px;
    margin-top: -10px;
}

.produto-detalhe .btn-principal{
    max-width: 310px !important;
    height: 45px;
    margin-right: 20px;
}

.produto-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #333;
    line-height: 26px;
    margin-top: 4px;
    margin-bottom: 15px;
}
.produto-detalhe b{
    font-weight: 400;
}

.avaliacao-anchor {
    float: left;
    width: 100%;
    outline: 0;
    text-decoration: none;
    margin-bottom: :
}

.avaliacao-anchor span {
    color: #999;
    font-size: 13px;
    margin-left: 5px;
    line-height: 22px;
}

.slide-recomendados{
    float: left;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}

.produto-preco {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    margin-top: 0px;
    margin-bottom: 30px
}

.caixa-prod-rec-compra-tam{
    float: left;
    width: 100%;

}

.opcoes-pagamento{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 300;
    color: #875e3c;
    cursor: pointer;
}
.opcoes-pagamento:hover{
    color: #875e3c;
}

.segura_barra_parcelamento{
    color: #333;
}
.segura_barra_parcelamento p{
    color: #333 !important;
}
.segura_barra_parcelamento b, strong{
    color: #875e3c;
    font-weight: 500 !important;
}

.barra_parcelamento {
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 6px;
    padding-top: 6px;
}

.barra_parcelamento:last-child {
    border-bottom: 0px solid #DEDEDE;
}
.item_parcelamento {
    width: auto !important;
    height: auto;
    float: left;
}
.tot_parcelamento {
    width: auto !important;
    height: auto;
    float: left;
}

.produto-formas-detalhe{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.exibe_parcelamento {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: center;
    color: #777
}

.produto-preco span {
    font-weight: 400;
    font-size: 16px;
    color: #333
}

.produto-preco .preco-antigo {
    font-size: 16px;
    color: #555;
    font-weight: 300;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.produto-preco .preco-antigo b{
    text-decoration: line-through;
    padding-left: 5px;
    font-size: 18px;
}

.produto-preco.visible-mobile .preco-atual {
    font-weight: 500;
    font-size: 16px;
    margin-left: 0;
    color: #333!important
}

.produto-preco.visible-desktop .preco-atual {
    font-weight: 500;
    margin-left: 0;
    color: #333!important
}
.preco-atual b{
    font-size: 18px;
    color: #333;
}

.produtos-tamanhos {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.produtos-tamanhos>label {
    float: left;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 5px
}

.produtos-tamanhos>small.tamanho-error {
    float: left;
    clear: both;
    font-family: 'Roboto';
    color: rgba(100%, 0%, 0%, .8);
    font-size: 13px
}

.produtos-tamanhos div {
    clear: both;
    float: left;
    width: auto;
    padding: 5px;
    padding-left: 0;
    border-radius: 3px
}

.btn-tamanho {
    border: 1px solid #999;
    border-radius: 4px;
    width: auto;
    height: 35px;
    cursor: pointer;
    margin: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 10px;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    color: #333;
    transition: all .1s ease-in-out;
    padding-right: 10px;
    padding-left: 10px
}

.btn-tamanho:last-child {
    margin: 0
}

.btn-tamanho.selected {
    background: #333;
    color: #fff;
    border: 1px solid #333
}

.btn-tamanho:active:not(.disabled),
.btn-tamanho:hover:not(.disabled) {
    border-color: #333
}

.btn-cor {
    border: 1px solid #999;
    border-radius: 4px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 10px;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    color: #333;
    transition: all .1s ease-in-out
}

.btn-cor:last-child {
    margin: 0
}

.btn-cor.selected {
    background: #333;
    color: #fff;
    border: 1px solid #333
}

.btn-cor.disabled {
    border-color: #ccc;
    color: #ccc
}

.btn-cor:active:not(.disabled),
.btn-cor:hover:not(.disabled) {
    border-color: #333
}

.produtos-tamanhos input {
    display: none
}

.btn-principal-newsletter {
    float: left;
    border: none;
    font-family: 'Roboto';
    font-size: 14px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 150px;
    height: 55px;
    border:0px #222 solid;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #875e3c
}

.btn-principal-detalhe {
    float: left;
    border: none;
    font-family: 'Roboto';
    font-size: 14px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 310px;
    margin-right: 20px;
    border-radius: 5px;
    height: 45px;
    border:1px #875e3c solid;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #875e3c !important
}

.btn-principal-detalhe.menor{
    max-width: 200px;
    margin-right: 0px;
    padding-top: 11px;
    background-color: #ffffff !important;
    color: #875e3c !important;
    border: 1px solid #875e3c !important
}

.btn-principal {
    float: left;
    border: none;
    font-family: 'Roboto';
    font-size: 14px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 300px;
    border-radius: 5px;
    height: 40px;
    border:1px #875e3c solid;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #875e3c
}

.btn-principal:active,
.btn-principal:hover {
    background: #64482e;
    color: #fff !important;
    border:1px #64482e solid !important;
}

.btn-principal i {
    color: #fff
}

.btn-secundario {
    border: 1px solid #ccc;
    background: 0 0;
    font-family: 'Roboto';
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none
}

.btn-secundario i {
    color: #4a4a4a;
    margin-right: 5px
}

.btn-secundario:hover {
    border: 1px solid #666
}

.btn-comprar {
    margin-bottom: 10px!important;
    background: #875e3c !important;
    color: #fff !important;
}


.btn-comprar:hover {
    margin-bottom: 10px!important;
    background: #875e3c !important;
    color: #fff !important;
    border: 1px #875e3c solid !important;
}

.btn-principal-pedidos {
    float: left;
    border: none;
    font-family: 'Roboto';
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 300px;
    height: 45px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #875e3c;
    border: 0 #875e3c solid;
    margin-left: 240px
}

.btn-principal-pedidos:active,
.btn-principal-pedidos:hover {
    background: #875e3c;
    color: #fff
}

.btn-principal-pedidos i {
    color: #fff
}

.btn-principal-pagamento {
    float: left;
    border: none;
    font-family: 'Roboto';
    font-size: 16px;
    color: #222;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 300px;
    height: 45px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #fff;
    border: 1px #111 solid;
    margin-left: 20px
}

.btn-principal-pagamento:active,
.btn-principal-pagamento:hover {
    background: #222;
    color: #fff
}

.btn-principal-pagamento i {
    color: #fff
}

.btn-favorito {
    float: left;
    border: 1px solid #666;
    background: 0 0;
    font-family: 'Roboto';
    font-size: 13px;
    color: #666;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 300px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff;
    text-transform: uppercase;
    outline: 0;
    margin-bottom: 20px!important
}

.btn-favorito i {
    color: #4a4a4a;
    margin-right: 5px
}

.segura-botao-comprar-produto{
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
}

.segura-botao-comprar-produto .btn-principal{
    padding: 12px 15px;
    padding-top: 8px;
    height: 30px;
    opacity: 0;
    margin: auto;
    box-sizing: border-box;
    width: 80%;
    float: none;
    color: #fff;
    font-size: 13px;
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: .3s;
}   
.produtos-cores {
    float: left;
    width: 100%
}

.produtos-cores .slide-cores a {
    outline: 0;
    margin-right: 5px
}

.produtos-cores .slide-cores img {
    max-width: 100%
}

.produtos-cores label {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px
}

.produto-secao {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 0 10px
}
.produto-secao.small{
    padding: 0px;
}

.secao-depoimentos{
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 0 10px
}

.item-depoimento{
    float: left;
    width: 100%;
    color: #333;
    outline: none;
    margin-left: 20px;
    margin-right: 20px;
    background: #fff3f5;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 30px;
}
.carrosel-depoimentos{
    float: left;
    width: 100%;
}

.item-depoimento h2{
    font-weight: 300;
    margin-bottom: 10px;
}
.item-depoimento h3{
    font-style: italic;
    margin-bottom: 10px;
}
.item-depoimento h3 i{
    display: inline-block;
    margin-right: 2px;
    color: #d5d5d5;
}
.item-depoimento h3 i.active{
    display: inline-block;
    margin-right: 2px;
    color: #FFCA28;
}
.item-depoimento p{
    text-align: left;
    font-size: 14px;
    line-height: 18px;
}
.segura-stars{
    display: inline-block;
}

.produto-secao .produto-secao-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #444;
    line-height: 30px;
    margin-bottom: 10px;
}

.produto-secao .produto-secao-titulo i {
    color: #ddd
}

.produto-secao .produto-secao-content {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #555
}
.produto-secao.small .produto-secao-content {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 21px;
    font-weight: 400;
    color: #555
}

.produto-secao-content table{
    margin: 0px !important;
    margin-top: 20px;
    top: 10px;
    position: relative  !important;
    float: left !important;
    width: 100% !important;
    overflow-x:auto
}
.produto-secao-content > td{
    font-size: 14px !important;
}
.produto-secao-content > tr{
    font-size: 14px !important;
}
.produto-secao-content > th{
    font-size: 14px !important;
}
.produto-secao-content > span{
    font-size: 14px !important;
}

.caixa-prod-rec {
    float: left;
    width: 200px;
    height: auto;
    padding: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

.caixa-prod-rec .caixa-prod-rec-foto {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.caixa-prod-rec .caixa-prod-rec-foto img {
    max-width: 100%
}

.caixa-prod-rec .caixa-prod-rec-info {
    float: left;
    width: 100%;
    height: 75px
}

.caixa-prod-rec .caixa-prod-rec-info .preco_produto {
    width: 100%;
    text-align: center
}

.caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco,
.caixa-prod-rec .caixa-prod-rec-info .preco_produto .por_preco {
    float: none;
    display: inline-block;
    width: 100%;
    margin: 0;
    font-size: 14px;
    text-align: left;
}

.caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco {
    margin-right: 10px
}

.caixa-prod-rec .caixa-prod-rec-compra {
    float: left;
    width: 100%;
    height: 75px;
    display: none
}

.caixa-prod-rec .caixa-prod-rec-compra .caixa-prod-rec-compra-tam {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 0
}

.caixa-prod-rec .caixa-prod-rec-compra .caixa-prod-rec-compra-tam select {
    float: left;
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #555;
    padding: 3px;
    border: 1px solid #666
}

.caixa-prod-rec .caixa-prod-rec-compra .caixa-prod-rec-compra-tam select.invalid {
    border: 1px solid rgba(100%, 0%, 0%, .8)
}

.caixa-prod-rec .caixa-prod-rec-compra .caixa-prod-rec-compra-btn {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px
}

.btn-comprar-rec {
    font-size: 14px;
    height: 35px
}

.caixa-prod-rec2 {
    float: left;
    width: 200px;
    height: auto;
    padding: 10px
}

.caixa-prod-rec2 .caixa-prod-rec-foto {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    position: relative
}

.caixa-prod-rec2.compre-junto-disabled .caixa-prod-rec-foto {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.caixa-prod-rec2.compre-junto-disabled .caixa-prod-rec-foto .flag-prod {
    display: none
}

.caixa-prod-rec2 .caixa-prod-rec-foto img {
    max-width: 100%
}

.caixa-prod-rec2.compre-junto-disabled .caixa-prod-rec-foto img {
    -webkit-filter: opacity(20%);
    filter: opacity(20%)
}

.caixa-prod-rec2 .caixa-prod-rec-info {
    float: left;
    width: 100%;
    height: 150px
}

.caixa-prod-rec2 .caixa-prod-rec-info .preco_produto {
    width: 100%;
    text-align: center
}

.caixa-prod-rec2.compre-junto-disabled .caixa-prod-rec-info * {
    color: #fff
}

.caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco,
.caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .por_preco {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0;
    font-size: 14px;
    text-align: left
}

.caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco {
    margin-right: 10px
}

.caixa-prod-rec2 .caixa-prod-rec-info .compre-junto-tam {
    float: left;
    width: 100%
}

.caixa-prod-rec2 .caixa-prod-rec-info .compre-junto-tam select {
    float: left;
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #555;
    padding: 3px;
    border: 1px solid #666;
    margin-top: 10px
}

.caixa-prod-rec2.compre-junto-disabled .caixa-prod-rec-info .compre-junto-tam select {
    opacity: 0
}

.caixa-prod-rec2 .caixa-prod-rec-info .compre-junto-tam select.invalid {
    border: 1px solid rgba(100%, 0%, 0%, .8)
}

.caixa-prod-rec2 .caixa-prod-rec-info .compre-junto-actions {
    float: left;
    width: 100%;
    margin-top: 10px
}

.compre-junto-actions .btn-rem-comp-junto {
    background: #333;
    font-size: 14px;
    height: 30px
}

.compre-junto-actions .btn-add-comp-junto {
    font-size: 14px;
    height: 30px;
    display: none
}

.compre-junto-actions .btn-add-comp-junto i,
.compre-junto-actions .btn-rem-comp-junto i {
    color: #fff;
    margin-right: 5px
}

.compre-junto-symbol {
    float: left;
    width: auto;
    margin-top: 100px;
    padding: 5px 20px
}

.compre-junto-symbol i {
    color: #555
}

.compre-junto-symbol .fa-pause {
    transform: rotate(90deg)
}

.compre-junto-comprar {
    float: left;
    margin-top: 60px;
    margin-left: 30px
}

.compre-junto-comprar label {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #555;
    font-weight: 400
}

.compre-junto-comprar .compre-junto-preco {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 300;
    margin-bottom: 20px
}

.btn-comprar-junto {
    font-size: 14px;
    height: 35px
}

.avaliacoes-media-content {
    float: left;
    width: 100%;
    max-width: 500px
}

.avaliacoes-media-content .media-avaliacoes,
.avaliacoes-media-content .total-avaliacoes {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    font-weight: 300;
    margin-top: 10px
}

.avaliacoes-table {
    float: left;
    width: 100%;
    margin-top: 20px
}

.avaliacoes-table .avaliacoes-table-row {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.segura-campos-comentarios{
    width: calc(100% + 20px);
}

.avaliacoes-table .avaliacoes-table-row .desc-avaliacao {
    float: left;
    width: 120px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    font-weight: 700
}

.avaliacoes-table .avaliacoes-table-row .porcentagem {
    float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    font-weight: 700
}

.avaliacoes-table .avaliacoes-table-row .label-star i {
    font-size: 18px
}

.avaliacoes-table .avaliacoes-table-row .progress-barx {
    float: left;
    width: 150px;
    height: 20px;
    border: 1px solid #ccc;
    margin-left: 40px;
    margin-top: 2px
}

.avaliacoes-table .avaliacoes-table-row .progress-barx span {
    float: left;
    height: 100%;
    background: #464952
}

.avaliacoes-form-content {
    float: left;
    width: 100%;
    max-width: 500px;
    margin-left: 100px
}

.avaliacoes-form-content .avaliacao-form-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #4a4a4a;
    line-height: 30px;
    margin-bottom: 10px;

}

.avaliacoes-form-content .input-star {
    margin-bottom: 15px
}

.avaliacoes-form-content .btn-principal {
    font-size: 14px;
    height: 35px;
    max-width: 170px;
    float: right;
    text-transform: none
}

.avaliacao {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 10px
}

.avaliacao .avaliacao-header {
    float: left;
    width: 200px;
    margin-right: 20px
}

.avaliacao .avaliacao-header .avaliacao-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    color: #333;
    margin-bottom: 5px
}

.avaliacao .avaliacao-header .label-star i {
    font-size: 18px
}

.avaliacao .avaliacao-header .avaliacao-data {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #555;
    margin-top: 5px
}

.avaliacao .avaliacao-coment {
    float: left;
    width: 850px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #333
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-55,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px
}

.input-star,
.label-star {
    float: left;
    width: auto;
    text-align: center
}

.label-star i {
    font-size: 18px;
    color: #c7c7c7;
    transition: color .1s ease-in-out
}

.input-star i {
    font-size: 18px;
    cursor: pointer;
    color: #c7c7c7;
    transition: color .1s ease-in-out
}

.input-star i.active,
.label-star i.active {
    color: #edc715
}

.input-star i:hover~i {
    color: #c7c7c7
}

.input-star:hover i {
    color: #edc715
}


.visible-whats-desktop {
    display: block;
  }
  
  @media only screen and (max-width:480px) {
    .visible-whats-desktop {
        display: none;
    }
  }
  
  .visible-whats-mobile {
    display: none;
  }
  
  @media only screen and (max-width:480px) {
    .visible-whats-mobile {
        display: block;
    }
  }
  .btn-whats-footer{
    position: fixed;
    bottom: 0px;
    right: -1px;
  }
  .btn-comprar-whats{
      z-index: 2;
      box-sizing: border-box;
      background-color: #26bb5d !important;
      border-color: #26bb5d !important;
      border: 1px solid #26bb5d !important;
      padding: 12px;
      line-height: 100%;
      color: #fff !important;
      width: 350px !important;
      border-radius: 0px !important;
      max-width: 350px !important;
      text-transform: uppercase;
      font-weight: 400 !important;
      font-size: 16px !important;
      height: 40px !important;
  }
  .btn-comprar-whats:hover{
      border: 1px solid !important;
      border-color: #26bb5d !important;
  }
  .btn-comprar-whats i{
      font-size: 18px;
      vertical-align: middle;
      margin-right: 5px;
      position: relative;
      top: -1px;
  }

.modal-title {
    width: 100%;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 400;
    text-align: left;
    color: #333
}

.modal-body p {
    color: #999;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: 'Roboto';
    font-size: 15px;
    line-height: 21px
}

.btn-modal {
    float: none;
    display: inline-block;
    max-width: 150px;
    margin: 0
}

.cadastro-box-login {
    float: left;
    width: 800px
}

.cadastro-box-login.menor{width:400px;}

.cadastro-box-completo {
    float: left;
    width: 600px;
    margin-left: 150px
}

.cadastro-box-simples {
    float: left;
    width: 400px;
    margin-left: 250px
}

.cadastro-titulo {
    float: left;
    width: 100%;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 10px;
    font-weight: 300;
}

.campo-container {
    position: relative;
    float: left;
    width: 100%;
    height: 95px;
    text-align: left;
    line-height: 1
}


.campo-container.campo-container-small {
    width: 50%;
    padding-right: 20px
}

.campo-container.campo-container-full-small {
    padding-right: 20px
}

.campo-container.link-recuperacao {
    height: auto;
    padding: 0;
    text-align: left;
    margin-bottom: 20px
}

.campo-container.campo-container-text {
    font-family: 'Roboto';
    color: #555;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    height: auto;
    position: static;
    margin-bottom: 20px
}

.campo-container-options {
    height: auto;
    padding-bottom: 20px
}

.campo-container-options>label:not(.campo-label):not(.error) {
    float: left;
    width: auto;
    text-align: left;
    margin-top: 10px;
    margin-right: 10px
}

.campo-container-options>label:not(.campo-label):not(.error)>span {
    font-family: 'Roboto';
    color: #555;
    font-size: 15px;
    font-weight: 300;
    margin-left: 10px;
    cursor: pointer
}

.campo-container-options>label.error {
    position: static;
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px
}

.campo-container>label.campo-label {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-family: 'Roboto';
    color: #555;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    text-align: left
}

.form-group label {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 15px;
    color: #555
}

.campo-container>a {
    font-family: 'Roboto';
    color: #333;
    font-size: 13px;
    font-weight: 400
}

.campo-container>a:hover {
    text-decoration: underline;
    color: #222
}

.campo {
    float: left;
    width: 100%;
    height: 50px;
    font-family: 'Roboto';
    color: #555;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #ccc;
    padding: 0 10px;
    box-shadow: none;
    outline: 0;
    transition: all .2s ease-in-out;
    border-radius: 3px;
    box-sizing: border-box
}

.campo:focus {
    border: 1px solid #999
}

select.campo {
    padding: 7px
}

textarea.campo {
    padding-top: 15px;
    height: auto
}

.campo-container .btn-principal {
    max-width: 150px;
    float: none;
    margin-top: 5px!important
}

input.error,
select.error,
textarea.error {
    border-color: rgba(255, 0, 0, .6)
}

label.error {
    position: absolute;
    bottom: 10px;
    left: 0;
    font-weight: 400;
    color: rgba(255, 0, 0, .6);
    font-family: 'Roboto';
    font-size: 13px
}

label.error2 {
    position: static;
    float: left
}

.banner_home {
    float: left;
    width: 500px;
    height: 400px;
    background-color: #ccc
}

.cart-titulo {
    float: left;
    width: 100%;
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center
}

.cart-container {
    float: left;
    width: 100%
}

.cart-itens {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.cart-produto {
    float: left;
    width: 100%;
    padding: 20px;
    padding-right: 0
}

.cart-produto-foto {
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin-right: 30px;
    border-radius: 8px;
}

.cart-produto-foto img {
    max-width: 100%
}

.cart-produto-infos {
    float: left;
    width: 45%;
    margin-right: 20px
}

.cart-produto-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px
}

.cart-produto-preco {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 14px
}

.cart-produto-remover {
    float: left;
    width: 100%
}

.cart-produto-remover a {
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 14px
}

.cart-produto-remover i {
    color: #555
}

.cart-produto-remover a:hover {
    color: #333
}

.cart-produto-remover a:hover i {
    color: #333
}

.cart-produto-qtde {
    float: left;
    width: 200px;
    margin-right: 20px;
    text-align: center
}

.cart-produto-qtde .select-number{
    transform: scale(0.9);
}

.cart-produto-qtde>label {
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 15px
}

.cart-select {
    float: left;
    width: 100%;
    text-align: center
}

.cart-select>select {
    border: 1px solid #ccc;
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 14px;
    padding: 5px
}

.cart-select>input {
    border: 1px solid #ccc;
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    width: 80px
}

.select-number {
    display: inline-block
}

.select-number .select-number-control {
    float: left;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.select-number .select-number-control.disabled {
    cursor: default
}

.select-number .select-number-control.disabled i {
    color: rgba(0, 0, 0, .2)
}

.select-number>span {
    float: left;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-weight: 400;
    font-size: 18px;
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-left: 1px solid rgba(0, 0, 0, .15)
}

.cart-produto-subtotal {
    float: right;
    width: 15%;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    color: #222;
    font-weight: 400;
    font-size: 18px
}

.cart-options {
    float: left;
    width: 100%;
    margin-top: 40px
}

.cart-options-left {
    float: left;
    width: 400px
}

.cart-option {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.cart-option input {
    width: 70%;
    height: 42px;
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.cart-option .btn-principal {
    width: 30%;
    height: 42px;
    font-size: 14px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.cart-option-loading {
    display: none;
    position: absolute;
    top: 5px;
    right: -45px
}

.cart-option-loading i {
    color: rgba(0, 0, 0, .5)
}

.cart-option-result {
    display: none;
    float: left;
    width: 100%;
    margin-top: 20px;
    border: 1px dashed #ccc;
    padding: 10px
}

.cart-option-result-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #464952;
    font-weight: 300;
    font-size: 16px;
    text-transform: none;
    margin-bottom: 20px
}

.cart-option-result-texto {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    margin-bottom: 20px
}

.cart-option-result-item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer
}

.cart-option-result-item span {
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 14px;
    margin-left: 10px
}

.cart-option-result-item b {
    font-weight: 700
}

.cart-options-right {
    float: right;
    width: 402px
}

.cart-prices {
    float: left;
    width: 100%
}

.cart-prices>div {
    float: left;
    width: 100%;
    margin-bottom: 8px
}

.cart-prices>div>span {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    color: #555;
    font-weight: 400;
    font-size: 16px
}

.cart-prices>div>span:nth-child(1) {
    float: left;
    width: 200px
}

.cart-prices>div>span:nth-child(2) {
    float: left;
    width: 50px;
    text-align: center
}

.cart-prices>div>span:nth-child(3) {
    float: left;
    width: 150px;
    text-align: right
}

.cart-prices>.cart-total {
    margin-top: 20px
}

.cart-prices>.cart-total span {
    color: #333;
    font-weight: 400;
    font-size: 18px
}

.cart-prices>.cart-total span:last-child {
    color: #222
}

.cart-btns-container {
    float: right;
    width: 100%;
    margin: 40px 0
}

.cart-btns-container .btn-principal {
    float: right;
    color: #fff;
    margin-left: 20px;
    padding-top: 12px
}

.cart-btns-container .btn-secundario {
    float: right;
    padding-top: 12px;
    height: 40px;

}

.cart-empty {
    float: left;
    width: 100%;
    height: auto;
    margin: 40px 0
}

.cart-empty p:first-child {
    color: #333;
    margin-bottom: 20px;
    font-size: 24px;
    text-transform: uppercase
}

.cart-empty p {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    font-size: 17px;
    line-height: 22px;
    color: #555;
    text-align: center
}

.content-checkout {
    padding: 0!important
}

.checkout-btns-container {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.checkout-btns-container .btn-principal {
    float: none;
    display: inline-block
}

.checkout-btns-container a:last-child {
    margin-left: 20px
}

.header-checkout {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    padding: 15px 0;
    margin: 0;
    border: none
}

.header-checkout-container {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    text-align: center
}

.header-checkout-left {
    float: left;
    width: auto;
    margin-top: 20px
}

.header-checkout-left>span {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    font-size: 14px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left
}

.header-checkout-left>span:last-child {
    color: #555;
    font-weight: 400;
    margin-top: 5px
}

.header-checkout-logo {
    display: inline-block;
    width: 180px;
    margin-left: -65px;
    margin-top: 10px
}

.header-checkout-logo>img {
    max-width: 100%
}

.header-checkout-right {
    float: right;
    width: auto;
    margin-top: 20px
}

.header-checkout-right>span {
    float: left;
    width: 37px;
    height: 37px;
    text-align: center;
    margin-right: 5px
}

.header-checkout-right>span>i {
    color: #555;
    font-size: 36px;
    line-height: 37px
}

.header-checkout-right>div {
    float: left;
    float: left;
    width: 120px
}

.header-checkout-right>div>span {
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'Roboto';
    font-size: 14px;
    color: #333;
    font-weight: 300;
    text-transform: uppercase
}

.header-checkout-right>div>span:last-child {
    color: #555;
    font-weight: 400;
    margin-top: 5px
}

.checkout-steps-container {
    float: left;
    width: 100%;
    margin: 20px 0
}

.checkout-step {
    position: relative;
    float: left;
    width: 25%;
    text-align: center
}

.checkout-step:before {
    content: '';
    position: absolute;
    top: 18px;
    display: block;
    width: 100%;
    height: 5px;
    background: #ccc;
    z-index: -1
}

.checkout-step:first-child:before {
    border-radius: 3px 0 0 3px
}

.checkout-step:last-child:before {
    border-radius: 0 3px 3px 0
}

.checkout-step>span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc
}

.checkout-step>span>i {
    color: #fff;
    font-size: 18px;
    line-height: 40px
}

.checkout-step>label {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-family: 'Roboto';
    font-size: 15px;
    color: #666
}

.checkout-step.complete:before,
.checkout-step.complete>span {
    background: #875e3c
}

/* .checkout-step.complete>label {
    color: #999
} */

.checkout-step.active:before,
.checkout-step.active>span {
    background: #666
}

.checkout-step.active>label {
    color: #555
}

.checkout-step.invalid:before,
.checkout-step.invalid>span {
    background: #f44336
}

.checkout-step.invalid>label {
    color: #f44336
}

.checkout-container {
    float: left;
    width: 100%;
    margin-top: 40px
}

.checkout-endereco {
    float: left;
    width: 350px;
    margin-right: 35px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.checkout-endereco-container {
    float: left;
    width: 100%;
    margin-top: 5px
}

.checkout-endereco-tipo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    margin-bottom: 10px
}

.checkout-endereco-content {
    float: left;
    width: 100%;
    border: 1px dashed #ccc;
    padding: 15px;
    margin-bottom: 15px
}

.checkout-endereco-item {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    margin-bottom: 10px
}

.checkout-endereco-item>i {
    color: #999
}

.checkout-endereco-option {
    float: left;
    width: 100%;
    margin-top: -45px;
    padding-right: 10px
}

.checkout-endereco-option>.edit-endereco {
    float: right;
    border: none;
    background: #fff;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 300;
    color: #333
}

.checkout-endereco-option>.edit-endereco:hover {
    color: #222
}

.checkout-endereco-options {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    cursor: pointer
}

.checkout-entrega {
    float: left;
    width: 370px;
    margin-right: 40px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.modal-btn-endereco {
    margin-bottom: 20px;
    text-align: center
}

.modal-help-cep {
    float: left;
    margin-top: 45px;
    font-size: 13px
}

.modal-btn-endereco .btn-principal {
    max-width: 300px;
    float: none;
    border: 1px solid #ccc
}

.enderecos-cadastrados {
    width: 100%;
    display: inline-block
}

.endereco-cadastrado {
    border: 1px dashed #ccc;
    float: left;
    width: 260px;
    padding: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative
}

.endereco-cadastrado>div {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    margin-bottom: 10px
}

.endereco-cadastrado>.endereco-cadastrado-btn {
    float: left;
    width: 100%;
    margin-top: 5px
}

.endereco-cadastrado>div>i {
    color: #999
}

.checkout-formas-pagamento {
    float: left;
    width: 340px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.checkout-resumo {
    float: left;
    width: 100%
}

.checkout-resumo-btn {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center
}

.checkout-resumo-btn>.btn-secundario>i:last-child {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
    transition: transform .5s ease
}

.checkout-resumo-btn>.btn-secundario.open>i:last-child {
    transform: rotate(-180deg)
}

.checkout-resumo-btn>.btn-secundario>span {
    display: inline-block;
    background: #875e3c;
    width: 25px;
    height: 25px;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    font-weight: 300;
    font-family: Arial, Helvetica, sans-serif
}

.resumo-itens {
    display: none;
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 10px
}

.resumo-itens .cart-produto {
    margin: 0;
    padding: 10px
}

.resumo-more {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-align: center
}

.resumo-more>a {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 300;
    color: #333
}

.resumo-more>a:hover {
    color: #222;
    text-decoration: underline
}

.resumo-more>a:hover>i {
    color: #222
}

.checkout-section {
    float: left;
    width: 100%;
    border: 0 solid #ccc
}

.checkout-section-titulo {
    float: left;
    width: 100%;
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.checkout-section-titulo>i {
    color: #875e3c;
    font-size: 22px;
    margin-right: 5px
}

.checkout-section-error {
    display: none;
    float: left;
    width: 100%;
    text-align: center;
    color: #222;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 300;
    text-transform: none;
    margin-top: 10px
}

.checkout-section-error>i {
    color: #222;
    margin-right: 5px
}

.checkout-section-texto {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #555;
    line-height: 16px
}

.checkout-section-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.add-endereco {
    max-width: 100%
}

.add-endereco i {
    margin-right: 10px
}

.loading-cep {
    display: none;
    position: absolute;
    right: -25px;
    top: 20px
}

.loading-cep i {
    color: rgba(0, 0, 0, .5)
}

.ver-enderecos {
    max-width: 100%
}

.ver-enderecos:hover {
    background: 0 0;
    color: #464952
}

.ver-enderecos i {
    margin-right: 10px;
    color: #464952
}

.cumpo-container .campo {
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 42px;
    width: 230px!important
}

.cumpo-container .btn-principal {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.checkout-section-itens {
    float: left;
    width: 100%;
    border: 0 dashed #ccc;
    padding: 0
}

.checkout-section-item {
    float: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px
}

.checkout-section-item {
    float: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px
}

.checkout-section-item>.square {
    vertical-align: middle;
    margin-top: -1px
}

.checkout-section-item>span {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #555;
    line-height: 21px;
    font-weight: 400
}

.checkout-formas {
    float: left;
    width: 100%;
    border: 0 dashed #ccc;
    padding: 0
}

.cart-option-item {
    float: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px
}

.cart-option-item:last-child {
    margin-bottom: 0
}

.cart-option-item>.cart-option-input {
    float: left;
    display: none
}

.cart-option-item>.cart-option-icon {
    float: left;
    width: 70px;
    margin-right: 10px;
    opacity: .5
}

.cart-option-item>.cart-option-icon>img {
    max-width: 100%;
    filter: grayscale(1)
}

.cart-option-item>span {
    width: 230px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #555;
    line-height: 18px;
    font-weight: 400
}

.cart-option-item.checked>.cart-option-icon {
    opacity: 1
}

.cart-option-item.checked>.cart-option-icon>img {
    filter: grayscale(0)
}

.cart-option-item.checked span {
    color: #333
}

.cart-option-item-pag:last-child {
    margin-bottom: 0
}

.cart-option-item-pag>.cart-option-input-pag {
    float: left;
    display: none
}

.cart-option-item-pag>.cart-option-icon {
    float: left;
    width: 70px;
    margin-right: 10px;
    opacity: .5
}

.cart-option-item-pag>.cart-option-icon>img {
    max-width: 100%;
    filter: grayscale(1)
}

.cart-option-item-pag>span {
    width: 230px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #555;
    line-height: 18px;
    font-weight: 400
}

.cart-option-item-pag.checked>.cart-option-icon {
    opacity: 1
}

.cart-option-item-pag.checked>.cart-option-icon>img {
    filter: grayscale(0)
}

.cart-option-item-pag.checked span {
    color: #333
}

.cumpo-container {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd
}

.cumpo-container>.campo-container {
    height: auto
}

.cumpo-container>.campo-container>.campo {
    width: 150px;
    border-right: none
}

.cumpo-container>.campo-container>.btn-principal {
    float: left;
    margin-top: 0!important;
    font-size: 14px;
    max-width: 100px;
    height: 42px
}

.cumpo-container>.campo-container>.loading {
    float: left;
    margin-left: 5px
}

.cumpo-container>.campo-container>.loading>i {
    color: rgba(0, 0, 0, .5)
}

.checkout-valores {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    padding-bottom: 50px
}

.checkout-valor {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.checkout-valor-btn {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    text-align: center
}

.checkout-valor-btn>.btn-secundario {
    max-width: 100%;
    font-size: 13px;
    height: 35px
}

.checkout-valor-btn>.btn-principal>i {
    color: #464952;
    margin-right: 10px
}

.checkout-valor>span:first-child {
    float: left;
    text-align: left;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.checkout-valor>span:last-child {
    float: right;
    text-align: right;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
    color: #333
}

.checkout-valor-total {
    margin-top: 30px
}

.checkout-valor-total>span {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Roboto';
    color: #333
}

.checkout-valor-total>span:nth-child(1) {
    float: left
}

.checkout-valor-total>span:nth-child(2) {
    float: right;
    text-align: right;
    color: #222
}

.checkout-valor-total>span:nth-child(3) {
    float: left;
    width: 100%;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    margin-top: 10px
}

.checkout-finalizar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .26)
}

.checkout-finalizar .btn-principal {
    float: none
}

.checkout-finalizar .checkout-finalizar-total {
    display: inline-block;
    margin-right: 40px;
    width: 300px
}

.checkout-finalizar .checkout-finalizar-total>span {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Roboto';
    color: #333
}

.checkout-finalizar .checkout-finalizar-total>span:nth-child(2) {
    font-size: 24px;
    color: #222
}

.checkout-finalizar .checkout-finalizar-total>span:nth-child(3) {
    float: left;
    width: 100%;
    font-weight: 400;
    text-transform: none;
    color: #555;
    margin-top: 5px
}

.checkout-footer {
    float: left;
    width: 100%;
    background: #222;
    height: auto;
    padding-bottom: 30px;
    margin-top: 80px;
    border-top: 0px #ddd solid;
    padding-top: 20px;
    padding-bottom: 20px
}

.checkout2-footer {
    float: left;
    width: 100%;
    background: #222;
    height: auto;
    padding-bottom: 20px
}

.checkout-footer-item {
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-top: 10px
}

.checkout-footer-item2 {
    float: left;
    width: 220px;
    margin-right: 40px;
    margin-top: 10px;
    margin-left: 60px
}

.checkout-footer-item3 {
    float: left;
    width: 400px;
    margin-right: 50px;
    margin-top: 10px
}

.checkout-footer-item4 {
    float: left;
    width: 200px;
    margin-right: 0;
    margin-top: 10px
}

.checkout-footer-item-full {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.itens_footer_checkout {
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #fff;
    margin-bottom: 14px
}

.checkout-footer-titulo {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 20px
}

.checkout-footer-texto {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    margin-bottom: 10px
}

.formas-pagamento-checkout {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 15px
}

.checkout-footer-texto-atendimento {
    float: left;
    width: 100%;
    font-family: 'Roboto';
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    margin-bottom: 10px
}

.checkout-footer-texto>img {
    max-width: 100%
}

.checkout-footer-texto>a {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    color: #fff;
}

.checkout-footer-texto>a:hover {
    text-decoration: underline;
    color: #9f7334
}

.txt-pagamento-small {
    text-transform: normal!important;
    font-weight: 400!important;
    font-size: 16px
}

.user-bar-top {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.user-bar-message {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    color: #333
}

.user-bar-message>i {
    color: #222;
    margin-right: 5px
}

.user-sidebar {
    float: left;
    width: 260px;
    margin-right: 25px;
    margin-top: 50px
}

.user-sidebar-header {
    float: left;
    width: 100%;
    height: 50px;
    background: #e5e5e5;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.user-sidebar-header>span:first-child {
    float: left;
    width: 35px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.user-sidebar-header>span:first-child>i {
    color: #555;
    font-size: 24px
}

.user-sidebar-header>span:last-child {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
    margin-top: 18px;
    margin-left: 10px
}

.user-sidebar-itens {
    float: left;
    width: 100%
}

.user-sidebar-item {
    float: left;
    width: 100%;
    border-bottom: 2px solid #ddd;
    padding: 15px;
    padding-left: 0
}

.user-sidebar-item>span:first-child {
    float: left;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-sidebar-item>span:first-child>i {
    color: #999;
    font-size: 16px
}

.user-sidebar-item>span:last-child {
    float: left;
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #555
}

.user-sidebar-item:hover>span:last-child {
    color: #222
}

.user-sidebar-item:hover>span:first-child>i {
    color: #555
}

.user-content {
    float: left;
    width: 865px
}

.user-content-title {
    float: left;
    width: 100%
}

.user-content-title>span:first-child>i {
    font-size: 20px;
    color: #222;
    margin-right: 10px
}

.user-content-title>span:last-child {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #333
}

.user-content-subtitle {
    float: left;
    width: 100%;
    margin-top: 20px
}

.user-content-subtitle>span {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #555
}

.user-content-body {
    float: left;
    width: 100%;
    min-height: 250px;
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 15px
}

.user-content-body-header {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.filtro-search {
    float: left;
    position: relative;
    width: 100%;
    height: 35px;
    max-width: 300px
}

.filtro-search>.campo {
    padding-right: 40px;
    height: 40px
}

.filtro-search>button {
    position: absolute;
    right: 10px;
    top: 7px;
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none
}

.filtro-search>button>i {
    font-size: 20px;
    color: #222
}

.user-pedidos {
    float: left;
    width: 100%;
    margin-top: 20px
}

.user-pedido {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px
}

.user-pedido-itens {
    float: left;
    width: 250px;
    border-right: 1px solid #ddd;
    margin-right: 20px;
    text-align: center
}

.user-pedido-fotos {
    display: inline-block!important;
    width: 90px;
    height: 130px
}

.user-pedido-fotos>img {
    max-width: 100%
}

.user-pedido-qtde {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-top: 10px
}

.user-pedido-status {
    float: left;
    width: 250px;
    border-right: 1px solid #ddd;
    margin-right: 20px;
    text-align: center;
    padding-top: 40px
}

.user-pedido-status>span {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #555;
    margin-bottom: 10px
}

.status_pedido_color_1 {
    color: #2196f3
}

.status_pedido_color_2 {
    color: #4caf50
}

.status_pedido_color_3 {
    color: #2196f3
}

.status_pedido_color_4 {
    color: #2196f3
}

.status_pedido_color_5 {
    color: #4caf50
}

.status_pedido_color_6 {
    color: #f44336
}

.status_pedido_color_7 {
    color: #f44336
}

.user-pedido-infos {
    float: left;
    width: 250px;
    padding-top: 10px
}

.user-pedido-infos-item {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #555;
    margin-bottom: 10px
}

.user-pedido-infos-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.user-pedido-infos-btn .btn-principal {
    float: left;
    max-width: 200px;
    font-size: 15px
}

.user-content-body-header>.checkout-steps-container>.checkout-step {
    width: 20%
}

.user-content-body-header>.checkout-steps-container.invalid>.checkout-step {
    width: 50%
}

.user-content-body-header>.checkout-steps-container>.checkout-step>label {
    font-size: 14px;
    padding: 0 10px
}

.user-pedido-detalhe-status {
    display: flex;
    justify-content: center;
    width: 100%;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px
}

.user-pedido-detalhe-status>div:first-child {
    float: left;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-top: 0
}

.user-pedido-detalhe-status>div.complete:first-child {
    background: #222
}

.user-pedido-detalhe-status>div.invalid:first-child {
    background: #f44336
}

.user-pedido-detalhe-status>div:first-child>i {
    color: #fff;
    font-size: 20px;
;
}

.user-pedido-detalhe-status>div:last-child {
    float: left;
    width: 300px
}

.user-pedido-detalhe-status>div:last-child>span:first-child {
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-bottom: 5px
}

.user-pedido-detalhe-status>div:last-child>span:last-child {
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.user-pedido-itens-detalhe {
    float: left;
    width: 100%
}

.user-pedido-itens-detalhe>.cart-produto {
    border-bottom: 1px solid #ddd
}

.user-pedido-itens-detalhe>.cart-produto>.cart-produto-infos {
    width: 300px
}

.user-pedido-itens-detalhe>.cart-produto>.cart-produto-infos>.cart-produto-titulo {
    font-size: 14px
}

.user-pedido-itens-detalhe>.cart-produto>.cart-produto-infos>.cart-produto-preco {
    margin-bottom: 10px
}

.user-pedido-itens-detalhe>.cart-produto>.cart-produto-qtde {
    width: 180px
}

.user-pedido-itens-detalhe>.cart-produto>.cart-produto-qtde>.cart-produto-titulo {
    font-size: 14px
}

.user-pedido-itens-detalhe>.cart-produto>.cart-produto-subtotal>.cart-produto-titulo {
    font-size: 14px
}

.user-pedido-itens-detalhe>.cart-produto>.cart-produto-subtotal>label {
    font-size: 16px
}

.user-detalhe-pedido-enderecos {
    float: left;
    width: 350px;
    margin-top: 30px
}

.user-detalhe-pedido-resumo {
    float: right;
    width: 350px
}

.user-detalhe-pedido-resumo>.checkout-valores {
    border: none
}

.user-dados {
    float: left;
    width: 50%;
    padding: 10px 10px 10px 0;
    margin-bottom: 10px
}

.user-dados>label:first-child {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 300;
    margin-bottom: 10px
}

.user-dados>label:last-child {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #555;
    font-weight: 400
}

.user-dados-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.user-dados-btn>.btn-principal {
    float: none;
    max-width: auto;
    width: auto;
    padding: 0 20px
}

.user-content-body>.checkout-endereco-container {
    width: 250px;
    margin-left: 20px;
    margin-bottom: 20px
}

.user-content-body>.caixa-prod-rec {
    width: 195px
}

.pag-sidebar {
    float: left;
    width: 260px;
    margin-right: 25px;
    margin-top: 10px;
    padding-right: 30px;
    border-right: 1px #ddd dotted;
    font-size: 13px;
    font-family: 'Roboto', sans-serif
}

.pag-sidebar-itens {
    float: left;
    width: 100%
}

.pag-sidebar-item {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #ddd;
    padding: 13px;
    padding-left: 0
}

.pag-sidebar-item>span {
    float: left;
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #555
}

.pag-sidebar-item:hover>span {
    color: #222
}

.pag-sidebar-item:hover>span>i {
    color: #555
}

.pag-content {
    float: left;
    width: 865px;
    margin-top: 0
}
.pag-content.full {
    float: left;
    width: 100%;
    margin-top: 0
}


.pag-content-title {
    font-size: 20px;
    font-weight: 300;
    color: #333;
    font-family: 'Roboto';
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 10px
}

.pag-content-subtitle {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #555
}

.pag-content-body {
    float: left;
    width: 100%;
    margin-top: 0px;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #555
}

.segura-fotos-institucionais{
    float: left;
    width: calc(100% + 20px);
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.row-loja{
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.segura-fotos-institucionais a{
    float: none;
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 20px;
}

.segura-fotos-institucionais a figure img{
border-radius: 8px;
overflow: hidden;
}

.item-bloco-institucional{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
}
.item-bloco-institucional figure img{
    border-radius: 8px;
    overflow: hidden;
}
.item-bloco-institucional p{
    color: #555;
}

.item-bloco-institucional:nth-child(2n+2) figure{
    float: right;
    padding-left: 20px;
    padding-right: 0px;
}

.item-bloco-institucional figure{
    float: left;
    max-width: 500px;
    padding-right: 20px;
}
.item-bloco-institucional h2{
    display: block;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    color: #875e3c;
}
.item-bloco-institucional h3{
    display: block;
    line-height: 20px;
}

#newsletter-full {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #4e3c2a;
}

.newsletter {
    width: 100%;
    text-align: center;
    height: auto;
    float: left;
    display: flex;
    justify-content: center;
}

.newsletter .campo {
    float: left;
    width: calc(100% - 150px);
    height: 45px;
    border-radius: 0
}

.btncadnews {
    max-width: 120px;
    height: 30px;
    background: #875e3c;
    color: #fff;
    border:none;
    font-size: 13px;
    float: left;
    margin-top: 10px;
    font-family: 'Roboto' !important;

}

.newsletter .btn-principal{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.newsletter>h2 {
    float: left;
    color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    padding-right: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Roboto';
}

#formnews{
    float: left;
    width: 61.7%;
    border-radius: 8px;
    overflow: hidden;
}

.addnews{
    width: 150px;
    height: 45px !important;
    font-weight: 300;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.newsletter>h3 {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
    text-shadow: 2px 2px 2px #333
}

.campoformnews{
    float: left;
    width: 240px;
    height: 35px;
    border-radius: 0;
    background: #fff;
    border:1px #ddd solid;
    color: #666;
    padding-left: 5px;
}
#top-footer {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 30px;
    background-color: #eee
}

.box-footer-1 {
    float: left;
    width: 330px;
    height: auto;
    margin-top: 10px
}
    
.box-footer-2 {
    float: left;
    width: 395px;
    height: auto;
    margin-top: 10px
}

.box-footer-3 {
    float: left;
    width: 425px;
    height: auto;
    margin-top: 10px
}

.box-footer-icon {
    float: left;
    width: 22px;
    height: 23px;
    margin-right: 10px
}

.box-footer-icon i {
    font-size: 18px;
    color: #875e3c
}

.box-footer-icon-2 {
    float: left;
    width: 22px;
    height: 23px;
    margin-right: 10px
}

.box-footer-icon-2 i {
    font-size: 22px;
    color: #875e3c
}

.box-footer-txt {
    float: left;
    font-size: 14px;
    font-family: 'Roboto';
    color: #333;
    margin-top: 4px;
    text-transform: uppercase
}

.linha-footer {
    float: left;
    width: 100%;
    height: 0;
    background-color: #ddd;
    margin-top: 0
}

.footer {
    background: #ffffff;
    color: #fff;
    padding: 15px 0;
    padding-top: 30px;
    margin-top: 0px;

}

.footer-item {
    float: left;
    width: 190px;
    height: auto;
    margin-right: 0px
}
.footer-item:nth-child(2){
    width: 240px;
}

.footer-item>h2 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #875e3c;
}

.footer-item>h3 {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.footer-item>.footer-links {
    float: left;
    width: 100%
}

.footer-item>.footer-links>li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    line-height: 18px;
    color: #555;
    font-size: 13px
}

.footer-item>.footer-links>li>a {
    color: #555;
    font-size: 13px
}

.footer-item>.footer-links>li>i {
    color: #333;
    font-size: 16px;
    margin-right: 5px
}

.footer-item-atendimento {
    width: 280px;
    margin-right: 50px;
}

.footer-item-social {
    width: 150px;
    margin-right: 0
}

.footer-item .redes-sociais {
    float: left;
    width: auto;
    margin-top: 0px
}

.footer-item .redes-sociais>a {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 0 solid #875e3c;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    margin-right: 10px;
    outline: 0;
    transition: .3s ease-out;
    background: #875e3c
}

.footer-item .redes-sociais>a.facebook:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.footer-item .redes-sociais>a.instagram:hover {
    background: #a322a1;
    border-color: #a322a1;
    color: #fff
}

.footer-item .redes-sociais>a.youtube:hover {
    background: #de2825;
    border-color: #de2825;
    color: #fff
}

.footer-item .redes-sociais>a.pinterest:hover {
    background: #de2825;
    border-color: #de2825;
    color: #fff
}

.formas-pagamento {
    width: 100%;
    height: auto;
    text-align: center
}

.formas-pagamento img {
    max-width: 60%
}

.infos-box-footer{ 
float: left;
width: 100%;
margin-bottom: 25px;
 }

.barra-footer {
    float: left;
    width: 100%;
    padding: 0 0;
    background: #ffffff;
    color: #555;
    padding-bottom: 20px;
    padding-top: 20px;
}

.barra-footer .link {
    color: #555
}

.barra-footer .barra-footer-esquerda {
    float: left;
    width: 100%;
    font-size: 13px;
    text-align: center;
    color: #555;
    margin-bottom: 10px
}

.barra-footer .barra-footer-direita {
    float: left;
    width: 100%;
    font-size: 13px;
        color: #555;

    text-align: center
}

.seguranca-footer {
    float: left;
    width: 100%;
    margin-top: 20px
}

.gotop {
    position: fixed;
    z-index: 3;
    bottom: 60px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #875e3c;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    transition: .3s ease-out
}

.gotop::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    transform: rotate(45deg);
    border-bottom: none;
    border-right: none;
    margin-top: 20px
}

.gotop:hover {
    transform: scale(1.1)
}

.box_ban_home {
    display: inline-block;
    width: calc(100% - 20px) !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
    height: auto;
    border-radius: 8px;
    margin-top: 0px;
    overflow: hidden
}
.box_ban_home img{
    overflow: hidden;
    border-radius: 8px;
}

.box_ban_home:nth-child(3n+3) {
    margin-right: 0
}

.box_ban_home img {
    max-width: 100%;
    transition: .5s ease-out
}

.nome_banner {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 45px;
    float: left;
    margin-top: 100px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.nome_banner2 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff
}

.subtitulo_banner {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff
}

.box_ban_home_cat {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-right: 15px;
    margin-bottom: 15px;
    overflow: hidden
}

.box_ban_home_cat:nth-child(2n+2) {
    margin-right: 0
}

.box_ban_home_cat img {
    max-width: 100%;
    transition: .5s ease-out
}

.alert {
    width: 100%;
    margin: 15px 0
}

.itens_pagamento {
    width: 99%;
    height: auto;
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 8px;
    text-align: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    cursor: pointer
}

.itens_pagamento h2 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #555
}

.itens_pagamento h2 i {
    color: #222
}

.campos_cartao {
    width: 100%;
    line-height: 15pt;
    float: left;
    margin-top: 18px;
    margin-bottom: 18px;
    height: auto;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #555
}

.linha_campos_cartao {
    width: 98%;
    height: auto;
    float: left;
    margin-bottom: 10px
}

.formata_campo_cartao {
    padding: 3px 3px 3px 8px;
    border-radius: 3px;
    border: 1px solid #dedede;
    font-family: 'Roboto', sans-serif;
    color: #555;
    margin-bottom: : 5px;
    margin-left: : 10px
}

.campo_cartao_geral {
    width: 85%;
    height: 35px
}

.campo_cartao_peq {
    width: 35%;
    height: 35px
}

.campo_cartao_expeq {
    width: 30%;
    height: 35px
}

.campo_cartao_med {
    width: 90%;
    height: 35px
}

.txt_cartao {
    margin-left: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    width: 100%;
    float: left
}

.cor_botao {
    color: #fff;
    background-color: #222;
    border: none
}

.alinha_img_cartao {
    float: left;
    margin-top: 8px;
    width: 50%;
    text-align: left
}

.alinha_campo_cartao {
    float: left;
    margin-top: 5px;
    width: 50%
}

.icones_brands {
    margin: 3px;
    border-radius: 3px;
    border: 1px solid #dedede;
    padding: 2px 3px 0 3px;
    width: auto;
    float: left
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    cursor: pointer;
    display: block;
    width: 8px;
    color: #333;
    text-align: center;
    position: relative
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0
}

.msg_aviso {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #222
}

.btn-principal-boleto {
    border: none;
    font-family: 'Roboto';
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 300px;
    height: 45px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #875e3c;
    margin-top: 20px
}

.btn-principal-boleto:active,
.btn-principal-boleto:hover {
    background: #8d0c0c
}

.infos_retorno_pagamento {
    width: 100%;
    height: auto;
    float: left;
    text-align: center
}

.dados_finalizacao {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'Roboto';
    font-size: 16px;
    color: #333
}

.dados_pedido_finalizacao {
    width: 20%;
    height: auto;
    float: left;
    margin-left: 320px;
    line-height: 21pt;
    margin-top: 50px
}

.dados_pagamento_finalizacao {
    width: 100%;
    height: auto;
    float: left;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #333;
    text-align: left
}

.cod_pedido {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #222
}

.total_pagamento_finalizacao {
    font-size: 15px
}

.msg_finalizacao {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin-bottom: 10px
}

.green {
    color: #222
}

.left-pay {
    float: left;
    width: 47%;
    height: 240px;
    background-color: #ffffff;
    margin-right: 22px;
    padding-left: 20px;
    border: 1px solid #ddd !important;
    border-radius: 8px;
    padding-right: 20px;
    padding-top: 90px
}

.right-pay {
    float: left;
    width: 50%;
    height: 240px;
    background-color: #ffffff;
    border: 1px solid #ddd !important;
    border-radius: 8px;
    padding-left: 20px;
    padding-top: 20px
}

.btn-principal-boleto {
    border: none;
    font-family: 'Roboto';
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    width: 100%;
    max-width: 300px;
    height: 45px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #875e3c;
    margin-top: 0
}

.btn-principal-boleto:active,
.btn-principal-boleto:hover {
    background: #875e3c
}

.exibe_cupom {
    padding: 5px;
    border: 1px dashed #222;
    color: #222
}

.fb-login-container,
.fb-login-container * {
    box-sizing: border-box
}

.fb-login-container {
    float: left;
    width: 100%;
    text-align: center
}

.btn-facebook {
    border: none;
    background: #3b579d;
    color: #fff;
    height: 50px;
    padding: 0 15px;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    font-family: sans-serif;
    display: inline-block;
    transition: .3s ease-out
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
    background: #29487d
}

.btn-facebook i {
    vertical-align: bottom;
    margin-right: 10px
}

.btn-facebook.desvincular {
    background: #ddd;
    color: #3b579d
}

.btn-facebook.desvincular:active,
.btn-facebook.desvincular:focus,
.btn-facebook.desvincular:hover {
    background: #ccc
}

.btn-facebook.desvincular i {
    color: #3b579d
}

.login-alt,
.login-alt * {
    box-sizing: border-box
}

.login-alt {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0;
    text-align: center
}

.login-alt::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d7dcde
}

.login-alt span {
    display: inline-block;
    background: #fef7e5;
    padding: 5px 10px;
    max-width: 90%;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #666
}

@media only screen and (max-width:480px) {
    body {
        padding-top: 85px
    }
    .slide-item .slide-image{
        height: 400px;
    }
    .btn-principal-detalhe{
        width: 100%;
        margin-right: 0px;
        max-width: inherit;
    }
    .btn-principal-detalhe.menor{
        width: 100%;
        margin-right: 0px;
        max-width: inherit;

    }
    .produto-detalhe .btn-principal{
        max-width: inherit !important;
        width: 100%;
    }
    .selectdif{
        width: 100% !important;
    }
    .item-bloco-institucional{
        margin-top: 0px;
    }
    .item-bloco-institucional figure{
        float: left !important;
        margin-bottom: 20px;
        padding: 0px !important;
    }
    .item-bloco-institucional h2{
        font-size: 16px;
    }
    .segura-fotos-institucionais{
        flex-wrap: wrap;
    }
    .segura-fotos-institucionais a{
        width: calc(50% - 20px);
    }
    .cart-empty p:first-child{
        font-size: 16px;
    }
    .cart-empty p{
        font-size: 14px;
    }
    .bg-video{
    height: 50vh;
    }
    .bg-video video{
        margin-top: 0px;
    }
    .bg-video video{
        min-height: 50vh;
    }
    .bg-video-titulo{
        margin-bottom: 30px;
    }
    .bg-video-content .btn-principal{
        margin-top: 20px;
    }
    .bg-video-content .btn-principal a{
        font-size: 14px;
    }
    .bg-video video{
        width: 180%;
        position: relative;
        left: -45%;
    }
    .bloco-post-dest h3{
        font-size: 12px;
    }
    .caixa-ambiente div span h3{
        font-size: 14px;
    }
    .caixa-ambiente div span small{
        font-size: 11px;
    }
    .bg-video-texto{
        font-size: 14px;
    }

    .btn-comprar-whats{
        width: 270px;
    }
    .visible-desktop {
        display: none !important;
    }
    .visible-mobile {
        display: block !important;
    }
    .cadastro-box-login.menor{
        width: 100%;
    }
    .produto-titulo{
        padding: 0 10px;
    }
    .item-depoimento{
        margin: 0px;
    }
.segura-stars{
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
    .segura-campos-comentarios{
        width: calc(100% + 0px);
    }
    .footer-item>h2 { color: #555;}
    .content {
        padding: 25px 10px
    }
    .titulos {
        font-size: 18px
    }
    .titulos::after{
        margin-left: 10px;
        width: 24px;
        height: 24px;
    }
    .titulos::before{
        margin-right: 10px;
        width: 24px;
        height: 24px;
    }
    .formas-pagamento img{
        max-width: 100%;
    }
    .seguranca-footer{
        text-align: center;
    }
    .seguranca-footer img{
        display: inline-block;
    }
    .slide_home {
        margin-bottom: 0;
        margin-top: 0
    }
    .segura-banners-categorias{
      width: calc(100% - 20px);
    }
    .segura-top-slide-icons{
        display: none;
    }
    .carousel_home {
        margin-left: 18px;
        width: 90%;

    }
    .carrosel-linhas {
        margin-left: 18px;
        width: 90%;

    }
    .bloco-post-dest span{
        position: relative;
        left: -4px;
    }
    .preco_boleto_produto strong{
        font-size: 14px;
    }
    .preco_boleto_produto{
        margin-top: 10px;
    }



    .box_ban_home {
        width: calc(100% - 20px) !important;
        margin-right: 10px !important;
        margin-left: 10px !important;
        margin: 0;
        margin-bottom: 0%;
        height: auto
    }
    .box_ban_home img {
        max-width: 100%
    }
    .box_ban_home_cat {
        display: inline-block;
        width: 95%;
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: 2.5%;
        padding-bottom: 60px;
    }
    .institucional_home figure {
        width: 100%;
        margin-right: 0
    }
    .institucional_home_direita {
        width: 100%;
        margin-top: 20px
    }
    .blog-posts {
        width: 100%;
        border-right: none;
        padding-right: 0;
        text-align: center
    }
    .blog-post figure {
        margin-right: 0;
        float: none;
        display: inline-block;
        margin-bottom: 10px
    }
    .blog-pots-infos {
        width: 100%;
        height: auto;
        text-align: left
    }
    .blog-post span {
        position: static;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .blog-post .blog-pots-infos a {
        position: static;
        display: inline-block;
        margin-top: 20px
    }
    .blog-lateral {
        width: 100%;
        padding-left: 0;
        margin-top: 40px
    }
    .post-titulo {
        text-align: left;
        font-size: 20px;
        margin-bottom: 20px
    }
    .post-foto {
        margin-bottom: 20px
    }
    .post-foto img {
        max-width: 100%
    }
    .post-texto {
        text-align: left
    }
    .blog-post-destaque {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }
    .caixa_produtos {
        width: 45%;
        height: auto;
        margin-right: 20px;
        margin-bottom: 10px
    }
    .caixa_produtos_vitrine {
        width: calc(50% - 10px);
        height: auto;
        margin-left: 5px;
        margin-bottom: 25px;
        margin-right: 5px;
    }
    .caixa_produtos_vitrine_3 {
        width: calc(50% - 20px);
        height: 300px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px
    }
    .preco_produto {
        float: left;
        width: 100%;
        height: 20px;
        text-align: left
    }
    .titulo_produto {
        font-size: 11px;
        line-height: 13px;
        height: 14px
    }
    .de_preco {
        font-size: 12px;
        margin: 0;
        margin-bottom: 0px
    }
    .por_preco {
        font-size: 12px;
        margin: 0
    }
    .segura-botao-comprar-produto .btn-principal {
        width: 100%;
        font-size: 12px;
        height: 35px;
    }
    .parcelamento_produto {
        float: left;
        width: 100%;
        height: auto;
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        color: #555;
        text-align: left;
        margin-top: 5px;
    }
    .barra-navegacao {
        display: none
    }
    .direita-produtos {
        width: 100%;
        margin: 10px 0
    }
    .banner-produtos {
        height: 100px
    }
    .header-titulo {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
    .header-titulo a {
        display: none
    }
    .header-titulo a:last-child {
        display: block
    }
    .header-titulo i {
        display: none
    }
    .header-registros {
        display: none
    }
    .header-ordem {
        text-align: center;
        float: none
    }
    .flag-prod {
        display: none
    }
    .filtros-container {
        display: none;
        width: 100%;
        background: #ddd;
        padding: 0 10px
    }
    .filtro {
        border: 1px solid #ddd
    }
    .filtro header {
        background: #fff
    }
    .filtro header .filtro-toggle {
        border: none
    }
    .filtro header .filtro-toggle i {
        color: #555
    }
    .filtro .itens-filtro li {
        border: none;
        margin-top: 8px
    }
    .filtro .itens-filtro li a span,
    .filtro .itens-filtro li label span {
        display: inline-block;
        float: right;
        color: #fff;
        background: #666;
        padding: 4px 8px;
        border-radius: 8px
    }
    .btn-fechar-filtros {
        display: block
    }
    .exibe-filtros-mobile {
        display: block
    }
    .produto-fotos-thumbs {
        width: 100%;
        text-align: center
    }
    .produto-fotos-thumbs.visible-mobile {
        float: left;
        width: 90%;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .foto-thumb {
        margin: 0 10px;
        padding: 0px;
    }
    .produto-titulo {
        float: left;
        width: 100%;
        font-family: 'Roboto';
        font-size: 16px;
        font-weight: 400;
        color: #333;
        line-height: 18px;
        margin-bottom: 10px
    }
    .caixa-prod-rec {
        width: 150px
    }

    .btn-principal-newsletter {
    float: left;
    border: none;
    font-family: 'Roboto';
    font-size: 13px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    width: 100%;
    max-width: 130px;
    height: 35px;
    border:0px #222 solid;
    transition: all .2s ease-in-out;
    outline: 0;
    box-shadow: none;
    background: #222
}

    .btn-principal {
        float: left;
        border: none;
        font-family: 'Roboto';
        font-size: 15px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        width: 100%;
        max-width: 300px;
        height: 40px;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        outline: 0;
        box-shadow: none;
    }
    .avaliacao-anchor{
        margin-top: 20px;
    }
    .caixa-prod-rec .caixa-prod-rec-info {
        height: auto
    }
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco,
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .por_preco {
        font-size: 12px
    }
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco {
        margin-right: 5px
    }
    .caixa-prod-rec .caixa-prod-rec-compra {
        height: auto;
        display: block
    }
    .caixa-prod-rec2 {
        width: 45%;
        padding: 10px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco,
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .por_preco {
        font-size: 12px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco {
        margin-right: 5px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .compre-junto-tam select {
        font-size: 12px
    }
    .compre-junto-symbol {
        margin-top: 50px;
        padding: 5px 5px
    }
    .compre-junto-symbol .fa-pause {
        display: none
    }
    .compre-junto-comprar {
        margin-top: 0;
        margin-left: 50px
    }
    .avaliacoes-table .avaliacoes-table-row .desc-avaliacao {
        display: none
    }
    .avaliacoes-table .avaliacoes-table-row .porcentagem {
        float: left
    }
    .avaliacoes-table .avaliacoes-table-row .label-star {
        margin-right: 20px
    }
    .avaliacoes-table .avaliacoes-table-row .progress-barx {
        display: none
    }
    .avaliacoes-form-content {
        margin-left: 0;
        margin-top: 20px
    }
    .avaliacao .avaliacao-header {
        width: 100%;
        margin-right: 0
    }
    .avaliacao .avaliacao-coment {
        width: 100%;
        margin-top: 10px
    }
    .cart-produto {
        padding: 20px 10px;
        text-align: center;
        margin-bottom: 10px;
        border: 1px solid #ddd
    }
    .cart-produto-foto {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 10px
    }
    .cart-produto-infos {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
    .cart-produto-qtde {
        width: 100%;
        margin-right: 0
    }
    .cart-produto-qtde>label {
        margin-bottom: 0;
        margin-top: 15px;
        margin-right: 10px;
        vertical-align: top
    }
    .cart-produto-subtotal {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
    .cart-options-left {
        width: 100%
    }
    .cart-option-loading {
        display: none;
        float: left;
        width: 100%;
        position: static;
        text-align: center;
        margin-top: 10px
    }
    .cart-options-right {
        float: left;
        width: 100%
    }
    .cart-prices>div>span:nth-child(1) {
        width: 50%
    }
    .cart-prices>div>span:nth-child(2) {
        width: 10%
    }
    .cart-prices>div>span:nth-child(3) {
        width: 40%
    }
    .cart-btns-container {
        float: left;
        text-align: center
    }
    .cart-btns-container .btn-principal {
        float: none;
        display: inline-block;
        margin-left: 0;
        margin-bottom: 20px
    }
    .produto-secao .produto-secao-titulo {
        font-size: 17px
    }
    .produto-preco{
        margin-top: 20px;
    }
    .tot_parcelamento{
        width: 40%;
    }
    .item_parcelamento{
        width: 60%;
    }
    .cart-btns-container .btn-secundario {
        float: none;
        display: inline-block
    }
    .cadastro-box-login {
        width: 100%
    }
    .cadastro-box-completo {
        width: 100%;
        margin-left: 0
    }
    .cadastro-box-simples {
        width: 100%;
        margin-left: 0
    }
    .campo-container.campo-container-small {
        width: 100%;
        padding-right: 0
    }
    .campo-container.campo-container-full-small {
        padding-right: 0
    }
    .campo-container-options>label:not(.campo-label):not(.error) {
        width: 100%;
        margin-right: 0
    }
    .header-checkout-left {
        width: 50%;
        margin-top: 0;
        padding-left: 30px
    }
    .header-checkout-logo {
        width: 70%;
        text-align: center;
        margin-bottom: 20px;
        margin-left: 0
    }
    .header-checkout-right {
        width: 50%;
        margin-top: 0
    }
    .checkout-btns-container .btn-principal {
        width: 100%;
        margin-bottom: 20px
    }
    .checkout-btns-container a:last-child {
        margin-left: 0
    }
    .checkout-step>label {
        font-size: 13px
    }
    .checkout-container {
        margin-top: 20px
    }
    .checkout-container .fontpay {
        font-family: 'Roboto';
        font-size: 15px
    }
    .checkout-endereco {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .checkout-entrega {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .endereco-cadastrado {
        width: 100%;
        margin-right: 0
    }
    .checkout-formas-pagamento {
        width: 100%
    }
    .modal-help-cep {
        margin: 0;
        float: right
    }
    .modal-body p {
        color: #999;
        font-size: 14px;
        margin-bottom: 20px;
        font-family: 'Roboto';
        font-size: 15px;
        line-height: 21px
    }
    .btn-modal {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px
    }
    .checkout-section {
        margin-bottom: 20px
    }
    .loading-cep {
        right: 0
    }
    .checkout-finalizar .checkout-finalizar-total {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px
    }
    .checkout-footer-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 0 10px
    }
    .checkout-footer-item2 {
        width: 95%;
        margin-left: 10px;
        margin-right: 0
    }
    .checkout-footer-item3 {
        width: 95%;
        margin-left: 10px;
        margin-right: 0
    }
    .checkout-footer-item4 {
        width: 95%;
        margin-left: 10px;
        margin-right: 0
    }
    .user-bar-message {
        margin: 10px 0
    }
    .user-sidebar {
        display: none
    }
    .user-content {
        width: 100%;
        margin-top: 20px
    }
    .user-content-title {
        text-align: center
    }
    .user-content-subtitle {
        text-align: center;
        font-size: 16px;
    }
    .user-content-title>span:first-child>i {
        font-size: 16px;
        margin-right: 10px
    }
    .user-content-title>span:last-child {
        font-size: 16px
    }
    .user-content-body {
        padding: 0;
        border: none
    }
    .user-pedido-itens {
        width: 100%;
        border-right: none;
        margin-right: 0
    }
    .user-pedido-status {
        width: 100%;
        border-right: none;
        margin-right: 0;
        padding-top: 20px
    }
    .user-pedido-infos {
        width: 100%;
        padding-top: 20px
    }
    .user-pedido-infos-item {
        text-align: center
    }
    .user-pedido-infos-btn .btn-principal {
        float: none;
        max-width: 200px;
        font-size: 15px;
        border:1px #222 solid;
    }
    .user-pedido-detalhe-status {
        max-width: 100%;
        text-align: center
    }
    .user-pedido-detalhe-status>div:first-child {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-top: 0
    }
    .user-pedido-detalhe-status>div:first-child>i {
        line-height: 45px
    }
    .user-pedido-detalhe-status>div:last-child {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .user-pedido-detalhe-status>div:last-child>span:first-child {
        text-align: center
    }
    .user-pedido-detalhe-status>div:last-child>span:last-child {
        text-align: center
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-qtde {
        width: 100%
    }
    .user-detalhe-pedido-enderecos {
        width: 100%
    }
    .user-detalhe-pedido-resumo {
        width: 100%
    }
    .user-dados {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }
    .user-content-body>.checkout-endereco-container {
        width: 100%;
        margin-left: 0
    }
    .user-content-body>.caixa-prod-rec {
        width: 100%
    }
    .pag-sidebar {
        display: none
    }
    .pag-content {
        width: 100%;
        margin-top: 0
    }
    .pag-content-title {
        text-align: center;
        font-size: 24px
    }
    .pag-content-subtitle {
        text-align: center
    }
    .pag-content-body {
        padding: 0;
        border: none
    }
    .content-checkout {
        float: left;
        width: 95%;
        margin-left: 2.5%
    }
    .left-pay {
        float: left;
        width: 100%;
        height: auto;
        background-color: #ffffff;
        margin-right: 0;
        padding: 15px;
        box-sizing: border-box;
        padding-right: 0;
    }
    .txt-pagamento-small{
        font-size: 15px !important;
        line-height: 18px;
    }
    .msg_finalizacao{
        font-size: 15px !important;
        line-height: 18px;
    }
    .right-pay {
        float: left;
        width: 100%;
        height: auto;
        background-color: #ffffff;
        padding: 15px;
        box-sizing: border-box;
        margin-top: 7%
    }
    .btn-principal-pedidos {
        margin-left: 0;
        margin-bottom: 5%;
        background: #fff;
        border: 1px #111 solid;
        color: #111
    }
    .btn-principal-pagamento {
        margin-left: 0
    }
    .footer-item {
        width: 100% !important;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px
    }
    .seguranca-footer img{
        width: 70px;
    }
    .footer-item-slide {
        border-bottom: 1px solid #f1f2f3;
    }
    .footer-item-slide .item-seta{
        float: right;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 5px;
        transition: .3s;
        margin-top: -5px;;
    }
        
    .footer-item-slide .item-seta::before {
        content: '';
        display: block;
        position: absolute;
        top: 6px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #875e3c;
        border-right: 2px solid #875e3c;
        transform: rotate(135deg);
    }
    .footer-item-slide.open .item-seta {
        transform: rotate(-180deg);
    }
    .footer-item-slide ul{
        display: none;
    }
    .footer-item>h2{
        margin-bottom: 10px;
    }
    .footer-item-atendimento {
        width: 100%
    }
    #newsletter-full {
        float: left;
        width: 100%;
        height: auto;
        padding-bottom: 20px;
        margin-top: 0px;
        padding-top: 20px
    }
   .newsletter {
    width: calc(100% - 0px);
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    height: auto;
    float: left;
    display: inline-block;
}
#formnews{
    width: 100%;
    border-radius: 0px;
}

.newsletter .campo {
    float: left;
    width: calc(100% - 0px);
    height: 40px;
    border-radius: 8px !important;
}

.btncadnews {
    max-width: 100px;
    height: 36px;
    background: #875e3c;
    color: #fff;
    border:none;
    font-size: 12px;
    float: left;
    margin-top: 0px;
    font-family: 'Roboto' !important;

}

.newsletter>h2 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 400;
    padding-right: 0px;
    font-family: 'Roboto';
}
.addnews{
    width: 100%;
    max-width: 100%;
    margin-top: 15px;
    border-radius: 8px !important;
}

.newsletter>h3 {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 18px;
    text-shadow: 2px 2px 2px #333
}

.campoformnews{
    float: left;
    width: 240px;
    height: 35px;
    border-radius: 0;
    background: #fff;
    border:1px #ddd solid;
    color: #666;
    padding-left: 5px;
}
    .box-footer-1 {
        float: left;
        width: 95%;
    }
    .box-footer-2 {
        float: left;
        width: 95%;
    }
    .box-footer-3 {
        float: left;
        width: 95%;
    }
    .box-footer-icon {
        float: left;
        width: auto;
        height: 23px;
        margin-right:5px
    }
    .box-footer-icon i {
        font-size: 14px;
        color: #222
    }
    .box-footer-icon-2 {
        float: left;
        width: auto;
        height: 23px;
        margin-right: 5px
    }
    .box-footer-icon-2 i {
        font-size: 14px;
        color: #222
    }
    .box-footer-txt {
        float: left;
        font-size: 10px;
        font-family: 'Roboto';
        color: #333;
        margin-top: 4px;
        text-transform: uppercase
    }
    .barra-footer {
        float: left;
        width: 100%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-bottom: 60px;
    }
    .formas-pagamento {
        width: 100%;
        margin-bottom: 0px;
    }
    .barra-footer .barra-footer-direita,
    .barra-footer .barra-footer-esquerda {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        font-size: 11px;
        line-height: 16px;
    }
    .ebit {
        float: left;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 10px;
        text-align: center
    }
}

@media (min-width:480px) and (max-width:768px) {
    body {
        padding-top: 85px
    }
    .slide-item .slide-image{
        height: 450px;
    }
    .visible-desktop {
        display: none !important;
    }
    .visible-mobile {
        display: block !important;
    }
    .content {
        padding: 25px 10px
    }
    .titulos {
        font-size: 22px
    }
    .segura-campos-comentarios{
        width: calc(100% + 0px);
    }
    .slide_home {
        margin-bottom: 20px
    }
    .carrosel-linhas {
        margin-left: 20px;
        width: 85%
    }
    .carousel_home {
        margin-left: 20px;
        width: 85%
    }
    .box_ban_home {
        width: calc(100% - 20px) !important;
        margin: 0!important;
        margin-right: 10px !important;
        margin-left: 10px !important;
        margin-bottom: 5%!important
    }
    .box_ban_home img {
        max-width: 100%
    }
    .box_ban_home {
        width: 100%!important;
        margin: 0;
        margin-bottom: 0%
    }
    .box_ban_home img {
        max-width: 100%
    }
    .box_ban_home_cat {
        display: inline-block;
        width: 90%;
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: 5%
    }
    .institucional_home figure {
        width: 100%;
        margin-right: 0
    }
    .institucional_home_direita {
        width: 100%;
        margin-top: 20px
    }
    .blog-posts {
        width: 100%;
        border-right: none;
        padding-right: 0;
        text-align: center
    }
    .blog-post figure {
        margin-right: 0;
        float: none;
        display: inline-block;
        margin-bottom: 10px
    }
    .btncadnews {
    max-width: 100px;
    height: 36px;
    background: #875e3c;
    color: #fff;
    border:none;
    font-size: 12px;
    float: left;
    margin-top: 0px;
    font-family: 'Roboto' !important;

}
    .blog-pots-infos {
        width: 100%;
        height: auto;
        text-align: left
    }
    .blog-post span {
        position: static;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .blog-post .blog-pots-infos a {
        position: static;
        display: inline-block;
        margin-top: 20px
    }
    .blog-lateral {
        width: 100%;
        padding-left: 0;
        margin-top: 40px
    }
    .post-titulo {
        text-align: left;
        font-size: 20px;
        margin-bottom: 20px
    }
    .post-foto {
        margin-bottom: 20px
    }
    .post-foto img {
        max-width: 100%
    }
    .post-texto {
        text-align: left
    }
    .blog-post-destaque {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }
    .caixa_produtos {
        width: 50%;
        height: 200px;
        margin: 0;
        margin-bottom: 10px
    }
    .titulo_produto {
        font-size: 12px;
        line-height: 14px;
        height: 25px
    }
    .de_preco {
        font-size: 12px;
        margin: 0;
        margin-bottom: 5px
    }
    .por_preco {
        font-size: 14px;
        margin: 0
    }
    .parcelamento_produto {
        float: left;
        width: 100%;
        height: auto;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        color: #555;
        text-align: center;
        margin-top: 12px
    }
    .caixa_produtos_vitrine {
        float: left;
        width: 260px;
        height: 385px;
        margin-right: 35px;
        margin-bottom: 50px;
        padding: 10px;
        -webkit-transition: all .3s ease-in-out;
        border: 1px solid #fff;
        transition: all .3s ease-in-out
    }
    .caixa_produtos_vitrine:nth-child(2n+2) {
        margin-right: 0
    }
    .barra-navegacao {
        display: none
    }
    .direita-produtos {
        width: 100%;
        margin: 0
    }
    .banner-produtos {
        height: 100px
    }
    .header-titulo {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
    .header-titulo a {
        display: none
    }
    .header-titulo a:last-child {
        display: block
    }
    .header-titulo i {
        display: none
    }
    .header-registros {
        display: none
    }
    .header-ordem {
        text-align: center;
        float: none
    }
    .flag-prod {
        display: none
    }
    .filtros-container {
        display: none;
        width: 100%;
        background: #ddd;
        padding: 0 10px
    }
    .filtro {
        border: 1px solid #ddd
    }
    .filtro header {
        background: #fff
    }
    .filtro header .filtro-toggle {
        border: none
    }
    .filtro header .filtro-toggle i {
        color: #555
    }
    .filtro .itens-filtro li {
        border: none;
        margin-top: 8px
    }
    .filtro .itens-filtro li a span,
    .filtro .itens-filtro li label span {
        display: inline-block;
        float: right;
        color: #fff;
        background: #666;
        padding: 4px 8px;
        border-radius: 8px
    }
    .btn-fechar-filtros {
        display: block
    }
    .exibe-filtros-mobile {
        display: block
    }
    .produto-fotos-thumbs {
        width: 100%!important;
        text-align: center
    }
    .produto-fotos-thumbs.visible-mobile {
        float: none;
        width: 100%!important;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .produto-fotos-vertical {
        float: left;
        width: 100%
    }
    .vertical-slide-next,
    .vertical-slide-prev {
        float: left;
        width: 100px;
        text-align: center;
        margin: 8px 0
    }
    .foto-thumb {
        float: left;
        width: 20%;
        margin-bottom: 20px
    }
    .foto-thumb {
        margin: 0 10px
    }
    .caixa-prod-rec {
        width: 150px
    }
    .caixa-prod-rec .caixa-prod-rec-info {
        height: auto
    }
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco,
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .por_preco {
        font-size: 12px
    }
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco {
        margin-right: 5px
    }
    .caixa-prod-rec .caixa-prod-rec-compra {
        height: auto;
        display: block
    }
    .caixa-prod-rec2 {
        width: 45%;
        padding: 10px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco,
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .por_preco {
        font-size: 12px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco {
        margin-right: 5px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .compre-junto-tam select {
        font-size: 12px
    }
    .compre-junto-symbol {
        margin-top: 50px;
        padding: 5px 5px
    }
    .compre-junto-symbol .fa-pause {
        display: none
    }
    .compre-junto-comprar {
        margin-top: 0;
        margin-left: 50px
    }
    .avaliacoes-table .avaliacoes-table-row .desc-avaliacao {
        display: none
    }
    .avaliacoes-table .avaliacoes-table-row .porcentagem {
        float: left
    }
    .avaliacoes-table .avaliacoes-table-row .label-star {
        margin-right: 20px
    }
    .avaliacoes-table .avaliacoes-table-row .progress-barx {
        display: none
    }
    .avaliacoes-form-content {
        margin-left: 0;
        margin-top: 20px
    }
    .avaliacao .avaliacao-header {
        width: 100%;
        margin-right: 0
    }
    .avaliacao .avaliacao-coment {
        width: 100%;
        margin-top: 10px
    }
    .cart-produto {
        padding: 20px 10px;
        text-align: center;
        margin-bottom: 10px;
        border: 1px solid #ddd
    }
    .cart-produto-foto {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 10px
    }
    .cart-produto-infos {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
    .cart-produto-qtde {
        width: 100%;
        margin-right: 0
    }
    .cart-produto-qtde>label {
        margin-bottom: 0;
        margin-top: 15px;
        margin-right: 10px;
        vertical-align: top
    }
    .cart-produto-subtotal {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
    .cart-options-left {
        width: 100%
    }
    .cart-option-loading {
        display: none;
        float: left;
        width: 100%;
        position: static;
        text-align: center;
        margin-top: 10px
    }
    .cart-options-right {
        float: left;
        width: 100%
    }
    .cart-prices>div>span:nth-child(1) {
        width: 50%
    }
    .cart-prices>div>span:nth-child(2) {
        width: 10%
    }
    .cart-prices>div>span:nth-child(3) {
        width: 40%
    }
    .cart-btns-container {
        float: left;
        text-align: center
    }
    .cart-btns-container .btn-principal {
        float: none;
        display: inline-block;
        margin-left: 0;
        margin-bottom: 20px
    }
    .cart-btns-container .btn-secundario {
        float: none;
        display: inline-block
    }
    .cadastro-box-login {
        width: 100%
    }
    .cadastro-box-completo {
        width: 100%;
        margin-left: 0
    }
    .cadastro-box-simples {
        width: 100%;
        margin-left: 0
    }
    .campo-container.campo-container-small {
        width: 100%;
        padding-right: 0
    }
    .campo-container.campo-container-full-small {
        padding-right: 0
    }
    .campo-container-options>label:not(.campo-label):not(.error) {
        width: 100%;
        margin-right: 0
    }
    .header-checkout-left {
        width: 50%;
        margin-top: 0;
        padding-left: 10px
    }
    .header-checkout-logo {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        margin-left: 0
    }
    .header-checkout-right {
        width: 50%;
        margin-top: 0
    }
    .checkout-btns-container .btn-principal {
        width: 100%;
        margin-bottom: 20px
    }
    .checkout-btns-container a:last-child {
        margin-left: 0
    }
    .checkout-step>label {
        font-size: 13px
    }
    .checkout-container {
        margin-top: 20px
    }
    .checkout-container .fontpay {
        font-family: 'Roboto';
        font-size: 15px
    }
    .checkout-endereco {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .checkout-entrega {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .endereco-cadastrado {
        width: 100%;
        margin-right: 0
    }
    .checkout-formas-pagamento {
        width: 100%
    }
    .modal-help-cep {
        margin: 0;
        float: right
    }
    .modal-body p {
        color: #999;
        font-size: 14px;
        margin-bottom: 20px;
        font-family: 'Roboto';
        font-size: 15px;
        line-height: 21px
    }
    .btn-modal {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px
    }
    .checkout-section {
        margin-bottom: 20px
    }
    .loading-cep {
        right: 0
    }
    .checkout-finalizar .checkout-finalizar-total {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px
    }
    .checkout-footer-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 0 10px
    }
    .user-bar-message {
        margin: 10px 0
    }
    .user-sidebar {
        display: none
    }
    .user-content {
        width: 100%;
        margin-top: 20px
    }
    .user-content-title {
        text-align: center
    }
    .user-content-subtitle {
        text-align: center
    }
    .user-content-title>span:first-child>i {
        font-size: 20px;
        margin-right: 10px
    }
    .user-content-title>span:last-child {
        font-size: 24px
    }
    .user-content-body {
        padding: 0;
        border: none
    }
    .user-pedido-itens {
        width: 100%;
        border-right: none;
        margin-right: 0
    }
    .user-pedido-status {
        width: 100%;
        border-right: none;
        margin-right: 0;
        padding-top: 20px
    }
    .user-pedido-infos {
        width: 100%;
        padding-top: 20px
    }
    .user-pedido-infos-item {
        text-align: center
    }
    .user-pedido-infos-btn .btn-principal {
        float: none;
        max-width: 200px;
        font-size: 15px
    }
    .user-pedido-detalhe-status {
        max-width: 100%;
        text-align: center
    }
    .user-pedido-detalhe-status>div:first-child {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-top: 0
    }
    .user-pedido-detalhe-status>div:first-child>i {
        line-height: 45px
    }
    .user-pedido-detalhe-status>div:last-child {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .user-pedido-detalhe-status>div:last-child>span:first-child {
        text-align: center
    }
    .user-pedido-detalhe-status>div:last-child>span:last-child {
        text-align: center
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-qtde {
        width: 100%
    }
    .user-detalhe-pedido-enderecos {
        width: 100%
    }
    .user-detalhe-pedido-resumo {
        width: 100%
    }
    .user-dados {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }
    .user-content-body>.checkout-endereco-container {
        width: 100%;
        margin-left: 0
    }
    .user-content-body>.caixa-prod-rec {
        width: 100%
    }
    .pag-sidebar {
        display: none
    }
    .pag-content {
        width: 100%;
        margin-top: 0
    }
    .pag-content-title {
        text-align: center;
        font-size: 24px
    }
    .pag-content-subtitle {
        text-align: center
    }
    .pag-content-body {
        padding: 0;
        border: none
    }
    .left-pay {
        float: left;
        width: 100%;
        height: auto;
        background-color: #ffffff;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px
    }
    .right-pay {
        float: left;
        width: 100%;
        height: auto;
        background-color: #ffffff;
        padding-left: 0;
        padding-top: 0;
        margin-top: 7%
    }
    .btn-principal-pedidos {
        margin-left: 0;
        margin-bottom: 5%;
        background: #fff;
        border: 1px #111 solid;
        color: #111
    }
    .btn-principal-pagamento {
        margin-left: 0
    }
    .left-pay {
        float: left;
        width: 95%;
        height: auto;
        background-color: #ffffff;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 20px;
        margin-left: 2.5%
    }
    .right-pay {
        float: left;
        width: 95%;
        margin-left: 2.5%;
        height: auto;
        background-color: #ffffff;
        padding-left: 0;
        padding-top: 20px
    }
    .btn-principal-boleto {
        border: none;
        font-family: 'Roboto';
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        text-align: center;
        width: 100%;
        max-width: 220px;
        height: 45px;
        border-radius: 5px;
        transition: all .2s ease-in-out;
        outline: 0;
        box-shadow: none;
        background: #875e3c;
        margin-top: 0;
        margin-right: 20px
    }
    .btn-principal-boleto:active,
    .btn-principal-boleto:hover {
        background: #875e3c
    }
    .exibe_cupom {
        padding: 5px;
        border: 1px dashed #222;
        color: #222
    }
    .box-footer-1 {
        float: left;
        width: 95%;
        margin-bottom: 10px;
    }
    .box-footer-2 {
        float: left;
        width: 95%;
        margin-bottom: 10px;
    }
    .box-footer-3 {
        float: left;
        width: 95%;
        margin-bottom: 10px;
    }
    .box-footer-icon {
        float: left;
        width: 22px;
        height: 23px;
        margin-right: 10px
    }
    .box-footer-icon i {
        font-size: 18px;
        color: #222
    }
    .footer-item-slide ul{
        display: inline-block !important;
    }
    .box-footer-icon-2 {
        float: left;
        width: 22px;
        height: 23px;
        margin-right: 10px
    }
    .box-footer-icon-2 i {
        font-size: 22px;
        color: #222
    }
    .box-footer-txt {
        float: left;
        font-size: 12px;
        font-family: 'Roboto';
        color: #333;
        margin-top: 4px;
        text-transform: uppercase
    }
    .footer-item {
        width: 50%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px
    }

    .footer-item-slide ul{
        display: none;
    }
    .footer-item-atendimento {
        width: 45%
    }
    .newsletter {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .formas-pagamento {
        width: 100%;
    }
    .barra-footer .barra-footer-direita,
    .barra-footer .barra-footer-esquerda {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .newsletter .campo {
        float: left;
        width: calc(92% - 110px) !important;
        height: 44px;
        margin-left: 10px;
        border-radius: 0
    }
    .newsletter .btn-principal {
        max-width: 130px;
        height: 55px
    }
    .newsletter>h2 {
        color: #fff;
        width: 65%;
        text-align: left;
        font-size: 16px;
        margin-bottom: 0px;
        text-transform: uppercase;
        font-weight: 500
    }
    #formnews{
        width: 100%;
    }
    /*.segura-botao-news{
        height: 55px;
    }*/
    .newsletter .btn-principal{
        height: 44px;
    }
    #newsletter-full{
        padding-bottom: 20px;
    }
    .newsletter>h3 {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 16px;
        margin-bottom: 30px
    }
    .newsletter {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:801px) {
    body {
        padding-top: 71px
    }
    .slide-item .slide-image{
        height: 450px;
    }
    .produto-detalhe{
        margin-top: 10px;
    }
    .bg-video{
    height: 40vh;
    }
    .bg-video video{
        margin-top: 0px;
    }
    .bg-video video{
        min-height: 40vh;
    }
    .visible-desktop {
        display: none !important;
    }
    .visible-mobile {
        display: block !important;
    }
    .bloco-post-dest span{
        left: -8px;
        position: relative;
    }
    .content {
        padding: 20px 10px
    }
    .titulos {
        font-size: 22px
    }
    .slide_home {
        margin-bottom: 20px
    }
    .carrosel-linhas {
        margin-left: 20px;
        width: 95%
    }
    .carousel_home {
        margin-left: 20px;
        width: 95%
    }
    .box_ban_home {
        height: auto;
        margin-bottom: 0px !important;
        width: calc(100% - 20px) !important;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
    .box_ban_home img {
        max-width: 100%
    }
    .institucional_home figure {
        width: 100%;
        margin-right: 0
    }
    .institucional_home_direita {
        width: 100%;
        margin-top: 20px
    }
    .caixa_produtos_vitrine_3{
    width: 215px;
    }
    .blog-posts {
        width: 100%;
        border-right: none;
        padding-right: 0;
        text-align: center
    }
    .blog-post figure {
        margin-right: 0;
        float: none;
        display: inline-block;
        margin-bottom: 10px
    }
    .blog-pots-infos {
        width: 100%;
        height: auto;
        text-align: left
    }
    .blog-post span {
        position: static;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
    .blog-post .blog-pots-infos a {
        position: static;
        display: inline-block;
        margin-top: 20px
    }
    .blog-lateral {
        width: 100%;
        padding-left: 0;
        margin-top: 40px
    }
    .post-titulo {
        text-align: left;
        font-size: 20px;
        margin-bottom: 20px
    }
    .post-foto {
        margin-bottom: 20px
    }
    .post-foto img {
        max-width: 100%
    }
    .post-texto {
        text-align: left
    }
    .blog-post-destaque {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px
    }
    .caixa_produtos {
        width: 50%;
        height: auto;
        margin: 0;
        margin-bottom: 10px
    }
    .titulo_produto {
        font-size: 12px;
        line-height: 14px;
        height: 25px;
    }
    .de_preco {
        font-size: 12px;
        margin: 0;
        margin-bottom: 5px
    }
    .por_preco {
        font-size: 12px;
        margin: 0
    }
    .preco_boleto_produto strong{
        font-size: 12px;
    }
    .segura-botao-comprar-produto .btn-principal{
        width: 80%;
    }
    .parcelamento_produto {
        float: left;
        width: 100%;
        height: auto;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        color: #555;
        text-align: left;
        margin-top: 5px
    }
    .barra-navegacao {
        display: none
    }
    .direita-produtos {
        width: 100%;
        margin: 0
    }
    .banner-produtos {
        height: 100px
    }
    .header-titulo {
        width: 100%;
        text-align: center;
        margin-bottom: 15px
    }
    .header-titulo a {
        display: none
    }
    .header-titulo a:last-child {
        display: block
    }
    .header-titulo i {
        display: none
    }
    .header-registros {
        display: none
    }
    .header-ordem {
        text-align: center;
        float: none
    }
    .flag-prod {
        display: none
    }
    .filtros-container {
        display: none;
        width: 100%;
        background: #ddd;
        padding: 0 10px
    }
    .filtro {
        border: 1px solid #ddd
    }
    .filtro header {
        background: #fff
    }
    .filtro header .filtro-toggle {
        border: none
    }
    .filtro header .filtro-toggle i {
        color: #555
    }
    .filtro .itens-filtro li {
        border: none;
        margin-top: 8px
    }
    .filtro .itens-filtro li a span,
    .filtro .itens-filtro li label span {
        display: inline-block;
        float: right;
        color: #fff;
        background: #666;
        padding: 4px 8px;
        border-radius: 8px
    }
    .btn-fechar-filtros {
        display: block
    }
    .exibe-filtros-mobile {
        display: block
    }
    .produto-fotos-thumbs {
        width: 100%;
        text-align: center
    }
    .produto-fotos-thumbs.visible-mobile {
        float: left;
        width: 90%;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .foto-thumb {
        margin: 0 10px
    }
    .caixa-prod-rec {
        width: 150px
    }
    .caixa-prod-rec .caixa-prod-rec-info {
        height: auto
    }
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco,
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .por_preco {
        font-size: 12px
    }
    .caixa-prod-rec .caixa-prod-rec-info .preco_produto .de_preco {
        margin-right: 5px
    }
    .caixa-prod-rec .caixa-prod-rec-compra {
        height: auto;
        display: block
    }
    .caixa-prod-rec2 {
        width: 45%;
        padding: 10px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco,
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .por_preco {
        font-size: 12px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .preco_produto .de_preco {
        margin-right: 5px
    }
    .caixa-prod-rec2 .caixa-prod-rec-info .compre-junto-tam select {
        font-size: 12px
    }
    .compre-junto-symbol {
        margin-top: 50px;
        padding: 5px 5px
    }
    .compre-junto-symbol .fa-pause {
        display: none
    }
    .compre-junto-comprar {
        margin-top: 0;
        margin-left: 50px
    }
    .avaliacoes-table .avaliacoes-table-row .desc-avaliacao {
        display: none
    }
    .avaliacoes-table .avaliacoes-table-row .porcentagem {
        float: left
    }
    .avaliacoes-table .avaliacoes-table-row .label-star {
        margin-right: 20px
    }
    .avaliacoes-table .avaliacoes-table-row .progress-barx {
        display: none
    }
    .avaliacoes-form-content {
        margin-left: 0;
        margin-top: 20px
    }
    .avaliacao .avaliacao-header {
        width: 100%;
        margin-right: 0
    }
    .avaliacao .avaliacao-coment {
        width: 100%;
        margin-top: 10px
    }
    .cart-produto {
        padding: 20px 10px;
        text-align: center;
        margin-bottom: 10px;
        border: 1px solid #ddd
    }
    .cart-produto-foto {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 10px
    }
    .cart-produto-infos {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
    .cart-produto-qtde {
        width: 100%;
        margin-right: 0
    }
    .cart-produto-qtde>label {
        margin-bottom: 0;
        margin-top: 15px;
        margin-right: 10px;
        vertical-align: top
    }
    .cart-produto-subtotal {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
    .cart-options-left {
        width: 100%
    }
    .cart-option-loading {
        display: none;
        float: left;
        width: 100%;
        position: static;
        text-align: center;
        margin-top: 10px
    }
    .cart-options-right {
        float: left;
        width: 100%
    }
    .cart-prices>div>span:nth-child(1) {
        width: 50%
    }
    .cart-prices>div>span:nth-child(2) {
        width: 10%
    }
    .cart-prices>div>span:nth-child(3) {
        width: 40%
    }
    .cart-btns-container {
        float: left;
        text-align: center
    }
    .cart-btns-container .btn-principal {
        float: none;
        display: inline-block;
        margin-left: 0;
        margin-bottom: 20px
    }
    .cart-btns-container .btn-secundario {
        float: none;
        display: inline-block
    }
    .cadastro-box-login {
        width: 100%
    }
    .cadastro-box-completo {
        width: 100%;
        margin-left: 0
    }
    .cadastro-box-simples {
        width: 100%;
        margin-left: 0
    }
    .campo-container.campo-container-small {
        width: 100%;
        padding-right: 0
    }
    .campo-container.campo-container-full-small {
        padding-right: 0
    }
    .campo-container-options>label:not(.campo-label):not(.error) {
        width: 100%;
        margin-right: 0
    }
    .header-checkout-left {
        width: 50%;
        margin-top: 0;
        padding-left: 10px
    }
    .header-checkout-logo {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        margin-left: 0
    }
    .header-checkout-right {
        width: 50%;
        margin-top: 0
    }
    .checkout-btns-container .btn-principal {
        width: 100%;
        margin-bottom: 20px
    }
    .checkout-btns-container a:last-child {
        margin-left: 0
    }
    .checkout-step>label {
        font-size: 13px
    }
    .checkout-container {
        margin-top: 20px
    }
    .checkout-container .fontpay {
        font-family: 'Roboto';
        font-size: 15px
    }
    .checkout-endereco {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .checkout-entrega {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .endereco-cadastrado {
        width: 100%;
        margin-right: 0
    }
    .checkout-formas-pagamento {
        width: 100%
    }
    .modal-help-cep {
        margin: 0;
        float: right
    }
    .modal-body p {
        color: #999;
        font-size: 14px;
        margin-bottom: 20px;
        font-family: 'Roboto';
        font-size: 15px;
        line-height: 21px
    }
    .btn-modal {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px
    }
    .checkout-section {
        margin-bottom: 20px
    }
    .loading-cep {
        right: 0
    }
    .checkout-finalizar .checkout-finalizar-total {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px
    }
    .checkout-footer-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 0 10px
    }
    .user-bar-message {
        margin: 10px 0
    }
    .user-sidebar {
        display: none
    }
    .user-content {
        width: 100%;
        margin-top: 20px
    }
    .user-content-title {
        text-align: center
    }
    .user-content-subtitle {
        text-align: center
    }
    .user-content-title>span:first-child>i {
        font-size: 20px;
        margin-right: 10px
    }
    .user-content-title>span:last-child {
        font-size: 24px
    }
    .user-content-body {
        padding: 0;
        border: none
    }
    .user-pedido-itens {
        width: 100%;
        border-right: none;
        margin-right: 0
    }
    .user-pedido-status {
        width: 100%;
        border-right: none;
        margin-right: 0;
        padding-top: 20px
    }
    .user-pedido-infos {
        width: 100%;
        padding-top: 20px
    }
    .user-pedido-infos-item {
        text-align: center
    }
    .user-pedido-infos-btn .btn-principal {
        float: none;
        max-width: 200px;
        font-size: 15px
    }
    .user-pedido-detalhe-status {
        max-width: 100%;
        text-align: center
    }
    .user-pedido-detalhe-status>div:first-child {
        float: none;
        display: inline-block;
        margin-right: 0;
        margin-top: 0
    }
    .user-pedido-detalhe-status>div:first-child>i {
        line-height: 45px
    }
    .user-pedido-detalhe-status>div:last-child {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .user-pedido-detalhe-status>div:last-child>span:first-child {
        text-align: center
    }
    .user-pedido-detalhe-status>div:last-child>span:last-child {
        text-align: center
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-qtde {
        width: 100%
    }
    .user-detalhe-pedido-enderecos {
        width: 100%
    }
    .user-detalhe-pedido-resumo {
        width: 100%
    }
    .user-dados {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }
    .user-content-body>.checkout-endereco-container {
        width: 100%;
        margin-left: 0
    }
    .user-content-body>.caixa-prod-rec {
        width: 100%
    }
    .pag-sidebar {
        display: none
    }
    .pag-content {
        width: 100%;
        margin-top: 0
    }
    .pag-content-title {
        text-align: center;
        font-size: 24px
    }
    .pag-content-subtitle {
        text-align: center
    }
    .pag-content-body {
        padding: 0;
        border: none
    }
    .box-slide-0, .box-slide-1, .box-slide-4{
        float: left;
        width: 40% !important;
        margin-left: 65px !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
    }
    #top-slide{
        margin-bottom: 10px;
    }
    .footer-item {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px
    }
    .footer-item-atendimento {
        width: 100%
    }
    .newsletter {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .formas-pagamento {
        width: 100%
    }
    .barra-footer .barra-footer-direita,
    .barra-footer .barra-footer-esquerda {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
}

@media (min-width:800px) and (max-width:1180px) {
    body {
        padding-top: 0px;
        font-size: 11px;
    }
    .slide-item .slide-image{
        height: 450px;
    }
    .avaliacoes-media-content .media-avaliacoes, .avaliacoes-media-content .total-avaliacoes{
        font-size: 12px;
    }
    .cart-preview-item-titulo{
        font-size: 11px;
    }
    .cart-preview-item-valor-1{
        font-size: 11px;
    }
    .cart-preview-item-valor-2{
        font-size: 11px;
    }
    .cart-preview-more-itens{
        font-size: 12px;
    }
    .cart-preview-subtotal>label{
        font-size: 12px;
    }
    .side-contatos li a{
        transform: scale(0.8);
    }
    .side-contatos li a i{
        line-height: 50px;
    }
    .gotop{
        transform: scale(0.8);
    }
    .gotop:hover{
        transform: scale(0.8);
    }
    .cart-option-item>.cart-option-icon{
        width: 40px;
    }
    .btn-principal-detalhe{
        height: 35px;
        font-size: 12px;
    }
    .btn-favorito{

        height: 35px;
        font-size: 12px;
    }
    .avaliacoes-form-content .btn-principal{

        height: 35px;
        font-size: 12px;
    }
    .avaliacoes-form-content .avaliacao-form-titulo{
        font-size: 14px;
    }
    .checkout-endereco-options{
        font-size: 11px;
    }
    .campo-container-options>label:not(.campo-label):not(.error)>span{
        font-size: 10px;
    }
    .user-content-title>span:first-child>i{
        font-size: 16px;
    }
    .user-content-title>span:last-child{
        font-size: 12px;
    }
    .filtro-search{
        transform: scale(0.8);
        margin-left: -30px;
    }
    .user-pedido-qtde{
        font-size: 10px;
        line-height: 14px;
    }
    .user-pedido-status>span{
        font-size: 10px;
    }
    .user-pedido-infos-item{
        font-size: 10px;
    }
    .user-pedido-infos-btn .btn-principal{
        font-size: 11px;
        height: 30px;
    }
    .user-content-subtitle>span{
        font-size: 12px;
    }
    .checkout-steps-container{
        transform: scale(0.8);
    }
    .user-pedido-detalhe-status{
        transform: scale(0.8);

    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-infos>.cart-produto-titulo{
        font-size: 11px;
    }
    .user-sidebar-header>span:first-child>i{
        font-size: 16px;
    }
    .user-sidebar-header>span:last-child{
        font-size: 12px;
        margin-top: 18px;
    }
    .cart-btns-container .btn-secundario{
        height: 35px;
        font-size: 11px;
    }
    .cart-option .btn-principal{

        font-size: 11px;
    height: 35px;
    }
    .cart-option input{
        height: 35px;
    }
    .container {
        max-width: 750px
    }
    .titulo_produto{
        font-size: 12px;
    }
    .por_preco{
        font-size: 12px;
    }
    .parcelamento_produto{
        font-size: 11px;
    }
    .header-principal {
        padding-bottom: 0
    }
    .barra_header {
        margin-bottom: 20px
    }
    .login-alt span{
        font-size: 12px;
    }
    .btn-facebook{
        height: 30px;
        font-size: 12px;
    }
    .titulos{
        font-size: 18px;
    }
    .pag-content-body{
        font-size: 12px;
    }
    .campo-container>label.campo-label{
        font-size: 12px;
    }
    .campo{
        height: 40px;
        font-size: 10px;
    }
    .modal-body p{
        font-size: 11px;
        line-height: 13px;
    }
    .cart-produto-titulo{
        font-size: 12px;
    }
    .cart-produto-preco{
        font-size: 11px;
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-qtde>.cart-produto-titulo{
        font-size: 11px;
    }
    .checkout-endereco-tipo{
        font-size: 11px;
    }
    .checkout-endereco-item{
        font-size: 9px;
    }
    .checkout-valor>span:first-child{
        font-size: 10px;
    }
    .checkout-valor>span:last-child{
        font-size: 11px;
    }
    .user-dados>label:first-child{
        font-size: 11px;
    }
    .user-dados>label:last-child{
        font-size: 12px;
    }
    .btn-secundario{
        font-size: 12px;
        height: 35px;
    }
    .cart-produto-remover a{
        font-size: 12px;
    }
    .cart-produto-qtde>label{
        font-size: 11px;
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-subtotal>.cart-produto-titulo{
        font-size: 12px;
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-subtotal>label{
        font-size: 13px;
    }
    .cart-produto-subtotal{
        font-size: 14px;
    }
    .cart-produto-qtde{
        width: 130px;
    }
    .cart-options-left{
        width: 300px;
    }
    .cart-prices>div>span{
        font-size: 14px;
    }
    .cart-prices>.cart-total span{
        font-size: 16px;
    }
    .cart-produto-infos{
        width: 39%;
    }
    .checkout-section-titulo{
        font-size: 13px;
    }
    .checkout-section-titulo>i{
        font-size: 15px;
    }
    .cart-option-item>span{
        font-size: 11px;
    }
    .checkout-section-texto{
        font-size: 11px;
    }
    .itens_pagamento h2{
        font-size: 12px !important;
    }
    .checkout-valor-total>span{
        font-size: 13px;
    }
    .checkout-valor-total>span:nth-child(3){
        font-size: 12px;
    }
    .campos_cartao{
        transform: scale(0.8);
        margin-left: -60px;
        margin-top: -30px !important;
        margin-bottom: -30px !important;
    }
    .cumpo-container .campo{
        height: 35px;
        font-size: 11px;
    }
    .resumo-more>a{
        font-size: 11px;
    }
    .header-checkout-left>span{
        font-size: 10px;
    }
    .header-checkout-right>div>span{
        font-size: 10px;
    }
    .header-checkout-right>span>i{
        font-size: 18px;
        line-height: 25px;
    }
    .header-checkout-logo{
        width: 135px;
        margin-left: 0px;
    }
    .header-submenu-item{
        font-size: 10px;
        line-height: 2px;
    }
    .header-submenu-content{
        padding: 10px 20px;
    }
    label.error{
        font-size: 10px;
        bottom: 15px;
    }
    .cumpo-container>.campo-container>.btn-principal{
        height: 35px;
        font-size: 11px;
    }
    .btn{
        font-size: 11px;
    }
    .select-number{
        transform: scale(0.8);
    }
    .box-slide-txt{
        font-size: 10px;
    }
    .box-destaque-txt{
        font-size: 10px;
    }
    .box-slide-0, .box-slide-1, .box-slide-4{
        float: left;
        width: 40% !important;
        margin-left: 75px !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
    }
    .footer-item{
        width: 140px;
    }
    .seguranca-footer{
        width: 80%;
    }
    .footer-item-atendimento{
        width: 200px;
        margin-right: 0px;
    }
    .footer-item-social{
        width: 130px !important;
    }
    .formas-pagamento{
        width: 100% !important;
    }
    .barra-footer-esquerda{
        font-size: 9px !important;
    }
    .footer-item>.footer-links>li>i{
        font-size: 12px;
    }
    .footer-item .redes-sociais>a{
        width: 20px;
        height: 20px;
        font-size: 12px;
        line-height: 21px;
    }
    .barra-footer .barra-footer-direita{
        font-size: 9px;
    }
    .footer-item>h2{
        font-size: 11px;
    }
    .footer-item>.footer-links>li{
        font-size: 10px;
        line-height: 12px;
    }
    .footer-item>.footer-links>li>a{
        font-size: 10px;
        line-height: 12px;
    }
    .header-logo {
        width: 110px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .header-busca.visible {
      width: 220px;
      max-width: 220px;
    }

    .header-direita {
        width: auto;
        margin-top: 10px
    }
    .header-menu>.header-menu-titulo {
        float: left;
        padding-top: 10px;
        font-size: 10px;
        color: #666;
        font-family: 'Roboto'
    }
    .barra_header .menu-barra {
        float: left;
        width: auto;
        margin-top: 3px;
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        color: #333
    }
    .txt_atendimento {
        float: left;
        width: auto;
        height: auto;
        color: #fff;
        font-size: 11px
    }
    .icon_whatsapp i {
        float: left;
        width: auto;
        height: auto;
        color: #fff;
        margin-right: 5px;
        font-size: 17px;
        margin-top: -3px;
        color: #fff
    }
    .header-busca {
      
        float: left;
        width: 300px;
        height: 35px;
    }
    .header-menus{
        margin-top: -4px;
    }
    .header-busca .campo {
        height: 30px;
        background: #fff;
        border-color: #eee;
        border-radius: 0px;
        border: 0px #ddd solid;
        font-size: 9px;
        outline: none;
    }
    .header-busca button i {
        font-size: 15px;
    }
    .header-busca button {
        position: absolute;
        right: 15px;
        top: -2px;
        height: 35px;
        width: 25px;
        background: 0 0;
        border: none;
        outline: 0;
        box-shadow: none
    }
    .header-menu>.header-menu-count {
        position: absolute;
        right: -7px;
        top: -7px;
        background: #444;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        font-family: 'Roboto';
        font-size: 9px;
        font-weight: 300;
        color: #fff;
        padding: 5px;
        text-align: center;
        line-height: 4px
    }
    .header-menu>.header-menu-icon i {
        color: #222;
        font-size: 15px
    }
    .header-menu>.header-menu-icon {
        float: left;
        width: auto;
        margin-right: 10px;
        margin-top: 6px
    }
    .box_ban_home_cat {
        display: inline-block;
        width: 100%;
        height: auto;
        margin-right: 5px;
        margin-left: 10px;
        margin-bottom: 15px;
        overflow: hidden
    }
    .box_ban_home_cat:nth-child(2n+2) {
        margin-right: 0
    }
    .box_ban_home_cat img {
        max-width: 100%;
        transition: .5s ease-out
    }
    .box_ban_home_cat:hover img {
        transform: scale(1.1)
    }
    .header-titulo a:last-child{
        font-size: 12px;
    }
    .header-titulo a{
        font-size: 12px;
    }
    .header-registros{
        font-size: 12px;
    }
    .header-ordem select{
        font-size: 12px;
    }
    .newsletter{
        transform: scale(0.8);
    }
    .barra-navegacao a{
        font-size: 12px;
    }
    .produto-titulo{
        font-size: 15px;
    }
    .caixa_produtos {
        width: calc(25% - 20px);
        height: 280px;
        margin: 0 10px 20px 10px!important
    }
    .direita-produtos {
        float: left;
        width: calc(100% - 0px);
        height: auto;
        margin-left: 0
    }
    .produto-fotos {
        width: 400px
    }
    .produto-detalhe {
        width: 350px;
        font-size: 12px;
    }
    .label-star i{
        font-size: 15px;
    }
    .produto-preco{
        font-size: 12px;
    }
    .produto-preco span{
        font-size: 12px;
    }
    .produto-secao .produto-secao-titulo{
        font-size: 16px;
    }
    .preco-atual b {
        font-size: 14px;
    }
    .avaliacao-anchor span{
        font-size: 10px;
        margin-top: -5px;
    }
    .avaliacoes-media-content {
        max-width: 350px
    }
    .avaliacoes-table .avaliacoes-table-row .desc-avaliacao {
        width: 90px
    }
    .avaliacoes-table .avaliacoes-table-row .progress-barx {
        width: 100px;
        margin-left: 40px
    }
    .avaliacoes-form-content {
        max-width: 300px;
        margin-left: 50px
    }
    .cadastro-box-login {
        float: left;
        width: 800px;
        margin-right: 20px
    }
    .cadastro-box-login.menor{
        width: 350px;
        margin-right: 50px;
    }
    .campo-container.campo-container-text{
        font-size: 11px;
    }
    .campo-container>a{
        font-size: 11px;
    }
    .btn-principal{
    font-size: 11px;
    height: 35px;
    }
    .cadastro-box-completo {
        float: left;
        width: 350px;
        margin-left: 0
    }
    .cadastro-box-simples {
        float: left;
        width: 430px;
        margin-left: 0
    }
    .header-checkout-container {
        max-width: 750px
    }
    .checkout-endereco {
        width: 350px;
        margin-right: 20px
    }
    .checkout-entrega {
        width: 380px;
        margin-right: 0
    }
    .checkout-formas-pagamento {
        margin-top: 20px;
        width: 100%
    }
    .left-pay {
        width: 45%
    }
    .right-pay {
        width: 45%
    }
    .checkout-btns-container {
        text-align: center
    }
    .checkout-btns-container .btn-principal-pagamento,
    .checkout-btns-container .btn-principal-pedidos {
        width: 200px;
        margin: 0;
        float: none;
        display: inline-block
    }
    .user-sidebar {
        width: 200px
    }
    .user-sidebar-item>span:last-child {
        font-size: 12px;
        margin-top: 3px;
    }
    .user-sidebar-item{
        padding-right: 0px;
    }
    .user-content {
        width: 520px
    }
    .user-pedido-itens {
        width: 100px;
        margin-right: 10px
    }
    .user-pedido-status {
        width: 145px;
        margin-right: 10px
    }
    .user-pedido-infos {
        width: 200px
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-infos {
        width: 100px
    }
    .user-pedido-itens-detalhe>.cart-produto>.cart-produto-qtde {
        width: 100px
    }
    .user-detalhe-pedido-enderecos {
        width: 230px
    }
    .user-detalhe-pedido-resumo {
        width: 200px
    }
    .pag-sidebar {
        width: 200px;
        font-size: 11px;
        margin-right: 20px;
        padding-right: 0
    }
    .pag-content {
        width: 530px
    }
    .box_ban_home {
        box-sizing: border-box;
        float: left;
        width: calc(1003% - 0px);
        margin: 0px 0px!important;
        height: auto
    }
    .box-footer-1 {
        width: 200px
    }
    .box-footer-2 {
        width: 250px
    }
    .box-footer-3 {
        width: 300px
    }
    .box-footer-txt {
        font-size: 9.5px
    }
}

.diagonal {
    width: 60%;
    height: 100vh;
    background: red;
    margin-left: -50px;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    transform: skew(10deg)
}

.segura_paginacao2 {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    margin-top: 10px
}

.mascara {
    display: none;
    position: fixed;
    z-index: 9000;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .4)
}

.mascara-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 90%;
    max-width: 250px;
    height: 180px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    padding: 20px
}

.mascara-cart .mascara-content {
    max-width: 400px;
    height: 250px
}

.mascara-btns {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.mascara-btns a {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px
}

.mascara-btns .btn-principal {
    float: none;
    display: inline-block
}

.mascara-btns .btn-principal.mascara-close {
    border: 1px solid #ccc;
    color: #4a4a4a;
    background: 0 0;
    margin-bottom: 10px
}

.mascara-img {
    float: left;
    width: 100%;
    margin: 20px 0;
    text-align: center
}

.mascara-img i {
    color: #222
}

.mascara-texto {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #222;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    word-wrap: break-word
}

.mascara-cart .mascara-texto {
    font-weight: 400;
    color: #777
}

.msg_form_sucesso {
    color: #4f8a10;
    background: #dff2bf
}

.msg_form_sucesso i {
    font-size: 20px;
    margin-right: 10px;
    color: #4f8a10
}

.msg_form_erro,
.msg_form_erro b {
    color: #d8000c;
    background: #ffbaba
}

.msg_form_erro i {
    font-size: 20px;
    margin-right: 10px;
    color: #d8000c
}

.btenviando {
    opacity: .5;
    cursor: default
}

.infos_sec {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #333;
    text-align: left;
    font-weight: 700
}

.infos_sec_texto {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-weight: 700
}

.msg_erro {
    float: left;
    display: none;
    margin-top: 5px;
    margin-bottom: 5px
}

.msg_erro_login {
    float: left;
    display: none;
    margin-top: 5px;
    margin-bottom: 5px
}

.msg_email {
    float: left;
    display: none;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center
}

.loading-cupom {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: left
}

.msg_erro_news {
    float: left;
    display: none;
    margin-top: 5px;
    margin-bottom: 0px !important
}

.msg_success_news {
    float: left;
    width: 100%;
    text-align: center;
    display: none;
    margin-top: 10px;
    margin-bottom: 0px !important;
    padding: 15px;
    margin-bottom: 0px;
}

.msg_erro_news_popup {
    float: left;
    display: none;
    margin-top: 5px;
    margin-bottom: 5px
}

.msg_success_news_popup {
    float: left;
    display: none;
    margin-top: 5px;
    margin-bottom: 5px
}

.bloco_news_popup {
    width: 100%;
    height: auto;
    padding: 15px;
    color: #333
}

.titulo_news_popup {
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #333;
    margin-bottom: 18px;
    text-transform: uppercase
}

.txt_news_popup {
    float: left;
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px
}

.formatnews_popup {
    float: left;
    width: 100%;
    height: 45px;
    border: none;
    border-radius: 5px;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #333;
    margin-right: 12px;
    border: 1px solid #ccc
}

.formnews_popup {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px
}

.segura_produtos_popup {
    width: 100%;
    height: auto;
    margin: 10px
}

.caixa_produtos_popup {
    width: 400px;
    height: 380px;
    margin-bottom: 42px;
    margin-right: 32px;
    margin-left: 65px;
    padding: 10px;
    margin-top: 60px;
    opacity: 1;
    border: 1px #f5f5f5 solid
}

.msg_erro_contato {
    float: left;
    display: none;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%
}

.msg_success_contato {
    float: left;
    display: none;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%
}

.checkout-pagamento-titulo {
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px
}

.checkout-btns-container a{
    margin: 0px !important;
    margin-left: -40px !important;
}

.checkout-btns-container .btn-principal-pedidos {
    margin: 0px !important;
    padding-left: 25px;
    padding-right: 25px;
}

fpmt .itens_pagamento_formas {
    width: 100%;
    max-width: 600px;
    height: auto;
    margin: 0 auto;
    margin-top: 15px;
    text-align: left
}

.dados_pagamento {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 10px
}

.cart-option-item-pag-ipa {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.cart-option-item-pag-ipa:last-child {
    margin-bottom: 0
}

.cart-option-item-pag-ipa>.cart-option-input-pag-ipa {
    float: left;
    display: none;
    margin-top: 20px;
    border-bottom: 1px solid #ccc
}

.cart-option-item-pag-ipa>.cart-option-icon-ipa {
    float: left;
    width: 100%
}

.cart-option-item-pag-ipa>.cart-option-icon-ipa>.segura_icone_ipagare>img {
    max-width: 100%;
    filter: grayscale(1)
}

.cart-option-item-pag-ipa>span {
    width: 230px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: red;
    line-height: 21px;
    font-weight: 400
}

.cart-option-item-pag-ipa>.cart-option-icon-ipa>.segura_texto_ipagare>span {
    color: #666;
    font-family: 'Roboto', sans-serif
}

.cart-option-item-pag-ipa.checked>.cart-option-icon-ipa>.segura_icone_ipagare>img {
    filter: grayscale(0)
}

.cart-option-item-pag-ipa.checked>.cart-option-icon-ipa>.segura_texto_ipagare>span {
    color: #333
}

.segura_icone_ipagare {
    width: 80px;
    height: auto;
    float: left;
    margin-right: 10px
}

.segura_texto_ipagare {
    width: auto;
    height: auto;
    float: left
}

.selectdif {
    float: left;
    width: 310px;
    font-family: 'Roboto';
    color: #555;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #ccc;
    padding: 9px 10px;
    box-shadow: none;
    background-color: #fff;
    outline: 0;
    transition: all .2s ease-in-out;
    border-radius: 6px;
    box-sizing: border-box;
    margin-bottom: 10px
}

.alert {
    width: 100%;
    margin: 15px 0
}

.itens_pagamento {
    width: 99%;
    height: auto;
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 8px;
    text-align: left;
    border: 1px solid #dedede;
    border-radius: 3px;
    cursor: pointer
}

.itens_pagamento h2 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #555
}

.itens_pagamento h2 i {
    color: #222
}

.campos_cartao {
    width: 100%;
    line-height: 15pt;
    float: left;
    margin-top: 18px;
    margin-bottom: 18px;
    height: auto;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #555
}

.linha_campos_cartao {
    width: 98%;
    height: auto;
    float: left;
    margin-bottom: 8px
}

.formata_campo_cartao {
    padding: 3px 3px 3px 8px;
    border-radius: 3px;
    border: 1px solid #dedede;
    font-family: 'Roboto', sans-serif;
    color: #555;
    margin-bottom: : 5px;
    margin-left: : 10px
}

.campo_cartao_geral {
    width: 85%;
    height: 35px
}

.campo_cartao_peq {
    width: 35%;
    height: 35px
}

.campo_cartao_med {
    width: 90%;
    height: 35px
}

.txt_cartao {
    margin-left: 3px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    width: 100%;
    float: left
}

.cor_botao {
    color: #fff;
    background-color: #222;
    border: none
}

.alinha_img_cartao {
    float: left;
    margin-top: 8px;
    width: 50%;
    text-align: left
}

.alinha_campo_cartao {
    float: left;
    margin-top: 5px;
    width: 50%
}

.icones_brands {
    margin: 3px;
    border-radius: 3px;
    border: 1px solid #dedede;
    padding: 2px 3px 0 3px;
    width: auto;
    float: left
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    cursor: pointer;
    display: block;
    width: 8px;
    color: #333;
    text-align: center;
    position: relative
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0
}

.msg_aviso {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #222
}

.segura_frete_detalhe {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 30px
}

.subt_frete {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px
}

.side-contatos {
    position: fixed;
    z-index: 4;
    top: 30%;
    right: 15px;
    width: 65px;
    background: 0 0;
    padding: 20px 10px;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    visibility: visible;
    opacity: 1;
    transition: .3s ease-out;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.side-contatos li {
    float: left;
    width: 100%
}

.side-contatos li a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 60px;
    border-radius: 50%;

    background: #25d366;
    text-align: center;
    margin: 5px 0;
    transition: .3s ease-out
}

.side-contatos li a:hover {
    background: #26bb5d;
}

.side-contatos li a i {
    color: #fff;
    font-size: 28px;
    transition: .3s ease-out
}

.side-contatos li a:hover i {
    color: #fff
}

.side-contatos.oculto {
    visibility: hidden;
    opacity: 0;
    -ms-transform: translate(65px, 0);
    -webkit-transform: translate(65px, 0);
    transform: translate(65px, 0)
}

.btn-tamanho.disabled {
    position: relative;
    width: auto;
    height: auto;
    padding: 10px;
    border-color: #ccc;
    color: #333;
    display: inline-block;
    background-image: url(../img/xis.png)
}

.btn-tamanho.disabled::after {
    position: absolute;
    content: '';
    left: 0;
    top: 16px;
    width: 100%;
    height: 1px;
    background-color: red;
    transform: rotate(137deg)
}

.btn-tamanho.disabled::before {
    position: absolute;
    content: '';
    left: 0;
    top: 16px;
    width: 100%;
    height: 1px;
    background-color: red;
    transform: rotate(223deg)
}

.segura-box {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}
.aviso-cad{
	width: 98%;
	height: auto;
	float: left;
	margin-top: 2px;
	padding: 15px;
	background: #EEEEEE;
	font-size: 12px;
	line-height: 15pt;
}

.section-divider {
    position: relative;
    z-index: 2;
    width: 100%;
    float: left;
  }
  
  .section-divider-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
    transform: translateY(-100%);
  }
  
  .section-divider svg {
    width: 100%;
    height: 101%;
  }
  
  .section-divider.sd-flip-h {
    transform: scale(-1, 1);
  }
  
  .section-divider.sd-flip-v {
    transform: scale(1, -1);
  }
  
  .section-divider.sd-flip-hv {
    transform: scale(-1, -1);
  }
  
  .home-section .sd-compensation,
  .main .sd-compensation,
  .sd-compensation {
    padding-bottom: 140px;
  }
  
  .home-section .sd-compensation-top,
  .main .sd-compensation-top,
  .sd-compensation-top {
    padding-top: 140px;
  }
  
  .section-divider.sd-primary svg path,
  .section-divider.sd-primary svg circle,
  .section-divider.sd-primary svg ellipse,
  .section-divider.sd-primary svg rect,
  .section-divider.sd-primary svg polygon {
    fill: #ffffff;
  }

  .sd-m1 svg {
    height: 103%;
  }
  .sd-m1 .section-divider-inner:nth-child(2) {
    height: 70px;
  }
  .sd-m1 .section-divider-inner:nth-child(1) {
    height: 85px;
  }
  .sd-m1 .section-divider-inner:nth-child(1) path {
    opacity: 0.5;
  }

  .sd-m19 .section-divider-inner {
    height: 40px;
  }

  
  /* Preload images */
body:after {
    //content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
    display: none;
  }
  
  body.lb-disable-scrolling {
    overflow: hidden;
  }
  
  .lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
  }
  
  .lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
  }
  
  .lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;
  
    /* Image border */
    border: 2px solid #fff;
  }
  
  .lightbox a img {
    border: none;
  }
  
  .lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
  
    /* Background color behind image.
      This is visible during transitions. */
    background-color: white;
  }
  
  .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
  }
  
  .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    //background: url(../images/loading.gif) no-repeat;
  }
  
  .lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
  }
  
  .lb-container > .nav {
    left: 0;
  }
  
  .lb-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
  }
  
  .lb-prev,
  .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
  }
  
  .lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
  
  .lb-nav a.lb-prev::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(225deg);
    left: 20px;
  }
  
  .lb-nav a.lb-prev:hover {
    opacity: 1;
  }
  
  .lb-nav a.lb-next {
    position: relative;
    width: 64%;
    right: 0;
    float: right;
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
  }
  
  .lb-nav a.lb-next::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    right: 20px;
  }
  
  .lb-nav a.lb-next:hover {
    opacity: 1;
  }
  
  .lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
  }
  
  .lb-data {
    padding: 0 4px;
    color: #ccc;
    font-family: "Montserrat", sans-serif;
  }
  
  .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
  }
  
  .lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
  }
  
  .lb-data .lb-caption a {
    color: #4ae;
  }
  
  .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
  }
  
  .lb-data .lb-close {
    position: relative;
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    outline: none;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
  
    &::before,
    &::after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      background: #999999;
      position: absolute;
      top: 50%;
      -webkit-transition: background 0.3s ease-out;
      transition: background 0.3s ease-out;
    }
  
    &:hover::before,
    &:hover::after {
      background: #ffffff;
    }
  
    &::before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  
    &::after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
  }
  
  // MOBILE
  @media screen and (max-width: 760px) and (orientation: landscape) {
    .lightbox {
      position: fixed;
    }
    .lb-outerContainer {
      display: inline-block;
      width: initial !important;
      height: initial !important;
    }
    .lb-image {
      width: initial !important;
      height: initial !important;
      max-width: 100% !important;
      max-height: calc(100vh - 35px) !important;
    }
    .lb-dataContainer {
      width: initial !important;
    }
    .lb-details {
      text-align: center !important;
      width: 100% !important;
    }
    .lb-close {
      display: none !important;
    }
    .lb-number {
      display: initial !important;
    }
    #lightbox {
      top: 0 !important;
    }
    #lightboxOverlay {
      width: 100% !important;
      height: 150% !important;
      position: fixed;
    }
  }
  

  .info-meio-pedido{
    border: 1px solid #ddd !important;
    border-radius: 8px;
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
  }