@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700,600);

/* ==========================================================================

    Util

    ========================================================================== */

a {

	color: #006388;

}

a:hover {

	color: #006388;

	text-decoration: underline;

}

.transition {

    -webkit-transition: all .3s ease-in-out;

       -moz-transition: all .3s ease-in-out;

        -ms-transition: all .3s ease-in-out;

         -o-transition: all .3s ease-in-out;

            transition: all .3s ease-in-out;

}

body {

	font-family: 'ProximaNovaRegular', sans-serif;

	color: #444444;

}

p {

	font-size: 16px;

}

hr {

	background: none;

}

@media (min-width: 991px) {

	.main {

		margin-top: -100px!important;

	}

}

.main {

	margin-top: 0px;

}

.txt-center {

	text-align: center;

}

.txt-left {

	text-align: left;

}

.txt-right {

	text-align: right;

}

.m-top {

	margin-top: 60px;

}

.m-auto {

	margin: 0 auto;

}

.i-block {

	display: inline-block;

}

.title-geral {

	font-size: 32px;

	font-family: 'ProximaNovaRegular';

	color: #444444;

	margin-top: 45px;

}

.title-geral strong {

	font-family: 'ProximaNovaBold';

}

.title-topo {

	font-size: 60px;

	font-family: 'ProximaNovaBold';

	text-transform: uppercase;

	color: #FFFFFF;	

	line-height: 50px;

	margin-bottom: 20px;

}

.subtitle-topo {

	font-size: 40px;

	font-family: 'ProximaNovaRegular';

	text-transform: none;

	color: #FFFFFF;	

}

.txt-title {

	font-family: 'ProximaNovaRegular';

	font-size: 16px;

	color: #FFFFFF;

	margin-top: 25px;

}

.google-map {

	margin: 35px 0 0 0;

}

.btn-default {

	background-color: #006388;

	border: none;

	border-radius: 0;

	position: relative;

	color: #FFFFFF;

	font-size: 18px;

	text-transform: uppercase;

	padding: 10px 45px;

}

.btn-default:after {

	content: '';

	position: absolute;

	bottom: -2px;

	height: 2px;

	width: 100%;

	background: #000;

	left: 0;

}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {

	background-color: #006388;

}

.hvr-btn-default {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-btn-default:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #444444;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-btn-default:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {

  color: white;

}

.hvr-btn-default:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

.upper {

	text-transform: uppercase;

}





/* ==========================================================================

    Font

    ========================================================================== */

	

@font-face {

    font-family: 'ProximaNovaSemibold';

    src: url('../fonts/ProximaNovaSemibold.eot');

    src: url('../fonts/ProximaNovaSemibold.eot') format('embedded-opentype'),

         url('../fonts/ProximaNovaSemibold.woff2') format('woff2'),

         url('../fonts/ProximaNovaSemibold.woff') format('woff'),

         url('../fonts/ProximaNovaSemibold.ttf') format('truetype'),

         url('../fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold') format('svg');

}

@font-face {

    font-family: 'ProximaNovaBold';

    src: url('../fonts/ProximaNovaBold.eot');

    src: url('../fonts/ProximaNovaBold.eot') format('embedded-opentype'),

         url('../fonts/ProximaNovaBold.woff2') format('woff2'),

         url('../fonts/ProximaNovaBold.woff') format('woff'),

         url('../fonts/ProximaNovaBold.ttf') format('truetype'),

         url('../fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg');

}

@font-face {

    font-family: 'ProximaNovaLight';

    src: url('../fonts/ProximaNovaLight.eot');

    src: url('../fonts/ProximaNovaLight.eot') format('embedded-opentype'),

         url('../fonts/ProximaNovaLight.woff2') format('woff2'),

         url('../fonts/ProximaNovaLight.woff') format('woff'),

         url('../fonts/ProximaNovaLight.ttf') format('truetype'),

         url('../fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');

}

@font-face {

    font-family: 'ProximaNovaRegular';

    src: url('../fonts/ProximaNovaRegular.eot');

    src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'),

         url('../fonts/ProximaNovaRegular.woff2') format('woff2'),

         url('../fonts/ProximaNovaRegular.woff') format('woff'),

         url('../fonts/ProximaNovaRegular.ttf') format('truetype'),

         url('../fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg');

}





/* ==========================================================================

    Header

    ========================================================================== */

#header {

	min-height: 100px;

	padding: 0;

}

#header.darken-top-border {

	background: transparent;

	border-top: 0!important;

	border-bottom: solid 1px rgba(255,255,255,0);

	position: relative;

	z-index: 100;

}

#header h1.logo {

	padding-top: 30px;

}

#header.colored nav ul.nav-main {

	margin-top: 30px;

}

#header.flat-menu nav ul.nav-main li > a {

    color: #FFF;

    font: normal 15px 'ProximaNovaRegular';

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

    padding-bottom: 0;

    margin: 0 0 0 25px;

    border: solid 2px transparent;

    padding: 14px 5px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

#header.flat-menu nav ul.nav-main li > a.btn-contato {

    border-radius: 10px;

	border: solid #fff 2px;

}

#header.flat-menu nav ul.nav-main li.login {

	position: absolute;

	top: 0;

	right: 15px;

}

#header.flat-menu nav ul.nav-main li.login > a {

    font-size: 14px;

    text-transform: none;

    padding: 0;

	background: url(../img/icons/btn-login.png) left center no-repeat;

	padding-left: 15px;

}

#header.flat-menu nav ul.nav-main li.login > a:hover {

	border-bottom: solid 0.5px #FFF;	

}

#header.flat-menu nav ul.nav-main li > a.btn-contato:hover {

	background: rgba(0,0,0,0.6)!important;

}

#header.flat-menu nav ul.nav-main > li > a.btn-contato {

	border-top: solid #fff 2px;

	padding: 14px 25px;

}

#header.flat-menu nav ul.nav-main li > a:focus,

#header.flat-menu nav ul.nav-main li > a:hover {

	background-color: transparent!important;

	border-bottom: solid 2px #FFF;

}

body #header.flat-menu nav ul.nav-main li a, 

body #header.flat-menu nav ul.nav-main li.dropdown:hover > a {

	border-bottom: 2px solid transparent;

}

#header > .navbar-collapse > .container {

	padding-bottom: 30px;

}

.breadcrumb a,

.breadcrumb > .active {

	color: #FFF;

    font: normal 12px 'ProximaNovaRegular';

	text-transform: uppercase;

}

@media (min-width: 992px) and (max-width: 1199px) {

	#header nav ul.nav-main > li + li {

		margin-left: -16px;

	}

	#header.flat-menu nav ul.nav-main li > a {

		font: normal 14px 'ProximaNovaRegular';

		margin: 0 0 0 20px;

		padding: 14px 4px;

	}

}

@media (max-width: 991px) {

	#header.darken-top-border > .container {

		height: 80px;

	}

	#header {

		min-height: 80px;

		padding: 0;

	}

	#header.flat-menu .btn-responsive-nav, #header.center .btn-responsive-nav {

	    top: 27px;

	}

	#header h1.logo {

		padding-top: 10px;

	}

	#header.darken-top-border {

		background: #171717;

	}

}

@media (max-width: 767px) {

	#header.flat-menu nav ul.nav-main li.login {

		top: 12px;

	}

	.topo-bkp.topo-mobile {

		height: 182px!important;

	}

	.topo-mobile {

		background: url(../img/topo-mobile.jpg) repeat !important;

		height: 150px!important;

		padding-top: 35px !important;

		text-align: center;

	}

	.topo-mobile .title-topo {

		font-size: 42px;

		margin-bottom: 0;

	}

	.topo-mobile .subtitle-topo {

		font-size: 20px;

	}

}



/* ==========================================================================

    Capa

    ========================================================================== */

.icons-arrows {

	margin-top: 80px;

	margin-bottom: 80px;

}

.icons-arrows .icon-arrow {

	margin-top: 100%;

}

.icons-arrows .icon-arrow-bottom {

	margin-bottom: 25px;

}

.icons-arrows p {

	font-size: 18px;

	text-transform: uppercase;

}

@media (max-width: 767px) {

	#sistemas .sistema-4r {

		background: url(../img/bg-4r.jpg) center center no-repeat;

		background-size: auto 100%;

	}

	#sistemas .sistema-4c {

		background: url(../img/bg-4c.jpg) center center no-repeat;

		background-size: auto 100%;

	}

	.wrap-tabela {

		max-width: 360px;

		margin: 0 auto;

	}

}

@media (min-width: 992px) {

	#sistemas .sistema-4r .links-sistema .btn-default {

		margin-left: 18px;

	}

	#sistemas .sistema-4c .links-sistema .btn-default {

		margin-right: 18px;

	}

}

@media (min-width: 768px) {

	#sistemas {

		background: url(../img/bg-sistemas.jpg) center center no-repeat;

		background-size: auto 100%;

	}

}

#sistemas,

#sistemas a {

	color: #FFF;

}

#sistemas .title-sistema {

	font-size: 32px;

	font-family: 'ProximaNovaBold';

	color: #FFFFFF;

	text-transform: none;

	padding-top: 66px;

	margin-bottom: 10px;

}

#sistemas .subtitle-sistema {

	font-size: 22px;

	font-family: 'ProximaNovaRegular';

	color: #FFFFFF;

	text-transform: none;

}

#sistemas .txt-sistema {

	font-size: 16px;

	font-family: 'ProximaNovaRegular';

	color: #FFFFFF;

	margin-top: 40px;

	margin-bottom: 60px;

}

@media (max-width: 1199px) {

	#sistemas .txt-sistema {

		min-height: 96px;

	}

}

#sistemas .links-sistema {

	margin-top: 40px;

	padding-bottom: 60px;

}

#sistemas .links-sistema .btn-default {

	margin-bottom: 14px;

}

#sistemas .sistema-4r .icon-service {

    padding-right: 60px;

    min-height: 90px;

    font-size: 18px;

    font-family: 'ProximaNovaBold';

    line-height: 20px;

}

#sistemas .sistema-4r .icon-service.tempo {

	background: url(../img/icons/services/tempo.png) right 0 no-repeat;

}

#sistemas .sistema-4r .icon-service.seguranca {

	background: url(../img/icons/services/seguranca.png) right 0 no-repeat;

}

#sistemas .sistema-4r .icon-service.consultoria {

	background: url(../img/icons/services/consultoria.png) right 0 no-repeat;

}

#sistemas .sistema-4r .icon-service.relatorios {

	background: url(../img/icons/services/relatorios.png) right 0 no-repeat;

}

#sistemas .sistema-4c .icon-service {

    padding-left: 60px;

    padding-top: 12px;

    min-height: 90px;

    font-size: 18px;

    font-family: 'ProximaNovaBold';

    line-height: 20px;

}

#sistemas .sistema-4c .icon-service.inteligencia {

	background: url(../img/icons/services/inteligencia.png) left 12px no-repeat;

}

#sistemas .sistema-4c .icon-service.seguranca {

	background: url(../img/icons/services/seguranca.png) left 0 no-repeat;

}

#sistemas .sistema-4c .icon-service.eficacia {

	background: url(../img/icons/services/eficacia.png) left 0 no-repeat;

}

#sistemas .sistema-4c .icon-service.relatorios {

	background: url(../img/icons/services/relatorios.png) left 0 no-repeat;

}

.bkp-emails {

	background: #F7F7F7;

	padding-bottom: 70px;

	padding-top: 20px;

}

.tabela-planos {

	margin-top: 60px;

	background: #EEEEEE;

	border: 1px solid #CCCCCC;

}

.tabela-planos.popular:before {

    content: '';

    height: 80px;

    width: 79px;

    background: url(../img/icons/popular.png);

    top: -11px;

    right: -11px;

    position: absolute;

}

.tabela-planos .titulo-plano {

	font-size: 22px;

	height: 74px;

	text-transform: uppercase;

	color: #444444;

}

.tabela-planos .preco-plano {

	background: #444444;

	color: #FFFFFF;

	font-size: 55px;

	height: 90px;

	font-weight: bold;	

}

.tabela-planos .preco-plano small {

	font-size: 32px;

}

.tabela-planos .preco-plano span {

    font-size: 14px;

    float: none;

    display: inline-block;

    line-height: 15px;

}

.tabela-planos .info-plano {

	height: 50px;

	font-size: 16px;

	color: #444444;

	border-bottom: solid 1px #cccccc;

}

.tabela-planos .separador {

	padding: 0 15px;

}

@media (max-width: 767px) {

	.tabela-planos .preco-plano {

		font-size: 50px;

	}

	.tabela-planos .preco-plano small {

		font-size: 30px;

	}

}

@media (min-width: 768px) and (max-width: 992px) {

	.tabela-planos .preco-plano {

		font-size: 42px;

	}

	.tabela-planos .preco-plano small {

		font-size: 26px;

	}

	.tabela-planos .preco-plano span {

		font-size: 12px;

	}

}



/* ==========================================================================

    Contato

    ========================================================================== */

.contato {

	background: url(../img/bg-contato.jpg) center top;

	padding-top: 60px;

	padding-bottom: 60px;

	background-size: auto 100%;

	min-height: 618px;

	color: #ffffff;

}

.contato .title-geral {

	color: #FFFFFF;

	margin-top: 10px;

	margin-bottom: 50px;

}

.contato label {

	display: none;

}

.contato input {

	height: 50px;

	border-radius: 0;

}

.contato input:active,

.contato input:hover,

.contato input:focus,

.contato input:visited,

.contato textarea:active,

.contato textarea:hover,

.contato textarea:focus,

.contato textarea:visited,

.contato select:active,

.contato select:hover,

.contato select:focus,

.contato select:visited {

	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.75);

	-moz-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.75);

	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.75);

}

.contato .input {

	margin-bottom: 20px;

}

.contato textarea {

	border-radius: 0;

	height: 170px;

}

.contato .contact-info {

	font-size: 16px;

	font-family: 'ProximaNovaLight', sans-serif;

}

.contato .contact-info h3 {

	color: #FFF;

	text-transform: none;

	font-size: 18px;

	font-family: 'ProximaNovaBold', sans-serif;

	margin-bottom: 10px;

}

.contato .contact-info li {

	line-height: 30px;

}

.contato .contact-info .phone {

	font-family: 'ProximaNovaSemibold', sans-serif;

	font-size: 38px;

	color: #FFFFFF;

	padding-top: 8px;

	padding-bottom: 15px;

	display: inline-block;

	text-decoration: none;

}

.contato .contact-info .email {

	font-family: 'ProximaNovaRegular', sans-serif;

	color: #FFFFFF;

	margin-left: 5px;

	text-decoration: underline;

	font-size: 18px;

}

.form-control {

	height: 50px;

	border-radius: 0;

	border:none;

}

.form-control select {

	padding: 10px;

}

option {

	font-size: 16px;

}

div.form-error {

    background: #ff3838;

    padding-left: 8px;

    padding-right: 8px;

}

.alert {

	margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px;

    padding: 10px 60px;

    font-size: 18px;

}

.alert-success {

    color: #ffffff;

    background-color: #07956E;

    border-color: #07956E;

}

.close {

	opacity: 1;

	text-shadow: none;

	top: 0!important;

}

/* ==========================================================================

    Sobre Nós

    ========================================================================== */

.topo-sobre-nos {

	height: 360px;

	padding-top: 180px;

	background: url(../img/bg-down.jpg) center top no-repeat;

}

.somos-pela {

	padding-top: 80px;

	position: relative;

}

.somos-pela .img-plataformas {

	position: absolute;

	top: 0;

}

.somos-pela .txt-somos-pela {

	padding-top: 80px;

	padding-bottom: 100px;

}

.conhecimento-tecnolgia {

	background: #F7F7F7;

	padding-top: 160px;

	padding-bottom: 30px;

}

.conhecimento-tecnolgia h3 {

	text-transform: none;

	color: #444444;

	font-size: 32px;

}

.experiencia {

	background: #006388;

	position: relative;

}

.experiencia h3 {

	color: #FFFFFF;

	text-transform: none;

	font-size: 32px;

}

.experiencia p {

	color: #FFFFFF;

}

.experiencia .text-experiencia {

	padding-top: 60px;

	padding-bottom: 20px;

}

.experiencia .text-experiencia:before {

	content: '';

    height: 100%;

    width: 1086px;

    background: url(../img/bg-experiencia.jpg) center top no-repeat;

    background-size: auto 100%;

    position: absolute;

    left: -1036px;

    top: 0;

}

@media (max-width: 1199px) {

	.somos-pela .img-plataformas {

		padding-right: 30px;

	}

	.somos-pela .txt-somos-pela {

		padding-top: 0;

		padding-bottom: 60px;

	}

	.experiencia .text-experiencia:before {

	    left: -1066px;

	}	

}

@media (max-width: 991px) {

	.somos-pela .img-plataformas {

		top: -30px;

	}

	.conhecimento-tecnolgia {

		padding-top: 60px;

	}

	.experiencia .text-experiencia:before {

	    display: none;

	}

}

@media (max-width: 767px) {

	.somos-pela .img-plataformas {

		position: initial;

		padding-bottom: 45px;

	}

	.somos-pela .txt-somos-pela {

		padding-top: 0;

		padding-bottom: 60px;

	}

	.somos-pela .img-plataformas {

		padding-right: 0px;

	}

}

.valores {

	padding-top: 60px;

	padding-bottom: 60px;

	background: #F7F7F7;

}

.valores .title-geral {

	margin-top: 0;

	margin-bottom: 50px;

	font-size: 20px;

}

.valores img {

	margin: 0 auto;

}



.valores h3{

	text-transform: none;

    color: #444444;

    font-size: 32px;

}

.valores .sub{

	text-transform: none;

    color: #444444;

    font-size: 20px;

    margin-top: -20px;

}

.valores .logo1{

	margin-top: 70px;

}

.valores .logo2{

	margin-top: 70px;

}

@media (max-width: 767px) {

	.valores h3{

		margin-top: 80px;

		text-align: center;

	}

	.valores p, .valores .sub{

		text-align: center;

	}

	.valores .logo1{

		margin-top: 0px;

	}



}



.quem-confia {

	padding-bottom: 60px;

	padding-top: 30px;

}

.quem-confia .slider-empresas img,

.quem-confia .slider-empresas-company img {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	opacity: 0.6;

}

.quem-confia .slider-empresas img:hover,

.quem-confia .slider-empresas-company img:hover {

	-webkit-filter: grayscale(0%);

	   -moz-filter: grayscale(0%);

	    -ms-filter: grayscale(0%);

		 -o-filter: grayscale(0%);

			filter: grayscale(0%);

    -webkit-transition: all .3s ease-in-out;

   	   -moz-transition: all .3s ease-in-out;

    	-ms-transition: all .3s ease-in-out;

     	 -o-transition: all .3s ease-in-out;

        	transition: all .3s ease-in-out;

    opacity: 1;

}



/* ==========================================================================

    Sistema 4R

    ========================================================================== */

.topo-4r {

	height: 500px;

	padding-top: 200px;

	background: url(../img/bg-topo-4r.jpg) center top no-repeat;

}

.icons-sistema-4r,

.icons-sistema-4c {

	padding-top: 20px;

}

.icons-sistema-4r .icons-arrows,

.icons-sistema-4c .icons-arrows {

	margin-top: 45px;

}

.block-blue {

	background: url(../img/bg-block-blue.jpg) center top no-repeat;	

	padding-top: 30px;

	background-size: auto 100%;

}

.block-blue .title-geral {

	color: #FFFFFF;

	padding-bottom: 30px;

}

.block-blue .icon-4r {

	margin-bottom: 40px;

	min-height: 175px;

	padding-left: 100px;

}

.block-blue .icon-4r.otimizacao-tempo {

	background: url(../img/icons/4r/otimizacao-tempo.png) left 0 no-repeat;

}

.block-blue .icon-4r.agilidade-seguranca {

	background: url(../img/icons/4r/agilidade-seguranca.png) left 0 no-repeat;

}

.block-blue .icon-4r.consultoria-especializada {

	background: url(../img/icons/4r/consultoria-especializada.png) left 0 no-repeat;

}

.block-blue .icon-4r.analise-relatorios {

	background: url(../img/icons/4r/analise-relatorios.png) left 0 no-repeat;

}

.block-blue .icon-4r h3 {

	font-family: 'ProximaNovaSemibold';

	color: #FFFFFF;

	text-transform: none;

	font-size: 20px;

	margin-bottom: 12px;

}

.block-blue .icon-4r p {

	color: #FFFFFF;

	text-transform: none;

	font-size: 16px;

	margin-bottom: 20px;

	font-family: 'ProximaNovaLight', sans-serif;

}

.block-gestao {

	padding-top: 50px;

	padding-bottom: 80px;

	background: #eeeeee;	

}

.block-gestao p {

	margin-bottom: 5px;	

}

.depoimentos {

	padding-top: 60px;

	background: #EEEEEE;

	padding-bottom: 60px;

}

.testimonial {

	padding-left: 15px;

	padding-right: 15px;

	padding-bottom: 25px;

}

.testimonial blockquote {

	background: #006388;

	border-radius: 8px;

	margin-bottom: 0;

	border-left: 0;

	border-bottom: solid 3px #1F2332;

}

.testimonial blockquote p {

	color: #FFFFFF;

	font-family: 'ProximaNovaLight', sans-serif;

	font-size: 15px;

}

.testimonial-arrow-down {

	border: none;

	width: 30px;

	height: 18px;

	margin-top: -3px;

	margin-bottom: 15px;

	background: url(../img/icons/arrow-bottom-testimonial.png) left top no-repeat;

}

.solucoes {

	text-align: center;

	background: #EEEEEE;

	padding-top: 90px;

	padding-bottom: 90px;

}

@media (max-width: 991px) {

	.block-blue .icon-4r {

		min-height: initial;

		margin-bottom: 50px;

	}

}



/* ==========================================================================

    Sistema 4C

    ========================================================================== */

.topo-4c {

	height: 500px;

	padding-top: 200px;

	background: url(../img/bg-topo-4c.jpg) center top no-repeat;

}

.block-gestao-4c {

	padding-bottom: 30px;

	background: #EEEEEE;

}

.block-gestao-4c p {

	margin-bottom: 5px;	

}

.compliance {

	padding-top: 70px;

	padding-bottom: 60px;

}

.compliance h3 {

	font-family: 'ProximaNovaSemibold';

    font-size: 32px;

    background: url(../img/icons/icon-compliance.png) 15px top no-repeat;

    color: #444444;

    padding-left: 120px;

    text-transform: none;

    padding-top: 12px;

    padding-bottom: 18px;

    margin-bottom: 15px;

    line-height: 32px;

}

.compliance h3 strong {

	font-family: 'ProximaNovaBold';

}

.compliance p {

	color: #444444;

	font-size: 16px;

	margin-bottom: 10px;

}

.integracao {

	background: #EEEEEE;

}

.integracao p {

	margin-top: 130px;

}

.img-integracao {

	margin-top: 50px;

	margin-bottom: -50px;

}

@media (max-width: 991px) {

	.compliance {

		margin-bottom: 45px;

	}

	.block-gestao-4c {

		padding-bottom: 50px;

	}

	.integracao p {

		margin-top: 50px;

	}

	.img-integracao {

		margin-top: 30px;

		margin-bottom: 50px;

	}

}



/* ==========================================================================

    Backup de E-mails

    ========================================================================== */

.topo-bkp {

	height: 500px;

	padding-top: 200px;

	background: url(../img/bg-topo-bkp.jpg) center top no-repeat;

}

.pra-que img {

	margin-top: 60px;

	margin-bottom: -15px;

}

.saiba-mais {

	background: #EEEEEE;

	margin-top: 50px;

}

.saiba-mais .title-geral {

	margin-top: 60px;

}

.saiba-mais img {

	margin-top: -15px;

	margin-bottom: 40px;

}

.saiba-mais p strong {

	font-size: 18px;

	color: #4C4C4C;

}

.vantagens {

	padding-top: 30px;

	margin-bottom: 60px;

}

.vantagens .title-geral {

	margin-bottom: 60px;

}

.vantagens .capacidade,

.vantagens .seguro,

.vantagens .acessivel {

	padding-left: 100px;

}

.vantagens .capacidade h3,

.vantagens .seguro h3,

.vantagens .acessivel h3 {

	text-transform: none;

	font-size: 20px;

	color: #444444;

	font-family: 'ProximaNovaSemibold';

	margin-bottom: 10px;

}

.vantagens .capacidade {

	background: url(../img/icons/bkp/capacidade.png) left 10px no-repeat;

}

.vantagens .seguro {

	background: url(../img/icons/bkp/seguro.png) left 10px no-repeat;

}

.vantagens .acessivel {

	background: url(../img/icons/bkp/acessivel.png) left 10px no-repeat;

}

.dominio {

	padding-bottom: 80px;

	padding-top: 40px;

}

.dominio p {

	color: #4C4C4C;

	margin-bottom: 8px;

	font-size: 16px;

}

.dominio p strong {

	font-size: 18px;

	font-family: 'ProximaNovaBold';

}

@media (max-width: 991px) {

	.pra-que {

		margin-bottom: 40px;

	}

	.pra-que img {

		margin-top: 40px;

		margin-bottom: 15px;

	}

	.saiba-mais img {

		margin-top: 40px;

		margin-bottom: 40px;

	}

	.vantagens .capacidade,

	.vantagens .seguro,

	.vantagens .acessivel {

		background-position: left 0;

		padding-left: 100px;

		margin-bottom: 40px;

		min-height: 90px;

	}

}



/* 404 */

.page-404 {

    padding-top: 75px;

    padding-bottom: 75px;

}

.block-404 .title-404 {

    font-family: 'ProximaNovaBold';

    font-size: 160px;

    color: #444444;

    line-height: 126px;

}

.block-404 .title-404 i {

    font-size: 122px;

    vertical-align: top;

}

.block-404 .sub {

    font-size: 20px;

    color: #444444;

}

.menu-404 span {

    font-size: 18px;

}

.menu-404 ul {

    margin-top: 12px;

    list-style: none;

    padding-left: 0;

}

.menu-404 li {

    border-bottom: 1px solid #ddd;

    padding: 14px 50px 12px;

    background: url(../img/arrow-404.png) 20px center no-repeat;

}

.menu-404 li:hover {

    background-position: 30px center;

}

.menu-404 li a {

    color: #444444;

    display: block;

}

.menu-404 li:hover a {

    text-decoration: none;

    color: rgb(0, 162, 222);

}

@media (max-width: 1199px) {

    .block-404 .title-404 i {

        display: none;

    }

}

@media (max-width: 991px) {

    .header-404.main {

        padding-top: 85px;

    }

    .header-404.main .title {

        font-size: 40px;

    }

    .menu-404 {

        margin-top: 60px;

    }

}

@media (max-width: 767px) {

    .header-404.main {

        padding-top: 60px;

    }

}



/* ==========================================================================

    Footer

    ========================================================================== */

#footer {

	background: #222222;

	border-top: 0;

	margin-top: 0;

	font-family: 'ProximaNovaRegular', sans-serif;

}

#footer.short {

	padding-top: 0;

}

#footer h3 {

	color: #EDAF21!important;

	margin-bottom: 10px;

	font-weight: 600;

	font-size: 22px;

}

#footer a {

	color: #393939!important;

}

#footer .more-institutional {

	font-size: 13px;

	font-weight: 700;

}

#footer p {

	color: #FFFFFF;

	font-size: 16px;

	font-weight: 300;

}

#footer h4 {

	color: #FFFFFF!important;

	font-size: 14px;

	font-weight: 600;

}

#footer .phone {

	color: #ffffff!important;

	padding-bottom: 10px;

	font-size: 22px;

}

#footer small {

	font-size: 12px;font-weight: normal;

}

#footer .address {

	line-height: 140%;

}

#footer .logo {

	margin-top: 18px;

}

#footer .login {

	color: #FFF!important;

	font-size: 14px;

    text-transform: none;

    padding: 0;

    background: url(../img/icons/btn-login.png) left center no-repeat;

    padding-left: 15px;

    margin-top: 52px;

    display: inline-block;

}

#footer .copyright {

	margin-right: 15px;

}

#footer .copyright p {

	font-size: 14px;

}

#footer .authors {

	margin-top: 54px;

}

#footer .author {

	height: 24px;

	margin-right: 20px;

	overflow: hidden;

	width: 100px;

}

#footer .author:hover img {

	margin-top: -45px;

}

#footer.short .footer-copyright {

	background: #2A2A2A;

}

#footer .footer-copyright p {

	color: #fff;

}

@media (max-width: 768px) {

	#footer .authors {

		float: left;

		margin-top: 0;

	}

	#footer .login {

		margin-top: 20px;

	}

}



/* Slider */

.slick-slide {

	outline: none;

}

.slick-prev, .slick-next {

  font: normal normal normal 14px/1 FontAwesome;

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 20px;

  height: 70px;

  margin-top: -25px;

  padding: 0;

  cursor: pointer;

  color: transparent;

  border: none;

  outline: none;

  background: transparent;

  z-index: 1; }



.slick-next {

  display: block;

  right: 50%;

  margin-right: -45%; }

  .slick-next:before {

    content: "\f105";

    color: #34373E;

    font-size: 70px; }



.slick-prev {

  display: block;

  left: 50%;

  margin-left: -45%; }

  .slick-prev:before {

    content: "\f104";

    color: #34373E;

    font-size: 70px; }



/* Dots */

.slick-slider {

	margin-bottom: 34px; 

}



.slider-banner .slick-dots {

	bottom: 10px;

}

.slider-banner .slick-dots li button:before {

	color: #FFF;

	font-size: 14px;

}

.slick-dots {

	position: absolute;

	bottom: -34px;

	display: block;

	width: 100%;

	padding: 0;

	list-style: none;

	text-align: center; 

}

.slick-dots li {

	position: relative;

	display: inline-block;

	width: 18px;

	height: 18px;

	margin: 0;

	padding: 0;

	cursor: pointer; 

}

.slick-dots li button {

	font-size: 0;

	line-height: 0;

	display: block;

	width: 18px;

	height: 18px;

	padding: 5px;

	cursor: pointer;

	color: transparent;

	border: 0;

	outline: none;

	background: transparent; 

}

.slick-dots li button:hover, .slick-dots li button:focus {

	outline: none; 

}

.slick-dots li button:before {

	font-family: 'FontAwesome';

	font-size: 8px;

	line-height: 20px;

	position: absolute;

	top: 0;

	left: 0;

	width: 18px;

	height: 18px;

	content: '\f10c';

	text-align: center;

	color: black;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale; 

}

.slick-dots li.slick-active button:before {

	content: '\f111'; 

}

.slick-dots li:hover:before, .slick-dots li:focus:before {

	opacity: 1; 

}

.slick-slide img {

	margin: 0 auto;

}











.col-xs-offset-right-12 {

  margin-right: 100%;

}

.col-xs-offset-right-11 {

  margin-right: 91.66666667%;

}

.col-xs-offset-right-10 {

  margin-right: 83.33333333%;

}

.col-xs-offset-right-9 {

  margin-right: 75%;

}

.col-xs-offset-right-8 {

  margin-right: 66.66666667%;

}

.col-xs-offset-right-7 {

  margin-right: 58.33333333%;

}

.col-xs-offset-right-6 {

  margin-right: 50%;

}

.col-xs-offset-right-5 {

  margin-right: 41.66666667%;

}

.col-xs-offset-right-4 {

  margin-right: 33.33333333%;

}

.col-xs-offset-right-3 {

  margin-right: 25%;

}

.col-xs-offset-right-2 {

  margin-right: 16.66666667%;

}

.col-xs-offset-right-1 {

  margin-right: 8.33333333%;

}

.col-xs-offset-right-0 {

  margin-right: 0;

}

@media (min-width: 768px) {

  .col-sm-offset-right-12 {

    margin-right: 100%;

  }

  .col-sm-offset-right-11 {

    margin-right: 91.66666667%;

  }

  .col-sm-offset-right-10 {

    margin-right: 83.33333333%;

  }

  .col-sm-offset-right-9 {

    margin-right: 75%;

  }

  .col-sm-offset-right-8 {

    margin-right: 66.66666667%;

  }

  .col-sm-offset-right-7 {

    margin-right: 58.33333333%;

  }

  .col-sm-offset-right-6 {

    margin-right: 50%;

  }

  .col-sm-offset-right-5 {

    margin-right: 41.66666667%;

  }

  .col-sm-offset-right-4 {

    margin-right: 33.33333333%;

  }

  .col-sm-offset-right-3 {

    margin-right: 25%;

  }

  .col-sm-offset-right-2 {

    margin-right: 16.66666667%;

  }

  .col-sm-offset-right-1 {

    margin-right: 8.33333333%;

  }

  .col-sm-offset-right-0 {

    margin-right: 0;

  }

}

@media (min-width: 992px) {

  .col-md-offset-right-12 {

    margin-right: 100%;

  }

  .col-md-offset-right-11 {

    margin-right: 91.66666667%;

  }

  .col-md-offset-right-10 {

    margin-right: 83.33333333%;

  }

  .col-md-offset-right-9 {

    margin-right: 75%;

  }

  .col-md-offset-right-8 {

    margin-right: 66.66666667%;

  }

  .col-md-offset-right-7 {

    margin-right: 58.33333333%;

  }

  .col-md-offset-right-6 {

    margin-right: 50%;

  }

  .col-md-offset-right-5 {

    margin-right: 41.66666667%;

  }

  .col-md-offset-right-4 {

    margin-right: 33.33333333%;

  }

  .col-md-offset-right-3 {

    margin-right: 25%;

  }

  .col-md-offset-right-2 {

    margin-right: 16.66666667%;

  }

  .col-md-offset-right-1 {

    margin-right: 8.33333333%;

  }

  .col-md-offset-right-0 {

    margin-right: 0;

  }

}

@media (min-width: 1200px) {

  .col-lg-offset-right-12 {

    margin-right: 100%;

  }

  .col-lg-offset-right-11 {

    margin-right: 91.66666667%;

  }

  .col-lg-offset-right-10 {

    margin-right: 83.33333333%;

  }

  .col-lg-offset-right-9 {

    margin-right: 75%;

  }

  .col-lg-offset-right-8 {

    margin-right: 66.66666667%;

  }

  .col-lg-offset-right-7 {

    margin-right: 58.33333333%;

  }

  .col-lg-offset-right-6 {

    margin-right: 50%;

  }

  .col-lg-offset-right-5 {

    margin-right: 41.66666667%;

  }

  .col-lg-offset-right-4 {

    margin-right: 33.33333333%;

  }

  .col-lg-offset-right-3 {

    margin-right: 25%;

  }

  .col-lg-offset-right-2 {

    margin-right: 16.66666667%;

  }

  .col-lg-offset-right-1 {

    margin-right: 8.33333333%;

  }

  .col-lg-offset-right-0 {

    margin-right: 0;

  }

}



.borda-link {

	border: 3px solid #fff;

	border-radius: 40px; 

}

.borda-link:hover {

	border: 3px solid #efefef;

}