/*
Theme Name: BBCHAN
Theme URI:http://www.bbchan.com.br/
Author:Deyvson Epifanio
Author URI:https://www.deyvson.com.br
Description:Tema desenvolvido Exclusivamente BBCHAN
Version:1.0

BBCHAN
http://www.bbchan.com.br
*/



body{background:#fff; font-family: 'Work Sans', sans-serif;}

/*#marca a h1{text-indent:-1000px;}*/
#topo{position: fixed; top: 0px; width: 100%; /*height: 100px;*/ z-index: 999; background: #fff;}
#menu-primario ul{list-style: none; padding: 0px; margin:0px; height: 100px;}
#menu-primario ul li{position: relative;top: 50%;transform: translateY(-50%); margin-right: 40px;}
#menu-primario ul li:last-child{margin-right:0px;}
#menu-primario ul li a{text-decoration: none; color:#052847; font-size: 20px; padding: 35px 0px;}
#menu-primario ul li a:hover{color:#47b5f1; /*border-bottom: 3px solid #47b5f1;*/}
.hvr-underline-from-left:before {background: #47b5f1; padding-bottom: 7px;}
#barra-topo{width: 100%; height:100px;}
.banner-geral{width: 100%;}
.banner-geral img{position: relative;}
.titulo-secao{position:relative; margin-top: -103px; z-index: 99;}
.titulo-secao h1{position: relative; top: -150px; text-align: center; font-family: 'Gotham Black', sans-serif; font-size: 66px; color: #fff; text-transform: uppercase;}
.banner-geral a h1, .banner-geral a h1 img{width: 100%; height: auto;}

/*rodape*/
#rodape{background: #083385;}
.topo-footer{width: 100%; background:#00b6f4; height: 32px; }
.content-rodape{width: 100%; height: auto; background: url(images/efeito-rodape2.png) no-repeat;}
.assinatura-bbchan-rodape{width: 100%; height: auto;}
#cont-rodape{margin:30px auto;}
#box-footer-apresentacao{width: 100%; height: auto; margin-top: 35px;}
.texto-padrao p{font-family: 'Gotham', sans-serif; color: #fff; font-size:18px; }
#copy{margin-top: 35px;}
#acesso-rapido, #box-onde-estamos{margin-top: 80px;}
#acesso-rapido ul h2, #box-onde-estamos ul h2{color: #47b5f1; font-size: 21px; font-family: 'Gotham Black', sans-serif; margin-top: 0px;}
#acesso-rapido ul, #box-onde-estamos ul{list-style: none; float: right; }
#box-onde-estamos ul{width: 100%; margin-bottom: 35px;}
#acesso-rapido li{margin-bottom: 10px;}
#acesso-rapido li a{font-size: 16px; color: #fff; font-family: 'Gotham', sans-serif; text-decoration: none;}
#box-onde-estamos ul li address{font-size: 16px; color: #fff; font-family: 'Gotham', sans-serif;}
#assinatura{width: 100%; display: table; /*margin-top: 35px;*/}
#assinatura div p{font-size: 14px; color: #fff; font-family: 'Gotham', sans-serif;}
.redes-sociais li a {display: block; background: #47b5f1; border-radius: 120px; padding: 15px 19px; }
.redes-sociais li{margin-right: 10px; margin-bottom: 10px;}
.redes-sociais li:last-child{margin-right: 0px;}
.redes-sociais li a i{color: #191a6a;}

/*Quem Somos*/
.box-colaboradores{width: 100%;}
.img-colaborador{width: 100%; height: auto;}
.img-colaborador img{width: 100%; height: auto;}
.box-nome-colaborador h3{color: #12136c; font-size: 25px; font-family: 'Gotham', sans-serif; font-weight: 600; text-transform: uppercase;}
.box-nome-colaborador p{font-size: 18px; font-family: 'Gotham Light', sans-serif; color: #363636; text-transform: uppercase;}
.conteudo-colaborador p{font-size: 20px; color: #363636; font-family: 'Gotham', sans-serif;}

/*Home*/
#chamada-quem-somos{width: 100%; height: auto;}
#chamada-ultimas-blog{width: 100%; height: auto;}
#box-carossel{}
.texto-destaque{position: relative;    top: -92px; margin-top: -243px;}
.texto-destaque h2{font-family: 'Gotham', sans-serif; font-weight: 800; color: #fff; font-size: 72px;}
.texto-destaque p{color: #fff; font-family: 'Gotham Light', sans-serif; font-size: 16px;}
.resumosolucoes-home{font-size: 20px !important;}


#form-solucoes input{border:2px solid #47b5f1; height: 60px; font-size: 20px; color: #363636; }
.bt-enviar{display: table; width: auto; margin:auto;}
.bt-enviar button{background: #1b1c6c; color: #fff; text-transform: uppercase; height: 60px; padding: 0px 30px; font-size: 20px; font-weight: 700;}
.bt-enviar button:hover{background:#00b6f4; }
.img-solucoes{width:100%;/*width:271px; height: 269px;*/ border-radius: 8px; background: #fff !important;}
.img-solucoes img{/*width:271px; height: 269px;*/ border-radius: 13px; box-shadow: -1px -1px 15px 4px rgba(0,0,0,0.19);
-webkit-box-shadow: -1px -1px 15px 4px rgba(0,0,0,0.19); -moz-box-shadow: -1px -1px 15px 4px rgba(0,0,0,0.19);}
.barra-solucoes-inter{position:relative; margin-top: -201px; z-index: 99;}
.titulo-secao-solucoes h1{color: #fff; font-size: 45px; padding: 0px; margin:8px 0px 0px;   font-family: 'Gotham Black', sans-serif; text-transform: uppercase;}
.titulo-secao-solucoes h2{color: #47b5f1; font-size: 31px; padding: 0px; margin:20px 0px 0px 0px;  font-family: 'Gotham', sans-serif; text-transform: uppercase;}

/*EFEITOS*/

/*Hover zoom*/
.hoverzoom {position: relative;/*width: 350px;*/overflow: hidden;}
.hoverzoom > a img {width: 100%; border-radius: 2px;-webkit-transition: all .9s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .9s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .9s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom:hover > a img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}
.hoverzoom .retina{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); /*border-radius: 2px;*/text-align: center;padding: 30px;-webkit-transition:  all .8s cubic-bezier(.190, 1.000, .220, 1.000);-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); }
.hoverzoom:hover .retina {opacity: 1;box-shadow: inset 0 0 100px 50px rgba(0,0,0,.5); border:0px solid #0d2c53;}
.hoverzoom .retina p {color: #fff;}
.hoverzoom .retina a {display: block;width: 150px;background: #6fc5e9;border: 1px solid #59afd4;border-radius: 4px;color: #fff;
text-decoration: none;text-align: center;padding: 10px 15px;margin: 16px auto 0;}

/*Hover zoom2*/
.hoverzoom2 {position: relative;/*width: 350px;*/overflow: hidden;}
.hoverzoom2 > a img {width: 100%; border-radius: 2px;-webkit-transition: all .9s cubic-bezier(.190, 1.000, .220, 1.000);
-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .9s cubic-bezier(.190, 1.000, .220, 1.000);
-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .9s cubic-bezier(.190, 1.000, .220, 1.000);
}
.hoverzoom2:hover > a img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}
.hoverzoom2 .retina{position: relative; width: 100%;height: 100%;top: 0;left: 0;opacity: 0;    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); /*border-radius: 2px;*/text-align: center;padding: 30px;-webkit-transition:  all .8s cubic-bezier(.190, 1.000, .220, 1.000);-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); }
.hoverzoom2:hover .retina {opacity: 1;box-shadow: inset 0 0 100px 50px #00b6f4; border:0px solid #0d2c53;}
.hoverzoom2 .retina p {color: #fff;}
.hoverzoom2 .retina a {display: block;width: 150px;background: #6fc5e9;border: 1px solid #59afd4;border-radius: 4px;color: #fff;
text-decoration: none;text-align: center;padding: 10px 15px;margin: 16px auto 0;}

.conteudoretina{background:#00b6f4 !important; }


/*CLASSES GERAIS*/
.top35{margin-top: 35px;}
.top150{margin-top: 150px;}
.bottom35{margin-bottom: 35px;}
.mgauto{margin: auto;}
.floatnone{float: unset !important;}
.barra-azul-arredondada{width: 100%; height: auto; padding: 20px; background: #00b6f4; border-radius: 25px;}
.barra-azul-arredondada p{font-family: 'Gotham', sans-serif; font-size: 20px; color: #fff;}
.texto-conteudo p{font-family: 'Gotham', sans-serif; font-size: 20px; color: #363636;}
.sub-titulo-conteudo-padrao, .texto-conteudo h2 {font-family: 'Gotham Black', sans-serif; font-size: 20px;}
.titulo-topicos h2{padding: 0px; margin: 0px; color: #363636; font-size: 25px; font-family: 'Gotham Black', sans-serif; text-transform: uppercase;}
.barra-titulo{width: 80px; height: 5px; background: #418fd4; margin-top: 8px;}
.img-geral{width: 100%; height: auto;}
.img-geral img{width: 100%; height: auto;}
.bt-saiba-mais{ display: table; width: auto; }
.bt-saiba-mais a{ display: block; padding: 20px 70px; border-radius: 10px; color: #fff; background: #1b1c6c; transition: all 0.5s linear; font-size:20px; text-transform: uppercase; font-family: 'Gotham', sans-serif; font-weight: 600; text-decoration: none; }
.bt-saiba-mais a:hover{background: #47b5f1}
.data-hora{display: table; width: 70%; margin: auto; padding:15px; background: #47b5f1; border-radius: 15px; position: relative; margin-top:-20px;}
.date-time p{color: #fff; font-size: 14px; font-family: 'Gotham', sans-serif; padding-bottom: 0px; margin: 0px; text-align: center;}
.bloco-chamadas-blog{background: #fcfcfc; transition: all 0.5s linear; border-radius: 15px; min-height: 530px;}
.bloco-chamadas-blog.hoverzoom:hover{background: #e6f2f9;}
.chamada-conteudo-blog{padding: 0px 35px 10px 35px;}
.chamada-conteudo-blog h2{color: #404040; font-size:18px; margin-top: 35px; /*text-transform: uppercase;*/ font-family: 'Gotham', sans-serif; font-weight: 600;}
.chamada-conteudo-blog p{font-size: 16px; color:#404040;font-family: 'Gotham', sans-serif; margin-bottom: 35px;}
.bloco-chamadas-blog a{text-decoration: none; color:#404040; } 
.box-bg-cinza{width:100%; height: auto; padding: 60px 0px; background: #f0f0f0}
.list-parceiros{width: 100%; height: auto;}

.box-exper-geral{display: table; width: auto; margin:auto;}

.box-servicos{width: 100%; height: auto; background: #fff; padding: 20px 0px;}
.box-servicos a{text-decoration: none;}
.img-servicos{width: 117px; height: 118px; margin: auto;}
.img-servicos img{width: 117px !important; height: 118px; margin: auto;}
.nome-servico h2{font-family: 'Gotham', sans-serif; font-size: 20px; font-weight: 600; color: #363636;}
.tit-blog{font-size: 35px !important;}

.demo figure{width: 100%; border-radius:15px;}
.demo figure img{padding: 20px; display: table !important; margin: auto !important;}

.caixa-solucoes{padding: 0px 50px !important;}

@media (min-width: 1199px) and (max-width: 1200px) {
	

}

@media (min-width: 992px) and (max-width: 1199px) {
	.titulo-secao h1{top: -70px; font-size: 55px;}

	.titulo-secao-solucoes h1{font-size: 38px;}
	.titulo-secao-solucoes h2{font-size: 25px;}
	.barra-solucoes-inter{margin-top: -161px;}
}

@media (min-width: 768px) and (max-width: 991px){
	#assinatura{margin-top: 35px;}
	#box-onde-estamos{display:table; margin:35px auto;}
	#box-onde-estamos ul{width:auto; display: table;margin:auto; float: none!important;}
	#box-onde-estamos ul li address, #box-onde-estamos ul li address, #assinatura,  #box-onde-estamos ul h2{text-align: center;}
	.titulo-secao h1{top: -70px; font-size: 55px;}
	.nav-links{background: #083385;}

	.img-solucoes img{margin: auto; display: table;}
	.titulo-secao-solucoes h1{text-align: center; color: #1b1c6c; font-size: 31px;}
	.titulo-secao-solucoes h2{text-align: center; font-size: 25px;}
	.barra-solucoes-inter{margin-top: -101px;}

	.texto-destaque{position: relative;    top: -23px;}
	.caixa-solucoes{padding: 0px !important;}

}


@media (min-width: 480px) and (max-width: 767px){
	#assinatura{margin-top: 35px;}
	#box-onde-estamos{display:table; margin:35px auto;}
	#box-onde-estamos ul{width:auto; display: table;margin:auto; float: none!important;}
	#box-onde-estamos ul li address, #box-onde-estamos ul li address, #assinatura,  #box-onde-estamos ul h2{text-align: center;}
	.titulo-secao h1{top: -39px; font-size: 36px;}
	.titulo-secao{margin-top: -69px;}
	.hamburger{top: 51% !important;}
	.nav-links{background: #083385;}

	.img-solucoes img{margin: auto; display: table;}
	.titulo-secao-solucoes h1{text-align: center; color: #1b1c6c; font-size: 31px;}
	.titulo-secao-solucoes h2{text-align: center; font-size: 25px;}
	.barra-solucoes-inter{margin-top: -101px;}

	.texto-destaque{position: relative;    top: -32px; margin-top: -124px;}
	.texto-destaque h2{font-size: 23px;}
	.texto-destaque p{font-size: 12px;}
	.caixa-solucoes{padding: 0px !important;}
}

@media (min-width: 320px) and (max-width: 479px) {
	#assinatura{margin-top: 35px;}
	#box-onde-estamos{display:table; margin:35px auto;}
	#box-onde-estamos ul{width:auto; display: table;margin:auto; float: none!important;}
	#box-onde-estamos ul li address, #box-onde-estamos ul li address, #assinatura,  #box-onde-estamos ul h2{text-align: center;}
	.titulo-secao h1{top: -32px; font-size: 35px;}
	.titulo-secao{margin-top: -68px;}
	.nav-links{background: #083385;}

	.img-solucoes img{margin: auto; display: table;}
	.titulo-secao-solucoes h1{text-align: center; color: #1b1c6c; font-size: 31px;}
	.titulo-secao-solucoes h2{text-align: center; font-size: 25px;}
	.barra-solucoes-inter{margin-top: -101px;}

	.texto-destaque{position: relative;    top: -32px; margin-top: -124px;}
	.texto-destaque h2{font-size: 23px;}
	.texto-destaque p{font-size: 12px;}
	.caixa-solucoes{padding: 0px !important;}
}