@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
body, p, li {
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #686A71;
	}
p span, li span {
	font-size: 80%;
	}
h1, h2, h3, h4, h5, h6 {
	color: #BC282E;
	text-align:center;
	font-family: 'Open Sans', 'Arial', sans-serif;
}
h1 {
	margin-bottom: 2rem;
	font-size: 44px;
	}
h2 {
  margin-bottom: 1rem;}

h3 {
  margin-bottom: 0.9rem;}

h4 {
  margin-bottom: 0.5rem;}

h5 {
  margin-bottom: 0.5rem;}

h6 {
  margin-bottom: 0.5rem;}
p, li {
	font-size: 14px;
}

 a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	}
hr.pontinhada {
  border-bottom: 1px dotted #dedede; }
.home p, .home li {
	font-size: 16px;
	}
/* Efeitos */
.active-img {
  position: relative;
  transform: scale(1);
  transition: 0.4s ease;
  z-index: 13; }

  .active-img:hover {
    position: relative;
    transform: scale(1.2);
    z-index: 15; }

.txt_branco,
h1.txt_branco, h2.txt_branco, h3.txt_branco, h4.txt_branco, h5.txt_branco, h6.txt_branco {
	color: #FFF;
	}
.txt_cinza,
h1.txt_cinza, h2.txt_cinza, h3.txt_cinza, h4.txt_cinza, h5.txt_cinza, h6.txt_cinza {
	color: #686a71;
	}
.sombra_txt {
	text-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.6); 
	}
.sombra {
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.5);
}
.ocultar {display:none;}

.callout.cor_01,
.callout.cor_02,
.callout.cor_03,
.callout.cor_04,
.callout.cor_explorer,
.callout.cor_professional,
.callout.cor_standart,
.callout.cor_enterprise
{
	background-color: #bf2825;
	border: 0;
}
.callout.cor_02{
	background: rgba(219,22,22,0.78);
}
.callout.cor_03{
	background: rgba(131,0,12,1);
}
.callout.cor_04{
	background: rgba(230,230,230,1);
}
.callout.cor_explorer, .cor_explorer{
    background-color: #c97651;
}
.callout.cor_professional, .cor_professional{
    background-color: #453a4e;
}
.callout.cor_standart, .cor_standart{
    background-color: #8b375e;
}
.callout.cor_enterprise, .cor_enterprise{
    background-color: #c53545;
}

.callout.cor_01 p,
.callout.cor_02 p,
.callout.cor_03 p,
.callout.cor_explorer p,
.callout.cor_professional p,
.callout.cor_standart p,
.callout.cor_enterprise p,
.callout.cor_04 p,
.callout.cor_01 li,
.callout.cor_02 li,
.callout.cor_03 li,
.callout.cor_04 li,
.callout.cor_01 h4,
.callout.cor_02 h4,
.callout.cor_03 h4,
.callout.cor_04 h4{
	color: #FFFFFF;
}
.callout.cor_04 p,
.callout.cor_04 li,
.callout.cor_04 h4{
	color: #686A71;
}
.callout.cor_01 h5,
.callout.cor_02 h5,
.callout.cor_03 h5,
.callout.cor_04 h5{
	color: #fbb03b;
}
.callout.cor_explorer h5,
.callout.cor_professional h5,
.callout.cor_standart h5,
.callout.cor_enterprise h5{
	color: #cdced0;
}
.callout.cor_01 hr,
.callout.cor_02 hr,
.callout.cor_03 hr,
.callout.cor_04 hr{
  border-bottom: 1px solid #d39071;
 }
.button-group .button:hover {
      background-color: #686a71;
      color: #fefefe; }

.margin_bottom_8 {
	margin-bottom: 0.5rem;
	}
.margin_bottom_10 {
	margin-bottom: 10px;
	}
.margin_bottom_16 {
	margin-bottom: 1rem;
	}
.margin_bottom_32 {
	margin-bottom: 2rem;
	}
.margin_bottom_64 {
	margin-bottom: 4rem;
	}
.margin_bottom_120 {
	margin-bottom: 120px;
	}
.margin_bottom_0 {
	margin-bottom: 0;
	}	
	@media only screen and (max-width: 40.000em) {
		.small_margin_bottom_2 {
			margin-bottom: 2rem;
		}
		.small_margin_bottom_3 {
			margin-bottom: 3rem;
		}
	}
.margin_top_100 {
	margin-top: 100px;
	}
.padding_bottom_0 {
	padding-bottom: 0;
	}	

/*Configurações inerentes à imagem do BGFULL*/
.bgfull_img {
	display: block;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	background-attachment: fixed;
	height: 37.5rem;
	min-height: 37.5rem;
	height: auto !important;
	z-index: 1;
	position: relative;
	}
/*configurações para monitores de até 1024 de largura*/
	@media only screen and (max-width: 86em) {
		.bgfull_img {
		height:32rem;
		min-height: 32rem;
	    height: auto !important;
		background-position: center -130px;
		background-size: auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment:scroll;
		}
}
/*configurações para monitores de até 1366 de largura*/
		@media only screen and (min-width: 86em) {
		.bgfull_img {
		height:32rem;
		min-height: 32rem;
	    height: auto !important;
		background-position: center -90px;
		background-size: auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment:scroll;
		}
}
/*configurações para monitores de até 1920 de largura*/
	@media only screen and (min-width: 119em) {
		.bgfull_img {
		height:38rem;
		min-height: 38rem;
	    	height: auto !important;
		background-position: center center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment:scroll;
		}
}
/*configurações para monitores superiores à 3840 de largura - nunca testado*/
	@media only screen and (min-width: 239em) {
		.bgfull_img {
		height:35rem;
		min-height: 35rem;
	    height: auto !important;
		background-position: center -60px;
		background-size: auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-attachment:scroll;
		}
}

.bgfull_destaque, .bgfull_article, .bgfull_article_2, .bgfull_1, .bgfull_2, .bgfull_3, .bgfull_4, .bgfull_rs, .bgfull_footer, .bgfull_titulo {
	width: 100%;
	padding-bottom: 40px;
}
.bgfull_top2 {
	width: 100%;
	padding-left: 60px;
	padding-right: 60px;
}
	@media only screen and (max-width: 64em) {
		.bgfull_top2 {
			width: 100%;
			padding-left: 10px;
			padding-right: 10px;
		}
	}
	@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
		.bgfull_top2 {
			width: 100%;
			padding-left: 40px;
			padding-right: 40px;
		}
	} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
	@media only screen and (min-width: 90.063em) and (max-width: 120em) { 
		.bgfull_top2 {
			width: 100%;
			padding-left: 220px;
			padding-right: 220px;
		}
	} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
.bgfull_destaque {
	background-color: #FFFFFF;
	background-image: url(../img/destaque.jpg);
}
.explorer {
	background-image: url(../img/banners/digifort-explorer.jpg);
}

.reconhecimento {
	background-image: url(../img/banners/reconhecimento.png);
}


.standard {
	background-image: url(../img/banners/digifort-standard.jpg);
}
.professional {
	background-image: url(../img/banners/digifort-professional.jpg);
}
.enterprise {
	background-image: url(../img/banners/digifort-enterprise.jpg);
}
.matriz {
	background-image: url(../img/banners/matriz-de-recursos.jpg);
}
.mesa {
	background-image: url(../img/banners/mesa-controladora.jpg);
}
.leitor {
	background-image: url(../img/banners/leitor-biometrico.jpg);
}
.placa {
	background-image: url(../img/banners/leitura-de-placa.jpg);
}
.intel {
	background-image: url(../img/banners/intel-background.jpg);
}
.alarme {
	background-image: url(../img/banners/alarme-e-automacao.jpg);
}
.video {
	background-image: url(../img/banners/gerenciamento-de-video.jpg);
}
.gestao {
	background-image: url(../img/banners/gestao-de-ocorrencias.jpg);
}
.analise {
	background-image: url(../img/banners/analise-avancada-de-video.jpg);
}
.live-witness {
	background-image: url(../img/banners/live-witness.jpg);
}
.florense {
	background-image: url(../img/banners/analise-forense.jpg);
}
.camera {
	background-image: url(../img/produtos/video/destaque_camera.jpg);
}
.insight {
	background-image: url(../img/produtos/video/destaque_insight.jpg);
}
.ipx-banner {
	background-image: url("../img/banners/digifort-ipx.jpg")	
}
.download {
	background-image: url(../img/banners/downloads.jpg);
}
.parceiros {
	background-image: url(../img/banners/parceiros-tecnologicos.jpg);
}
.onde-comprar {
	background-image: url(../img/banners/onde-comprar.jpg);
}
.equipamentos {
	background-image: url(../img/banners/equipamentos-integrados.jpg);
}
.cloud {
	background-image: url(../img/banners/digifort-cloud.jpg);
}
.DAM {
	background-image: url(../img/banners/digifort-DAM.jpg);
}
.drone {
	background-image: url(../img/banners/digifort-drone01.jpg);
}
.drone2 {
	background-image: url(../img/banners/digifort-drone02.jpg);
}
.middleware {
	background-image: url("../img/banners/middleware.jpg");
}
.insight-banner {
	background-image: url("../img/banners/insight-banner.jpg");
}
.news {
	background-image: url(../img/banners/digifort-news.jpg);
}
.bgfull_article, .bgfull_article_2 {
	padding-top: 40px;
}
.bgfull_article.padding_top_0 {
	padding-top: 0px;
}
.bgfull_article_2 {
	background-color:#bf2825;
}
.distribuidores {
	background-image: url(../img/banners/distribuidores.jpg);
}
.revendas {
	background-image: url(../img/banners/revendas.jpg);
}
.contato {
	background-image: url(../img/banners/contato.jpg);
}
.treinamento {
	background-image: url(../img/banners/treinamento.jpg);
}
.registros {
	background-image: url(../img/banners/registros-de-licenca.jpg);
}
.design-tool {
	background-image: url(../img/banners/design-tool.jpg);
}
.digifort {
	background-image: url(../img/banners/digifort.jpg);
}
.bgfull_1 {
	background-color: #FFFFFF;
}
.bgfull_2 {
	background-image: url(../img/case.jpg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	background-attachment: fixed;
	height: 40rem;
	min-height: 40rem;
    height: auto !important;
}
.bgfull_3 {
	background-image: url(../img/onde-comprar.jpg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	background-attachment: fixed;
	height: 40rem;
	min-height: 40rem;
    height: auto !important;
}
.bgfull_4 {
	background-color: #FAFAFA;
}
.bgfull_rs {
	background-color: #E6E6E6;
	padding-top: 8px;
    padding-bottom: 0px;
}
.bgfull_footer {
	background-color: #BC282E;
	padding-top: 40px;
}
.bgfull_titulo {
	background-color: #993333;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 45px;
}
.bgfull_titulo.bgfull_titulo_0 {
	margin-bottom: 0px;
}
.bgfull_titulo h1, .bgfull_titulo h2 {
	color: #FFFFFF;
	font-size: 30px;
	margin-bottom: 0;
}
.barra_destaque,
.barra_destaque_2 {
	background: rgba(131,0,12,0.88);
	height: 58px;
	padding: 0;
}
.barra_destaque_2 {
	background: rgba(131,0,12,0.82);
	height: 50px;
}
.barra_destaque h1 {
	font-size: 30px;
    color: #FFFFFF;
    padding-top: 7px;
}
.barra_destaque_2 h2 {
	font-size: 27px;
    color: #FFFFFF;
    padding-top: 6px;
}
.case {
	padding-top: 120px;
}
.ondecomprar {
	padding-top: 220px;
}

/* icones/redes sociais */

img.imgrs {
	height: 40px;
	width: 40px;
	text-align: left;
	font-weight: 600;
	display: block;
	float: left;
	padding: 0;
}
span.txtrs {
	height: 40px;
	width: auto;
	padding-left: 5px;
	padding-top: 8px;
	font-size: 15px;
	color: #9A9A9A;
	text-align: left;
	font-weight: 600;
	display: block;
	float: left;
}
a.rs:hover,
a.rs:hover span{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

a.rs-facebook, a.rs-youtube {
	height: 40px;
	width: 100%;
	padding-left: 50px;
	padding-top: 7px;
	font-size: 17px;
	color: #9A9A9A;
	background-image: url(../img/icones/facebook.svg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	font-weight: 600;
	display: block;
	float: left;
}
a.rs-youtube {
	background-image: url(../img/icones/youtube.svg);
}
a:hover.rs-facebook, a:hover.rs-youtube {
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

.pricing-table {
  border: solid 1px #DDDDDD; }
  .pricing-table li {
    border-bottom: dotted 1px #DDDDDD;
    font-size: 0.75rem;
    padding: 0.875rem 1.125rem; }
    .pricing-table li:last-child {
      border-bottom: 0; }
  .pricing-table .title {
    background-color: #333333;
    color: #EEEEEE;
    font-size: 0.875rem;
    border-bottom: 0; }
  .pricing-table .price {
    background-color: #F6F6F6;
    color: #333333;
    font-size: 1.5rem;
    border-bottom: 0; }
  .pricing-table .description {
    color: #777777;
    font-size: 1.1rem; }
  .pricing-table .button {
    margin: 0; }

.pricing-table .cor_explorer {
    background-color: #c97651;
    color: #FAFAFA;}
.pricing-table .cor_standard {
    background-color: #453a4e;
    color: #FAFAFA;}
.pricing-table .cor_professional {
    background-color: #8b375e;
    color: #FAFAFA;}
.pricing-table .cor_enterprise {
    background-color: #c53545;
    color: #FAFAFA;}

/* Back to top button */
#back-top {
	position: fixed;
	bottom: 30px;
	right: 20px;
	z-index: 90;
}
@media only screen and (max-width: 37em) {
/* Resize 592px */
#back-top {
	right: 0px;
	bottom: 0px;
}
}
#back-top a {
	width: 45px;
	display: block;
	text-align: center;
	font: 9px;
	text-transform: uppercase;
	text-decoration: none;
	color: #453a4e;
	font-weight:300;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #453a4e;
}
/* arrow icon (span tag) */
#back-top span {
	width: 45px;
	height: 45px;
	display: block;
	margin-bottom: 7px;
	background-color: rgba(197, 53, 69, .7);	

	/* rounded corners */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	/* background color transition */
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	text-align:center;
}
#back-top a:hover span {
	background-color: rgba(197,53,59,.9);
	color:rgba(255,255,255,1);
}
/* End Back to top button */

/* Efeito imagem + botão http://codepen.io/anon/pen/WpwBvr */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0,0,0,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 65px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
/* fim boxes */

/* floating box style */
.floating-form { /*contact form wrapper*/
    width: 300px;
	max-width: 300px;
    padding: 30px 30px 10px 30px;
    border: 1px solid #ddd;
    right: 10px;
    position: fixed; /*Form position fixed*/
	z-index: 10000;
	background: #FFF;
	font-size: 13px;
    }
.contact-opener { /*opener button*/
    position: absolute;
    left: -55px;
    transform: rotate(-90deg); /* rotate button -90deg */
    top: 160px;
    padding: 9px;
    color: #fff;
	background: #BC282E;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
	z-index: 10001;
	margin: 0;
	font-size: 14px;
}
.floating-form-heading {
	border-bottom: 1px solid solid;
	margin-bottom: 10px;
}
/* end floating box style */

/* Form */

select {
	font-size: 12px;
}

.button.border {
    background-color: #FFFFFF;
    color: #BC282E;
	border-width: 1px;
	border-style: solid;
	border-color: #BC282E;}
    .button.border:hover, .button.border:focus {
	background-color: #DDDDDD;
	color: #BC282E;
	border-color: #DDDDDD;
	  }


.reveal {
	z-index: 10000000;
}

a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}

@media screen and (min-width: 64em) {
.large-2-5 {
    width: 20%; }
}