.marg-0 { margin-bottom: 0 }
.marg-10 { margin-bottom: 10px }
.marg-15 { margin-bottom: 15px }
.marg-20 { margin-bottom: 20px }
.marg-25 { margin-bottom: 25px }
.marg-30 { margin-bottom: 30px }
.marg-40 { margin-bottom: 40px }
.marg-50 { margin-bottom: 50px }
.marg-75 { margin-bottom: 75px }
.marg-100 { margin-bottom: 100px }
.marg0 { margin-top: 0 }
.marg10 { margin-top: 10px }
.marg15 { margin-top: 15px }
.marg20 { margin-top: 20px }
.marg25 { margin-top: 25px }
.marg30 { margin-top: 30px }
.marg40 { margin-top: 40px }
.marg50 { margin-top: 50px }
.marg75 { margin-top: 75px }
.marg100 { margin-top: 100px }
.marg150 { margin-top: 150px }
.marg200 { margin-top: 200px }


.padd-0 { padding-bottom: 0 }
.padd-10 { padding-bottom: 10px }
.padd-15 { padding-bottom: 15px }
.padd-20 { padding-bottom: 20px }
.padd-25 { padding-bottom: 25px }
.padd-30 { padding-bottom: 30px }
.padd-25 { padding-bottom: 25px }
.padd-50 { padding-bottom: 50px }
.padd-75 { padding-bottom: 75px }
.padd-100 { padding-bottom: 100px }
.padd0 { padding-top: 0 }
.padd10 { padding-top: 10px }
.padd20 { padding-top: 20px }
.padd25 { padding-top: 25px }
.padd30 { padding-top: 30px }
.padd50 { padding-top: 50px }
.padd75 { padding-top: 75px }
.padd100 { padding-top: 100px }



.color-rosa {color:#C6649F;}
.color-roxo {color:#563787;}

  
.logo-main {height: 40px; margin-right: 30px; margin-bottom: 30px;}
.logo-footer {height: 60px;}



#header {
    
}
#content {
    position:relative;
}

.titlepage {
	z-index: 10;
    position: relative;
	margin-top: 40px;
}
.titlepage h2 {
	font-size: 34px;
    color: #563787;
    margin: 0;
    line-height: 1;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
    .titlepage h2 {font-size: 26px; margin-bottom: 30px;}
}
	



@media (min-width: 479px) {
    .content-box-download {padding-right: 5px; padding-left: 5px;}
}

.text-apres {
	padding-right: 40px;
}

@media (max-width: 991px) {
    .text-apres {
		padding-right:0;
	}
}

.box-download {
	background-color:#C6649F;
	color: #FFFFFF;
	padding: 7px;
	margin-bottom: 10px;
	transition: all 0.4s linear;
}

.box-download:hover {
	background-color:#563787;
}

.box-download .logo {
	margin-bottom: 2px;
}

.box-download .text {
	font-size:8px;
	font-family: 'hurme_geometric_sans_4light';
	margin-bottom: 15px;
}

.content-flex {
	display: flex;
	flex-wrap: nowrap;
}

.box-download .iconflag {
	width: 50%;
	text-align: left;
}

.box-download .iconflag span {
	font-size:14px;
	vertical-align: middle;
}

.box-download .iconflag img {
	height: 15px;
    width: auto;
}

.box-download .iconpdf {
	width: 50%;
	text-align: right;
}

.box-download .iconpdf img {
	height: 15px;
    width: auto;
}


@media (max-width: 1399px) {
	.hidden-box {display:none;}
}



/******BACK TO TOP BUTTON******/
#back-top {
	position: fixed;
	bottom: 20px;
    right: 20px;
	padding:0;
	margin:0;
}
#back-top a {
	text-decoration: none;
	width: 40px;
	height: 40px;
	display: block;
	background-color: #563787);
	background-image: url(../../images/back-top.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 20px;
	border-radius: 50%;

}
#back-top a:hover {
	background-color: #C6649F;
}

@media (-Webkit-min-device-pixel-ratio: 1.5),
 (-moz-min-device-pixel-ratio: 1.5),
 (-o-min-device-pixel-ratio: 3/2),
 (min-device-pixel-ratio: 1.5),
 (min-resolution: 1.5dppx) {
#back-top a {
			background-image: url(../../images/back-top@2x.png);}

}
 

#loadbox img {
  max-width: 100px;
  opacity: 0.8;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #loadbox img {
    max-width: 100%;
  }
}


.logotipo img {
    max-width: 337px !important;
	width: 100%;
  }
  
  .marg-R-50 {margin-right: 50px;}
  .padd-L-50 {padding-left: 50px;}
  
@media (max-width: 768px) {
  .logotipo img {
    max-width: 280px !important;
  }
  .marg-R-50 { margin-right: 0 }
  .padd-L-50 { padding-left: 0 }
    
}

.floatleft{float: left !important}
.floatright{float: right !important}
.display-inline-block{display:inline-block !important}
.position-relative {position:relative;}


.display-flex {display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
.display-flex-middle {-webkit-align-items: center; align-items: center;}
.display-flex-bottom {-webkit-align-items: flex-end; align-items: flex-end;}
.display-flex-left {-webkit-justify-content: flex-start; justify-content: flex-start; }
.display-flex-center {-webkit-justify-content: center; justify-content: center;}
.display-flex-right {-webkit-justify-content: flex-end; justify-content: flex-end;}


.width-height-100 {width:100%; height:100%;}

.section-ini {
    position: relative;
	width: 100%;
	min-height: 100vh;
	color: #563787;
	margin: 0;
	padding: 70px 0 100px;
	background-image: url('../../images/fundo-ini.svg'), linear-gradient(to bottom, rgba(198, 100, 159, 1) 0%, rgba(253, 249, 251, 1) 100%);
	background-size: contain, cover;
	background-position: bottom, center;
	background-repeat: no-repeat, no-repeat;
}


@media (max-width: 580px) {
    .section-ini {padding: 50px 0 70px;}

}