@charset "utf-8";
/*mpj.site*/
body, html{width:100%;height:100%;background: #E4EBEF;color: #123157;font-size: 16px;}
body{ font-family: "Open Sans", sans-serif; font-weight:400;}

.font-weight-thin{font-weight: 100 !important;}
.font-weight-xlight{font-weight: 200 !important;}
.font-weight-medium{font-weight: 500 !important;}
.font-weight-sbold{font-weight: 600 !important;}
.font-weight-xbold{font-weight: 800 !important;}
.font-weight-black{font-weight: 900 !important;}

a{color: #000;transition: color .15s ease-in-out, background-color .15s ease-in-out, background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
a:hover{text-decoration: none;color: #123157;}


img{max-width: 100%;height: auto;}
.rounded-50rem{ border-radius:0.5rem;}
.rounded-75rem{ border-radius:0.75rem;}
.rounded-100rem{ border-radius:1rem;}
.rounded-150rem{ border-radius: 1.5rem;}
.rounded-200rem{ border-radius: 2rem;}
.rounded-50p{ border-radius: 50%;}
.rounded-top-100rem{
	border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-bottom-100rem{	
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
/*tipologias*/
p, button, ul, ol {font-size:1rem;line-height: 1.3;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-size:1.5rem;line-height: 1.3;}

.lh-60{line-height: 0.6;}
.lh-80{line-height:0.8;}
.lh-90{line-height:0.9;}
.lh-100{line-height: 1;}
.lh-110{line-height: 1.1;}
.lh-120{line-height: 1.2;}
.lh-130{line-height: 1.3;}
.lh-140{line-height: 1.4;}
.lh-150{line-height: 1.5;}
.lh-160{line-height: 1.6;}

.font-sm-12{font-size: 0.75rem;}
.font-sm-13{font-size: 0.8125rem;}
.font-sm-14{font-size: 0.875rem;}
.font-sm-15{font-size: 0.9375rem;}
.font-sm-16{font-size: 1rem;}
.font-sm-17{font-size: 1.0625rem;}
.font-sm-18{font-size: 1.125rem;}
.font-sm-20{font-size: 1.25rem;}
.font-sm-21{font-size: 1.3125rem;}
.font-sm-22{font-size: 1.375rem;}
.font-sm-24{font-size: 1.5rem;}
.font-sm-26{font-size: 1.625rem;}
.font-sm-28{font-size: 1.75rem;}
.font-sm-30{font-size: 1.875rem;}
.font-sm-32{font-size: 2rem;}
.font-sm-36{font-size: 2.25rem;}
.font-sm-40{font-size: 2.5rem;}
.font-sm-44{font-size: 2.75rem;}
.font-sm-48{font-size: 3rem;}
.font-sm-52{font-size: 3.25rem;}
.font-sm-56{font-size: 3.5rem;}
.font-sm-60{font-size: 3.75rem;}
.font-sm-64{font-size: 4rem;}
.font-sm-68{font-size: 4.25rem;}
.font-sm-72{font-size: 4.5rem;}
.font-sm-76{font-size: 4.75rem;}
.font-sm-80{font-size: 5rem;}
.font-sm-84{font-size: 5.25rem;}
.font-sm-88{font-size: 5.5rem;}
.font-sm-92{font-size: 5.75rem;}
.font-sm-96{font-size: 6rem;}
.font-sm-104{font-size: 6.5rem;}
.font-sm-112{font-size: 7rem;}
.font-sm-120{font-size: 7.5rem;}
.font-sm-128{font-size: 8rem;}
/*fim tipologias*/

.bg-black{	background-color:#000;}
.text-black{	color:#000;}
.bg-black-1{	background-color:#3B3B3B;}
.text-black-1{	color:#3B3B3B;}

.bg-blue-1{background:#123157;}
.text-blue-1{color:#123157;}
.bg-blue-2{background:#E4EBEF;}
.text-blue-2{color:#E4EBEF;}

.bg-cinza{	background-color:#595959;}
.text-cinza{	color:#595959;}
.bg-cinza-2{	background-color:#DDD;}
.text-cinza-2{	color:#DDD;}

.text-red{	color:#CF201B;}
.bg-red{	background-color:#CF201B;}

.border-red{border: 2px solid #CF201B;}

.btn-blue-black{
	background:#123157;
	color:#FFF;
}

.btn-blue-black:hover{
	background:#000;
	color:#FFF;
}


.btn-white-blue{
	background:#FFF;
	color:#123157;
	border:2px solid #123157;
}

.btn-white-blue:hover{
	background:#123157;
	color:#FFF;
	border:2px solid #FFF;
}





.btn-branco-vermelho{
	color:#FFF;
	background:#CF201B;
}

.btn-branco-vermelho:hover{
	color:#CF201B;
	background:#FFF;
}
.btn-red-black{background-color:#CF201B; color:#FFF;}
.btn-red-black:hover{background-color:#3B3B3B; color:#FFF;}

.btn-cinza-vermelho{background-color:#818181; color:#FFF;}
.btn-cinza-vermelho:hover{background-color:#CF201B; color:#FFF;}

.red-white{background:#CF201B; color: #FFF;}
.red-white:hover{background:#FFF; color: #3B3B3B;}

.white-1{color: #FFF;}
.white-1:hover{color: #D0D0D0;}



#main-header{
	background: #123157;
	z-index: 99;
}
.main-logo{position:absolute;z-index: 9;}
.logo{width: 140px;}
.logo-min{display: none; width:34px;}
#main-header .title{ display:none;}
.navbar-nav{margin-top: 15px;}
.navbar-nav .nav-item a{color: #FFF;width: 100%;display: inline-block;padding: 0px 1rem;line-height: 38px;font-size: 16px;}
.navbar-nav .nav-item a:hover{color: #123157;background: #FFF;}
.navbar-nav .nav-item a.social{line-height: 36px;font-size: 28px;}

.flag{
	background-image: url(../imgs/flags.webp);
	background-repeat: no-repeat;
	width: 16px;
	height:16px;
	display:inline-block;
	position: absolute;
	top: 12px;
	left: 12px;
	border-radius:16px;
}

.flag.eua{
	background-position:0px 0px;}
.flag.brasil{
	background-position:-16px 0px;}



#main{padding-top: 72px;min-height: 80vh;}

.anchor{ top:-71px; position: absolute;}	


#home-banner{background: #123157;color: #FFF;}
#home-banner .overlay{background: rgb(0 0 0 / 50%);top: 0px;left: 0px;display: none;}
#home-banner .trans{
	padding-top:2rem;
}

.txt-igor{
	bottom:0px;
}


#home-secao-01 .aspas{position: absolute;z-index: 9;bottom: -9rem;}

#home-secao-02{
 background-image: url(../imgs/banner-3-1920x750.webp);
 background-repeat: no-repeat;
 background-size: cover;
 height: 420px;
 background-position: 50%;
}

.swiper-button-next, .swiper-button-prev{
	color: #123157;
	width: 14px;
	height: 26px;
	border-radius:0.5rem;
	top: calc(50% + 13px);
}
.swiper-button-next:after, 
.swiper-button-prev:after{
	font-size: 26px;
	font-weight:bold;
} 
.swiper-button-prev{left: -24px;}
.swiper-button-next{right: -24px;}
#swiper-portais .swiper-slide div{
  background: #123157;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px; 
  
  }

#swiper-portais .swiper-slide div.dark{
  background: #E4EBEF;
}

#swiper-portais .swiper-slide span{
	display: block;
	padding: 1.5rem;
	height: 150px;
}
#swiper-portais .swiper-slide img{
  height: 100%;
  width: auto;
  vertical-align: middle;
  display: inline-block;
  object-fit: contain;
}

#parceiros-list{}
#parceiros-list > div {margin: 15px 0px;}
#parceiros-list div > div{
background: #123157;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px; 	
}

#parceiros-list div > div.dark{
  background: #FFF;
}
#parceiros-list span{
	display: block;
	padding: 1.5rem;
	height: 150px;}

#parceiros-list img{
  height: 100%;
  width: auto;
  vertical-align: middle;
  display: inline-block;
  object-fit: contain;
}


/****BRANDED @sm<375***/

.img-branded{
    height: fit-content;
}
.img-branded img{
	object-fit: cover;
	aspect-ratio: 1.333333333;
}


#branded{}
#branded ul{
}
#branded li{
	width: 100%;
	padding: 1rem 1rem 0.75rem 1rem;
	background: #e74c3c;
	cursor: pointer;
	transition: all .5s ease;
}
#branded a{color: #FFF;}
#branded a:hover{color: #d0eeff;}
#branded .section-title{
	width: 100%;
	text-align: center;
	color: #fff;
}
#branded .section-title .title{
	letter-spacing: .08em;
	color: #fff;
}
#branded .section-content{
	opacity: 0;
	transition: all .25s .1s ease-out;
	width: 100%;
	height: 0px;
	display: none;
}
#branded .section-content .title{}
#branded li.active{
}
#branded li.active .section-title{
	border-bottom: 1px solid #FFF;
}
#branded li.active .section-title .title{
	
}
#branded li.active .section-content{
	opacity: 1;
	height: unset;
	display: block;
}

#branded li.active .section-content .title{}
/****FIM BRANDED @sm<375***/

.video9x16{
	max-height: calc(100vh - 128px);
	aspect-ratio: 9 / 16;
}

.video9x16 div{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.video9x16 iframe{
    width: 100%;
    aspect-ratio: 9 / 16;
}

#footer{}
#footer .logos p{
    line-height: 15px;
}
#footer .borda{
    border-right: 1px solid #FFF;
    padding: 19px 17px 0px 0px;
}




@media (min-width:375px){
.container{max-width: 360px;}

}

@media (min-width:480px){
.container{max-width: 420px;}
	
/****BRANDED @sm 480***/	
.img-branded{}	
/****FIM BRANDED @sm 480***/
	
}

@media (min-width:576px){
.container {max-width: 540px;}
/****BRANDED @sm 576***/	
.img-branded{}	
/****FIM BRANDED @sm 576***/
		
	
}
@media (min-width:768px){
.container {max-width: 720px;}
/*tipologias*/
.font-md-12{font-size: 0.75rem;}
.font-md-13{font-size: 0.8125rem;}
.font-md-14{font-size: 0.875rem;}
.font-md-15{font-size: 0.9375rem;}
.font-md-16{font-size: 1rem;}
.font-md-17{font-size: 1.0625rem;}
.font-md-18{font-size: 1.125rem;}
.font-md-20{font-size: 1.25rem;}
.font-md-21{font-size: 1.3125rem;}
.font-md-22{font-size: 1.375rem;}
.font-md-24{font-size: 1.5rem;}
.font-md-26{font-size: 1.625rem;}
.font-md-28{font-size: 1.75rem;}
.font-md-30{font-size: 1.875rem;}
.font-md-32{font-size: 2rem;}
.font-md-36{font-size: 2.25rem;}
.font-md-40{font-size: 2.5rem;}
.font-md-44{font-size: 2.75rem;}
.font-md-48{font-size: 3rem;}
.font-md-52{font-size: 3.25rem;}
.font-md-56{font-size: 3.5rem;}
.font-md-60{font-size: 3.75rem;}
.font-md-64{font-size: 4rem;}

.font-md-68{font-size: 4.25rem;}
.font-md-72{font-size: 4.5rem;}
.font-md-76{font-size: 4.75rem;}
.font-md-80{font-size: 5rem;}
.font-md-84{font-size: 5.25rem;}
.font-md-88{font-size: 5.5rem;}
.font-md-92{font-size: 5.75rem;}
.font-md-96{font-size: 6rem;}
.font-md-104{font-size: 6.5rem;}
.font-md-112{font-size: 7rem;}
.font-md-120{font-size: 7.5rem;}
.font-md-128{font-size: 8rem;}
/*fim tipologias*/



#home-banner {
    color: #123157;
}	

#home-banner > .w-100{
    position: absolute;
    left: 0px;
    top: 0px;
}

#home-banner .trans{
	padding:1rem;
	background: rgb(255 255 255 / 80%);
}
	

/****BRANDED @md***/
#branded{}
#branded ul{
	min-height: 365px;
	max-height: 400px;
}
#branded li{
	width: 50px;
	display: flex;
	align-items: stretch;
	padding: 1.5rem 1.5rem 1.5rem 0.75rem;
}
#branded a{}
#branded a:hover{}
#branded .section-title{
	display: flex;
	width: 35px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#branded .section-title .title{
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	text-align: end;
}
#branded .section-content{height: unset;}
#branded .section-content .title{}
#branded li.active{
	flex: 5;
    cursor: default;
}
#branded li.active .section-title{
	border-right: 1px solid #fff;
	border-bottom: none;
}
#branded li.active .section-title .title{
	
}
#branded li.active .section-content{
	flex: 4;
	transform: scaleX(1);
}

#branded li.active .section-content .title{}
/****FIM BRANDED @md***/

#footer .borda{padding: 16px 17px 0px 0px;}	
	
}


@media (min-width: 992px){
.container {    max-width: 960px;}

#main-header{background: transparent;}
.nav-down #main-header{background: #123157;}


.header-blue #main-header{background: #123157;}
	
.main-logo{position:relative;}
.logo {
    width: 100%;
}
.navbar{
}

.navbar-nav{
    margin-top: 0px;
}	
.navbar-nav .nav-item a{line-height: 24px;font-size: 13px;padding: 0px 0.5rem;}
	
.navbar-nav .nav-item span:not(.ml-3){
	color: #FFF;
}
.navbar-nav .nav-item a{color: #FFF;}
.navbar-nav .nav-item a:hover{
		color: #123157;
		background: #FFF;
}


.flag{
	top: 4px;
	left: 4px;
}

	
#main{padding-top: 0px;}

.header-blue #main{padding-top: 68px;}	
.anchor{ top:-32px;}		
.header-blue .anchor{ top:-96px;}	

#footer .borda{padding: 20px 17px 0px 0px;}	
	

	
}


@media (min-width:1200px){
.container {    max-width: 1140px;}
/*tipologias*/
.font-xl-12{font-size: 0.75rem;}
.font-xl-13{font-size: 0.8125rem;}
.font-xl-14{font-size: 0.875rem;}
.font-xl-15{font-size: 0.9375rem;}
.font-xl-16{font-size: 1rem;}
.font-xl-17{font-size: 1.0625rem;}
.font-xl-18{font-size: 1.125rem;}
.font-xl-19{font-size: 1.1875rem;}
.font-xl-20{font-size: 1.25rem;}
.font-xl-21{font-size: 1.3125rem;}
.font-xl-22{font-size: 1.375rem;}
.font-xl-24{font-size: 1.5rem;}
.font-xl-26{font-size: 1.625rem;}
.font-xl-28{font-size: 1.75rem;}
.font-xl-30{font-size: 1.875rem;}
.font-xl-32{font-size: 2rem;}
.font-xl-36{font-size: 2.25rem;}
.font-xl-40{font-size: 2.5rem;}
.font-xl-44{font-size: 2.75rem;}
.font-xl-48{font-size: 3rem;}
.font-xl-52{font-size: 3.25rem;}
.font-xl-56{font-size: 3.5rem;}
.font-xl-60{font-size: 3.75rem;}
.font-xl-64{font-size: 4rem;}
.font-xl-68{font-size: 4.25rem;}
.font-xl-72{font-size: 4.5rem;}
.font-xl-76{font-size: 4.75rem;}
.font-xl-80{font-size: 5rem;}
.font-xl-84{font-size: 5.25rem;}
.font-xl-88{font-size: 5.5rem;}
.font-xl-92{font-size: 5.75rem;}
.font-xl-96{font-size: 6rem;}
.font-xl-104{font-size: 6.5rem;}
.font-xl-112{font-size: 7rem;}
.font-xl-120{font-size: 7.5rem;}
.font-xl-128{font-size: 8rem;}
/*fim tipologias*/
#main {
    padding-top: 0px;
}
.navbar-nav{}	
#main {}
.header-blue #main{padding-top: 96px;}	
	
.header-blue .anchor{ top:-104px;}		

#home-secao-01 .aspas{
    bottom: -10rem;
}

#home-secao-02{
 height: 520px;
}
	

/****BRANDED @xl***/
.img-branded{
}
/****FIM BRANDED @xl***/		


#footer .borda{padding: 11px 17px 0px 0px;}	
	
	
}



@media (min-width:1360px){
.swiper-button-prev{left: -60px;}
.swiper-button-next{right: -60px;}	
}

@media (min-width:1440px){

/*tipologias*/
.font-xxl-12{font-size: 0.75rem;}
.font-xxl-13{font-size: 0.8125rem;}
.font-xxl-14{font-size: 0.875rem;}
.font-xxl-15{font-size: 0.9375rem;}
.font-xxl-16{font-size: 1rem;}
.font-xxl-17{font-size: 1.0625rem;}
.font-xxl-18{font-size: 1.125rem;}
.font-xxl-20{font-size: 1.25rem;}
.font-xxl-21{font-size: 1.3125rem;}
.font-xxl-22{font-size: 1.375rem;}
.font-xxl-24{font-size: 1.5rem;}
.font-xxl-26{font-size: 1.625rem;}
.font-xxl-28{font-size: 1.75rem;}
.font-xxl-30{font-size: 1.875rem;}
.font-xxl-32{font-size: 2rem;}
.font-xxl-36{font-size: 2.25rem;}
.font-xxl-40{font-size: 2.5rem;}
.font-xxl-44{font-size: 2.75rem;}
.font-xxl-48{font-size: 3rem;}
.font-xxl-52{font-size: 3.25rem;}
.font-xxl-56{font-size: 3.5rem;}
.font-xxl-60{font-size: 3.75rem;}
.font-xxl-64{font-size: 4rem;}
.font-xxl-68{font-size: 4.25rem;}
.font-xxl-72{font-size: 4.5rem;}
.font-xxl-76{font-size: 4.75rem;}
.font-xxl-80{font-size: 5rem;}
.font-xxl-84{font-size: 5.25rem;}
.font-xxl-88{font-size: 5.5rem;}
.font-xxl-92{font-size: 5.75rem;}
.font-xxl-96{font-size: 6rem;}
.font-xxl-104{font-size: 6.5rem;}
.font-xxl-112{font-size: 7rem;}
.font-xxl-120{font-size: 7.5rem;}
.font-xxl-128{font-size: 8rem;}
/*fim tipologias*/
.col-xxl-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}	
#main {}
.anchor{ top:-118px;}	


#home-secao-02{
 height: 640px;
}
	
	
}




@media (min-width:1640px){
	
#home-secao-02{
 height: 750px;
}
}