@import "style2.css";
/* config */

*:focus{
	outline: none;
}
#sobre img.icon {
	filter:brightness(0) invert(1);
}
body, .t16 {
	font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1.15;
}
.t60 {
	font-size: calc(40px + (60 - 40) * ((100vw - 300px) / (1600 - 300)));
	line-height: 1.15;
}
.t40 {
	font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
  	line-height: 1.15;
}
.t30 {
	font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300)));
  	line-height: 1.15;
}
.t20 {
	font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
  	line-height: 1.15;
}
.t14 {
	font-size: 14px;
  	line-height: 1.4;
}

.bold{
	font-weight: 600;
}
.extra-bold{
	font-weight: 800;
}

.Merriweather{
	font-family: 'Merriweather', serif;
}
.Montserrat{
	font-family: 'Montserrat', sans-serif;
}
.Poppins{
	font-family: 'Poppins', sans-serif;
}

.main-c, a.main-c:hover{
	color: #161D4A;
}
.sec-c, a.sec-c:hover{
	color: #005AA6;
}
.white-c, a.white-c:hover{
	color: white;
}
.gray-c, a.gray-c:hover{
	color: #707070;
}
.double-lh{
	line-height: 2;
}

a:hover, button:hover{
	text-decoration: underline;
}

/*style*/
header{
	position: fixed;
	top: 30px;
	height: 60px;
	width: 100%;
	padding: 0 3%;
	z-index: 999;
	transition: ease-in-out 200ms;
}
header.active{
	top: 0px;
	background: white;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 80px;
	box-shadow: 0px 3px 6px #00000029;
	transition: ease-in-out 200ms;
}
.navbar{
	height: 100%;
	padding: 0;
}
.navbar-brand img{
	height: 100%;
	margin: 5px 0;
}
.nav-item{
	margin: 0 10px;
}
.nav-link{
	font-family: "Poppins";
	font-size: 14px;
	color: #FFFFFF;
}
.nav-link:hover{
	text-decoration: underline;
	color: #FFFFFF;
}
header.active .nav-link{
	color: #061934;
}
header.active .nav-link:hover, header.active .nav-link.active{
	font-weight: 600;
	color: #061934;
}

.dropdown.langs .dropdown-menu{
	right: 0;
	left: inherit;
	min-width: auto;
	border-radius: 0;
}

#multiscroll{
	position: relative;height: 100vh;
	width: 100%;
}
#multiscroll img{
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center;
}

.navigation-dots{
	position: absolute;
	bottom: 15%;
	left: 3%;
	width: 50%;
	transform: translateY(50%);
	display: flex;
}
.navigation-dots>div{
	margin-right: 20px;
	font-size: 25px;
	font-family: 'Merriweather', serif;
	font-style: italic;
	cursor: pointer;
	color: #061934;
	padding-bottom: 18px;
}
.navigation-dots>div:hover, .navigation-dots>div.active{
	border-bottom: 3px solid #161D4A;
	padding-bottom: 15px;
}

.ms-left{
	position: absolute;
	left: 0;
	width: 50%;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.ms-right{
	position: absolute;
	right: 0;
	width: 50%;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.ms-left .ms-section h1, .ms-left .ms-section p{
	position: absolute;
	color: #061934;
	left: 6%;
	top: 50%;
	transform: translateY(-50%);
}
.ms-left .ms-section, .ms-right .ms-section{
	position: absolute;
	height: 100%;
	width: 100%;
}
.ms-left .ms-section, .ms-right .ms-section{
	transition: all 300ms ease-in-out;
}
.ms-left .ms-section:first-child{
	top: 0%;
}
.ms-right .ms-section:first-child{
	bottom: 0%;
}

.slide-home .bt{
	position: absolute;
	bottom: 15%;
	transform: translate(-50%, 50%);
	left: 50%;
	display: flex;
	align-items: center;
}
.slide-home .bt a{
	color: #061934;
	font-weight: 800;
	font-family: "Montserrat";
}

.slide-home .bt span{
	background: #061934;
	display: inline-block;
	height: 3px;
	width: 200px;
	margin-right: 20px;
}

.mensagem{
	background-image: url('../images/bg-mensagem.svg');
	background-size: cover;
	padding-top: 150px;
	padding-bottom: 150px;
	color: white;
}
.mensagem .gradient{
	background: transparent linear-gradient(226deg, #161D4A 0%, #01335D 53%, #161D4A 100%) 0% 0% no-repeat padding-box;
	padding: 50px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
.m-slide{
	height: 100%;
	display: grid;
	grid-template-columns: 50% 50%;
}
.photo-mensagem{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.arrows{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
}
.pre-arrow, .next-arrow{
	font-size: 35px;
	display: block;
	width: 40px;
	text-align: center;
}

.slide-mensagem{
    box-shadow: 0px 3px 10px 0px #00000073;
}

.fileiras .item{
	color: #005AA6;
	text-transform: uppercase;
	max-width: 120px;
}
.fileiras .divider{
	display: block;
	height: 6px;
	width: 80px;
	background-color: #005AA6;
}

.parceiros-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 250px);
	height: 750px;
	grid-template-areas:
   "logo1img logo2img logo2img logo2"
   "logo1 logo2img logo2img logo2img2"
   "logo1 logo3img logo3 logo3";
}
.parceiros-grid img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.parceiros-grid .logo1 img,.parceiros-grid .logo2 img,.parceiros-grid .logo3 img{
	object-fit: contain;
    object-position: center;
}

.logo1{
	grid-area: logo1;
}
.logo1-img{
	grid-area: logo1img;
}
.logo2{
	grid-area: logo2;
}
.logo2-img{
	grid-area: logo2img;
}
.logo2-img2{
	grid-area: logo2img2;
}
.logo3{
	grid-area: logo3;
}
.logo3-img{
	grid-area: logo3img;
}

.catalogo{
	background: #161D4A;
	color: white;
}
.contactos .left-side{
	background-image: url("../images/bg-contactos.png");
	background-repeat: no-repeat;
	background-size: cover;
}
.contactos .right-side{
	object-fit: cover;
}

.noticias{
	background: #EFEFEF;
}

.date{
	background: #161D4A;
	width: 80px;
	height: 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
}

.news-text{
	color: #707070;
}

.news-slide .slick-slide>div:first-child .new{
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 15px!important;
}

.pre-arrow2, .next-arrow2{
	font-size: 35px;
	display: block;
	width: 40px;
	text-align: center;
	color: #161D4A;
}

.vline-top{
	position: absolute;
	display: block;
	height: 120px;
	width: 2px;
	background: #161D4A;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
.vline-bot{
	position: absolute;
	display: block;
	height: 120px;
	width: 2px;
	background: #161D4A;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
}

.fileira-img .logo{
	width: 80%;
	margin: auto;
    align-self: center;
	position: relative;
}
.fileira-img .divider{
	display: block;
	height: 6px;
	width: 100px;
	background-color: white;
}

.fileira-hover{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1rem;
	right: 1rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: flex;
	opacity: 0;
	color: white;
	background: rgba(0,0,0,0.3);
	transition: 200ms ease-in-out;
}
.fileira-img:hover .fileira-hover{
	opacity: 1;
	transition: 200ms ease-in-out;
}
.fileira-hover>div{
	max-width: 100px;
	text-align: center;
}

#sobre .aea{
    background: #EFEFEF;
}

.p-mensagem{
	text-align: justify;
	text-justify: inter-word;
}

.banner{
	width: 100%;
	max-height: 750px;
}
.banner img{
	width: 100%;
	height: -webkit-fill-available;
	object-fit: cover;
}

.estudos{
	background: #EFEFEF;
}

.seeMore{
	background: transparent;
	border: none;
	cursor: pointer;
}
.seeMore:focus{
	outline: none;
}

.text-cols{
	column-count: 2;
}

#noticias .new{
	border-bottom: 1px solid #c5c5c5;
}
#noticias .date{
	width: 110px;
	height: 130px;
}
#noticias .date>div:first-child{
    font-size: 35px;
}

#artigo .col{
	max-height: 500px;
}
#artigo .col img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#artigo .text{
	text-align: justify;
}

.lparceiros{
	background: #161D4A;
}

.lparceiros .bt{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.lparceiros .bt a{
	color: white;
	font-weight: 800;
	font-family: "Montserrat";
	text-transform: uppercase;
}
.lparceiros .bt span{
	background: white;
	display: inline-block;
	height: 3px;
	width: 200px;
	margin-right: 20px;
}

.protocolos{
	background-image: url('../images/parceiros-bg.png');
	background-size: cover;
	padding-top: 150px;
	padding-bottom: 150px;
	color: white;
}
.protocolos .gradient{
	background: #161D4A;
	padding: 50px 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.m-slide{
	display: grid;
	grid-template-columns: 50% 50%;
}
.photo-mensagem{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.arrows{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
}
.pre-arrow, .next-arrow{
	font-size: 35px;
	display: block;
	width: 40px;
	text-align: center;
}

.slide-mensagem{
    box-shadow: 0px 3px 10px 0px #00000073;
}

.contactos-banner{
	background: url('../images/contactos-banner.jpg');
	background-size: cover;
	height: 750px;
	display: flex;
	align-items: center;
	padding: 0 3%;
}

.contactos-items{
	background: url('../images/contactos-bg.png');
	background-size: cover;
}

.contactos-items .vline-bot{
	background-color: #005AA6;
}

input, textarea{
	border: none;
	border-bottom: 2px solid #161D4A;
	padding: 5px 0;
	color: #161D4A;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	width: 100%;
}
input::placeholder, textarea::placeholder{
	color: #161D4A;
	font-family: 'Poppins';
	font-weight: bold;
	font-size: 14px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: #161D4A;
	border-radius: 0;
}
.custom-checkbox .custom-control-label::before{
	border-radius: 0;
}
.custom-control-label::after, .custom-control-label::before{
    top: .20rem;
}

.map{
	height: 400px;
}

form button{
	background: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}
form button:focus{
	outline: none;
}

form label.error{
	color: #e53434;
	font-size: 12px;
}

#termos-error{
	position: absolute;
	left: 0;
	top: 25px;
}

form a{
	font-weight: 600;
    color: #005AA6;
}

.modal-content{
	border: 0;
	border-radius: 0;
}
.modal-header{
	border: 0;
	border-radius: 0;
}

#returnResult{
	padding: 15px;
}

#loader{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #11111140;
    z-index: 9999;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.load {
  border: 3px solid transparent;
  border-radius: 50%;
  border-top: 5px solid #161D4A;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 600ms linear infinite; /* Safari */
  animation: spin 600ms linear infinite;
}
.white, a.white, a:hover.white, .white a, .white a:hover{
  color: #ffffff;
}

.critec{
  font-family: Gilroy;
  font-weight:800;
}

.icons i{font-size: 22px;}
.icons a{padding-right: 20px;}
.icons a:last-child{padding-right: 0px;}

.font-extra-bold{
  font-weight: 800;
}
.images-galeria {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
 }
.column {
    -ms-flex: 33%; /* IE10 */
    flex: 33%;
    max-width: 33%;
    padding: 0 4px;
}
.images-galeria img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100% !important;
    height: auto !important;
    padding: 15px;
}

.nav-tabs .letter-border{
    border: none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-link, .nav-tabs{
  border: 0px !important;
  text-decoration: none;
  background-color: transparent;
}
.nav-tabs .nav-link:hover .letter-border, .nav-tabs .nav-item .nav-link.active .letter-border{
    border-bottom: 2px solid #161D4A;
}
.nav-tabs .nav-link.active h3, .nav-tabs .nav-link:hover h3{
  font-weight: 800;
}
.nav-tabs{
  display: flex;
  justify-content: center;
}

/* mobile */

.navbar-toggler:focus, .navbar-toggler:hover{
	outline: none;
}
.mensagem .photo-mobile, .protocolos .photo-mobile{
	display: none;
	width: 100%;
}
.nav-item.active{
	font-weight: bold;
	text-decoration: underline;
}
.fileiras-list{
	display: flex !important;
	justify-content: center;
	flex-flow: wrap;
}
.fileiras-list .item{
	width: 50%;
}
.column-2 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
    padding: 0 4px;
}
.column-1 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    padding: 0 4px;
}

.contactos .right-side img{
    object-fit: cover;
    height: 100%;
}

#slide-mobile img{
	height: 300px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.ho{
    background: #F9F9F9;
}
.ho a{
    text-decoration: none;
}
.blue-squere{
    background: #161D4A;
    color: white;
    height: 350px;
    width: 350px;
    margin-left: auto;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 6px 6px #00000029;
    
}
.white-squere{
    background: #EFEFEF;
    color: #161D4A;
    height: 350px;
    width: 350px;
    margin-right: auto;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 6px 6px #00000029;
    
}

@media screen and (max-width:991px){
    .blue-squere{
        margin-left: unset;
        margin: auto;
    }
    .white-squere{
        margin-right: unset;
        margin: auto;
        
    }
	header, header.active{
		top: 0px;
		background: white;
		padding-top: 10px;
		padding-bottom: 10px;
		min-height: 80px;
		height: unset;
		box-shadow: 0px 3px 6px #00000029;
	}
	header .navbar-brand{
		height: 60px !important;
	}
	header .navbar-nav{
    margin-top: 15px;
	}
	header .nav-item a{
		color: #000;
	}
	section.noticias img{
		display: block;
		margin: auto;
		margin-bottom: 30px;
	}
	.protocolos {
    padding-top: 90px;
	}
	.footer-contacts{
        columns: 2;
  }
  #noticias .date {
      width: 100%;
      height: 50px;
      margin-bottom: 30px;
      flex-direction: row;
      justify-content: flex-start;
  }
  .date .day {
      margin-right: 15px;
  }
  #artigo .text {
	  columns: 1;
  }

  .parceiros-grid{
  	grid-template-columns: repeat(2, 1fr);
  	grid-template-rows: repeat(3, 250px);
  	height: 750px;
  	grid-template-areas:
     "logo1 logo1img"
     "logo2img logo2"
     "logo3 logo3img";
  }
}

@media screen and (max-width:767px){
	.ms-right{
		display: none;
	}
	.ms-left {
    width: 100%;
	}
	section.noticias img{
		display: none;
	}
	.slide-home .bt{
		transform: unset;
		left: unset;
		right: 25px;
	}
	.slide-home .bt span {
    width: 150px;
	}
	#homeoffice .banner img, .contactos-banner {
    height: unset;
    min-height: 250px;
    margin-top: 80px;
	}
}

@media screen and (max-width:575px){
	.m-slide {
		grid-template-columns: 100%;
    grid-template-rows: 100%;
	}
	.mensagem .photo-mensagem, .protocolos .photo-mensagem{
		display: none;
	}
	.mensagem .photo-mobile, .protocolos .photo-mobile{
		display: block;
	}
	.mensagem .arrows, .protocolos .arrows{
		position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
	}
	.mensagem .col-12, .protocolos .col-12{
		padding-top: 60px;
	}
	.slide-home .bt span {
    width: 50px;
	}
	section.estudos .col-12{
		display: flex;
		align-items: center;
		flex-direction: column;
	}
}


/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}



/*BO3 SPACERS*/
.spacer150 {grid-column: inherit; height: 150px;width: 100%;}
.spacer120 {grid-column: inherit; height: 120px;width: 100%;}
.spacer90 {grid-column: inherit; height: 90px;width: 100%;}
.spacer60 {grid-column: inherit; height: 60px;width: 100%;}
.spacer30 {grid-column: inherit;height: 30px;width: 100%;}
.spacer15 {grid-column: inherit;height: 15px;width: 100%;}

/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (max-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* TABLET */
@media (max-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 420px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

img {
	max-width: 100%;
}
