/* Fastcommerce - Xtreme Responsive Store - Agosto/2018 (v6) */

/* Global */
p {
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

a {
    text-decoration: none;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
}

a:hover {
    text-decoration: none
}

th {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 12px;
    background: #FFFFCC;
    color: #336699
}

td {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

img {
    border: 0
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

.Titulos {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-weight: bold;
    font-size: 32px;
    text-decoration: none;
    line-height: 66px;
    color: #515967
}

.smSelect {
    font-size: 8pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.smText {
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.mnText {
    font-size: 7pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.mdtxt {
    font-size: 9pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.lgtxt {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #1A75D7
}

.TextoPequeno {
    font-size: 7pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

input, textarea {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 13px;
    color: #555555
}

input[type="text"], input[type="number"] {
    padding: 5px;
    background-image: none;
    color: #555555;
    border: 1px solid #cacaca
}

.FullSpaceFC {
    margin-top: 20px
}

.ProductList .FullSpaceFC {
    margin-top: 0px
}

#TabTitProd .EstParc {
    display: none;
}

#idTxtProductShareFC {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px
}

.FCLabelForm, .EstRequiredField, .EstTxtRequired {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px
}

.FCProductShare .titulos {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    font-size: 18px
}

.FCProductAvailability .titulos {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    font-size: 18px
}

.FCHelp #idFCContent, .FCNews #idFCContent, .FCContact #idFCContent, .FCTrack #idFCContent, .FCNewsletter #idFCContent, .FCRateProd #idFCContent, .FCAdvancedSearch #idFCContent {
    margin: 0 10px 0 10px
}

#DivShowCartOnPage {
    margin-top: -105px !important
}

#fc-icon-voice-news {
    display: none
}

/* Shopping List */
a.shop-list-action {
    display: flex;
    align-items: center;
    display: -webkit-flex;
    padding: 2px
}

/*10 anos logo */
.img-10anos {
  width: 60%;
  padding-top:20px;
}

@media (max-width: 480px) {
    .img-10anos {
      width: 100%;
    }
}

@media (max-width: 767px) {
    .shop-list {
        display: none
    }
}

/* Background styles */
.FundoSiteCentro {
    background: #FFFFFF
}

.FundoTopoExt {
    background: #FFFFFF
}

.FundoSiteInt {
    background: #FFFFFF
}

/* Style Forms Buttons, Inputs and Text */
.InputText {
    color: #545B8F
}

/* Scroll To The Top */
.ScrollToTheTopFC {
    font-size: 11px
}

/* Remove LeftBar of certain pages */
.FCWishlist .left-bar, .ProductDet .left-bar, .FCFreight .left-bar, .FCCheckoutSteps .left-bar, .FCPayment .left-bar, .FCContact .left-bar, .ProductDet #idDivPath, .ProductDet #idDivSearch, .ProductDet .Titulos, .ProductList .Titulos, .FCCart .left-bar, .FCRegister .left-bar, .FCNews .left-bar, .FCHelp .left-bar, .FCTrack .left-bar, .FCNewsletter .left-bar, .FCRecommend .left-bar, .FCAdvancedSearch .left-bar, .FCRateProd .left-bar, .ListadecompraPage .left-bar, .FCPwreset .left-bar {
    display: none !important
}

.ProductList #idFCContent {
    text-align: left;
    width: 100% !important;
}

/* Register Tables */
.FCRegister table {
    border-collapse: inherit !important;
    border-spacing: 5px
}

.FCRegister td {
    vertical-align: middle !important
}

/* Track Tables */
.FCTrack table {
    border-collapse: inherit !important;
    margin: auto;
    padding: 5px !important;
    border-spacing: 1px
}

.FCTrack tr, .FCTrack td, .FCTrack th {
    padding: 6px !important
}

/* NewsLetter */
#idTxtAskNewsFC {
    display: block;
    margin: 10px 0 15px 0
}

/* Contato */
.FCContact p {
    line-height: 24px
}

/*  Redir Pagamentos */
#idTabRedirPagtoFC {
    background: #dedede;
    padding: 1px;
    margin: 0
}

#idTabRedirPagtoFC .EstTabTopo {
    padding: 2px 2px 2px 2px;
    background: #f0f0f0;
    color: #0e3657;
    font-size: 11pt;
    font-family: tahoma;
    line-height: 40px
}

#idTabRedirPagtoFC .EstTabQuadro {
    background: #ffffff;
    font-size: 8pt;
    font-family: arial
}

#idTabRedirPagtoFC .InputButton {
    background-color: #6ea853;
    color: #fcfcfc;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma, arial;
    height: 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

#idTabRedirPagtoFC .InputButton:hover {
    background-color: #4c7738;
    border-radius: 5px;
    color: #FCFCFC;
    font-family: tahoma, arial;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    cursor: pointer
}

/* Filters */
#ContentFil {
    width: 190px;
    border-radius: 4px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border: 1px solid #cecece;
    background: #fcfcfc
}

#ContentFil .DivFiltrandoPor {
    padding: 10px 0 0 10px
}

#ContentFil .DivFiltrandoPor .Label {
    font-weight: bold;
    font-family: arial;
    font-size: 13px;
    width: 90%;
    display: block;
    padding: 5px 0 5px 5px;
    border-radius: 3px;
    color: #fcfcfc
}

#ContentFil .DivFiltrarPor {
    padding: 25px 0 0 10px
}

#ContentFil .DivFiltrarPor .Label {
    font-weight: bold;
    font-family: arial;
    font-size: 13px;
    width: 90%;
    display: block;
    padding: 5px 0 5px 5px;
    border-radius: 3px;
    color: #fcfcfc
}

#ContentFil .FilSearch {
    padding: 5px 0 0 5px;
    margin: 0;
    list-style-type: none
}

#ContentFil .FilSearch .FilName {
    margin: 20px 0 5px 0;
    font-weight: bold;
    font-family: arial;
    font-size: 12px;
    cursor: pointer
}

#ContentFil .FilSearch .FilName img {
    padding: 0 4px 0 0;
    cursor: pointer;
    width: 16px;
    height: 16px
}

#ContentFil .FilItems .FilItemsList {
    width: 150px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    max-height: 97px;
    overflow-x: auto;
    overflow-y: auto
}

#ContentFil .FilItems .FilItemsList::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

#ContentFil .FilItems .FilItemsList::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #666;
    -webkit-box-shadow: 0 0 1px
}

#ContentFil .FilSearch .SearchFil {
    margin: 3px 0 10px 0;
    width: 150px;
    height: 22px;
    font-size: 11px;
    padding: 0 0 0 5px;
    border: 1px solid #cecece
}

#ContentFil #idFilSearchTextInputFC {
    width: 120px;
    height: 22px;
    font-size: 11px;
    border: 1px solid #cecece
}

#ContentFil .FilItems .FilItemsList li {
    line-height: 16px
}

#ContentFil .FilItems .FilItemsList label {
    font-size: 11px;
    cursor: pointer
}

#ContentFil .FilItems .FilItemsList li input[type=checkbox] {
    margin: 4px 5px 2px 0;
    cursor: pointer
}

#ContentFil .FilItems .FilItemsList li input[type=radio] {
    margin: 4px 5px 2px 0;
    cursor: pointer
}

#ContentFil .FilItems .FilItemsList .ColorSearch {
    color: #64AED9
}

#ContentFil .SearchTextFil {
    text-decoration: underline;
    font-weight: bold
}

#ContentFil .SearchItem {
    font-weight: bold
}

#ContentFil .ImageFil {
    margin: 0 3px 0 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    line-height: 8px;
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid #dedede
}

#ContentFil .ColorFil {
    margin: 0 3px 0 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    line-height: 8px;
    display: inline-block;
    vertical-align: bottom;
    border: 1px solid #dedede
}

#ContentFil .FilNotFound {
    font-size: 11px
}

#ContentFil .FiltrandoPor {
    padding: 5px 0 15px 5px;
    margin: 0;
    list-style-type: none
}

#ContentFil .FiltrandoPor li {
    margin-top: 10px;
    font-size: 11px
}

#ContentFil .FiltrandoPor img {
    width: 10px;
    cursor: pointer;
    margin-left: 3px
}

#ContentFil .FilRemoveFilters {
    margin-top: 15px
}

#ContentFil .FilRemoveFilters a {
    border-radius: 3px;
    font-weight: bold;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    text-decoration: none;
    background-color: #dedede;
    color: #555555
}

#ContentFil .FilRemoveFilters a:hover {
    background-color: #990000;
    color: #fcfcfc
}

#ContentFil .FilMoreOptionsSearch {
    margin-top: 15px
}

#ContentFil .FilMoreOptionsSearch a {
    border-radius: 3px;
    font-weight: bold;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    text-decoration: none;
    background-color: #dedede;
    color: #555555
}

#ContentFil .FilMoreOptionsSearch a:hover {
    background-color: #5C9E0D;
    color: #fcfcfc
}

#ContentFil .SetaDireita:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 3px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

#ContentFil .SetaBaixo:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #555555
}

/*  Remove Header Banner of certain pages */
.FCHome .bannerModel {
    display: block
}

/* Ajuste para celular - Telefones no menu*/
.topo-celular{
  display: none
}

/* Menu Select Mobile */
.tinynav {
    display: none
}

/* Style Forms Buttons, Inputs and Text */
.InputText {
    border-width: 1px;
    border-style: solid;
    font-size: 11px
}

.InputButton {
    border-width: 1px;
    font-size: 11px
}

.EstTabPedidoTit, .EstTabPedidoNum, .EstTabPedidoTotal, .EstTabPedido {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

/* Style Buttons */
.BotLancamento {
    font-size: 7pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    color: #FF0101
}

.BotComprar {
    display: none
}

.BotEsgotado {
    font-size: 8pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.BotExcluir {
    font-size: 8pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.BotMaisDetalhes {
    font-size: 7pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    text-decoration: none;
    color: #990000
}

.BotCartProd text {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    font-size: 18px;
    fill: #ffffff
}

.BotCartProd:hover rect {
    transition: fill 0.4s;
    fill: #10E410
}

.BotProdOut text {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

.ProductStyleSocialIcons li {
    display: inline
}

/* Text Arrows VER MAIS */
.BotVerMais {
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    color: #333333
}

.BotVerMais:hover {
    text-decoration: underline;
    color: #FFFFFF
}

.BotVerMais:hover .TxtBotVerMais {
    color: #FFFFFF
}

#idImgBotPreviousPageFC, #idImgBotNextPageFC {
    display: none
}

/* Style Product Order */
.EstTabPedidoTit {
    font-size: 8pt;
    font-weight: bold;
    background: #dfdfdf;
    color: #000000
}

.EstTabPedidoNome {
    font-size: 8pt;
    font-weight: bold;
    color: #333333
}

.EstTabPedidoNome:visited {
    color: #333333
}

.EstTabPedidoNome:hover {
    color: #990000
}

.EstTabPedido {
    font-size: 8pt;
    background: #f4f4f4
}

.EstTabPedidoNum {
    font-size: 8pt;
    background: #f4f4f4
}

.EstTabPedidoTotal {
    font-size: 8pt;
    font-weight: bold;
    background: #efefef
}

.EstTabPedidoFrete {
    font-size: 8pt;
    font-weight: bold;
    background: #F4F4F4
}

.EstTabPedidoBot {
    font-size: 8pt;
    font-weight: bold;
    color: #000000
}

.EstTabPedidoRef {
    font-size: 8pt;
    color: #000000
}

.EstTabPedidoAdicNome {
    font-size: 8pt
}

.EstTabPedidoAdicItem {
    font-size: 8pt;
    font-weight: bold
}

.EstTextoQtd {
    font-size: 8pt;
    text-align: right
}

.EstContinuarComprando {
    font-size: 9pt;
    font-weight: bold;
    color: #990000
}

.FreightContainerFC {
    margin: 30px 0 !important
}

.FreightTxtOnlyBR {
    float: left;
    clear: both;
    text-align: center;
    margin-top: 7px;
    max-width: 254px;
    padding: 7px 5px;
    font-weight: bold;
    font-size: 0.75em;
    vertical-align: middle;
    line-height: 18px;
    color: #FFFFFF
}

.FreightTxtOnlyBR img {
    vertical-align: middle;
    margin-right: 5px
}

#idLocalFC .EstNomeCampo, #idPBairroFC .EstNomeCampo, #idPCEPFC .EstNomeCampo, #idPCidadeFC .EstNomeCampo, #idPEmailFC .EstNomeCampo, #idPEnderecoFC .EstNomeCampo, #idPEstadoFC .EstNomeCampo, #idPPaisFC .EstNomeCampo, #idPTelefoneFC .EstNomeCampo, #idParaFC .EstNomeCampo, #idTablePCEPFC .EstNomeCampo, #idtrPEnderecoComplFC .EstNomeCampo, #idtrPEnderecoNumFC .EstNomeCampo {
    color: #ff0000
}

/* Style CADASTRO DE CLIENTES, AJUDA, CONFIRMA?O DO PEDIDO */
.EstTabTopo {
    padding: 5px 2px 5px 2px;
    font-size: 12px;
    font-weight: bold
}

.FCRegister .EstTabTopo {
    padding: 10px 0 10px 0;
    font-size: 16px;
    background: #dedede
}

.FCRegister #idTabRequiredFieldFC {
    display: none
}

.FCRegister #idTabRegisterFC select {
    min-height: 27px;
    border: 1px solid #cacaca
}

.FCRegister #idTabRegisterFC #P2Estado {
    width: 45px !important
}

.FCRegister #idTabRegisterFC input[type='text'], .FCRegister #idTabRegisterFC input[type='password'] {
    padding: 0 10px !important;
    min-height: 27px !important;
    border: 1px solid #cacaca
}

.FCRegister #idTabRegisterFC td table {
    border-spacing: 0 !important
}

.FCRegister #idTabRegisterFC td {
    padding: 5px 0
}

#idCalendNascFC img {
    margin: 0 3px
}

/* Style para a tabela de Busca R?ida, para tabela de Ajuda (Pagamentos) e Fale Conosco */
.EstTabQuadro {
    font-size: 8pt;
    background: #FFFFFF
}

/* Style dos campos do formul?io clientes,fale conosco,... */
.EstNomeCampo {
    font-size: 8pt;
    font-weight: bold;
    color: #000000
}

.EstCampo {
    font-size: 8pt
}

#idTabRegisterFC .EstNomeCampo {
    width: 250px
}

#idTabRegisterFC {
    width: 70%;
    margin-left: 120px;
    margin-right: 120px
}

/* Style Required Fields  */

/* Style Product Images  */
.ProdCapaDiv .EstImgFC {
    width: 100px
}

.ProdListaDiv .EstImgFC {
    width: 100px
}

.ProdDetDiv .EstImgFC {
    width: 200px
}

.ProdAmpDiv .EstImgFC {
    width: 400px
}

.ProdDetDiv .jqzoom {
    width: 200px
}

.DivDetImagemProd {
    max-width: 150px
}

.DivDetImagemProd img {
    max-width: 100%
}

#idDivImagemTopoCatFC img {
    width: 100%
}

/* Header - BarraTopo.htm */
.HeaderLogo {
    max-width: 100%;
    max-height: 100px
}

.HeaderMenuOneFC ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    padding: 0 0 8px 2px;
    font-size: 13px
}

.HeaderMenuOneFC ul li {
    display: inline;
    padding: 0 20px 0 0
}

.HeaderMenuOneFC ul li a {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#DivSearch {
    width: 100%
}

#SearchText {
    width: 75%;
    float: left
}

.InputTextBusca {
    width: 100%;
    height: 45px;
    border-style: solid;
    padding: 0 0 0 16px !important;
    border: 2px solid #ff0000;
}

.HeaderSearchIconFC {
    display: table;
    width: 51px;
    height: 35px;
    text-align: center
}

.HeaderSerachIMGIconFC {
    position: relative;
    top: 4px
}

.btn1 {
    text-align: center;
    padding: 11px 23px 6px 23px;
    font-size: 15px;
    border: 0;
    text-transform: capitalize;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    color: #333333;
    box-shadow: 0 0 5px 0 #cccccc
}

.HeaderIconSearchButtonFC {
    border: 0;
    width: 51px;
    height: 35px;
    cursor: pointer;
    float: left;
    margin: 0 0 0 0;
    padding: 1px 0 0 0
}

.HeaderMainMenuFC {
    box-sizing: border-box;
    display: table;
    text-align: center;
    width: 100%;
    height: 50px
}

.HeaderMainMenuFC .MainContainer {
    padding: 0 !important
}

.HeaderMenuULFC {
    list-style-type: none;
    text-align: left;
    margin-top: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.HeaderMenuULFC li {
    display: inline;
    margin: 0 0 0 0
}

.HeaderMenuULFC a li {
    text-decoration: none;
    padding: 13px 10px 13px 10px;
    color: #FFFFFF
}

.HeaderMenuULFC svg {
    fill: #FFFFFF
}

.HeaderCartMainFC:hover path, .HeaderCartMainFC:hover circle {
    transition: fill 0.3s ease
}

.HeaderMenuULIconFC {
    position: relative;
    top: 2px
}

.HeaderMenuULFC a:hover svg {
    transition: fill 0.5s ease
}

.HeaderCartMainFC {
    height: 50px;
    text-align: left;
    position: relative;
    top: 15px
}

.HeaderCartMainIconFC {
    width: 45px;
    height: 40px;
    float: left;
    position: relative;
    top: 5px
}

.HeaderCartMainItemTotalFC {
    height: 0;
    position: relative;
    top: 8px
}

a #HeaderCartItemFC {
    position: relative;
    top: -1px;
    font-size: 13px
}

a #HeaderCartTotalFC {
    position: relative;
    top: 3px;
    font-size: 15px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    color: #666666
}

.HeaderMenuOneFC .header-menu-shopping-list svg, .HeaderMenuOneFC .header-menu-wishlist svg {
    position: relative;
    top: 6px;
    margin-right: 3px
}

.HeaderMenuOneFC .header-menu-wishlist svg #heart-wishlist {
    fill: transparent !important
}

.HeaderMenuOneFC .header-menu-wishlist a:hover svg #heart-wishlist {
    fill: #FF0000 !important
}

.HeaderMenuOneFC .header-menu-wishlist a:hover svg #heart-wishlist-border {
    fill: transparent !important
}

.speech .header-speech-icon {
    display: none
}

/* Menu slidedown em small */
.SmallMenuContainer {
    display: none
}

/* Header - ToolBar - BarraTopo.htm */
.FCToolBar {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    overflow: visible !important;
    display: none;
    background: #efefef;
    box-shadow: 0 0 5px #000000
}

.FCToolBarContainer {
    width: 1020px;
    height: 60px;
    margin: 0 auto
}

.FCToolBarLogo {
    width: 177px;
    height: 52px;
    float: left;
    background: transparent;
    margin: 3px 0 0 0;
    text-align: center;
    line-height: 52px
}

.FCToolBarLogo img {
    max-width: 80%;
    max-height: 80%;
    vertical-align: middle
}

.FCToolBarForm {
    float: left;
    margin: 0;
    width: 39%;
    position: relative
}

.FCToolBarForm input[type="text"] {
    padding-top: 4px;
    padding-bottom: 3px;
    width: 331px;
    height: 37px;
    margin: 10px 0 0 0;
    float: left;
    opacity: 0.5;
    padding: 0 0 0 10px !important
}

.FCToolBarButton {
    border: 0;
    width: 51px;
    height: 37px;
    cursor: pointer;
    float: left;
    margin: 10px 0 0 0;
    padding: 3px 0 0 0
}

.FCToolBarChatTel {
    text-align: center;
    width: 133px;
    height: 40px;
    margin: 10px 15px 0 5px;
    display: block;
    float: left
}

.FCToolBarChatTel p {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin: 12px 0;
    color: #333333
}

.FCToolBarChatTel a img {
    margin: 0 0
}

.ToolBarCart {
    float: left;
    width: 106px;
    top: 0;
    margin: 8px 0;
    white-space: nowrap
}

.HeaderMenuToolbarFC {
    float: left;
    margin: 18px 15px
}

.FCToolBarChatTel a svg {
    position: relative;
    top: 6px
}

#idCartTotalToolTop {
    font-size: 14px
}

/* Header - AutoSuggest */
.autocomplete-w1 {
}

.autocomplete {
    cursor: default;
    max-height: 350px;
    overflow: auto;
    margin: 5px 5px 0 0;
    _height: 230px;
    _margin: 0 0 0 0;
    overflow-x: hidden;
    border: 1px solid #FF6600;
    background: #FFFFFF
}

.autocomplete div {
    padding: 1px 5px 1px 5px;
    white-space: nowrap;
    font-weight: normal;
    width: 100%;
    text-align: left;
    display: inline-block
}

.autocomplete .suggestions {
    width: 60%;
    background: #f4f4f4
}

.autocomplete .suggestions {
    display: inline
}

.autocomplete .suggestionsResults {
    width: 33%;
    text-align: right;
    background: #f4f4f4;
    color: #377f44
}

.autocomplete .suggestionsResults {
    display: inline
}

.as-categoria {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

#as-nome-prod {
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 400
}

#as-cat-prod {
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 600
}

#as-nomecat-prod {
    margin: 0 0 0 10px
}

#as-valor-prod {
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 400;
    font-size: 14px !important;
    color: #44ac55 !important
}

#as-img-prod {
    position: relative;
    top: 10px
}

.hideSuggestClass {
    text-align: left;
    cursor: pointer;
    height: 150px;
    overflow: auto;
    display: none;
    width: 168px;
    margin: 0;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF
}

.showSuggestClass .hideSuggestClass {
    display: block;
    background-color: #E4E4E4
}

.autocomplete .selected {
    background: #FF6600;
    color: #FFFFFF
}

.autocomplete .selected strong {
    color: #000000
}

.autocomplete .selected .suggestions {
    color: #000000
}

.autocomplete .selected .suggestionsResults {
    color: #000000
}

.productMenuClass {
    position: absolute;
    z-index: 255
}

.productMenuClass3 {
    position: absolute;
    z-index: 255
}

.productItemClass {
    margin-left: 2px;
    font-weight: normal;
    font-size: 8pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.loginInfo {
    margin: 0px 0 0px 0;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px
}

.ShareWhatsApp {
    display: none;
    float: right;
    padding: 0px 0 0 5px
}

/* Smart Suggestions */
#GoogleTerms {
    margin-top: 30px
}

#GoogleTerms ul {
    list-style-type: none
}

#GoogleTerms ul li {
    margin: 5px 0;
    font-family: 'Roboto', 'Open Sans' !important
}

#GoogleTerms ul li a {
    font-size: 18px;
    color: #666666
}

.FCNews #GoogleTerms {
}

.FCNews #idTableNewsFC #GoogleTerms {
    margin-left: 25%
}

/* Main - Home.htm */
.MainHomeBoxTitFC {
    clear: both;
    float: left;
    width: 100%;
    min-height: 30px;
    padding: 0 0 0 5px;
    margin: 0 0 10px 0;
}

.MainHomeBoxTitFC h2 {
    font-size: 1.5em;
    -webkit-margin-before: 0.10em;
    -webkit-margin-after: 0.20em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

.bannerModel {
    max-height: 350px;
    display: none
}

.bannerModel img {
    max-width: 100%
}

.DivHomeProd {
    cursor: pointer !important;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 1em;
    display: inline-block;
    box-sizing: border-box;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border: 1px solid #FFFFFF;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF
}

.DivHomeProd:hover {
    border-radius: 5px
}

.DivHomeImagemProd {
    float: left;
    padding: 0.2em 1em 0.6em 1em;
    box-sizing: border-box;
    min-height: 120px
}

.DivHomeImagemProd .EstImgFC {
    max-width: 120px;
    max-height: 100px;
    border: 1px solid #eeeeee
}

.DivHomeNomeProd {
    max-width: 222px;
    width: 100%;
    font-size: 0.9em;
    height: 40px;
    box-sizing: border-box;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.DivIntHomeProd {
    float: left;
    width: 50%
}

.DivHomePriceProd {
    text-align: left
}

.DivHomeProd .DivHomeSpy {
    float: left;
    margin: 3px
}

.DivHomeProd > .DivHomeSpy {
    display: none
}

.DivHomeSpy a {
    transition: background-color 0.4s ease;
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    border-radius: 3px;
    background-color: #dedede;
    color: #666666
}

.DivHomeSpy a:hover {
    background-color: #666666;
    color: #fcfcfc
}

.DivHomeProd .DivHomeDetails {
    float: left;
    margin: 3px
}

.DivHomeDetails a {
    transition: background-color 0.4s ease;
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    border-radius: 3px;
    background-color: #dedede
}

.DivHomeDetails a:hover {
    color: #fcfcfc
}

.DivIntListProd {
    float: left
}

.HomeNomeProd {
    width: 100%;
    display: block;
    font-size: 16px;
    height: 37px;
    margin-bottom: 20px;
    /*font-family: 'OpenSansRegular', verdana, arial;*/
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    text-decoration: none !important;
}

.prices {
    margin-top: 5px;
    height: 100px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.prices a, .prices {
    font-size: 28px;
    position: relative;
    color: #44ac55
}

.PriceAVistaLista {
    height: 20px;
    font-size: 0.8rem;
    color: #44ac55
}

/* List - EstiloProduto.htm */
.ProductStyleULFC li {
    list-style: none;
    padding: 3px
}

.ProductStyleBoxFC {
    width: 100%;
    padding: 5px;
    clear: both
}

.ProductStyleBoxDescriptionFC {
    width: 100%;
    padding: 5px
}

.ProductStyleBoxDescriptionFC iframe {
    width: 50%
}

.DivListProd {
    cursor: pointer !important;
    width: 100%;
    margin: 15px 0 !important;
    padding: 1em !important;
    box-sizing: border-box;
    height: 100%;
    border-bottom: 1px solid #cccccc
}

.DivListProd:hover {
    border-radius: 5px
}

.DivListProdNomeProd {
    max-width: 222px;
    width: 100%;
    font-size: 0.9em;
    height: 40px;
    box-sizing: border-box;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    border: 1px solid #FFFFFF;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF
}

.DivListProdImagemProd {
    float: left;
    padding: 0.2em 1em 0.6em 1em;
    box-sizing: border-box;
    min-height: 120px
}

.DivListProdImagemProd .EstImgFC {
    max-width: 150px;
    max-height: 150px
}

.DivIntListProdProd {
    float: left;
    width: 50%
}

.DivListProdPriceProd {
    text-align: left;
    min-height: 130px
}

.DivListProd .DivListProdNomeProd {
    max-width: 100%
}

.DivListProd .DivListProdSpy {
    float: left;
    margin: 3px
}

.DivListProdSpy a {
    transition: background-color 0.4s ease;
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    border-radius: 3px;
    background-color: #dedede;
    color: #666666
}

.DivListProdSpy a:hover {
    background-color: #666666;
    color: #fcfcfc
}

.DivListProd .DivListProdDetails {
    float: left;
    margin: 3px
}

.DivListProdDetails a {
    transition: background-color 0.4s ease;
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    border-radius: 3px;
    background-color: #dedede
}

.DivListProdDetails a:hover {
    color: #fcfcfc
}

.int {
    font-size: 35px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.dec {
    font-size: 16px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.descr-prod {
    margin: 0 0 50px 0
}

.currency {
    font-size: 20px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.currency strong {
    font-weight: normal
}

.currency a {
    font-size: 18px;
    line-height: 40px
}

.por {
    left: 0;
    top: 20px;
    text-decoration: none !important;
    font-weight: 400;
    color: #666666
}

.old-price {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    display: block;
    line-height: normal;
    font-size: 12px;
    margin-bottom: -12px;
    color: #666666
}

.installments {
    clear: left;
    line-height: normal;
    font-size: 12px;
    margin-top: 0;
    color: #666666
}

.ProdParcels .installments {
    clear: left;
    line-height: normal;
    font-size: 15px;
    margin-top: 0;
    color: #666666
}

.prices .price {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    margin: 0 0 6px 0;
    display: block
}

.prod-info {
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.prod-price b {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

.text-banner {
    margin-bottom: 10px;
    text-shadow: 0 1px 5px #333333
}

.margin-center-top {
    margin-top: 7%;
    text-align: center
}

.btn-large {
    padding: 0.3em 0.5em;
    font-size: 45px
}

.btn-large:visited {
    color: #FFFFFF !important
}

.link-descr {
    font-size: 16px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    color: #555555
}

.link-descr span {
    position: relative;
    top: 6px
}

.link-descr:visited {
    color: #555555
}

.BotLancProd {
    width: 148px !important;
    height: 22px !important
}

.prod-info {
    font-style: italic
}

.prod-price {
 /*   font-size: 18px
}

.adic-list {
}

.adic-list li {
    list-style: none;
    padding: 3px 0
}

.AdicItem {
    font-weight: bold;
    color: #666666
}

.AdicNome {
    color: #666666
}

.EstLinhaProd {
    display: none
}

.TitTabParc {
    font-weight: bold;
    font-size: 8pt;
    font-family: tahoma, arial
}

.EstParcPar {
    font-size: 8pt;
    font-family: /*tahoma, verdana*/ 'Roboto', 'Open Sans', verdana, arial;
    background: #F5F5F5
}

.EstParcImpar {
    font-size: 8pt;
    font-family: /*tahoma, verdana*/ 'Roboto', 'Open Sans', verdana, arial;
    background: #FFFFFF
}

#idDivPagProd, #idDivOrder, #idDivPath, #idDivSearch {
    margin: 15px 0;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF
}

#PriceAVista {
    font-size: 0.8em;
    line-height: 20px;
    padding: 10px 0px 10px 5px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    margin: 10px 0;
    background-color: #F5F5F5
}

.PriceAVistaProdLista {
    font-size: 0.8em;
    position: relative;
    top: -20px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

@keyframes btnFadeOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    51% {
        opacity: 0;
        background-color: #efefef;
        color: #ababab;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        background-color: #efefef;
        color: #ababab;
        -webkit-transform: none;
        transform: none
    }
}

.btnFadeOut {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: btnFadeOut;
    animation-name: btnFadeOut
}

.btnPulse {
    animation: attention 8s ease infinite
}

@keyframes attention {
    9% {
        transform: none
    }
    12% {
        transform: scale(1.05)
    }
    16% {
        transform: scale(0.95)
    }
    20% {
        transform: scale(1.03)
    }
    24% {
        transform: scale(1)
    }
}

.EstProdFilterFC {
    padding: 5px;
    margin: 0;
    list-style-type: none
}

.EstProdFilterFC ul {
    padding: 2px;
    margin: 0;
    list-style-type: none;
    position: relative;
    left: -8px
}

.EstProdFilterFC ul li {
    padding-left: 5px;;
    display: inline
}

.EstFilterLabel0FC {
    display: none !important
}

.EstFilterLabel1FC {
    font-weight: bold
}

.EstFilterLabel1FC:after {
    content: ":";
    margin-right: 3px
}

/* Breadcrumb - EstiloProduto.htm */
.ProductStyleBreadCrumblinkFC {
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    color: #666666
}

.EstPathCat .pad {
    background: url("../images/iconabreadcrumb.svg") no-repeat bottom center !important;
    padding: 0 10px 12px 12px !important;
    width: 15px !important;
    height: 15px !important;
    position: relative;
    margin-top: 1px
}

.EstPathCatLink {
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    color: #666666
}

.EstPathCatLink:visited {
    color: #666666
}

#idBreadcrumb {
    margin: 15px 0 50px 0
}

.pad {
    margin-top: -7px
}

#idBreadcrumb ul li {
    list-style: none;
    float: left
}

#idBreadcrumb ul li:first-child {
    margin: 0 5px 0 0
}

.EstPathCat ul li:first-child {
    margin: 0 !important
}

/* Product Detail */
.ProdParcels {
    margin-top: 10px
}

#PrecoProdPrinc strike {
    text-decoration: none;
    font-size: 17px;
    color: #515967
}

/* ZipCode - EstiloProduto.htm */
#idDivCEPFC {
    box-sizing: border-box;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#idDivTitCEP {
    width: 100%;
    font-size: 0.8em;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left
}

.FieldCEPQty {
    box-sizing: border-box;
    padding: 0 0 0 5px;
    margin: 0 5px 0 0;
    border: 1px solid #cacaca
}

.FieldCEPQty input {
    margin: 0 0 0 10px;
    border: 0;
    width: 54px;
    text-align: center
}

.FieldCEPNum input {
    width: 90px;
    padding-left: 10px
}

.FieldCEPBtn {
    height: 30px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    cursor: pointer;
    color: #FFFFFF;
    background: #666666
}

.FieldCEPBtn, .FieldCEPQty, .FieldCEPNum {
    float: left
}

#idDivTitCEP span {
    padding: 0 0 0 10px;
    position: relative;
    top: -8px
}

#idDivCEPCalc {
    margin: 10px 0
}

#idDivCEPButton button {
    transition: background-color 0.2s ease;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
    cursor: pointer;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    font-size: 18px;
    background-color: #dedede;
    color: #555555
}

#idDivCEPButton button:hover {
    background-color: #eeeeee
}

#idDivImgLoadingCEPFC {
    width: 100%;
    margin-top: 10px;
    text-align: center
}

.ZipName {
    font-size: 0.8em;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-weight: bold
}

.ZipObsVal {
    font-size: 0.7em
}

.ZipValue {
    font-size: 0.8em;
    font-weight: bold;
    color: #5C9E0D
}

.ZipOption:first-child {
    border-top: 0
}

.ZipOptions {
    width: 100%;
    display: table;
    text-align: left;
    margin: 0 0 0 0;
    clear: both;
    border-top: 1px solid #dedede
}

.ZipOption {
    width: 100%;
    display: table;
    padding: 10px 0 10px 0
}

.ZipNameObs {
    width: 70%;
    float: left
}

.ZipValue {
    width: 30%;
    float: left
}

.zip-container {
    margin-top: 30px;
    max-width: 500px;
    padding: 10px;
    border: 1px solid #e7e7e7
}

.FieldCEP label {
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.freightResult {
    display: block;
    margin: 54px 0 0 0;
    text-align: left
}

#idDivContentFieldsCEP {
    border-top: 1px solid #dedede
}

/* SubProduct - EstiloProduto.htm */
.SubProductStyleBoxFC {
    width: 100%;
    height: 200px;
    padding: 10px;
    margin: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fbfbfb;
    border: 1px solid #cdcdcd
}

.SubProductStyleContentFC {
    float: left;
    width: 33%
}

/* List Filters - EstiloProduto.htm */
#idHeadFilters {
    font-size: 0.9em;
    margin: 10px 0 10px 0;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border-color: #cdcdcd;
    background-color: #fcfcfc
}

#idTxtFilters {
    float: left;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    margin: 4px 0 0 0
}

#idShowFilters {
    float: left;
    margin: 0 0 0 5px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#idHideFilters {
    float: left;
    margin: 0 0 0 5px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#idShowFilters button {
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #5C9E0D;
    border: 0 solid #5C9E0D;
    color: #fcfcfc
}

#idShowFilters button:hover {
    background: #555555
}

#idHideFilters button {
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #555555;
    border: 0 solid #555555;
    color: #fcfcfc
}

#idHideFilters button:hover {
    background: #990000
}

#idFiltersFC {
    font-size: 0.9em;
    margin: 10px 0 10px 0;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    width: 100%;
    display: table;
    box-sizing: border-box;
    border-color: #cdcdcd;
    background-color: #fcfcfc
}

#idFiltersFC ul li {
    padding: 3px;
    font-size: 0.8em
}

#idFiltersFC ul li select {
    padding: 5px;
    border-radius: 3px;
    background-image: none;
    color: #555555
}

.EstTitQts {
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 600;
    font-size: 16px !important
}

#idUlPathCatQtFC, #idUlAdic1QtFC, #idUlAdic2QtFC, #idUlAdic3QtFC {
    text-align: left !important;
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 400;
    font-size: 16px !important
}

#idDivPath {
    width: 100%;
    display: block;
    box-sizing: border-box
}

#idHeadFilters {
    width: 100%;
    display: block;
    box-sizing: border-box
}

#idListaProdCategoriasFC {
    width: 34%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    min-width: 240px
}

#idListaProdAdicional1FC {
    width: 22%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    min-width: 240px
}

#idListaProdAdicional2FC {
    width: 22%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    min-width: 240px
}

#idListaProdAdicional3FC {
    width: 22%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    min-width: 240px
}

#idUlPathSearchFC .del {
    margin-left: 3px
}

#idUlPathSearchFC .del a {
    cursor: pointer;
    padding: 0;
    margin: 0 3px 0 3px
}

#idUlPathSearchFC .del a:hover {
    cursor: pointer
}

#idUlPathSearchFC .del img {
    width: 11px;
    border: 0
}

#idUlPathSearchFC .pad {
    background: url("/images/pathcat.gif") no-repeat center;
    padding: 0;
    margin: 1px 6px 1px 8px
}

#idUlPathSearchFC .pad img {
    width: 3px;
    height: 5px
}

#idDivSearch {
    font-size: 0.9em;
    margin: 10px 0 10px 0;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    float: left;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border-color: #cdcdcd;
    background-color: #fcfcfc
}

#idTxtFiltersBy {
    float: left;
    margin-right: 10px
}

#idTxtRemoveFilters {
    float: left;
    margin-left: 10px
}

#idTxtRemoveFilters a {
    padding: 4px 10px 4px 10px;
    font-size: 11px;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fcfcfc
}

#idTxtRemoveFilters a:hover {
    background-color: #990000
}

#idTDLinkAdvancedSearchFC {
    float: right;
    margin: 2px 0 0 5px
}

#idTablePathSearchFC {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

#idUlPathSearchFC {
    margin-left: 10px;
    font-size: 8pt;
    float: left
}

#idUlPathSearchFC li {
    font-size: 8pt
}

#idUlPathSearchFC #idPathSearchTextInputFC {
    width: 95px;
    font-size: 9pt;
    background-color: #fcfcfc
}

#idLinkAdvancedSearchFC {
    text-decoration: none;
    font-size: 8pt
}

#idLinkAdvancedSearchFC:hover {
    text-decoration: underline;
    color: #333333
}

.EstTitQts {
    font-family: tahoma;
    font-size: 8pt;
    padding: 5px;
    background-color: #eaeaea
}

.EstDivQts {
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #d0d0d0
}

#idSelPathCatQtFC, #idSelAdic1QtFC, #idSelAdic2QtFC, #idSelAdic3QtFC {
    width: 100%
}

#idUlPathCatQtFC li, #idUlAdic1QtFC li, #idUlAdic2QtFC li, #idUlAdic3QtFC li {
    list-style-type: none;
    font-size: 8pt;
    margin: 5px 10px 3px 5px
}

.EstTabFiltersExt {
    height: 28px;
    font-family: tahoma;
    font-size: 8pt;
    background-color: #ebebeb
}

.EstTabFiltersInt {
    background-color: #f7f7f7
}

.FCfnShowEconomy {
    font-size: 16px;
    display: block;
    margin: 10px 0;
    color: #6f9e45
}

/* Reviews - EstiloProduto.htm */
#idEstTitProdOpFC {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

#EstCommentsTxt, .EstOpiniaoNome, .EstOpiniaoTitulo {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#idEstNoCommentsProdOpFC, #idEstNoCommentsClickProdOpFC, .EstOpiniaoEmail, .EstOpiniaoLocal, .EstOpiniaoTexto {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

#idCommentsQtyFC, #idCommentsClickFC {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 12px;
    padding: 0 0 10px 0
}

.ProductStyleReviewOnBoxFC {
    width: 100%;
    margin: 10px 0 10px 0
}

.ProductStyleReviewStarsOnFC {
    float: left;
    padding: 0 10px 0 0
}

.ProductStyleReviewQtyOnFC {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px;
    padding: 2px 0 0 0;
    float: left
}

.ProductStyleReviewQtyOnFC a {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px
}

.ProductStyleReviewOffBoxFC {
    width: 100%;
    margin: 10px 0 10px 0
}

.NotaOpiniaoVazio1, .NotaOpiniaoVazio2, .NotaOpiniaoVazio3, .NotaOpiniaoVazio4, .NotaOpiniaoVazio5 {
    float: left
}

.EstOpiniaoLinha {
    height: 1px;
    width: 100%;
    color: #C5C2C2
}

.FCRateProd #idRateProdDetailsFC {
    margin-top: 20px
}

.FCRateProd .EstNomeProd {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    font-size: 18px
}

.FCRateProd .EstRateRefProd, .EstRateCatProd {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 12px;
    margin: 5px 0 5px 0
}

.FCRateProd .EstPoliticaOpiniao {
    margin: 15px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px
}

.FCRateProd .FCRateClientInfo p {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.FCRateProd .FCRatePermissionEmail label {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.FCRateProd td {
    vertical-align: middle
}

/* ProdDet SocialLinks */
.SocialProdLinks {
    float: right;
    max-width: 300px;
    min-height: 30px;
    margin: 5px 0 0 0
}

.FooterSocialIcons {
    margin: initial !important;
    max-width: 150px
}

.ProdRating {
    float: left
}

.ProdRating a {
    text-decoration: underline;
    color: #333333
}

.ProdRating + .ProdRating {
    padding: 16px 0 0 7px !important
}

.DescrLineHeight {
    line-height: 22px
}

.releaseProd {
    float: right;
    margin: 0 0
}

/* Zoom */
.ZoomTxtPosition {
    margin: 10px 0px 10px 0px
}

/* Aside LeftBar - BarraEsquerda.htm */
.left-bar {
    display: block;
    min-height: 100px !important;
    padding-right: 22px !important
}

.EstListCat ul {
    margin: 0;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#idMenuCat1 {
    margin-left: 0 !important
}

#idMenuCat1 .ImgClosed {
    margin: 0 !important
}

#idMenuCat1 .PathCat0 {
    margin-left: 5px !important
}

#idMenuCat1 .PathCat1 {
    margin-left: 5px !important
}

.left-bar h2, .EstListCat li {
    padding: 7px 0 !important;
    border-bottom: 1px solid #cccccc
}

.EstListCat li a {
    font-size: 13px;
    color: #666666
}

.EstListCat li:last-child {
    border-bottom: 0
}

.EstListCat .ImgClosed {
    background: url("/icons/icopackagev1/svg/essential-light-02-chevron-right.svg") no-repeat left !important;
    margin: 0 5px 0 0
}

.EstListCat .ImgOpened {
    background: url("/icons/icopackagev1/svg/essential-light-04-chevron-down.svg") no-repeat left !important;
    margin: 0 5px 0 0
}

.PathCat1 {
    padding-left: 0
}

/* Checkout */
.EstTabPedido {
    line-height: 18px
}

.EstBarCode {
    margin: 10px 0 0 0
}

.FCCartRemoveBot {
    margin: 5px 0 0 0
}

.FCCurrencyLabel {
    font-size: 0.8em;
    color: #666666
}

.FCPriceCent {
    font-size: 0.8em
}

/* Departments - Categorias.htm */
#SubCatTemplate {
    display: none
}

ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    -moz-margin-before: 0;
    -moz-margin-after: 0;
    -moz-margin-start: 0;
    -moz-margin-end: 0;
    -moz-padding-start: 0
}

.CatContainerFC {
    min-width: 260px;
    height: 280px;
    box-sizing: border-box;
    padding: 70px 0 0 0;
    margin: 0 5px;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: 300px;
    margin-top: 25px;
    cursor: pointer;
    border: 1px solid #666666
}

.CatListFC {
    width: 100%;
    height: 100%;
    opacity: 0.9;
    margin: 0;
    padding: 10px 0 0 0;
    background: #FFFFFF
}

.CatListFC li {
    list-style: none;
    padding: 7px 6px 7px 12px;
    box-sizing: border-box;
    text-align: left
}

.CatListFC li a {
    text-decoration: none
}

.CatListFC .MainCatFC {
    font-size: 18px;
    font-weight: bold
}

.CatListFC .SubCatFC {
    padding-left: 20px
}

.CatSeeMoreFC {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    padding: 7px 10px;
    text-align: left
}

.CatSeeMoreFC a {
    color: #FFFFFF
}

.CatListFC li:nth-child(n+6) {
    display: none
}

.Cat0FC {
    font-size: 16px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    text-transform: uppercase
}

.Cat1FC {
    font-size: 15px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.Cat2FC {
    font-size: 15px;
    padding-left: 25px !important;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

/* Init mixtiup - Categories */
.sort {
    cursor: pointer
}

.FCBtnMixit {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    padding: 8px;
    box-sizing: border-box;
    border-top: 1px solid transparent;
    border-radius: 3px;
    background: #e8e8e8;
    border-bottom: 1px solid #f2f2f2;
    color: #555555
}

.activeCat {
    box-shadow: 0 0 5px 0 #333333 inset;
    color: #FFFFFF
}

#Container .mix {
    display: none
}

/* News */
.FCNews .StyTitNews {
    font-size: 16px;
    line-height: 30px
}

.FCNews .smText {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #555555
}

.FCNews .LocalDateNewsList {
    font-size: 12px
}

.FCNews #idTitNewsFC {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal
}

.FCNews #idSubTitNewsFC {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-weight: normal;
    font-size: 14px
}

.FCNews #idTextNewsFC {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    font-size: 14px
}

.FCNews #idTextArticleNewsFC {
    margin-top: 20px
}

.FCNews #idLocalDateNewsFC {
    font-size: 12px;
    font-weight: normal;
    color: #666666
}

#idSpanImgNewsFC {
    display: table;
    margin: 0 auto
}

#idSpanImgNewsFC img {
    max-width: 100%;
    max-height: 500px
}

/* Wave */
.text-overflow {
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    max-width: 400px;
    min-height: 35px;
    margin: 0 auto;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.center-col {
    margin: 0 auto;
    float: none !important;
    display: block
}

/* Button Ped Confirma?o */
.BotConfPed {
    border-width: 1px;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    height: 40px;
    width: 300px;
    background: green;
    color: #fcfcfc;
    border-color: #333333
}

.EstTextoContinuar {
    font-size: 12pt;
    font-weight: bold;
    color: green;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    color: green
}

.BotContinuarConfirmacao {
    background-color: #6ea853;
    font-weight: bold;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    border: none;
    padding: 7px 15px 7px 15px;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 3px;
    min-height: 47px;
    transition: background-color 0.5s;
    background-color: #44ac55;
    font-size: 14px
}

.BotContinuar {
    font-size: 12pt;
    font-weight: bold
}

/* Estilos dos retornos de transa?o */
.StyTransactionID {
    color: #355590
}

.StyTransactionUnderReview {
    color: #f47900;
    text-transform: uppercase
}

.StyTransactionApproved {
    color: #06b545;
    text-transform: uppercase
}

.StyTransactionDeclined {
    color: #db2c0f;
    text-transform: uppercase
}

.StyTransactionNotCompleted {
    color: #983727;
    text-transform: uppercase
}

.StyTransactionTxtPayment {
    font-size: 0.8em
}

.StyReturnPayment {
    margin-top: 20px;
    background-color: #FFFCF0;
    padding: 5px;
    border-width: 2px;
    border-style: dashed;
    border-color: #dedede;
    text-align: center;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

/* Xtreme Checkout */
.FC-ShowCartOffPageLink a {
    text-decoration: none;
    font-size: 12px;
    color: #444444
}

.FC-ShowCartOffPageLink a:hover {
    text-decoration: none;
    font-size: 12px;
    text-decoration: underline;
    color: #444444
}

.FC-ShowCartOnPageLink a {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #004797
}

.FC-ShowCartOnPageLink a:hover {
    text-decoration: none;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    color: #003a7c
}

.FC-ShowCartOnPageLinkCart a {
    border-width: 1px;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    cursor: pointer;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #ffffff;
    border-color: #3b6e22
}

.FC-ShowCartOnPageLinkCart a:hover {
    border-width: 1px;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    cursor: pointer;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: underline;
    color: #FFFFFF;
    border-color: #3b6e22
}

#idCheckoutFC a #idTxtLinkContinueFC {
    padding: 10px;
    cursor: pointer;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-weight: bold;
    background-color: #6ea853;
    color: #FFFFFF
}

#idCheckoutFC a:hover #idTxtLinkContinueFC {
    padding: 10px;
    cursor: pointer;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-weight: bold;
    background-color: #4c7738;
    color: #FFFFFF
}

#idCheckoutFC .BotChkPaymentContinue:hover {
    background-color: #4c7738;
    border-color: #333333;
    color: #FCFCFC
}

/* Store.css */
#FCCartRightSubtotalPrice .FCCartSubtotalPriceLabel, #FCCartRightSubtotalPrice .FCCartSubtotalPriceValue {
    border-bottom: 1px solid #e8e8e8 !important
}

#FCCartRightWrap .FCCartWrapLabel, #FCCartRightWrap .FCCartWrapValue {
    border-top: 0 !important
}

#FCCartRightCupom {
    padding: 5px !important
}

/* Cart */
#FCCartRightSummary {
    background: #FFFFFF !important
}

.FCCartRightCol {
    background: #FFFFFF
}

.FCCartContainer {
    position: relative;
    font-size: 0.8em
}

table[name="TabEnvioInt"] {
    margin: 50px 0
}

table[name="TabEnvioInt"] td {
    vertical-align: middle;
    padding: 5px 5px
}

#idTabRadioPagtoFC td {
    vertical-align: middle;
    padding: 10px 5px
}

.InfoBanners {
    margin-top: 45px !important
}

#idTDFreightSimulationFC .EstTabPedido td {
    padding: 12px 5px 0 0;
    vertical-align: middle
}

#idTDFreightSimulationFC #idBut {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-border-radius: 3px;
    border: none;
    padding: 6px 5px;
    cursor: pointer;
    background-color: #33a1ff;
    color: #FFFFFF
}

/* Checkout passo a passo */
.FCPayment #TabRadio .EstTabPedidoTit {
    font-size: 18px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.FCPayment #TabRadio .EstTabPedido {
    font-size: 18px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#idTabEnvioFC {
    padding: 20px;
    margin: 34px auto
}

#idTabEnvioFC td {
    vertical-align: middle;
    padding: 5px 5px;
    font-size: 16px !important;
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 400
}

#idTabEnvioFC input {
    font-size: 16px !important;
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 400
}

#idTabEnvioFC #idTDTxtEnvioFC {
    font-size: 22px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

#idTabEnvioFC #idInputCEPFC {
    font-size: 22px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    width: 130px !important
}

#idTabBotPreviousNextFC {
    height: 50px;
    padding: 40px 0 40px 0
}

#idTabBotPreviousNextFC #idTxtBotPreviousPageFC {
    text-align: center;
    width: 80px;
    padding: 15px 30px 15px 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    background-color: #e4e5e5;
    color: #555555
}

#idTabBotPreviousNextFC #idTxtBotPreviousPageFC:hover {
    text-decoration: none
}

#idTabBotPreviousNextFC #idTxtBotNextPageFC {
    text-align: center;
    width: 80px;
    padding: 15px 30px 15px 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    background-color: #44ac55;
    color: #FFFFFF
}

#idTabBotPreviousNextFC #idTxtBotNextPageFC:hover {
    text-decoration: none
}

#idTabBotPreviousNextFC #idPreviousPageFC a {
    text-decoration: none
}

#idTabBotPreviousNextFC #idNextPageFC a {
    text-decoration: none
}

#idTabBotPreviousNextFC #idImgBotPreviousPageFC {
    display: none
}

#idTabBotPreviousNextFC #idImgBotNextPageFC {
    display: none
}

.BotVerMais {
    cursor: hand;
    font-size: 9pt;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: bold;
    text-decoration: none;
    margin-top: 12px
}

.BotVerMais:hover {
    text-decoration: underline
}

/* Ajuda */
.FCHelp #idHelpFC p {
    line-height: 24px
}

.FCHelp #idBotCartFC {
    display: none
}

.FCHelp .EstTabTopo {
    padding: 15px;
    font-size: 18px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    margin: 50px 0 10px 0;
    background: #dedede
}

.FCHelp .StyRatePolicies {
    margin: 0 0 15px 35px
}

.FCHelp .StyRatePolicies li {
    margin: 10px 0 15px 0
}

.FCHelp #idHelpPaymentsFC {
    line-height: 24px
}

.FCHelp #idHelpPaymentsFC img {
    margin: 15px
}

.StyPayment {
    display: table;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
    background: #dedede
}

.StyNamePayment {
    float: left;
    width: 20%;
    padding: 10px;
    height: 100%;
    text-align: right;
    box-sizing: border-box;
    background: #dedede
}

.StyDescrPayment {
    display: table;
    padding: 10px;
    box-sizing: border-box;
    width: 80%;
    background: #fcfcfc
}

/*lista desejos */
.FCWishlistContent {
    width: 250px;
}

@media (min-width: 768px) {
    .FCWishlistContent {
        width: 220px
    }

    .FCWishlistMyAcc .FCMyAccContent {
        width: 230px !important
    }
}

@media (max-width: 768px) {
    .FCWishlistContent {
        width: 100%
    }

    .FCWishlistMyAcc .FCMyAccContent {
        100% !important
    }
  nav.SmallMenuContainer{
    color: #333333;
  }
  
  /* Ajuste para celular - Telefones no menu*/
.topo-celular{
  display: block;
}
.topo-desktop{
  display: none;
}
#voiceSearch {display:none !important;}
}

/* Error 404 */
.FCError404h1 {
    font-size: 2rem;
    margin: 25px 0px 25px 0px;
}

.FCError404h2 {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

/* Global Signin - BarraTopo.htm */
#idImgGlobalSignFC .FacebookSigninClass {
    width: 24px;
    height: 24px;
    margin-left: 10px !important
}

#idImgGlobalSignFC .GoogleSigninClass {
    width: 24px;
    height: 24px;
    margin-left: 5px !important
}

.HeaderSocialLoginLogout {
    font-size: 0.8rem
}

.HeaderContainerSocialLoginUL {
    text-align: left
}

.HeaderContainerSocialLoginUL li {
    display: inline
}

.HeaderContainerSocialLoginUL {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.loginInfo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.HeaderSocialLogin-position {
    margin-top: 45px
}

/* Don't Go Popup */
.DontGoPopup {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-y: hidden;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4)
}

.DontGoPopup .DontGoPopupContent div a img {
    max-width: 100%;
    height: auto
}

.DontGoPopupContent {
    margin: auto;
    padding: 0px
}

.DontGoBanner img {
    border: 1px solid #888888;
    border-radius: 10px
}

.DontGoPopupCloseButton img {
    position: relative;
    top: 30px;
    right: 12px;
    float: right;
    width: 80px;
    height: auto
}

.DontGoPopupCloseButton:hover, .DontGoPopupCloseButton:focus {
    cursor: pointer
}

@media only screen and (max-width: 1680px) {
    .DontGoPopupContent {
        width: 48%
    }
}

@media only screen and (min-width: 1681px) {
    .DontGoPopupContent {
        width: 40%
    }
}

/* C?culo de frete no carrinho */
.FCCartRightCol {
    display: none
}

.FCCartLeftCol {
    width: 100%
}

.ObsFreightCalc {
    font-size: 11px
}

#FCCartFreightSimulation, #FCCartSmallFreightSimulationBut {
    display: none
}

#FCCartFreightCalc .idBut, #FCCartSmallFreightCalc .idBut {
    margin-left: 3px;
    transition: background-color .3s ease;
    background-color: #33a1ff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-border-radius: 2px;
    border: none;
    padding: 5px 25px;
    color: #ffffff;
    cursor: pointer
}

#FCCartSmallFreight {
    margin-top: 13px
}

#FCCartSmallFreightCalc .idBut {
    margin: 6px 0
}

#idZipC1, #idZipC2 {
    height: 25px;
    font-size: 0.8rem
}

#idShippingValue1 span {
    font-size: 0.6rem
}

#FCCartCupomBut {
    padding: 7px !important
}

#FCCartSmallFreightPrice {
    float: right;
    text-align: right;
    max-width: 500px;
    height: 100%;
    border-radius: 2px;
    white-space: nowrap
}

#FCCartSmallFreightPrice ul {
    margin: 0px;
    padding: 0
}

#FCCartSmallFreightPrice ul li {
    list-style: none;
    float: left
}

#FCCartSmallFreightPrice .FCCartFreightPriceLabel {
    width: 200px;
    padding: 5px 2px;
    height: 40px
}

#FCCartSmallFreightPrice .FCCartFreightPriceValue {
    width: 80px;
    padding: 5px 2px;
    font-weight: bold;
    height: 40px
}

#FCCartSmallTotalPrice {
    float: right;
    text-align: right;
    max-width: 500px;
    height: 100%;
    border-radius: 2px;
    white-space: nowrap
}

#FCCartSmallTotalPrice ul {
    margin: 0px;
    padding: 0
}

#FCCartSmallTotalPrice ul li {
    list-style: none;
    float: left
}

#FCCartSmallTotalPrice .FCCartSubtotalPriceLabel {
    width: 200px;
    padding: 5px 2px
}

#FCCartSmallTotalPrice .FCCartSubtotalPriceValue {
    width: 80px;
    padding: 5px 2px;
    font-weight: bold
}

#FCCartSmallFreightPrice ul li {
    width: 50% !important;
    float: left;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    box-sizing: border-box;
    list-style: none
}

#FCCartSmallFreightPrice ul li:first-child {
    border-right: 0
}

#FCCartSmallFreightPrice ul li:last-child {
    font-weight: bold
}

#FCCartSmallFreightPrice {
    width: 100%
}

#FCCartSmallTotalPrice ul li {
    width: 50% !important;
    float: left;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    box-sizing: border-box;
    list-style: none
}

#FCCartSmallTotalPrice ul li:first-child {
    border-right: 0
}

#FCCartSmallTotalPrice ul li:last-child {
    font-weight: bold
}

#FCCartSmallTotalPrice {
    width: 100%
}

/*Freight Small*/
#FCCartSmallFreightCalc {
    border: 1px solid #e8e8e8;
    display: table;
    border-radius: 0;
    margin-bottom: 10px
}

#FCCartSmallFreightCalc .FCCartFreightInfo {
    width: 100%;
    border-bottom: 0px !important;
    text-align: center
}

#FCCartSmallFreightCalc .FCCartFreightValue {
    width: 100%;
    text-align: right !important;
    border-top: 0px !important
}

#FCCartSmallFreightCalc .FCCartFreightPerc {
    text-align: right !important;
    display: block;
    border-top: 0px !important
}

#FCCartSmallFreightCalc .FCCartFreightInput {
    width: 80%;
    margin-bottom: 10px
}

#FCCartSmallFreightCalc .FCCartFreightLabel {
    display: block;
    margin: 5px 0
}

#FCCartSmallFrFCCartSmallFreightCalceight .FCCartFreightError {
    display: block;
    margin-bottom: 10px
}

#FCCartSmallFreightCalc ul li {
    width: 50% !important;
    float: left;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    box-sizing: border-box;
    list-style: none
}

#FCCartSmallFreightCalc ul li:first-child {
    border-right: 0
}

#FCCartSmallFreightCalc .FCCartFreightPerc {
    border-bottom: 0px
}

#FCCartSmallFreightCalc {
    width: 100%;
    margin-top: 10px
}

/* Product Badges */
.DivHomeProd, .DivListProd {
    position: relative
}

.fc-badge-product-principal {
    position: absolute;
    top: 5px;
    color: #ffffff
}

.fc-badge-product-sale {
    margin-top: 0px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    padding: 15px 0px 0px 3px;
    font-size: 0.8rem;
    text-align: center;
}

.fc-badge-product-release {
    margin-top: 3px;
    background-color: #dedede;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 9px 5px;
    text-align: center;
    color: #777777;
    font-size: 18px
}

.fc-badge-product-highlight {
    margin-top: 3px;
    background-color: #e8e8e8;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 7px 5px;
    text-align: center;
    color: #777777;
    font-size: 22px
}

/* Footer - Rodape.htm */
.FootterMainBarFC .row {
    padding: 20px 0 20px 0;
    clear: both;
    background: #dedede
}

.FootterMainBarFC .row .title-footer {
    display: block;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 8px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

.FootterMainBarFC .row ul {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.FootterMainBarFC .row ul li {
    list-style: none;
    text-align: left;
    padding: 8px 0 8px 0
}

.FootterMainBarFC .row ul li a {
    color: #666666
}

.FootterMainBarFC .row ul li a:hover {
    color: #515967
}

.FootterMainBarFC .row .FooterAddressFC li {
    list-style: none;
    text-align: left;
    padding: 3px 0 3px 0;
    float: left;
    clear: both
}

.FootterMainBarFC .row .FooterAddressFC .FooterCompanyPhoneFC {
    list-style: none;
    text-align: left;
    padding: 12px 0 0 0
}

.FooterNewsletterBoxFC {
    /* margin-top: 20px */ /* Removido em 13-04-2022 */
}

.FooterNewsletterBox {
    width: 100%;
    background-color: #FFFFFF
}

.FooterNewsletterForm {
    padding: 10px 15px 10px 15px
}

span .FooterNewsletterInput {
    height: 38px;
    font-size: 14px;
    padding: 0 0 0 10px;
    width: 170px;
    border: 1px solid #cccccc !important;
    color: #000000
}

.FooterInputPosition {
    float: left;
    margin: 0 0 0 0
}

.FooterInputBtnPosition {
    margin: 0 0 0 0
}

.FooterSpaceContainerFC {
    margin: 10px 0 10px 0 !important
}

.FooterTecFastCommerce {
    font-size: 12px;
    color: #666666
}

.FooterTecFastCommerce a {
    color: #666666
}

.FooterInfosContainer {
    margin: 5px 0 !important
}

.FooterInfosContainer text {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.FooterInfosContainer text + text {
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 600
}

.FooterInfosContainer svg {
    box-shadow: 0 0 5px 0 #cccccc;
    border: 1px solid #cdcdcd
}

.FooterInfosContainer a:hover svg {
    box-shadow: 0 0 3px #666666;
    background-color: #efefef
}

.FooterInfosContainer path, .FooterInfosContainer rect, .FooterInfosContainer circle {
    fill: #737373
}

.FooterInfosContainer a:hover text + text {
    fill: #333333
}

.FooterInfosContainer a:hover path, .FooterInfosContainer a:hover rect, .FooterInfosContainer a:hover circle {
    transition: fill 0.2s ease
}

.FooterSepFC img {
    max-width: 100%
}

.FooterSepFC {
    padding: 0 0 30px 0
}

.FooterAddressFC li {
    font-size: 12px
}

.FooterAddressIconFC {
    position: relative;
    top: -4px;
    margin: 0 0 0 0;
    float: left
}

.FooterCompanyTxtFC {
    margin: 0 0 0 3px
}

.FooterTecBoxFC {
    width: 100%;
    line-height: 35px;
    vertical-align: middle;
    background-color: #efefef
}

.FooterTecHeightFC {
    padding: 10px 0 3px 0
}

.CompanyAddressLine1 {
    margin: 0 0 0 3px
}

.CompanyAddressLine2 {
    clear: both;
    float: left;
    margin: 2px 0 0 26px
}

.FooterTitleTxt {
    display: block;
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 600;
    margin: 0 auto 8px;
    text-align: left
}

.FooterULPaymentFC li {
    display: inline
}

.FooterULSecurityFC li {
    display: inline
}

/* History */
#idPageHistory {
    width: 100%;
    margin-top: 30px
}

#idDivPageHistory {
    max-width: 1200px;
    margin: 0 auto
}

#idTitPageHistory {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 15px 10px
}

#idPageHistoryFC li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    vertical-align: top
}

#idPageHistoryFC ul li {
    display: inline-block
}

#idListPageHistoryFC li {
    margin: 0 5px 30px 5px;
    width: 18%;
    min-width: 170px
}

.EstImagePageHistory {
    background-color: white;
    text-align: center;
    margin: 5px;
    min-height: 100px;
    background-color: #FFFFFF;
    border: 0 solid #cecece
}

.EstImagePageHistory .EstFotoPageHistory {
    max-width: 100px;
    max-height: 100px;
    margin: 2px 0 0 2px
}

.EstNamePageHistory {
    text-align: center;
    margin: 0 0 10px 0;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.EstNamePageHistory a {
    height: 40px;
    font-size: 14px;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 0 solid #cecece;
    color: #515967
}

.EstNamePageHistory a:hover {
    height: 40px;
    font-size: 14px;
    text-decoration: underline;
    background-color: #FFFFFF;
    border: 0 solid #cecece;
    color: #515967
}

.EstPricePageHistory {
    text-align: center;
    margin: 0;
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 600;
    background-color: #FFFFFF;
    border: 0 solid #cecece;
    color: #5C9E0D
}

/*CrossSelling*/
.DivCrossSelling {
    width: 100%;
    float: left;
    margin-top: 30px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cdcdcd
}

#idTitProdCrossFC {
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 10px 10px;
    text-align: left
}

#idProdCrossFC {
    margin: 0;
    width: 100%;
    background-color: #FFFFFF
}

#idProdCrossFC ul li {
    display: inline-block;
    float: left;
    padding: 12px
}

#idListProdCrossFC {
    overflow: hidden;
    height: 248px;
    position: relative
}

#idListProdCrossFC li {
    margin: 0 5px 0 5px;
    width: 20%;
    min-width: 170px;
    height: 248px
}

#idProdCrossFC li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0
}

.EstImageProdCross {
    text-align: center;
    margin: 5px;
    height: 59%;
    background-color: #FFFFFF;
    border: 0 solid #cecece
}

.EstImageProdCross img {
    height: 100%
}

.EstCatProdCross {
    text-align: center;
    margin: 0 0 5px 0;
    font-size: 12px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    line-height: 17px;
    color: #333333
}

.EstRefProdCross {
    display: block;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    color: #333333
}

.EstNameProdCross {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 5px;
    display: block;
    height: 54px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400
}

.EstNameProdCross a {
    display: block;
    height: 36px;
    overflow: hidden
}

.EstPriceProdCross {
    text-align: center;
    margin: 0 0 8px 0;
    font-size: 14px;
    font-family: 'Roboto', 'Open Sans', verdana, arial !important;
    font-weight: 600;
    background-color: #FFFFFF;
    border: 0 solid #cecece;
    color: #5C9E0D
}

.EstDescrProdCross {
    font-size: 10px;
    text-align: center;
    margin: 100px 0 0 0;
    display: block;
    cursor: pointer !important;
    border: 0 solid #cecece;
    color: #000000
}

#idListProdCrossFC li:hover .EstDescrProdCross {
    transition: margin 0.5s ease;
    margin: -105px 0 0 0;
    width: 100%;
    height: 100px;
    padding: 20px;
    font-size: 13px;
    line-height: 16px;
    box-sizing: border-box;
    opacity: 0.9;
    position: relative;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 400;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #cccccc
}

.EstDescrProdCross span {
    overflow: hidden;
    height: 33px;
    display: block
}

#EstCommentsTxt {
    font-size: 18px;
    padding: 9px 0;
    text-align: left;
    height: 30px;
    display: block;
    margin: 0 0 5px 0;
    background: #FFFFFF
}

/* My Account */
.FCMyCheckout .FooterInfoBannersBG, .FCMyCheckout #idPageHistoryFC {
    display: none
}

#FCMenuCli .FCMenuCliImgName .FCMenuCliName .FCMenuCliNameLabel {
    font-weight: bold
}

.FCDivLastOrder1NumMyAcc {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    background-color: #f6f5f5;
    padding: 10px 10px 10px 5px
}

.FCDivLastOrder1DateValMyAcc {
    font-weight: bold
}

.FCDivOrdersList1NumMyAcc {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    background-color: #f6f5f5;
    padding: 10px 10px 10px 5px
}

.FCDivOrdersList1DateValMyAcc {
    font-weight: bold
}

.FCDivLastOrder2PaymentValMyAcc {
    font-weight: bold
}

.FCDivLastOrder2ValMyAcc {
    color: #558b2f;
    font-size: 1.5em
}

.FCMyCheckout .FCCurrencyLabel {
    color: #558b2f
}

#idTxtSit1MyAccOrderFC {
    font-size: 0.9em;
    font-weight: bold
}

.FCDivOrdersList2PaymentValMyAcc {
    font-weight: bold
}

.FCDivOrdersList2ValMyAcc {
    color: #558b2f;
    font-size: 1.5em
}

.FCDivRating2EmailValMyAcc {
    font-size: 0.9em
}

.FCDivRating2DateValMyAcc {
    font-size: 0.9em;
    font-weight: bold
}

.FCMyAccount .buttonForm {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em
}

.FCDivAddress1MyAcc {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    background-color: #f6f5f5 !important
}

.FCDivCards2DateValMyAcc {
    font-size: 0.9em;
    font-weight: bold
}

.FCDivProdAv2DateUntilValMyAcc {
    font-weight: bold
}

.FCDivRegister1NomeMyAcc {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    background-color: #f6f5f5;
    padding: 10px 10px 10px 5px
}

.FCDivCards1MyAcc {
    background-color: #f6f5f5 !important
}

.FCDivCards1ImgMyAcc img {
    border: 1px solid #eaeaea
}

.FCDivProdAv1ProdNameMyAcc {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    background-color: #f6f5f5;
    padding: 10px
}

.FCDivRating1ProdNameMyAcc {
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600;
    background-color: #f6f5f5;
    padding: 10px
}

#FCMyAccContentCards .FCMyAccContent .FCDivExtCardsMyAcc .buttonMyAcc {
    background: #e53935
}

#FCMyAccContentAddress .FCMyAccContent .FCDivExtAddressMyAcc .buttonsMyAcc #idAddressDelete {
    background: #e53935
}

#FCMyAccContentRating .FCMyAccContent .FCDivExtRatingMyAcc .buttonsMyAcc #idRatingDelete {
    background: #e53935
}

#FCMyAccContentProdAv .FCMyAccContent .FCDivExtProdAvMyAcc .buttonsMyAcc #idProdAvDelete {
    background: #e53935
}

.FCAddressMyAcc #idAccountMyAddressFC #FCMyAccContentAddress .buttonsAddAddressMyAcc #idRegisterAddress {
    background: #1e88e5;
    font-weight: bold
}

.FCMyAccContent .FCDivExtLastOrderMyAcc .buttonsMyAcc #idSeeAllOrders {
    background: #1e88e5
}

.FCMyAccContent .FCDivExtAccessMyAcc .buttonsMyAcc #idAccessPswEdit {
    background: #1e88e5
}

.FCMyAccContent .FCDivExtOrdersListMyAcc .buttonsMyAcc #idSeeDetailTracking {
    background: #1e88e5
}

#FCMyAccContentMyAddress, .FCDivAddress2MyAcc {
    font-size: 0.9em
}

/* Color for cart out of stock */
.EstQtdInv td {
    background: #ffe6e6 !important
}

.EstQtdInv .FCCartQtyInput {
    background: #fff;
    border: 1px solid red
}


/* Cart design */
#CartDesign {
    right: -350px;
    display: block;
    position: fixed;
    top: 0px;
    background: #FFFFFF;
    width: 349px;
    height: 100%;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    padding: 0;
    z-index: 1110;
    margin: 0px 0px 0px 0px
}

#CartDesign .ContentItensCart {
    height: calc(100% - 385px);
    overflow-x: auto;
    overflow-y: auto
}

#CartDesign .ContentItensCart::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

#CartDesign .ContentItensCart::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #999;
    -webkit-box-shadow: 0 0 1px
}

#CartDesign .EstTabFinalCart {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end
}

#CartDesign .ImgProdCart img {
    max-width: 90px;
    max-height: 90px;
    width: 90px;
    height: 90px;
    border: 1px solid #F5F5F5
}

#CartDesign .QtdProdCart {
    margin-top: 10px
}

#CartDesign .QtdProdCart .QtdVal {
    width: 24px;
    text-align: center
}

#CartDesign .QtdProdCart .QtdMais, #CartDesign .QtdProdCart .QtdMenos {
    border: 1px solid gray;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    cursor: pointer
}

#CartDesign .QtdProdCart .QtdMais:hover, #CartDesign .QtdProdCart .QtdMenos:hover {
    background: #333;
    color: #fff
}

#CartDesign .QtdProdCart td {
    font-size: 13px;
    color: #444444
}

#CartDesign .ProdCartCont {
    height: 30px;
    vertical-align: bottom
}

#CartDesign .ProdCartCont a {
    display: block;
    background: #f3f3f3;
    color: #444;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    cursor: pointer
}

#CartDesign .CupomProdCart {
  display: none; /*Citrica - adicionado dia 29-07-2022*/
}

#CupomCheckout {
  display: none; /*Citrica - adicionado dia 29-07-2022*/
}

#CartDesign .TotalProdCart, #CartDesign .TotalProdCartValor {
    height: 30px;
    vertical-align: middle;
    font-size: 8pt;
    font-weight: 700
}

#CartDesign .TotalProdCart, #CartDesign .TotalProdCartValor {
    color: #555
}

#CartDesign .DescProdCart {
    color: #a9a9a9
}

#CartDesign .DescProdCartValor {
    color: #5aa010
}

#CartDesign #idZipC {
    font-size: 0.9rem;
    width: 70px;
    height: 34px
}

#CartDesign #idButC {
    font-size: 0.9rem;
    height: 34px;
    cursor: pointer;
    transition: background .3s ease;
    background-color: #616161;
    border: none;
    color: #fff
}

#CartDesign #idButCup {
    cursor: pointer;
    padding: 15px 16px;
    background-color: #e6e6e6;
    border-radius: 2px;
    border: none;
    color: #333;
    font-weight: bold
}

#CartDesign .FCCurrencyLabel {
    color: #333333
}

.CartDesign-empty {
    text-align: center;
    margin: 15px 0;
    padding: 15px 0
}

.CartDesign-header {
    background: #424242;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 15px 0
}

.CartDesign-header-title {
    width: 90%;
    text-align: center
}

.CartDesign-header-close {
    width: 10%;
    text-align: center;
    position: relative;
    top: 2px;
    left: -10px
}

.CartDesign-product-container {
    display: flex;
    display: -webkit-flex;
    border-top: 1px solid #E0E0E0
}

.CartDesign-product-img {
    margin: 8px 4px
}

.CartDesign-product-info-container {
    width: 100%;
    margin: 8px 4px
}

.CartDesign-product-info-name-delete {
    display: flex;
    display: -webkit-flex
}

.CartDesign-product-info-name {
    width: 215px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.CartDesign-product-info-name a {
    color: #616161;
    font-size: 0.8rem
}

.CartDesign-product-info-delete img {
    cursor: pointer;
    position: relative;
    top: 2px;
    left: 0px
}

.CartDesign-product-info-desc {
    color: #757575;
    font-size: 0.7rem
}

.CartDesign-product-info-qty-price {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

.CartDesign-product-info-qty {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: auto;
    position: relative;
    left: -10px
}

.CartDesign-product-info-price {
    width: 150px;
    text-align: right;
    position: relative;
    top: 4px;
    font-size: 0.8rem;
    color: #616161
}

.EstTabFinalCart {
    positionDELETAR: fixed;
    bottom: 0;
    background: #ffffff;
    width: 100%;
    height: auto;
    padding: 5px 9px 20px 9px;
    border-top: 1px solid #ddd;
    box-shadow: 0 -5px 20px #f3f3f3
}

.ProdCartPagto a {
    padding: 10px 72px;
    background: #55930b;
    color: #ffffff
}

.ProdCartPagto {
    margin-top: 30px
}

.ParcProdCart {
    width: 332px;
    text-align: right;
    font-size: 0.8rem;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    font-weight: bold;
    height: 35px;
    display: none;
}

.CartDesign-product-zipcode-container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 332px;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 4px;
    height: 45px
}

.CartDesign-product-zipcode-field {
    white-space: nowrap
}

.CartDesign-product-zipcode-field span {
    font-size: 0.8rem;
    font-weight: bold
}

.CartDesign-product-zipcode-price #idShippingValue {
    font-weight: bold !important;
    font-size: 0.9rem
}

.CartDesign-product-zipcode-price {
    width: 100%;
    white-space: nowrap;
    text-align: right
}

.CartDesign-product-subtotal-container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 332px;
    height: 60px
}

.CartDesign-product-subtotal-price {
    width: 100%;
    white-space: nowrap;
    text-align: right;
    font-size: 0.9rem;
    font-weight: bold
}

.CartDesign-totalcart-container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 332px;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 4px;
    font-size: 0.9rem;
    font-weight: bold;
    height: 26px
}

.CartDesign-20-products {
    font-size: 0.9rem;
    height: 40px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

#DivMsgCart div {
    margin: 5px;
    border-radius: 2px;
    font-size: 0.85rem;
    padding: 8px
}

.CartDesign-totalitens-container {
    display: flex;
    display: -webkit-flex;
    font-size: 0.9rem;
    width: 332px;
    font-weight: bold;
    margin-top: 10px
}

.CartDesign-totalitens-container .TotItProdCart {
    width: 100%;
    text-align: right
}

.CartDesign-totalitens-container .TotItProdCartValor {
    width: 100px;
    text-align: right
}

.CartDesign-descontos-container {
    display: flex;
    display: -webkit-flex;
    font-size: 0.9rem;
    width: 332px;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.CartDesign-descontos-container .DescProdCart {
    width: 100%;
    text-align: right
}

.CartDesign-descontos-container .DescProdCartValor {
    width: 100px;
    text-align: right
}

.ProdCartGo {
    margin: 10px 0px 30px 0px
}

.ProdCartGo a {
    padding: 10px 88px;
    background: #BDBDBD;
    color: #212121
}

/* Media Queries */
/* Small */
@media only screen and (min-width: 320px) {
    .DivIntHomeProd {
        width: 50%
    }

    .DivHomeImagemProd {
        float: left
    }

    .DivIntListProdProd {
        width: 50%
    }

    .DivListProdImagemProd {
        float: left
    }

    speech .header-speech-icon {
        float: right;
        display: block;
        position: relative;
        top: 1px;
        left: -10px
    }

    .ProductList #idPaginationProdFC {
        margin-top: 0px !important;
        padding-top: 0px !important
    }

    .InfoBanners {
        margin-top: 15px !important
    }
}

@media only screen and (max-height: 600px) {
    #CartDesign .CupomProdCart {
        display: none
    }

    .CartDesign-product-subtotal-container {
        height: 30px
    }
}

@media only screen and (max-width: 640px) {
    #idBadgeAllFC {
        display: none
    }

    #idListaProdCategoriasFC, #idListaProdAdicional1FC, #idListaProdAdicional2FC, #idListaProdAdicional3FC {
        width: 100%;
        clear: both
    }

    .smallMenuHide {
        display: none
    }

    .SmallMenuContainer {
        display: block !important
    }

    .SmallMenuButtom {
        cursor: pointer;
        padding: 25px 0 20px 10px;
        text-decoration: none;
        text-align: left;
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF
    }

    .SmallMenuButtom svg {
        position: relative;
        top: 2px;
    }

    .SmallMenuButtom span {
        margin-top: -10px
    }

    .SmallMenuList {
        display: none
    }

    .SmallMenuList a li {
        border-bottom: 1px solid #FFFFFF;
        color: #333333; /* Adicionado pela Citrica em 03-02-2-21 */
    }

    #DivSearch .HeaderIconSearchButtonFC {
        width: 100%
    }

    .HeaderLogoPosition {
        text-align: center !important
    }

    .HeaderCartMainFC {
        position: relative;
        top: 0
    }

    .HeaderMainMenuFC {
        border-bottom: 0
    }

    .HeaderMenuULFC {
        margin: 0 0 0 0
    }

    .HeaderMenuULFC li {
        display: block;
        margin: 0 0 0 0;
        height: 70px
    }

    .HeaderMenuULFC a li {
        padding: 25px 0 20px 10px
    }

    .left-bar {
        display: none
    }

    .installments {
        font-size: 10px
    }

    .DivHomeNomeProd {
        max-width: initial;
        text-align: left
    }

    .DivHomeProd {
        padding: 1em 3em
    }

    .DivHomeDetails a {
        padding: 8px 20px 8px 20px;
        font-size: 14px
    }

    .DivListProdNomeProd {
        max-width: initial;
        text-align: left
    }

    .DivListProdProd {
        padding: 1em 3em
    }

    .DivListProdDetails a {
        padding: 8px 20px 8px 20px;
        font-size: 14px
    }

    .int {
        font-size: 20px
    }

    .dec {
        font-size: 14px
    }

    .currency {
        font-size: 16px
    }

    .FootterMainBarFC .row .title-footer {
        display: none
    }

    span .FooterNewsletterInput {
        width: 210px
    }

    #idPageHistory, .CrossSellingFC {
        display: none
    }

    #idDivCEPFC {
        width: 100%
    }

    /* Menu Select */
    .tinynav {
        display: block;
        width: 100%;
        height: 50px;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Roboto', 'Open Sans', verdana, arial;
        font-weight: 400;
        padding: 0 0 0 10px
    }

    #FooterNav1 {
        display: none
    }

    #FooterNav2 {
        display: none
    }

    #FooterNav3 {
        display: none
    }

    .StyNamePayment {
        width: 100%;
        text-align: left
    }

    .StyDescrPayment {
        width: 100%
    }

    .StyDescrPayment img {
        display: none
    }

    .releaseProd {
        float: none;
        display: block;
        margin: 10px 0
    }

    .ProductStyleBoxDescriptionFC iframe {
        width: 100%
    }

    .EstOpiniaoTitulo {
        float: left;
        overflow: hidden;
        max-width: 170px
    }

    #idDivImagemTopoCatFC {
        display: none
    }

    .FCCartItemProdImg {
        margin: 0 15px 0 0
    }

    #idShareFooter {
        margin-top: 15px
    }

    .FooterSocialIcons {
        margin: initial !important;
        max-width: 300px;
        margin-top: 15px !important
    }

    #idShareFooter span {
        width: 100%
    }

    .ProductStyleSocialIcons {
        margin: initial !important;
        max-width: 320px
    }

    #idShareProd span {
        margin: 0px 5px 0px 5px
    }

    .FieldCEPBtn {
        margin: 0px 0px 0px 5px
    }

    #idImgGlobalSignFC .FacebookSigninClass {
        margin-left: 0px !important
    }

    .HeaderContainerSocialLoginGlobalSingIcons {
        width: 55%
    }

    .header-menu-display {
        display: none !important
    }

    .speech .header-speech-icon {
        float: right;
        display: block;
        position: relative;
        top: 5px;
        left: -8px;
        /* width: 23px; */
        /* height: 23px; */
        font-size: larger;
    }

    #voiceSearchMGlass {
        position: relative;
        /* top: 3px; */
        /* left: -5px; */
        /* width: 20px; */
        /* height: 20px;*/
    }

    /* News */
    #fc-icon-voice-news {
        display: block;
        background: #03A9F4;;
        border-radius: 2px;
        width: 100%;
        height: 40px
    }

    #fc-icon-voice-news img {
        position: relative;
        top: 4px
    }

    .ProductList #idPaginationProdFC {
        margin-top: 0px !important;
        padding-top: 0px !important
    }

    .InfoBanners {
        margin-top: 15px !important
    }
}

/* for Small phones */
@media only screen and (min-width: 320px) and (max-width: 475px) {
    .ProductStyleBoxDescriptionFC iframe {
        width: 100%
    }

    .DivIntHomeProd {
        width: 100%
    }

    .DivIntListProdProd {
        width: 100%
    }

    .DivHomeImagemProd {
        float: none;
        width: 100%
    }

    .DivListProdImagemProd {
        float: none;
        width: 100%
    }

    .DivHomeProd {
        padding: 1em 1em
    }

    .DivHomeNomeProd {
        text-align: center
    }

    .DivListProdProd {
        padding: 1em 1em
    }

    .DivListProdNomeProd {
        text-align: center
    }

    .prices {
        text-align: center
    }

    .old-price {
        margin-bottom: -6px
    }

    .DivHomeDetails {
        float: none !important
    }

    .ProductList #idFoundFC, .ProductList #idPageCountFC {
        margin: 10px 0;
        line-height: 22px
    }

    #idTDLinkAdvancedSearchFC {
        clear: both;
        float: left;
        margin: 10px 0 0 0
    }

    .FooterInfosContainer svg, .FooterInfosContainer path {
        width: 100%
    }

    .FCPasswordLabel {
        display: block;
        width: 100%
    }

    .FCPasswordInput {
        display: block;
        width: 100%;
        margin-top: 10px
    }

    #idTabLoginFC .smtext {
        font-size: 0.7em
    }

    .ProductList #idPaginationProdFC {
        margin-top: 0px !important;
        padding-top: 0px !important
    }

    .InfoBanners {
        margin-top: 15px !important
    }

  /* Citrica - 03-02-2021 - Ajustes para menu em mobile */
  .HeaderMainMenuFC.bg-primary{
    background-color: #999999 !important;
    color: #ffffff;
  }
  .SmallMenuList ul{
    display: block;
    padding: 0 !important;
  }
  .SmallMenuList ul li{
	padding: 6px 0px !important;
    border: none;
    border-bottom: 1px #fff solid !important;
  }
  .SmallMenuList ul li a{
    color: #ffffff !important;
    line-height: 20px;
  }
  #barra-home.nav-justify{
    display: block;
    padding: 0 !important;
    border: 1px solid #767676 !important;
  }
  #barra-home ul{
    padding: 0 !important;
    margin
  }
  #barra-home li.border-right{
    border-right: none !important;
    border-bottom: 1px solid #767676 !important;
    margin: 0 !important;
  }
    #barra-home li{
    margin: 0 !important;
    padding-top: 4px;
    padding-bottom: 3px;
    height: 80px;
  }
  .MainHomeBoxTitFC h2 {
    text-align: center;
  }

}

/* Medium */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    #idListPageHistoryFC li {
        min-width: 120px
    }

    .left-bar {
        display: none
    }

    #idDivCEPFC {
        width: 100%
    }

    .StyNamePayment {
        width: 100%;
        text-align: left
    }

    .StyDescrPayment {
        width: 100%
    }

    .ProductStyleBoxDescriptionFC iframe {
        width: 80%
    }

    .FooterTecBoxFC {
        line-height: 66px;
        min-height: 66px
    }

    .DivHomeNomeProd {
        max-width: 100%;
        text-align: left
    }

    .DivListProdNomeProd {
        max-width: 100%;
        text-align: left
    }

    #idImgGlobalSignFC .FacebookSigninClass {
        margin-left: 0px !important
    }

    .HeaderContainerSocialLoginGlobalSingIcons {
        width: 55%
    }

    .header-menu-display {
        display: none !important
    }

    .speech .header-speech-icon {
        display: none !important
    }

    .HeaderSerachIMGIconFC img {
        display: block !important;
        position: relative;
        left: 12px
    }

    .ProductList #idPaginationProdFC {
        margin-top: 0px !important;
        padding-top: 0px !important
    }

    .InfoBanners {
        margin-top: 15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 723px) {
    .DivIntHomeProd {
        width: 100%
    }

    .DivIntListProdProd {
        width: 100%
    }

    .DivHomeNomeProd {
        max-width: 100%;
        text-align: center
    }

    .DivHomeImagemProd {
        float: none
    }

    .DivListProdNomeProd {
        max-width: 100%;
        text-align: center
    }

    .DivListProdImagemProd {
        float: none
    }

    .DivListProdImagemProd {
        float: none
    }

    .FooterTecBoxFC {
        line-height: 66px;
        min-height: 66px
    }

    .header-menu-display {
        display: none !important
    }

    .ProductList #idPaginationProdFC {
        margin-top: 0px !important;
        padding-top: 0px !important
    }

    .InfoBanners {
        margin-top: 15px !important
    }
}

@media only screen and (min-width: 640px) and (max-width: 748px) {
    .HeaderMenuULFC a .HeaderMenuNewsMobileFC, .HeaderMenuULFC a .HeaderMenuHelpMobileFC {
        display: none
    }

    .FooterTecBoxFC {
        line-height: 66px;
        min-height: 66px
    }

    .header-menu-display {
        display: none !important
    }

    .ProductList #idPaginationProdFC {
        margin-top: 0px !important;
        padding-top: 0px !important
    }

    .InfoBanners {
        margin-top: 15px !important
    }
}

@media only screen and (max-width: 1024px) {
    #CartDesign .ContentItensCart {
        height: calc(100% - 360px)
    }

    #CartDesign {
        width: 290px
    }

    .ProdCartPagto a {
        padding: 10px 43px
    }

    .ParcProdCart, .CartDesign-product-zipcode-container, .CartDesign-totalcart-container, .CartDesign-product-subtotal-container, .CartDesign-totalitens-container, .CartDesign-descontos-container {
        width: 270px
    }

    #CartDesign .ImgProdCart img {
        max-width: 70px;
        max-height: 70px;
        width: 70px;
        height: 70px
    }

    .CartDesign-product-info-name {
        width: 180px
    }

    .CartDesign-product-info-price {
        width: 125px
    }

    .CartDesign-product-info-qty {
        left: -5px
    }

    #CartDesign #idButCup {
        padding: 15px 10px
    }

    .ProdCartGo a {
        padding: 10px 58px
    }
}

/* Large */
@media only screen and (min-width: 1025px) {
    .DivIntHomeProd {
        width: 100%
    }

    .DivIntListProdProd {
        width: 100%
    }

    .DivHomeImagemProd {
        float: none
    }

    .DivListProdImagemProd {
        float: none
    }

    .last-prod {
        display: none
    }

    .DivListProd {
        height: 450px
    }

    .FooterTecBoxFC {
        line-height: 66px;
        min-height: 66px
    }

    .HeaderContainerSocialLoginGlobalSingIcons {
        width: 20%
    }

    .header-menu-display {
        display: none !important
    }

    .speech .header-speech-icon {
        display: none !important
    }

    .HeaderSerachIMGIconFC img {
        display: block !important;
        position: relative;
        left: 12px
    }
}

/* m-Large */
@media only screen and (min-width: 1366px) {
    .last-prod {
        display: block !important;
    }

    .DivListProd {
        height: 450px
    }

    .FooterTecBoxFC {
        line-height: 66px;
        min-height: 66px
    }

    .header-menu-display {
        display: inline !important
    }
}

@media only screen and (max-width: 1366px) {
    .last-prod {
        display: block !important;
    }
}

/* x-Large */
@media only screen and (min-width: 1441px) {
    .DivIntHomeProd {
        width: 100%
    }

    .DivIntListProdProd {
        width: 100%
    }

    .DivHomeImagemProd {
        float: none
    }

    .DivListProdImagemProd {
        float: none
    }

    .last-prod {
        display: block
    }

    .DivListProd {
        height: 450px
    }

    .FooterTecBoxFC {
        line-height: 66px;
        min-height: 66px
    }
}

/* Grid final Style */
[class*='gridLevel'] {
    clear: both;
    width: 100%;
    height: 100%;
    padding: 10px 5px !important;
    box-sizing: border-box;
    text-align: center;
    background: transparent;
    border: 1px solid #ccc;
    margin: 10px 0 !important;
    border: 1px solid #cccccc
}

[class*='descriChoice'] {
    clear: both;
    width: 100%;
    float: left;
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 10px 10px;
    font-family: 'Roboto', 'Open Sans', verdana, arial;
    font-weight: 600
}

/* Remove quadrado do campo obrigat?io */
.EstDivRequired {
    display: none
}

/* Alteracoes no Vex */
.vex.vex-theme-default {
    padding-top: 65px !important
}

/* Reviews Stars */
.FCRateStars input, .FCRateStars select {
    vertical-align: inherit
}

.NotaOpiniaoVazio {
    width: 18px !important;
    height: 18px !important;
    background-image: url("../images/iconreviewoff.svg") !important
}

.NotaOpiniaoMeio {
    width: 18px !important;
    height: 18px !important;
    background-image: url("../images/iconreviewhalf.svg") !important
}

.NotaOpiniaoCheio {
    width: 18px !important;
    height: 18px !important;
    background-image: url("../images/iconreviewon.svg") !important
}

/* Old Checkout */
.FCFreight #idFCContent, .FCPayment #idFCContent, .OrderLogin #idFCContent, .OrderRegistration #idFCContent, .FCRegister #idFCContent, .OrderConfirmation #idFCContent, .OrderCompletion #idFCContent {
    margin: 0px auto;
    width: 85%
}

#PassosCompra li {
    display: inline-block;
    padding: 5px;
    font-size: 12px
}

.EstPassoCompraDiv {
    background-image: none !important
}

.OrderRegistration .EstTabTopo, .OrderConfirmation .EstTabTopo, .OrderCompletion .EstTabTopo {
    padding: 10px 0 10px 0;
    font-size: 16px;
    background: #dedede
}

.OrderRegistration #idTabRegisterFC td {
    padding: 5px 0
}

.OrderRegistration #idTabRequiredFieldFC {
    display: none
}

/* Remove LogoTopo */
#idStoreLogoFC {
    display: none
}

/* Video and Image Product */
.videoProd {
    max-width: 140px;
    max-height: 200px
}

.DivHomeImagemProd img {
    max-width: 120px;
    max-height: 120px;
    border: 1px solid #eeeeee;
    margin-bottom: 65px;
    margin-top: 10px
}

.DivListProdImagemProd img {
    max-width: 120px;
    max-height: 120px;
    border: 1px solid #eeeeee;
    margin-bottom: 55px;
    margin-top: 10px
}

/* Next page of products buttons */
.estNextPageButFC {
    border-radius: 3px;
    background: #44ac55;
    color: #fff;
    padding: 15px;
    border: 0;
    min-width: 40%;
    cursor: pointer;
    margin-top: 20px;
    transition: opacity .5s ease;
    font-size: 1.1em
}

.estNextPageButFC:hover {
    opacity: .8
}

.estNextPageButFC:disabled {
    opacity: .4
}

.estNextPageContFC {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

.estLoadingNextPageFC {
    visibility: hidden;
    max-height: 50px;
    margin-top: 5px
}

.xestTxtNextPageButFC {
    display: none
}

.xestNextPageButFC:before {
    content: "VER MAIS PRODUTOS"
}

/*------------------------------------------------------------
**********************   CÍTRICA CSS    **********************
------------------------------------------------------------*/

/* espaçamentos do bootstrap 4 */
.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.vw-100 {
    width: 100vw !important
}

.vh-100 {
    height: 100vh !important
}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pb-0, .py-0 {
    padding-bottom: 0 !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1, .py-1 {
    padding-top: .25rem !important
}

.pr-1, .px-1 {
    padding-right: .25rem !important
}

.pb-1, .py-1 {
    padding-bottom: .25rem !important
}

.pl-1, .px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2, .py-2 {
    padding-top: .5rem !important
}

.pr-2, .px-2 {
    padding-right: .5rem !important
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important
}

.pl-2, .px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3, .py-3 {
    padding-top: 1rem !important
}

.pr-3, .px-3 {
    padding-right: 1rem !important
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important
}

.pl-3, .px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5, .py-5 {
    padding-top: 3rem !important
}

.pr-5, .px-5 {
    padding-right: 3rem !important
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important
}

.pl-5, .px-5 {
    padding-left: 3rem !important
}

ul.nav.nav-inline li {
    display: inline-block;
}

.bg-primary {
    background-color: #f8f8f8 !important;
    color: #767676;
}

small {
    font-size: 80% !important;
}

.text-small {
    font-size: small !important;
}

.float-right {
    float: right !important;
}

.border-right {
    border-right: 1px solid #5c5c5c;
}

.barra-topo a {
    font-weight: 600;
}

form#autocomplete-form {
    margin-top: 19px;
}

input#autocomplete {
    /*border: none;*/
    /*text-align: center;*/
    font-size: larger;
    text-transform: uppercase;
    /*padding-left: 0 !important;*/
    font-weight: 700;
    width: 100%;
    float: left;
}

#DivSearch .btn-sent {
    background: transparent !important;
    color: initial;
    box-shadow: none;
    line-height: 35px;
}

.HeaderSerachIMGIconFC {
    top: initial;
    font-size: larger;
}

.HeaderSocialLogin-position {
    margin-top: 0;
}

.HeaderCartMainFC {
    height: initial;
    top: 0;
}

a #HeaderCartItemFC {
    color: #828282 !important;
}

.HeaderCartMainIconFC {
    width: initial;
    height: initial;
    top: 0;
    display: inline-block;
    padding-right: 7px;
    font-size: larger;
    color: #757575;
}

.HeaderCartMainItemTotalFC {
    height: initial;
    top: initial;
    display: inline-block;
}

.HeaderContainerSocialLoginIconUser i, .loginInfo a, .HeaderSerachIMGIconFC i {
    color: #757575;
}

.HeaderContainerSocialLoginUL {
    justify-content: flex-end;
}

.HeaderContainerSocialLoginIconUser {
    padding-right: 5px;
}

.HeaderMainMenuFC {
    height: auto !important;
    background: none;
    border-bottom: 2px solid #ececec !important;
    border-top: 2px solid #ececec !important;
}

.HeaderMainMenuFC .nav.nav-inline.nav-justify li {
    margin: 0;
    font-size: 12pt;
    font-weight: bold;
    border-right: 1px solid;
    line-height: 16px;
    padding: 5px 10px;
}

.HeaderMainMenuFC .nav.nav-inline.nav-justify li:last-child {
    border: none;
}

.HeaderMainMenuFC .nav.nav-inline.nav-justify li a:hover {
    font-weight: 600;
}

.bannerModel {
    max-height: initial !important;
}

.nav-justify {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.nav.nav-inline.nav-justify li {
    width: 100%;
    margin: 15px 0;
}

.nav li h3 strong {
    font-size: x-large;
}

.nav h3 {
    font-weight: 400;
    line-height: 1.2em;
}

.MainHomeBoxTitFC {
    border-bottom: 1px solid #666666 !important;
    color: #666666 !important;
}

#idBannerImgFC img, .banner-100 img {
    width: 100%;
}

.FootterMainBarFC {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
}

.DivHomeImagemProd img {
    max-width: 100%;
    max-height: fit-content;
    border: none;
    margin-bottom: 15px;
    margin-top: 0;
}

.HomeNomeProd {
    color: initial !important;
    font-size: 16px !important;
    text-decoration: underline;
}

.DivHomeNomeProd {
    color: initial !important;
    max-width: 100%;
    font-weight: 400;
    text-align: center;
}

.DivIntHomeProd {
    padding: 0 10px;
}

.ProductStyleULFC h1 {
    color: initial !important;
}

.DivHomePriceProd {
    text-align: center;
}

.old-price {
    margin-bottom: 0;
}

.fc-badge-product-sale {
  background-color: #0098d7 !important;
  margin-left: 80px;
  font-weight: bold;
}

.prices {
    height: initial;
}

.prices a, .prices {
    color: #626262;
}

.currency, .int, .dec {
    font-size: 16pt;
}

.DivHomeDetails, .DivHomeSpy {
    float: initial !important;
    display: inline-block;
}

.DivHomeDetails a {
    border: 0 solid #0098d6 !important;
    color: #0098d6 !important;
}

.DivHomeDetails a:hover {
    background-color: #0098d6 !important;
}

/*-------- INSTAGRAM --------*/
.instafeed a {
    display: block;
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.instafeed a:hover img {
    opacity: 0.7;
}

.instafeed a img.landscape {
    position: absolute;
    height: 100%;
    width: auto;
    display: block;
    max-width: none;
    left: 50%;
    transform: translate(-50%, 0);
}

.instafeed a img.portrait, .instafeed a img.square {
    position: absolute;
    width: 100%;
    height: auto;
    display: block;
}

.instafeed > div {
    padding: 0;
    margin: 30px 0;
}

/*-------- //INSTAGRAM --------*/

.blog > div {
    margin: 50px 0;
}

.blog h5 {
    margin: 15px 0 20px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}

.blog p {
    text-align: left;
    color: #7c7c7c;
}

.FooterAddressFC.FooterULMenuFC i {
    margin-right: 5px;
    position: absolute;
    left: 0;
}

.FooterAddressFC.FooterULMenuFC {
    padding-left: 20px;
    position: relative;
    line-height: 1.1em;
}

.FCToolBarLogo {
    width: auto;
    height: auto;
    float: none;
}

.HeaderPedSepLineFC {
    background-color: #ececec !important;
}

#btContainer {
    padding: 0% 5%;
}

.bTItem {
   width: 25% !important;
}

#btContainer {
    padding: 0% 5%;
}

.whatsapp_home{
  font-size: 14px;
}

.whatsapp_home:hover{
  text-decoration: underline;
  font-weight:bold;
}
span.AdicNome {
    display: none !important;
}

span.AdicItem {
    color: red;
    font-size: 25px;
    font-weight: bold;
}

.MainContainer.nav.nav-inline a {font-size:15px;}


/* Desabilitar visualmente o Zendesk */
.wrapper-3hgZT {display: none !important;}

@media only screen and (min-width: 320px) and (max-width: 475px) {

    .bTItem {
        width: 100% !important;
    }

    .instafeed > div {
        margin: 5px 0;
    }

    .nav-justify {
        display: block;
    }

    li.border-right {
        border: none;
    }

    .SmallMenuButtom {
        color: initial;
        text-align: center;
        padding: 15px 0;
    }

    .SmallMenuButtom svg {
        -webkit-filter: brightness(0.5);
        -moz-filter: brightness(0.5);
        -o-filter: brightness(0.5);
        -ms-filter: brightness(0.5);
        filter: brightness(0.5);
    }

    .HeaderMainMenuFC .nav.nav-inline.nav-justify li {
        margin: 10px 0;
        border: none;
        font-size: large;
    }

    input#autocomplete {
        width: 100%;
    }
  
}
@media only screen and (max-width: 600px) {
.bTItem {
width:100%;
}
}

/* Nova Pagina Servicos 2024*/
.alinhamento-servicos {text-align: left;}
.banner-servicos-mob,.banner-home-mob{display:none;}
.panel-simple.radius h2 {font-size:24px;margin-bottom: 0;}
.texto-servicos h2 {padding-top: 20px;padding-bottom: 20px;font-size:22px;}
.texto-servicos p {padding-bottom: 10px;font-size:20px;line-height: 1.3;}
.celular-servicos {display:none;}

@media screen and (max-width:640px){
  .banner-servicos,.banner-home{display:none;}
  .banner-servicos-mob,.banner-home-mob{display:block;}
  .desktop-servicos{display:none;}
  .celular-servicos{display:block;}
  h2.alinhamento-servicos{text-align: center;}
  .panel-simple.radius h2 {font-size:18px}
  .texto-servicos h2 {font-size:20px;padding-top:0;padding-bottom:0}
  .texto-servicos p {padding-left: 10px;padding-right: 10px;}
}

/* Carrossel de marcas na home*/
@keyframes slide {
  from {transform:translateX(0)}
  to {transform:translateX(-100%)}
}
.logos {overflow: hidden;white-space:nowrap;position:relative;}
.logos:before,.logos:after{position:absolute;top:0;width:80px;height:100%;content: "";z-index:5;}
.logos:before {left:0;background: linear-gradient(to left, rgba(255,255,255,0),rgba(255,255,255,1));}
.logos:after {right:0;background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));}
.logos:hover .logos-slide{/*animation-play-state:paused;*/}
.logos-slide{ display:inline-block;animation:30s slide infinite linear;}
.logos-slide img {height: 150px;margin: 0 40px;}
@media screen and (max-width:640px;){
  .logos:before,.logos:after{width:50px}
}
/* Banner rotativo da home ajustado para celular*/
@media screen and (min-width:641px){
.MagicSlideshow:nth-of-type(2){display:none !important;}
}
@media screen and (max-width:640px){
  .MagicSlideshow:first-of-type{display:none !important;}
  .MagicSlideshow:nth-of-type(2){display:block !important;}
}