@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600i,700');

/*BASE*/
body {
	font-family: 'Nunito', sans-serif;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

h1.title:before,
h2.title:before,
h3.title:before,
h4.title:before,
h5.title:before,
h6.title:before {
	content: '';
	width: 25px;
	height: 25px;
	background-color: transparent;
	border-bottom: 2px solid #3a3a3a;
	border-left: 2px solid #3a3a3a;
	position: absolute;
	margin-left: -15px;
	margin-top: 30px;
}

h1.titulo {
	font-size: 2.5rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 2px;
}
h1.titulo span {
	font-weight: 800;
	color: #49C2F3;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

img { max-width: 100%; }

.btn-success {
	padding: 10px !important;
	background-color: #49C2F3;
	border: none;
	color: #fff !important;
	border-radius: 100px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.btn-success:hover { background-color: #224EA7; }

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #224ea7;
    border-color: #224ea7;
}

.btn-default {
	background-color: #fff;
	color: #3a3a3a;
	padding: 15px 40px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 5%;
	border-radius: 100px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.btn-default i { 
	margin-left: 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}
.btn-default:hover i { margin-left: 20px; }
.btn-default:hover { color: #49C2F3; }

/*BLOCO 1 - HEADER*/
header.cabecalho {
	width: 100%;
	height: 100vh;
	background-image: url(../img/banner_home.png);
	background-size: cover;
}

header.cabecalho-page {
	width: 100%;
	height: 400px;
	background-image: url(../img/banner_home.png);
	background-size: cover;
}

header.cabecalho article.top-info,
header.cabecalho-page article.top-info {
	width: 100%;
	padding: 15px;
	background-color: #3a3a3a;
}
header.cabecalho article.top-info p,
header.cabecalho-page article.top-info p {
	margin: 0;
	color: rgba(255, 255, 255, .8);
	font-size: .9rem;
	letter-spacing: 1.5px;
}

section.menu-area {
	width: 100%;
	background-color: #fff;
	padding: 10px;
}

a.navbar-brand { max-width: 40% }
a.navbar-brand img {
	width: 80%;
}

#menu div.navbar-nav a {
	font-size: .9rem;
	color: #3a3a3a;
	padding: 10px;
	text-transform: uppercase;
}

#menu div.navbar-nav a.active {
	color: #224EA7;
	font-weight: normal;
}
#menu div.navbar-nav a.active:before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: transparent;
	border-bottom: 1.5px solid #224EA7;
	border-left: 1.5px solid #224EA7;
	position: absolute;
	margin-left: -10px;
	margin-top: 15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

#menu div.navbar-nav a.active:hover:before {
	margin-top: -3px;
	margin-left: -15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

#menu div.navbar-nav a.active:hover:before,
#menu div.navbar-nav a.btn:hover:before {
	display: none;
}

#menu div.navbar-nav a:hover:before {
	content: '';
	width: 10px;
	height: 10px;
	background-color: transparent;
	border-bottom: 1.5px solid #3a3a3a;
	border-left: 1.5px solid #3a3a3a;
	position: absolute;
	margin-left: -8px;
	margin-top: 15px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
}

section.head-conteudo {
	padding: 100px 0;
	color: #fff;
}
section.head-conteudo p {
	margin-top: 5%;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.7rem;
	/*text-transform: uppercase;*/
}

section.head-conteudo img#computador {
	width: 100%;
    max-width: 100%;
    margin-left: -10%;
    margin-top: 12%;
}

/*BLOCO 2 - APRESENTACAO*/
.bloco { padding-top: 100px; }

#apresentacao img{
	width: 100%;
	border-radius: 20px;
}

/*BLOCO 3 - SERVICOS*/
#servicos .lista-servicos{
	width: 100%;
	padding: 50px 0;
	background-color: #5E7CC1;
	color: #fff;
	margin-top: -30px;
}
#servicos .lista-servicos h3{
	display: block;
	width: 100%;
	height: 50px;
	font-size: 1.2rem;
	font-weight: 600;
}

/*BLOCO CONTATO*/
#contato form input,
#contato form textarea,
#orcamento form input,
#orcamento form select,
#orcamento form textarea {
	outline: none;
	padding: 10px;
	border: none;
	border-radius: 100px;
	border: 1px solid #224EA7;
}

#contato form textarea,
#orcamento form textarea {
	border-radius: 20px;
	height: 170px;
}

#orcamento form select {
	border-radius: 30px;
	height: 50px;
}

#contato form input.btn-success,
#orcamento form input.btn-success {
	border: none;
	width: 30%;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: none;
    box-shadow: none;
}

/*FOOTER*/
footer.rodape {
	width: 100%;
	padding-top: 50px;
	background-color: #3a3a3a;
	color: #fff;
}

footer.rodape h3 { font-weight: 700; }

footer.rodape form input {
	outline: none;
	padding: 10px;
	border: none;
	border-radius: 10px;
	border: 1px solid #224EA7;
}

footer.rodape form textarea {
	border-radius: 20px;
	height: 170px;
}

footer.rodape form button.btn-success {
	border: none;
	border-radius: 10px !important;
	width: 30%;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: none;
    box-shadow: none;
}

footer.rodape ul {
	list-style: none;
}

footer.rodape ul li a {
	text-decoration: none;
	color: #fff;
}

footer.rodape hr {
	border-color: #fff;
}

/*PAGE SERVICOS*/
.servico h3 {
	display: block;
	font-weight: 700;
	color: #49C2F3;
	font-size: 1.3rem;
	min-height: 50px;
}