@import "owl.css";
@import "fancybox.css";
@import "font-awesome/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Tajawal:400,700,900');

/*! HTML5 Boilerplate v4.3.0 - INICIO */
html, button, input, select, textarea {
	color: #222
}

html {
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection, ::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio, canvas, img, video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}



/* ==========================================================================
   Site
   ========================================================================== */

html {
	font-size: 18px;
}

body {
	font: 100% "Tajawal", Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: inherit;
	line-height: 1.4em;
	color: #000;
}

a {
	color: inherit;
	outline: none !important;
	text-decoration: none;
}

	a:hover {
		color: inherit;
		text-decoration: none;
	}

	a:active,
	a:focus {
		color: inherit;
		text-decoration: none;
	}

a, button, input {
	outline: none !important;
}

/* a, a *, button, input, span, div { transition: color 0.2s, border-color 0.2s, background-color 0.2s, opacity 0.2s; } /* transição leve em hovers básicos */

ul, li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: inherit;
}

p {
	margin: 0 0 1.4em 0;
}

	p:last-child {
		margin-bottom: 0 !important;
	}

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* usar se não incluir o bootstrap */

#btn-lado {
	position: fixed;
	z-index: 10003;
	left: 0;
	top: 50%;
	height: 0;
	width: 0;
	height: 100vh;
	overflow: visible;
	font-size: 20px;
	line-height: 1.2em;
}

	#btn-lado .box {
		position: absolute;
		background: #fff;
		overflow: hidden;
		padding-right: 48px;
		height: 12.165em;
		left: -7.92em;
		top: -122px;
		transition: all 0.3s;
	}

		#btn-lado .box:hover {
			left: 0;
		}

		#btn-lado .box .botao {
			position: absolute;
			right: 0;
			top: 0;
			width: 48px;
			height: 100%;
			background: url(../img/ligue.png) center center no-repeat #D2E9FF;
			cursor: pointer;
			transition: all 0.3s;
		}

		#btn-lado .box .main {
			padding: 30px 15px;
			font-weight: bold;
			color: #1F1E66;
			white-space: nowrap;
			width: 7.92em;
		}

			#btn-lado .box .main .fone {
				font-size: 0.5em;
				line-height: 1.2em;
				margin: 0 0 1em 0;
			}

				#btn-lado .box .main .fone small {
					font-size: 0.8em;
					color: #1F1E66;
				}

			#btn-lado .box .main .hr {
				margin: 0 0 0.8em 0;
			}

				#btn-lado .box .main .hr:last-child {
					margin-bottom: 0;
				}

				#btn-lado .box .main .hr small {
					font-size: 0.667em;
					color: #727272;
					line-height: 1.3em;
				}

.container {
	position: relative;
}

.form-group {
	margin: 0 0 1.111em 0;
}

.form-label {
	display: block;
	font-size: 1.111em;
	font-weight: bold;
	color: #212067;
	line-height: 1.2em;
	margin: 0 0 0.2em;
}

.form-control {
	border: solid 1px #d9d9d9;
	padding: 0.706em 1.5em;
	line-height: 1.412em;
	font-size: 0.944em;
	width: 100%;
	background: #e8e8e8;
}

	.form-control:focus {
		background-color: #fafafa;
	}

textarea.form-control {
	resize: none;
}

select.form-control {
	background-image: url(../img/select_caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.412em auto;
	padding-right: 2.2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.tbl {
	display: table;
	width: 100%;
	vertical-align: middle;
}

	.tbl.top {
		vertical-align: top;
	}

	.tbl .trow {
		display: table-row;
		vertical-align: inherit;
	}

	.tbl .tcol {
		display: table-cell;
		vertical-align: inherit;
	}

		.tbl .tcol.um {
			width: 1%;
		}

	.tbl.grid > .tcol {
		padding-right: 13px !important;
		padding-left: 13px !important;
	}

		.tbl.grid > .tcol:first-child {
			padding-left: 0px !important;
		}

		.tbl.grid > .tcol:last-child {
			padding-right: 0px !important;
		}

.u, .hu:hover {
	text-decoration: underline;
}

	.hu, .u:hover {
		text-decoration: none;
	}

.mg0 {
	margin-bottom: 0px !important;
}

.mg0h {
	margin-bottom: 0.5em !important;
}

.mg0q {
	margin-bottom: 0.25em !important;
}

.mg1 {
	margin-bottom: 1em !important;
}

.mg1h {
	margin-bottom: 1.5em !important;
}

.mg2 {
	margin-bottom: 2em !important;
}

.mg2h {
	margin-bottom: 2.5em !important;
}

.mg3 {
	margin-bottom: 3em !important;
}

.mg3h {
	margin-bottom: 3.5em !important;
}

.mg4 {
	margin-bottom: 4em !important;
}

.mg4h {
	margin-bottom: 4.5em !important;
}

.mg5 {
	margin-bottom: 5em !important;
}

.txtl {
	text-align: left !important;
}

.txtr {
	text-align: right !important;
}

.txtc {
	text-align: center !important;
}

.color1, .color1h:hover {
	color: #ff0000;
}

.bg1, bg1h:hover {
	background-color: #ff0000;
}

.brd1, .brd1h:hover {
	border-color: #ff0000;
}

.base16-9 {
	position: relative;
	width: 100%;
	padding: 56.25% 0 0 0;
	display: block;
}

.base4-3 {
	position: relative;
	width: 100%;
	padding: 75% 0 0 0;
	display: block;
}

.base1-1 {
	position: relative;
	width: 100%;
	padding: 100% 0 0 0;
	display: block;
}

.imgbg {
	background: center center no-repeat;
	background-size: cover;
	display: block;
	overflow: hidden;
}

.fit {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.clickscale:active {
	transform: scale(0.9);
}

.btn1 {
	display: inline-block;
	border: none;
	font-size: 0.833em;
	color: #FBFEFD !important;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.333em;
	padding: 0.8em 1.5em;
	text-align: center;
	background: #0a82cf;
	background: linear-gradient(to right, #1ebbe5 0%,#0a82cf 100%);
	border-radius: 0.333em;
	box-shadow: 0.4em 0.4em 0.8em rgba(10,130,207,0.5);
}

	.btn1:hover {
		color: #fff !important;
		background: #1ebbe5;
	}

	.btn1.b {
		display: block;
		width: 100%;
		padding: 0.8em;
	}

	.btn1.nw {
		white-space: nowrap;
	}

	.btn1.md {
		padding: 0.5em;
	}

	.btn1.dark {
		background: #2F3031;
		background: linear-gradient(to right, #5f5f5f 0%,#2F3031 100%);
		box-shadow: 0.4em 0.4em 0.8em rgba(0,0,0,0.5);
	}

		.btn1.dark:hover {
			background: #5f5f5f;
		}

	.btn1.navy {
		background: #24236D;
		background: linear-gradient(to right, #434193 0%,#24236D 100%);
		box-shadow: 0.4em 0.4em 0.8em rgba(0,0,0,0.5);
	}

		.btn1.navy:hover {
			background: #434193;
		}



#wrapper {
	position: relative;
	width: 100%;
	max-width: 4000px;
	margin: auto;
	overflow: hidden;
}

.bg #wrapper {
	background: url(../img/bg.png) center top no-repeat;
}


#telefones {
	position: relative;
	background: #F5FAFE;
	border-top: solid 1px #1CB4E3;
	font-size: 0.833em;
	line-height: 1.533em;
	padding: 0.9em 0;
	white-space: nowrap;
	color: #1F1F66;
	z-index: 2100;
}

	#telefones ul {
	}

		#telefones ul li {
			display: inline-block;
			margin: 0 1.3em 0 0;
		}

			#telefones ul li:last-child {
				margin-right: 0px !important;
			}

			#telefones ul li.fone {
				font-weight: bold;
			}

				#telefones ul li.fone .fa {
					color: #0176CB;
					font-size: 1.111em;
					margin-right: 0.1em;
				}

				#telefones ul li.fone a:hover {
					color: #208DD2;
				}


#header {
	padding: 1.3em 0;
	border-bottom: solid 3px #1B1A63;
	position: relative;
	z-index: 2500;
	background: #fff;
}

	#header .logo {
	}

		#header .logo a {
			display: block;
		}

		#header .logo img {
			display: block;
			width: 11.5em;
			margin: auto;
		}

	#header .menu {
		display: table;
		width: 100%;
		text-align: center;
		font-size: 0.833em;
		line-height: 1.6em;
		white-space: nowrap;
		text-transform: uppercase;
		color: #1F1F66;
		font-weight: bold;
	}

		#header .menu li {
			display: table-cell;
		}

			#header .menu li a {
				display: block;
				padding: 1em 0.3em;
			}

			#header .menu li.cli a {
				color: #208DD2;
				font-weight: normal;
			}

				#header .menu li a:hover,
				#header .menu li.cli a:hover {
					color: #1DB7E3;
				}

	#header .btn1 {
		padding: 0.8em 1.5em;
	}


.titulo1 {
	color: #1F1E65;
	font-size: 2em;
	line-height: 1.1em;
}

.titulo2 {
	color: #1F1E65;
	font-size: 1.333em;
	line-height: 1.25em;
}

.titulo3 {
	color: #1F1E65;
	font-size: 1.444em;
	line-height: 1.3em;
}

.titulo4 {
	color: #7F7F7F;
	font-size: 0.778em;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.25em;
}

.titulo1 strong,
.titulo2 strong {
	color: #1CB4E3;
}

.link1 {
	font-size: 0.833em;
	text-transform: uppercase;
	color: #1CB6E3;
	text-decoration: underline;
	line-height: 1.3em;
	display: inline-block;
}

	.link1:hover {
		text-decoration: none;
		color: #1CB6E3;
	}


#subheader {
	background: url(../img/subheader_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 0 0 1.7em 0;
	position: relative;
	z-index: 2100;
}

	#subheader .breadcrumbs {
		font-size: 0.667em;
		line-height: 1.583em;
		text-transform: uppercase;
		color: #666;
		padding: 0.75em 0;
		margin: 0 0 2.3em 0;
	}

		#subheader .breadcrumbs .sep {
			padding: 0 0.4em;
		}

		#subheader .breadcrumbs a {
			color: #212067;
			text-decoration: underline;
		}

			#subheader .breadcrumbs a:hover {
				text-decoration: none;
			}

	#subheader .titulo1 {
		margin: 0 0 0.1em 0;
	}



.main {
	padding: 2.8em 0;
	position: relative;
}

	.main.padm {
		padding: 3.8em 0;
	}

	.main.pads {
		padding: 1.6em 0;
	}

	.main.pad0b {
		padding-bottom: 0px !important;
	}

	.main.pad0t {
		padding-top: 0px !important;
	}

.white-box {
	background: #fff;
	box-shadow: 0 0 1em rgba(101,128,154,0.3);
	overflow: hidden;
}

	.white-box.r {
		border-radius: 0.333em;
	}

	.white-box.rt {
		border-radius: 0.333em 0.333em 0 0;
	}

	.white-box.rb {
		border-radius: 0 0 0.333em 0.333em;
	}

.unidades {
}

	.unidades .unidade {
		max-width: 380px;
		margin: 0 auto 30px auto;
	}

		.unidades .unidade .mapa {
			padding-top: 62%;
		}

			.unidades .unidade .mapa .imgbg {
				background-size: 600px auto;
			}

		.unidades .unidade .info {
			padding: 1.6em;
		}

			.unidades .unidade .info .fa {
				color: #1CB6E3;
				font-size: 1.111em;
			}

			.unidades .unidade .info .telefones {
				font-weight: bold;
				color: #1F1F66;
				margin: 0 0 1em 0;
			}

				.unidades .unidade .info .telefones a:hover {
					color: #1CB6E3;
				}

			.unidades .unidade .info .endereco {
				vertical-align: top;
			}

				.unidades .unidade .info .endereco h3 {
					font-size: 1em;
					color: #1F1F66;
					margin: 0 0 0.4em 0;
					line-height: 1.4em;
				}

				.unidades .unidade .info .endereco p {
					font-size: 0.889em;
					color: #7F7F7F;
					line-height: 1.55em;
					margin: 0 0 0.1333em 0;
				}

				.unidades .unidade .info .endereco .chegar {
					font-size: 0.833em;
					text-transform: uppercase;
					color: #1CB6E3;
				}

		.unidades .unidade .estrutura {
		}

			.unidades .unidade .estrutura a {
				display: block;
				background: #F9F9F9;
				text-align: center;
				text-transform: uppercase;
				font-size: 0.833em;
				line-height: 4.3em;
				white-space: nowrap;
				color: #4c4c4c;
			}

				.unidades .unidade .estrutura a:hover {
					background: #fbfbfb;
				}


#perfeito {
	background: url(../img/perfeito_bg.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
}

	#perfeito .titulo1 {
		color: inherit;
		margin: 0 0 0.3em 0;
	}

	#perfeito h2 {
		font-size: 1.111em;
		line-height: 1.3em;
		margin: 0 auto 1em auto;
		/*max-width: 28.5em;*/
		max-width: 80%;
	}


#time {
	background: #f2f2f2;
	background-size: cover;
	text-align: center;
	color: #4c4c4c;
}

	#time .titulo1 {
		color: inherit;
		margin: 0 0 0.3em 0;
	}

		#time .titulo1 strong {
			color: inherit;
		}

	#time .btn1 .fa {
		transition: all 0.2s;
	}

	#time.open .btn1 .fa {
		transform: scaleY(-1);
	}

	#time .equipe {
		overflow: hidden;
		max-height: 0;
		transition: all 0.5s;
		opacity: 0;
	}

	#time.open .equipe {
		max-height: 300vh;
		padding: 2em 0 0.6em 0;
		opacity: 1;
	}

	#time .equipe .integrante {
		margin: 0 0 26px 0;
	}

		#time .equipe .integrante .info {
			padding: 0.5em;
		}


#alguns-clientes {
}

	#alguns-clientes .white-box {
		padding: 2.38em 13px;
	}

		#alguns-clientes .white-box .titulo1 strong {
			color: inherit;
		}

	#alguns-clientes .header {
		display: block;
		max-width: 130px;
		margin: auto;
	}

	#alguns-clientes .cliente {
		text-align: left;
		color: #1F1E65;
	}

		#alguns-clientes .cliente h4 {
			font-size: 0.889em;
			line-height: 1.3em;
			margin: 0 0 0.4em 0;
			font-weight: bold;
		}

		#alguns-clientes .cliente p {
			font-size: 0.833em;
			line-height: 1.55em;
			margin: 0 0 0.7em 0;
		}

		#alguns-clientes .cliente .logo img {
			display: block;
			width: auto;
			max-width: 100%;
			max-height: 2.222em;
		}

	#alguns-clientes .owl-carousel {
		margin-bottom: 2em;
	}

	#alguns-clientes .owl-dots {
		display: none;
	}

	#alguns-clientes .owl-nav {
		position: absolute;
		left: 0;
		bottom: -3em;
		width: 100%;
		text-align: center;
	}

		#alguns-clientes .owl-nav > button {
			display: inline-block;
			color: #1CB6E3;
			font-size: 0.889em;
			margin: 0 1em;
		}

			#alguns-clientes .owl-nav > button:active {
				transform: scale(0.9);
			}

	#alguns-clientes.g .white-box {
		padding: 2.38em 2em;
	}

	#alguns-clientes.g .cliente {
		font-size: 1.125em;
	}



#sobre {
}

	#sobre .intro {
	}

		#sobre .intro p {
			font-size: 0.889em;
			line-height: 1.777;
		}

		#sobre .intro .vert {
			position: relative;
			text-transform: uppercase;
			color: #1DB7E3;
			font-size: 0.776em;
			line-height: 1em;
			letter-spacing: 0.5em;
			font-weight: bold;
			height: 10em;
		}

			#sobre .intro .vert span {
				display: block;
				white-space: nowrap;
				transform: rotate(270deg) translateX(-100%) translateY(150%);
				position: absolute;
				transform-origin: left top;
			}

	#sobre .mo {
		padding: 2em;
	}

		#sobre .mo img {
			width: 4.111em;
		}

		#sobre .mo p {
			font-size: 1.111em;
			line-height: 1.5em;
			margin: 0;
		}

	#sobre .vantagens {
	}

		#sobre .vantagens .vantagem {
			background: #0076CC;
			color: #fff;
			font-weight: bold;
			font-size: 1.111em;
			border-radius: 0.333em;
			margin: 0 0 1em 0;
			line-height: 1.25em;
			padding: 0.5em 1.5em;
			display: table;
			height: 3.5em;
			width: 100%;
		}

@media (min-width: 992px) {
	#sobre .vantagens .vantagem.dbl {
		height: 8em;
		line-height: 1.5em;
	}
}

#sobre .vantagens .vantagem span {
	display: table-cell;
	vertical-align: middle;
}



.links-uteis {
}

	.links-uteis .tcol {
		background: #fbfbfb;
		padding: 1rem;
		border: solid 0.833rem #fff;
		border-right: 0;
		border-left: 0;
	}

	.links-uteis .nome {
		font-weight: 1.111em;
		font-weight: bold;
		line-height: 1.3em;
		color: #212067;
	}

	.links-uteis .link {
		font-weight: 0.944em;
		line-height: 1.3em;
	}

		.links-uteis .link a {
			color: #1DB7E3;
		}

	.links-uteis .acessar {
		white-space: nowrap;
		background: #ededed;
	}


#contato1 {
}

	#contato1 .telefones {
	}

		#contato1 .telefones .header {
			background: linear-gradient(to bottom, #f1f1f1 0%,#fefefe 100%);
			border-bottom: solid 1px #e5e5e5;
			padding: 0.7em 2em;
		}

			#contato1 .telefones .header .titulo3 {
				color: #7F7F7F;
			}

			#contato1 .telefones .header .titulo3 {
				color: #7F7F7F;
			}

		#contato1 .telefones .inner {
			padding: 1em 2em;
			border-bottom: solid 3px #E2ECF4;
		}

			#contato1 .telefones .inner h3 {
				font-size: 1em;
				color: #1F1F66;
				line-height: 1.4em;
				margin: 0 0 0.3em 0;
			}

			#contato1 .telefones .inner ul {
				font-size: 1.111em;
				font-weight: bold;
				color: #1F1F66;
			}

				#contato1 .telefones .inner ul a:hover,
				#contato1 .telefones .inner ul .fa {
					color: #1DB7E3;
				}

				#contato1 .telefones .inner ul li {
					white-space: nowrap;
				}

	#contato1 .bg {
		height: 1.111em;
		background: url(../img/contato_bg.png) center top repeat-x;
		background-size: auto 100%;
	}

#contato2 {
	background: linear-gradient(to bottom, #f6f6f6 0%,#fff 50%);
	border-top: solid 3px #E2ECF4;
}

	#contato2 .titulo2 {
		color: #B2B2B2;
	}


#clientes {
}

	#clientes .areas {
	}

		#clientes .areas .area {
			height: 3.3em;
			text-align: center;
			margin: 0 0 26px 0;
			font-weight: bold;
			color: #212067;
			padding: 0.25em 0.5em;
			line-height: 1.125em;
		}

		#clientes .areas a.area:hover {
			color: #1DB7E3;
		}

	#clientes .bloco-cliente:nth-child(6n+1) {		
		clear: left;
	}
	#clientes .bloco-cliente .nome-cliente{
		font-size: 14px;
		text-align: center;
	}
	#clientes .empresas {
	}

		#clientes .empresas .empresa {
			height: 6.667em;
			margin: 0 0 26px 0;
			padding: 0.25em;
			text-align: center;
		}

			#clientes .empresas .empresa img {
				display: block;
				margin: auto;
				max-width: 100%;
				max-height: 6em;
			}


.paginacao {
	text-align: center;
}

	.paginacao a, .paginacao span {
		display: inline-block;
		font-weight: bold;
		line-height: 2.222em;
		white-space: nowrap;
		text-align: center;
		padding: 0 0.5em;
		color: #ccc;
	}

		.paginacao span.active,
		.paginacao a.if {
			color: #1F1E65 !important;
		}

		.paginacao a.if {
			background: #e5e5e5;
			padding: 0 0.7em;
		}

		.paginacao a:hover {
			color: #1DB7E3;
		}

		.paginacao a.if:hover {
			color: #1DB7E3 !important;
			background: #efefef;
		}


.link-mais {
	font-size: 0.833em;
	color: #1CB6E3 !important;
	text-transform: uppercase;
}

	.link-mais:hover {
		text-decoration: underline;
	}

	.link-mais .icone {
		padding-right: 13px;
		color: #0076CC;
	}

		.link-mais .icone > span {
			width: 3.533em;
			height: 3.533em;
			border: solid 1px #1F3D7F;
			border-radius: 1.8em;
			text-align: center;
			display: block;
		}

			.link-mais .icone > span > span {
				width: 1.933em;
				height: 1.933em;
				line-height: 1.933em;
				line-height: calc( 1.933em - 2px );
				border: solid 1px #0A82CF;
				border-radius: 1em;
				display: block;
				margin: 0.75em auto 0 auto;
			}


.data {
	display: inline-block;
	background: #1DB7E3;
	color: #fff;
	font-size: 0.833em;
	line-height: 2em;
	white-space: nowrap;
	padding: 0 0.667em;
	font-weight: bold;
}

#blog {
}

	#blog .posts {
	}

		#blog .posts .post {
			margin-bottom: 3.3em;
		}

			#blog .posts .post .data {
				margin: 0 0 1em 0;
			}

			#blog .posts .post .titulo2 {
				font-weight: bold;
				margin: 0 0 0.4em 0;
			}

			#blog .posts .post p {
				font-size: 0.889em;
				line-height: 1.7em;
				margin: 0 0 1.2em 0;
			}

			#blog .posts .post .link-mais .icone > span {
				border-color: #D3F2FA;
			}

			#blog .posts .post .mais:hover {
				text-decoration: underline;
			}

	#blog .blog-lado {
	}

		#blog .blog-lado .box {
			margin: 0 0 2.222em;
		}

			#blog .blog-lado .box:last-child {
				margin-bottom: 0px !important;
			}

			#blog .blog-lado .box h5 {
				font-size: 1.111em;
				font-weight: bold;
				line-height: 1.2em;
				color: #1F1E65;
				margin: 0 0 1em 0;
			}

			#blog .blog-lado .box .categorias {
				color: #1F1E65;
				line-height: 1.3em;
			}

				#blog .blog-lado .box .categorias li {
					margin: 0 0 0.5em 0;
				}

					#blog .blog-lado .box .categorias li:last-child {
						margin-bottom: 0px;
					}

					#blog .blog-lado .box .categorias li .fa {
						color: #ccc;
					}

					#blog .blog-lado .box .categorias li a:hover {
						color: #1CB6E3;
					}

						#blog .blog-lado .box .categorias li a:hover .fa {
							color: #1F1E65;
						}

			#blog .blog-lado .box .posts-lado {
			}

				#blog .blog-lado .box .posts-lado li {
					margin: 0 0 1.2em 0;
				}

					#blog .blog-lado .box .posts-lado li:last-child {
						margin-bottom: 0px;
					}

					#blog .blog-lado .box .posts-lado li .data {
						margin: 0 0 0.5em 0;
					}

					#blog .blog-lado .box .posts-lado li .titulo {
						font-size: 1.111em;
						font-weight: bold;
						line-height: 1.2em;
						color: #1F1E65;
					}

	#blog .post-completo {
		margin: 0 0 1.7em 0;
	}

		#blog .post-completo .ds-base {
			margin: 0 0 1em 0;
		}

			#blog .post-completo .ds-base .share {
				white-space: nowrap;
			}

				#blog .post-completo .ds-base .share a {
					display: inline-block;
					margin: 0 0 0 1em;
				}

					#blog .post-completo .ds-base .share a.fb {
						color: #325C98;
					}

					#blog .post-completo .ds-base .share a.tw {
						color: #04ADEC;
					}

		#blog .post-completo .titulo-base {
			font-size: 0.833em;
		}

		#blog .post-completo .titulo1 {
			font-weight: bold;
			margin: 0 0 0.8em 0;
		}

		#blog .post-completo .conteudo {
			font-size: 0.889em;
		}

			#blog .post-completo .conteudo p {
				line-height: 1.8em;
				margin: 0 0 1.6em 0;
			}

				#blog .post-completo .conteudo p img {
					float: left;
					margin: 0 1em 1em 0;
					max-width: 100%;
				}


.servicos {
}

	.servicos .servico {
		background: #1F1E66;
		margin: 0 auto 26px auto;
		max-width: 400px;
	}

		.servicos .servico .info {
			padding: 1.8em 2em;
		}

			.servicos .servico .info .titulo-base {
				font-size: 0.833em;
			}

				.servicos .servico .info .titulo-base .titulo1 {
					color: #fff;
					margin: 0 0 0.2em 0;
				}

					.servicos .servico .info .titulo-base .titulo1 strong {
						color: inherit;
					}

			.servicos .servico .info p {
				font-size: 0.889em;
				line-height: 1.6em;
				color: #fff;
				margin: 0 0 0.6em 0;
			}

			.servicos .servico .info .link-mais {
				margin-left: -0.5em;
			}


#servico .intro {
}

	#servico .intro h2 strong {
		color: inherit;
	}

	#servico .intro .motivos {
		color: #1F1E65;
	}

		#servico .intro .motivos li {
			padding: 0.756em 0.556em 0.756em 2.667em;
			line-height: 1.378em;
			background: linear-gradient(to bottom, #fff 0%,#f9f9f9 100%);
			position: relative;
		}

			#servico .intro .motivos li .fa {
				position: absolute;
				left: 1em;
				top: 0.756em;
				line-height: inherit;
				color: #1DB7E3;
			}

	#servico .intro .contrate {
		background: #1F1E66;
		padding: 1.55em 2em;
	}

		#servico .intro .contrate .titulo1,
		#servico .intro .contrate .titulo1 strong {
			color: #f4f4f4;
		}

#servico .galeria {
}

	#servico .galeria a {
		height: 7.222em;
		text-align: center;
		font-size: 0.889em;
		vertical-align: bottom;
		line-height: 1.2em;
		overflow: hidden;
		border-radius: 0.333em;
		color: #fff;
		font-weight: bold;
		position: relative;
		display: block;
		margin: 0 0 26px 0;
	}

		#servico .galeria a:after {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #000;
			z-index: 1;
			opacity: 0.15;
			border-radius: 0.4em;
			transition: all 0.2s;
		}

		#servico .galeria a:hover:after {
			opacity: 0;
		}

		#servico .galeria a span {
			padding: 0.6em;
			z-index: 10;
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
		}


#contrate {
}

	#contrate .legalize {
	}

		#contrate .legalize .titulo2 {
			max-width: 590px;
			margin: 0 auto 1.333em auto;
		}

			#contrate .legalize .titulo2 strong {
				color: inherit;
			}

		#contrate .legalize .icone {
			margin: 0 0 1em 0;
		}

			#contrate .legalize .icone img {
				display: block;
				margin: auto;
				height: 2.889em;
			}

		#contrate .legalize .nome {
			text-align: center;
			font-weight: bold;
			font-size: 1.111em;
			line-height: 1.2em;
			color: #1F1E65;
			margin-bottom: 26px;
		}

	#contrate .documentacao {
		padding: 2em;
	}

		#contrate .documentacao .icone img {
			display: block;
			width: 2.333em;
		}

		#contrate .documentacao .ancev {
			vertical-align: middle;
		}

			#contrate .documentacao .ancev img {
				display: block;
				width: 13.333em;
			}

	#contrate .kits {
	}

		#contrate .kits .kit {
		}

			#contrate .kits .kit .obs {
				font-size: 0.778em;
				line-height: 1.333em;
				color: #666;
			}

			#contrate .kits .kit .box {
				background: #0076CC;
				border-radius: 0.333em;
				color: #fff;
				margin: 0 0 1em 0;
				height: 12.778em;
				padding: 1em;
				padding-top: 1.5em;
				text-align: center;
				vertical-align: top;
			}

		#contrate .kits .kit2 .box {
			background: #005998;
		}

		#contrate .kits .kit3 .box {
			background: #003B65;
		}

		#contrate .kits .kit .box .inner {
		}

		#contrate .kits .kit .box h5 {
			color: inherit;
			font-weight: bold;
		}

		#contrate .kits .kit .box h6 {
			font-size: 1em;
			font-weight: bold;
			line-height: 1.2em;
			margin: 0 0 0.3em 0;
		}

		#contrate .kits .kit .box .header {
			margin: 0 0 1em 0;
		}

		#contrate .kits .kit .box .obs {
			font-size: 0.722em;
			color: inherit;
			max-width: 200px;
			margin: 0 auto 0.5em auto;
			line-height: 1.5em;
		}

		#contrate .kits .kit .box .valor {
			display: block;
			margin: auto;
			color: inherit;
			background: #003B65;
			border-radius: 0.333rem;
			max-width: 280px;
			padding: 0.5em 0.3em;
		}

		#contrate .kits .kit3 .box .valor {
			background: #005998;
		}

	#contrate .infos {
	}

		#contrate .infos .white-box {
			margin-bottom: 26px;
			text-align: center;
			padding: 1.5em 1em;
		}

		#contrate .infos .icone {
			color: #1DB7E3;
			font-size: 2em;
			line-height: 1.1em;
			margin: 0 0 0.2em 0;
		}

		#contrate .infos h4 {
			color: #1F1E65;
			font-weight: bold;
			font-size: 1.111em;
			line-height: 1.3em;
			margin: 0 0 0.4em 0;
		}

		#contrate .infos p {
			font-size: 0.889em;
			line-height: 1.4em;
			margin: 0 0 0.8em 0;
		}

		#contrate .infos .obs {
			color: #1DB7E3;
			line-height: 0.778em;
			line-height: 1.222em;
		}

		#contrate .infos .box1 p {
			line-height: 1.6em;
		}

		#contrate .infos .box2 .tbl {
			padding: 0 1em;
		}

			#contrate .infos .box2 .tbl .tcol {
				width: 33%;
			}

		#contrate .infos .box3 p,
		#contrate .infos .box4 p {
			text-align: left;
		}


#contrate-form {
	background: #fbfbfb;
}


#dvcd {
}

	#dvcd .box {
		background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);
		border-radius: 0.333em;
		border: solid 1px #f1f1f1;
		box-shadow: 0.4em 0.4em 0.8em rgba(0,0,0,0.07);
		padding: 1em 2em;
	}

		#dvcd .box .icone {
			font-size: 2em;
			color: #0F92D5;
		}

		#dvcd .box h3 {
			font-weight: bold;
		}

		#dvcd .box h4 {
			font-size: inherit;
			color: #0F92D5;
			font-weight: bold;
			line-height: 1.3em;
		}



#home-blog {
}

	#home-blog .vert {
		position: relative;
		text-transform: uppercase;
		color: #1DB7E3;
		font-size: 0.776em;
		line-height: 1em;
		letter-spacing: 0.5em;
		font-weight: bold;
		height: 10em;
	}

		#home-blog .vert span {
			display: block;
			white-space: nowrap;
			transform: rotate(270deg) translateX(-100%) translateY(160%);
			position: absolute;
			transform-origin: left top;
		}

	#home-blog .titulo4 {
		padding-top: 0.3em;
		color: #1DB7E3;
	}

	#home-blog .slides {
		width: 100%;
	}

	#home-blog .post {
		height: 16.6em;
		position: relative;
	}

		#home-blog .post:after {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.5) 100%);
			z-index: 1;
		}

		#home-blog .post .inner {
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 10;
			width: 100%;
			padding: 1em;
		}

			#home-blog .post .inner .data {
				margin: 0 0 0.3em 0;
			}

			#home-blog .post .inner .titulo2 {
				color: #fff;
				font-weight: bold;
				line-height: 1.133em;
			}

	#home-blog .owl-dots {
		display: none;
	}

	#home-blog .owl-nav {
		width: 100%;
		text-align: center;
		padding: 1em 0 0 0;
	}

		#home-blog .owl-nav > button {
			display: inline-block;
			color: #1CB6E3;
			font-size: 0.889em;
			margin: 0 1em;
		}

			#home-blog .owl-nav > button:active {
				transform: scale(0.9);
			}

@media (min-width: 1300px) {
	#home-blog .owl-carousel .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active {
		opacity: 0.33;
	}

	#home-blog .slides {
		width: 145%;
	}

	#home-blog .owl-nav {
		width: 74%;
	}
}


#home-servicos {
	position: relative;
	z-index: 400;
}

	#home-servicos .bg {
		padding: 12.8em 0 0 0;
		position: relative;
		overflow: visible;
	}

		#home-servicos .bg:after {
			content: "";
			position: absolute;
			width: 3000px;
			height: 19.389em;
			bottom: 0;
			left: -3000px;
			background: url(../img/home_servicos_lado.jpg) right center no-repeat #1DB6E3;
			background-size: contain;
		}

		#home-servicos .bg .box {
			background: #1F1E66;
			padding: 2em;
			color: #fff;
		}

			#home-servicos .bg .box .slides {
				position: relative;
				padding-right: 4em;
			}

			#home-servicos .bg .box .titulo1,
			#home-servicos .bg .box .titulo1 * {
				color: #F4F4F4;
			}

			#home-servicos .bg .box p {
				font-size: 0.889em;
				line-height: 1.4em;
			}

	#home-servicos .owl-dots {
		display: none;
	}

	#home-servicos .owl-nav {
		position: absolute;
		width: 3em;
		right: -4em;
		height: 100%;
		top: 0;
		text-align: center;
		padding: 2em 0 0 0;
	}

		#home-servicos .owl-nav > button {
			display: block;
			color: #1CB6E3;
			font-size: 0.889em;
			margin: 0 0 0.5em 0;
			width: 100%;
		}

			#home-servicos .owl-nav > button:active {
				transform: scale(0.9);
			}



#home-sobre .intro .tbl img {
	width: 5.944em;
}

#home-sobre .intro .link-mais .icone > span {
	border-color: #D3F2FA;
}

#home-sobre {
	position: relative;
	z-index: 100;
}

	#home-sobre .vert {
		position: relative;
		text-transform: uppercase;
		color: #1DB7E3;
		font-size: 0.776em;
		line-height: 1em;
		letter-spacing: 0.5em;
		font-weight: bold;
		height: 10em;
	}

		#home-sobre .vert span {
			display: block;
			white-space: nowrap;
			transform: rotate(270deg) translateX(-100%) translateY(160%);
			position: absolute;
			transform-origin: left top;
		}

	#home-sobre .vantagens {
	}

		#home-sobre .vantagens .unidade {
			border-radius: 0.333em;
			background: #000;
			overflow: hidden;
		}

			#home-sobre .vantagens .unidade .imgbg {
				opacity: 0.9;
				transition: all 0.2s;
			}

			#home-sobre .vantagens .unidade:hover .imgbg {
				opacity: 1;
			}

			#home-sobre .vantagens .unidade .nome {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				text-align: center;
				font-weight: bold;
				color: #fff;
				padding: 0.5em;
				font-size: 0.889em;
				line-height: 1.2em;
			}

	#home-sobre .parceiros {
	}

		#home-sobre .parceiros .titulo4 {
			line-height: 1.6em;
		}

		#home-sobre .parceiros .parceiro {
			border-radius: 0.333em;
			overflow: hidden;
			background: #fff;
			box-shadow: 0.35em 0.35em 0.8em rgba(0,0,0,0.07);
		}

			#home-sobre .parceiros .parceiro .imgbg {
				background-size: contain;
			}

	#home-sobre .unidades-base {
		position: relative;
	}

		#home-sobre .unidades-base .bg {
			position: absolute;
			z-index: 100;
			left: -13px;
			top: -3em;
			width: 50vw;
			height: 140%;
			background: url(../img/home_sobre_mapa.jpg) left top no-repeat;
		}

	#home-sobre .h-unidades {
		margin-left: 3.5em;
		padding: 1.5em;
		text-align: center;
		position: relative;
		z-index: 200;
	}

		#home-sobre .h-unidades .unidade {
			margin: 0 0 2.8em 0;
			position: relative;
		}

			#home-sobre .h-unidades .unidade:last-child {
				margin-bottom: 0;
			}

			#home-sobre .h-unidades .unidade .icone {
				font-size: 1.6em;
				color: #1DB7E3;
				line-height: 1.1em;
				margin: 0 0 0.2em 0;
			}

			#home-sobre .h-unidades .unidade h5 {
				font-size: 1em;
				font-weight: normal;
				color: #1F1E65;
				line-height: 1.2em;
				margin: 0 0 0.5em 0;
			}

			#home-sobre .h-unidades .unidade p {
				color: #7f7f7f;
				font-size: 0.889em;
				line-height: 1.7em;
				margin: 0 0 0.2em 0;
			}

			#home-sobre .h-unidades .unidade h2 {
				color: #F4F4F4;
				font-size: 3.7em;
				font-weight: 900;
				text-align: center;
				width: 100%;
				line-height: 0.5em;
				position: absolute;
				bottom: -0.65em;
				letter-spacing: -0.06em;
			}





#hero {
	background: #10103E;
	position: relative;
	z-index: 800;
	padding: 0px !important;
	overflow: hidden;
}

	#hero .tbl-hero {
		height: 33.333em;
	}

		#hero .tbl-hero > .col2 {
			width: 35%;
			border-left: solid 2px #1AACDD;
			text-align: right;
		}

			#hero .tbl-hero > .col2 .video {
				/*background: linear-gradient(to bottom, #165481 0%,#0E3D78 100%);
				border-radius: 0.5em;
				text-align: center;
				color: #fff;
				padding: 1.9em;
				display: inline-block;*/
				background: url(../img/video.jpg) no-repeat;
				background-size: cover;
				border-radius: 0.5em;
				text-align: center;
				color: #fff;
				padding: 3.93em 7em;
				display: inline-block;
			}

				#hero .tbl-hero > .col2 .video h4 {
					font-size: 1em;
					font-weight: normal;
					color: #F6FBFD;
					line-height: 1.3em;
					margin: 0 0 0.8em 0;
				}

				#hero .tbl-hero > .col2 .video .play {
					/*display: inline-block;
					color: #1CB6E3;
					font-weight: normal;
					text-transform: uppercase;
					padding: 0.35em 0 0.35em 2.667em;
					background: url(../img/home_hero_play.png) left center no-repeat;
					background-size: auto 1.933em;*/
					display: inline-block;
					width: 100px;
					color: #1CB6E3;
					font-weight: normal;
					text-transform: uppercase;					
					background: url(../img/play-video.png) center center no-repeat;
					background-size: cover;
					height: 56.25px;
				}

		#hero .tbl-hero > .col1 {
			position: relative;
			background: #1B1A63;
		}

			#hero .tbl-hero > .col1:after {
				content: "";
				position: absolute;
				z-index: 1;
				right: 0;
				top: 0;
				width: 70vw;
				height: 100%;
				background: url(../img/hero_bg.jpg) right top no-repeat #1B1A63;
				background-size: auto 100%;
			}

			#hero .tbl-hero > .col1 .inner {
				position: relative;
				z-index: 200;
			}

			#hero .tbl-hero > .col1 .slides {
				width: 100%;
				overflow: hidden;
			}

			#hero .tbl-hero > .col1 .slide {
				padding: 1em;
			}

				#hero .tbl-hero > .col1 .slide .promo {
					display: inline-block;
					border: solid 1px #FFCB33;
					color: #FFCB33;
					font-size: 0.667em;
					line-height: 1.4em;
					padding: 0.2em 0.8em;
					text-transform: uppercase;
					letter-spacing: 0.35em;
					margin: 0 0 1.6em 0;
				}

				#hero .tbl-hero > .col1 .slide .titulo1 {
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				#hero .tbl-hero > .col1 .slide p {
					color: #fff;
					line-height: 1.6em;
				}

	#hero .seta {
		display: block;
		color: #1DB6E4;
		border: solid 1px #1DB6E4;
		width: 2.8em;
		height: 2.8em;
		border-radius: 1.4em;
		text-align: center;
		line-height: 2.6em;
		cursor: pointer;
		border-width: 1px 3px 3px 1px;
		margin: 0.8em auto;
	}

		#hero .seta:active {
			transform: scale(0.9);
		}

		#hero .seta:hover {
			color: #fff;
			border-color: #fff;
		}





#footer {
	background: url(../img/footer_bg.png) repeat #222;
	position: relative;
	z-index: 100;
	color: #fff;
}

#footer1 {
	padding: 2.778em 0;
	border-bottom: solid 1px #393939;
	position: relative;
}

	#footer1:after {
		content: "";
		position: absolute;
		left: -100vw;
		bottom: -1px;
		width: 300vw;
		border-bottom: inherit;
	}

	#footer1 .newsletter {
		position: relative;
		font-size: 0.944em;
	}

		#footer1 .newsletter .email {
			background: #333;
			color: #fff;
			line-height: 1.765em;
			padding: 0.882em 9em 0.882em 2em;
			border: none;
			width: 100%;
			position: relative;
			z-index: 1;
		}

			#footer1 .newsletter .email:focus {
				background: #444;
			}

		#footer1 .newsletter .s {
			position: absolute;
			font-size: 0.882em;
			right: 0.333em;
			top: 0.333em;
			z-index: 10;
			border: none;
			padding: 0 2em;
			color: #FBFEFD;
			text-transform: uppercase;
			font-weight: bold;
			line-height: 3.333em;
			text-align: center;
			cursor: pointer;
			background: #666;
		}

			#footer1 .newsletter .s:hover {
				background: #888;
			}

	#footer1 .social {
		text-align: right;
		padding: 0.3em 0 0 0;
	}

		#footer1 .social li {
			display: inline-block;
			margin: 0 0.73em 0 0;
		}

			#footer1 .social li:last-child {
				margin-right: 0px !important;
			}

			#footer1 .social li a {
				display: block;
				width: 2.5em;
				line-height: 2.5em;
				text-align: center;
				background: #333;
				border-radius: 1.25em;
			}

				#footer1 .social li a:hover {
					background: #444;
				}

#footer2 {
	padding: 1.778em 0;
	position: relative;
}

	#footer2 .menu {
		display: table;
		width: 100%;
		text-align: center;
		font-size: 0.944em;
		line-height: 1.6em;
		white-space: nowrap;
		text-transform: uppercase;
		color: #1DB7E3;
		font-weight: bold;
	}

		#footer2 .menu li {
			display: table-cell;
			position: relative;
		}

			#footer2 .menu li:after {
				content: "";
				position: absolute;
				right: -13px;
				top: 20%;
				height: 60%;
				border-right: solid 1px #393939;
			}

			#footer2 .menu li:last-child:after {
				display: none;
			}

			#footer2 .menu li a {
				display: block;
				padding: 0 0.3em;
			}

				#footer2 .menu li a:hover {
					color: #FBFEFD;
				}

#footer3 {
	padding: 2em 0;
	border: solid 1px #393939;
	position: relative;
}

	#footer3 .unidade {
		text-align: center;
		margin: auto;
		max-width: 15.56em;
	}

		#footer3 .unidade:after {
			content: "";
			position: absolute;
			right: -13px;
			top: 20%;
			height: 60%;
			border-right: solid 1px #393939;
		}

	#footer3 .row > div:last-child .unidade:after {
		display: none;
	}

	#footer3 .unidade .icone {
		color: #1DB7E3;
		margin: 0 0 0.3em 0;
		line-height: 1em;
		font-size: 1.4em;
	}

	#footer3 .unidade .nome {
		margin: 0 0 0.5em 0;
	}

	#footer3 .unidade .endereco {
		color: #7F7F7F;
		font-size: 0.889em;
		line-height: 1.5em;
		margin: 0 0 0.4em 0;
	}

	#footer3 .unidade .chegar {
		color: #1DB7E3;
		font-size: 0.833em;
		line-height: 1.4em;
		text-transform: uppercase;
	}

#footer4 {
	padding: 1.68em 0;
	position: relative;
}

	#footer4 .row {
		font-size: 0.889em;
		color: #B2B2B2;
		line-height: 1.111em;
	}

	#footer4 a:hover {
		color: #fff;
	}


#loading {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5000;
	width: 100%;
	height: 100%;
	width: 100vw;
	height: 100vh;
	background: url(../img/loading.gif) center center no-repeat rgba(255,255,255,0.95);
	transition: all 0.5s;
}

.still-loading #loading {
	width: 60px;
	height: 60px;
}

.loaded #loading {
	visibility: hidden;
	opacity: 0;
}



/* ==========================================================================
   Resposivo
   ========================================================================== */

/* 1206px+ */
@media (min-width: 1206px) {
	.qlg {
		margin-bottom: 26px;
	}
}


/* até 1205px */
@media (max-width: 1205px) {
	html {
		font-size: 17px;
	}

	.qmd {
		margin-bottom: 26px;
	}

	.tbl .tcol.bmd {
		display: block;
		width: 100% !important;
	}

	.unidades .unidade .info {
		padding: 1.2em;
	}

	#servico .intro .contrate {
		padding: 1em;
	}

	#contrate .documentacao {
		padding: 1.5em;
	}

	#home-sobre .h-unidades {
		margin-left: 0;
		padding: 1em;
	}
}

/* até 991px */
@media (max-width: 991px) {
	html {
		font-size: 16px;
	}

	.qsm {
		margin-bottom: 26px;
	}

	.tbl .tcol.bsm {
		display: block;
		width: 100% !important;
	}

	#header .col2 {
		padding-right: 0px !important;
	}

	.titulo1 {
		font-size: 1.8em;
	}

	.titulo2 {
		font-size: 1.2em;
	}

	#telefones {
		font-size: 0.75em;
	}

		#telefones ul li {
			margin-right: 0.6em;
		}

	.unidades .unidade .info {
		padding: 0.8em;
	}

	#alguns-clientes .white-box {
		padding: 1.5em 1.5em 2em 1.5em;
	}

	#alguns-clientes .header {
		max-width: none;
	}

	#contato1 .telefones .inner ul {
		display: block;
	}

		#contato1 .telefones .inner ul li {
			display: block;
			padding: 0px !important;
		}

			#contato1 .telefones .inner ul li + li {
				margin-top: 0.2em;
			}

	#time.open .equipe {
		max-height: 500vh;
	}

	#blog .blog-lado {
		border-top: solid 3px #E2ECF4;
		padding-top: 30px;
	}

	#contrate .documentacao {
		padding: 1em;
	}

	#contrate .infos .box2 .tbl {
		padding: 0;
	}

	#home-sobre .unidades-base .bg {
		display: none;
	}

	#footer3 .unidade:after {
		display: none;
	}
}

/* até 767px */
@media (max-width: 767px) {
	html {
		font-size: 15px;
	}

	.qxs {
		margin-bottom: 26px;
	}

	.tbl .tcol.bxs {
		display: block;
		width: 100% !important;
	}

	.btn1.bxs {
		display: block;
		width: 100%;
		padding: 0.8em;
	}

	#telefones {
		display: none;
	}

		#telefones .tcol {
			padding-right: 1em;
		}

	.touch #telefones {
		overflow: auto;
		display: block;
	}

	#header .mobile-menu-base {
		position: relative;
		z-index: 2700;
	}

		#header .mobile-menu-base .btn1 {
			padding-right: 1em;
			padding-left: 1em;
		}

			#header .mobile-menu-base .btn1 .aberto {
				display: none;
			}

	.menu-open #header .mobile-menu-base .btn1 .aberto {
		display: inline-block;
	}

	.menu-open #header .mobile-menu-base .btn1 .fechado {
		display: none;
	}

	#header .menu {
		position: absolute;
		right: 13px;
		top: 5em;
		background: linear-gradient(to right, #1ebbe5 0%,#0a82cf 100%);
		display: block;
		width: auto;
		color: #fff;
		border-radius: 0.3em;
		text-align: right;
		transition: all 0.4s;
		top: 0.8em;
		opacity: 0;
		visibility: hidden;
		overflow: hidden;
		z-index: 2600;
		font-size: 1em;
	}

	.menu-open #header .menu {
		top: 4.2em;
		opacity: 1;
		visibility: visible;
		box-shadow: 0.4em 0.4em 0.8em rgba(10,130,207,0.5);
	}

	#header .menu li {
		display: block;
	}

		#header .menu li a {
			padding: 0.5em 1em 0.5em 3em;
			color: #fff !important;
		}

		#header .menu li.cli a {
			font-weight: bold;
		}

		#header .menu li a:hover {
			background: rgba(255,255,255,0.1);
		}

	#sobre .mo > .tbl {
		display: block;
	}

		#sobre .mo > .tbl > .tcol {
			display: block;
			padding: 0px !important;
		}

			#sobre .mo > .tbl > .tcol + .tcol {
				margin-top: 2em;
			}

	#time.open .equipe {
		max-height: 700vh;
	}

	#contrate .documentacao .tcol {
		display: block;
		width: 100% !important;
	}

		#contrate .documentacao .tcol img {
			margin-top: 1em;
		}

	#hero {
		height: auto;
	}

		#hero .container {
			padding: 0;
		}

		#hero .tbl-hero {
			display: block;
			height: auto;
		}

			#hero .tbl-hero > .tcol {
				display: block;
				width: 100% !important;
				padding: 0px !important;
			}

		#hero .tbl-slider > .tcol.um {
			padding-left: 13px !important;
		}

		#hero .tbl-hero > .col2 {
			border: none;
			padding: 2em !important;
			text-align: center;
		}

		#hero .tbl-links {
			padding: 0;
		}

			#hero .tbl-links > .tcol {
				display: block;
				width: 100% !important;
				padding: 0 0 1em 0 !important;
			}

		#hero .tbl-hero > .col1 .slide {
			padding-left: 0;
		}

	#footer1, #footer2, #footer3, #footer4 {
		padding: 1.5em 0;
	}

		#footer1:after {
			display: none;
		}

		#footer1 .social {
			text-align: center;
			padding: 0;
		}

		#footer2 .menu li:after {
			display: none;
		}
}

/* até 500px */
@media (max-width: 500px) {
	#sobre .mo {
		padding: 1em;
	}

		#sobre .mo img {
			width: 3em;
		}

	#contrate .infos .box2 .tbl .tcol {
		display: block;
		width: 100% !important;
		padding: 0px !important;
		margin: 0 0 16px 0;
	}

	#dvcd .box {
		padding: 1em 0.8em;
	}

	#footer1 .newsletter .email {
		padding-left: 1em;
		padding-right: 7em;
	}

	#footer1 .newsletter .s {
		padding: 0 0.9em;
	}

	#footer2 .menu {
		display: block;
		white-space: normal;
	}

		#footer2 .menu li {
			display: inline-block;
		}
}






/*! HTML5 Boilerplate v4.3.0 - FINAL */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 150%
	}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto
	}

.invisible {
	visibility: hidden
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a, a:visited {
		text-decoration: underline
	}

		a[href]:after {
			content: " (" attr(href) ")"
		}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	tr, img {
		page-break-inside: avoid
	}

	img {
		max-width: 100% !important
	}

	@page {
		margin: .5cm
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3
	}

	h2, h3 {
		page-break-after: avoid
	}
}