@import "burger.css";
.slick-disabled {
opacity:0.5; }
.initiative-menu {cursor:pointer; }

.slideshowHome, .slide-item {
    height:800px !important;
}

.history .five-ini-img-frame{
   width:100%;
}
.history .five-ini-img-frame img{
        max-height: 60px;
}

.history .five-ini-title{
   width:100%;
   margin-bottom:30px;
}

.history .five-ini-list {
    width:100%;
}

.history .five-ini-list ul{
   padding:0px;
}
a.btn-history {
    font-weight:bold;
    color: #000;
    text-decoration: none;
}
a.btn-history:hover {
    color: #e53f43;
    text-decoration: none;
}
/* TABLET */
@media (max-width: 1768px) {
    .slideshowHome .md-spacer150 {
        height:50px;
    }    
    .slideshowHome, .slide-item {
        height:730px !important;
    }
}

@media (max-width: 768px) {
    .slideshowHome, .slide-item {
        height: 430px !important;
    }
    .slideshowArrows {
        display:none;
    }
}
@media (max-width: 600px) {
    .slideshowHome, .slide-item {
        height: 600px !important;
    }
    .slick-slide.slick-current  {
        background-position: top;
    }
}
@media (min-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}
	.sm-spacer5 {height: 5px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}
	.sm-block5 {display: inline-block; width: 5px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (min-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}
	.md-spacer5 {height: 5px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}
	.md-block5 {display: inline-block; width: 5px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* LARGE DISPLAY'S */
@media (min-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}
	.lg-spacer5 {height: 5px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}
	.lg-block5 {display: inline-block; width: 5px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 767px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}
	.xs-spacer5 {height: 5px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}
	.xs-block5 {display: inline-block; width: 5px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

body {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	min-height: 100%;
}

#initiative section, #initiative article {
	position: relative;
	z-index: 1029;
}

img {
	max-width: 100%;
}

a,
button {
	transition: all ease 500ms;
	outline: 0 !important;
}

/* GENERAL */
.c-white{
	color: #ffffff !important;
}
.removePadding{
	padding: 0;
}
.position-relative{
	position: relative;
}
.slideshowArrows{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 5%;
	width: 100%;
}
.slideshowArrows>div{
	font-size: 30px;
	color: #000;
	cursor: pointer;
}
.iniciativaItem{
	margin: 0 30px;
}
.main-big-title {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 56px;
	font-weight: 700;
}
.d-flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.justify-content-between {
	justify-content: space-between;
}
.align-items-center{
	align-items: center;
}
.slideshowIniciativaArrows{
	display: flex;
}
.slideshowIniciativaArrows>div{
	font-size: 30px;
	color: #000;
	cursor: pointer;
	margin: 0 15px;
}
.mx-auto {
	display: flex;
	align-items: center;
	justify-content: center;
}

.no-pad {
	padding-left: 0px;
	padding-right: 0px;
}

.hidden-all {
	display: none !important;
}
.mainIniciativaMenu.compact {
	top: 72px;
}
.mainIniciativaMenu.active{
	display: flex;
}
.mainIniciativaMenu{
	transition: all ease 300ms;
	display: none;
	position: fixed;
	top: 120px;
	left: 0;
	right: 0;
	z-index: 1032;
	background: #ffffff;
}
.iniciativaMenu{
	font-family: 'Muli', sans-serif;
    font-weight: 900;
	font-size: 34px;
    color: #fff;
    background-color: #e73c42;
	width: 80px;
	min-height: 570px;
	position: relative;
}
.iniciativaMenu>div{
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(270deg);
	left: -60%;
}
.iniciativaTabs{
	width: calc(34% - 80px);
}
.iniciativaContent{
	width: 66%;
	background: #eeeeee;
	background-image: url('../images/Fundo-Menu-Aberto.jpg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	padding: 50px 160px;
}
.iniciativaTabs {
	font-family: 'Muli',sans-serif;
	font-weight: 900;
	font-size: 18px;
	color: #000;
}
.itemMenu.active .itemTitle {
	color: #3D4D9A;
}
.itemMenu.active .itemArrow {
	color: #3D4D9A;
}
.itemMenu{
	width: 80%;
	margin: 40px auto;
	cursor: pointer;
}
.numberMenu{
	color: #f8f8f8;
    font-size: 110px;
    font-family: 'Poppins', sans-serif;
    line-height: 84px;
	width: 60px;
}
.itemMenuImg>div{
	width: 74px;
	height: 74px;
	object-fit: contain;
}
.itemMenuImg img{
	max-height: 100%;
}
.itemMenuImg{
	width: 50px;
	height: 50px;
	margin-left: -30px;
	object-fit: contain;
	margin-right: 30px;
}
.itemArrow{
	margin-left: 30px;
}
.contentItem{
	width: 50%;
	padding: 24px 0;
	text-decoration: none;
}
.contentItem:hover{
	text-decoration: none;
}
.contentItem>div{
	width: 300px;
}
.contentClock{
	color: #e53f43;
	font-weight: 700;
}
.contentTitle{
	font-family: 'Muli',sans-serif;
    font-weight: 900;
    font-size: 16px;
    color: #000;
}
.iniciativaContent>div.active{
	display: flex;
}
.iniciativaContent>div{
	display: none;
}
.newsMarginTop{
	margin-top: 120px;
}

@media screen and (max-width:800px) {
	.mainIniciativaMenu {
		flex-wrap: wrap;
	}
	.iniciativaTabs {
		width: 100%;
		margin-left: 80px;
	}
	.iniciativaContent {
		width: 100%;
		margin-left: 80px;
		padding: 30px 25px;
	}
	.iniciativaMenu{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		min-height: auto;
	}
	.itemMenu {
		width: 90%;
		margin: 10px auto;
	}
	.numberMenu {
		font-size: 80px;
	}
	.contentItem{
		padding: 15px;
	}
}
@media screen and (max-width:500px) {
	.mobileArrows{
		flex-direction: column;
		align-items: center;
	}
	.mainIniciativaMenu, .mainIniciativaMenu.compact {
		top: 50px;
		overflow-x: auto;
		height: calc(100vh - 50px);
	}
	.iniciativaMenu{
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		width: 100%;
		height: 40px;
		font-size: 18px;
	}
	.iniciativaMenu>div{
		position: relative;
		text-align: center;
		transform: translateY(-50%);
		top: 50%;
		left: 0;
	}
	.iniciativaTabs{
		margin-top: 40px;
	}
	.iniciativaTabs, .iniciativaContent {
		margin-left: 0;
		padding: 0 15px;
	}
	.contentItem {
		font-size: 14px;
		width: 100%;
	}
	.contentItem>div {
		width: 100%;
	}
	.itemArrow {
		margin-left: 10px;
	}
	.itemTitle{
		font-size: 14px;
	}
	.itemMenuImg {
		width: 30px;
		height: 30px;
		margin-left: -25px;
		margin-right: 10px;
	}
	.numberMenu {
		font-size: 50px;
		line-height: 50px;
	}
}

/* HEADER */

.five-nav {
	width: 100%;
	position: fixed;
	z-index: 1033;
	margin-top: 12px;
	margin-bottom: 12px;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
}

.five-nav a:hover, .five-nav a:focus {
	color: #3D4D9A!important;
}

.five-nav.compact {
	margin-top: 0;
	margin-bottom: 0;
	background-color: #fff;
	border-radius: 0;
}

.five-nav.compact .sm-spacer15 {
	height: 0px;
}

.five-nav.compact .five-logo img {
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
}

.five-nav .five-logo img {
	height: 70px;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
}

.five-nav a:not(.five-logo) {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin: 0px 40px;
	text-decoration: none;
	outline: 0;
}

/* INIT SECTION */

#init {
	background-color: #F8F8F8;
	position: relative;;
	z-index: 1;
}

#init .five-big-title {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 60px;
	line-height: 56px;
	color: #000;
}

#init .five-big-description {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #000;
	line-height: 60px;
}

/* PROJECT SECTION */

#project {
	margin-top: -15px;
	position: relative;
	z-index: 2;
}

#project .five-white-text,
.initiative-documentary .five-white-text {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
}

#project .five-video,
.initiative-documentary .five-video {
	position: relative;
	height: 220px;
}

#project .five-video iframe {
	top: 0;
	z-index: 3;
}

#project .network {
	min-height: 600px;
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
}

#project .network .five-big-title {
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	color: #fff;
	font-size: 36px;
	width: 100%;
	text-align: right;
}

#project .network .five-big-description {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	width: 100%;
	color: #fff;
	font-size: 18px;
	text-align: right;
}

.five-btn-box {
	-webkit-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
}

 .five-btn-box:hover .five-btn-flipper {
	transform: rotateX(-90deg);
}

 .five-btn-flipper {
	transition: all .5s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
	transform-origin: 100% 34px;
}

.five-download-btn:hover, .five-download-btn:focus{
	text-decoration: none;
}

.five-download-btn.front{
	transform: translateZ(34px);
}

 .five-download-btn.back {
	-webkit-transform: rotateX(90deg) translateZ(34px);
	-ms-transform: rotateX(90deg) translateZ(34px);
	transform: rotateX(90deg) translateZ(34px);
}

.five-download-btn {
	width: 80%;
	text-align: right;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	float: right;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
}

.five-download-btn .five-download-title{
	width: 70%;
	height: 70px;
	background-color: #fff;
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	font-size: 18px;
	color: #273582;
	display: flex;
	align-items: center;
	justify-content: center;
}
.five-download-btn .five-download-title2{
	width: 70%;
	height: 70px;
	background-color: #273582;
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	font-size: 18px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.five-download-btn .five-download-arrow {
	width: 30%;
	height: 70px !important;
	background-color: #E73C42;
	height: inherit;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.posAbs {
	position: absolute;
    bottom: 150px;
    width: 350px;
    margin-left: -175px;
    left: 50%;
}
/* INITIATIVE SECTION */

#initiative .five-big-title {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 56px;
	font-weight: 700;
}

section#events a {
    color: #000;
}

#initiative .five-block {
	height: 520px;
}

#initiative .five-block.five-block-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#initiative .five-block.five-block-text {
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	font-size: 18px;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

#initiative .initiative-development {
	position: relative;
}

#initiative .five-yellow-bg {
	height: 620px;
}

#initiative .five-img-bg {
	height: 620px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#initiative .five-content-area {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

#initiative .five-content-area .five-white-container {
	background-color: #fff;
	border: 5px solid #273582;
	padding: 60px 130px;
}

#initiative .five-content-area .five-white-container .five-big-title {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 36px;
	text-transform: lowercase;
	color: #273582;
}

#initiative .five-content-area .five-white-container .five-area-text {
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	font-size: 16px;
	color: #273582;
}

#initiative .initiative-programs .five-programs-icon {
	background-color: #193286;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 60px;
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 18px;
	color: #fff;
}

#initiative .initiative-programs .five-programs-text {
	position: relative;
	min-height: 200px;
	text-align: center;
	color: #000;
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

#initiative .initiative-programs .five-programs-text p {
	width: calc(100% - 60px);
	padding: 30px;
	margin: auto;
}

#initiative .initiative-programs .five-programs-text .five-append {
	position: absolute;
	top: 0;
	left: calc(50% - 2px);
	width: 4px;
	height: 25px;
	background-color: #193286;
}

#initiative .initiative-culture .five-culture-block {
	height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#initiative .initiative-culture .five-culture-block-bg {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#initiative .five-documentary-title {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 36px;
	text-transform: lowercase;
	color: #fff;
}

#initiative .initiative-culture .five-culture-name,
#initiative .initiative-culture .five-culture-title {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 18px;
	text-transform: lowercase;
	color: #000;
}

#initiative .initiative-culture .five-culture-description {
	color: #000;
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 16px;
}
/* EVENTS */

#events .five-big-title {
    font-family: 'Poppins', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: #000;
}

/* CONTACTOS SECTION */

#contacts .five-big-title {
	font-family: 'Poppins', sans-serif;
	font-size: 60px;
	font-weight: 700;
	color: #000;
}

#contacts .contact-block.has-logo img {
	width: 85px;
}
#contacts .contact-block img {
	max-height: 100px;
}

#contacts .contact-block .five-area-title {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 18px;
	color: #000;
}

#contacts .five-area-text {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

#contacts .contact-block a {
	color: #333;
}

#contacts .contact-block a:hover,
#contacts .contact-block a:focus {
	color: #333;
	text-decoration: none;
}

/* FOOTER */

footer {
	min-height: 700px;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}

 .copyright-bar {
	width: 100%;
	background-color: #193080;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .five-bar {
	width: 80%;
	height: 3px;
	background-color: #123586;
}

footer .five-copyright {
	font-family: 'Muli', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #123586;
}

footer .five-footer-item {
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .five-copyright .five-bold {
	font-weight: 800;
}

/* NEWS */

.news-img-frame {
	height: 400px;
	width: 100%;
	background-size: cover;
	background-position: top center;
	cursor: pointer;
}

.news-title {
	font-size: 36px;
	color: #000;
	font-weight: 900;
	text-transform: lowercase;
	margin-bottom: 5px;
	cursor: pointer;
}

.news-date {
	font-weight: 900;
	font-size: 16px;
	margin-left: 5px;
}

.news-gallery-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

#new .five-btn-flipper {
	transform-origin: 100% 32.5px;
}

.five-read-btn {
	background-color: transparent;
	border-radius: 0;
	border: 0;
	outline: 0 !important;
	height: 65px;
	width: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: #fff;
	font-weight: 700;
	text-transform: lowercase;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.five-read-btn.front {
	transform: translateZ(32.5px);
}

.five-read-btn.back {
	-webkit-transform: rotateX(90deg) translateZ(32.5px);
	-ms-transform: rotateX(90deg) translateZ(32.5px);
	transform: rotateX(90deg) translateZ(32.5px);
}

.five-read-btn:hover, .five-read-btn:focus {
	color: #fff;
}

.five-read-btn .read-btn-text, .five-read-btn .read-btn-arrow {
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 65px;
}

.five-read-btn .read-btn-text {
	width: 65%;
	background-color: #193286;
	font-size: 18px;
}
.five-read-btn .read-btn-arrow {
	width: 35%;
	background-color: #E73C42;
	font-size: 24px;
}

.five-page-title {
	font-weight: 900;
	text-transform: lowercase;
	font-size: 78px;
}

.five-page-description {
	font-size: 24px;
}

/* MODAL */

/* TEST */

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/page_loader.gif) center no-repeat #fff;
}


#five-modal {
	padding-right: 0 !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#five-modal.news-modal .modal-content {
	border-radius: 0;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	min-height: 100%;
	padding: 100px 0;
	background-color: #F2F2F2;
}

#five-modal.news-modal .close-modal {
	position: absolute;
	width: auto;
	height: auto;
	background-color: transparent;
	top: 75px;
	right: 75px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

#five-modal .modal-close {
	margin-left: 30px;
	font-size: 32px;
	font-weight: 900;
}


#five-modal.news-modal .modal-backdrop {
	opacity: 0;
	display: none;
}

.five-next-btn, .five-previous-btn {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	outline: 0 !important;
	position: absolute;
	color: #000;
}

.five-next-btn {
	left: -20%;
}

.five-previous-btn {
	right: -20%;
}

.five-arrow-btn-text {
	font-size: 18px;
	font-weight: 900;
}

.five-next-btn span, .five-previous-btn span {
	display: block;
}

.news-description {
	height: 70px;
}

/* INITIATIVE SUB MENU */

.five-submenu-c {
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
}

.five-submenu-block {
	opacity:0;
	transition: opacity ease 500ms;
	-webkit-transition: opacity ease 500ms;
	transition-delay: 500ms;
}

#five-modal.initiative-modal .modal-content {
	border-radius: 0;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	min-height: 100%;
	padding: 0;
	background-color: #F2F2F2;
}

#five-modal.initiative-modal .close-modal {
	position: absolute;
	width: auto;
	height: auto;
	background-color: transparent;
	top: 50px;
	right: 75px;
	cursor: pointer;
	z-index: 1032;
	display: flex;
	align-items: center;
	justify-content: center;
}

#five-modal .modal-close {
	margin-left: 30px;
	font-size: 32px;
	font-weight: 900;
}

.initiative-modal.in .five-submenu-block {
	overflow: hidden;
	animation-name: comeLeft;
	animation-duration: 500ms;
	opacity: 1;
}

.initiative-modal.in .five-submenu-block:nth-child(2) {
	transition-delay: 250ms;
	animation-delay: 250ms;
}

.initiative-modal.in .five-submenu-block:nth-child(3) {
	transition-delay: 500ms;
	animation-delay: 500ms;
}

.five-submenu-c .five-submenu-block {
	min-height: 100vh;
	background-color: #fff;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
}

.five-submenu-c .five-submenu-block .five-ini-content {
	padding: 35% 12% 8% 32%;
	position: relative;
	z-index: 1031;
	display: flex;
	align-items: flex-end;
}

.five-submenu-c .five-submenu-block:hover,
.five-submenu-c .five-submenu-block:focus {
	background-color: #F2F2F2;
}

.five-ini-number {
	position: absolute;
	top: 2%;
	left: 25%;
	color: #F8F8F8;
	font-size: 300px;
	font-weight: 700;
	z-index: -1;
	font-family: 'Poppins', sans-serif;
}

.five-submenu-c.active .five-ini-number {
	z-index: 1031;
}

.five-submenu-c .five-submenu-block:hover .five-ini-number,
.five-submenu-c .five-submenu-block:focus .five-ini-number {
	color: #fff;
}

.five-ini-img-frame, .five-ini-title {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.five-ini-img-frame {
	width: 40%;
}

.five-ini-title {
	width: 48%;
}

.five-ini-title {
	font-size: 18px;
	font-weight: 900;
}

.five-ini-list {
	font-family: 'Poppins', sans-serif;
	display: block;
	width: 60%;
	margin: auto;
	font-weight: 700;
	color: #000;
	font-size: 16px;
	position: relative;
	z-index: 1031;
}

.five-submenu-c.active .five-ini-list {
	z-index: 1033;
}

.five-ini-list ul  {
	list-style: none;
}

.five-ini-list ul li {
	font-weight: 400 !important;
}

.five-ini-list ul li a {
	margin: 0 !important;
	color: #000;
	outline: 0;
}

.five-ini-list ul li a:hover, .five-ini-list ul li a:focus {
	color: #3D4D9A!important;
	text-decoration: none;
}

@keyframes comeLeft {
	0% {
		transform: translateX(100vw);
	}
	1% {
		transform: translateX(99vw);
	}
	2% {
		transform: translateX(98vw);
	}
	3% {
		transform: translateX(97vw);
	}
	4% {
		transform: translateX(96vw);
	}
	5% {
		transform: translateX(95vw);
	}
	6% {
		transform: translateX(94vw);
	}
	7% {
		transform: translateX(93vw);
	}
	8% {
		transform: translateX(92vw);
	}
	9% {
		transform: translateX(91vw);
	}
	10% {
		transform: translateX(90vw);
	}
	11% {
		transform: translateX(89vw);
	}
	12% {
		transform: translateX(88vw);
	}
	13% {
		transform: translateX(87vw);
	}
	14% {
		transform: translateX(86vw);
	}
	15% {
		transform: translateX(85vw);
	}
	16% {
		transform: translateX(84vw);
	}
	17% {
		transform: translateX(83vw);
	}
	18% {
		transform: translateX(82vw);
	}
	19% {
		transform: translateX(81vw);
	}
	20% {
		transform: translateX(80vw);
	}
	21% {
		transform: translateX(79vw);
	}
	22% {
		transform: translateX(78vw);
	}
	23% {
		transform: translateX(77vw);
	}
	24% {
		transform: translateX(76vw);
	}
	25% {
		transform: translateX(75vw);
	}
	26% {
		transform: translateX(74vw);
	}
	27% {
		transform: translateX(73vw);
	}
	28% {
		transform: translateX(72vw);
	}
	29% {
		transform: translateX(71vw);
	}
	30% {
		transform: translateX(70vw);
	}
	31% {
		transform: translateX(69vw);
	}
	32% {
		transform: translateX(68vw);
	}
	33% {
		transform: translateX(67vw);
	}
	34% {
		transform: translateX(66vw);
	}
	35% {
		transform: translateX(65vw);
	}
	36% {
		transform: translateX(64vw);
	}
	37% {
		transform: translateX(63vw);
	}
	38% {
		transform: translateX(62vw);
	}
	39% {
		transform: translateX(61vw);
	}
	40% {
		transform: translateX(60vw);
	}
	41% {
		transform: translateX(59vw);
	}
	42% {
		transform: translateX(58vw);
	}
	43% {
		transform: translateX(57vw);
	}
	44% {
		transform: translateX(56vw);
	}
	45% {
		transform: translateX(55vw);
	}
	46% {
		transform: translateX(54vw);
	}
	47% {
		transform: translateX(53vw);
	}
	48% {
		transform: translateX(52vw);
	}
	49% {
		transform: translateX(51vw);
	}
	50% {
		transform: translateX(50vw);
	}
	51% {
		transform: translateX(49vw);
	}
	52% {
		transform: translateX(48vw);
	}
	53% {
		transform: translateX(47vw);
	}
	54% {
		transform: translateX(46vw);
	}
	55% {
		transform: translateX(45vw);
	}
	56% {
		transform: translateX(44vw);
	}
	57% {
		transform: translateX(43vw);
	}
	58% {
		transform: translateX(42vw);
	}
	59% {
		transform: translateX(41vw);
	}
	60% {
		transform: translateX(40vw);
	}
	61% {
		transform: translateX(39vw);
	}
	62% {
		transform: translateX(38vw);
	}
	63% {
		transform: translateX(37vw);
	}
	64% {
		transform: translateX(36vw);
	}
	65% {
		transform: translateX(35vw);
	}
	66% {
		transform: translateX(34vw);
	}
	67% {
		transform: translateX(33vw);
	}
	68% {
		transform: translateX(32vw);
	}
	69% {
		transform: translateX(31vw);
	}
	70% {
		transform: translateX(30vw);
	}
	71% {
		transform: translateX(29vw);
	}
	72% {
		transform: translateX(28vw);
	}
	73% {
		transform: translateX(27vw);
	}
	74% {
		transform: translateX(26vw);
	}
	75% {
		transform: translateX(25vw);
	}
	76% {
		transform: translateX(24vw);
	}
	77% {
		transform: translateX(23vw);
	}
	78% {
		transform: translateX(22vw);
	}
	79% {
		transform: translateX(21vw);
	}
	80% {
		transform: translateX(20vw);
	}
	81% {
		transform: translateX(19vw);
	}
	82% {
		transform: translateX(18vw);
	}
	83% {
		transform: translateX(17vw);
	}
	84% {
		transform: translateX(16vw);
	}
	85% {
		transform: translateX(15vw);
	}
	86% {
		transform: translateX(14vw);
	}
	87% {
		transform: translateX(13vw);
	}
	88% {
		transform: translateX(12vw);
	}
	89% {
		transform: translateX(11vw);
	}
	90% {
		transform: translateX(10vw);
	}
	91% {
		transform: translateX(9vw);
	}
	92% {
		transform: translateX(8vw);
	}
	93% {
		transform: translateX(7vw);
	}
	94% {
		transform: translateX(6vw);
	}
	95% {
		transform: translateX(5vw);
	}
	96% {
		transform: translateX(4vw);
	}
	97% {
		transform: translateX(3vw);
	}
	98% {
		transform: translateX(2vw);
	}
	99% {
		transform: translateX(1vw);
	}
	100% {
		transform: translateX(0vw);
	}
}

/* INITIATIVE PAGE */


#ini-apresentation {
	background-color: #F8F8F8;
}

#ini-apresentation .event-name {
	font-weight: 900;
	font-size: 76px;
	text-transform: lowercase;
	color: #000;
}

#ini-apresentation .ini-context {
	font-size: 26px;
	text-transform: lowercase;
	color: #000;
}

#events {
	position: relative;
	background-color: transparent;
	margin-top: -30px;
	color: #000;
}

#events .event-content {
	min-height: 400px;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 45px;
	border-style: solid;
}

#events .ini-menu {
	position: absolute;
	top: 0;
	left: 60px;
	z-index: 1033;
}

#events .ini-menu ul {
	padding: 0;
	list-style: none;
}

#events .ini-menu li a {
	width: 100px;
	height: 100px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
	display: flex;
	align-items: center;
	justify-content: center;
}

#events .ini-menu li a {
	color: #000;
	font-weight: 700;
}

#events .ini-menu .ini-logo-frame {
	width: 40px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
}

#events .ini-menu li a:hover, #events .ini-menu li:focus, #events .ini-menu li.active {
	text-decoration: none;
	color: #fff;
}

#events .ini-menu.fixed {
	position: fixed;
	top: 100px;
}

#events .ini-menu.bottom-fixed {
	position: absolute;
	bottom: 0;
	top: auto;
}

#events .event-container {
	padding: 0 30px;
}

#events .event-presentation {
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 45px;
	border-style: solid;
}

#events .event-name {
	font-size: 36px;
	font-weight: 900;
	text-transform: lowercase;
	color: #000;
}

#events .event-date {
	font-weight: 900;
}

#events .event-text {
	font-size: 16px;
	line-height: 28px;
	color: #000;
}

#events .event-place  {
	font-weight: 900;
	font-size: 74px;
	text-transform: lowercase;
}

#events .event-place img {
	max-width: 100px;
	max-height: 100px;
}

#events .ini-name {
	font-weight: 900;
	font-size: 66px;
	text-transform: lowercase;
}

#events .event-description {
	font-weight: 900;
	font-size: 36px;
	text-transform: lowercase;
}

#events .event-text {
	line-height: 32px;
}

#events .five-download-btn.front {
	transform: translateZ(34px);
}

#events .five-download-btn.back {
	-webkit-transform: rotateX(90deg) translateZ(34px);
	-ms-transform: rotateX(90deg) translateZ(34px);
	transform: rotateX(90deg) translateZ(34px);
}

#events .five-download-btn:hover, #events .five-download-btn:focus {
	text-decoration: none;
}


#events  .five-download-btn {
	width: 80%;
	text-align: right;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

#events .five-download-btn .five-download-arrow {
	width: 30%;
	height: 70px !important;
	background-color: #E73C42;
	height: inherit;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}


#events .five-documentary-title {
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 36px;
	text-transform: lowercase;
	color: #fff;
}


#events .five-download-title {
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	font-size: 18px;
	color: #fff;
	width: 70%;
	height: 70px;
	background-color: #193286;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}


#events .five-download-file {
	width: 30%;
	height: 70px !important;
	background-color: #E73C42;
	color: #fff;
}


#events .event-gallery-container {
	margin-left: -25px;
}

#events .event-gallery-title {
	font-weight: 900;
	font-size: 66px;
	text-transform: lowercase;
}

#events .gallery-masonry {
	display: flex;
	 flex-flow: row wrap;
	 margin-left: -8px; /* Adjustment for the gutter */
}

.masonry-brick {
	flex: auto;
	width: calc((100% / 5) + 8px);
	height: 400px;
	min-width: 150px;
	margin: 0 8px 8px 0; /* Some gutter */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}

#events .masonry-brick:first-child {
	width: 275px;
	max-width: 275px !important;
}

#events .masonry-brick:last-child {
	max-width: calc(25% - 8px);
}

#events .masonry-brick:nth-child(3), #events .masonry-brick:nth-child(14) {
	width: 50%;
}

.masonry-brick img {
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	object-fit: cover;
}

.masonry-brick a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}

.masonry-icon-play {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1033;
	display: flex;
	align-items: center;
	justify-content: center;
}

.masonry-brick a svg path{
	fill: #fff;
}

#events .ini-menu-name {
	text-transform: lowercase;
}


/* MEDIA */

@media screen and (max-width: 1600px) {
	.five-submenu-c .five-submenu-block .five-ini-content {
		padding: 35% 5% 8% 25%;
	}
}

@media screen and (max-width: 1300px) {
	.five-nav a:not(.five-logo) {
		margin: 0 30px;
	}
	.five-submenu-c .five-submenu-block .five-ini-content {
		padding: 35% 0% 8% 10%;
	}
}

@media screen and (min-width: 1200px) {
	.initiative-list .five-main-22,
	.initiative-list .five-main-23 {
		display: block;
	    float: left;
	    width: 50%;
	}

	.initiative-list .five-main-22 #five-img-22,
	.initiative-list .five-main-23 #five-img-23 {
		width: 50%;
		float: right;
	}

	.initiative-list .five-main-22 #five-text-22,
	.initiative-list .five-main-23 #five-text-23 {
		width: 50%;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.initiative-list #five-img-21,
	.initiative-list #five-img-23 {
		float: right;
	}
}

@media screen and (max-width: 1199px) {

	.news-title {
		font-size: 30px;
		min-height: 90px;
	}

	#init .five-big-title {
		font-size: 40px;
		line-height: 40px;
	}

	#init .five-big-description {
		font-size: 18px;
	}

	#init .five-header-img img {
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 560px) and (max-width: 991px) {
	#project .network .five-download-title {
		padding-right: 20px;
	}
}

@media screen and (max-width: 934px) {
	#project .five-video iframe,
	.initiative-documentary .five-video iframe {
		width: 100%;
	}

}

@media screen and (max-width: 991px) {

	/* NEWS MODAL */
	.posAbs {
		position: relative;
		left: 0;
		margin-left: 0;
		bottom: 0;
		width: 100%;
		height: 70px;
	}
	.five-previous-btn {
		right: 0;
		top: -30%;
	}

	.five-next-btn {
		left: 0;
		top: -30%;
	}

	/* EOF NEWS MODAL */

	.five-submenu-c .five-submenu-block {
		min-height: auto;
	}

	.five-submenu-c .five-submenu-block .five-ini-content {
		padding: 15% 10% 8% 25%;
	}

	.five-ini-list {
		margin-bottom: 30px;
	}

	#initiative .initiative-culture .five-culture-description {
		padding: 0 30px;
	}

	#initiative .initiative-programs .five-programs-text .mx-auto {
		min-height: 200px;
	}

	#events .ini-menu {
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;

	}

	#events .ini-menu.fixed {
		top: auto;
		bottom: 0;
	}

	#events .ini-menu ul {
		width: 100%;
		display: flex;
		margin-bottom: 0;
	}

	#events .ini-menu ul li {
		display: inline-block;
		flex: auto;
	}

	#events .ini-menu .menu-item > div {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#events .ini-menu li a {
		width: auto;
		height: 60px;
	}

	#events .ini-menu .ini-logo-frame {
		margin-bottom: 0;
	}

	#events .ini-menu .ini-menu-name {
		display: none;
	}

}

@media screen and (max-width: 800px) {
	.five-nav a:not(.five-logo) {
		margin: 0 25px;
	}
}

@media screen and (max-width: 767px) {

	.news-title {
		min-height: auto;
	}

	.five-previous-btn {
		top: -40%;
	}

	.five-next-btn {
		top: -40%;
	}


	.five-white-logo img {
		float: left;
		max-width: 35px;
		margin: 7px 15px;
	}

	#project .network .five-big-title,
	#project .network .five-big-description {
		text-align: center;
	}

	#project .network .five-download-area {
		float: none;
	}

	.initiative-documentary .five-video {
	    height: 100%;
	}
}

@media screen and (max-width: 767px) {
	main {
		margin-top: 52px;
	}

	header .navbar {
		background-color: #193286;
		border-color: #193286;
	}

	header .navbar-default .navbar-toggle {
		border-color: transparent;
	}

	header .navbar-default .navbar-toggle:hover,
	header .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}

	header #bs-example-navbar-collapse-1 ul li a {
		color: #fff;
		font-weight: 700;
		font-size: 18px;
	}

	header #bs-example-navbar-collapse-1 ul li a:hover,
	header #bs-example-navbar-collapse-1 ul li a:focus,
	header #bs-example-navbar-collapse-1 ul li a.active {
		color: #193286;
		background-color: #fff;
	}

	#init .five-big-title,
	#init .five-big-description {
		padding-left: 30px;
		padding-right: 30px;
	}

	#init .five-header-img {
		margin-top: 30px;
	}
}

@media screen and (max-width: 660px) {

	#five-modal.news-modal .close-modal {
		top: 15px;
		right: 20px;
		font-size: 10;
	}

	.five-previous-btn {
		top: -50%;
	}

	.five-next-btn {
		top: -50%;
	}

	.five-submenu-c .five-submenu-block .five-ini-content {
		padding: 15% 0% 8% 15%;
	}

	.five-ini-img-frame {
		width: 45%;
	}

	#five-modal.initiative-modal .close-modal {
		top: 15px;
		right: 20px;
		font-size: 10px;
	}

	#five-modal .modal-close {
		margin-left: 15px;
		font-size: 26px;
	}

	#initiative .five-content-area .five-white-container {
		padding: 0;
	}

	#initiative .five-content-area .five-white-container .five-big-title {
		padding: 60px 60px 30px 60px;
	}

	#initiative .five-content-area .five-white-container .five-area-text {
		padding: 30px 60px 60px 60px;
	}

	#initiative .five-content-area .five-white-container .five-area-text br {
		display: none;
	}

	#initiative .five-big-title,
	#contacts .five-big-title {
		font-size: 50px;
	}
}

@media screen and (max-width: 480px) {

	.five-page-title {
		font-size: 66px;
	}

	.five-read-btn {
		width: 100%;
	}

	.news-modal .five-page-title {
		font-size: 66px;
	}

	.five-arrow-btn-text {
		font-size: 16px;
	}

	.five-previous-btn {
		top: -60%;
	}

	.five-next-btn {
		top: -60%;
	}

    .initiative-documentary .five-video p {
        margin: 0;
    }

    .initiative-documentary .five-video iframe {
        height: 320px;
    }
}

@media screen and (max-width: 395px) {

	.five-previous-btn {
		top: -65%;
	}

	.five-next-btn {
		top: -65%;
	}

	#initiative .five-content-area .five-white-container .five-big-title {
		font-size: 28px;
		padding: 60px 30px 30px 30px;
	}

	#initiative .five-content-area .five-white-container .five-area-text {
		padding: 30px 30px 60px 30px;
	}

	#initiative .initiative-culture .five-culture-description {
		padding: 0 15px;
	}

	#initiative .five-big-title,
	#contacts .five-big-title {
		font-size: 35px;
	}

	#events .ini-menu .ini-logo-frame {
		width: 35px;
		height: 35px;
	}

	#events .event-gallery-title {
		font-size: 44px;
	}

	#events .ini-name {
		font-size: 44px;
	}

	#events .event-description {
		font-size: 30px;
	}

	#events .event-place {
		font-size: 44px;
	}
}

#calendarEvents {
	color:#fff;
}

#calendarEvents .fc-view-container {
	background: #fff;
	color: #000;
}

#calendarEvents .fc-day-header {
	padding:15px 0;
}
#calendarEvents .fc-left h2 {
	text-transform: capitalize;
	font-family: 'Muli', sans-serif;
	font-weight: 900;
	font-size: 36px;
	color: #fff;
	margin-top:-5px;
}

#calendarEvents div.fc-content-skeleton span.fc-title {
	line-height: 20px;
	font-size: 11px;
}

#calendarEvents .fc-day-grid-event .fc-time {
	display: none;
}

#calendarEvents a:focus, a:hover {
    color: #ffffff;
}
#map-canvas {
	height:500px;
}
.fullWidth {
	width: 100%;
}
