@charset "utf-8";

body{font-family: 'Raleway', sans-serif;}
h2{
	    font-weight: 400;
    color: #00aeef;
}
strong{
	color: #00aeef;
}
.owl-stage{
	padding-top: 10px;
}
.owl-dots{text-align: center;
border:0px solid red;
}
.owl-dot{
	width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999 !important;
	margin:0 2px;
}
.owl-dot.active{
	background: #00aeef !important;
}
.owl-nav button.owl-prev, .owl-nav button.owl-next{
	font-size: 3em !important;
    position: absolute !important;
    top: 66px !important;
}
.owl-nav button.owl-prev {
	
    left: 0 !important;
}
.owl-nav button.owl-next {
	
    right: 0 !important;
}
.owl-carousel .owl-item img {
    display: inline-block !important;
    max-width: 80% !important;
    width: auto !important;
    margin-bottom: 40px;
}

.brandBox{
border: 1px solid #00aeef;
    padding: 5px;
    height: 150px;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.brandBox img{
	max-height: 100px;
}
.brandBox p{position: absolute;
    bottom: 0;
    width: 93%;
    border-top: 0px solid red;
font-size: 11px;
    line-height: 13px;}
.videoRow{
	background-color: #333;
	
	background-image: url("../../imagens/video_bg_pattern.png");

}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	border-radius: 30px;
}
.navbar .brandname {
  display: none
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, .1);
}
.header {
  display: flex;
	position: relative;
  height: 200px;
  justify-content: center;
  align-items: center;
	background-color:#2e0012;
  background-image: url("../../imagens/header.png");
  background-size: cover;
  background-position: center
}
.header::after {
  content: "";
    display: block;
    /* border: 2px solid blue; */
    background: url(../../imagens/divisor_header.svg) no-repeat;
    background-size: contain;
    background-position: bottom;
    width: 101%;
    height: 100%;
    position: absolute;
    bottom: -3px;
}
.content-desk.infografico{
	width: 80%;
	margin: auto;
}
.mainLogo {
  width: 70%
}
.presentation {
  position: relative;
  text-align: center;
  border-bottom: 0px solid red;
}
.iconSize1 {
  width: 6em;
}
.disclaimer {
  font-size: 1.2em;
}
.disclaimer strong {
  color: #28aaee;
}
.content-desk{display: none;}
.content-mobile{display: block;}
form{
	padding: 0;
	margin: 0;
}
.contato .banner{
	
	background-color:#2e0012;
	border-radius: 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#78002f+0,21000d+100 */
background: rgb(120,0,47); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(120,0,47,1) 0%, rgba(33,0,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(120,0,47,1) 0%,rgba(33,0,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(120,0,47,1) 0%,rgba(33,0,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78002f', endColorstr='#21000d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.contato .banner img.content-desk{
width: 70%;
    margin: auto;
    margin-top: 40px;
    padding-top: 30px;
}

.contato .banner img.content-mobile{
    width: 100%;
    margin-top: 20px;
    padding: 10px 10px 0 10px;
}
@media (min-width: 480px) {
	.content-desk{display: block;}
.content-mobile{display: none;}
  .header {
    height: 30em;
  }
  .mainLogo {
    margin: 0 0 9em 0;
  }
}
@media (min-width: 515px) {}
@media (min-width: 576px){
.modal-dialog {
    max-width: 680px;
    margin: 1.75rem auto;
}
}
@media (min-width: 768px) {
  .mainLogo {
    width: 300px
  }
  .header {
    height: 40em;
  }
}
@media (min-width: 1500px) {}