/*



Default CSS

Version: 3.0

Author: kantbtrue

Author URI: https://twitter.com/kantbtrue



*/



html,

body {

	height: 100%;

}

.equal-height > div {

	display: flex;

}

.bg-dark,

.bg-dark a,

.bg-dark a:hover,

.bg-dark a:focus,

.bg-dark .mobile-menu {

	color: #ffffff;

}

.bg-transparent {

	background-color: transparent;

}



/* Space */

.sm-space {

	padding: 7.5px;

}

.md-space {

	padding: 15px;

}

.lg-space {

	padding: 0;

}

.xl-space {

	padding: 50px;

}



/* Divider */

.divider {

	border-width: 2px;

}

.divider__solid {

	border-style: solid;

}



/* Box Shadow */

.box {

    background: #fff;

    position: relative;

    width: 100%;

    padding: 0 1.4rem;

    margin: 0.7rem 0;

    border-radius: 12px;

    -webkit-transition: box-shadow 0.2s ease;

    -o-transition: box-shadow 0.2s ease;

    transition: box-shadow 0.2s ease;

}

.box-shadow {

    box-shadow: 0 2px 10px 4px rgb(36 36 37 / 5%);

}

.box-shadow__hover:hover {

    box-shadow: 0 4px 24px 0 rgba(0,0,0,0.1);

}



/* Section */

.section {

	padding: 80px 0;

}

.section-bg {

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.section-overlay {

	position: relative;

}

.section-overlay::before {

	content: '';

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

}



.img_desc {

    /* width: 21%; */

    /* margin-left: -2%; */

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    margin-bottom: 0!important;

    }



#hino {

	display:none;

}



.modalDialog {

		position: fixed;

		font-family: Arial, Helvetica, sans-serif;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		background: rgba(0,0,0,0.8);

		z-index: 99999;

		opacity:0;

		-webkit-transition: opacity 400ms ease-in;

		-moz-transition: opacity 400ms ease-in;

		transition: opacity 400ms ease-in;

		pointer-events: none;

	}



	.modalDialog:target {

		opacity:1;

		pointer-events: auto;

	}



	.modalDialog > div {

    /* width: 40%; */

    /* position: relative; */

    /* margin: 10% auto; */

    /* padding: 5px 20px 13px 20px; */

    /* border-radius: 10px; */

    /* background: #fff; */

    background: -moz-linear-gradient(#fff, #999);

    /* background: -webkit-linear-gradient(#fff, #999); */

    background: -o-linear-gradient(#fff, #999);

}



.modalDialog2 {

		position: fixed;

		font-family: Arial, Helvetica, sans-serif;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		background: rgba(0,0,0,0.8);

		z-index: 99999;

		opacity:0;

		-webkit-transition: opacity 400ms ease-in;

		-moz-transition: opacity 400ms ease-in;

		transition: opacity 400ms ease-in;

		pointer-events: none;

		height: 100%;

		overflow: scroll;

	}



	.modalDialog2:target {

		opacity:1;

		pointer-events: auto;

	}



	.modalDialog2 > div {

    width: max-content;

    position: relative;

    margin: 3% auto;

    padding: 5px 20px 13px 20px;

    border-radius: 10px;

    background: #fff;

    background: -moz-linear-gradient(#fff, #999);

    background: -webkit-linear-gradient(#fff, #999);

    background: -o-linear-gradient(#fff, #999);

    min-width: 1004px;

}





	.close {

		background: #606061;

		color: #FFFFFF;

		line-height: 25px;

		position: absolute;

		right: 25px;

		text-align: center;

		top: 25px;

		width: 24px;

		text-decoration: none;

		font-weight: bold;

		-webkit-border-radius: 12px;

		-moz-border-radius: 12px;

		border-radius: 12px;

		-moz-box-shadow: 1px 1px 3px #000;

		-webkit-box-shadow: 1px 1px 3px #000;

		box-shadow: 1px 1px 3px #000;

	}



	.close:hover { background: #00d9ff; }

	

	#conteudo p {

    color: #454545;

    font-size: 80%;

    line-height: 165%;

}







/*Estrutura do conteudo*/



#conteudo {

    position: relative;

    float: left;

    background: #fff;

    z-index: -1;

    border-radius: 0 0 2% 2%;

    min-width: 100%;

}



	



	div.txtNome {

    position: relative;

    float: left;

    width: 100%;

    /* text-align: center; */

}



	



	h1.titNome {



		color: #036;



		margin: 20px 0 0 17px;



	}



		



div.coluna01 {

    position: relative;

    float: left;

    width: 41%;

    max-height: 90%;

   }







div.coluna02 {

    position: relative;

    float: left;

    width: 41%;

    }







	div.txtHist {



		position: relative;



		float: left;



		width: 419px;



		margin: 0 0 50px 21px



	}



	



	p.descHist {



		margin-bottom: 12px;



		width: 419px;



		text-align: center;



	}



	



	div.txtHist2 {



		position: relative;



		float: left;



		width: 419px;



		padding: 0 0 50px 10px;



	}



	



div.hinosBras {



	position: relative;



	float: left;



	width: 589px;



	height: 231px;



	padding-left: 311px;



	margin-bottom: 50px;



}



div.txtMuni {



position: relative;



float: left;



width: 100%;



padding: 0 19px 0 21px;



margin-bottom: 10px;



background: url(img/bg_txtMuni.png) no-repeat;

}







.pqno {



	height: 215px;



}







p.listaMuni {



position: relative;



float: left;



margin: 0 2% 20px 0;

}



#localizacao {

}



@-webkit-keyframes twinkle {

  0% {

    opacity: 0

  }

  30% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}



@keyframes twinkle {

  0% {

    opacity: 0

  }

  30% {

    opacity: .5

  }

  100% {

    opacity: 1

  }

}



.top {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-image-outset: 0;

    border-image-repeat: stretch stretch;

    border-image-slice: 100% 100% 100% 100%;

    border-image-source: none;

    border-image-width: 1 1 1 1;

    height: 40px;

    right: 15px;

    text-align: center;

    width: 40px;

    border-color: #3878bb;

    border-radius: 50%;

    border-style: solid;

    border-width: 2px;

    position: fixed;

    display: none;

    z-index: 999;

    bottom: 2em;

    right: 1em;

    /* background-color: #00bcd424; */

}



@-webkit-keyframes drop {

  0% {

    top: 25px;

    opacity: 0

  }

  30% {

    top: 10px;

    opacity: 1

  }

  100% {

    top: 0;

    opacity: 0

  }

}



@keyframes drop {

  0% {

    top: 10px;

    opacity: 0

  }

  30% {

    top: 5px;

    opacity: 1

  }

  100% {

    top: -10px;

    opacity: 0

  }

}



.top span {

  position: relative;

  color: #3878bb;

  -webkit-animation-name: drop;

  -webkit-animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  -webkit-animation-delay: 0s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-play-state: running;

  animation-name: drop;

  animation-duration: 1s;

  animation-timing-function: linear;

  animation-delay: 0s;

  animation-iteration-count: infinite;

  animation-play-state: running;

}



#conheca_brasil {

	width: 103%;

	height: 234px;

	padding: 0;

	margin-left: -1.5%;

	background-image: url("../images/brasil/banner_historica_brasil.jpg");

	background-repeat: no-repeat;

}



#txt_conheca {

	max-width: 28%;

	margin-left: 22%;

	position: absolute;

	line-height: 1.5rem;

	margin-top: 1%;

}



#tit_conheca {

	font-family: 'Engagement', cursive;

	font-size: 4.7rem;

	color: white;

	line-height: 3rem;

	margin: 3% 3% 3% 0;

	padding-right: 3%;

}

#desc_conheca {color: white;font-weight: 200;position: relative;font-size: 1.05rem;}



.conteudo_brasil {

    max-width: 90%;

    display: flex;

    flex-direction: row;

    padding: 0 1.5%;

    text-align: justify;

    color: rgb(0 0 0);

    font-weight: 300;

    line-height: 1.3rem;

    margin: 4% 0;

}



.quadro_links {

	display: flex;

	margin: 3% 0;

}



.quadros {

	width: 24.5%;

	height: 395px;

	margin: 0 0.3%;

	font-size: 2rem;

	font-weight: 300;

	color: white;

	letter-spacing: -0.1rem;

	position: relative;

}



.txt_lei {

	width: 100%;

	position: absolute;

	bottom: 0;

	padding: 5% 21% 5% 5%;

	height: 100%;

	display: flex;

	align-items: flex-end;

}

.txt_hist {

	position: absolute;

	padding: 5%;

	width: 100%;

	height: 100%;

}

.txt_est {

	width: 100%;

	position: absolute;

	bottom: 0;

	padding: 5% 32% 5% 5%;

	height: 100%;

	display: flex;

	align-items: flex-end;

}



.txt_est {}

.txt_disp {

	width: 100%;

	position: absolute;

	padding: 5% 9%;

	height: 100%;

}



.container_100 {

    width: 100%;

    height: 233px;

    background-image: url(../images/brasil/banner_hino.jpg)!important;

    margin: 3% 0 0;

    background-size: 100%;

}



.txt_banner_hino {

	font-family: 'Engagement';

	font-size: 4.7rem;

	color: white;

	text-align: right;

	margin-top: 4%;

	position: absolute;

	margin-left: 59%;

}



.tit_hinos {

	width: 100%;

}



.dvd {

	width: 100%;

	padding: 0 3%;

	margin: 5% 0;

}



.txt_dvd {

	width: 100%;

}



.tit_dvd {

	font-family: 'Engagement';

	font-size: 4.5rem;

	color: #0B2459;

	line-height: 3rem;

	position: relative;

	margin-top: 9%;

}



.desc_dvd {

	line-height: 1.3rem;

    text-align: justify;

}



.quadro_hinos {

	width: 100%;

	display: flex;

	flex-wrap: wrap;

	text-align: center;

	padding: 0 1%;

	align-content: flex-start;

	margin-bottom: 2%;

}



.topo_quadro_hino {

	width: 100%;

	background-color: #122f6c;

	height: 60px;

	color: white;

	border-radius: 11px;

	/* margin: 10% 0 0; */

	font-size: 1.5rem;

}



.bloco1_hino {

	width: 50%;

	padding: 2%;

	text-align: center;

	line-height: 1.3rem;

}



.bloco2_hino {

	width: 50%;

	padding: 4%;

	text-align: center;

}



.bloco1_hino p{

	margin-bottom: 5px;

}



.descricao_cores {

	width: 50%;

	margin-left: 58%;

	position: absolute;

	margin-top: 16.6%;

	color: white;

	font-weight: 100;

}



.linha_desc {

	font-size: 1rem;

	margin-bottom: 2%;

	display: flex;

}



.tit_bot_hinos {line-height: 3.6rem;font-size: 1.6rem;font-weight: 300;}



#tudo_topo {

}



.bola_cores {

	width: 18%;

}



.txt_bolas {

	width: 70%;

	margin-top: 3.6%;

	line-height: 1.4rem;

}



.jumbotron_full {

	padding: 0 2rem;

}



.container_txtbrasil { display: flex;

}



#desc_cores_mob {

	display: none;

	position: absolute;

	width: 100%;

	margin: 74% 0 0;

}



@media (max-width:1440px){

	.modalDialog > div {

    width: 60%;

    }

	

	#tudo_topo {

    height: 716px!important;

}

	.descricao_cores {

    margin-left: 56%;

    margin-top: 17.5%;

    width: 48%;

}

	

	.linha_desc {

    margin-bottom: 1%;

}

	

	#conheca_brasil {

    height: 173px;

    background-size: 100%;

}

	

	#tit_conheca {

    font-size: 3.7rem;

    line-height: 2rem;

    margin: 3% 3% 2% 0;

    

}

	

	.container_100 {

    height: 175px;

}

	

	.txt_banner_hino {

    font-size: 3.7rem;

    	

}

	

	.tit_dvd {

    font-size: 3.5rem;

    line-height: 2rem;

    margin-top: 20%;

}

	

	.bola_cores {

    width: 11%;

}

	

	.txt_bolas {

    margin-top: 1.6%;

    }

	

}





@media (max-width:1024px){

	.modalDialog > div {

    width: 80%;

    }

	

	.linha_desc {

    margin-bottom: -1.4%;

    font-size: 0.9rem;

    line-height: 3.6rem;

}

	.descricao_cores {

    margin-left: 55%;

    margin-top: 3%;

    width: 50%;

}

	

	#tit_conheca {

    font-size: 3rem;

    line-height: 1.4rem;

}

	

	#conheca_brasil {

    height: 161px;

    background-size: 133%;

    background-position-x: 31%;

}

	

	#tit_conheca {

    font-size: 2.5rem;

    line-height: 1.4rem;

    width: 80%;

    margin-left: 10%;

}

	

	.quadros {

    width: 24.5%;

    height: 318px;

    font-size: 1.5rem;

}

	

	#tudo_topo {

    height: 509px!important;

}

	

	#txt_conheca {

    max-width: 51%;

    margin-left: 6%;

    position: absolute;

}

	

	.container_100 {

    height: 125px;

}

	

	.txt_banner_hino {

    font-size: 3rem;

}

	

	

	.txt_bolas {

    line-height: 1rem;

    margin-bottom: 0.3rem;

    min-height: 1.6rem;

    width: 85%;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    align-content: center;

}

	



	

}



@media (max-width:850px){

	.col-12 {

    flex: 0 0 50%;

}

	

	.xl-font-size {

    font-size: 90%;

}

	.tit-topic {

    text-align: left;

}

	

	.xl-font-size {

    font-size: 100%!important;

}

	

	.img_produtos {

		flex: 100%!important;

	}

	

	.col-md-12 {

    flex: 0 0 100%!important;

  max-width: 100%!important;

}

	

	h4, .base-plus-font-size {

    font-size: 90.5%!important;

}

	

	h5, .sm-font-size {

    line-height: 1rem!important;

    margin-bottom: 10%!important;

}

	

	.descricao_cores {

    margin-left: 55%;

    margin-top: 4.4%;

    width: 45%;

}

	

	.quadros {

    width: 24.5%;

    height: 257px;

    font-size: 1.4rem;

}

	

	.container_100 {

    height: 104px;

}

	

	.tit_bot_hinos {

    font-size: 1.3rem;

    

}

	

	.topo_quadro_hino {

    height: 55px;

    font-size: 1.5rem;

}

	

	.linha_desc {

    margin-bottom: 0.7%;

    line-height: 3rem;

    font-size: 84%;

}

	

	#conheca_brasil {

	background-image: url("../images/brasil/banner_historica_brasil_850.jpg");

	background-repeat: no-repeat;

}

	

	#desc_conheca {

    font-size: 1rem;

    line-height: 1.3rem;

}

	

	#conheca_brasil {

    height: 200px;

    }

	

	#tit_conheca {

    font-size: 3rem;

    line-height: 1.4rem;

    width: 97%;

    margin-left: 0%;

}

	

	#txt_conheca {

    margin-left: 5%;

    margin-top: 3%;

}

	

}



@media (max-width:805px){

	.linha_desc {

    margin-bottom: 0.7%;

    line-height: 2.8rem;

    }

	

	#tudo_topo {

    height: 490px!important;

}

	

	.container_100 {

    height: 97px;

}

	

	.quadros {

    height: 248px;

    }



}



@media (max-width:768px){

	.modalDialog > div {

    width: 95%;

    }

	

	p.descHist {

    width: 342px;

    }

	

	.modalDialog2 > div {

    width: 90%;

    }

	

	div.txtHist {

    width: 324px;

	}

	

	.col-md-4 {

    flex: 0 0 31.333333%!important;

}

	

	.descricao_cores {

    margin-left: 55%;

    margin-top: 11.4%;

}

	

	.linha_desc {

    margin-bottom: 2.4%;

    line-height: 2rem;

    font-size: 0.85rem;

}

	

	.txt_bolas {

    margin-top: 0;

    width: 86%;

    margin-bottom: 0.5rem;

}

	

	.quadros {

    height: 236px;

    font-size: 1.4rem;

}

	

	.container_100 {

    height: 93px;

}



}



@media (max-width:576px){



.col-12 {

    max-width: 100%;

    margin-left: 0;

    flex: auto;

}

	.col-md-4 {

    flex: 0 0 100%!important;

    

}



.hero-inner {

	padding: 0;

}

	

	.img-fluid {

    width: 100%;

    margin-left: 0;

}

	

	.container {

    padding-left: 0!important;

    padding-right: 0!important;

	max-width: 100%!important;

    flex-flow: column;

    

}

	

	.row {

    margin-right: 0!important;

    margin-left: 0!important;

}

	

	.descricao_cores {

    display: none;

}

	

	#conheca_brasil {

    background-size: 107%;

    background-image: url(../images/brasil/banner_historica_brasil_450.jpg);

    width: 100%;

    margin: 0;

    height: 174px;

    background-position-x: 63%;

}

	

	.jumbotron_full {

    padding: 0;

}

	

	.container_txtbrasil {

    display: contents;

}

	

	.conteudo_brasil {

    margin: 4% auto;

}

	#tit_conheca {

    width: 100%;

    margin-left: 0%;

    font-size: 268%;

}

	

	#txt_conheca {

    max-width: 55%;

    margin-left: 9%;

}

	

	#desc_conheca {

    font-size: 0.9rem;

    line-height: 1.1rem;

    text-align: justify;

}

	

	.quadro_links {

    flex-direction: column;

}

	

	.quadros {

    height: 485px;

    font-size: 2.4rem;

    width: 90%;

    margin: 1.5% auto;

    background-repeat: no-repeat;

}

	

	.txt_dvd {

    width: 90%;

    margin: 0 auto 7%;

}

	.quadro_hinos {

    flex-direction: column;

}

	

	.bloco1_hino {

    width: 90%;

    padding: 0;

    margin: 3% auto;

}

	

	.tit_dvd {

    margin-top: 0;

}

	

	.container_100 {

    background-position-x: 66%;

    width: 100%;

    height: 194px;

    background-image: url(../images/brasil/banner_hino_450.jpg)!important;

    background-size: 169%;

    background-position-y: 86%;

    background-repeat: no-repeat;

}

	

	.txt_banner_hino {

    text-align: left;

    margin-top: 16%;

    margin-left: 61%;

    font-size: 2.5rem;

}

	

	.representacoes {

		font-size: 3rem;

		text-align: center;

		font-family: 'Engagement';

		margin-bottom: 2%;

		color: white;

	}

	

	

	.amarelo_mob {

		margin: 2% 0 0 1%;

		position: absolute;

		width: 32%;

	}

	

	.azul_mob {

		margin: 6% 34%;

		position: absolute;

		width: 32%;

	}

	

	.estrelas_mob {

		margin: 0% 66% 0;

		position: absolute;

		width: 32%;

	}

	

	.verde_mob {

		margin: 48% 0 0 15%;

		position: absolute;

		width: 32%;

	}

	

	.ordem_mob {

		margin: 46% 0 0 56%;

		position: absolute;

		width: 32%;

	}

	

	.bot_cores_mob {

		width: 100%;

	}

	

	.quadro_txt_bot {

		margin: -8% 5%;

	}

	

	#desc_cores_mob {

	display: block;

	}

	

	.txt_bot_mob {

		font-size: 0.70rem;

		margin: -20% auto;

		width: 92%;

		color: rgb(73 73 73);

		padding: 0 4%;

		text-align: -webkit-center;

	}

	

	.txt_bot_mob2 {

    font-size: 0.70rem;

    margin: -31% auto;

    width: 92%;

    color: rgb(73 73 73);

    padding: 0 4%;

    text-align: -webkit-center;

}

}



@media (max-width:450px){



.text-center {

    padding: 0;

}



.col-10 {

    flex: 100%;

    max-width: 100%;

}



.features {

     display: none;

}



#localizacao {

    font-size: 160%;

}



.fa-2x {

    font-size: 1.85rem!important;

    margin-left: 1px;

}	



.top {

    height: 35px;

    width: 35px;

    background-color: #00bcd400;

	}	

}

	

	@media (max-width:375px){



.representacoes {

    font-size: 3rem;

    

}

		#tit_conheca {

    width: 100%;

    margin-left: 0%;

    font-size: 214%;

    line-height: 1rem;

}

		

		.tit_dvd {

    font-size: 3rem;

    

}

		

		.txt_bot_mob2 {

    margin: -39% auto;

   

}

		

}



@keyframes drop (max-width:450px) {

  0% {

    top: 5px;

    opacity: 0

  }

}

	

	h4, .base-plus-font-size {

    font-size: 136%!important;

}

	

	h5, .sm-font-size {

    font-size: 96.5%!important;

		margin-bottom: 0!important;

   

}

	

	.cta-text span {

    font-size: 100%;

}

}