@font-face {
	font-family: "Coiny";
	src: url('/assets/5/fonts/Coiny-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "MuseoSans300";
	src: url('/assets/5/fonts/MuseoSans-300.otf');
	src: url('/assets/5/fonts/MuseoSans.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "OceanSansStd";
	src: url('/assets/5/fonts/OceanSansStd-Light.otf');
	font-weight: normal;
	font-style: normal;
}


*{
	font-family: Brandon-Grotesque-Regular, Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
}

body{
	overflow-x:hidden;
	width:100%;
	position: initial;
	font-size: 12px;
}

.topo{
	padding: 0;
	margin-bottom: 30px;
}

.topo-pattern{
	/*background: url(img/header-background.png);
	background-size: auto 100px;
	background-repeat: repeat-x;
	background-position-y: 120px;
	height: 210px;*/
}

.container-topo{
	margin-top: 1px;
}

.container-logo {
	display: flex;
	justify-content: center;
	align-items: center;
}

.container-logo .logo-topo{
	max-width: 200px;
	padding-left: 0;
	margin-top: 1px;
}

.container-titulo-pagina{
	text-align: center;
}

.titulo-pagina {
	font-family: OceanSansStd;
	font-size: 14px;
}

.sub-titulo-pagina {
	font-family: OceanSansStd;
	font-size: 30px;
}

.box-pix {
	text-align: center;
}

.qrcode-pix {
	max-width: 172px;
	padding-left: 0;
}

.wrapper{
	position: relative;
}

.box-limit {
/*	height: 800px; !*height: 850px; sem btn donation internation*!*/
	height: 100%; /*com btn donation internation*/
}

.box-pane {
	/*height: 440px;*/
}

.box-modal-anuencia-header {
	color: #000;
	margin-left: 10%;
	margin-right: 10%;
}

.box-modal-anuencia-body {
	color: #000;
	margin-left: 10%;
	margin-right: 10%;
}

.box-modal-anuencia-footer {
	color: #000;
	margin-left: 10%;
	margin-right: 10%;
	border-top: 0px;
	text-align: -webkit-center;
}

/*Box ft*/
.bg-foto{
	width:100%;
	position: absolute;
}
.bg-foto img{
	width:100%;
	height:100%;
	position: relative;
	top:0;
	left:0;
	object-fit: contain;
}
.carousel-img {
	/*height: 800px !important; /*height: 800px; sem btn donation internation*/
	height: 850px !important;; /*com btn donation internation*!*/
}

/*Box pg*/
#fValor{
	background-color: rgb(240,102,149); /*rgb(218, 168, 23);*/
	color: rgb(255, 255, 255);
	font-size: 15px;
	height: 40px;
}

.btn-selecao{
	background-color: #2B479A;
	border: 1px solid #2B479A;
	border-color: #2B479A;
	border-radius:10px;
	color: #fff;
	display: block;
	width:90%;
}

.btn-selecao:hover{
	background-color: #2B479A;
	border-color: #2B479A;
	color: #FFFFFF;
}

.btn-selecao.btn.active,.btn-selecao.btn:active,.btn-selecao.btn.active > * ,.btn-selecao.btn:active > *{
	color:#FFFFFF;
	background-color: #2f74be;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: #FFFFFF;
	background-color: #2f74be;
}

.btn-wizard {
	background-color: #9e9e9e;
    color: #fff;
	border-radius: 10px !important;
    margin: 0px;
}

.btn-wizard-control {
	background-color: #00A4D4 !important; /*#27468F*/
	border-color: #00A4D4 !important; /*#27468F*/
	border-radius: 10px !important;
	color: #fff;
}

.btn-wizard-control:hover {
	color: #fff;
}


.titulo-opcao-pagto {
	text-align: center;
	color: #31708f;
	padding: 40px;
	height: 175px;
}

.info-contribuicao-mensal{
	text-align: center;
	color: #31708f;
}

.info-contribuicao-mensal [type='checkbox']{
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
}
.info-contribuicao-mensal span{
	color: #014461;
	font-weight: bold;
	/*font-size: large;*/
}

#formDoacao {
	padding-top: 0px !important;
}

.form-control {
	border-radius: 10px;
}

.info-selecao-pagto{
	border-radius: 10px;
	color: #fff;
	border-color: #27468F;
	padding: 15px 15px 5px 15px;
}


.form-bx{
    background-color: #284797;
    color: #fff;
    margin-right: 45px; /*quadro posicionado no lado esquerdo*/
	/*margin-left: 45px; !*quadro posicionado no lado direito*!*/
}

.form-bx .form-col{
	padding-top: 15px;
	padding-bottom: 15px;

	font-family: Brandon-Grotesque-Regular;
}

.check-label{
	font-weight: normal;
	font-size: 14px;
}

.info-termo {
	text-align: center;
	color: #31708f;
}

.info-termo [type='checkbox']{
	width: 18px;
	height: 18px;
	position: relative;
	top: 3px;
	margin-bottom: 15px;
}
.info-termo span{
	color: #014461;
	font-weight: bold;
}


.info-quadro-asaas {
	display: block;
	text-align: center;
	margin-top: 5px;
	color: black;
	font-weight: normal;
	font-size: 14px;
}

.info-quadro-deposito {
	/*text-align: center;*/
	color: #31708f;
}

.info-quadro-deposito span{
	color: #014461;
	font-weight: bold;
}


/*Radio f-p*/
.input-forma-doacao{
	display: none;
}
.input-forma-doacao+label{
	display: flex;
	align-items: center;
	justify-content: center;

	height: 75px;
	margin-right: 10px;
	padding: 10px;

	font-weight: normal;
	text-align: center;
	color: #000;

	background-color: #fff;
}
.input-forma-doacao+label:hover{
	cursor: pointer;
}
.input-forma-doacao+label .radio-txt{
	display: inline-block;
	line-height: 1;
	font-size: 12px;
}
.icon{
	display: block;
	font-size: 16px;
}
.input-forma-doacao:checked+label{
	background-color: #a2dccf;
	border: 1px solid #257d8c;
}

.check-box-termo {
	height: 18px;
	width: 14px;
	display: inline-block;
	position: relative;
	top: 4px;
	left: -5px;
}

.cover {
	object-fit: contain;
	width: 100%;
	/*height: 300px;  optional, you can remove it, but in my case it was good */
}


/*footer*/

footer{
	padding-top:10px;
	font-family: Brandon-Grotesque-Regular, Helvetica, Arial, Verdana, sans-serif !important;
}

.ul-model{
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 5px;
	margin-right: 5px;
}
.logo-footer{
	width:30%;
	margin-left: 4%;
}
.ul-footer{
	list-style: none;
	font-size: 13px;
	padding:0;
}
.ul-footer a{
	text-decoration:none;
	color:#000;
}
.ul-footer li{
	margin-top:5px;
}
.ul-footer a:hover{
	color:#284799;
}
.ul-footer .titulo{
	font-weight: bold;
}
.footer-endereco{
	text-align: left;
	font-size: 14x;
	margin: auto;
	height: 50%;
}

/*FIM Radio f-p*/
div.g-recaptcha{
	width: 304px;
	margin: 0 auto;
}

#modalTermosServico .modal-body{
	font-size: 17px;
}
.box-wrapper {
	height: 180px;
	text-align: center;
	color: #31708f;
	padding: 10px;
}
.container-texto-main{
	background-color: rgba(40, 71, 150, 0.85);
	color: #ffffff;
	position: absolute;
	bottom: 1px;
	left: 15%;
}

.info-text-col{
	font-family: Brandon-Grotesque-Regular;
	font-size: 15px;
	padding: 10px;
}

.bank-list {
	margin-top: 10px;
	width: 100%;
	display: flex !important;
	flex-direction: row;
	justify-content: center;
}
.bank-item-container {
	float: left;
	/*width: calc((33%) - (2px));*/
	padding: 1px;
}
.bank-item {
	padding: 5px;
	border-radius: 1px !important;
	background: white;
	text-align: center;
	height: 85px;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}
.bank-item-image {
	max-height: 50px;
	max-width: 100px;
}
.bank-image-text {
	font-size: 9px;
	line-height: initial;
	margin-top: 5px;
	color: black;
}



@media (max-width: 972px) {
	.container-logo {
		text-align: center;
	}
	.topo-pattern{
		/*background: url(img/header-background.png);*/
		/*background-size: auto 100px;*/
		/*background-repeat: repeat-x;*/
		/*background-position-y: 260px;*/
		/*height: 350px;*/
	}
	.form-bx{
		margin-right: -15px; /*quadro posicionado no lado esquerdo*/
		/*margin-left: -15px;!*quadro posicionado no lado direito*!*/
	}
	.bg-foto{
		background: #fff;
		width: 118%;
		margin-left: -30px;
		position: initial;
	}

	.sub-titulo-pagina {
		font-size: 20px;
	}

	#imgCarousel{
		margin-bottom: 30px;
	}
	.carousel-img {
		width: 100%;
        max-height: 300px;
	}
	.box-limit {
		height: auto;
	}
	.box-pane {
		/* height: 760px; */
	}
	.box-wrapper {
		height: 245px;
	}
	.btn-wizard-control {
		width: 120px;
	}
	.container-texto-main{
		background-color: #0060a89e;
		color: #fff;
		position: static;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.footer-endereco{
		font-size: 10px;
	}

	footer > .row > div {
		margin: 30px 0px;
	}

}

/*Configuração de css do wizard com flexbox */
#rootwizard .navbar .navbar-inner .container{
	width: 100%;
	margin: 0;
	padding: 0;
}

#rootwizard .navbar .navbar-inner .container .nav{
	display:flex;
    justify-content: space-between;
}

#rootwizard .navbar .navbar-inner .container .nav li {
	width: 100%;
}

.flex-container{
	display:flex;
}

.flex-justify{
	justify-content: space-between;
}

.btn-inactive{
	background-color: #9e9e9e;
	color: #fff;
	border-radius:10px;
	width: 90%;
}

.spacer{
	width: 10%;
}

.primary-color {
	color: #2f74be;
}

.primary-background-color{
	background-color: #2f74be;
}

.page-summary{
	margin: 20px 0px;
}

/*Rodapé*/
.footer-degrade, .footer-azul{
	padding: 15px;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	/* [PF] Implementar esta fonte como padrao no restante da configuracao */
	font-family: Roboto Slab, Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
	text-align: center;
}

.footer-degrade{
	color:#000;
	-webkit-background-size: cover; /* For WebKit*/
	-moz-background-size: cover;    /* Mozilla*/
	-o-background-size: cover;      /* Opera*/
	/* Generic*/
	/*background: #fff url(img/degrade2.png) no-repeat center center;*/
	text-align: left;
	background-size: cover;
}

/*Primeira coluna do footer degrade*/
.footer-degrade .coluna-info-icones .logo{
	max-width: 200px;
}

.footer-degrade .coluna-info-icones .endereco{
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
	font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
	color: #595959;
}

.footer-degrade .coluna-info-icones .telefones{
	font-size: 16px;
	font-family: Roboto Slab, Helvetica, Arial, Verdana, sans-serif;
	color: #1970aa;
	text-transform: uppercase;
}

.footer-degrade .coluna-info-icones .icones i{
	font-size: 30px;
	margin: 0 2px;
}

.footer-degrade .coluna-info-icones .icones a{
	text-decoration: none;
}


/*Segunda coluna do footer degrade*/

.footer-degrade .coluna-info-texto{
	font:normal  14px / 22px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}

.footer-degrade .coluna-info-texto h1{
	color: #1970aa;
	font:normal 300 30px / 23px "Roboto Slab", Helvetica, Arial, Verdana, sans-serif;
}

.footer-degrade .coluna-info-texto h5{
	color: #1970aa;
	font:normal 300 16px / 23px "Roboto Slab", Helvetica, Arial, Verdana, sans-serif;
}

.footer-degrade .links a, .footer-degrade .links a:visited{
	color: #1970aa;
	text-decoration: none;
}
.footer-degrade .links a:hover{
	background: -webkit-gradient(linear,left top,right top,color-stop(32%,#1b9ee5),color-stop(100%,#154896));
	background: -webkit-linear-gradient(left,#1b9ee5 32%,#154896 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.footer-degrade .links ul li{
	list-style-type: square;
	color: #1970aa;
	margin-top:10px;
}

.footer-azul{
	margin-top:0;
	background-color:#01699b;
}

.footer-azul .texto{
	font-size:15px;
	text-align: right;
}

.footer-azul a, .footer-azul a:visited {
	color:#FFF;
}
/*FIM Rodapé*/