/* ************************************************************************* kits ********************************************************************************** */
    /* Menu | Forcasa Kits */
    #section-menu{ height: 12vh; position: relative; }
    #div-logos{ width: 7.5vw; margin-top: 2vh; position: absolute;}
    #div-menu{ margin-left: 12vw; flex: 0 0 45.666667%; max-width: 45.666667%;}
    .img-login{ width: 2vw; margin-right: 1vh;}
    .div-icon-carrinho{ width: 1.2vw;}
    .carrinho-menu{ height: 6vh; min-width: 4.5vw; border-radius: 1rem;}
    /* home | Forcasa Kits */
    #section-kit-home{ min-height: 60vh;}
    #banner-home{ background: url(../imgs/bg_menina.png); background-size: cover; height: 72vh; }
    .div-card-kits{ border-radius: 0.7rem; min-height: 32vh; position: relative;}
    .cards-kits{ border-radius: 0.7rem; min-height: 33.5vh; }
    .chamada-cards-kits { position: absolute; width: 90%; left: 5%; top: -1.1vh; height: 5vh; display: flex; justify-content: center; align-items: center; z-index: 3; }
    .logo-cards-kits { margin-top: 4vh!important;}
    .lista-itens-kits{ text-decoration: none; list-style-type: none; margin: 0; padding: 0;}
    .div-icon-item-kits { padding-top: .2rem!important; width: 20px; }
    .item-prod-card { width: calc(100% - 20px); }
    .btn-kits{ border-radius: 1rem; font-size: 0.7rem;}
    .div-logo-kits{ width: 88%;}
    /* #container-geral-home::before { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 6.7vh; min-width: 15.3vw; top: 32vh; left: 8vw; } */
    /* #container-geral-home::after { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 6.7vh; min-width: 15.3vw; right: 17vw; bottom: 45vh; } */
    .coluna-imagem-modelo{ z-index: 1;}
    #section-for-you{ background: url(../imgs/for_you_bg_completo.jpg); background-size: cover; height: 72vh; }
    .div-btn-for-you a{ border-radius: 1rem; font-size: 0.7rem;}
    .div-logo-for-you{ width: 80%;}
    /* footer */
    #footer-kits{ height: 50vh; display: flex; justify-content: center; align-items: center; }
    #footer-kits .container .row{ min-height: 30vh;}
    #footer-kits .container { margin-bottom: 4rem !important;}
    #redes{ min-height: 20vh; height: 100%; }
    #redes p {color: #6E6E6E !important; }
    #div-redes-sociais{width: 90%;}
    .titulos-footer{font-size: 1rem;}
    #redes::before{ content: ' '; position: absolute; height: 20.5vh; width: 1px; background: url(../imgs/linha-diferenciais.png); background-size: contain; left: 0; margin-top: 0; top: 0.5vh; }

    /* ******************************************************************************* for you  **********************************************************************/
    #home-for-you{ background: url(../imgs/bg-home-s-bolinhas.jpg); background-size: cover; height: 72vh;}
    .div-img-home-for-you{ width: 92%; }
    .div-img-logo-for-you{ width: 43%;}
    .div-text-prod-for-you{ width: 50%;}
    .div-img-prod-for-you{ border-radius: 1rem; width: 100%; min-height: 19vh; }
    .valor-riscado p { text-decoration: line-through; }
    .div-car-prod-for-you{ width: 6%;}
    .btn-prod-for-you{ border-radius: 1rem; font-size: 0.7rem; padding-left: 5rem!important; padding-right: 5rem!important;}
    #section-contador-for-you{ min-height: 12vh; margin-top: 23vh; border-bottom: solid 0.1px #C50A18;}
    #section-contador-for-you .container {min-height: 12vh;}
    #section-contador-for-you .row {min-height: 12vh;}
    #section-template-kits .text-lado-cont { font-size: 1rem !important;}
    .img-modelo-contador{ position: absolute; bottom: 0vh;}
    .div-text-contador-for-you{ margin-left: 14vw;}
    .span-hover-prod{ justify-content: center; align-items: center; display: flex; opacity: 0; transition: opacity .2s linear; width: 100%; text-align: center; color: #fff; min-height: 19vh; border-radius: 1rem; text-decoration: none;}
    .span-hover-prod:hover{ display: flex; justify-content: center; align-items: center; width: 100%; min-height: 19vh; background: linear-gradient(180deg, rgba(0,0,0,0.5) 100%, rgba(0,0,0,0.5) 100%); opacity: 1; font-size: 1rem !important; color: #fff; }
    .a-bg-prod-for-you{ border-radius: 1rem; width: 100%; min-height: 19vh; text-decoration: none !important; }
    #section-interessar{ background: url(../imgs/textura.png); background-color: #DCDCDC; height: 72vh; background-size: cover;}
    #section-interessar .row{ width: 85%;}
    .row-prod-interessar{ border-radius: 1rem;}
    .div-logo-prod-kit{ margin-bottom: 8vh; width: 17.5vw;}
    .btn-prod-uni{ border-radius: 1rem; font-size: 0.7rem; padding-left: 9rem!important; padding-right: 9rem!important; }
    .div-info-prod-kit{ margin-bottom: 5vh;}
    /* .div-btn-template-kits{ margin-top: 2rem; } */
    .carousel-control-next-icon { background-image: url(../imgs/icones/next.svg); }
    .carousel-control-prev-icon { background-image: url(../imgs//icones//prev.svg); }
    .carousel-inner{ width: 90%;}
    .carousel-control-prev { left: -34px;}
    .carousel-control-next { right: -34px; }
    .contador{background: url(../imgs/icones/contador.svg); background-size: cover; width: 3vw; min-height: 6vh;}
    .div-geral-contador{ min-height: 10vh;}
    .prod-contador{ margin-right: 4vw; }
    .coluna-texto-contador{ min-height: 5vh; justify-content: space-between !important;}
    .fonte-contador{ font-size: 0.5rem !important;}
    .titulo-prod-for-you{ font-size: 1.5rem !important;}
    .div-info-prod-for-you{ border-width: 1px; border-style: dashed; border-color: #707070;}
    .cor-produto{ width: 25px; height: 25px; border: 1px solid #707070; }
    .cor-produto-lista{ text-align: center; width: 100px; height: 25px; border: 1px solid #707070; padding: 1%; }
    /* template vermelho */
    .template-vermelho#section-template-kits{ background: url(../imgs/fundo_textura.png); background-size: cover; min-height: 72vh;}
    .template-vermelho .carousel-control-next-icon { background-image: url(../imgs/icones/next-amar.svg); }
    .template-vermelho .carousel-control-prev-icon { background-image: url(../imgs//icones/prev-amar.svg); }
    .template-vermelho .contador{background: url(../imgs/icones/contador-amar.svg); background-size: cover; width: 3vw; min-height: 6vh;}
    .template-vermelho .div-logo-prod-kit { width: 13.5vw; }
    .template-vermelho .icone-vermelho{ display: none;}
    .template-vermelho .icone-amarelo{ display: block;}
    .template-vermelho .div-item-prod-kit p{ color: white !important;}
    .template-vermelho .valor-riscado p {color: white !important;}
    .template-vermelho .valor-por {color: white !important;}
    .template-vermelho .simbolo-moeda {color: white !important;}
    .template-vermelho .div-valor-real p {color: #FFE900 !important;}
    .template-vermelho .div-btn-template-kits a, .template-vermelho .div-btn-template-kits button  { background-color: #FFE900 !important; color: black !important; }
    .template-vermelho .titulo-col-carousel p {     color: #fff !important; }
    /* .template-vermelho .titulo-col-carousel span{ color: #FFE900 !important; } */
    /* .template-vermelho .div-text-prox-contador span {     color: #fff !important; } */
    .template-vermelho .div-text-prox-contador p{ color: #FFE900 !important; }
    .template-vermelho .div-geral-contador span{     color: #C60A18 !important; }
    .template-vermelho .fonte-contador{ color: #fff !important; }
    .sem_overflow{ overflow: hidden;}
    #menuLandContent{overflow:auto!important}
    #menu-hamburguer{ z-index:9999999999999!important; cursor:pointer; top:1vh; right:10vw; }
    #menu-hamburguer:before{ position:absolute; top:3px; left:-80px; content:''; color:transparent; font-size:18px }
    #menu-hamburguer span,#menu-hamburguer span:before,#menu-hamburguer span:after{ cursor:pointer; border-radius:1px; height:1.5px; width:20px; background:transparent; position:absolute; display:block; content:'';}
    #menu-hamburguer span:before{ top:-5px }
    #menu-hamburguer span:after{ bottom:-5px}
    #menu-hamburguer span,#menu-hamburguer span:before,#menu-hamburguer span:after{ -ms-transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;}
    #menu-hamburguer.active:before{ content:''; font-style:italic; color:#000 }
    #menu-hamburguer.active span:before,#menu-hamburguer.active span:after{ top:0 }

    #menu-hamburguer-aberto{height:0; background-color:rgba(255,255,255,.4); padding-bottom:0; list-style-type:none; top: 0; margin:0; padding:0; width: 100vw; position:absolute; max-height:100vh; overflow:hidden; left:0; -ms-transition:all 600ms ease-in-out; -webkit-transition:all 600ms ease-in-out; transition:all 600ms ease-in-out; z-index:99999!important; opacity:.85 }
    #menu-hamburguer-aberto #primeiroItem{ margin-top:26vh }
    #menu-hamburguer-aberto li{ margin-bottom:0 }
    #menu-hamburguer-aberto li.selecionado,#menu-hamburguer-aberto li.selecionado span{background-color:rgba(255,255,255,.5);color:#000}
    #menu-hamburguer-aberto li a{display:block;padding:8px 16px; color:#fff !important; text-align:center; width:100%; text-decoration:none}
    #menu-hamburguer-aberto li a:hover{background-color:rgba(255,255,255,.7);text-decoration:none;color:#000 !important;}
    #menu-hamburguer-aberto li.selecionado a:hover{background-color:transparent;text-decoration:none}
    #menu-hamburguer-aberto li a span{padding-bottom:2px;padding-left:1px;padding-right:1px;font-size:1.5em}
    #menu-hamburguer-aberto li a span:hover{text-decoration:underline}
    #menu-hamburguer-aberto li img{width:60%;margin-left:8px;height:1px}
    #menu-hamburguer-aberto{overflow:auto!important}
    .visivel{height: 100vh !important; background-color:#434040!important}

    #primeiro-item{ position: absolute; top: 0; right: 2vw;}
    #item-menu-galeria{ margin-top:26vh }
    #carouselExampleControls {max-height: 32vh;}
    .carousel-item.active { display: flex; justify-content: center; align-items: center; }
    #section-prod-for-you{ min-height: 70vh;}
    .carousel-inner{ border-radius: 0.5rem;}

    #section-checkout{ background: url(../imgs/bg-home-s-bolinhas.jpg); background-size: cover; height: 72vh;}
    #section-pagamento{ background: url(../imgs/bg-home-s-bolinhas.jpg); background-size: cover; height: 94vh; padding-bottom: 4vh; }
    .pagamentos #footer-kits{ height: 40vh;}
    #container-checkout::before { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 6.7vh; min-width: 15.3vw; top: 32vh; left: 8vw; }
    #container-checkout::after { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 6.7vh; min-width: 14.7vw; right: 8vw; bottom: 45vh; }
    #container-pagamento::before { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 7.7vh; min-width: 15.3vw; top: 32vh; left: 8vw; }
    #container-pagamento::after { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 6.7vh; min-width: 14.7vw; right: 8vw; bottom: 45vh; }
    #checkout .card-body, #checkout, #card-pagamento, #card-pagamento .card-body { border-radius: 2rem; }
    #checkout .card-body, #card-pagamento .card-body { padding: 2rem; }

    .coluna-carrosel-mobile{ display: none;}
    #linha-carrosel-kits{ width: 100%;}
    .div-img-titulo-for-you{ margin-top: 6rem !important; }
    #home-for-you::before { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 6.7vh; min-width: 15.3vw; top: 32vh; left: 11vw; }
    #home-for-you::after { content: ' '; background: url(../imgs/bolinhas.png); position: absolute; background-size: cover; width: auto; height: auto; min-height: 6.7vh; min-width: 15.3vw; right: 8vw; bottom: 76vh; }
    /* .cards-kits:hover { background-color: url(../imgs/img-lavanderia_old.png) !important; } */
    .cards-kits:hover .div-hover-kits{ display: block !important;}
    /* .div-hover-kits { margin-top: 2vh;} */
    .cards-kits:hover .span-hover-kits{ min-height: 33.5vh; background: linear-gradient(180deg, rgba(0,0,0,0.5) 100%, rgba(0,0,0,0.5) 100%); opacity: 1; border-radius: 0.7rem; }
    #section-menu-modal{ height: 14vh; position: relative;}
    .div-titulo-modal{ margin-top: 10vh; margin-bottom: 4vh;}
    .div-input-forcasa { background-color: #fff; border-radius: 1.3rem; margin-left: 1rem; margin-bottom: .5vh; max-width: calc(100% - 3rem); min-height: 7.5vh; height: auto; box-shadow: 0px 0.3rem 0.6rem #00000029; width: 100%; }
    .label-input { margin: 0; font-size: 0.7rem; text-transform: uppercase; padding-left: 1rem; padding-top: 1vh; }
    .input-forcasa { background-color: transparent; border: 0px; width: 100%; padding-left: 1.5rem; height: 6vh; font-family: 'roboto-regular', helvetica, sans-serif !important; }
    .div-input-forcasa button, .div-input-forcasa input, .div-input-forcasa optgroup, .div-input-forcasa select, .div-input-forcasa textarea { border-radius: 1.3rem; background-color: transparent !important; }
    .div-input-forcasa input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }
    textarea:focus, input:focus{ outline: none; }
    .botao-form-modal { padding: 1vh 2vw; border-radius: 1rem; border-width: 0px; background: #FDC016 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; color: #575756; font-size: 1rem; }
    .efeito-up:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; transition-duration: .3s; transition-property: transform,opacity; }
    .div-img-rede-social-modal { width: 30px; margin-right: .45vw; }
    #conteudo-modal { border-bottom: 9px solid #FDC016; }
    .fim-form-modal { margin-top: 15vh; margin-bottom: 0rem !important; }
    .fim-form-modal-cadastre{ margin-top: 6vh; margin-bottom: 0vh !important;}
    #step-5 .fim-form-modal-cadastre{ margin-top: 10vh; margin-bottom: 0vh !important;}
    #step-5 .div-iputs-cadastre{margin-top: 10vh !important;}
    .div-conteudo-modal-cadastro span.voltar-cadastre { cursor: pointer; width: 1vw; position: absolute; bottom: 9vh; }
    .input-metade-esquerda { width: 49%; min-height: 7.5vh; height: auto; box-shadow: 0px .3rem .6rem #00000029; }
    .input-metade-direita { margin-left: .5rem; width: calc(49% - 2.5rem); min-height: 7.5vh; height: auto; box-shadow: 0px .3rem .6rem #00000029;}
    /* whatsapp */
    .flexSpaceBetween{ display:-webkit-box!important; display:-moz-box!important; display:-ms-flexbox!important; display:-webkit-flex!important; display:flex!important; -webkit-box-pack:justify!important; -ms-flex-pack:justify!important; justify-content:space-between!important;}
    .base-chat{ position: fixed; width: 100%; bottom: 0; z-index: 20; background-color:rgba(136, 7, 16, 0.89); padding: 0px 0; color: #ffffff; box-shadow: 0 0 60px rgba(0,0,0,0.4); height: 6vh; z-index: 9999;}
    .base-chat .base-texto { float: left; margin: 0; padding: 0; }
    .base-chat .base-icone { font-size: 28px; margin-right: 12px; float: left; display: flex; padding: 0;padding-top: 0.3rem;}
    .base-chat a { display: block; color: #ffffff; text-decoration: none; outline: none; }
    .bg-whatsapp { /* background-color: #169e0e; */ display: block; position: relative; width: 100%; height: 50px; padding: 7px; text-align: center; }
    .base-icone img { margin-top: -5px; vertical-align: middle; border: 0; margin: 0; padding: 0; }
    .base-chat .base-texto p { font-size: 10px; color: #ffffff61; text-align: left; margin: 0; padding: 0; }
    .base-chat .base-texto h3 { font-size: 18px; font-weight: 900; color: rgba(255, 255, 255, 0.81); padding-bottom: 10px; text-align: left; line-height: 1.1; margin: 0; padding: 0; }
    .clearfix { clear: both; }
    .bg-corretores .base-texto h3 { background-color: #ca212a; display: block; position: absolute; width: 90%; color: #fff; height: 90px; top: 0; font-size: 18px; margin: 0px 0; padding: 16px 30px; text-align: center; }
    .bg-corretores .base-texto h3:hover { width: 90%; height: 120px; z-index: 3; font-size: 18px; padding: 16px 30px; margin: -10px 0; transition: .3s; box-shadow: 5px -10px 10px rgba(16, 0, 0, 0.20); cursor: pointer; }
    .bg-corretores button{ border: 0px; border-color: transparent; padding: 0; }
    #input-empreendimento_id {background: transparent; border: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
    #input-blocos{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
    #input-empreendimento_id:focus{ background-color: transparent; box-shadow: 0 0 0 0 rgba(0,123,255,.25);}
    #input-blocos:focus{ background-color: transparent; box-shadow: 0 0 0 0 rgba(0,123,255,.25);}
    #step-3 .div-iputs-cadastre { margin-top: 3rem !important; }
    #step-3 span.voltar-cadastre{ bottom: 8.5vh; left: 2vw;}
    /* #modal-login-home{ min-height: 94vh; } */
    #conteudo-modal{ min-height: 65vh; }
    .fim-form-modal-select-empre { margin-top: 18vh; margin-bottom: 1vh !important; }
    #container-error{ margin-top: 15vh;}
    .fim-form-modal-error{ margin-top: 15vh; margin-bottom: 1vh !important; }
    .span-seta-select { position: absolute; width: 1.3rem; height: 2.7rem; color: #707070; right: 21.5vw; bottom: 22.5vh; z-index: 0; }
    .span-seta-select-empre { position: absolute; width: 1.3rem; height: 2.7rem; color: #707070; right: 4vw; bottom: 44vh; z-index: 0; }
    .col-vazia-logo-modal{ flex: 0 0 20.666667%; max-width: 20.666667%;}
    /* pagina produto kits */
    .text-lado-cont p{ margin-bottom: 0; margin-top: 2.5vh;}
    .input-cor-produto{ visibility: hidden; position: absolute; left: 0; height: 100%; width: 100%; }
    .prod-cor-radio{ position: relative; cursor: pointer;}
    .prod-cor-radio label{ cursor: pointer; }
    .prod-cor-radio input[type=radio]:checked + label { border: 2px solid #C50A18 !important; padding: 1px; }
    .prod-cor-radio input[type=radio]:checked + label::after { background: url(../imgs/svg/checkbox-cores.svg); background-size: cover; bottom: 0.4vh; content: ""; display: inline-block; height: 12px; position: absolute; right: 0px; width: 12px;}
    .del-img-carrossel{ position: absolute; top: -2vh; right: auto; cursor: pointer;}

    /* popup cookies */
    #section-popup-cookies{ background: url(../imgs/bg_popup.png); background-size: auto; min-height: 15vh; position: fixed; bottom: 9vh; z-index: 99999999; min-width: 14vw; width: auto; background-size: cover; right: 2vw; border-radius: 1rem; -webkit-animation: fadeIn 1s ease-in-out; -moz-animation: fadeIn 1s ease-in-out; -o-animation: fadeIn 1s ease-in-out; animation: fadeIn 1s ease-in-out;}
    /* detalhes perfil */
    .img-perfil-detalhes{width: 25%;}
    /* dashboard */
    .number-dash{ font-size: 2rem !important; color: #343a40!important; }
    .number-dash-cbg{ font-size: 2rem !important; color: #343a40!important; margin-bottom: 0;}
    .card-b-dash{ background-color:#fcfcfc; }
    .card-header-campanhas{ border-left: solid 5px #dc3545; }
    .card-header-cli-interesse{ border-top: solid 3px #0A9C31;}
    .card-header-interesse{ border-top: solid 3px #C60A18; }
    .card-header-clientes{ border-left: solid 5px #007bff; }
    .card-header-pedidos{ border-left: solid 5px #6c757d; }
    .card-header-empreendimentos{ border-left: solid 5px #17a2b8; padding: 1.05rem 1.25rem; }
    .card-header-produtos-pedidos{ border-left: solid 5px #9D0202; padding: 1.05rem 1.25rem; }
    .card-header-table-count-kits{ border-left: solid 5px #00DDFF  ; padding: 1.05rem 1.25rem; }
    .card-header-count-kits{ border-left: solid 5px #612F74  ; padding: 1.05rem 1.25rem; }

    .card-header-count-venda-emp-temp{ border-left: solid 5px #e68e0b  ; padding: 1.05rem 1.25rem; }
    .card-header-count-kits-pedidos-emp{ border-left: solid 5px #ec13da  ; padding: 1.05rem 1.25rem; }

    .card-header-empreendimentos-info{  border-left: solid 5px #F0E800   ; padding: 1.05rem 1.25rem; }
    /* .card-header-empreendimentos{ padding: 1.05rem 1.25rem; } */
    blockquote { border-left: 0.35rem solid #007bff; }
    #card-body-empreeendimentos .dt-buttons{ display: none!important;}
    #card-body-empreeendimentos #DataTables_Table_0_wrapper{ display: flex; flex-direction: column; }
    #card-body-empreeendimentos #DataTables_Table_0_filter{ margin-right: auto; }
    .label-interno-prod::after{ content: "Escolha a imagem";}
    .btns-add{ min-width: 5%;}
    .select2-container{ width: 100% !important;}
    .imgs-preview-prod{ width: 30%; border: solid #fff; -webkit-box-shadow: 3px 0px 5px 0px rgb(0 0 0 / 6%); -moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.06); box-shadow: 3px 0px 5px 0px rgb(0 0 0 / 6%); }
    .coluna-img-carrossel{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
    .titulo-bar{font-weight: bold;}
/*----- Relatorios ----------*/
    .filtro-relatorio-input{
        flex: 1;
    }
    .button-venda-tempo{
        background-color: #612F74;
        color: #fcfcfc;
    }

    .button-venda-tempo:hover{
        background-color: #343a40;
        color: #fcfcfc;
    }


    .button-pedidos-emp{
        background-color: #17a2b8;
        color: #fcfcfc;
    }

    .button-pedidos-emp:hover{
        background-color: #0d5d69;
        color: #fcfcfc;
    }

    .button-kits-pedidos{
        background-color: #ec13da;
        color: #fcfcfc;
    }

    .button-kits-pedidos:hover{
        background-color: #630e5c;
        color: #fcfcfc;
    }


    .button-venda-emp-tempo{
        background-color: #e68e0b;
        color: #fcfcfc;
    }

    .button-venda-emp-tempo:hover{
        background-color: #583c10;
        color: #fcfcfc;
    }

    .card-header-clientes, .card-header-empreendimentos-info{
        min-height: 6.4vh;
    }

    table.dataTable *, .dt-button * {
        font-size: 90%;
    }