/* FONTS */
@font-face {
	font-family: "Gotham-Black";
	src: url("../../../styles/font/gotham/Gotham-Black.eot");
}

@font-face {
	font-family: "Gotham-Black";
	src: url("../../../styles/font/gotham/Gotham-Black.otf");
}

@font-face {
	font-family: "Gotham-Bold";
	src: url("../../../styles/font/gotham/Gotham-Bold.eot");
}

@font-face {
	font-family: "Gotham-Bold";
	src: url("../../../styles/font/gotham/Gotham-Bold.otf");
}

@font-face {
	font-family: "Gotham-Book";
	src: url("../../../styles/font/gotham/Gotham-Book.eot");
}

@font-face {
	font-family: "Gotham-Book";
	src: url("../../../styles/font/gotham/Gotham-Book.otf");
}

@font-face {
	font-family: "Gotham-Medium";
	src: url("../../../styles/font/gotham/Gotham-Medium.eot");
}

@font-face {
	font-family: "Gotham-Medium";
	src: url("../../../styles/font/gotham/Gotham-Medium.otf");
}

body {
	font-family: 'Gotham-Book';
	font-size: 10pt;
	color: #808378;
}

h1{
	font-family: 'Gotham-Bold';
	font-size: 27pt;
	color: #FFF;
}

h2 {
	font-size: 25pt;
	font-family: 'Gotham-Book';
	color: #3FAF6C;
}

h2 span {
	font-family: 'Gotham-Bold';
}

p {
	margin: 0 0 10px;
}

@media (max-width: 320px) {
	h1, h2 {
		font-size: 17pt;
	}
}

h5 {
	font-family: 'Gotham-Book';
	font-size: 12pt;
	color: #FFF;
	margin-top: 27px;
	margin-bottom: 37px;
}

h5 a {
	color: inherit;
}

h5 a:hover {
	color: inherit;
}

.separetor-line {
	border-top: 1px solid #CCCCCC;
	height: 1px;
}

.circle img{
	height: 65px;
	width: 65px;
	margin-top: 30px;
}

@media (max-width: 767px) {
	.circle {
		text-align: center;
	}
	.circle img{
		margin: 40px auto 10px;
	}
}

/* MENU */
#menu {
	height: 75px;
}

#menu nav {
	height: 75px;
}

.navbar {
  background: #FFF;
  border-bottom: 1px solid rgb(221, 221, 221);
}

.logo img{
	margin-top: 10px;
}

.navbar-collapse {
	margin-top: 12.5px;
}

.navbar-header button {
	border: none;
	margin-top: 21px;
}

.navbar-header .icon-bar {
	background-color: black !important;
}

#menu .nav a {
		font-family: 'Gotham-Medium';
		color: #4a4c3f;
		font-size: 15px;
}

#menu .nav a:hover {
		color: #7c7d75;
}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
	.navbar-collapse {
		margin-top: 8px;
	}
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
  }
  .navbar-nav>li {
      float: none;
			text-align: center;
			border-bottom: 1px solid #e7e7e7;
  }
	.navbar-nav>li:hover{
			background-color: #e7e7e7;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in {
      display:block !important;
  }
	.pull-right {
		float: none !important;
	}
}

@media (max-width: 767px) {
	.logo img{
		margin-left: 15px;
	}
	.navbar-collapse {
		margin-top: 0px;
		padding: 0px;
	}
	.navbar-nav {
		margin: 0px;
	}
}

/*FOOTER*/
.footer h1 {
	font-family: 'Gotham-Bold';
	font-size: 10pt;
	color: #808378;
	margin-top: 40px;
	margin-bottom: 11px;
}

.footer ul {
	list-style: none;
	padding: 0px;
}

.footer a,
.footer p {
	font-family: 'Gotham-Book';
	font-size: 9pt;
	color: #808378;
}

.footer .col-sm-4 {
	padding-right: 0px;
}

.footer .col-md-offset-1 .row div:first-of-type {
	padding-right: 0px;
}

.footer img {
	margin-top: 18px;
	margin-bottom: 8px;
}

.footer p {
	margin-bottom: 40px;
}

@media (max-width: 360px) {
	.footer .col-xs-6 {
		width: 100%
	}
	.footer a,
	.footer p {
		font-size: 11pt;
	}
	.footer h1 {
		font-size: 12pt;
	}
}

/*Anchor links*/
.passos-NFe h1:before,
.beneficios h1:before,
.politica h1:before,
.manuais h2:before,
.manuais h3:before {
  display: block;
  content: " ";
  margin-top: -95px;
  height: 95px;
  visibility: hidden;
}

/*ANUNCIO BLING*/
.anuncio-bling {
	background-color: #3FAF6C;
	border-top: 22px solid #98C346;
}

.anuncio-bling .row {
	height: 160px;
}

.anuncio-bling img {
	height: 50px;
	margin: 55px auto;
}

.anuncio-bling h1 {
	font-size: 22pt;
	margin: 48px auto;
}

.anuncio-bling a {
	font-family: 'Gotham-Bold';
	font-size: 17pt;
	color: #D0F794;
}

.anuncio-bling .col-sm-4 a {
	text-decoration: none;
	height: 34px;
	width: 220px;
	background-color: transparent;
	color: #FFF;
	border: 3px solid #FFF;
	font-family: 'Gotham-Bold';
	font-size: 14px;
	display: block;
	margin-top: 63px;
	line-height: 31px;
	text-align: center;
}

.anuncio-bling .col-sm-4 a:hover {
	background-color: #FFF;
	color: #3FAF6C;
}

@media (max-width: 767px) {
	.anuncio-bling .row {
		height: auto;
	}

	.anuncio-bling h1 {
		margin: 30px 0px 40px 0px;
	}

	.anuncio-bling .col-sm-4 a {
		margin: 0px auto 30px;
	}
}

@media (max-width: 320px) {
	.anuncio-bling h1 {
		font-size: 17pt !important;
	}

	.anuncio-bling .col-sm-4 a {
		width: 210px;
	}
}

/* HOME */
/* Row azul */
.nuvens {
	position: absolute;
	top: 18px;
	left: 15px;
	width:109px;
}

.nuvens .hidden-sm {
	margin: 82px 0px 0px -15px;
}

.base-azul-home {
  background-color: #AAE1F2;
  height: 290px;
  position: relative;
}

.base-azul-home h1{
	font-family: 'Gotham-Bold';
	font-size: 28pt;
	color: #5A4194;
	margin-top: 15px;
	margin-bottom: 0px;
}

.base-azul-home h4 {
	font-family: 'Gotham-Book';
	font-size: 20pt;
	color: #5A4194;
	margin-top: 0px;
}

.base-azul-home p {
	font-family: 'Gotham-Book';
	font-size: 10pt;
	color: #5A4194;
}

.base-azul-home .container img {
	margin-top: 61px;
}

.base-azul-home .text {
	text-align:left;
	margin-top: 61px;
}

@media (max-width: 767px) {
	.base-azul-home {
		height: auto;
	}
	.base-azul-home p {
		margin-bottom: 31px;
	}
	.base-azul-home .text {
		margin-top: 31px;
	}
}

.criar-conta {
	background-color: #3FAF6C;
	height: 295px;
	margin-top: 30px;
	padding-top: 30px;
	padding-left: 8%;
	padding-right: 8%;
	margin-right: 15px;
}

.criar-conta h3 {
	margin-top: -4px;
	margin-bottom: 26px;
	font-family: 'Gotham-Bold';
	font-size: 15pt;
	color: #FFF;
}

.criar-conta input {
	height: 26px;
	border: none;
	border-radius: 0px;
}

.criar-conta input[type='submit'] {
	height: 34px;
	width: 220px;
	background-color: transparent;
	color: #FFF;
	border: 3px solid #FFF;
	font-family: 'Gotham-Bold';
	font-size: 14px;
	display: block;
	margin: 0 auto;
}

.criar-conta input[type='submit']:hover {
	background-color: #FFF;
	color: #3FAF6C;
}

.criar-conta ::-webkit-input-placeholder {
	font-family: 'Gotham-Book';
	font-size: 8pt;
	color: #305792 !important;
}

.criar-conta :-moz-placeholder {
	font-family: 'Gotham-Book';
	font-size: 8pt;
	color: #305792 !important;
}

.criar-conta ::-moz-placeholder {
	font-family: 'Gotham-Book';
	font-size: 8pt;
	color: #305792 !important;
}

.criar-conta :-ms-input-placeholder {
	font-family: 'Gotham-Book';
	font-size: 8pt;
	color: #305792 !important;
}

@media (max-width: 767px) {
	.criar-conta {
		margin-top: 40px;
		margin-right: 0px;
	}
}

/*Pra quem o tira nota é indicado?*/
.indicacoes {
	margin-top: 45px;
	margin-bottom: 60px;
}

.indicacoes p {
	margin-top: 33px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.indicacoes p {
		margin-left: 16px;
	}
}

@media (max-width: 767px) {
	.indicacoes p {
		text-align: center;
		margin-top: 10px;
	}
}

/*Saia emitindo notas fiscais eletrônicas...*/
.passos {
	background-color: #E8E8E8;
}

.passos h2{
	margin-top: 62px;
}

.passos-justificativa {
	margin-bottom: 58px;
}

.row-img-passo {
	margin-left: 33px;
}

.img-passo {
	width: 72%;
	height: 85px;
}

.row-img-passo-1 {
	padding-left: 23px;
}

@media (min-width: 991px) {
	.passos .img-passo-1,
	.passos .img-passo:last-of-type {
		padding: 10px;
	}
	.row-img-passo-1 {
		padding-left: 15px;
	}
}

.passos .col-sm-3 .row:first-of-type {
	position: relative;
}

.passos .circulo-img-passo {
	position: absolute;
	left: 0%;
	top: -10%;
	height: 41px;
	width: 41px;
}

.passos .col-sm-3 .row:nth-of-type(2) p {
	width: 72%;
	text-align: center;
	margin-top: 30px;
}

.passos .col-sm-3 .row:nth-of-type(2) {
	height: 90px;
}

.passos .col-sm-3 .row:nth-of-type(3) div{
	width: 58%;
	margin-left: 7%;
	border: 1px solid #5A4194;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.passos .col-sm-3 .row:nth-of-type(3) span {
	color: #DF913D;
}

.passos .col-sm-3 .row:nth-of-type(3) p {
	color: #3FAF6C;
	font-family: 'Gotham-Bold';
}

.passos .col-sm-3 .row:last-of-type img {
	-ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
	margin: 30px auto;
}

.passos a {
	text-decoration: none;
	height: 34px;
	width: 230px;
	background-color: transparent;
	color: #3FAF6C;
	border: 3px solid #3FAF6C;
	font-family: 'Gotham-Bold';
	font-size: 14px;
	display: block;
	margin: 48px auto;
	text-align: center;
	line-height: 31px;
}

.passos a:hover {
	background-color: #3FAF6C;
	color: #E8E8E8;
}

@media (max-width: 767px) {
	.row-img-passo {
		margin-left: -15px;
		text-align: center;
	}
	.row-img-passo p {
		display: inline-block;
	}

	.passos .col-sm-3 .row:first-of-type {
		margin: 0 auto;
		width: 165px;
	}

	.passos .col-sm-3 .row:nth-of-type(2) {
		height: 50px;
	}
	.passos .col-sm-3 .row:nth-of-type(2) p {
		margin-top: 10px;
	}
	.passos .col-sm-3 .row:nth-of-type(3) div {
		display: inline-block;
		margin-left: 0px;
		width: 110px;
	}
	.passos .col-sm-3 .row:first-of-type div {
		position: absolute;
		left: 5%;
		top: -15%;
	}
}

/*Precisa de mais recursos?*/
@media (min-width: 992px) {
	.anuncio-bling-home {
		border-top: none;
		border-bottom: 22px solid #98C346;
		margin-top: 0px;
	}

	.anuncio-bling-home h1 {
		font-size: 25pt;
		margin-top: 56px;
		margin-bottom: 18px;
	}

	.anuncio-bling-home ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-family: 'Gotham-Book';
		font-size: 17pt;
		color: #FFF;
		margin-bottom: 56px;
	}

	.anuncio-bling-home img {
		margin: 58px 0px 0px 0px;
		height: auto;
	}

	.anuncio-bling-home h3 {
		font-family: 'Gotham-Bold';
		font-size: 11pt;
		color: #FFF;
		margin-top: 26px;
		margin-bottom: 21px;
	}
}

/*SOBRE O TIRANOTA*/
/*Conheça as principais funcionalidades...*/
.funcionalidades {
	background-color: #5A4194;
}

.funcionalidades h1 {
	margin-bottom: 65px;
}

.funcionalidades img {
	height: 60px;
	margin-bottom: 60px;
}

.funcionalidades p {
	font-family: 'Gotham-Bold';
	font-size: 11pt;
	color: #FFF;
	padding-top: 3px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.funcionalidades p {
		padding-left: 8px;
	}
}

.funcionalidades .row:last-of-type {
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.funcionalidades .row:not(:first-of-type) {
		text-align: center;
	}
	.funcionalidades img {
		margin-bottom: 10px;
	}
	.funcionalidades p {
		margin-bottom: 50px;
	}
}

/*Passos para emissão da NF-e*/
.passos-NFe {
	background-color: #305792;
}

.passos-NFe h1 {
	margin-top: 63px;
	margin-bottom: 68px;
}

.passos-NFe p {
	color: #E8E8E8;
}

@media (min-width: 991px) {
	.passos-NFe .img-passo-1,
	.passos-NFe .img-passo:last-of-type {
		padding: 0px;
	}
}

.passos-NFe .row-img-passo-1 {
	padding-left: 0px;
}

.passos-NFe .img-nuvem{
	padding: 7px;
}

.passos-NFe .col-sm-3:last-of-type .row:last-of-type {
	margin-bottom: 70px;
}

.passos-NFe .col-sm-3 .row:last-of-type img {
	margin: 20px auto;
}

/*Benefícios*/
.beneficios {
	color: #5A4194;
}

.beneficios h1 {
	color: #5A4194;
	margin-top: 63px;
	margin-bottom: 33px;
}

.beneficios ul {
	padding-left: 15px;
}

.beneficios li {
	margin-bottom: 15px;
	font-size: 12pt;
}

.beneficios h2 {
	color: #5A4194;
	font-family: 'Gotham-Bold';
	font-size: 16pt;
	margin-top: 0px;
	margin-bottom: 12px;
}

.beneficios img {
	width: 212px;
}

.beneficios .separetor-line {
	margin-top: 30px;
	margin-bottom: 35px;
}

.beneficios .row:nth-of-type(4) img,
.beneficios .row:nth-of-type(5) img {
	padding: 10px 35px 10px 35px;
}

.beneficios-menores h2 {
	font-size: 12pt;
	margin-top: 24px;
}
.beneficios-menores .hidden-xs {
	padding-right: 0px;
}

.beneficios-menores img {
	width: 80px;
	height: 80px;
}

.beneficios-menores ul {
	margin-top: 10px;
}

.beneficios-menores:last-of-type h2 {
	margin-top: 30px;
}

.beneficios-menores:last-of-type {
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.beneficios h1 {
		margin-bottom: 24px;
	}
	.beneficios h2 {
		margin-bottom: 17px;
	}
	.beneficios img {
		margin: 25px 0px 10px 0px;
	}
	.img-center {
		text-align: center;
	}
	.beneficios-menores h2 {
		font-size: 17pt;
	}
	.beneficios-menores img {
		width: 150px;
		height: 150px;
	}
	.beneficios-menores:last-of-type h2 {
		margin-top: 24px;
	}
}

@media (max-width: 320px) {
	.beneficios h2,
	.beneficios-menores h2 {
		font-size: 13pt;
	}
}

/*O QUE É NF-e*/
/*O que é nota fiscal eletrônica?*/
.oque-NFe {
	background-color: #CCCCCC;
}

.oque-NFe h5,
.oque-NFe p,
.oque-NFe h3,
.oque-NFe h5 a {
	color: #5A4194;
}

.oque-NFe h1 {
	color: #3FAF6C;
}

.oque-NFe h3 {
	font-family: 'Gotham-Bold';
	font-size: 12pt;
	margin-top: 18px;
}

.oque-NFe h5 a {
	font-family: 'Gotham-Book';
	font-size: 12pt;
}

.oque-NFe a {
	font-family: 'Gotham-Bold';
	font-size: 14pt;
	color: #29ABE2;
}

.oque-NFe img {
	height: 400px;
}

.oque-NFe .row:last-of-type {
	margin-top: 40px;
}

.oque-NFe .col-md-5 {
	margin-top: 15px;
}

@media (max-width: 767px) {
	.oque-NFe .row:last-of-type {
		margin-top: 15px;
		margin-bottom: 30px;
	}
}

@media (max-width: 320px) {
	.oque-NFe a {
		font-size: 10pt;
	}
}

/*Como funciona*/
.como-funciona {
	background-color: #305792;
}

.como-funciona h1 {
	color: #3FAF6C;
	margin-top: 50px;
}

.como-funciona p {
	margin-top: 33px;
	color: #FFF;
}

.como-funciona .row:last-of-type {
	margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.como-funciona p {
		margin-left: 16px;
	}
}

@media (max-width: 767px) {
	.como-funciona p {
		text-align: center;
		margin-top: 10px;
	}
}

/*LOGIN*/
.login {
	background-color: #305792;
}

.login #diverro {
    margin-top: 20px;
    text-align: center;
    font-family: "Gotham-Book";
    font-size: 13px;
}

.login #aviso {
	margin-top: 10px;
}

.login-form {
		background-color: #e9e9e9;
		padding: 20px 30px 20px 30px;
		margin-bottom: 80px;
		min-height: 400px;
}

.login-form h1 {
    font-size: 27px;
    color: #3FAF6C;
}

.login-form p {
    font-size: 15px;
    color: #3FAF6C;
    margin-top: 10px;
    margin-bottom: 40px;
}

.login-form label {
    color: #757575;
    font-family: 'Gotham-Book';
    font-size: 13px;
		font-weight: normal;
		margin: 0px;
}

.login-form a {
    color: #00b872;
    font-family: 'Gotham-Book';
    font-size: 13px;
}

.login-form input {
    border: 1px solid #CCCCCC;
    height: 40px;
    width: 100%;
    padding: 1px 9px 0px 9px;
    font-family: "Gotham-Book";
    font-size: 13px;
}

.login-form #senha{
	padding: 1px 35px 0px 9px;
}

.login-form input[type="submit"] {
    font-family: 'Gotham-Medium';
    font-weight: bold;
    font-size: 1em;
    color: #00b872;
    background: transparent;
    border: 3px solid #00b872;
    height: 40px;
    width: 200px;
    float: right;
    cursor: pointer;
}

.login-form input[type="submit"]:hover {
    background: #00b872;
    color: white;
}

.login-form .container-senha {
  margin-top: 20px;
  position: relative;
}

.login-form .mostrar-senha {
  position: absolute;
  top: 29px;
  right: 27px;
  cursor: pointer;
  color: #999;
  font-size: 15px;
}

@media (max-width: 320px) {
	.login-form {
		padding: 20px 15px 20px 15px;
	}
}

.login-form .link-esqueceu-senha {
	margin: 15px 0 20px 0;
}

/*Recuperar senha*/
.login-form .btEnviar {
	margin-top: 30px;
}

.login #msg {
	width: 60%;
	float: left;
	margin-top: 27px;
}

@media (max-width: 1199px) {
	.login #msg {
		width: 100%;
		margin-top: 27px;
	}
}

/*POLITICA*/
.politica {
	background-color: #305792;
}

.politica ul {
	color: #FFF;
	list-style: none;
	padding: 0px;
	margin-bottom: 50px;
}

.politica h1 {
	margin-bottom: 35px;
}

/*INSCRIÇÃO*/
.inscricao h5,
.inscricao h3 {
	color: #5A4194;
}

.inscricao h1 {
	color: #3FAF6C;
}

.inscricao h3 {
	font-family: 'Gotham-Bold';
	font-size: 12pt;
	margin-top: 18px;
}

.inscricao h2 {
	font-family: 'Gotham-Bold';
	font-size: 11pt;
}

.inscricao label {
	font-size: 13px;
  font-family: "Gotham-Book";
	font: inherit;
  color: #999999;
	margin: 0px;
}

.inscricao .row {
	margin: 15px 0px;
}

.inscricao input,
.inscricao select,
.inscricao button {
	border-radius: 0px;
}

.inscricao span button {
	height: 34px;
}

.inscricao select {
	padding: 0px;
}

.inscricao .col-md-1 input{
	padding: 6px 5px;
}

.inscricao .warning {
	background-color: #FFF9DF;
}

#login-message {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

.tip-message-red {
	color: #D12149;
}

.tip-message-green {
	color: #027718;
}

.inscricao .separetor-line {
	border-color: #3faf6c;
	margin: 40px 0px;
}

.inscricao input[type="submit"] {
	height: 44px;
	width: 130px;
	background-color: transparent;
	color: #3FAF6C;
	border: 3px solid #3FAF6C;
	font-family: 'Gotham-Bold';
	font-size: 15px;
	display: block;
	margin-bottom: 30px;
}

.inscricao input[type="submit"]:hover {
	background-color: #3FAF6C;
	color: #FFF;
}

@media (max-width: 991px) {
	.inscricao label {
		margin-top: 15px;
	}
	.inscricao input[type="button"] {
		margin: 15px auto;
	}
}

.inscricao .periodicidade {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	padding-top: 15px;
}

.inscricao .periodicidade span {
	color: #49B776;
}

.inscricao #periodicidade {
	padding: 6px 8px;
}

/*CONTATO*/
.contato {
	background-color: #305792;
}

.contato h1 {
	margin-bottom: 5px;
}

.contato h2 {
	font-family: 'Gotham-Book';
  font-size: 12pt;
  margin-top: 0px;
	margin-bottom: 30px;
	color: #FFF;
}

.contato label {
	color: #FFF;
  display: block;
  width: 100%;
  font-family: 'Gotham-Book';
  font-size: 13px;
	margin-bottom: 0px;
}

.contato input,
.contato textarea {
	width: 100%;
	background: none;
  border: 1px solid #fff;
  margin-bottom: 8px;
  color: #fff;
  padding-left: 10px;
	outline: none;
	resize: none;
}

.contato textarea {
	height: 100px;
}

.contato input {
	height: 30px;
}

.contato ul {
	list-style: none;
	padding: 0px;
}

.contato li {
	text-align: center;
	border-bottom: 1px solid #4c7abf;
	padding: 20px 0px;
}

.contato ul li:first-child {
	padding-top: 0px;
}

.contato ul li:last-child {
	border: none;
}

.contato h4 {
	width: 100%;
  text-align: center;
  color: #fff;
  font-family: 'Gotham-Black';
  margin: 6px 0;
  font-size: 15px;
}

.contato span {
	width: 100%;
	color: #fff;
	font-family: 'Gotham-Book';
	font-size: 13px;
	line-height: 18px;
}

.contato img {
	height: 40px;
	width: 40px;
}

.contato input[type='submit'] {
	font-size: 14px;
	display: block;
	float: left;
	transition: all .2s ease;
	font-family: 'Gotham-Medium';
	border: 2px solid #fff;
	width: 160px;
	height: 35px;
}

.contato input[type='submit']:hover {
	color: #305792;
	background-color: #FFF;
}

.contato .col-md-3 {
	margin-top: -87px;
}

.contato .confirmacao-envio {
	margin-right: 15px;
	width: 60%;
	float: right;
}

@media (max-width: 991px) {
	.contato .col-md-3 {
		margin-top: 30px;
	}
}

@media (max-width: 520px) {
	.contato .confirmacao-envio {
		width: 100%;
		margin-right: 0px;
	}
}

@media (max-width: 320px) {
	.contato h2 {
		font-size: 11pt;
	}
}

/*MANUAIS*/
.manuais ul {
	padding-left: 15px;
}

.manuais h5 {
	font-family: 'Gotham-Book';
	font-size: 12pt;
	color: #3FAF6C;
	margin-top: 27px;
	margin-bottom: 0px;
}

.manuais h1 {
	color: #3FAF6C;
	font-size: 23pt;
	margin-top: 40px;
}

.manuais h2 {
	font-size: 21pt;
	margin-top: 50px;
}

.manuais h3 {
	font-family: 'Gotham-Bold';
	margin-top: 40px;
}

.manual h3 {
	font-family: 'Gotham-Book';
	font-size: 18pt;
	margin-top: 40px;
}

.manuais .row:last-of-type {
	margin-bottom: 30px;
}

.manual img{
	margin: 20px 0px;
}

.manual h5 {
	color: #808378;
}

.manual table.simple td,
.manual table.simple th {
	border: 1px #CCC solid;
	padding: 5px;
}

.manual table.simple{
	margin-bottom: 30px;
	width: 100%;
	display:none;
}

.manual .table-hidden {
	width: 100%;
	overflow-x: auto;
}

.manual .open-table {
	margin-top: -15px;
	margin-bottom: 0px;
}

.open-table a {
	cursor: pointer;
}

/*TERMOS DE CONTRATO E PERGUNTAS FREQUÊNTES*/
.termos-faq {
	background-color: #305792;
	color: #FFF;
}

.termos-faq .row {
	margin: 20px 0px;
}

.termos-faq h2 {
	color: #FFF;
	font-family: 'Gotham-Bold';
	font-size: 18pt;
}

.termos-faq blockquote {
	border: 0px;
	font-size: 10pt;
	margin-bottom: 0px;
}

.termos-faq	a {
	word-wrap: break-word;
	color: #9cc0f5;
}

.termos-faq h5	a {
	word-wrap: break-word;
	color: #FFF;
}

.termos-faq ol {
	margin: 30px 0px;
	padding-left: 15px;
}

@media (max-width: 320px) {
	.termos-faq h2 {
		font-size: 16pt;
	}
}

.termos-faq p {
	padding: 10px 0px 20px 0px;
}
