/*
CORES:	
	
	roxo: #3c0f50
	
		
FONTES:
	
	font-family: 'Open Sans', sans-serif;
	
*/

body{background:#444142;overflow-x:hidden;color:white;font-family: 'Open Sans', sans-serif;}
.text-bold{font-weight:bold;}
h1, h2, h3,h4,h5,h6{margin:0px;font-weight:500;padding:0px;}
.relative{position:relative;}
img{max-width:100%;}
h1{text-align:center;font-size:250%;font-weight:700;text-transform:uppercase;}
.carregapagina{z-index: 11111;text-align:center;width:100%;height:100%;padding-top:200px;position:fixed;background:black}

/***************************
	TOPO DO SITE
***************************/

.menu{width:320px;border-left:9px solid #3c0f50;z-index:111;height:100%;position:fixed;right:0;background:black;}
.menu img{margin:60px auto;display:block;}
.menu ul{text-align:right;font-size:200%;font-weight:700;list-style:none;padding:100px 40px 0px 0px;text-transform:uppercase;}
.menu ul li:hover{color:#ccc;cursor:pointer;}
.menu a{color:white;}
.menuservicos{display:none;text-align:right;font-size: 55%;font-weight:300;padding:0px;text-transform:uppercase;}
.menuservicos a:hover{color:#ccc;cursor:pointer;}
.menuservicos a{display: block;margin: 5px 0px;color:white;}
.menu .icones{position:fixed;right:0;bottom:40px;margin-top:50px;padding-right:40px;}
.menu .icones img{width: 35px;float:right;margin:0px 0px 0px 15px;}
.menu .icones img:hover{opacity:0.7}
.escondetopo{display:none;}

/***************************
	MENU RESPONSIVO
***************************/

.btn-responsivo{display:none;margin-right:10px;margin-top:45px;float:right;}
.btn-responsivo img{width: 55px;}
.menu-responsivo{display:none;margin-top:0px;z-index: 1111111;width:100%;height:100%;position:fixed;overflow-y:scroll;background: #3c0f50;}
.menu-responsivo ul{list-style:none;font-size:160%;padding-left:30px;text-align:left;}
.menu-responsivo ul li{padding:10px 0px;color:black;}
.menu-responsivo ul li a{color:white}
.menu-responsivo ul li a i{margin-right:10px;}
.menu-responsivo h2{text-align: center;color: white;font-size: 200%;font-weight: 700;margin-top: 50px;}
.menu-responsivo .bloco{width:80%;font-size:130%;color:white;text-align:center;margin-left:10%;margin-top:15px;margin-bottom:15px;padding-top:15px;}
.menu-responsivo .bloco i{font-size:250%}
.menu-responsivo .bloco div{background: #148eb7;padding-top:18px;text-align:center;height:80px;width:80px;border-radius:50%;margin:0px auto;}
.fecha-responsivo{float:right;margin:10px 10px;background:black;padding:10px;}
.produtos-mobile{display:none;width:90%}
.produtos-mobile ul{font-size:80%;padding-left:10%;}
.produtos-mobile ul li{color:white;padding:5px;border-bottom:1px solid white;margin:1px 0px;}
.produtos-mobile ul li a{color:white;}
.semborderbottom{border-bottom:0px !important;}
.abre-responsivo{position: absolute;top: 20px;right: 20px;}
.faixa-topo-mobile-container{display:none;width:100%;height:80px;}
.faixa-topo-mobile{display:none;z-index: 11;width:100%;position:fixed;background:black;padding:5px;}
.faixa-topo-mobile .logo{width:180px;}
.faixa-topo-mobile .abre-responsivo {top: 7px;width: 40px !important;}

/***************************
	BOX
***************************/

.box-fundo{position:fixed;background:rgba(0,0,0,0.8);width:100%;height:100%;z-index: 1111;}
.box-fundo img{-webkit-box-shadow: 1px 1px 9px 0px rgba(0,0,0, 0.8);-moz-box-shadow:1px 1px 9px 0px rgba(0,0,0, 0.8);box-shadow:1px 1px 9px 0px rgba(0,0,0, 0.8);position: fixed;top: 42%;left: 50%;transform: translate(-50%, -42%);-ms-transform: translate(-50%, -40%);-webkit-transform: translate(-50%, -40%);-o-transform: translate(-50%, -40%);max-height:85%;max-width:95%;}
.box-fechar{cursor:pointer;top: 20px;left: 50%;z-index:111;translate(-50%, -10px);-ms-transform: translate(-50%, -10px);-webkit-transform: translate(-50%, -10px);-o-transform: translate(-50%, -10px);width:80px;position:fixed;text-align:center;padding:3px;background:#333;border:1px solid white;color:white;}
.box-fechar:hover{background:#666}

/***************************
	CAPA
***************************/

.capa .logo img{width:650px;display:block;margin:0px auto}
.abre-responsivo{width:auto;display:none !important;float:right;}

/**************************
	EMPRESA
***************************/

.sobrenos p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}

/***************************
	SERVIÇOS
***************************/

.servicos p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}
.servicos .bloco{min-height: 210px;border-radius: 0px 20px 0px 20px;-moz-border-radius: 0px 20px 0px 20px;-webkit-border-radius: 0px 20px 0px 20px;border: 0px solid #000000;margin-top:50px;text-align:center;background:#3c0f50;padding:40px;width:100%;}
.servicos .bloco h2{color:white;text-transform:uppercase;margin-top: 20px;font-size: 160%;font-weight: 300;line-height: 100%;}
.servicos .bloco:hover{background:black;}

/***************************
	CLIENTES
***************************/

.clientes p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}
.clientes img{width:100%;margin-top:30px;}
.clientes a:hover img{opacity:0.6}
.owl-pagination{display:none !important}
.clientespage{padding:50px 0px;width:100%;min-height:100%;text-align:center;}
.clientespage .logos img{width:100%;margin-top:30px;}
.clientespage a:hover img{opacity:0.6}

/***************************
	DESIGN DE PRODUTO
***************************/

.fundoportfolio{background-size: cover !important;background:url(../img/backgrounds/portfoliobg.jpg) !important;}
.designproduto{padding:20px 0px;width:100%;min-height:100%;text-align:center;}
.designproduto p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}
.designproduto .topo img{display:block;margin:20px auto;}
.designproduto .icones{margin-top:10px;}
.designproduto .bloco{float:left;width:14%;padding:0px 20px;text-align:center;}
.escondequebra{display:none;}
.designproduto .bloco img{width:80px;}
.designproduto .bloco p{color:white;margin-top:20px;font-size:105%;width:100%}
.designproduto .linha{width:100%;height:7px;background:#3c0f50;margin:20px 0px}
.designproduto h3{margin:15px 0px;text-transform:uppercase;}
.designproduto .ativo{border-bottom:4px solid #3c0f50}
.designproduto a{color:white;margin:0px 5px;font-size:120%}
.designproduto a:hover{color:#e8c9f5}
.designproduto .portfolio{margin-top:60px}
.designproduto .portfolio a{margin:auto;font-size:100%;}
.designproduto .bloco-pro{position:relative;width:100%;height:180px;margin-bottom:30px;}
.designproduto .bloco-pro:hover .hover{display:flex;}
.designproduto .bloco-pro .hover{font-size:95%;display:none;position:absolute;width:100%;height:100%;background:rgba(60,15,80,0.9);text-align:center;color:white;padding:20px;}
.designproduto .bloco-pro .hover img{height:auto;display:block;margin:20px auto 10px auto;}
.designproduto .bloco-pro .hover p{width:100%;height:90%;text-align:left;padding:5px;align-items: flex-end;;display:flex;}

/***************************
	DESIGN GRÁFICO
***************************/

.designgrafico{padding:20px 0px;width:100%;min-height:100%;text-align:center;}
.designgrafico p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}
.designgrafico .topo img{display:block;margin:20px auto;}
.designgrafico .icones{margin-top:10px;}
.designgrafico .bloco{float:left;width:25%;padding:0px 20px;text-align:center;}
.designgrafico .bloco img{max-width:80px;max-width:69px;}
.designgrafico .bloco p{color:white;margin-top:20px;font-size:105%;width:100%}
.designgrafico .linha{width:100%;height:7px;background:#3c0f50;margin:20px 0px}
.designgrafico h3{margin:15px 0px;text-transform:uppercase;}
.designgrafico .ativo{border-bottom:4px solid #3c0f50}
.designgrafico a{color:white;margin:0px 5px;font-size:120%}
.designgrafico a:hover{color:#e8c9f5}
.designgrafico .portfolio{margin-top:60px}
.designgrafico .portfolio a{margin:auto;font-size:100%;}
.designgrafico .bloco-pro{position:relative;width:100%;height:180px;margin-bottom:30px;}
.designgrafico .bloco-pro:hover .hover{display:flex;}
.designgrafico .bloco-pro .hover{font-size:95%;display:none;position:absolute;width:100%;height:100%;background:rgba(60,15,80,0.9);text-align:left;color:white;}
.designgrafico .bloco-pro .hover img{display:block;margin:20px auto 10px auto;}
.designgrafico .bloco-pro .hover p{width:100%;height:90%;text-align:left;padding:5px;align-items: flex-end;display:flex;}

/***************************
	DESIGN ESTRATÉGICO
***************************/

.designestrategico{padding:20px 0px;width:100%;min-height:100%;text-align:center;}
.designestrategico p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}
.designestrategico .topo img{display:block;margin:20px auto;}
.designestrategico h2{margin: 50px 0px 30px 0px;font-weight: 700;font-size: 220%;line-height: 120%;}
.designestrategico .lado1{margin-top:90px;}
.designestrategico .lado1 p{text-align:right;}
.designestrategico .lado2 p{text-align:left;}
.designestrategico .lado1 img, .designestrategico .lado2 img{display:none;margin:20px auto;}
.fotoicone{display:none;}
.designestrategico .bloco{width:100%;height:198px;}
.designestrategico .bloco p{font-size:100%;margin:0px;width:100%;height:100%;padding-top: 70px;}
.designestrategico .foto img{}
.designestrategico .foto .bloco{height:auto;}
.designestrategico .foto .bloco p{font-size:100%;margin:0px;width:90%;height:100%;padding-top:10px;}
.designestrategico h3{text-transform:uppercase;margin:70px 0px 50px 0px;}
.clientes-estrategia img{width:100%;}
.clientes-estrategia p{height:80px;margin:10px 0px;font-size:110%}
.blocode{justify-content: center;align-items: center;display:flex;margin-top:20px;height:100px;width:100%;margin-bottom:5px;}
.blocode img{width: auto;max-height:100px;max-width:100%;}

/***************************
	NEWS
***************************/

.newsfundo{background:#444142 !important}
.news{padding:50px 0px;width:100%;min-height:100%;text-align:center;}
.news h1{margin-bottom:40px;}
.news p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}
.news .topo img{display:block;margin:20px auto;}
.news .bloconew div{margin-top:20px;height: auto;width:100%;margin-bottom:5px;}
.news .newsblocos img{max-height:200px;max-width:100%;}
.news .newsblocos a{color:white;}
.news .newsblocos h3{height:90px;}
.news .newsblocos a:hover img{opacity:0.6}

.newsseta1{position:fixed;top:45%;left:30px;}
.newsseta2{position:fixed;top:45%;right:360px;}
.newsseta1:hover, .newsseta2:hover{opacity:0.7}

.newaberta{}
.newaberta h2{font-weight:700;text-align:center;}
.newaberta h3{text-align:center;margin-bottom:40px;}
.newaberta p{font-size:110%;}
.newaberta2{margin-top:40px;}
.newaberta2 img{display:block;margin:20px auto;max-width:100%;}
.btnnew{display:inline-block;margin:20px auto;padding:10px 20px;color:white;border:1px solid white;}
.btnnew:hover{opacity:0.7}

/***************************
	CONTATO
***************************/

.contato p{text-align: center;margin:20px 0px;font-size: 130%;font-weight: 300;}
.contato p i{margin-right:5px;margin-left:15px;}
#contato-form{margin-top:40px;}
#contato-form input{border:0px;background:white;width:100%;color:#333;padding:10px;margin-bottom:25px;}
#contato-form textarea{resize:none;width:100%;border:0px;background:white;color:#333;padding:10px;margin-bottom:25px;}
#contato-form button{border:0px;display:block;margin:0px auto;background:#3c0f50;color:white;text-transform:uppercase;padding:20px 60px;}
#news-form input{font-size:130%;text-align:center;width:70%;margin-top:80px;float:left;padding:17px;color:white;background:transparent;border-right:0px;border-left:1px solid white;border-top:1px solid white;border-bottom:1px solid white;}
#news-form button{width:30%;float:left;margin-top:80px;border:0px;background:#3c0f50;color:white;text-transform:uppercase;border: 1px solid #3c0f50;padding:20px 0px;}
#news-form button:hover, #contato-form button:hover{opacity:0.7}
.abre-mapa{font-size:130%;display: block;margin-top:80px;border: 1px solid white;width:100%;padding:17px;text-align:center;color:white;}
.abre-mapa:hover{opacity:0.7}
.mapa{display:none;width:100%;height:100%;position:fixed !important;background:red;z-index:1111;}
.fechar-mapa{cursor:pointer;display:none;position: fixed;background: #3c0f50;z-index: 11111;bottom: 20px;left: 40%;padding: 15px 40px;font-weight: 700;}
.fechar-mapa:hover{opacity:0.7}
.errobtn{background:red !important;}
.sucessobtn{background:green !important;}