/** RESET ESTILO **/
* { 
	margin:0; 
	padding:0;
	list-style:none;
	/*transition: all 0.2s;
	/*-moz-transition: all 0.2s; /* Firefox 4 */
	/*-webkit-transition: all 0.2s; /* Safari and Chrome */
	/*-o-transition: all 0.2s; /* Opera */
}
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

img,
picture,
video,
embed {
   max-width: 100%;
}

object[type="application/gas-events-uni"] { display: none; }
a, a:active, a:focus { outline: none; color: #AC1818; background: transparent; }
a:hover { color: #AC1818; transition: all 0.2s; -moz-transition: all 0.2s; /* Firefox 4 */ -webkit-transition: all 0.2s; /* Safari and Chrome */ -o-transition: all 0.2s; /* Opera */ }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight: 800; letter-spacing: -0.05em; }
h2 { font-size: 3.6em; text-transform: uppercase; }

p { font-size: 1.4em; }

hr { border-bottom: solid 1px #ddd; border-top: 0; margin: 0; padding:0; }
hr.barraZigzag { height: 13px; width: 150px; background: url(../img/barraZigzag.png) left center; border: none; margin: 30px auto; margin-bottom: 40px; }

/* FONTS WEB */
.source { font-family: 'Source Sans Pro', sans-serif; }

body { margin: 0; padding: 0; font-size:100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #333; background: url(../img/marca_dagua.png); background-size: 123em; background-repeat: no-repeat; background-position-x: 1em; background-position-y: 24em; }
section { padding: 80px 0; }
section:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/****** TOPO ******/
#topo { background: rgba(0,0,0,0.5); position: fixed; top: 0; width: 100%; z-index: 8888; border-radius: 0; height: 52px;  }
#topo .navbar-brand { padding-top:10px; position: absolute; width: 100%; left: 0; margin: 0; text-align: center;}
#topo .navbar-brand img { width: 120px; z-index: 8888; margin: auto; }
#topo .nav { z-index: 88; }
#topo .nav a { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 13px; text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3); }
#topo .navbar-nav > li { margin: 0 10px; }
#topo .navbar-nav > li a:focus { color: #fff; background: transparent; }
#topo .navbar-nav > li a.active { color: #FDCF00; background: transparent; }
#topo .navbar-nav > li a:hover, #topo .navbar-nav > li a:active { background: transparent; color: #FDCF00; }
#topo .navbar-nav > li a.social { color: #AC1818; background: #FDCF00 ; font-size: 16px; font-weight: normal; }
#topo .navbar-nav > li a.fa-instagram { padding-left: 0; padding-right: 0; }
#topo .navbar-toggle { background: #AC1818; z-index: 78; }
#topo .navbar-toggle span { background: #FDCF00; }
.fixo { background: #AC1818 !important; -webkit-box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.3); box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.3);}

/****** SECTION BANNER ******/
#inicio { padding: 0; }
#tvbanner { background: #333; }
#tvbanner .item { background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 550px; width: 100%; }
#tvbanner .carousel-caption { max-width: 350px; text-align: right; top: 40%; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7); }
#tvbanner .left span, #tvbanner .right span { top:50%; position: absolute; }


/****** SECTION FAIXA HOME ******/
.faixahome { background: #BD0F21 0% 0% no-repeat padding-box; opacity: 1; position: relative; }
.faixahome h2 { color: #FDCF00; }
.faixahome p { color: #fff; font-style: italic; font-size: 1.6em; }
.faixahome .topo { fill: #AC1818; position: absolute; z-index: 19; left: 0; top: -19px; border:none; }
.faixahome .rodape { fill: #AC1818; position: absolute; z-index: 19; left: 0; bottom: -19px; border:none; }

/****** SECTION FUNCIONALIDADES ******/
#funcionalidades { background:url(../img/bg_funcionalidades.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; padding: 0; position: relative; }
#funcionalidades .corTransparente { background-color: rgba(0,0,0,.6); padding-top: 130px; padding-bottom: 150px; }
#funcionalidades h2 { color: #fff; text-align: center; }
#funcionalidades hr { width: 150px; margin: 30px auto; border: 0; border-bottom: solid 2px #fff; }
#funcionalidades .boxFuncoes { background: #fff; min-height: 300px; max-width: 1000px; margin: 0 auto; position: relative; padding: 30px 50px; padding-bottom: 60px; -webkit-box-shadow: 0px 0px 80px 0px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 80px 0px rgba(0,0,0,1); box-shadow: 0px 0px 80px 0px rgba(0,0,0,1); }
#funcionalidades .boxFuncoes h3 { text-transform: uppercase; font-size: 4em; width: 70%;  margin-bottom: 10px; font-weight: 900; }
#funcionalidades .boxFuncoes hr { border-color: #AC1818; margin-left: 0; width: 100px; border-width: 8px;  }
#funcionalidades .boxFuncoes p { font-size: 1.6em; color: #999; line-height: 1.5em; }
#funcionalidades .boxFuncoes .botRolaFuncoes { position: absolute; right: 0; bottom: 0; padding: 20px; background: rgba(0,0,0,.5); color: #fff; } 
#funcionalidades .boxFuncoes .botRolaFuncoes:hover { background: rgba(0,0,0,.7); color: #FDCF00; }
#funcionalidades .boxFuncoes .left { right: 51px;  }
#funcionalidades .boxFuncoes .contador { right: 102px; font-size: 1.4em; line-height: 14px; }


/****** SECTION SOBRE ******/
#sobre { position: relative; padding-bottom: 0; -webkit-box-shadow: 0px 35px 50px 0px rgba(0,0,0,0.7); -moz-box-shadow: 0px 35px 50px 0px rgba(0,0,0,0.7); box-shadow: 0px 35px 50px 0px rgba(0,0,0,0.7); z-index: 90; }
#sobre > h2 { color: #AC1818; text-align: center; margin-bottom: 50px; font-family: 'Pacifico', cursive; text-transform: none; letter-spacing: normal; font-size: 5em; }
#sobre .txtSobre { font-size: 2em; font-style: italic; color: #999; }
#sobre h3 { color: #AC1818; margin-bottom: 10px; }
#sobre p { font-size: 1.6em; line-height: 1.5em; }
#sobre .btnApp { margin: 5px; }

/****** SECTION BENEFICIOS ******/
#beneficios {  background: url(../img/bg_beneficios.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0; margin-top: 40px; position: relative; }
#beneficios::before { content: " "; display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 17px; background: url(../img/bordaPapel.png) left center; z-index: 99; }
#beneficios .row > div { min-height:500px; padding: 120px 30px;  }
#beneficios .row > div:last-child { background: #AC1818; }
#beneficios .row > div:last-child h2 { color: #7E0505; margin-bottom: 40px; padding-left: 20px; }
#beneficios .listaBeneficios li { margin-bottom: 40px; margin-right: 10%; padding-left: 20px; }
#beneficios .listaBeneficios li i { background-color: #FDCF00; display: block; width: 60px; height: 60px; float: left; margin-left: -80px; background-size: 70%; background-repeat: no-repeat; background-position: center; }
#beneficios .listaBeneficios li h3 { color: #FDCF00; margin: 0; }
#beneficios .listaBeneficios li p { color: #fff; }

/****** SECTION ESTABELECIMENTOS ******/
#estabelecimentos h2 { text-align: center; }
#estabelecimentos #slideParceiros .imgCliente { height: 130px; width: 100%; background: #AC1818; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 20px; border-radius: 10px; }
#estabelecimentos #slideParceiros .logoCliente { height: 80px; width: 80px; position: absolute; background: white; right:-10px ; bottom: -10px; border: solid 5px #fff; border-radius: 10px; }
#estabelecimentos #slideParceiros .row h3 { color: #AC1818; font-size: 2em; }
#estabelecimentos #slideParceiros .row a.btn { color: #AC1818; background: #FDCF00; border-radius: 25px; padding: 10px 20px; font-size: 1.4em; display: block; float: left;   }
#estabelecimentos #slideParceiros .row a.btn:hover { text-decoration: none; background: #AC1818; color: #FDCF00; }
#estabelecimentos #slideParceiros .row > div { margin-bottom: 25px; display: table; min-height: 310px; }
#estabelecimentos #slideParceiros .row div p { overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

#estabelecimentos #slideParceiros .indicadores { text-align: center; margin-bottom: 50px; font-size: 20px; }
#estabelecimentos #slideParceiros .indicadores .carousel-indicators { position: relative; width: auto; margin: 0; left: 0; display: inline-block; bottom: -2px; }
#estabelecimentos #slideParceiros .indicadores .left, #estabelecimentos #slideParceiros .indicadores .right { color:#AC1818; text-decoration: none; }
#estabelecimentos #slideParceiros .indicadores .marcador li {  width: 15px; height: 15px; border-radius: 100%; display: inline-block; background: #FDCF00; margin-bottom: 3px; }
#estabelecimentos #slideParceiros .indicadores .marcador li.active { background: #AC1818 !important; }
#estabelecimentos .jumbotron { text-align: center;  background: #FDCF00; border-bottom: solid 5px #de9c03;  }
#estabelecimentos .jumbotron h2 { color: #AC1818; }
#estabelecimentos .jumbotron p { width: 80%; margin: auto; margin-bottom: 25px; font-weight: 300; color: #333; font-style: italic; font-size: 16px; }
#estabelecimentos .jumbotron label { font-size: 1.4em; }

/****** SECTION DEPOIMENTO ******/
#depoimentos { background: url(../img/bg_depoimento.jpg) center no-repeat; background-size: cover; padding: 80px 0; -webkit-box-shadow: inset 0px 0px 62px -17px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 62px -17px rgba(0,0,0,1);
box-shadow: inset 0px 0px 62px -17px rgba(0,0,0,1); }
#depoimentos h2 { text-align: center; margin-bottom: 20px; }
/*#depoimentos #slideDepoimentos { position: relative; }*/
#depoimentos #slideDepoimentos .row { margin: 0 10%; }
#depoimentos .boxDepoimento { margin: 15px; border: solid 1px #AC1818; padding: 30px; margin-bottom: 50px; }
#depoimentos .boxDepoimento p { font-size: 1.8em; font-weight: 900; text-align: center; color:#AC1818;  }
#depoimentos .boxDepoimento .dadosPessoa { bottom: 0; margin: 0 auto; width: 250px; margin-top: 40px; margin-bottom: -45px; }
#depoimentos .boxDepoimento .dadosPessoa .fotoDepoimento { background: #AC1818; width: 70px; height: 70px; border: 5px solid #fff; border-radius: 50%; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); float: left; margin-right: -20px; margin-top: -15px; margin-bottom: 20px; z-index: 90; position: relative; }
#depoimentos .boxDepoimento .dadosPessoa b { background: #AC1818; padding: 5px 15px; padding-left: 30px; color: #FDCF00; font-size: 1.4em; }
#depoimentos .boxDepoimento .dadosPessoa i { background: #AC1818;  padding: 5px 15px; padding-left: 30px; color: #fff; font-size: 1.2em; }
#depoimentos #slideDepoimentos a.left { color: #fff; font-size: 3em; position: absolute; top: 45%; z-index: 999; left: 5%; }
#depoimentos #slideDepoimentos a.right { color: #fff; font-size: 3em; position: absolute; top: 45%; z-index: 998; right: 5%; }


/****** SECTION CADASTRO ******/
#cadastro { background: url(../img/bg_cadastro.png); background-size: 230px; position: relative; padding: 0;  }
#cadastro .corTransparente { padding: 100px 0; background: rgba(240,240,240,.9); }
#cadastro h2 { text-transform: uppercase; text-align: center; } 
#cadastro i { text-align: center; display: block; font-size: 1.8em; color: #777; margin-bottom: 25px; padding: 0 30px; }
#cadastro .tabCadastro { display: table; width: 260px; margin: 0 auto; margin-bottom: 30px; }
#cadastro .tabCadastro li { float: left; }
#cadastro .tabCadastro li a { display: block;  background: #AC1818; color: #FDCF00; padding: 10px 25px; border-radius: 25px; margin-right:10px; font-size: 18px; text-decoration: none; border-bottom: solid 3px #c73030;  }
#cadastro .tabCadastro li.active a {   background: #FDCF00; color: #AC1818; border-bottom: solid 3px #de9c03;  }
#cadastro .tabCadastro li a .glyphicon { display: none; font-size: 18px; vertical-align: baseline; }
#cadastro .tabCadastro li.active a .glyphicon { display: inline; }
#cadastro .tabCadastro li:last-child a { margin-right: 0; }
#cadastro .formCadastro { max-width: 800px; }
#cadastro .formCadastro label { font-size: 1.4em; margin-left: 5px; }
#cadastro .boxFacebook { background: #fff; border: solid 1px #ddd; border-left: solid 5px #ccc; border-radius: 5px; padding: 15px 20px; margin-bottom: 25px; -webkit-box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.3); box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.3); } 
#cadastro .boxFacebook .row div:last-child { text-align: right;}


/****** CONTATO / RODAPE ******/
#contato { background: #333333; color: #fff; padding-top: 5px; }
#contato .container {  padding-top: 50px; padding-bottom: 50px; }
#contato .dados { text-align: center; padding-bottom: 15px; }
#contato .dados h3 { color:#FDCF00; }
#contato .dados img { width: 80px; margin: 0 auto; margin-bottom: 10px; }
#contato .dados a { color: #fff; text-decoration: underline; }
#contato hr { border-top: solid 1px #111111; border-bottom: solid 1px #555555; width: 100%; margin: 5px 0; }
#contato .botoes a { color: #fff; text-align: center; display: block; padding: 15px 25px; border-radius:30px; background: #444; margin: 15px 0; text-decoration: none; font-size: 14px; }
#contato .botoes a:hover { background:#AC1818 ; color: #FDCF00; }
#contato #instafeed { position: relative; }
#contato #instafeed img { width: 23%; height: 100px;  margin:1%; filter: brightness(50%); }
#contato #instafeed img:hover { filter: brightness(100%); }
#contato #instafeed .linkInstagram { width: 80px; height: 80px; background: url(../img/icone_instagram.png) center no-repeat #fff; background-size: cover; border-radius:10px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; z-index: 91; }
.copyright { background: #222; text-align: center; color: #666; padding: 20px 0; font-size: 12px; }
.copyright img { margin: 5px; }

/****** BOTÕES ******/
.btn-warning { background: #FDCF00; color: #AC1818; border-width: 5px; border-color:#FDCF00 ; border-radius: 35px; padding: 10px 25px; font-weight: 600; text-transform: uppercase;  }
.btn-warning:hover { background: #AC1818; border-color: #FDCF00;  } 

/** RESPONSIVO **/
@media (max-width: 1800px) { 
	
}
@media (max-width: 1200px) { 
	.container { width: 98%; }
}

@media (max-width: 992px) { 	
	.navbar .container { width: 100%; }
	#navbar { padding: 0; }
	#topo .navbar-nav > li { margin: 0 ; }
	#topo .navbar-nav > li a {  padding-left: 10px; padding-right: 10px; }
}

/** MOBILE **/
@media (max-width: 767px) {
	h2 { font-size: 2.8em; }
	#topo .container { padding: 0; width: 100%; }
	#topo .navbar-brand { margin-left: 15px; }
	#topo .navbar-toggle { margin-right: 30px; }
	#topo .navbar-brand img { margin: 0; margin-left: -15px; left: 0; }
	#navbar { float: left; background: #AC1818; width: 100%; margin: 0; padding: 20px 0; }
	#navbar ul { margin: 0; float: none !important; width: 100% !important; text-align: center; }
	#navbar .social { float: left; margin-left: 15px; margin-bottom: 15px; margin-top: 10px; }
	#topo .navbar-nav > li a.fa-instagram { padding-left: 15px; padding-right: 15px; }
	#topo nav { margin-top: 1px; width: 100%; } 
	#tvbanner .item { min-height: 350px; }
	#tvbanner .carousel-caption { width: 65%; margin: auto; text-align: center; top: auto; bottom: 50px; }
	#tvbanner .carousel-caption h2 { font-size: 2.4em; }
	#tvbanner .carousel-caption p { display: none; }
	#tvbanner .right span { right: 30%; }
	.faixahome { text-align: center; }
	#funcionalidades .boxFuncoes h3 { font-size: 3em; width: 100%; }
	#sobre h2 { font-size: 4em; }
	#sobre > .row div { margin-bottom: 20px; }
	#sobre .text-right { text-align: left !important; }
	#beneficios { background: none; }
	#beneficios .row > div { padding: 120px 10px; }
	#beneficios .listaBeneficios li i { margin-left: 0px; margin-right: 20px; }
	#estabelecimentos h2 { width: 90%; margin: auto; }
	#cadastro .tabCadastro li a { padding: 10px 23px; }
	#cadastro .boxFacebook, #cadastro .boxFacebook .row div:last-child { text-align: center; }
	#contato #instafeed { margin-top: 15px; }
	#contato #instafeed img { width: 31.33%; height: auto; }
}

/* TIRA BUG DO MENU NO MOBILE */
nav {transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */
}