@charset "UTF-8"; 

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* font-family: 'Alexandria', sans-serif; */

html, body{ overflow-x: hidden !important; }

/*:::::: Estilo Top :::::: */
.container{max-width: 1160px !important;}
#topo{width: 100%; background-color: #005fee; position: relative; z-index: 2; }
.icon p{font-family: 'Alexandria', sans-serif; color: #fff; font-size: 20px; font-weight: 300; padding-left: 10px; margin: 0;}
#menumobile{display: none;}
.logo-topo{padding: 40px 0 40px 0; width: 100%;}
#icon-redes{display: flex; align-items: end; justify-content: end; margin: 20px 0 20px 0;}
#menu{padding: 0 5px 0 5px;}
#menu div{float: right; padding-top: 10px;}
#menu div a{text-decoration: none; font-family: 'Alexandria', sans-serif; font-size: 20px;  color: #fff;   font-weight: 300; padding-right: 20px;}
.under a:hover{text-decoration: underline !important; text-decoration-color: #ffc200 !important; text-underline-offset: 5px !important; text-decoration-thickness: 2px !important;}
.fundo-botao a:hover{text-decoration: underline !important; text-decoration-color: #005fee !important; text-underline-offset: 5px !important; text-decoration-thickness: 2px !important;}
.fundo-botao1 a:hover{text-decoration: underline !important; text-decoration-color: #005fee !important; text-underline-offset: 5px !important; text-decoration-thickness: 2px !important;}
#icon-redes img{float: left; padding: 0px 5px 0px 5px; padding-bottom: 2px;}
#icon-redes img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}
.fundo-botao{height: 50px; background-color: #e4e4e4; margin: 0 5px 0 0px !important; border-bottom: 3px solid #a8a4a4;}
.fundo-botao1{height: 50px; background-color: #ffc200; margin: 0 5px 0 5px !important; border-bottom: 3px solid #cc9c02;}
.fundo-botao a{color: #005fee !important; position: relative;  left: 10%;}
.fundo-botao1 a{color: #005fee !important; position: relative; left: 10%;}
.circulo{background-color: #005fee; width: 600px; height: 200px; border-radius: 50%; position: absolute; z-index: 1; top: -40px; margin-left: -143px;}
.dropdown {position: relative;padding-right: 20px;}
.submenu { display: none;position: absolute;background: #005fee;list-style: none;padding: 0;margin: 0;min-width: 220px;z-index: 999;top: 100%;left: 0;}
.submenu li {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.submenu li a {display: block;padding: 10px;color: white;text-decoration: none;}
.submenu li a:hover {background: #0044cc;}
.dropdown.ativo .submenu { display: block;}
.dropdown > a::after {content: "";display: block;margin: 0 auto;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid white;margin-top: 4px;}
.h1-discreto{
  font-size: clamp(20px, 2.2vw, 34px);
  line-height: 1.15;
  margin: 16px 0 8px;
  font-weight: 700;
}
.sub-hero{
  margin: 0 0 12px;
  max-width: 900px;
}

/*::::::Final Estilo Top :::::: */

.link2 {border: 0; color: #000; font-size: 12px;  text-decoration: none;}
.link2 :hover {border: 0; color: #0044cc; font-size: 12px;  text-decoration: none;}

/*--::::::::: POPUP WHATSAPP ::::::::: */
.icon-whats{animation-name: balanco;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;}
@keyframes balanco {from {transform: rotate(0deg);}to {transform: rotate(10deg);}}

/* #popupx {width: 150px; height: 150px; float: left; margin: 40% 0 0 90%; position: fixed; z-index: 2147483648 !important; display: block; animation-name: balanco;animation-duration: 1s;animation-iteration-count: infinite;animation-direction: alternate;}
#faca-seu-orcamento {width: 150px; height: auto; float: right; margin: 0 0 0 0; display: block; overflow: hidden;}
@keyframes balanco {from {transform: rotate(0deg);}to {transform: rotate(10deg);}} */

/*:::::: Estilo Carrossel :::::: */

.carousel-control-prev{left: 125px ; height: 270px ; margin-top: 8%; opacity: 1;}
.carousel-control-next{right: 125px ; height: 270px ; margin-top: 8% ; opacity: 1;}
.slidmobile{display: none;}
.img-fluida{width: 100%; object-fit: cover;}

#carrossel .container{position: relative;}
.banner-cta {font-family: 'Alexandria', sans-serif;text-align: left; padding: 0;border: 0;background: none;width: 100%;cursor: pointer;}
/* Texto sobre a imagem */
.banner-texto {position: absolute;top: 80px;left: 0;color: #595959;z-index: 2; }
.banner-texto h1 { font-size: 45px;margin: 10px 0;color: #595959;font-weight: 300; width: 620px;}
.banner-texto h2{font-size: 24px; margin-top: 80px; font-weight: 300; width: 620px;}
.banner-texto h2 span {color: #005fee;}
.banner-btn { display: inline-block; margin-top: 20px; background: #0d6efd; color: #fff; padding: 14px 22px;border-radius: 4px;font-weight: 600;}
/* Imagens */
.img-fluida {width: 100%;height: auto;display: block;}
/* Controle desktop / mobile */
.slidmobile {display: none;}


/*:::::: Final Estilo Carrossel :::::: */

/*:::::: Estilo Incluir :::::: */
#incluir{background-color: #005fee;}
.text-incluir h2{font-family: 'Alexandria', sans-serif; font-size: 50pt; color: #fff; padding: 30px 0 30px 0;}
.text-incluir h2 span{color: #ffc200;}
.descricao-incluir{padding: 30px 0 30px 0;}
.icon-incluir{padding-left: 70px;}
.descricao-incluir img{padding-bottom: 20px;}
.descricao-incluir p{padding-left: 70px; font-family: 'Alexandria', sans-serif; font-size: 12pt; font-weight: 300; color: #fff;}
.descricao-incluir p span{color: #ffc200; font-weight: 500;}
/*:::::: Final Estilo Incluir :::::: */

/*:::::: Estilo Clientes :::::: */
#clientes{background-image: url('..//img/fundos-clientes.png'); background-repeat: no-repeat; background-position-x: right;}
#clientes .texto-cliente h1{font-family: 'Alexandria', sans-serif; font-size: 30pt; color: #939393; padding-top: 50px;}
.logo-cliente img{width: 80%; -webkit-filter: grayscale(100%); opacity: 0.8; transition: 1.5s;}
.logo-cliente img:hover{ -webkit-filter: grayscale(0%); opacity: 1; transition: 1.5s; }
.item img{width: 80%;}

/*:::::: Final Estilo Clientes :::::: */

/*:::::: Estilo Avaliações :::::: */
#avaliacao{background-image: url('..//img/fundos-clientes.png'); background-repeat: no-repeat; height: 560px; overflow: hidden; background-position-x: right;}
#avaliacao .texto-cliente h2{font-family: 'Alexandria', sans-serif; font-size: 55pt; color: #939393; padding-top: 50px;}

/*:::::: Final Estilo Clientes :::::: */


/*:::::: Estilo Galeria :::::: */
#galeria{background-color: #f0f0f0;}
.btn-toolbar{padding: 30px 0;}
.btn-group{height: 50px; border-radius: 2; margin: 0 7px; background-color: #005fee; border-bottom: 3px solid #034ec0; font-family: 'Alexandria', sans-serif;  font-size: 12px;  padding: 12px 0px 10px 0px;  }
.btn-group:hover{background-color: #ffc100; border-bottom: 3px solid #cc9c02;}
.btn-group-1{margin-bottom: 40px; margin-top: -15px;}
.btn-galeria{text-decoration: none; padding:  0 12px ; font-family: 'Alexandria', sans-serif; font-size: 16px; font-weight: 300; color: #fff; }
#ultimo-website-float {float: left; padding-bottom: 50px;}
#ultimo-website-site {width: 560px;height: 372px;float: left; margin: 70px 0 0 0;overflow: hidden; border-radius: 10%;}
.ultimo-website-mac {width: 560px;height: 372px;float: left;z-index: 6; position: absolute;overflow: hidden;}
.ultimo-website-foto {float: none;z-index: 1; position: relative;overflow: hidden;margin: 13px auto 0 auto;}
.texto-galeria-cliente{position: absolute; z-index: 5; border-left: 8px solid #ffc100; margin: 30px 0;}
.texto-galeria-cliente h4{font-family: 'Alexandria', sans-serif; font-size: 20px; color: #69696a; padding-top: 10px; padding-left: 10px;}
.texto-galeria-cliente h5{font-family: 'Alexandria', sans-serif; font-weight: 500; color: #2c2c2c; font-size: 18px; line-height: 0.8; padding-left: 10px;}
.view{position: relative;overflow: hidden;}
.view .mask{position: absolute;overflow: hidden;width: 100%;height: 100%;left: 0%;top: 0%;background-color: rgba(251, 252, 252, 0);opacity: 1;}
.img-site{padding: 0 2px 0 2px;}
.img-site img{position: relative;height: auto;width: 100%;display: block; border-radius: 5%; margin: 25px 0;}
.tablet img{position: relative;height: auto;width: 100%;display: block;}
.tablet-site{margin-bottom: 150px;}
.tab { overflow: hidden;}
.tab button {background-color: #0562ee;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;color: white;}
.tabcontent {display: block;padding: 6px 12px;border-top: none;}
.img-site-1{width: 100%;}
/*:::::: Final Estilo Galeria :::::: */

/*:::::: Estilo Ser Visto :::::: */
#ser-visto{background-color: #005fee;}
.texto-ser-visto h2{font-family: 'Alexandria', sans-serif; font-size: 33pt; color: #fff; padding: 120px 0 80px 0;}
.texto-ser-visto h2 span{color: #ffc200;}
.crossfade{padding: 80px 0 50px 0;}
.crossfade img{width: 100%; }
.img-scroll{text-align: center; height: 559px;}
.scroll-mobile{display: none;}
.scroll-mobile img{width: 100%;}
.scroll-desktop img{width: 100%;}


/*:::::: Final Ser Visto :::::: */

/*:::::: Estilo AsWeb :::::: */
#asweb-pg1{background-image: url('/img/fundoaswebpg1.png'); background-repeat: no-repeat; background-position: 100% 20%; padding-top: 100px;}
#asweb-pg1 h1{font-family: 'Alexandria', sans-serif; font-size: 37pt; color: #005fee;}
#asweb-pg1 h1 span{color: #ffc100;}
.asweb-row{padding: 80px 0 80px 0;}
.asweb-texto1{font-family: 'Alexandria', sans-serif; font-size: 16.2px;  font-weight: 300;}
.caixa-img{overflow: hidden; border-bottom: 6px solid #fff;}
.caixa-img img{width: 100%;}
.text-left{padding-right: 13%; color: #fff;}
.asweb-foto{width: 450px; height: 265px; overflow: hidden; border-bottom: 6px solid #005fee;}
#asweb-pg2{background-color: #005fee; padding: 50px 0 50px 0;}
#asweb-pg2 h1{font-family: 'Alexandria', sans-serif; font-size: 37pt; color: #fff; padding-bottom: 30px;}

#timeline .container{padding-right: 135px;}
#timeline h1{font-family: 'Alexandria', sans-serif; text-align: left; font-size: 37pt; color: #005fee; padding: 50px 0 50px 0;}
.mudanca-logo{padding: 50px 0 50px 0;}
.primeira-logo img{ padding-top: 20px;}
.quarta-logo img{ padding-top: 20px;}
.primeira-logo, .segunda-logo, .terceira-logo, .quarta-logo{height: 120px; text-align: center;}
.seta-timeline img{display: flex; align-items: end; justify-content: end; padding-left: 70%;  padding-top: 10px;}
.text-logo{display: flex; padding-left: 120px; font-family: 'Alexandria', sans-serif; font-size: 25px; color: #878c93;}
.timeline1{display: none;}
/*:::::: Final Estilo AsWeb :::::: */

/*:::::: Estilo Sites :::::: */
#galeria-sites{padding: 40px 0 0px 0;}
.texto-sites{width: 100%;}
.texto-sites h1{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0; }
.titulo-site{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0; }
.texto-sites h2{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0; }
.sub-titulo{margin-top: 30px;}
.texto-sites h2 span{color: #ffc200;}
#ultimo-website-site1 {width: 360px;height: 372px;float: left; margin: 70px 0 0 0;overflow: hidden; border-radius: 10%;}
.ultimo-website-mac1 {width:360px;height: 372px;float: left;z-index: 6; position: absolute;overflow: hidden;}

#orcamento-site{margin-bottom: 50px;}
#orcamento-site h1{padding-top: 0;}
#orcamento-site label {font-family: 'Alexandria', sans-serif; color: #424345; font-weight: 300; padding: 20px 0 0px 0;font-size: 20px;}
#orcamento-site .form-control {background-color: #e4e4e4;border-radius: 0px; border-bottom: 5px solid #aeaaaa;}
#orcamento-site button {float: right; background-color: #ffc200; color: #005fee;font-family: 'Alexandria', sans-serif; font-weight: 300; border-radius: 0px; width: 80px; height: 50px; margin-top: 20px; padding-top: 7px; border-bottom: 3px solid #cc9c02;}
/*:::::: Final Estilo Sites :::::: */

/*:::::: Estilo MKT :::::: */
#mkt-clientes{padding: 50px 0 50px 0;}
.servico-mkt{padding: 50px 0 50px 0;}
.texto-mkt h1{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0;}
.texto-mkt h1 span{color: #ffc200;}
.texto-descricao-mkt p{font-family: 'Alexandria', sans-serif; font-size: 15px; color: #69696a; }
.texto-descricao-mkt p span{color: #005fee;}
.texto-cliente-mkt{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0;}
.img-mkt{margin-top: -140px; text-align: end;}
.img-mkt img{width: 70%;}
.btn-mkt{float: left; background-color: #ffc200; color: #005fee;font-family: 'Alexandria', sans-serif; font-weight: 300; border-radius: 0px; width: 220px; height: 50px; margin-top: 30px;  padding-top: 12px; border-bottom: 3px solid #cc9c02;}
.btn-mkt:hover{background-color: #005fee; color: #ffc200; border-bottom: 3px solid #014ec0;}
#metodo h1{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0;}
.metodos{height: 550px; background-image: url('..//img/resultado.png'); background-repeat: no-repeat; background-position: center; background-size: 70%;}
/*:::::: Final Estilo MKT :::::: */

.texto-descricao-mkt-1 p{font-family: 'Alexandria', sans-serif; font-size: 22px; color: #69696a; font-weight: normal;}
.texto-descricao-mkt-1 p span{color: #5a5a5a; font-weight: bold;}
.texto-mkt-1 h2{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0;}
.texto-mkt-1 h2 span{color: #5a5a5a;}
#gerencia{padding: 30px 0; background-color: #005fee;}
.texto-g h2{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #fff; padding: 30px 0 30px 0;}
.texto-descricao-g p{font-family: 'Alexandria', sans-serif; font-size: 22px; color: #fff; font-weight: normal;}
.texto-descricao-g p span{font-weight: bold;}
.img-g{margin-top: -140px; text-align: end;}
.img-g img{width: 100%;}

#melhoras{background-image: url('..//img/fundo-trafega-02.jpg'); background-repeat: no-repeat; background-size: cover; padding: 50px 0;}
.box-melhoras{display: flex;}
.alvo{display: inline-grid;align-items: center;justify-content: space-between;}
.alvo img{width: 70%;}
.texto-m{color: #fff;}
.texto-m h2 span{color: #efbf2d;}


/*:::::: Estilo Contatos :::::: */
#contatos{margin: 50px 0 50px 0;}
#contatos label {font-family: 'Alexandria', sans-serif; color: #424345; font-weight: 300; padding: 20px 0 0px 0;font-size: 20px;}
#contatos .form-control {background-color: #e4e4e4;border-radius: 0px; border-bottom: 5px solid #aeaaaa;}
.g-recaptcha{padding-top: 30px;}
#contatos-direto{ padding-left:7% ; padding-top: 10px;}
#contatos button{float: right; background-color: #ffc200; color: #005fee;font-family: 'Alexandria', sans-serif; font-weight: 300; border-radius: 0px; width: 80px; height: 50px; margin-top: 20px; padding-top: 7px; border-bottom: 3px solid #cc9c02;}
#contatos button:hover{background-color: #005fee; color: #ffc200; border-bottom: 3px solid #014ec0;}
.local-contatos{padding-top: 30px;}
.local-contatos h1{font-family: 'Alexandria', sans-serif; font-size: 32pt; color: #005fee; padding: 30px 0 30px 0;}
#como-chegar{margin-bottom: 50px;}
/*:::::: Final Estilo Contatos :::::: */

/*:::::: Estilo Orçamento :::::: */
#orcamento{margin: 50px 0 50px 0}
#orcamento h1{padding-top: 0;}
#orcamento label {font-family: 'Alexandria', sans-serif; color: #424345; font-weight: 300; padding: 20px 0 0px 0;font-size: 20px;}
#orcamento .form-control {background-color: #e4e4e4;border-radius: 0px; border-bottom: 5px solid #aeaaaa;}
#orcamento button {float: right; background-color: #ffc200; color: #005fee;font-family: 'Alexandria', sans-serif; font-weight: 300; border-radius: 0px; width: 80px; height: 50px; margin-top: 20px; padding-top: 7px; border-bottom: 3px solid #cc9c02;}
.indicador::after{border-image: url('/img/forma.png'); border-image-repeat: stretch;  position: absolute;font-size: 30px; margin-left: -52%; margin-top: 25%; border-right: 0; border-left: 14px solid transparent;}
/*:::::: Final Estilo Orçamento :::::: */

/*:::::: Estilo Blog :::::: */
#blog-noticia{padding: 50px 0;}
.box-texto{position: relative;}
.ler{position: absolute; bottom: 0; text-decoration: none; background-color: #005fee; padding: 10px; border-bottom: 2px solid #034ec0; color: #fff;}
.ler:hover{background-color: #0551c4; color: #fff;}
#blog{background-color: #f4f4f4; padding: 40px 0; font-family: 'Alexandria', sans-serif;}
#blog .titulo{font-family: 'Alexandria', sans-serif;font-size: 32pt;color: #005fee;padding: 30px 0 30px 0;}
.imagem-blog img{border-bottom: 3px solid #005fee;}
.titulo-blog h2{font-family: 'Alexandria', sans-serif;font-size: 55pt;color: #939393;padding-bottom: 20px;}
.texto-noticia span{background-color: #005fee; color: #fff; padding: 3px ; font-size: 13px;}
.texto-noticia h5{color: #464646; padding: 10px 0 20px 0;}
.texto-noticia p{color: #252525; font-weight: 300;}
#blog .ler{text-decoration: none; background-color: #005fee; padding: 10px; border-bottom: 2px solid #034ec0; color: #fff;}
#outro_blog{font-family: 'Alexandria', sans-serif;}
#outro_blog .titulo{font-family: 'Alexandria', sans-serif;font-size: 32pt;color: #005fee;padding: 30px 0 30px 0;}
.imagem-outras-noticias{width: 100%; height: 210px; overflow: hidden;}
.descricao{position: relative; margin: 20px 0;}
.titulo-noticia span{background-color: #005fee; color: #fff; padding: 3px ; font-size: 13px; margin-bottom: 10px;}
.titulo-noticia .tag-principal {
  background-color: #005fee;
  color: #fff;
  padding: 6px;
  font-size: 13px;
  margin-bottom: 10px;
}
.titulo-noticia .tag-secundaria {
  background-color: #999999;
  color: #ffffff;
  padding: 6px;
  font-size: 13px;
  margin-bottom: 10px;
}
.titulo-noticia p{color: #333333; font-weight: 300; width: 86%; height: 70px; margin-top: 10px; }
.btn-noticia{position: absolute; right: 0px; top: 0px; text-decoration: none; background-color: #005fee; padding: 2px 4px; color: #fff; font-size: 18px;}
.imagem-blog-1{width: 100%;}
.box_blog {margin-bottom: 30px; border-bottom: 2px solid #ccc; padding: 0 10px 0 0;}
/*:::::: Final Estilo Blog :::::: */


#vale-ideia{background-image: url('..//img/fundos-ideia.png'); background-repeat: no-repeat; padding: 43px 0; background-color: #005fee; background-position: bottom;}
.texto-ideia h2{font-family: 'Alexandria', sans-serif; font-size: 55pt; color: #fff; padding: 50px 0 50px 0; padding-right: 25%;}
.texto-ideia h2 span{color: #ffc200;}
.icon-ideia{padding: 50px 0;}
.icon-ideia img{margin-left: -150px;}

#contato{ background-image: linear-gradient(to right, rgb(244 244 244 / 0%), rgb(244 244 244 / 0%) 50%, rgb(244 244 244 / 244) 100%, rgb(244, 244, 244) 100%, rgb(244 244 244 / 0%) 100%);}
.grupo h2{font-family: 'Alexandria', sans-serif; font-size: 35pt; color: #005fee; padding: 30px 0 10px 0;}
.local{ background-size: 0 100%;}
.local h2{font-family: 'Alexandria', sans-serif; font-size: 30pt; color: #005fee; padding: 30px 0 10px 0;}
.localizacao{display: inline-block; }
.localizacao p{float: right; padding-left: 10px; margin: 0;}
.icon-logo{padding-top: 75px;}
.icon-logo-marca{display: flex; align-items: flex-start; gap: 40px;}
.icon-logo-marca img{width: 150px;}
/*::::::  Footer :::::: */
footer{background-color: #083f90;}
#direitos{color: #fff; padding-top: 10px;}
#direitos p{font-family: 'Alexandria', sans-serif; font-size: 13px; font-weight: 300; padding: 10px 0 10px 0;}
#logo-as{text-align: right; padding-top: 10px;}
#logo-as img{padding: 0px 0 10px 0; width: 15%;}
.contato{padding-bottom: 30px;}
/*:::::: Final Footer :::::: */

/* FAQ */
.faq {margin: 30px 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;align-items: start; }
#faq .texto-sites{display: flex; align-items: center; justify-content: space-between;}
.faq details { border-radius: 20px;overflow: hidden;background: #005fee;color: #fff;
border: 1px solid #005fee;}
.faq summary {display: flex; align-items: center; justify-content: space-between;padding: 12px 16px;cursor: pointer;font-weight: bold;list-style: none;transition: transform 0.3s ease; height: 75px;}
.faq summary img {width: 15px;transition: transform 0.3s ease;}
.faq summary::-webkit-details-marker {display: none;}
.faq details[open] summary { background: #1e71ee;transition: transform 0.3s ease;}
.faq details[open] summary img {transform: rotate(180deg);transition: transform 0.3s ease;}
.faq p {padding: 12px 16px;margin: 0;background: #f9f9f9;color: #333;}

/* Estilo mobile menu */
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {display: inline-block;width: 56px;height: 20px;position: relative;margin: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span { display: block; position: absolute; height: 7px;width: 100%;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.animated-icon1 span { background: #fff;}
.animated-icon2 span { background: #fff; border: rgba(255, 255, 255, 0);}
.navbar-toggler{border: rgba(255, 255, 255, 0);}
.navbar-toggler:focus{box-shadow:none;}
.animated-icon3 span { background: #0084c2;}
.animated-icon1 span:nth-child(1) {
top: 0px;}
.animated-icon1 span:nth-child(2) {top: 10px;} 
.animated-icon1 span:nth-child(3) { top: 20px;}
.animated-icon1.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.animated-icon1.open span:nth-child(2) { opacity: 0; left: -60px;}
.animated-icon1.open span:nth-child(3) { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
/* Icon 3*/
.animated-icon2 span:nth-child(1) {top: 0px;}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {top: 10px;}
.animated-icon2 span:nth-child(4) { top: 20px;}
.animated-icon2.open span:nth-child(1) { top: 11px;width: 0%; left: 50%;}
.animated-icon2.open span:nth-child(2) { -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.animated-icon2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);transform: rotate(-45deg);}
.animated-icon2.open span:nth-child(4) {top: 11px; width: 0%;left: 50%;}
/* Icon 4 */
.animated-icon3 span:nth-child(1) { top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center; transform-origin: left center;}.animated-icon3 span:nth-child(2) {top: 10px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.animated-icon3 span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.animated-icon3.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 8px;}
.animated-icon3.open span:nth-child(2) {width: 0%;opacity: 0}
.animated-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; left: 8px;}
#exampleSlider {position: relative;padding: 50px 0 50px 0;}
#exampleSlider .MS-content {margin: 15px 5%;overflow: hidden;white-space: nowrap;}
#exampleSlider .MS-content .item {display: inline-block;height: 100%;overflow: hidden;position: relative;vertical-align: top; border-right: none; width: 20%;}
#exampleSlider .MS-content .item p {font-size: 30px;text-align: center;line-height: 1;vertical-align: middle; margin: 0;padding: 10px 0;}
#exampleSlider .MS-controls button {position: absolute;border: none;background: transparent;font-size: 25px;outline: 0;top: 0px;}
#exampleSlider .MS-controls button:hover {cursor: pointer;}
#exampleSlider .MS-controls .MS-left {left: -7%;top: 40%;}
#exampleSlider .MS-controls .MS-right {right: -7%;top: 40%;}

/* Valores site medicos */
.cols-holder {display: flex;gap: 20px;max-width: 1200px;margin: auto;padding: 20px;
font-family: Arial, sans-serif;}
.col {flex: 1; border: 1px solid #ddd; background: #fff;display: flex;flex-direction: column;}
.col-header {background: #009ad6;color: #fff;text-align: center;padding: 12px;font: 400 16px/20px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.col-price {text-align: center;padding: 20px 10px;}
.col-price h2 {font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;margin: 0;font-size: 30px;}
.col-price p {margin: 5px 0 0;font-size: 14px;color: #555;}
.col-list {list-style: none;padding: 0;margin: 0;flex: 1;}
.col-list li {padding: 12px 15px;border-top: 1px solid #eee;position: relative;padding-left: 45px;font-size: 14px;}
.col-list li:nth-child(odd) {background: #f6f6f6;}
.col-list li:nth-child(even) {background: #fff;}
.col-list li::before {content: "";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-image: url("..//img/icons1-check.svg");background-repeat: no-repeat;background-size: contain;}
.btn {margin: 20px;padding: 12px;background: #009ad6;color: #fff;text-align: center;text-decoration: none;border-radius: 4px;font-weight: bold;}
.btn:hover {background: #007fb0;}



@media screen and  (max-width: 1440px)  {
  .circulo {margin-left: -140px;}
  .carousel-control-prev{left: 50px; margin-top: 5%;}
  .carousel-control-next{right: 50px; margin-top: 5%;}
  #asweb-pg1{background-position: 184% 20%;}
  .banner-texto{top: 30px !important;}
  .banner-texto h2{margin-top: 30px;}
}


@media screen and  (max-width: 1200px) { 
  #exampleSlider .MS-content .item {width: 25%;}
}

@media screen and (max-width: 1066px) {
  #menu div a {font-size: 19px;} 
}

@media screen and (max-width: 990px) { 
    #topo{display: none;}
    #menumobile{display: block; background-color: #005fee;}
    .circulo{display: none;}
    #carrossel{margin-top: 0;}
    .sliddesktop{display: none;}
    .slidmobile{display: block;}
    .timeline{display: none;}
    .timeline1{display: block; text-align: center;}
    .desktop{display: none;}
    .mobile{display: block;}
    .mobile .padding-not{padding: 0 10px 0 10px;}
    .caixa-texto h1{padding-top: 30px;}
    .navbar-light .navbar-toggler{color: none; border-color: none !important; float: right;}
    .navbar {padding-bottom: 0.5rem;}
    .navbar-brand img {width: 50%;  margin-left: 20px; padding: 10px 0 20px 0;}
    #menumobile button {margin-top: 20px;}
    .contato-mobi{background-color: #ffc200 ;}
    .contato-mobi p{color: #fff;}
    .icon-img{    display: flex; align-items: end; justify-content: end;}
    .icon-img img{width: 110%;}
    .navbar-collapse {background-color: #005fee ; position: absolute; z-index: 99; right: 0; width: 350px;}
    .nav-item {text-align: right; font-size: 30px; font-family: 'Roboto', sans-serif; z-index: 1; padding: 0 20px 0 20px;}
    .navbar-light .navbar-nav .nav-link {color: #fff; }
     .navbar-light .navbar-nav .nav-link:hover{text-decoration: underline; text-decoration-color: #ffc200 ; text-underline-offset: 5px !important; text-decoration-thickness: 2px !important;}
    .carousel-control-prev {margin-top: 20% !important; left: 30px;}
    .carousel-control-next {margin-top: 20% !important; right: 30px;}
    .seta1-mobi {left: 4%;}
    .seta2-mobi{right: 4%;}
    .icon1{padding-top: 50px;}
    .grupo{text-align: center;}
    .local{text-align: center;}
    .localizacao{display: block;}
    .localizacao img{padding-bottom: 10px;}
    .localizacao p{float: none; padding-left: 0px; padding-bottom: 20px;}
    .icon-logo{padding-top: 20px;}
    .icon-logo-marca{padding-bottom: 30px;}
    #direitos{text-align: center;}
    #logo-as{text-align: center;}
    #logo-as img{width: 30%;}
    .texto-ideia{text-align: center;}
    .texto-ideia h1 {padding: 20px 0 20px 0;padding-right: 0%;}
    #vale-ideia{background-color: #005fee;}
    .icon-ideia{text-align: center; padding: 20px 0;}
    .icon-ideia img{margin-left: 0px;}
    .icon-incluir{padding: 0;}
    .descricao-incluir p{padding-left: 0;}
    .btn-group{margin: 0 10px 20px 10px;}
    #exampleSlider .MS-content { margin: 15px 7%;}
    .crossfade {padding: 0px 0 50px 0;}
    .texto-ser-visto h1 {padding: 50px 0 50px 0;}
    .text-left{ padding: 20px 10px 0 10px;}
    #timeline .container{padding-right: 0;}
    #timeline h1{text-align: left;}
    .localizacao{text-align: center;}
    .logo-cliente{width: 100%;}
    .item{padding-left: 30px;}
    .text-logo{display: block; text-align: center; padding: 0 !important;}
    .seta-timeline{margin-top: -25px;}
    .seta-timeline img{display: initial; padding-left: 0; padding-bottom: 30px;}
    .img-mkt{margin-top: 40px; text-align: center;}
    .servico-mkt {padding: 50px 0 0px 0; text-align: center;}
    #gerencia{text-align: center;}
    .img-g{margin-top: 0; padding-top: 20px;}
    .img-m{margin-top: 0; padding-top: 20px;}
    .metodos{background-size: 95%; height: 360px;}
    #contato{ background-image: none;}
    #asweb-pg1{background-image: none;}
    .scroll-mobile{display: block;}
    .scroll-desktop{display: none;}
    .texto-sites h1{font-family: 'Alexandria', sans-serif; font-size: 16pt; color: #005fee; padding: 30px 0 30px 0;}
    .texto-sites h1 span{color: #ffc200;}
    .img-site{margin-top: -5px}
    #avaliacao{background-image: url('..//img/fundos-clientes.png'); background-repeat: no-repeat; text-align: center; height:auto; padding-bottom: 30px; overflow: hidden;}
    .texto-galeria-cliente{position: absolute; z-index: 5; border-left: 8px solid #ffc100; margin: 5px 0;}
    .texto-galeria-cliente h4{font-family: 'Alexandria', sans-serif; font-size: 20px; color: #69696a; padding-top: 10px; padding-left: 10px;}
    .texto-galeria-cliente h5{font-family: 'Alexandria', sans-serif; font-weight: 300; color: #7e7e7e; font-size: 18px; line-height: 0.8; padding-left: 10px;}
    #faq .texto-sites h1{font-size: 30px !important;}
    .icon-logo-marca{flex-direction: column; align-items: center;}
    .texto-noticia{margin: 15px 0;}
    .ler{bottom: -40px;}
    .submenu-mobile {display: none;list-style: none;padding-left: 15px;margin: 0;background: #005fee;}
    .submenu-mobile li a {display: block;padding: 10px;color: white;text-decoration: none;}
    .submenu-mobile li a:hover {background: #005fee;}
    .dropdown-mobile.ativo .submenu-mobile {display: block;}
    .icon-img{padding-bottom: 10px; margin-top: 15px;}
    .icon-insta{padding-right:20px; width: 50%;}
    .icon-face{width: 50%;}
    #exampleSlider .MS-content .item {width: 33.3333%;}
    #exampleSlider .MS-controls .MS-left {left: -13px;}
    #exampleSlider .MS-controls .MS-right {right: -13px;}
    .cols-holder {flex-direction: column;}
    .col.destaque {transform: none;}
}

@media screen and  (max-width: 768px) {
    .carousel-control-next, .carousel-control-prev img{width: 35px;  opacity: 0.5;}
    .titulo-noticia p{width: 450px;}
    .sliddesktop { display: none;}
    .slidmobile { display: block;}
    .banner-texto{top: 25px; padding-left: 20px;}
    .banner-texto h1 {font-size: 30px;width: 300px;}
    .banner-texto h2 {font-size: 20px; width: 300px;}
    .banner-texto p {padding-top: 8px;font-size: 16px;margin: 0;} 
    #exampleSlider {border-color: transparent;}
    #exampleSlider .MS-content {margin: 0;}
    #exampleSlider .MS-content .item {width: 50%;}
    #exampleSlider .MS-controls button {display: block;}
}



@media screen and (max-width: 512px){
   .img-site img {margin: 20px 0;}
   .titulo-noticia p{width: 380px;}
   #blog{padding-bottom: 70px;}
   .banner-texto h1 {font-size: 20px;width: 240px;}
   .banner-texto h2 {font-size: 14px;width: 220px;}
}



@media screen and (max-width: 412px){
    .text-incluir h1{font-size: 65px; padding: 30px 0 0px 0;}
    
}



@media screen and (max-width: 361px){
  .text-incluir h1{font-size: 55px;}

    
}