@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700i,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/*BÁSICO*/
*{ font-family: 'Montserrat', sans-serif; font-size: 18px; color: #000; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
ul,li { list-style:none; }
*:focus { outline:none; }
.clear { clear:both; }
a, a:hover, a:visited { text-decoration:none; border:0 none; color: inherit; }
textarea { resize:none; }
input, textarea, select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; -ms-appearance: none; -webkit-border-radius: 0; }
select::-ms-expand { display: none; }
select { text-indent: 0.01px; text-overflow: ''; }
select::-ms-expand { display: none; }
body { margin: 0; }
img { max-width: 100%; border:0 none;}
.center { text-align: center; }
.right { text-align: right; }
.mobile { display: none; }
/*FIM BÁSICO*/

/*MENU RESPONSIVO*/
.abre_menu { 
	display: none; 
}
.links ul li {
	float: right;
}
.links a {
	font-size: 0.7em;
	padding: 37px 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	display: block;
}

.links a:hover {
	background: url('imgs/fundomarcado.png');
}
/*FIM MENU RESPONSIVO*/

header .logo {
	z-index: 9;
}
header, header img {
	height: 90px;
}
header {
	background: url('imgs/fundomenu.png');
	position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
}
header ul li.marcado {
	background: url('imgs/fundomarcado.png');
}
.banner {
	background: url('imgs/topo.png') no-repeat bottom center;
	background-size: cover;
	width: 100%;
	max-width: 1912px;
	height: 600px;
	padding-top: 300px;
}
.banner p {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #fff
}
.banner p b {
	font-size: 1em;
	color: #fff
}
.banner p.titulo {
	font-size: 1.6em;
	margin-bottom: 30px;
}

.banner .swiper-container .swiper-slide p {
    width: 350px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.swiper-pagination-bullet {
	border: 2px solid #ffba54 !important;
	width: 15px !important;
    height: 15px !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
	background-color: #ffba54 !important;
}
.sejaparceiro {
	padding: 50px 0 30px 0;
	margin-bottom: 35px;
}
.sejaparceiro img.link {
	width: 430px;
	margin-bottom: 40px;
}
.tituloLinha {
	font-family: 'Bebas Neue', cursive;
	font-size: 2.3em;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.tituloLinha span {
	max-width: 100%;
	width: 250px;
	height: 5px;
	background-color: #ffab2b;
	margin: 0 auto;
	display: block;
}
.sejaparceiro p.descricao {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
.fundoCinza {
	padding: 30px 0;
	background-color: #dcdcdc;
	margin-top: 50px;
}
.sejaparceiro .fundoCinza .item {
	padding: 15px;
}
.sejaparceiro .fundoCinza .item img {
	width: 150px;
	margin-bottom: 15px;
}

.sejaparceiro .saibaMais {
	font-family: 'Bebas Neue', cursive;
	font-size: 1.8em;
	text-transform: uppercase;
	margin-bottom: 40px;
	background-color: #dcdcdc;
    padding: 5px 15px;
    border-radius: 30px;
    display: table;
    margin: 0 auto;
    margin-top: -29px;
}
.novoConceito p.nome{
	color: #144f9c;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.novoConceito p.descricao{
	color: #5d5d5d;
}
.novoConceito .espacoBottom {
	margin-bottom: 30px;
}
.novoConceito .video {
	padding-top: 40px;
}
.app {
	padding: 50px 0;
	background-color: #283d61;
	margin-top: 50px;
}
.app .tituloLinha {
	color: #fff;
	line-height: 0.6em;
}
.app .tituloLinha small  {
	color: #fff;
}
.tituloLinha small {
	font-family: 'Montserrat', sans-serif;
	text-transform: none;
	font-size: 0.5em;
	line-height: 2em;
}
.app .item {
	margin-bottom: 25px;
}
.app .item p {
	color: #fff;
	margin-bottom: 5px;
}
.app .item p b {
	color: #f3af45;
}
.app .espacoTop {
	padding-top: 60px;
}
.app .item .col-md-9 {
	padding-left: 0;
}
.app .item .col-md-3 {
	display: flex;
    align-items: center;
}
.solucaoCompleta {
	margin: 50px 0;
}
.solucaoCompleta .col-md-4, .solucaoCompleta .col-md-6 {
	margin-top: 10px;
	padding: 10px 0;
}
.solucaoCompleta .col-md-4:hover, .solucaoCompleta .col-md-6:hover {
	background-color: #dcdcdc;
}
footer {
	background: #090625;
	padding: 30px 0;
}
.interna footer {
	margin-top: 50px;
}
footer p {
	text-align: center;
	color: #96999b;
	text-transform: uppercase;
}
footer p a {
	color: #fff!important;
}
footer p.copy {
	font-size: 0.7em;
	margin: 40px 0 0 0;
}
footer .redes {
	display: flex;
 	align-items: center;
}
footer .alinha {
	margin: 0 auto;
}
.redes img {
	width: 40px;
}
.redes img.meio {
	margin: 0 10px; 
}
.whatsapp {
	position: fixed;
    right: 15px;
    bottom: 10px;
    z-index: 9999;
    background: url(imgs/w.png) no-repeat;
    background-size: cover;
    width: 100px;
    height: 100px;
}
@keyframes treme {
  0% {
    transform: translate(0,0);
  }
  25% {
    transform: translate(5%,-5%);
  }
  50% {
    transform: translate(0,0);
  }
  25% {
    transform: translate(5%,-5%);
  }
  100% {
    transform: translate(0,0);
  }
}
.whatsapp.anima {
    animation: treme 0.16s;
    animation-iteration-count: 6;
}
.interna {
	margin-top: 150px;
}
.tituloLinha.comsubtitulo {
	line-height: 0.6em;
}
ul.lista li { 
	list-style: circle; 
}
.itensInvestimento {
	margin-top: 50px;
}
.itensInvestimento .borda {
	padding: 20px;
	height: 100%;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn-outline-warning {
	color: #ffab2b;
    border-color: #ffab2b;
}
.btn-outline-warning:hover {
	color: #fff;
    background-color: #ffab2b;
    border: 1px solid #ffab2b;
}
form .form-control {
	margin-bottom: 15px;
}
.carregando {
    display: none;
    margin: 20px 0;
}
p.msgok {
	display: none;
}
p.descricaocontato {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
}
.btn-outline-success {
	margin-top: 12px;
	color: #fff;
    border-color: #283d61;
    background-color: #283d61;
}
.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success:visited {
    background-color: #283d61;
}
.contato {
	margin-top: 50px;
}
.novidade {
	padding-bottom: 60px;
}
.novidade p.titulo {
	text-transform: uppercase;
	margin-bottom: 0px;
}
.novidade p.data {
	font-size: 0.8em;
}
.novidade .vertodas {
	font-family: 'Bebas Neue', cursive;
    font-size: 1.8em;
    text-transform: uppercase;
    background-color: #144f9c;
    color: #fff;
    padding: 5px 15px;
    border-radius: 30px;
    margin-top: 40px;
    display: inline-block;    
}
.novidade .nov {
	padding: 20px 10px 10px;
}
.novidade .nov:hover {
	background: #fff;
}
.novidade hr {
	border: 1px solid #dcdcdc;
	width: 100%;
}
.interna .texto a {
	text-decoration: underline;
}
.interna .texto ul li {
	list-style: circle;
}
.interna .texto iframe {
	max-width: 100%;
}




@media (max-width: 1200px) {
	.links a { font-size: 0.6em; }
}
@media (max-width: 991px) {
	.mobile { display: block; }
	.desktop { display: none; }

	/*MENU RESPONSIVO*/
	.cont-menu { float: right; margin-right: 10px; margin-top: -75px; }
	.cont-menu .abre_menu{ display: block; cursor: pointer; margin-top: 15px; width: 40px; height: 30px; }
	.abre_menu span { width: 40px; height: 8px; display: block; background: #fff; margin-top: 0px; z-index: 99; position: absolute; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	.abre_menu span:before { content: ''; width: 40px; height: 8px; display: block; background: #fff; margin-top: 10px; z-index: 99; position: absolute; right: 0px; opacity: 1; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	.abre_menu span:after { content: ''; width: 40px; height: 8px; display: block; background: #fff; margin-top: 20px; z-index: 99; position: absolute; right: 0px;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}

	header ul{ position: absolute; padding: 20px; margin-top: 10px; width: 100%; height: 100%; left: -3000px; z-index: 4; -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;}
	header ul li { display: block; width: 100%; margin-bottom: 10px; }
	header ul.aberto{ left: 0; margin-top: -10px; }
	header .fundo { 
		opacity: 0.9; 
		background: #000; 
		position: absolute; 
		left: -3000px; 
		top: 0; 
		z-index: 3; 
		-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;
	}
	body.menu_aberto header .fundo { 
		width: 100%;
	    height: 100%;
	    left: 0;
	    position: fixed;
	}
	body.menu_aberto .abre_menu span { background: transparent; box-shadow: none; }
	body.menu_aberto .abre_menu span:before { right: 0px; box-shadow: none; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0px; }
	body.menu_aberto .abre_menu span:after { margin: 0px; box-shadow: none; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	body.menu_aberto .logo_ubm { z-index: 9; }
	.links a { padding: 10px; }
	/*FIM MENU RESPONSIVO*/

	.links a { font-size: 0.8em; }
	.banner { height: 470px; padding-top: 180px; }
	.sejaparceiro p.descricao, .app .item, .tituloLinha, .sejaparceiro img.link { padding: 0 15px; }
	.center-mobile { text-align: center; }
	.novoConceito .video, .app .espacoTop { padding-top: 0; }
	footer .espaco-mobile { padding: 60px 0 40px 0; }
	.sejaparceiro .fundoCinza .item { margin-bottom: 20px; }
	.whatsapp { right: 7px; bottom: 0px; width: 80px; height: 80px; }
	header, header img { height: 80px; }
	header img { padding-top: 5px; }
	.logom7 { width: 250px; }
	.tituloLinha.comsubtitulo { line-height: 0.9em; }
	.itensInvestimento .col-md-3 { padding-bottom: 25px; }
	.interna { margin-top: 120px; }
	.espacotopomobile { margin-top: 20px; }
	.interna .table-responsive .btn, .interna .table-responsive td { font-size: 0.8em; }
	.interna .table-responsive th { font-size: 0.9em; }
	.interna .table-responsive .btn { color: #fff; background-color: #ffab2b; border: 1px solid #ffab2b; }
	.sejaparceiro { padding: 30px 0 30px 0; }
}