/*
--------------------------------------------
ESTRUTURAÇÃO BASE (Palupa Framework v1)
--------------------------------------------
*** BODY
**** TOPO
**** RODAPÉ
**** COPYRIGHT
**** ESTILOS GERAIS PARA AS PÁGINAS
**** ESTILOS GERAIS PARA AS PÁGINAS INTERNAS
**** PÁGINA INICIAL
**** PÁGINAS INTERNAS
**** EXTRAS
**** BOTÕES
**** @MEDIA
*/

/* BODY */
	body{
		font-family: 'Droid Sans', sans-serif;
		overflow-x: hidden;

	}
	
	/*DIV DE CONTATO TOPO*/
		.contato-topo{
			background-color: #223C60;
		    padding: 10px 30px 0 0;
		    text-align: right;
		}
			.contato-topo p{
				display: inline-block;
				color: #fff;
				font-size: 15px;
			    margin-left: 30px;
			    text-transform: uppercase;

			
			}
				.contato-topo p i{
					font-size: 20px;
					
				}
				.contato-topo p .fone{
					font-size: 20px;
					-webkit-transform: rotate(80deg);
					-moz-transform: rotate(80deg);
					-o-transform: rotate(80deg);
					writing-mode: lr-tb;
				}

	/* HEADER */
		.header{
			position: absolute;
			z-index: 99;
			width: 100%;

		}
			.header .correcao-logo{
				text-align: center;
				padding: 20px 0 0 0;
			}
				.header .link-logo{
					text-decoration: none;
				    display: block;
				    width: 540px;
				    height: 118px;
				    margin: 20px auto;
				    outline: 0;
				}
					.header a h1{
						display: block;
						width: 540px;
						height: 190px;
						margin:0 auto;
						padding: 0;
						background: url(img/logo.png) no-repeat;
						color: transparent;
						position: relative;
					}
				
				.header .topo{
				    min-height: 225px;
				    background-color: rgba(255, 255, 255, 0.85);
				}
				.navbar-toggle{
				    border: 1px solid #223C60;
			        background: #f5f5f5;
			        z-index: 9999;
			        margin: 20px;
				}
					.navbar-toggle .icon-bar{
						background-color: #3C5372;
					}
				.header .navbar{
					margin: 0;
					min-height: inherit;
				}
				.navbar-header{
				    width: 100%;

				}
				.header .topo .navbar-collapse{
				
				}
					.header .topo .navbar-collapse .navbar-nav{
						float: none !important;
						margin: 15px 0 0 0!important;
						width: 100%!important;
						display: block!important;
						text-align: center!important;
					    /*padding: 10px 0;*/
						
					}
						.header .topo .navbar-collapse .navbar-nav li{
							float: none !important;
							display: inline-block;
							
						}
							.header .topo .navbar-collapse .navbar-nav li a{
								font-size: 22px;
								padding: 0 15px;
								color:#223C60;
								/*height: 32px;*/
							}

								.header .topo .link-ativo{
									font-weight: bold!important;
								}
									.header .topo .link-ativo:before{
										/*position: absolute;
								        top: 188%;
									    left: 0;
										padding: 2px;
									    width: 100%;
									    height: 5px;
										content: '';
										-webkit-transition: height .3s, opacity .3s, -webkit-transform .3s;
										-moz-transition: height .3s, opacity .3s, -moz-transform .3s;
										transition: height .3s, opacity .3s, transform .3s;
										-webkit-transform: translateY(-10px);
										-moz-transform: translateY(-10px);
										transform: translateY(-10px);
									    opacity: 1;
									    background: #223C60;*/
									}
						
							.header .topo .navbar-nav li a::after {
							    position: absolute;
						        top: 92%;
							    left: 0;
								padding: 2px;
							    width: 100%;
							    height: .5px;
								content: '';
								-webkit-transition: height .3s, opacity .3s, -webkit-transform .3s;
								-moz-transition: height .3s, opacity .3s, -moz-transform .3s;
								transition: height .3s, opacity .3s, transform .3s;
								-webkit-transform: translateY(-10px);
								-moz-transform: translateY(-10px);
								transform: translateY(-10px);
							    opacity: 0;
							    background: #223C60;
							}

							.header .topo .navbar-nav li a:hover {
   							    background: transparent!important;
							}

								.header .topo .navbar-nav li a:hover::after {
									height: 5px;
									-webkit-transform: translateY(0px);
									-moz-transform: translateY(0px);
									transform: translateY(0px);
									opacity: 1;
								}
				.header .dropdown-menu{
					margin-top: 0px !important;
					width: 150px;
				}
					.header .dropdown-menu li{
						border-bottom: solid 1px;
						width: 100%;
						
					}
					.header .dropdown-menu li a{
						white-space: inherit;
					}
						.header .dropdown-menu a:hover::after {
							display: none;
						}
						.navbar-nav>li>.dropdown-menu li:hover{
							background: #DBDBDB;

						}

						.nav>li>a:hover, .nav>li>a:focus {
						    background-color: transparent!important;
						}
						.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
						    background-color: transparent;
						}
										
			.carrossel{
				position: relative;
			}
			 .carrossel #carrossel-destaque .item{
				background-position: center!important;
				background-size:cover!important; 
				height: 590px;
				width: 100%;
				

			}
				 .carrossel  #carrossel-destaque .owl-dots {
					position: absolute;
					bottom: 40px;
					left: 0;
					right: 0;
					margin: auto;
					text-align: center;
					display: inline;
				}
					 .carrossel  #carrossel-destaque .owl-dot span{
					    display: inline-block;
					    width: 15px;
					    height: 15px;
					    margin: 5px 7px;
					    border: 1px solid #093a4d;
					    border-radius: 20px;
					    background: #fff;

					}
					.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{
						display: inline;
					}
					.carrossel .navegacaodestaquesFrent{
						position: absolute;
						z-index: 99;
						left: 0;
						bottom: 50px;
						margin: 70px;
						border: 0;
						background: transparent;
						color: rgba(255, 255, 255, 0.47);
						font-size: 90px;
						outline: 0;

					}
						.carrossel .navegacaodestaquesFrent:hover{
							color: #fff;
						}
					.carrossel .navegacaodestaquesTras{
						position: absolute;
						z-index: 99;
						right: 0;
						bottom: 50px;
						margin: 70px;
						border: 0;
						background: transparent;
						color: rgba(255, 255, 255, 0.47);
						font-size: 90px;
						outline: 0;
						
					}
						.carrossel .navegacaodestaquesTras:hover{
							color: #fff;
						}
				.carrossel #carrossel-destaque .item .info-pg{
					position: absolute;
					bottom: 40px;
					color: #fff;
					right: 50px;
					padding: 4px 5px;
					background: rgba(0, 0, 0, 0.22);
				}
					.carrossel #carrossel-destaque .item .info-pg p{
						font-size: 32px;
						font-weight: bold;
						margin: 0;
					}

	/* RODAPÉ */
		.rodape{
			background-color: #223C60;
			min-height: 250px;
		    padding-bottom: 40px;

		}
			.rodape .endereco{
				max-width: 290px;
				padding: 20px;

			}
				.rodape .endereco span{
					font-size: 20px;
					font-weight: bold;
				    margin: 60px 0 30px 0;
					color: #fff;
					display: block;
					text-transform: uppercase;


				}
					.rodape .endereco p{
						color: #fff;
						font-size: 16px;

					}
			.rodape .contato{


			}
			.rodape .contato span{
				font-size: 20px;
				font-weight: bold;
				margin: 55px 0 30px 0;
				color: #fff;
				display: block;
				text-transform: uppercase;
				padding: 20px;
			}
				.rodape  .numero{

				}
					.rodape  .numero p{
						color: #fff;
						font-size: 18px;
						line-height: 20px;

					}
						.rodape  .numero p i{
							font-size: 20px;
						}
				.rodape  .email p {
					color: #fff;
					font-size: 20px;

				}
				.rodape  .redes-sociais{

				}
					.rodape  .redes-sociais span{
						display: block;
						text-align: center;
						
					}
						.rodape  .redes-sociais a{
						    font-size: 35px;
						    color: #CCC;
					        margin: 5px;
					
						}
							.rodape  .redes-sociais a:hover{
							    font-size: 35px;
							    color: #fff;
						        margin: 5px;
						
							}
			.rodape .mapa-site {
				max-width: 290px;
				

			}
				.rodape .mapa-site span{
					font-size: 20px;
					font-weight: bold;
				    margin: 60px 0 25px 0;
					color: #fff;
					display: block;
					text-transform: uppercase;
				}
					.rodape .links  a{ 
						display: block;
						color: #fff;
						font-size: 20px;
				
					}
	
	/* COPYRIGHT */
		.copyright{

		}

	/* PG */
		.pg{
			

		}

			/*titulos gerais*/
			.pg .sub-titulo{
				text-align: center;
				font-size: 30px;
				font-weight: bold;
				margin: 60px 0 20px 0;
				color: #223C60;
				text-transform: uppercase;

			}
			.borda-titulo{
				border-bottom: 1px solid #223C60;
			}
				
			
			/*topo geral*/
			.pg .pg-topo{
				background-position: center !important;
				background-size:cover!important; 
				height: 600px;
				width: 100%;
				position: relative;

			}
				.pg .pg-topo .info-pg{
					position: absolute;
					bottom: 40px;
					color: #fff;
					right: 50px;
					padding: 4px 5px;
					background: rgba(0, 0, 0, 0.22);
				}
					.pg .pg-topo p{
						font-size: 32px;
						font-weight: bold;
						margin:0;


					}
					.pg .pg-topo span{
						font-size: 20px;

					}
			
			/*carrossel de parceiros e fornecedores*/
			.pg .carrossel-cliente{
				position: relative;
			}
				.pg .carrossel-cliente .item{
					width: 100%;
					max-width: 80%;
					margin: 0 auto;
					min-height: 100px;

				}
					.pg .carrossel-cliente .item img{
						width: 80%;
					}
					.pg .carrossel-cliente .navegacaoparceirosFrent{
						position: absolute;
						z-index: 99;
						left: 0;
						top: 90px;
						margin: 70px;
						border: 0;
						background: transparent;
						color: #fff;
						font-size: 90px;
						outline: 0;

					}
					.pg .carrossel-cliente .navegacaoparceirosTras{
						position: absolute;
						z-index: 99;
						right: 0;
						top: 90px;
						margin: 70px;
						border: 0;
						background: transparent;
						color: #fff;
						font-size: 90px;
						outline: 0;
					}
	
	/* PG INICIAL*/
		.pg-inicial{

		}
			.pg-inicial .texto-quem-somos{

			}
				.pg-inicial .texto-quem-somos{

				}
					.pg-inicial .texto-quem-somos p{
						padding: 20px;
						line-height: 25px;
						font-size: 18px;
					}
				.pg-inicial .imagem-quem-somos{
					width: 100%;
					max-height: 320px;
					max-width: 500px;
					margin:0 auto;
					padding: 10px;
				}
					.pg-inicial .imagem-quem-somos img{
						width: 100%;
						max-height: 320px;
						height: auto;
						max-width: 500px;
					}
			/*carrossel de depoimosntos*/
			.pg-inicial .carrossel-depoimentos{
				margin: 78px 0 0 0;

			}
				.pg-inicial .carrossel-depoimentos .item{
					min-height: 300px;
					width: 100%;
					background-color: #DBDBDB;
					padding: 50px 0 0 0;
				    border-bottom: solid 1px #B5B5B5;
				}
					.pg-inicial .carrossel-depoimentos .item span{
					    text-align: center;
					    padding: 50px 0 0 0;
				    	
					}
						.pg-inicial .carrossel-depoimentos .item span p{
							font-size: 25px;
							font-weight: bold;
							color: #223C60;
							margin: 0;

						}
							.pg-inicial .carrossel-depoimentos .item  .frase{
								font-size: 18px;
								font-weight: italic;
								color: #223C60;
								margin:0;
								padding: 5px;

							}
								.pg-inicial .carrossel-depoimentos .item .texto{
									text-align: center;
									max-width: 70%;
									margin: 30px auto 5px;
									font-size: 18px;
									line-height: 18px;
								}
								.pg-inicial .carrossel-depoimentos .item  .nome{
									text-align: center;
									color: #223C60;
									font-weight: bold;
									font-size: 20px;
									
								}
									.pg-inicial .carrossel-depoimentos .item .texto .fa-quote-left{
										font-size: 40px;
										color: #223C60;
										margin-right: 10px;
									}
									.pg-inicial .carrossel-depoimentos .item .texto .fa-quote-right{
										font-size: 40px;
										color: #223C60;
										text-align: right;
										margin-left: 10px;

									}
				.carrossel-depoimentos .navegacaodepoimentoFrent{
					position: absolute;
					z-index: 99;
					left: 0;
					top: 90px;
					margin: 70px;
					border: 0;
					background: transparent;
					color: #fff;
					font-size: 90px;
					outline: 0;

				}
					.carrossel-depoimentos .navegacaodepoimentoFrent:hover{
						color: #223C60;
					}
					.carrossel-depoimentos .navegacaodepoimentoTras{
						position: absolute;
						z-index: 99;
						right: 0;
						top: 90px;
						margin: 70px;
						border: 0;
						background: transparent;
						color: #fff;
						font-size: 90px;
						outline: 0;
					}
						.carrossel-depoimentos .navegacaodepoimentoTras:hover{
							color: #223C60;
						}
			/*serviços*/
			.pg-inicial .servicos{
				max-width: 90%;
				margin: 0 auto;
				text-align: center;
				margin-bottom: 80px;

			}
				.pg-inicial .servicos img{

				}
				.pg-inicial .servicos h2{
					font-size: 20px;
					font-weight: bold;
					color: #223C60;
					text-transform: uppercase;

				}
				.pg-inicial .servicos p{
					padding: 0 25px;
					font-size: 15px;
					color: #494949;
					line-height: 18px;
				}
					.pg-inicial .servicos p a{
						margin: 10px;
					}
			/*informções*/
			.pg-inicial .info{
				min-height: 412px;
				background-color: #DBDBDB;
				border-bottom: solid 1px #B5B5B5;

			}
				.pg-inicial .info .info-titulo{
					font-size: 30px;
					font-weight: bold;
					display: block;
					text-align: center;
					padding: 30px 0 60px;
					color: #223C60;
				}
				.pg-inicial .info .icon{
					text-align: center;
					
					
				}
					.pg-inicial .info .icon i{
						display: block;
						font-size: 200px;
						color: #223C60;
					}
				.pg-inicial .descricao {

				}
					.pg-inicial .descricao p{
						font-size: 25px;
						line-height: 50px;
						color: #494949;

					}
						.pg-inicial .descricao span{
						    font-size: 30px;
						    color: #494949;

						}
				.pg-inicial .info .descricao-diferenciais::before{
					height: 315px;
					content: '';
					width: 1px;
					background: #B5B5B5;
					top: -75px;
					left: -40px;
					position: absolute;			
				}
					.pg-inicial .info .descricao-diferenciais{

					}
				.pg-inicial .info .descricao-diferenciais{

				}
					.pg-inicial .info .descricao-diferenciais p{
						font-size: 25px;
						line-height: 25px;
						color: #494949;
					    padding: 5 20px 0;
					}
						.pg-inicial .info .descricao-diferenciais i{
					
						}
				.pg-inicial .info  .icon-diferenciais{

				}
					.pg-inicial .info  .icon-diferenciais img{
						display: block;
						margin: 0 auto;
						padding: 10px;
					}
			/*como funciona*/
			.pg-inicial .correcao{
				max-width: 90%;
				margin: 0 auto; 	
			}
			.pg-inicial .instrucao{
				background-color: #DBDBDB;
				margin: 10px 3px 0;
				text-align: center;
				padding: 40px 0 0 0;
				min-height:560px;

			}
				.pg-inicial .instrucao .inco{
					background: #CDCCCC;
					width: 160px;
					height: 160px;
					border-radius: 100%;
					margin: 0 auto;
					
					
					
					border: solid 7px #223C60;;
				}
				.pg-inicial .instrucao .inco .fundo{
					background: #fff;
					border-radius: 100%;
					font-size: 95px;
					width: 137px;
					height: 137px;
					margin: 5px auto;
					text-align: center;
					line-height: 140px;
				}
					.pg-inicial .instrucao .inco i{
						color: 	#223C60;
					}
				.pg-inicial .instrucao span{
					margin: 20px;
					display: block;
					font-size: 20px;
					font-weight: bold;
					color: #223C60;
					line-height: 18px;
					text-transform: uppercase;
				}
				.pg-inicial .instrucao p{
					padding: 20px;
					line-height: 16px;
					font-size: 16px;
					color: #686868;

				}
	
	/* PG SERVIÇOS*/
		.pg-servicos{

		}
			.pg-servicos ul{
				list-style: none;
				margin: 20px 0;
				padding: 0;
				text-align: center;
				position: relative;
			}
				
				.pg-servicos ul li{
					display: inline-block;
					margin: 50px 15px;
					text-align: left;
					vertical-align: text-top;
				}
				.pg-servicos .servico{
					margin: 50px auto;
					text-align: center;
				}
					.pg-servicos .link{
						text-decoration: none;
						display: block;
					}
						.pg-servicos .imagem-posts{
							max-width: 338px !important;
							width: 100%;
							height: 275px !important;
							position: relative !important;
							background-size: cover !important;
							background-position: center !important;
							display: inline-block;
	 
						}
							.pg-servicos .imagem-posts .lente{
								max-width: 338px !important;
								width: 100%;
								min-height: 275px;
								background-color: rgba(0, 0, 0, 0.6);

							}
								.pg-servicos .imagem-posts .lente:hover{
									
									background-color:transparent;
								}
								
									.pg-servicos .imagem-posts h2{
										position: absolute;
										bottom: 10px;
										width: 100%;
										text-align: center;
										margin: 0 auto;
										color: #fff;
									}
										.pg-servicos .imagem-posts .lente:hover h2{
											display: none;											
										}
							.pg-servicos .panel-default>.panel-heading{
								background: #EAE9E9;
								min-height:130px;
								padding: 0;
							}
						.pg-servicos  .panel-group {
							max-width: 338px !important;
							width: 100%;
						}
						.pg-servicos .panel-body{
							padding: 0;
						}
						.pg-servicos .panel-title{
							padding: 20px 20px 10px;
						    line-height: 20px;
						    position: relative;
						    min-height: 200px;
						}
						.pg-servicos .panel-title p{
							min-height: 145px;
						}
						.linkCollapse{
							text-decoration: none;
							display: block;
							text-align: right;
						}
							.pg-servicos .panel-title i{
								font-size: 35px;
								/*position: absolute;
								right: 0;
								margin: 20px;*/
								color: #223C60;
								/*-webkit-transform: rotate(181deg);
								-moz-transform: rotate(181deg);
								-o-transform: rotate(181deg);*/

							}	
							.pg-servicos .panel-body h2{
							 	border:0;
							 	margin: 0;
							 	padding: 10px;
							 	font-size: 20px;
							 	color: #494949;


							}
								.pg-servicos .panel-body .bg-paragrafo1{
								 	background: #D8D8D8;

								}
								.pg-servicos .panel-body .bg-paragrafo{
								 	background: #DFDFDF;

								}

	/*CONTROLE DE ACESSO*/
		.pg-controle-acesso{

		}
			.pg-controle-acesso ul{
				list-style: none;
				padding: 10px;
				display: block;
				text-align: center;
				margin-top: 100px;
			}
				.pg-controle-acesso ul .link{
					text-decoration: none;
					
				}
					.pg-controle-acesso ul .link li{
						display: inline;
						margin: 10px;

						
					}
						.pg-controle-acesso ul .link li .imagem-posts{
							max-width: 337px;
							width: 100%;
							position: relative;
							background-size: cover !important;
							background-position: center !important;
							display: inline-block;
							margin-bottom: 30px;
							 
						}
							.pg-controle-acesso ul .link li .imagem-posts .lente{
								max-width: 337px;
								width: 100%;
								height: 275px;
								background-color: rgba(0, 0, 0, 0.6);

							}
								.pg-controle-acesso ul .link li .imagem-posts .lente:hover{
									
									background-color:transparent;
								}
								.pg-controle-acesso ul .link li .imagem-posts .lente:hover h2{
									display: none;

								}
							.pg-controle-acesso ul .link li .imagem-posts h2{
								padding: 10px;
								position: absolute;
							    top: 100px;
								margin: 20px;
								color: #fff;
								width: 100%;						
								text-align: center;
							}
													
	/*PG POSTAGEM / SERVIÇO */		
		.pg-post-servico{

		}
			.pg-post-servico .informacoes-entrega{

			
			}
				.pg-post-servico .informacoes-entrega::after{
					content: '';
					position: absolute;
					background: #223C60;
					max-width: 900px;
					width: 100%;
					right: 0;
					left: 0;
					height: 1px;
					margin: auto;
					bottom: -40px;

				
				}
				.pg-post-servico .informacoes-entrega,.informacoes-beneficios p{
					font-size: 20px;
					margin: 0;
					padding:0 10px;

				}
					.pg-post-servico .informacoes-entrega,.informacoes-beneficios i{
						margin: 10px;
						font-size: 20px;			
					}
			.pg-post-servico .solicitar-contato {
				width: 100%;
				min-height: 255px;
				background: #DBDBDB; 	
				color: #494949;
				border-bottom: solid 1px #B5B5B5;
			    padding: 60px 7px;
			    margin: 70px 0;
			}
				.pg-post-servico .solicitar-contato p{
					font-size: 26px;
					text-align: center;
					margin: 0;
			
				}
					.pg-post-servico .solicitar-contato a{
						width: 100%;
						max-width:290px;
						min-height: 50px;
						display: block;
						background: #fff;
						border-bottom: solid 1px #9C9C9C;
						margin: auto;
					    box-shadow: 3px 0px 0px #9C9C9C;
					    color: #494949;
					    text-align: center;
					    font-size: 24px;
					    font-weight: bold;
					    text-transform: uppercase;
					    line-height: 50px;
					    text-decoration: none;
					}
			.pg-post-servico .carrossel-cliente{

			}
				.pg-post-servico .carrossel-cliente .item{
				
				}
					.pg-post-servico .carrossel-cliente .item img{
				
					}
	
	/*PG CASES*/
		.pg-cases{

		}
			.pg-cases .sidebar{
				padding: 20px;
			
			}
				.pg-cases .sidebar .titulo-sidebar{
			
				}
				.pg-cases .sidebar .titulo-sidebar span{
			
				}
				.pg-cases .sidebar a{
					display: block;
					text-align: center;
					font-size: 20px;
					line-height: 45px;
					color: #494949;
					text-transform: uppercase;
			
				}
					.pg-cases .sidebar a:hover{
						color: #223C60;

					}
					.pg-cases .sidebar .campo-busca{
						position: relative;
						max-width: 294px;
						width: 100%;
						
						margin: 60px auto;
						
					}

						.pg-cases .sidebar .campo-busca input{
							border: 0;
							border-bottom: solid 1px;
							width: 100%;
						    height: 40px;
							padding: 0 10px;
							font-size: 18px;
							outline: none;
							

						}
						.pg-cases .sidebar .campo-busca button{
							border: 0;
							background: transparent;
							position: absolute;
							top: 0;
							right: 0;
							font-size: 26px;
							


						}
				.pg-cases .postagem .titulo-de-postagem{
					
				}
					.pg-cases .postagem .titulo-de-postagem span{
						font-size: 22px;
						text-transform: uppercase;
					    padding: 0px 5px 0 20px;
					}
						.pg-cases .postagem .titulo-de-postagem i{
							font-size: 22px;
						}	
				.pg-cases .postagem{
					background: #EAE9E9;
				    padding: 70px 0;
				}
					.pg-cases .postagem ul{
						list-style: none;
						padding: 0;
						text-align: center;

					}
						
						.pg-cases .postagem ul li {
							display: inline-block;
							max-width: 338px;
							width: 100%;
							min-height: 275px;
						    margin: 40px 10px 0;
	 				
						}
							.pg-cases .postagem ul  li a{
								display: block;
								width: 100%;
								text-align: none;
							}
								.pg-cases .postagem ul  li a .imagem-post{
									max-width: 338px;
									width: 100%;
									height: 275px;
									background-position: center !important;
									background-size: cover !important;
									position: relative;
								}
									.pg-cases .postagem ul  li a .imagem-post .lente{
										max-width: 338px;
										width: 100%;
										height: 275px;
										background-color: rgba(0, 0, 0, 0.48);
									}
										.pg-cases .postagem ul  li a .imagem-post .lente:hover{
											background: transparent;
										}
									.pg-cases .postagem ul  li a .imagem-post span{
											position: absolute;
											display: block;
											width: 100%;
											text-align: center;
											color: #fff;
											font-size: 20px;
											bottom: 20px;
						
										}
										.pg-cases .postagem ul  li  p {
											padding: 5px;
											font-size: 18px;
											color: #494949;
											text-align: left;
										}
											.pg-cases .postagem ul  li  a{
												font-size: 18px;
											}
			.pg-cases .postagem  .paginador{
				width: 100%;
				text-align: center;
				margin-top: 70px;

			}
				.pg-cases .postagem  .paginador a{
					font-size: 22px;
					padding: 10px;
					background: #ccc;
			 	    box-shadow: 2px 1px 0px #888888;
			 	    margin: 3px;
			 	    color: #494949;

				}
					.pg-cases .postagem  .paginador a:hover{
				 	    color: #223C60;

					}

	/*PG CASE*/
		.pg-case{
			
		}
			.pg-case .imagem-inlustrativa{
				height: 350px;
				width: 100%;
				background-position: center !important;
				background-size: cover !important;
				margin-top: 100px;
				position: relative;
				margin-bottom: 90px;

			}
				.pg-case .imagem-inlustrativa .lente-post{
					height: 350px;
					width: 100%;
					background: rgba(0, 0, 0, 0.47);
					text-align: right;
				}
				.pg-case .imagem-inlustrativa span{
					font-size: 14px;
					color: #E6E5E5;
					right: 20px;
					bottom: 20px;
					display: inline-block;
					padding: 10px;
					text-align: right;
				}
			.pg-case .texto{

			}
				.pg-case .texto span{
					font-size: 30px;
					text-align: center;
					display: block;
					color: #223C60;
					font-weight: bold;
				
				}
					.pg-case .texto  p{
						font-size: 20px;
							
						text-align: left;
						color: #494949;
						max-width: 85%;
						margin: 25px auto;
					}
			.pg-case .sobre-cliente span {
				display: block;
				background: #223C60;
				color: #fff;
				text-align: center;
				font-size: 26px;
				font-weight: bold;
				max-width: 415px;
				width: 100%;
				height: 100px;
				margin: 10px auto 0;
				line-height: 100px;
				text-transform: uppercase;
			}
				.pg-case .sobre-cliente p{
					max-width: 415px;
					width: 100%;
					margin: 0 auto;
					padding: 50px 40px;
					background: #EAE9E9;
					min-height: 277px;
					font-size: 18px;
				}
			.pg-case .carrossel-galeria{
				height: 340px;
				background: #E5E5E5;
				padding: 60px 0;
				position: relative;
				margin-bottom: 50px;
				margin-top: 90px;
				overflow-y: hidden;
				
			}
				.pg-case .carrossel-galeria  .item a{
					display: block;
					width: 100%;
				}
					.pg-case .carrossel-galeria .item{
						margin: auto;
						height: 205px;
						width: 100%;
						max-width: 243px;
						padding: 10px;

					}
						.pg-case .carrossel-galeria .item a .img{
							background-position: center !important;
							background-size: cover !important;
							height: 205px;
							width: 100%;
							max-width: 243px;
						}
				.pg-case .carrossel-galeria .navegacaogaleriaFrent{
					position: absolute;
				    left: 20px;
				    height: 40px;
				    width: 40px;
				    font-size: 20px;
				    bottom: 18px;
				    border: 0;
				    background: #D6D6D6;
				    color: #494949;
				    border-top: solid 1px #C6C6C6;
				    border-bottom: solid 1px #C6C6C6;
				    border-right: 1px solid #888686;
				}
				.pg-case .carrossel-galeria .navegacaogaleriaTras{
					position: absolute;
				    right: 20px;
				    height: 40px;
				    width: 40px;
				    font-size: 20px;
				    bottom: 18px;
				    border: 0;
				    background: #D6D6D6;
				    color: #494949;
				    border-top: solid 1px #C6C6C6;
				    border-bottom: solid 1px #C6C6C6;
				    border-right: 1px solid #888686;
				}

	/*PG BLOG*/
		.pg-blog{

		}
			.pg-blog .sidebar{
				padding: 20px;
			
			}
				.pg-blog .sidebar .titulo-sidebar{
			
				}
				.pg-blog .sidebar .titulo-sidebar span{
			
				}
				.pg-blog .sidebar a{
					display: block;
					text-align: center;
					font-size: 20px;
					line-height: 45px;
					color: #494949;
					text-transform: uppercase;
			
				}
					.pg-blog .sidebar a:hover{
						color: #223C60;

					}
					.pg-blog .sidebar .campo-busca{
						position: relative;
						max-width: 294px;
						width: 100%;
						
						margin: 60px auto;
						
					}

						.pg-blog .sidebar .campo-busca input{
							border: 0;
							border-bottom: solid 1px;
							width: 100%;
						    height: 40px;
							padding: 0 10px;
							font-size: 18px;
							outline: none;
							

						}
						.pg-blog .sidebar .campo-busca button{
							border: 0;
							background: transparent;
							position: absolute;
							top: 0;
							right: 0;
							font-size: 26px;
							


						}
				.pg-blog .postagem .titulo-de-postagem{
					
				}
					.pg-blog .postagem .titulo-de-postagem span{
						font-size: 22px;
						text-transform: uppercase;
					    padding: 0px 5px 0 20px;
					}
						.pg-blog .postagem .titulo-de-postagem i{
							font-size: 22px;
						}	
				.pg-blog .postagem{
					background: #EAE9E9;
				    padding: 70px 0;
				}
					.pg-blog .postagem ul{
						list-style: none;
						padding: 0;
						text-align: center;

					}
						
						.pg-blog .postagem ul li {
							display: inline-block;
							max-width: 338px;
							min-width: 338px;
							min-height: 275px;
						    margin: 40px 10px 0;
	 				
						}
							.pg-blog .postagem ul  li a{
								display: block;
								width: 100%;
								text-align: none;
							}
								.pg-blog .postagem ul  li a .imagem-post{
									max-width: 338px;
									width: 100%;
									height: 275px;
									background-position: center !important;
									background-size: cover !important;
									position: relative;
								}
									.pg-blog .postagem ul  li a .imagem-post .lente{
										max-width: 338px;
										width: 100%;
										height: 275px;
										background-color: rgba(0, 0, 0, 0.48);
									}
										.pg-blog .postagem ul  li a .imagem-post .lente:hover{
											background: transparent;
										}
									.pg-blog .postagem ul  li a .imagem-post span{
											position: absolute;
											display: block;
											width: 100%;
											text-align: center;
											color: #fff;
											font-size: 25px;
											bottom: 20px;
											font-weight: 100;
						
										}
										.pg-blog .postagem ul  li  p {
											padding: 0 5px;
											font-size: 18px;
											color: #494949;
											text-align: left;
										}
										.pg-blog .postagem ul  li span {
											font-size: 18px;
											font-weight: bold;
											padding: 10px 0 0;
											display: block;
											color: #4E4949;
										}

											.pg-blog .postagem ul  li  a{
												font-size: 18px;
											}
			.pg-blog .postagem  .paginador{
				width: 100%;
				text-align: center;
				margin-top: 70px;

			}
				.pg-blog .postagem  .paginador a{
					font-size: 22px;
					padding: 10px;
					background: #ccc;
			 	    box-shadow: 2px 1px 0px #888888;
			 	    margin: 3px;
			 	    color: #494949;

				}
					.pg-blog .postagem  .paginador a:hover{
				 	    color: #223C60;

					}

	/*PG POST BLOG*/
		.pg-postagem{
			
		}
			.pg-postagem .imagem-inlustrativa{
				height: 350px;
				width: 100%;
				background-position: center !important;
				background-size: cover !important;
				margin-top: 100px;
				position: relative;
				margin-bottom: 90px;

			}
				.pg-postagem .imagem-inlustrativa span{
					font-size: 14px;
					color: #E6E5E5;
					right: 20px;
					bottom: 20px;
					display: inline-block;
					padding: 10px;
					text-align: right;
				}
				.pg-postagem .imagem-inlustrativa .lente-post{
					height: 350px;
					width: 100%;
					background: rgba(0, 0, 0, 0.47);
				}
				.pg-postagem .imagem-inlustrativa .data{
					position: absolute;
					font-size: 30px;
					color: #fff;
					left: 20px;
					bottom: 20px;
					padding: 10px;

				}
			.pg-postagem .texto{

			}
				.pg-postagem .texto span{
					font-size: 30px;
					text-align: center;
					display: block;
					color: #223C60;
					font-weight: bold;
				
				}
					.pg-postagem .texto  p{
						font-size: 18px;
						line-height: 25px;
						color: #494949;
						max-width: 100%;
						margin:  0 0 20px 0;
						padding: 0 20px;
					}
			.pg-postagem .paginador{
			    position: relative;
			    width: 100%;
			    max-width: 85%;
			    margin: 0 auto 50px;
			    height: 90px;
			    border-bottom: solid 1px #494949;
			}
				.pg-postagem .paginador .botao-left{
					position: absolute;
				    left: 20px;
				    height: 40px;
				    width: 40px;
				    font-size: 20px;
				    bottom: 18px;
				    border: 0;
				    background: #D6D6D6;
				    color: #494949;
				    border-top: solid 1px #C6C6C6;
				    border-bottom: solid 1px #C6C6C6;
				    border-right: 1px solid #888686;
				    text-align: center;
				    line-height: 40px;
				}
				.pg-postagem .paginador .botao-rigth{
					position: absolute;
				    right: 20px;
				    height: 40px;
				    width: 40px;
				    font-size: 20px;
				    bottom: 18px;
				    border: 0;
				    background: #D6D6D6;
				    color: #494949;
				    border-top: solid 1px #C6C6C6;
				    border-bottom: solid 1px #C6C6C6;
				    border-right: 1px solid #888686;
				    text-align: center;
				    line-height: 40px;
				}
			
	/*PG CONTATO*/
		.pg-contato{

		}
			.pg-contato .formulario{
				max-width: 540px;
				width:100%;
				padding: 10px;
				margin: 130px auto;
				position: relative;
			}
				.pg-contato .formulario {
			
				}
					.pg-contato .formulario  label{
			
					}
					.pg-contato .formulario  input{
						border-radius: 0;
						border: 0;
						background-color: #EAEAEA;
						max-width: 540px;
						width:100%;
						height: 43px;
						outline: none;
					    box-shadow: 3px 1px 0px #9C9C9C;
					    margin:10px 0;
		
					}
					.pg-contato .formulario textarea{
						border-radius: 0;
						border: 0;
						background-color: #EAEAEA;
						max-width: 540px;
						
					    box-shadow: 3px 1px 0px #9C9C9C;
					    height: 195px;
					    max-height:195px;
						
					}
					.pg-contato .formulario .btn-default{
						border: 0;
						background-color: #223C60;
						color: #fff;
						text-transform: uppercase;
						border-radius: 0;
						font-size: 18px;
						width: 94px;
						height: 38px;
						text-align: center;
						position: absolute;
						right: 0;
						margin: 10px;
						box-shadow: 3px 1px 0px #9C9C9C;
		
					}
					.pg-contato .endereco{
					    font-size: 18px;
					    max-width: 540px;
						width:100%;
						margin: 0 auto;
						padding: 10px;

					}
					.pg-contato .mapa{
						text-align: center;
					}
						.pg-contato .mapa iframe{
							max-width: 490px;
							width: 100%;
							height: 380px;
						    margin-bottom: 30px;

						}


						
	
	/* EXTRAS */
		.correcao-x{
			padding: 0 20px;
		}
		.correcao-y{
			padding: 20px 0;
		}
		.correcao-xy{
			padding: 20px;
		}
		div.wpcf7-validation-errors{
		    border: 2px solid #223C60;
		    margin-top: 50px;
		}
		div.div.wpcf7-mail-sent-ok{
			 margin-top: 50px;
		}


	/* BOTÕES */
		.botao-exemplo{

		}

	/* @MEDIA */
		@media (max-width: 1200px) {
			.pg-inicial .instrucao p{
				min-height: 225px;
			}
		}
		@media (max-width: 991px) {
			.pg-inicial .info .descricao-diferenciais::before{
				display: none;
			}
			.pg-inicial .descricao p{
				text-align: center;
			}
			.pg-inicial .info .descricao-diferenciais p{
				text-align: center;
			}
			.pg-inicial .correcao{
				max-width: 100%;

			}
			.pg-postagem .imagem-inlustrativa .data{
			    top: 97px;
			    bottom: 0;
			    text-align: center;
			}
			.pg-inicial .servicos p{
				padding: 0;
			}
			.pg-contato .formulario{
		    	margin: 30px auto;
			}
			.pg-inicial .instrucao{
				min-height: 410px;
			}
			.pg-inicial .instrucao p{
				min-height: 150px;
			}
			.contato-topo p{
				margin: 0;
			}

		}
		@media (max-width: 907px) {
			.contato-topo{
				text-align: center;
			    padding: 10px 0 0 0;
			}

		}
		@media (max-width: 674px) {
			.header .topo .navbar-collapse .navbar-nav li{
			
				display: block !important;
				text-align: left;
				/*padding: 10px;*/
			}
			.pg-inicial .instrucao p{
				line-height:inherit;
			}

		}
		@media (max-width: 550px) {
			.header a h1{
				background: url(img/logomarca.png) no-repeat;
			    height: 250px;
		        width: 351px;
			}
			.header .topo{
			    min-height: 290px;
			}
			.header .link-logo{
				width: 300px;
			}
			.header .topo .navbar-collapse .navbar-nav{
			    margin: 90px 0 0 0!important;
			}
			.pg .pg-topo .info-pg{
			    
			    bottom: 140px;			
			}

		}
		
		@media (max-width: 420px) {
			.header .topo{
			    min-height: 212px;
			}
			.header a h1{
				background: url(img/responsive-logomarca1.png) no-repeat;
				height: 170px;
				width: 255px;
	       	}
	       	.pg-inicial .instrucao{
				margin: 0;
			}
			.pg-controle-acesso ul .link li{
				margin: 0;
			}
			.pg-cases .postagem ul li{
				margin: 0;
			}
			.rodape .email p{
				font-size: 17px;
			}
			.pg-inicial .info .descricao-diferenciais p{
			    text-align: left;
    			padding: 5px 20px;
			}

		}					
	.video{
		width: 100%;
		
		display: inline-block;
		margin: 10px;

	}