@charset "utf-8";
/* CSS Document */

.nav-link{
	color:#3b71ca;
}

.nav-link:hover{
	color:#666666;
}

.alert-info{
	background-color:#457b9d !important;
	color:#e5f4f8 !important;
}

/*.navbar-fixed-top.scrolled {
  background-color: #0C9 !important;
  transition: background-color 200ms linear !important;
}*/

.fixed-top {
  /*background: none !important;*/
/*  background-image:url(../imagens/ponto_cinza.png) !important;
  background-repeat:repeat !important;
  border-bottom: none !important;
  transition: 0.1s ease-in;*/
  background: #FFF !important;
  background-image:none;
  border-bottom: 0.1rem solid #8f90c1 !important;
  opacity: 0.98;  
}

.fixed-top.scrolled {
  background: #FFF !important;
  background-image:none;
  border-bottom: 0.1rem solid #8f90c1 !important;
  opacity: 0.98;
}

.form-outline .trailing {
  pointer-events: all;
}

#olho_senha{
	cursor:pointer;
}
/*.login_div div{
	margin-top:2rem;
}*/

/*#intro > div {
  margin-top:-1.5rem;
}*/

/*.vh-100 {
  height: 60vh !important;
}*/

h2 {
  color: #1d3557;
}

.titulo_secao{
	background-color: #457b9d;
	color:#FFF;
	margin-top:0.5rem;
	text-transform:uppercase;
}

.titulo_secao i{
	color:#FFF;
}

#rodape {
  background-color: #1d3557;
  color: white;
/*  font-weight: bold;*/
  border-top: solid #457b9d !important;  
}

#dv_rodape{
	/*background-color:#222 !important;*/
	color:#f1faee;
	font-size:0.9rem;
}

#dv_rodape h5{
	color:#a8dadc;
}

.logo-rodape {
  width: 3em;
}

.img-speaker {
  border-radius: 50%;
  width: 4.6em;
  height: 4.6em;
	border:solid;
	border-color:#457b9d;
  /*box-shadow: 2px 2px 8px rgba(16, 87, 108);*/
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #457b9d;
}

.border_radius_video{
/*	border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;*/
}

#dv_comentarios_geral .ps__rail-y{
	display:none;
}

@media (max-width: 389.98px) {
	#intro > div {
	  margin-top:4.5rem !important;
	}	
	.vh-100 {
	  height: 60vh !important;
	} 
	
	#img_logo_geia{
		margin-top:-0.5rem !important;
	}
	
/*	#intro{
		background-position: 90% 10% !important;
	}*/
	
	#dv_chamada{
		margin-left:0rem;
	}
	
	.segundo_video{
		margin-top:1rem;
	}
	
	.cls_cabecalho_videos:first-child {
	  border-radius: 0;
	}	
		
}

@media (min-width:390px) and (max-width: 575.98px) {
	#intro > div {
	  margin-top:4.5rem !important;
	}	
	
	.vh-100 {
	  height: 40vh !important;
	} 
	
/*	#intro{
		background-position: 90% 10% !important;
	}*/
	
	#dv_chamada{
		margin-left:0.5rem;
	}
	
	#img_logo_geia{
		margin-top:-0.5rem !important;
	}
	
}

@media (min-width: 576px) and (max-width: 767.98px) {
	#intro > div {
	  margin-top:4.5rem !important;
	}	
	
	.vh-100 {
		height: 95vh !important;
	}	
}

@media (min-width: 768px) and (max-width: 912.988px) {
	#intro > div {
	  margin-top:4.5rem !important;
	}	
		
	.vh-100 {
	  height: 93vh !important;
	}	
}

@media (max-width: 991.98px) { 
	#menu_superior li{
		line-height:01rem;
	}
	
	.td_palestrantes{
		line-height:1rem !important;
	}	
	
	#img_logo_geia{
		width:50%;
	}
}

@media (min-width: 913px) and (max-width: 991.98px) { 	
	#intro > div {
	  margin-top:3.5rem !important;
	}
	
	#intro {
	  background-position: 90% 90% !important;
	  margin-top: 3rem;
	}		
	
	#dv_chamada{
		opacity: 0.9 !important;
		margin-left: -5rem;
		margin-top: -5rem;		
	}	
	
	.vh-100 {
	  height: 103vh !important;
	}	
}

/*@media (min-width: 992px) and (max-width: 1199.98px) { ... }

@media (min-width: 1200px) and (max-width: 1399.98px) { ... }*/

@media (min-width: 992px) { 	
	#menu_superior{
		height:3.3rem;
	}
	
/*	#intro{
		top:-5rem;
	}*/
}

@media (min-width: 992px) and (max-width: 1599.98px) { 
	#intro > div {
	  margin-top:1.5rem !important;
	}
	
	.vh-100 {
	  height: 62vh !important;
	} 	
}

@media (min-width: 1600px) and (max-width: 1919.98px) { 
	#intro > div {
	  margin-top: 1.5rem !important;
	}
}

@media (min-width: 1920px) { 
	#intro > div {
	  margin-top: -1rem !important;
	}
}



