﻿/* =================== layout ==================== */

/* -- Body -- */
body{
    font-family: 'Raleway', sans-serif;
}

/* -- Barra de Navegação -- */ 
.navbar{
	padding: 10px 0px;
	background: #fff;
	border: none;
	color: black;
}

/*-- secao de servico --*/
#conteudo{
	background-image:url('image/bg.jpg');
	background-position:bottom right;
	background-repeat: no-repeat;
	padding-bottom: 20px; 
	padding-top: 20px;
	color: black;
}

.margem-row{
	font-weight: bold; 
	font-size: 18px;
	color: #253b79;
}

.margem-row .row{
	margin-bottom: 32px;
}

.margem-row .row img{
	margin-right: 15px;
}

.imgicone{
	margin-bottom: 20px; 
	margin-right: 10px;
	float:left; 
}

.icone{
	margin-top: -65px;
	text-align: center;
}

hr{
	height: 4px;
	width: 40px;
	margin: 15px auto;
	background-color: #22346b;
}

.conteudo-texto{
	padding: 15px 0px;
	text-align:center;
}
.conteudo-imagem {
	margin-top:50px;
	margin-bottom:30px;
}
.conteudo-imagem .col-sm-3 {
	margin-bottom: 23px;
	padding: 0px 11px;
}
.conteudo-imagem .col-sm-3 .img{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:8px;
	height:150px; 
}

/*-- formulario --*/
.form-control {
	height: 50px;
	background-color: #ebecee;
	border: 1px solid #313592;
	border-radius: 4px;
}

.col-md-12 .form-control{
	padding: 10px;
}

.btn-default {
	color: #313592;
	margin: 0 15px;
	font-size: 13px;
	background: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #313592;
	text-transform: uppercase;
	padding: 9px 30px 9px 30px;
	-webkit-border-radius: 8px;
	transition: background 0.1s, color 0.9s;
}

.btn-default:hover {
	background: #313592;
	color: white;
}

.texto{
	line-height: 20px;
	margin-top: 17px;
}

.col-md-4 img{
	float:left;
	margin-right: 15px;
	margin-bottom: 10px;
}

/* Shrink */
.hvr-shrink {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}

/*-- rodape --*/
footer{
	background: #22346b;
	position: relative;
	padding: 10px 0px;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

/* =================== tipografia ===================== */

h1{
	text-align: center;
	color: #22346b;
	font-weight: bold;
}

/* ====================================================== */
@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
	
}
@media (min-width: 992px){
    .container {
        width:100%;
    }
}
@media (max-width: 767.98px) {
	.contatos{
		font-size: 13px;
	}
	.contatos img{
		width: 40px !important;
		clear: none; 
	} 
	.margem-row { 
    padding: 0 26px;
	}
}

@media (max-width: 575.98px) {    
	.contatos img{
		width: 40px !important;
	}
}