/* ---------------- Principais ---------------- */ *{ box-sizing:border-box; } ::before{box-sizing: unset} .fancybox-active{ height: 100% !important; } html{height:100% !important; width:100%; -webkit-backface-visibility:hidden !important;} body {margin:0; min-width:322px; background-color:#fff;font-family:'Open Sans', 'Arial','verdana'; font-weight: 400; color:#515151; height: auto; font-size:15px; -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch; overflow-y:auto;} input, select, textarea{outline-style: none;font-family: 'Open Sans', sans-serif;appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;border: 0;background-color: #fff;} h1,h2,h3{padding:0; margin:0; font-weight:400} hr{color: #1e1e1f} select::-ms-expand{display: none;} input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: inherit;} a {color: inherit;outline: none;text-decoration: inherit;} a:hover{color: inherit;outline: none;} a img {outline : none;} img {border : 0; outline: 0;} input, button, select, textarea{outline: 0;} select{background-repeat: no-repeat; background-position:calc(100% - 15px) center; background-image: url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fseta_select.svg"); background-size:12px;} address{font-style: normal;} button{cursor: pointer;background-color: rgba(0, 0, 0, 0);outline-style: none !important;outline: thin dotted !important;outline: 0px auto -webkit-focus-ring-color !important;outline-offset: 0px !important;} video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent;} button, div:focus{outline: none;-webkit-tap-highlight-color: transparent} input[type=button], input[type=submit], input[type=reset]{-webkit-appearance: none;} .alignCenter {*position: absolute; top: 50%; display: table-cell; } .Negrito {font-weight:700} .ErroValidacao{color: red; font-size: 14px; text-align: center; margin: 20px 0 0 0; opacity: 0;} .BordaErro{border:2px solid #D93636 !important} .ColorErro{color:#D93636 !important;font-weight:600} .SucessoValidacao{color: green; font-size: 12px; text-align: left; margin: 0 0 5px 0; opacity: 0;} .Centralizar{display:inline-block; width: 100%;z-index:1;position: relative; max-width:1240px;} .Centralizar2{display:inline-block; width: 100%;position: relative; max-width:1240px;} .Centro {text-align:center} /**/ .Menu_flutuante{float: left;position: fixed;width: 300px;height: 100%;z-index: 99999;left: -300px;top: 0px;transition: 0.8s;background-color: #fff;} .ParteMenu{float: left;overflow: auto;width: 300px;background:#fff;color: #fff;height: 100%;transition: 0.5s;} .ParteEscura{float: left;width:100%;background: rgba(0, 0, 0, 0.60);height: 100%;cursor: pointer;transition:0.8s;position: fixed;z-index:10;display:none;top: 0;} .DivMenu{float: right;width: 100%;height: auto;text-align: left;padding:0px 20px 0px 25px;} .ItemMobile{padding: 0px 20px 0px 0px;float: left;width: 100%;height: auto;font-weight: 700;cursor: pointer;background: transparent;transition: 0.5s; line-height:23px;font-size: 15px;text-align: left;color: #0b2239;height: 51px;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;} .ItemMobile:last-child{border-bottom:0px;} .ItemMobile:active{opacity: .8;} .DivMenu .AlinhaFechar{margin-top:36px; margin-bottom:38px;} .DivMenu .AlinhaFechar .BotaoFechar{width:31px; height:15.5px; float:left; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2FFechaMenu.svg");} /*-------- Classes uteis --------*/ .Linha100{width:100%; float:left;} .Linha100.Esquerda{ text-align: left;} .Inline100{width:100%; display:inline-block;} .Centro{text-align:center !important;} .Direita {float:right} .Esquerda {float:left} .Alinhar{display: flex;align-items: center;justify-content: space-between;} .Migalha{margin:30px 0px;text-align: left;} .Migalha .ItemMigalha{width:auto; text-align:left; display:inline-block; vertical-align: middle; font-size:16px; line-height:24px; color:#2b2b2b;} .Migalha .ItemMigalha::before{width:1px; height:17.25px; display:inline-block; margin:0px 5.5px; vertical-align: middle; background-color:#2b2b2b; border-radius: 50%;content:'';} .Migalha .ItemMigalha:first-child::before{display:none;} .Migalha .ItemMigalha.Atual{color:#2b2b2b; font-weight:700;} .Paginacao{margin-top:65px;} .Paginacao .Pag{width:50px; height:50px; display:inline-block; text-align: center; margin:0px 5px; border-radius: 2px; border:1px solid transparent; background-color:#BBBBBB; color:#fff; line-height:50px; font-size:16px; font-weight:700; vertical-align: top; cursor: pointer;} .Paginacao .Pag:hover{opacity: .9; filter: opacity(90);} .Paginacao .Pag:active{opacity: .8; filter: opacity(80);} .Paginacao .Pag.Atual{background-color: #013EB1;} .Paginacao .Pag.Anterior{background-color: #fff;border-color: #013EB1; background-repeat: no-repeat; background-position: center center; background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fseta_pag_anterior.svg");} .Paginacao .Pag.Posterior{background-color: #fff;border-color: #013EB1; background-repeat: no-repeat; background-position: center center; background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fseta_pag_posterior.svg");} .Titulo {font-weight: 600;font-size: 45px;line-height: 61px;text-align: left;color: #fff;margin-bottom:30px} .Titulo2 {font-weight: 600;font-size: 68px;text-align: left;color: #2b2b2b;margin-bottom:30px} .Titulo3 {font-weight: 600;font-size: 50px;text-align: center;color: #2b2b2b;margin-bottom:30px} .T1 {font-weight: 800;font-size: 18px;line-height: 26px;text-align: left;color: #2b2b2b;} .T2 {font-size: 17px;line-height: 26px;text-align: left;color: #fff;} .T3 {font-weight: 600;font-size: 18px;text-align: center;color: #fff;position:relative;top:-20px} .T4 {font-weight: 800;font-size: 61px;text-align: center;color: #fff} .T5 {font-weight: 600;font-size: 20px;text-align: left;color: #2b2b2b} .cor1 { color:#717171 !important;} .cor2 { color:#2b2b2b !important;} .cor3 { color:#fff !important;} .Negrito {font-weight: 800} .MarginB {margin-bottom:20px} .MarginB15 {margin-bottom:15px} .Input {width: 100%;height: 50px;border-radius: 5px;background: #fff;border: 1px solid #e2e2e2;padding:15px;margin-bottom:15px} .Input::placeholder{color:#ababab;} .Botao {cursor:pointer;border-radius: 24px;border: 1px solid #0b2239;float:left;font-size: 18px;color: #0b2239;transition:.3s;display: flex;align-items: center;justify-content: center;} .Botao:hover{color: #ffffff;background-color:#0b2239} .Botao2 {cursor:pointer;background: #0b2239;border: 1px solid #fff;color:#fff;float:left;font-size: 18px;transition:.3s;display: flex;align-items: center;justify-content: center;} .Botao2:hover {background: #fff;border: 1px solid #0b2239;color:#0b2239} .Zindex5 {position:relative; z-index:5} .ancora_wp {width: 65px;height: 65px;border-radius: 80px;background: #55cd6c;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);background-position: center center;position: fixed; background-repeat: no-repeat;background-image: url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fwhatsapp.svg");right: 20px;bottom: 20px;transition: .3s;z-index: 50;cursor: pointer;background-size: 28px;} .reticencias {text-overflow: ellipsis;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .slick-dots{left:0px;bottom:-30px;} .slick-dots li{margin:0px 5px; height:13px; width:13px;} .slick-dots li.slick-active{width:13px; height:13px;} .slick-dots li button:before{font-size:16px; opacity: 1; background-color:#FFFFFF; border-radius:50%; content: ''; height:13px; width:13px;} .slick-dots li.slick-active button:before{opacity: 1;background-color: #f79928; border-radius:50%; content: ''; height:13px; width:13px; font-size:14px; } .slick-dots li button{width:13px; height:13px; padding: 0px;} .slick-dotted.slick-slider{margin-bottom: 30px;} /*-------- Classes uteis --------*/ /*-------- Topo --------*/ /*#Topo{height:130px; background-color:lightseagreen;}*/ #Topo {background-color:lightseagreen; position:relative;} #Topo .TopoClaro {position:fixed; top:0; left:0; z-index:2} #Topo .TamanhoTopo{height:90px;position: relative;z-index: 4;} #Topo .MenuCima{height:40px;background-color:#F8F8F8} #Topo .MenuBaixo{height:90px;box-shadow: -2px 10px 12px rgba(0, 0, 0, 0.12);background: #fff;} #Topo .Central {width: 190px;height: 40px;color:#fff;display: flex;justify-content: center;align-items:center;margin-left:30px;cursor:pointer;float:right;transition:.3s;position:relative;} #Topo .Central span{color: #0b2239;margin-left:10px; } /*#Topo .Central:hover {background-color: #ededed;border-radius:10px 10px 0px 0px;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);border:1px solid #dddddd; border-bottom:0px;z-index:7}*/ #Topo .Central:hover ~ .BlocoLogin{display: flex;} .permahover {display: flex !important} .menutopo {background-color: #fff !important;border-radius:10px 10px 0px 0px;/*box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1)*/;border:1px solid #dddddd; border-bottom:0px;z-index:7;} .cortopo{background-color: #fff !important} .menuinterno {background-color: #f8f8f8 !important;border-radius:10px 10px 0px 0px;box-shadow:-1px -5px 8px rgb(0 0 0 / 10%);border:1px solid #f7f7f7; border-bottom:0px;z-index:7;} .spancolor {color:#717171 !important} .ball {position: absolute;border-radius: 100%;opacity: 0.7; z-index:5;} /*#Topo .Central:hover {background-color: #ffffff;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);}*/ /*#Topo .Central:hover .BlocoLogin{display: block;}*/ #Topo .BlocoLogin{padding:30px 25px;position: absolute;top: 39px;right: 0px;width:671px;border-radius: 10px 0px 10px 10px;background: #f8f8f8;box-shadow: -1px 1px 8px rgb(0 0 0 / 10%);float:right;display:none;transition:.3s;z-index:6; border:1px solid #f7f7f7} #Topo .BlocoLogin .Cadastro{width: 305px;color: #717171;line-height: 26px;text-align: left;float: left;border-right: 1px solid #E2E2E2; padding-right: 14px;font-weight: 500;} #Topo .BlocoLogin .Cadastro .icone{margin-bottom:10px; display: flex;align-items: center;padding-right:26px} #Topo .BlocoLogin .Cadastro .Whatsapp{width: 240px;height: 48px;border-radius: 24px;background: #1dc961;display: flex;align-items: center;justify-content: center;margin-top:20px} #Topo .BlocoLogin .Cadastro .Whatsapp img{width: 16px;height: 16px;margin-right:5px} #Topo .BlocoLogin .Cadastro .Whatsapp span{color:#fff;font-size: 18px;} #Topo .BlocoLogin .Login {font-weight: 500;width: 316px;float: left;padding-left:14px;} #Topo .BlocoLogin .Login span{float: left; margin-left:0px;margin-top:-5px} #Topo .BlocoLogin .Login .captcha{background-color:aqua;float:left;margin-top:15px;height:76px;margin-bottom:15px;width:100%;display: flex;align-items: center;justify-content: center;} #Topo .BlocoLogin .Login .Entrar{width:155px;height:48px;float:right} #Topo .Logo {height: 60px;cursor: pointer;display: flex;align-items: center;float: left;} #Topo .Menu {font-weight: 800;text-align: center;color: #0b2239;float:left; width:auto;position:relative} #Topo .Menu .ItemMenu{margin-left:35px;transition:.2s;cursor:pointer;position:relative} #Topo .Menu .ItemMenu .Borda{width:100%; height:2px; background-color:#F79928; border-radius:1px;position: absolute;bottom: -2px;display:none} #Topo .Menu .ItemMenu:hover .Borda{display:block} #Topo .TopoEscuro {width:100%;float:left;} #Topo .TopoEscuro .MenuCima{background-color:#04172A;z-index:5;position: relative;} #Topo .TopoEscuro .Central{background-color:#04172A;margin-left: 30px;} #Topo .TopoEscuro .Central span{color:#FFFFFF} #Topo .TopoEscuro .Central:hover{background-color:#ededed;} #Topo .TopoEscuro .Central:hover span{color:#717171} #Topo .TopoEscuro .MenuBaixo {background: #04172a;} #Topo .TopoEscuro .ItemMenu {color:#FFFFFF;} /*--topo mobile--*/ #Topo .TopoMobile {display:none;} #Topo .TopoMobile .MenuCima{height:60px;position: fixed;z-index: 2;} #Topo .TopoMobile .Central {height: 60px} /*-------- Topo --------*/ /*-------- Home --------*/ #Home{} /*- Banner -*/ #Home .SecaoBanner {width:100%; float:left; height:702px; position:relative;z-index:3;margin-top: -90px;background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2FBanner.jpg");} #Home .SecaoBanner .Alinha{width:100%; float:left; padding-top:90px; height:700px;display:flex;align-items: center;justify-content: space-between;} #Home .notebook {float:left; position:relative} #Home .notebook2 {position:relative; float:left;z-index:4} .notebook_tela{width:434px; height:273px; display: flex; align-items: center; justify-content: center; position: absolute; top:54.5%; left:48.5%; transform: translate(-50%,-50%);} .notebook_tela_conteudo{width:100%; height:100%; display: none; align-items: center; justify-content: center;} .notebook_tela_conteudo.active{display: flex;} .notebook_tela_conteudo.op_cor1{background-color:#a7d3fa;} .notebook_tela_conteudo.op_cor2{background-color:#fff;} #Home .notebook2 img{width:571px; float:left; padding-top:186px; margin-bottom:90px;} #Home .notebook .bola{position:absolute;width:120px; height:120px;z-index:5; background-position: center center; background-size: cover; background-repeat: no-repeat;} #Home .notebook .bola1{right: 67px;top: 27px;background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fbola1.png"); -webkit-animation: OrbitaBola1 13s linear infinite; /* Chrome, Safari 5 */ -moz-animation: OrbitaBola1 13s linear infinite; /* Firefox 5-15 */ -o-animation: OrbitaBola1 13s linear infinite; /* Opera 12+ */ animation: OrbitaBola1 13s linear infinite; /* Chrome, Firefox 16+, */ } #Home .notebook .bola2{right: -108px;top: 168px;background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fbola2.png"); -webkit-animation: OrbitaBola2 12s linear infinite; /* Chrome, Safari 5 */ -moz-animation: OrbitaBola2 12s linear infinite; /* Firefox 5-15 */ -o-animation: OrbitaBola2 12s linear infinite; /* Opera 12+ */ animation: OrbitaBola2 12s linear infinite; /* Chrome, Firefox 16+, */ } #Home .notebook .bola3{right: -108px;bottom: 83px;background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fbola3.png"); -webkit-animation: OrbitaBola3 7s linear infinite; /* Chrome, Safari 5 */ -moz-animation: OrbitaBola3 7s linear infinite; /* Firefox 5-15 */ -o-animation: OrbitaBola3 7s linear infinite; /* Opera 12+ */ animation: OrbitaBola3 7s linear infinite; /* Chrome, Firefox 16+, */ } #Home .notebook .bola4{right: 67px;bottom: -57px;background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fbola4.png"); -webkit-animation: OrbitaBola4 10s linear infinite; /* Chrome, Safari 5 */ -moz-animation: OrbitaBola4 10s linear infinite; /* Firefox 5-15 */ -o-animation: OrbitaBola4 10s linear infinite; /* Opera 12+ */ animation: OrbitaBola4 10s linear infinite; /* Chrome, Firefox 16+, */ } @keyframes OrbitaBola1 { from { transform: rotate(0deg) translateX(-20px) rotate(0deg);} to { transform: rotate(360deg) translateX(-20px) rotate(-360deg);} } @keyframes OrbitaBola2 { from { transform: rotate(0deg) translateX(10px) rotate(0deg);} to { transform: rotate(360deg) translateX(10px) rotate(-360deg);} } @keyframes OrbitaBola3 { from { transform: rotate(0deg) translateX(-5px) rotate(0deg);} to { transform: rotate(360deg) translateX(-5px) rotate(-360deg);} } @keyframes OrbitaBola4 { from { transform: rotate(0deg) translateX(25px) rotate(0deg);} to { transform: rotate(360deg) translateX(25px) rotate(-360deg);} } #Home .notebook .linha{display:none;top: 45px;right: -40px;position:absolute;width:227px; height:631px;background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Flinha_bola.png")} #Home .SecaoBanner .Texto {margin-left:159px} /*- Produtos -*/ #Home .SecaoConteudo .Congelado{position:sticky; position: -webkit-sticky; top:200px;} #Home .SecaoConteudo .Texto{width:100%; float: left; position: relative;} #Home .SecaoConteudo .Imagem{width:100%;} #Home .SecaoConteudo .Branco{background-color:#fff} #Home .Cinza{background-color:#F8F8F8} #Home .SecaoConteudo .Alinha{display: flex;justify-content: space-between;padding:132px 0px 100px 0px;} #Home .SecaoConteudo .ImagemMobile{display: none} #Home .SecaoConteudo.Branco .ImagemMobile .Retangulo{margin-left: 0px;width: 100%;height: 200px;} #Home .SecaoConteudo#Sites .ImagemMobile .Retangulo{margin-top:30px;} #Home .SecaoConteudo.Cinza .ImagemMobile .Retangulo{margin-left: 0px;width: 100%;height: 200px;} #Home .SecaoConteudo.Cinza .Imagem{overflow: hidden;position:relative;display: flex;justify-content: flex-end;} #Home .SecaoConteudo.Branco .Imagem{overflow: hidden;position:relative;display: flex;justify-content: flex-start;} #Home .SecaoConteudo .Imagem{flex-wrap: wrap;} #Home .SecaoConteudo.Cinza .Retangulo{margin-left:193px;width: 427px;height: 554px;border-radius: 5px;position: relative;} #Home .SecaoConteudo.Branco .Retangulo{width: 427px;height: 554px;border-radius: 5px;position: relative;} #Home .SecaoConteudo .ListaServicos{display:flex; flex-direction: column; flex-wrap: wrap; margin-top:40px;} #Boleto .ListaServicos{padding-left:100px;} /* #Home .SecaoConteudo .ListaServicos .ItemServico{width:100%; float:left; margin:20px 0px; display:flex; align-items: center; border:1px solid #0b2239; border-radius:5px; padding:20px; max-width:500px;} */ #Home .SecaoConteudo .ListaServicos .ItemServico{width:100%; float:left; margin:30px 0px; display:flex; align-items: center; border-radius:5px; padding:0px; max-width:500px;} #Home .SecaoConteudo .ListaServicos .ItemServico .TxtItem{text-align: left; font-size:25px; line-height:32px; color:#2b2b2b; float:left; margin-left:20px;} #Home .SecaoConteudo .ListaServicos .ItemServico img{width:70px; float:left; height:70px; object-fit: contain;} #Home .SecaoConteudo .ListaServicos .ItemServico.comAnimacao{-webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0;} #Home .SecaoConteudo .ListaServicos .bounceInDown {-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @keyframes bounceInDown{ 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-250px,0); transform: translate3d(0,-250px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); opacity: 1; } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } To{ opacity: 1; } } #Sites .cor {background: linear-gradient(#8550dc 0%, #8d93ff 100%);} #Sistemas .cor {background: linear-gradient(#fdc830 0%, #f37335 100%);} #Boleto .cor {background: linear-gradient(#00519d 0%, #00296b 100%);} #Ecommerce .cor {background: linear-gradient(#da4453 0%, #89216b 100%);} #Sites .Retangulo .ImagemSite{margin-top:35px; margin-bottom:12px;position:absolute;width:612px; height:507px;right: -27px;} /*#Sites .Imagem:hover .ImagemSite{right: 0px;}*/ #Sistemas .Retangulo .ImagemSite{position:absolute;width:532px; height:546px;left: 46px;} /*#Sistemas .Imagem:hover .ImagemSite{left: 64px;}*/ #Boleto .Retangulo .ImagemSite{margin-top:41px;position:absolute;width:495px; height:505px;right: 40px; display: flex; align-items: center;} /*#Boleto .Imagem:hover .ImagemSite{right: 112px;}*/ #Ecommerce .Retangulo .ImagemSite{margin-top:27px;position:absolute;width:558px; height:498px;left: 15px;} /*#Ecommerce .Imagem:hover .ImagemSite{left: 33px;}*/ #Home .Whatsapp{cursor:pointer;width: 240px;height: 66px;border-radius: 33px;background: #1dc961;display: flex;align-items: center;justify-content: center;} #Home .Whatsapp img{width: 16px;height: 16px;margin-right:10px} #Home .Whatsapp span{color:#fff;font-size: 18px;} #Home .SaibaMais {margin-left:20px;cursor:pointer;width:240px; height:66px; border-radius: 33px} #Home .Alinhar {margin-top:30px;justify-content: flex-start;} /*-Clientes-*/ #Home .SecaoClientes {background-color:#fff} #Home .SecaoClientes .Texto {margin-top:120px;padding:0px 220px 0px 220px;} #Home .ClientesLogo {margin-top:30px;display: flex;flex-wrap: wrap;width:calc(100% + 31px);margin-left: -31px;float:left} #Home .BlocoCliente {margin-bottom: 30px;display: flex;align-items: center;justify-content: center;width: calc(14.28% - 31px);margin-left:31px;height: 97px;border-radius: 5px;background: #fff; position: relative; top: 0; transition:.2s;cursor:pointer; filter: grayscale(1);} #Home .BlocoCliente:hover{filter: grayscale(0);} #Home .BlocoCliente img{object-fit: contain;max-width: 80%;height: 100%;max-height: 80%;} #Home .AlinhaBotao {display: flex;align-items: center;justify-content: center;margin-bottom:120px;margin-top:30px} /*-Blog-*/ #Home .SecaoBlog {height: auto;background: #0b2239;} #Home .TituloBlog {color:#fff;margin-top:100px} #Home .AlinhaBotao.Blog {margin-bottom:100px;} #Home .BlocoNoticia {width:calc(100% + 31px); margin-left: -31px; float:left} #Home .BlocoNoticiaMobile {display:none;width:100%; float:left} #Home .Noticia {width: calc(33.33% - 31px);margin-left:31px;float:left;min-height: 530px; border-radius: 5px;background: #fff;position:relative;top:0px;transition:.3s} #Home .Noticia:hover{top:-10px} #Home .Noticia .Capa{max-height: 340px; height:auto} #Home .Noticia .Texto{padding:20px 20px 0px 20px} #Home .Noticia .Texto .Titulo{font-weight: 800;font-size:15px;margin-bottom:15px;line-height: 23px;} #Home .Noticia .Texto .T2{display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 78px; line-height: 26px; } #Home .Noticia .SaibaMais{margin:20px 0px 25px 0px; width:155px; height:48px;margin-left:20px;position: absolute;bottom: 0;} #Home .AlinhaBotaoMobile {display: flex;justify-content: center;position: absolute;bottom: 0;} #Home .Noticia .SaibaMaisMobile{margin:20px 0px 25px 0px; width:155px; height:48px;} /*-Depoismentos-*/ #Home .SecaoDepoimentos{background: linear-gradient(#f8f8f8 0%, #fff 100%);padding:120px 0px;} #Home .SecaoDepoimentos .Titulo{font-size:50px} #Home .Depoimentos .Texto{display: flex;flex-direction: column;justify-content: center;float:left;width:100%;} #Home .Icones {width: 41px;height: 41px;display: flex;} #Home .Icones img{margin-right:20px;cursor:pointer} #Home .BlocoTexto {margin-left: 181px;width:726px; height:352px; border-radius: 5px; background: #fff; border: 1px solid #e2e2e2;position:relative;display: flex;justify-content: flex-end;align-items: center;} #Home .BlocoTexto .Selo{top:97px;left:-102px;position:absolute;width: 204px;height: 158px;border-radius: 5px;background: #f79928;display: flex;align-items: center;justify-content: center; flex-direction: column;} #Home .BlocoDepoimento {width: 544px; height: 142px; margin-right:40px;} #Home .BlocoDepoimento .Titulo{font-size: 15px;text-align: left;color: #2b2b2b;margin-bottom:20px;line-height: 0px;display: flex;align-items: center;} #Home .BlocoDepoimento .Titulo img{margin-right:15px} #Home .BlocoDepoimento .Texto{font-size: 15px;line-height: 26px;text-align: left;color:#2b2b2b;} #Home .BlocoDepoimento .Titulo .Nome{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 50px;float: left;padding-top: 25px;} #Home .SecaoParceiros .Bloco {width:calc(100% + 30px);margin-left:-30px;float:left;margin-bottom:0px} #Home .SecaoParceiros .Bloco .Parceiros{margin-bottom: 30px;width:calc(14.28% - 30px);height:93px;margin-left:30px;float:left;display: flex;align-items: center;justify-content: center;} #Home .AlinhaCarrosel {margin-left: 140px;width: 544px;} /*-------- Home --------*/ /*---- PAGINA CLINTES ---*/ #PaginaClientes .SecaoClientes {background-color:#fff;margin-bottom:50px} #PaginaClientes .SecaoClientes .Texto {padding:0px 220px 0px 220px;} #PaginaClientes .ClientesLogo {margin-top:30px;display: flex;flex-wrap: wrap;width:calc(100% + 31px);margin-left: -31px;float:left;} #PaginaClientes .BlocoCliente {margin-bottom: 30px;display: flex;align-items: center;justify-content: center;width: calc(14.28% - 31px);margin-left:31px;height: 97px;border-radius: 5px;background: #fff;border: 1px solid #e2e2e2; position: relative; top: 0; transition: top ease 0.5s;cursor:pointer} #PaginaClientes .BlocoCliente:hover{top:-10px} #PaginaClientes .BlocoCliente img{object-fit: contain;max-width: 80%;height: 100%;max-height: 80%;} /*---- PAGINA CLINTES ---*/ /*--- BLOG ---*/ #PaginaBlog .AlinhaBlog{width: 100%;float: left;display: flex;justify-content: space-between;align-items: flex-start;} #PaginaBlog .Titulo3 {margin-top:50px;margin-bottom:50px;width:65%} #PaginaBlog .Titulo2 {font-weight: 600;font-size: 30px;text-align: left;color: #2b2b2b;margin-top: 20px;margin-bottom:0px;} #PaginaBlog .AlinhaBlog .Listagem {width:65%;} #PaginaBlog .AlinhaBlog .Listagem .Postagem.Interna {flex-direction: column;} #PaginaBlog .AlinhaBlog .Listagem .Postagem {width:100%;display: flex;align-items: center; margin-bottom:50px;} #PaginaBlog .AlinhaBlog .Listagem .Postagem:hover .Filtro{opacity:1;} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Capa{cursor:pointer;border-radius: 5px;width: 400px;height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center center;} #PaginaBlog .AlinhaBlog .Listagem .Postagem .CapaInterna{width: 100%;background-color: aqua;height: 300px;background-size: cover;background-position: center center; background-repeat: no-repeat; border-radius:3px} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Filtro{transition: .5s;cursor:pointer;opacity:0;background: #0000004f;width: 400px;height: 250px;position: absolute;border-radius: 5px;} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Texto{z-index: 3;cursor:pointer;display: flex;flex-direction: column;justify-content: center;height: 200px;background:#fff;position: absolute;width: 450px;left: 350px;padding: 0px 30px;box-shadow: -0px 0px 12px rgb(0 0 0 / 12%); border-radius: 20px} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Texto .Titulo{line-height: unset;font-size:16px;margin-bottom:5px;text-align: center;} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Texto .T2{font-size:14px;text-align: center; line-height: unset;} /*--PADRAOBLOG--*/ #PaginaBlog .Texto2 {float: left;width: 100%;text-align: left;font-size: 15px;color: #4B4B4B;line-height: 24px;margin-bottom: 15px;} #PaginaBlog .Img {float: left;width: 100%;text-align: center;margin-bottom: 30px;} #PaginaBlog .Img img {width:auto; height:auto; max-width:100%} #PaginaBlog .Citacao {float:left; width:100%; text-align:left; font-size:18px; color:#4B4B4B; line-height:24px; font-style: italic; margin-bottom:20px} #PaginaBlog .IcoCitacao {float:left; width:30px; margin-right:10px} #PaginaBlog .TxtCitacao {float:left; width:calc(100% - 40px); text-align:left; text-align:left; font-size:14px; color:#4B4B4B; line-height:24px; font-style: italic;} #PaginaBlog .Video {float:left; text-align:center; width:100%; margin:30px 0px; cursor:pointer} /*--PADRAOBLOG--*/ #PaginaBlog .AlinhaBlog .Listagem .Postagem .Conteudo{text-align: left;margin-top: 10px;} #PaginaBlog .AlinhaBlog .Listagem .Postagem.direito {flex-direction: row-reverse;} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Texto.direito{left: 0px} #PaginaBlog .AlinhaBlog .Lateral {width:30%;padding: 20px;background-color:#f4f4f4;margin-top:-230px;border-radius: 0px 0px 5px 5px;} #PaginaBlog .AlinhaBlog .Lateral.Interna {position: absolute;top: 0;right: 0;border-radius: 0px 0px 5px 5px;margin-top:0px} #PaginaBlog .AlinhaBlog .Lateral .Titulo{font-size: 18px;color: #2b2b2b;font-weight: 600;line-height: unset;margin-bottom:20px;text-transform: uppercase;} #PaginaBlog .AlinhaBlog .Lateral .Botao2{cursor:pointer;margin-bottom:10px; font-size:15px; padding: 5px 0px; border-radius: 8px;} #PaginaBlog .AlinhaBlog .Lateral .ListagemLateral {} #PaginaBlog .AlinhaBlog .Lateral .Categorias {width:100%; margin-bottom:20px; float: left;} #PaginaBlog .AlinhaBlog .Lateral .ListagemLateral .Postagem{cursor:pointer;display: flex; align-items: center;padding: 20px 0px;border-bottom: 1px solid #dbdbdb;} #PaginaBlog .AlinhaBlog .Lateral .ListagemLateral .Postagem:last-child{border-bottom: 0px} #PaginaBlog .AlinhaBlog .Lateral .ListagemLateral .Capa{border-radius: 2px;float:left;width:60px;height:50px;background-size: cover;background-repeat: no-repeat;background-position: center center;} #PaginaBlog .AlinhaBlog .Lateral .ListagemLateral .Chamada{text-align: left;padding-left: 20px;width: 100%;float:left;font-weight: 600;font-size:14px} #Paginacao{width:calc(100% + 5px); margin-left:-5px; display:inline-block; text-align:center; font-size:0px; margin-bottom: 30px; margin-top: 30px;} #Paginacao .botoes{width:55px; height:55px; text-align:center;display:inline-block; margin-left:5px; font-size:15px; color:#131E3F; font-weight:700;background-color:#fff; cursor:pointer; background-repeat: no-repeat; background-position: center center; background-size:7.09px 11.79px ;} #Paginacao .botoes.pag_atual{background-color:#e9e9e9;} #Paginacao .botoes.pagina_anterior{background-color:#04172a; background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fseta_paginacao.svg");border-radius:8px 0px 0px 8px; color:transparent;} #Paginacao .botoes.pagina_posterior{background-color:#04172a; background-image:url("http://www.kayleco.com/proxy.php?url=https%3A%2F%2Fwww.evernet.com.br%2Fjs_css%2F..%2Fimagens%2Fseta_paginacao.svg");border-radius:8px 0px 0px 8px; transform:rotate(180deg) ;color:transparent;} /*--- BLOG ---*/ /*--- Modal ---*/ .Modal .Titulo {font-weight: 800;font-size: 15px;color: #0b2239;margin-bottom:0px;margin-top: -40px;} .Modal .Login span{font-size: 15px;text-align: left;color: #717171;} .Modal .Entrar {width: 155px;height: 48px;} .Modal .AlinhaBotoes {display: flex;justify-content: center;margin-top: 15px;} .Modal .Login .captcha {background-color: aqua;float: left;margin-top: 15px;height: 76px;margin-bottom: 15px;width: 100%;display: flex;align-items: center;justify-content: center;} /*--- Modal ---*/ /*-------- Rodape --------*/ #Rodape {background-color:#0b2239;} #Rodape .Alinha {display: flex;align-items: flex-start;margin-top: 40px;text-align: left; margin-bottom:50px} #Rodape .Sobre {margin-right:77px} #Rodape .Sobre img{margin-right:0px;margin-top:0px} #Rodape .Texto {margin-top:14px;margin-bottom:30px;font-size: 15px;line-height: 23px;text-align: left;color: #6b7a8a;} #Rodape .Redes {display: flex;} #Rodape .Redes .bolinha {cursor:pointer;margin-right:5px;width: 42px;height: 42px;background: #304b67;border-radius:100%;display: flex;align-items: center;justify-content: center;} #Rodape .Titulo {font-size: 15px;line-height: 26px;text-align: left;color: #fff;font-weight:600; margin-bottom:20px} #Rodape .Info {display: flex; margin-bottom:10px;} #Rodape .Acesse .Info {cursor:pointer} #Rodape .Acesse .Info span:hover{text-decoration: underline;} #Rodape span{transition:.2s;font-size: 15px;text-align: left;color: #fff;width:100%;float:left;} #Rodape img{margin-right:17px;margin-top:5px} #Rodape .Informacoes .SaibaMais span{margin-bottom:10px;} #Rodape .Acesse img{margin-right:10px;margin-top:0px} #Rodape .Informacoes {display: flex;} #Rodape .Informacoes .Contato {width: 250px;} #Rodape .Informacoes .SaibaMais {margin-right: 50px; width: 130px;} #Rodape .Localizacao span{width: 200px;} /*-------- Rodape --------*/ /*-------- Responsivo --------*/ @media screen and (max-width:1280px){ .Centralizar {padding:0px 20px;} .Centralizar2 {padding:0px 20px;} #Home .BlocoTexto {margin-left: 140px;} } @media screen and (max-width:1200px){ #Home .Depoimentos {flex-direction: column; align-items: center;} #Home .Depoimentos .Mensagem{display: flex;justify-content: center;} #Home .Depoimentos .Texto{align-items: center;margin-bottom: 20px;} #Home .Icones {width: 100%;display: flex;justify-content: center;} #Home .BlocoTexto .Selo {width: 208px;height: 79px;top:-40px;left:unset;} #Home .BlocoTexto {margin-top: 70px;margin-left: 0px;justify-content: center;} .T4 { font-size: 36px;text-align: right } .T3 {font-size: 15px;text-align: left;top:0;margin-left:10px} #Home .BlocoTexto .Selo .Alinha{display: flex;align-items: center;} #Home .AlinhaCarrosel {margin-left:0px} #Home .notebook2 img {width: 200px;} #Home .notebook .bola { background-size:cover; background-repeat:no-repeat;width: 60px;height: 60px; display: none;} #Home .notebook .linha {background-size:cover; background-repeat:no-repeat;width: 164px;height: 458px;top:76px} #Home .notebook .bola1 {right:51px;top:63px} #Home .notebook .bola2 {top:156px; right:-87px} #Home .notebook .bola3 {bottom: 84px;right:-87px} #Home .notebook .bola4 {bottom:-20px;right:51px} /* #Home .SecaoBanner .Texto{margin-left:0px}*/ .Titulo2 {font-size:45px} #Home .SecaoConteudo .Alinha{padding-top:80px} #Sites .Retangulo .ImagemSite {width:460px;margin-top: 0px;margin-bottom: 0px;bottom: 0; height:unset} #Sistemas .Retangulo .ImagemSite {width:400px;margin-top: 0px;margin-bottom: 0px;bottom: 0; height:unset} #Boleto .Retangulo .ImagemSite {width:400px;margin-top: 0px;right: 50px;bottom: 20px; height:unset} #Ecommerce .Retangulo .ImagemSite {width:400px;margin-top: 0px;right: 50px;bottom: 20px; height:unset} #PaginaBlog .AlinhaBlog .Lateral {display:none} #PaginaBlog .AlinhaBlog {justify-content: center;} #PaginaBlog .AlinhaBlog .Listagem .Postagem {position:relative} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Texto {left:unset;right:0} #PaginaBlog .AlinhaBlog .Listagem {width: 70%;} } @media screen and (max-width:1050px){ .Titulo {font-size: 32px;line-height: 40px;} } @media screen and (max-width:1000px){ #Home .Noticia {min-height: 475px;} #Home .SecaoParceiros .Bloco {width:calc(100% + 10px);margin-bottom:40px;margin-left: -10px;} #Home .SecaoParceiros .Bloco .Parceiros {width: calc(33.33% - 10px);height: 65px;margin-left:10px;float:left;margin-bottom:10px} #Home .Depoimentos {margin-bottom: 80px;} #Rodape .Sobre {margin-right: 0px;} #Rodape .Informacoes .Contato {width: 200px;} #Rodape .Acesse {margin-left: 10px;} #Rodape .Informacoes .SaibaMais {margin-right: 10px;} #Home .ClientesLogo {width: calc(100% + 6px);margin-left: -6px;} #Home .BlocoCliente {width: calc(33.33% - 6px);margin-left: 6px;margin-bottom: 6px;} #PaginaClientes .ClientesLogo {width: calc(100% + 6px);margin-left: -6px;} #PaginaClientes .BlocoCliente {width: calc(33.33% - 6px);margin-left: 6px;margin-bottom: 6px;} #Rodape .Alinha {flex-direction: column;} #Rodape .Informacoes {margin-top:30px} #Rodape .Informacoes .SaibaMais {width:100%} #Rodape .Informacoes .Contato {width:100%} #Rodape .Localizacao {margin-top:30px} #Rodape .Localizacao span {width:100%} #Rodape .Acesse {margin-left: 0px;margin-top:30px} #Home .SecaoConteudo .Alinha {padding: 40px 0px 60px 0px;} #Home .Titulo2 {font-size: 35px;font-weight: 600;} #Home .SecaoConteudo .ImagemMobile{display:block;margin-bottom: 60px;} #Home .SecaoConteudo.Branco .Imagem {display:none} #Home .SecaoConteudo.Cinza .Imagem {display:none} #Sites .Retangulo .ImagemSite {width:273px;height: 239px;margin-top:0px; margin-bottom:0px;right:0px} #Sistemas .Retangulo .ImagemSite {width: 232px;margin-top:0px; margin-bottom:0px;right:0px;height: 100%;position: relative;} #Boleto .Retangulo .ImagemSite {width: 229px;height: 234px;margin-top:5px; margin-bottom:0px;right:0px;position: relative;} #Ecommerce .Retangulo .ImagemSite {width: 262px;height: 234px;margin-top:5px; margin-bottom:0px;left:0px;bottom:-5px;position: relative;} #Ecommerce .Retangulo {margin-bottom:-30px} #Home .SecaoConteudo.Branco .ImagemMobile .Retangulo {display: flex;justify-content: center;} #Home .SecaoConteudo.Cinza .ImagemMobile .Retangulo {display: flex;justify-content: center;} #Home .SecaoClientes .Texto {padding: 0px;} #PaginaClientes .SecaoClientes .Texto {padding: 0px;} #PaginaBlog .AlinhaBlog .Listagem {width:85%} #Home .SecaoBanner {margin-top: 0px;height: auto;} #Home .Whatsapp {width: 190px;height: 49px} #Home .Whatsapp span {font-size: 14px;} #Home .Whatsapp img {width: 10px;height: 10px;margin-right:10px;} #Home .SaibaMais {width: 130px;height: 49px;font-size: 14px;} #Sites .cor {background: linear-gradient(#8d93ff 0%, #8550dc 100%);} #Home .SecaoClientes .Texto {margin-top: 30px;padding:0px} #Home .SaibaMais {width: 190px} #Home .ClientesLogo {padding: 0px} #Home .AlinhaBotao {margin-bottom:70px} #Home .BlocoNoticia {display:none} #Home .BlocoNoticiaMobile {display:block} #Home .Noticia {margin-left:0px;width:unset;margin-bottom: 20px;min-height: 580px;} #Home .Noticia .Capa{height:auto} #Home .TituloBlog {margin-top: 70px;} #Home .AlinhaCarrosel {width:100%;padding: 0px 15px;} #Home .BlocoDepoimento {margin-right:0px;height:auto; max-height:263px;} /* #Home .BlocoTexto .Selo {left:30%}*/ .ancora_wp {width: 56px;height: 56px;} #PaginaBlog .AlinhaBlog .Listagem {width: 100%;} #Home .SecaoBanner .Alinha .Imagem{display: flex; justify-content: center;} #Topo .TopoClaro {display:none} #Topo .TopoEscuro {display:none} #Topo .TopoMobile {display:block} #Topo .TopoMobile .Central{width:223px} #Topo {height: 60px} #Topo .BlocoMenu{display:flex}; #Topo .Central {width:100%;} #Topo .Central img{margin-left:20px} #Topo .Central:hover {background-color: unset;box-shadow: unset;} #Topo .Central:hover .BlocoLogin{display: none;} #Home .SecaoBanner {margin-top: 0px; padding-top:40px; padding-bottom:60px; overflow: hidden;} #Home .SecaoBanner .Texto{margin-left:0px; margin-bottom:0px;} #Home .SecaoBanner .Alinha{width: 100%;float: left;padding-top:0px; display: flex;align-items: center; height:auto; justify-content: center;} #Home .SecaoBanner .Texto .Titulo{font-size: 24px;line-height: 32px; text-align: center;} #Home .SecaoBanner .Texto .Titulo .T2{font-size: 14px;} #Home .SecaoBanner .Texto .T2{display:none;} #Home .SecaoBanner .Alinha{flex-direction: column-reverse;} #Home .notebook2 img{padding-top:0px; margin-bottom:0px; margin-top:30px;} #Topo .TopoMobile .Central{margin-left:0px;} #Home .AlinhaBotao.Blog{margin-bottom:50px;} #Home .SecaoDepoimentos{padding:50px 0px 0px 0px;} .Titulo3{font-size:35px; line-height:40px;} #Home .SecaoBlog .SaibaMais{margin-left:0px;} } @media screen and (max-width:700px){ #Home .ClientesLogo {width: calc(100% + 6px);margin-left: -6px;} #Home .BlocoCliente {width: calc(33.33% - 6px);margin-left: 6px;margin-bottom: 6px;} #PaginaClientes .ClientesLogo {width: calc(100% + 6px);margin-left: -6px;} #PaginaClientes .BlocoCliente {width: calc(33.33% - 6px);margin-left: 6px;margin-bottom: 6px;} #Home .BlocoTexto {width:100%;height:514px} #PaginaBlog .AlinhaBlog .Listagem .Postagem {display:block} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Capa{width:100%;border-radius: 5px 5px 0px 0px;} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Texto {z-index: 3;cursor: pointer;display: flex;flex-direction: column;justify-content: center;height: auto;background: #fff;position:relative;width: 100%;left: unset;padding: 30px 30px;box-shadow: 0px 0px 12px rgb(0 0 0 / 12%);border-radius: 0px 0px 5px 5px;} } @media screen and (max-width:530px){ #Home .SecaoBanner {background-position: -65px;} #PaginaBlog .Titulo3 {margin-top: 20px;margin-bottom: 20px;} } @media screen and (max-width:500px){ #Home .Noticia {min-height: 500px;} #PaginaBlog .Titulo2 {font-size: 20px;} } @media screen and (max-width:500px){ #Home .SecaoBanner {background-position: -139px;} #Home .SecaoParceiros .Bloco .Parceiros img{width:70%} #PaginaBlog .AlinhaBlog .Listagem .Postagem .Texto {padding: 30px 20px;} #Home .SaibaMais {width: 130px} #Home .SecaoConteudo{overflow: hidden;} #Home .Titulo2{font-size:30px;} .notebook_tela{width: 150px; height:95px;} } @media screen and (max-width:400px){ #Home .SecaoBanner {background-position: -168px;} #Home .BlocoDepoimento {margin-top:20px} #Rodape .Texto{display:none} #Rodape .Redes{margin-top:25px} } @media screen and (max-width:350px){ #Home .Noticia {min-height: 465px;} #Rodape span {font-size: 13px;} #Home .BlocoDepoimento {max-height:unset} #Home .Titulo2 {margin-bottom:40px} #Home .SecaoBanner .Texto .Titulo {margin-bottom:0px} .T2 { font-size: 13px;} #Home .SecaoConteudo .ImagemMobile {margin-bottom: 40px;} #Home .Whatsapp span {font-size: 12px;} #Home .SecaoDepoimentos .Titulo {font-size: 40px;} #Home .BlocoDepoimento .Titulo .Nome {font-size: 18px;} .ItemMigalha a {font-size: 12px;} .Migalha {margin: 10px 0px;} #PaginaBlog .Titulo3 {margin-top: 0px;margin-bottom: 20px;width: 100%; font-size:30px} } @media screen and (max-width:300px){ #Rodape span {font-size: 12px;} #Home .SaibaMais {width: 100px} } /*-------- Responsivo --------*/