* {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
}
html,
body {
  font-family: Verdana, Geneva, sans-serif;
  background-color: #fff;
  color: #666;
  font-size: 14px;
}
.titulo {
  color: #036;
  font-size: 36px;
}
.footer {
  font-family: Verdana, Geneva, sans-serif;
  color: #fff;
  font-size: 12px;
}
.tituloFooter {
  color: #fff;
  font-size: 28px;
}
.corFundoDiv {
  background: #036;
  color: #fff;
}
.detalhesH3 {
  color: #06f;
  font-size: 20px;
}
.detalhesH4 {
  color: #06f;
  font-size: 16px;
}
.linkBranco a {
  font-family: Verdana, Geneva, sans-serif;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0;
  transition: 0.3s;
  margin-left: 20px;
}
.linkBranco a:visited {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.linkBranco a:hover {
  text-decoration: none;
  color: white;
}
.linkBranco a:active {
  text-decoration: none;
}
.linkBranco a:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
.linkFooter a {
  font-family: Verdana, Geneva, sans-serif;
  color: white;
  line-height: 0;
  transition: 0.3s;
  margin-left: 20px;
}
.linkFooter a:visited {
  color: white;
  text-decoration: none;
}
.linkFooter a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
.linkFooter a:active {
  text-decoration: none;
}
.linkFooter a:focus {
  text-decoration: none;
  color: white;
}
/* =============== Estilos de formul�rios =============== */
.hide {
  display: none;
}
select.required.invalid {
  background: #eeeeee url(../img/error.png) no-repeat 90%;
}
select:focus.required.invalid {
  background: #ffc url(../img/error.png) no-repeat 90%;
}
select.required.valid {
  background: #eeeeee url(../img/success.png) no-repeat 90%;
}
select:focus.required.valid {
  background: #ffc url(../img/success.png) no-repeat 90%;
}
input.required.invalid {
  background: #eeeeee url(../img/error.png) no-repeat right;
}
input:focus.required.invalid {
  background: #ffc url(../img/error.png) no-repeat right;
}
input.required.valid {
  background: #eeeeee url(../img/success.png) no-repeat right;
}
input:focus.required.valid {
  background: #ffc url(../img/success.png) no-repeat right;
}
.form span {
  border: 0px solid red;
  color: red;
  font-size: 11px;
  display: block;
}
select,
label.checkbox {
  cursor: pointer;
}
.navbar .nav > li {
  z-index: 10000;
}
#alertForm {
  left: 25%;
  width: 50%; /* Altere para o valor da largura desejada. */
  position: fixed;
  z-index: 5000;
}
/* =============== div redes-sociais =============== */
.redes-sociais {
  position: fixed;
  top: 45%;
  right: 20px;
  z-index: 2000;
}
/* =============== btn instagram =============== */
.btn-instagram a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.btn-instagram {
  position: relative;
  margin-bottom: 30px;
  transform: translate(-50%, -50%);
  background-color: rgb(211, 37, 124);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 48px;
  font-size: 1.8em;
  color: #ffffff;
  font-weight: 100;
  border-radius: 50%;
  padding-top: 9px;
}
.btn-instagram:before,
.btn-instagram:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgb(211, 37, 124);
  left: -20px;
  right: -20px;
  bottom: -20px;
  top: -20px;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}
/* =============== btn facebook =============== */
.btn-facebook a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.btn-facebook {
  position: relative;
  margin-bottom: 30px;
  transform: translate(-50%, -50%);
  background-color: rgb(37, 60, 211);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 48px;
  font-size: 1.8em;
  color: #ffffff;
  font-weight: 100;
  border-radius: 50%;
  padding-top: 9px;
}
.btn-facebook:before,
.btn-facebook:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgb(37, 60, 211);
  left: -20px;
  right: -20px;
  bottom: -20px;
  top: -20px;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}
/* =============== btn youtube =============== */
.btn-youtube a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.btn-youtube {
  position: relative;
  margin-bottom: 30px;
  transform: translate(-50%, -50%);
  background-color: rgb(211, 37, 37);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 48px;
  font-size: 1.8em;
  color: #ffffff;
  font-weight: 100;
  border-radius: 50%;
  padding-top: 9px;
}
.btn-youtube:before,
.btn-youtube:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgb(211, 37, 37);
  left: -20px;
  right: -20px;
  bottom: -20px;
  top: -20px;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}
/* =============== btn twitter =============== */
.btn-twitter a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.btn-twitter {
  position: relative;
  margin-bottom: 30px;
  transform: translate(-50%, -50%);
  background-color: rgb(56, 185, 255);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 48px;
  font-size: 1.8em;
  color: #ffffff;
  font-weight: 100;
  border-radius: 50%;
  padding-top: 9px;
}
.btn-twitter:before,
.btn-twitter:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgb(56, 185, 255);
  left: -20px;
  right: -20px;
  bottom: -20px;
  top: -20px;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}
/* =============== btn transmissao =============== */
.btn-transmissao a {
  color: #fff;
  text-decoration: none;
  display: block;
}
.btn-transmissao {
  position: relative;
  margin-bottom: 30px;
  transform: translate(-50%, -50%);
  background-color: rgb(0, 146, 29);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 48px;
  font-size: 1.8em;
  color: #ffffff;
  font-weight: 100;
  border-radius: 50%;
  padding-top: 9px;
}
.btn-transmissao:before,
.btn-transmissao:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgb(0, 146, 29);
  left: -20px;
  right: -20px;
  bottom: -20px;
  top: -20px;
  animation: animate 1.5s linear infinite;
  opacity: 0;
  backface-visibility: hidden;
}
.pulsaDelay:after {
  animation-delay: 0.5s;
}
@keyframes animate {
  0% {
    transform: scale(0.25);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0;
  }
}
/* plus glyph for showing collapsible panels */
.panel-heading .accordion-plus-toggle:before {
  font-family: FontAwesome;
  content: "\f068";
  float: right;
  color: silver;
}

.panel-heading .accordion-plus-toggle.collapsed:before {
  content: "\f067";
  color: silver;
}

/* arrow glyph for showing collapsible panels */
.panel-heading .accordion-arrow-toggle:before {
  font-family: FontAwesome;
  content: "\f078";
  float: right;
  color: silver;
}

.panel-heading .accordion-arrow-toggle.collapsed:before {
  content: "\f054";
  color: silver;
}

/* sets the link to the width of the entire panel title */
.panel-title > a {
  display: block;
  text-decoration: none;
  color: #fff;
}
.panel-title > a:hover {
  text-decoration: none;
}
.panel-title > a:active {
  text-decoration: none;
}
.panel-title > a:visited {
  text-decoration: none;
}
.panel-title > a:focus {
  text-decoration: none;
}
.panel-title .summary-method {
  font-size: 14px;
  font-weight: 700;
  min-width: 80px;
  padding: 6px 15px;
  text-align: center;
  border-radius: 3px;
  background: #61adff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.385);
  font-family: sans-serif;
  color: #fff;
}
.panel-title .summary-path {
  font-size: 16px;
  align-items: center;
  word-break: break-all;
  padding: 0 10px;
  font-family: monospace;
  font-weight: 600;
  color: #3b4151;
}
.panel-title .summary-description {
  font-size: 13px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: sans-serif;
  color: #3b4151;
}