@media screen and (max-width:1439px) {

	.titulo.size2 {font-size: 32px;}

	.projeto {height: 780px;}

	.valor .titulo {margin-bottom: 30px;}

	#header.active {padding: 0;}
	#header .menu li {margin-right: 65px;}
	#header .menu-solucoes .solucoes .solucao {height: 420px;}

	#home .sobre {padding: 160px 0 260px;}
	#home .mandala {height: 640px; width: 640px;}
	#home .mandala::before {height: 600px; width: 600px;}
	#home .mandala .selo {height: 200px; width: 200px;}
	#home .mandala .selo svg {height: 80px; width: 80px;}
	#home .mandala .spin {height: calc(100% - 35px); width: calc(100% - 35px);}
	#home .mandala .centro {height: 300px; width: 300px;}
	#home .mandala .segmentos {height: 550px; width: 550px;}
	#home .mandala .segmentos::after {height: 350px; width: 350px;}
	#home .mandala .box-segmento {padding: 15px 20px; width: 280px;}

	#sobre-nos .sobre .box-galeria {height: 560px;}
	#sobre-nos .missao .esquerda {padding-top: 50px;}
	#sobre-nos .missao .direita {height: 450px; padding: 50px 45px 0 60px;}

	#portfolio .projeto {height: 520px;}

}

@media screen and (max-width:1260px) {

	.box-topo-interno {height: 55vh; margin-bottom: 100px;}
	.box-topo-interno .titulo {bottom: 15vh;}

	.projeto {height: 700px;}

	.valores {padding: 100px 0 80px;}	

	#header .logo {width: 210px;}
    #header .menu li {margin-right: 40px;}
	#header .menu .link svg {margin-left: 20px;}
	#header .menu-portfolio .projeto {height: 520px;}

	#home .sobre {padding: 120px 0 200px;}
	#home .sobre .selo {margin: 80px 0 100px;}

	#home .mandala {height: 540px; width: 540px;}
	#home .mandala::before {height: 500px; width: 500px;}
	#home .mandala .selo {height: 150px; width: 150px;}
	#home .mandala .selo svg {height: 70px; width: 70px;}
	#home .mandala .spin {height: calc(100% - 20px); width: calc(100% - 20px);}
	#home .mandala .segmentos {height: 460px; width: 460px;}
	#home .mandala .segmentos::after {height: 260px; width: 260px;}
	#home .mandala .segmento svg {height: 50%; width: 55%;}
	#home .mandala #juridica svg {margin: 0 0 5px 5px;}
	#home .mandala #contabil svg {margin: 0 5px 5px 0;}
	#home .mandala #financeira svg {margin: 5px 5px 0 0;}
	#home .mandala #funding svg {margin: 5px 0 0 5px;}
	#home .mandala .centro {height: 220px; width: 220px;}
	#home .mandala .box-segmento {font-size: 13px; padding: 10px 16px; width: 240px;}
	#home .mandala #box-juridica {right: calc(100% - 65px); top: 10%;}
	#home .mandala #box-contabil {left: calc(100% - 65px); top: 10%;}
	#home .mandala #box-financeira {right: calc(100% - 65px); bottom: 10%;}
	#home .mandala #box-funding {left: calc(100% - 65px); bottom: 10%;}
	#home .solucoes-home {padding: 100px 0 150px;}
	#home .solucoes-home .solucao-home {padding: 0 25px;}
	#home .solucoes-home .lista {width: calc(50% - 40px);}
	#home .solucoes-home .solucao-home .ver {height: 30px; width: 30px;}
	#home .solucoes-home .solucao-home .linha {width: 30px;}
	#home .solucoes-home .solucao-home .mais {height: 30px;}

	#sobre-nos .sobre .box-galeria {height: 480px;}
	#sobre-nos .missao .esquerda {padding-top: 40px;}
	#sobre-nos .missao .esquerda .item:first-child {margin-bottom: 50px;}
	#sobre-nos .missao .direita {padding: 40px 40px 0 30px;}

	#solucao .sobre .box-galeria {height: 480px;}

	#portfolio .projeto {height: 460px;}
	#portfolio .projeto .info {bottom: 30px; width: calc(100% - 50px);}

	#contato .links {margin-top: 60px;}

}

@media screen and (max-width:1030px) {

	form input[type="text"], 
	form input[type="email"], 
	form input[type="phone"], 
	form input[type="password"], 
	form input[type="search"], 
	form textarea, 
	form select {padding-left: 20px;}
	form .box .label {left: 20px;}
	form .small2 {width: calc(50% - 6px);}

	.owl-dots {margin-top: 40px;}

	.titulo.size1 {font-size: 65px;}

	.botao-solucoes {height: 160px;}
	.botao-solucoes .botao {padding: 0 0 0 80px; justify-content: flex-start;}

	.projeto {height: 650px;}

	.valor {padding: 40px 30px 30px 25px;}
	.valor .titulo {margin-bottom: 20px;}
	.valor .linha {left: 25px; bottom: 30px;}

	.como-trabalhamos .item .box {height: 80px;}
	.como-trabalhamos .item .ver {height: 30px; width: 30px;}
	.como-trabalhamos .item .mais {height: 30px;}
	.como-trabalhamos .item .linha {width: 30px;}

	.portfolio {height: 500px;}
	.portfolio .info {top: 100px;}
	.portfolio .titulo.size2 {margin-top: 80px;}

	.box-topo-interno {height: 50vh; margin-bottom: 80px;}

	#header .logo {width: 190px;}
	#header .menu li {margin-right: 25px;}

	#home .sobre .selo {margin: 60px 0 60px;}

	#home .solucoes-home .solucao-home {padding: 0 20px; height: 80px;}
	#home .solucoes-home .solucao-home .ver {height: 25px; width: 25px;}
	#home .solucoes-home .solucao-home .linha {width: 25px;}
	#home .solucoes-home .solucao-home .mais {height: 25px;}

	#sobre-nos .sobre .selo {margin-top: 40px;}
	#sobre-nos .missao .esquerda {width: calc(50% - 30px);}

	#solucao .sobre .selo {margin-top: 40px;}

	#portfolio .projeto .info {bottom: 25px; width: calc(100% - 35px);}

	#projeto .galeria {columns: 400px;}

}

@media screen and (max-width:960px) {

	html {position:relative;width:100%;min-width:315px;}
	body {position:relative;width:100%;}

	* {-webkit-overflow-scrolling:touch;}

	.wrapper {width:calc(100% - 30px)!important;}

	.cookie-bar .box {float:none;margin-left:20px;width:calc(100% - 40px);}
	.cookie-bar .buttons {float:none;margin-left:20px;width:calc(100% - 40px);margin-top:30px;}

	.ico-menu {display: flex;}

	form .small4 {width: calc(50% - 6px);}
	form .small2 {width: calc(50% - 6px);}

	.titulo.size1 {font-size: 60px;}
	.titulo.size2 {font-size: 30px;}
	.titulo.size4 {font-size: 18px;}

	.social li {margin-left: 5px;}
	.social a {height: 28px; width: 28px;}
	.social a svg {height: 14px; width: 14px;}
	.social a.ytb svg {height: 10px;}
	.social a.pin svg {height: 15px;}

	.projeto {height: 550px;}
	.projeto .info {bottom: 60px;}
	.projetos .owl-dots {bottom: 30px;}

	.valor {height: 380px;}

	.portfolio {height: 420px;} 
	.portfolio .info {top: 120px;}
	.portfolio .selo svg {height: 50px; width: 50px;}
	.portfolio .titulo.size2 {margin: 45px 0 5px;}

	.como-trabalhamos {padding-top: 70px;}

	.botao-solucoes {margin-top: 80px;}
	.botao-solucoes .botao {padding-left: 45px;}

	.box-topo-interno {height: 35vh; margin-bottom: 60px;}
	.box-topo-interno .titulo {bottom: 9vh; font-size: 50px;}

	#header {padding-top: 30px;}
	#header::after {width: 3px; height: calc(100% - 30px); top: 30px;}
	#header .logo {width: 160px;}
	#header .menu {display: none;}
	#header .social {padding-right: 45px;}

	#footer .logo svg {width: 220px;}

	#home .sobre {padding: 80px 0 160px;}
	#home .mandala {height: 460px; width: 460px;}
	#home .mandala::before {height: 440px; width: 440px;}
	#home .mandala .selo {height: 120px; width: 120px;}
	#home .mandala .selo svg {height: 55px; width: 55px;}
	#home .mandala .spin {height: calc(100% - 15px); width: calc(100% - 15px);}
	#home .mandala .segmentos {height: 415px; width: 415px;}
	#home .mandala .segmentos::after {height: 220px; width: 220px;}
	#home .mandala .centro {height: 180px; width: 180px;}
	#home .mandala .box-segmento {padding: 6px 10px; width: 220px;}
	#home .mandala #box-juridica {top: 2%;}
	#home .mandala #box-contabil {top: 2%;}
	#home .mandala #box-financeira {bottom: 2%;}
	#home .mandala #box-funding {bottom: 2%;}
	#home .solucoes-home {padding: 80px 0 120px;}
	#home .solucoes-home .titulo-topo {margin-bottom: 35px;}
	#home .solucoes-home .lista {width: calc(50% - 20px);}
	
	#sobre-nos .sobre .box-galeria {height: 400px;}
	#sobre-nos .missao .esquerda {padding-top: 30px;}
	#sobre-nos .missao .esquerda .item:first-child {margin-bottom: 35px;}
	#sobre-nos .missao .direita {padding: 30px 20px 0 20px;}
	#sobre-nos .missao .titulo {margin-bottom: 20px;}

	#portfolio .projeto {height: 400px;}
	#portfolio .projeto .info {bottom: 15px; width: calc(100% - 25px);}

	#solucao .sobre .box-galeria {height: 400px;}
	#solucao .portfolio {margin-top: 80px;}

	#projeto .galeria {columns: 300px;}

	#contato .info .selo svg {height: 40px;}
	#contato .links {margin-top: 40px;}
	#contato .box-form {padding-bottom: 80px;}
	#contato .form {padding-top: 50px;}

}

@media screen and (max-width:820px) {

	.owl-dots {margin-top: 25px;}

	.titulo.size1 {font-size: 55px;}

	.projeto {height: 480px;}

	.valores {padding: 80px 0 60px;}

	.como-trabalhamos .item .box {height: 70px; padding: 0 20px;}
	.como-trabalhamos .item .texto {padding: 0 20px;}
	.como-trabalhamos .item.active .texto {margin: 30px 0 40px;}

	.clientes {padding-bottom: 80px;}
	.clientes .titulo {margin-bottom: 25px;}
	.clientes .lista {padding-top: 30px;}

	.botao-solucoes {height: 120px;}
	.botao-solucoes .botao {padding-left: 25px;}
	.botao-solucoes .botao svg {margin-left: 25px;}

	.portfolio {height: 380px;}
	.portfolio .info {top: 100px;}
	.portfolio .titulo.grande {font-size: 50px;}

	.box-topo-interno .titulo {font-size: 45px;}

	#footer {background-position: top!important;}
	#footer .conteudo {flex-direction: column; align-items: center; padding: 50px 0;}
	#footer .logo {position: relative; left: auto; top: auto; transform: none; order: -1;}
	#footer .itens {padding: 40px 0; width: 100%; align-items: center;}
	#footer .item {margin-bottom: 15px;}
	#footer .menu li:first-child {margin-right: 20px;}
	#footer .politicas {padding: 30px 0 35px;}

	#home .banner .img-banner {display: none;}
	#home .banner .img-banner-mobile {display: block;}
	#home .banner .info {text-align: center; align-items: center; bottom: 12vh; max-width: none;}
	#home .banner .info .titulo.size2 {font-size: 20px;}
	#home .banner .botao {margin-top: 40px;}
	#home .banners .owl-dots {justify-content: center;}
	#home .sobre {padding: 60px 0 140px;}
	#home .sobre .selo {margin: 40px 0;}
	#home .sobre .texto {columns: 1;}
	#home .mandala {display: none;}
	#home .segmentos-mobile {display: flex;}
	#home .solucoes-home {display: none;}
	#home .solucoes-home-mobile {display: flex; flex-direction: column; margin: 60px 0;}
	#home .solucoes-home-mobile .lista {margin-top: 30px;}
	#home .solucao-home-mobile {display: flex; flex-direction: column;}
	#home .solucao-home-mobile .box {display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; cursor: pointer; width: 100%; height: 90px; margin-bottom: 20px; padding: 0 40px; background: #fff; box-shadow: 0px 5px 20px 3px #00000014; transition-duration: .8s;}
	#home .solucao-home-mobile.active .box {background: #7e7f74; transition-duration: .8s;}
	#home .solucao-home-mobile:last-child {margin-bottom: 0;}
	#home .solucao-home-mobile .box .titulo {transition-duration: .8s;}
	#home .solucao-home-mobile.active .box .titulo {color: #fff; transition-duration: .8s;}
	#home .solucao-home-mobile .box .ver {position: relative; display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; transition-duration: .8s;}
	#home .solucao-home-mobile.active .box .ver {transform: rotate(-180deg); transition-duration: .8s;}
	#home .solucao-home-mobile .box .linha {position: absolute; width: 30px; height: 2px; background: #bbbab0;}
	#home .solucao-home-mobile .box .mais {width: 2px!important; height: 30px; transition-duration: .8s;}
	#home .solucao-home-mobile.active .box .mais {opacity: 0; transition-duration: .8s;}
	#home .solucao-home-mobile .info {overflow: hidden; box-sizing: border-box; width: 100%; padding: 0 15px; margin: 0; max-height: 0; transition-duration: .8s;}
	#home .solucao-home-mobile.active .info {max-height: 500px; margin-bottom: 25px; transition-duration: .8s;}
	#home .solucao-home-mobile .info .titulo {margin-bottom: 20px; width: 70%;}
	#home .solucao-home-mobile .info .linha {position: relative; margin-top: 25px; width: 70px; height: 2px; background: #bbbab0;}

	#sobre-nos .sobre {flex-direction: column; align-items: center;}
	#sobre-nos .sobre .info {width: 100%; margin: 0; max-width: none;}
	#sobre-nos .sobre .galeria {width: 80%; margin-top: 35px;}
	#sobre-nos .missao {flex-direction: column;}
	#sobre-nos .missao .esquerda {width: 100%; padding-top: 10px;}
	#sobre-nos .missao .esquerda .item {max-width: none;}
	#sobre-nos .missao .esquerda .item:first-child {margin-bottom: 30px;}
	#sobre-nos .missao .direita {width: 100%; margin-top: 30px; padding: 20px 15px 30px; height: auto;}
	#sobre-nos .missao .titulo {margin-bottom: 10px;}
	#sobre-nos .clientes {padding-top: 10px;}

	#portfolio .projetos {flex-direction: column; padding-bottom: 80px;}
	#portfolio .projeto {width: 100%;}

	#solucao .sobre {flex-direction: column; align-items: center;}
	#solucao .sobre .info {width: 100%; margin: 0; max-width: none;}
	#solucao .sobre .galeria {width: 80%; margin-top: 35px;}
	
	#projeto .sobre .box-logo {margin-bottom: 30px;}
	#projeto .sobre .titulo {width: calc(100% - 200px);}
	#projeto .sobre .logo svg {width: 180px;}
	#projeto .sobre .texto {columns: 1;}
	#projeto .galeria {columns: 280px;}

}

@media screen and (max-width:620px) {

	form .small4 {width: 100%;}
	form .small2 {width: 100%;}
	form .box-botao {flex-direction: column; align-items: center;}
	form .box-botao .termos {margin: 0 0 15px 0;}
	form .botao {width: 100%; justify-content: center;}

	.titulo.size1 {font-size: 50px;}
	.titulo.size2 {font-size: 26px;}
	.titulo.size3 {font-size: 22px;}

	.projeto {height: 320px;}
	.projeto .info {width: calc(100% - 20px); bottom: 40px;}
	.projeto .selo svg {height: 35px;}
	.projetos .owl-dots {bottom: 20px;}

	.valores {padding: 50px 0 40px;}
	.valor {padding: 25px 15px 20px 15px;}
	.valor .titulo {margin-bottom: 15px;}
	.valor .linha {left: 15px; bottom: 20px;}

	.como-trabalhamos {padding-top: 50px;}
	.como-trabalhamos .item .box {padding: 0 12px;}
	.como-trabalhamos .item .linha {width: 22px;}
	.como-trabalhamos .item .mais {height: 22px;}
	.como-trabalhamos .item .texto {padding: 0 12px;}
	.como-trabalhamos .item.active .texto {margin: 15px 0 20px;}

	.portfolio {height: 280px;}
	.portfolio .info {top: 75px;}
	.portfolio .selo svg {height: 45px; width: 45px;}
	.portfolio .titulo.size2 {margin: 25px 0 5px;}
	.portfolio .titulo.grande {font-size: 35px;}

	.botao-solucoes {height: 200px; margin-top: 60px; flex-direction: column;}
	.botao-solucoes .botao {width: 100%; height: 35%; box-sizing: border-box;}
	.botao-solucoes img {width: 100%; height: 65%;}
	.botao-solucoes:hover img {bottom: 0;}

	.box-topo-interno {margin-bottom: 50px; height: 35vh;}
	.box-topo-interno .titulo {font-size: 36px; bottom: 5vh;}

	#header .social {display: none;}

	#home .banner .titulo.size2 {letter-spacing: 4px;}
    #home .sobre {padding: 50px 0 100px;}
	#home .segmento-mobile {padding: 25px 15px 20px 15px; height: 280px;}
	#home .segmento-mobile .linha {left: 20px;}
	#home .solucao-home-mobile .box {padding: 0 25px;}
	#home .solucao-home-mobile .info {padding: 0 10px;}

	#sobre-nos .sobre .titulo {margin-bottom: 25px;}
	#sobre-nos .sobre .texto {overflow: hidden; max-height: 220px; transition-duration: .8s;}
	#sobre-nos .sobre .texto.active {max-height: 1000px; transition-duration: .8s;}
	#sobre-nos .sobre .leia {display: flex;}
	#sobre-nos .sobre .selo {margin-top: 25px;}
	#sobre-nos .sobre .galeria {width: 100%; max-width: 420px;}
	#sobre-nos .sobre .box-galeria {height: 350px;}
	#sobre-nos .missao {padding-top: 40px;}

	#solucao .sobre .titulo {margin-bottom: 30px;}
	#solucao .sobre .galeria {width: 100%; max-width: 420px;}
	#solucao .sobre .box-galeria {height: 350px;}

	#portfolio .projeto {height: 320px;}
	#portfolio .projeto .titulo {font-size: 25px;}
	#projeto .sobre .box-logo {flex-direction: column-reverse;}
	#projeto .sobre .titulo {width: 100%; margin-top: 20px;}

}

@media screen and (max-width:375px) {

	#home .solucao-home-mobile.active .info {max-height: 550px;}

}