@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

.mulish-light {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}
.mulish-normal {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.mulish-bold {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.mulish-heavy {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1000;
  font-style: normal;
}
p, a, li{
  font-family: "Mulish", sans-serif!important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 16px;
	letter-spacing: 0.5px;
}

.header-body{
	background-image: url("../img/congresso/head.jpg")!important;
	background-position: center center!important;
	background-repeat: repeat-y!important;
	background-size: auto;
}
a.dropdown-item {text-transform: none!important; font-size: 16px!important;}
li.dropdown a.dropdown-item, a.dropdown-item {color: white!important;}
li.dropdown a.dropdown-item:hover, a.dropdown-item:hover {color: #72d0b5!important;}
ul.dropdown-menu a.dropdown-item {color: #666!important;}

#logo-h{display: inline;}
#logo-v{display: none;}
strong.destaque {background-color: white; padding: 5px 20px!important; width: auto; display: inline-block; border-radius: 25px; color: #0063b5!important;}
strong.destaque:hover {background-color: #72d0b5!important;}
.main-logo{
	width: 100%;
	max-width: 250px;
}
#home-top {
	padding-top: 20px;
	background-image: url("../img/congresso/home_04.jpg");
	background-position: bottom center!important;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 800px;
}
#int-top {
	padding-top: 0px;
	background-image: url("../img/congresso/home_04.jpg");
	background-position: top center!important;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 190px;
}
h1{
	font-family: "Mulish", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 1000;
  	font-style: normal;
 	color: #0063b5!important;
	font-size: 2.5em;
	margin: 10px auto;
	letter-spacing: 1px;
	line-height: 1.2em;
	padding: 0!important;
}
h2{
	font-family: "Mulish", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 200;
  	font-style: normal;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0 auto;
	padding: 0!important;
}
h3{
	font-family: "Mulish", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 1000;
  	font-style: normal;
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 auto;
	text-transform: none!important;
	letter-spacing: 2px;
	padding: 0!important;
}
h4{
	font-family: "Mulish", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 800;
  	font-style: normal;
	font-size: 2em;
	line-height: 1.3em;
	margin: 0 auto;
	text-transform: none!important;
	letter-spacing: 1.1px;
	color: #0063b5!important;
	padding: 0!important;
}
h5{
	font-family: "Mulish", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 800;
  	font-style: normal;
	font-size: 1.6em;
	line-height: 1.3em;
	margin: 0 auto;
	text-transform: none!important;
	letter-spacing: 1.1px;
	color: #174989!important;
	padding: 0!important;
}
h5.sub{
	margin: 20px;
	border-bottom: 1px solid #CCC;
}
.bg-blue{
	background-color: #0063b5!important;
	background-image: url("../img/congresso/graf-blue_06.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size:auto;
}
#cta{
	background-color: #0063b5!important;
	background-image: url("../img/congresso/home_06.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	background-attachment: fixed;
	padding: 100px 20px;
}
#vids{padding: 40px 20px 60px;}
.video-home{
	border-radius: 25px;
	width: 100%;
	max-width: 800px;
	height: 450px;
}
#intro{padding: 80px 20px;}
.int-intro{padding: 40px 20px;}
.dates{width: 100%; max-width: 300px; margin: 30px auto!important;}
.btn-green{
	background-color: #1db898!important;
	font-size: 1.8em;
	color: white!important;
	line-height: 1.15em;
}
.btn-green:hover{
	background-color: #0063b5!important;
}
#mensagens{
	padding: 80px 20px;
	border-top: 30px solid #0063b5!important;
}
.bg-cinza{
	padding: 60px 20px;
	background-color: #f7f7f7!important;
}
.bg-branco{
	padding: 60px 20px;
	background-color: white!important;
}
.top-line{border-top: 4px solid #0063b5!important; min-height: 340px;}
.foto{width: 100%; max-width: 350px; margin: 20px;}
.img-foot{width: 100%; max-width: 300px;}
#patrocinio{
	padding: 80px 20px;
	background-color: #f7f7f7!important;
	background-image: url("../img/congresso/graf-patroc_23.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
}
ul.patrocin{
	text-align: center;
	text-indent: none!important;
	list-style: none!important;
	margin: 0!important;
	padding: 0!important;
}
ul.patrocin li{
	display: inline-block;
}
ul.patrocin li img{
	max-width: 275px;
	margin: 10px;
}
ul.patrocin.img-patr li img{
	max-width: 175px!important;
	margin: 10px;
}
ul.patrocin.img-apoio li img{
	max-width: 130px!important;
	margin: 10px;
}
.footer-copyright{background-color: #0063b5!important;}
#footer{
	background-color: #FFF!important;
	border: none!important;
}
.sociais{text-align: right;}

.formulario{
	width: 100%;
	max-width: 800px;
	min-height: 700px;
	border-radius: 25px;
}
.submissao{
	background-color: white;
	padding: 10px 20px;
	color: #0063b5!important;
	border-radius: 50px;
	display: block!important;
	width: 50%!important;
	margin: 0 auto;
	font-size: 1.3rem;
	
}



@media (max-width: 2300px) {
	
	#home-top {
		padding-top: 110px;
		min-height: 800px;
	}
	
}

@media (max-width: 1500px) {
	
	#home-top {
		padding-top: 30px;
		min-height: 600px;
	}
	h1{font-size: 2.2em;}
	h2{font-size: 1.1em;}
	.main-logo{
	width: 100%;
	max-width: 200px;
}
	
}

/*Breakpont*/

@media (max-width: 991px) {
	li.dropdown a.dropdown-item, a.dropdown-item {color: #666!important;;}
	li.dropdown a.dropdown-item:hover, a.dropdown-item:hover {color: #72d0b5!important;}
	ul.dropdown-menu a.dropdown-item {color: #666!important;}
	strong.destaque {background-color: none!important; padding: 0px!important; display: inline-block; border-radius: 0px; color: #0063b5!important;}
	strong.destaque:hover {background-color: #72d0b5!important;}
	.btn-green{margin-top: 50px;}
	.text-center-mob{text-align: center!important;}
	.submissao{font-size: 0.8rem; line-height: 1rem; width: 100%!important;}
	
}

@media (max-width: 450px) {
	.video-home{height: 155px!important;}
	
	#logo-h{display: none!important;}
	#logo-v{display: inline!important;}
	#home-top {
		padding-top: 40px;
		min-height: 550px;
		background-position: bottom left!important;
	}
	h1{font-size: 1.5em;}
	h2{font-size: 1em;}
	.sociais{text-align: center; margin-top: 15px;}

}