/* RESET */
* {
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	box-sizing: border-box; 
	
	font-family: 'Rubik', sans-serif;
}

nav, ul {list-style: none;}

a {
	text-decoration: none; 
	cursor: pointer; 
	opacity: 0.9;}

a:hover {opacity: 1;}



/* HEADER */
header{
	background-color: black; 
	width: 100%; 
	/* position: absolute; */
	top: 0; left: 0;
	flex-wrap: nowrap;
	/*display: flex; 
	justify-content: space-between;
	align-items: center;
	padding: 20px 50px;*/
	z-index: 999;
}

header img{
	width: 300px;
	height: 98px;
}

header nav{
	display: flex;
}

header li{
	padding: 0 15px;
}

header li:first-child{
	margin-left: 0;
}

header li:last-child{
	margin-right: 0;
}

header li a{
	color: white;
}

header li a:hover{
	color: #928eb5;
	text-decoration: none;
}

.conteudo-site{
	top: 170px;
}


@media (max-width: 843px){
	.noticias .noticia {flex-direction: column;}
	footer .conteudo {flex-direction: column;}
}


@media (max-width: 780px){
	header {flex-direction: column;}
	header img {margin-bottom: 15px;}
	.banners-topo{flex-wrap: wrap; }
	.banners-meio{flex-wrap: wrap; top: 90px !important;}
	#servicos .conteudo .l1{flex-direction: column;	} 
	#servicos .conteudo .l2{flex-direction: column;} 
	#servicos .conteudo .l3{flex-direction: column;} 
	#servicos .conteudo .l4{flex-direction: column;} 
}




.banners-meio{ 
	display: flex; 
	width: 100%;
	padding: 10px 10px;
	position: relative;
	top: 150px;
}

.banners-topo{ 
	display: flex; 
	width: 100%;
	padding: 10px 10px;
	position: relative;
	top: 160px;
}


.sub-menu{ 
 
	width: 100%;

}

.sub-menu a{
	padding: 8px 30px;
	color: white;
	text-decoration: none;
	border-right-style: solid;
}



.carousel-banners-side{ 
	display: flex; 
	width: 100%;
	position: relative;
	top: 140px;	
}


.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; top: 200px;}
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }


@media (max-width: 650px){
    #bs4-multi-slide-carousel2{
    	display:block;
    }
    #bs4-multi-slide-carousel{
    	display:none;
    }    
}

@media (min-width: 650px){
    #bs4-multi-slide-carousel{
    	display:block;
    }
    #bs4-multi-slide-carousel2{
    	display:none;
    }    
}


@media screen and (max-width: 1124px){
	.conteudo-site{
		top: 108px;
	}
		#menu-desktop{
			display: none;
		}	
		#menu-mobile{
			display: block;
		}		
}

@media screen and (min-width: 1125px){
	.conteudo-site{
		top: 170px;
	}
		#menu-desktop{
			display: block;
		}
		#menu-mobile{
			display: none;
		}	
}


@media screen and (max-width: 949px){


		.banners-topo{
			top: 100px;
		}
		.carousel-banners-side{
			top: 90px;
		}	
		#eventos1, #eventos2{
			flex-direction: column;	
		}	
		.congresso{
			flex-direction: column;	
		}		
		.linha-artigo{
			flex-direction: column;
		}	
}

@media screen and (min-width: 950px){

		.banners-topo{
			top: 160px;
		}	
		.carousel-banners-side{
			top: 150px;
		}
		#eventos1, #eventos2{
			flex-direction: row;	
		}	
		.congresso{
			flex-direction: row;	
		}	
		.linha-artigo{
			flex-direction: row;
		}		
}		




.sub-menu-desktop{
	height: 40px;	
	width: 100%;
	background-color: #40538c;	
	margin: 0 auto;
}


.sub-menu-desktop ul{
	padding: 0px;
	list-style: none;
	font-size: 20px;
	
}

.sub-menu-desktop ul li{
	float: left;
	width: 	180px;
	height: 40px;
	background-color: #40538c;
	color: white;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
}

.sub-menu-desktop ul li a{
	text-decoration: none;
	color: white;
	display: block;
}

.sub-menu-desktop ul li a:hover{
	background-color: #769ab3;
}

.sub-menu-desktop ul li ul li{
	display: none;
	background-color: #353535;
}


.sub-menu-desktop ul li:hover ul li{
	display: block;
}

.btn-secondary{
	background-color: black;
}



.congresso{
	display: none;
}

/*.sub-menu-desktop ul li ul li ul li{
	display: none;
	background-color: transparent;	
} 

.sub-menu-desktop ul li ul li ul li a{
	color: 	transparent;		
}*/

.sub-menu-desktop ul li ul li:hover ul {
	display: block;
	background-color: #353535;	
	color: 	white;
}

.sub-menu-desktop ul li ul li ul li a:hover{
	background-color: #769ab3;	

}

.conteudo .box:hover .figure img{
	transform:  scale(1.2);

}




.mark{
  position:absolute;
  float: left;
  background: none;
  cursor:pointer;
}
.mark-icon{
  position:absolute;
  float: left;
}
.mark-desc{
  margin-top:6px;
  margin-left:23px;
  background-color: #FFF;
  padding: 0 10px 0 12px;
  border:1px solid #4F5C99;
  font-size: 12px;
}
.mark-desc-left{
  margin-top:6px;
  margin-left:-88px;
  background-color: #FFF;
  padding: 0px 10px 0 12px;
  border:1px solid #4F5C99;
  font-size: 12px;
  height: 20px;
  text-align: right;
}
.mark-desc h6{
  margin: 2px 6px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  color: black;
}
.mark-desc-left h6{
  margin: 2px 0px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  color: black;  
}
.mark-info{
  display: none;
}





/* SERVIÇOS */
.servicos{
	position: relative; 
	width: 1900px; 
	height: 1400px; 
	margin: 80px auto 0; 
	background-color: #262626;
}

.servicos .box{
	position: relative; 
	width: calc(950px - 30px); 
	height: calc(350px - 30px); 
	background-color: #000; 
	float: left; 
	margin: 15px; 
	box-sizing: border-box; 
	overflow: hidden; 
	box-shadow: 0 5px 10px rgba(0,0,0,.8);
}

.servicos .box:before{
	content: '';
	position: absolute;	
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;	
	transition: 0.5s;
	transform: 	scaleX(0);
	opacity: 0;
	z-index: 999;
}

.servicos .box:hover:before{
	transform: 	scaleX(1);
	opacity: 1;	
}

.servicos .box:after{
	content: '';
	position: absolute;	
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;	
	transition: 0.5s;
	transform: 	scaleY(0);
	opacity: 0;
	z-index: 999;
}

.servicos .box:hover:after{
	transform: 	scaleY(1);
	opacity: 1;	
}

.servicos .box .imgBox{
	position: relative;
}

.servicos .box .imgBox img{
	width: 	100%;
	transition: 0.5s;
}

.servicos .box:hover .imgBox img{
	opacity: .2;
	transform: scale(1.2);
}

.servicos .box .content{
	position: absolute;	
	width: 100%;
	top: 50%;
	transform: 	translateY(-50%);
	z-index: 2;	
	padding: 20px;
	box-sizing: border-box;	
	text-align: center;	
}

.servicos .box .content h2{
	margin: 0;
	padding: 0;
	color: #fff;	
	transition: 0.5s;
	transform: 	translateY(-50px);
	opacity: 0;
	visibility: hidden;	
}

.servicos .box .content p{
	margin: 0;
	padding: 0;
	color: #fff;	
	transition: 0.5s;
	transform: 	translateY(-50px);
	opacity: 0;
	visibility: hidden;		
}

.servicos .box:hover .content p,
.servicos .box:hover .content h2{
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	transition-delay: 0.2s;
}

@media (max-width: 1900px) {
	#servicos2 .servicos{
		width: 1400px; 
		height: 1032px; 
		margin: 80px auto 0; 
	}

	#servicos2 .servicos .box{
		width: calc(700px - 30px); 
		height: calc(258px - 30px);  
		float: left; 
		margin: 15px; 
	}	
}

@media (max-width: 1440px) {
	#servicos2 .servicos{
		width: 1024px; 
		height: 755px; 
		margin: 80px auto 0; 
	}

	#servicos2 .servicos .box{
		width: calc(512px - 30px); 
		height: calc(190px - 30px);  
		float: left; 
		margin: 15px; 
	}	
}


@media (max-width: 1080px) {
	#servicos2 .servicos{
		width: 800px; 
		height: 589px; 
		margin: 80px auto 0; 
	}

	#servicos2 .servicos .box{
		width: calc(400px - 30px); 
		height: calc(148px - 30px);  
		float: left; 
		margin: 15px; 
	}	
	.servicos .box .content h2{
		font-size: 	19px;
	}

	.servicos .box .content p{
		font-size: 	14px	
	}	
}

@media (max-width: 840px) {
	#servicos2 .servicos{
		width: 100%; 
		height: auto; 
		margin: 0px auto 0px; 
	}

	#servicos2 .servicos .box{
		width: 100%; 
		height: auto;  
		float: none; 
		margin: 15px; 
	}	
	.servicos .box .content h2{
		font-size: 	19px;
	}

	.servicos .box .content p{
		font-size: 	14px	
	}		
}




.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.form-control{
	padding: 15px 20px;
	height: auto;
	border-color: black;
	font-size: 16px;
}