@import url('https://fonts.googleapis.com/css?family=Merriweather:300i,400,400i,700,900');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,400i,700');

@font-face {
    font-family: "SnellBT";
    src: url("../fonts/SnellBT.woff2") format("woff2"),
         url("../fonts/SnellBT.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Snell Roundhand Script";
    src: url("../fonts/snell-roundhand-script.eot");
    src: url("../fonts/snell-roundhand-script.eot?#iefix") format("embedded-opentype"),
         url("../fonts/snell-roundhand-script.woff") format("woff"),
         url("../fonts/Snell-Roundhand-Script.ttf") format("truetype"),
         url("../fonts/snell-roundhand-script.svg#Snell Roundhand Script") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* TL.TimeNav
================================================== */


		.tl-timenav .tl-timenav-line {
    background-color: rgb(45, 49, 51);
		}

			.tl-timenav-slider {
			position:absolute;
			height:100%;
			width:100%;
			top:0;
		}

		.tl-timenav-slider-background {
			position:absolute;
			height:100%;
			width:100%;
			cursor:move;
			z-index:6;
		}

		.tl-timenav-container-mask {
			position:absolute;
			height:100%;
			top:0;

		}
				.tl-timenav-item-container {
					//margin-top:5px;
					position:absolute;
					height:100%;
		}



 /* -------- CSS TIMELINE ----------  */

	.hidden{
		display: none;
	}

	.align-center {
		text-align: center;
	}
	.align-right {
		text-align: right;
	}

	.reset-margin-top > *:first-child{
		margin-top: 0;
	}

	html {
	    color-scheme: dark !important;
	}

	.tl-timenav .tl-timenav-slider {
			background-color: #575757;
	}

	.tl-timeline .tl-timenav-slider {
	    font-family: 'PT Sans Narrow', sans-serif;
	    font-weight: 700;
			color: #000000;
	}

	.tl-timemarker .tl-timemarker-content-container {
	    background-color: rgb(39, 42, 44);
	    border-color: rgb(59, 64, 66);
	    box-shadow: rgb(24, 26, 27) 1px 1px 1px;
	}

	html {
		overflow-y: scroll;
	}


	body {
		font-family: 'open_sanssemibold', sans-serif;
		background-color: #f5f2e9;
		color: #444444;
		margin: 0;
	}

	h1, h2, h3, h4 {
		font-family: 'Merriweather', serif;
		margin: 0;
	}

	ul, ol {margin: 0; }

	a {outline: none; }

	.logoheader{
		text-align: bottom;
	}

	.homepage .logoheader h1 a{
		font-size: .20em;
		margin-bottom: 1em;
		font-weight: 500;
	}

	.logoheader a{
		margin-top: 400px;
		margin-bottom: .5em;
		padding-left: 1.2em;
		display: inline-block;
		font-family: "akzidenz-grotesk", sans-serif;
		vertical-align: top;
		text-decoration: none;
		color: #fff;
		letter-spacing: ;
		text-shadow: 0 0 10px rgba(0, 0, 0,.4);
	}

	.logoheader a span{
		font-size: 2.625rem;
    line-height: 3.125rem;
		padding-left: .0em;
		-webkit-font-smoothing: antialiased;
	}


	.homepage .logo h1 a{
		font-size: .20em;
		margin-bottom: 1em;
		font-weight: 500;
	}


	/* Adição de regra de mídia para telas menores */
	@media only screen and (max-width: 600px) {
	    .image {
	        width: calc(50% - 53px);
	    }
	}

	/*  ------------------  */
	/*      FOOTER      */
	/*  ------------------  */

		.creditos p{
			margin: 0 0 10px;
		}

		.creditos p{
			display: block;
			margin-block-start: 2em;
			margin-block-end: 2em;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			unicode-bidi: isolate;
			-webkit-font-smoothing: antialiased;
		}

		.wrapper {
			margin: 0 auto;
			width: 100%;
	    padding: 15px;
			padding-top: 20px; /* Padding para evitar que o texto encoste nas bordas */
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
		}

		.logos {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 20px;
		}

		.logo1, .logo2 {
			display: inline-block;
		}

		.logo1 img, .logo2 img {
				width: 55px;
				height: 53px;
		}

		.logo-container {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			text-align: left;

		}
		.container a {
			text-decoration: none;
		}

		#footer {
	    width: 100%;
	    background-color: #32272f; /* Cor de fundo do footer */
	    padding: 5px 0;
	    box-sizing: border-box;
			-webkit-box-sizing: border-box;
	    color: white; /* Cor do texto no footer */
			font-family: 'open_sanssemibold', sans-serif; /* Fonte do footer */
		}

		.creditos{
			padding: 0.1em;
			font-size: 0.7em;
			line-height: 1.8em;
			height: 8em;
			font-weight: normal;
	    text-transform: none;
	    -webkit-font-smoothing: antialiased;
		}

		.creditos {
		    flex: 1;
				min-width: 300px;
				max-width: 700px;
		    margin-right: 30px;
				margin-bottom:  30px;
		}

		.footer-direitos {
			font-family: 'open_sansregular', sans-serif;
			color: #000000;
			margin-top: 0.9em;
			margin-bottom: 1.9em;
			font-size: 0.7em;
			line-height: 1.8em;
			text-transform: none;
			font-weight: normal;
			text-align: center;
			-webkit-font-smoothing: antialiased;
			-webkit-text-size-adjust: 100%;
		}

		/*  --AJUSTE-CELULAR------  */

		@media (max-width: 600px) {
    .logo-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .creditos {
        order: 1;
        margin-right: 0;
        margin-bottom: 10px; /* Espaçamento entre os elementos no modo mobile */
    }

    .logos {
        order: 2;
        margin-top: 10px;
    }

    .logo1, .logo2 {
        margin: 5px 0; /* Margem vertical para centralizar no modo mobile */
    }
}



		@-webkit-keyframes mymove {
		    from {background-size: 100%;}
		    to {background-size: 200%;}
		}

		@keyframes mymove {
		    from {background-size: 100%;}
		    to {background-size: 200%;}
		}

		.view-full .card-image.imgZoom{
		    -webkit-animation: mymove .2s forwards; /* Safari 4.0 - 8.0 */
		    -webkit-animation-delay: .5s; /* Safari 4.0 - 8.0 */
		    animation: mymove .2s forwards;
		    animation-delay: .5s;
		}

		.view-full .card-block{
			background: #fff;
			width: 100%;
			padding: .75em 5% 1em 5%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		@media (min-width: 540px) {
			.view-full .card-item {width: 50%}
		}
		@media (min-width: 600px) {
			.view-full .card-item {width: 192px;}
		}

/*  ------------------  */
/*  	HEADER FIXO		*/
/*  ------------------  */

		body{
			margin-top:10px;
		}

		.header-gradient {
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.55));
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%
		}

		.header-gradient.height-percentage-66 {
    height: 40%;
		}

		.header {
			background-color: #e6e5de;
			background-size: cover;
			background-position: center center;
			height: 499px;
			position: absolute;
			top:0;
			width: 100%;
		  max-width: 100vw;
			z-index:90;
		}

		body.homepage{margin-top:0; }
		.homepage .header{ position: relative;}

		.header::before {
			display: block;
			content: ' ';
			background: rgba(0,0,0,.25);
			width: 100%;
			height: 100%;
		}

		.homepage .header {
			height: 75vh;
		}

		.header .header-image-info{
			position: absolute;
			bottom: 0; color: #fff;
			display: block;
			width: 100%;
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
		}

		.header .header-image-info > div{
			padding: 3em 0 1.5em 0;
			font-size: .7em;
			font-style: italic;
			font-weight: 300;
			font-family: 'Merriweather', serif;
			letter-spacing: .05em;
		}

		.header .header-image-info p{
			margin: 0 0 0 20%;;
			padding: 0;
		}

		.header .search-bar{
			position: absolute;
			z-index: 99;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
		}

		::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333; }
		::-moz-placeholder { /* Firefox 19+ */ color: #333; }
		:-ms-input-placeholder { /* IE 10+ */ color: #333; }
		:-moz-placeholder { /* Firefox 18- */ color: #333; }


	/*  ------------------  */

		.content-navigation{
			margin-top: 3.5em;
			text-align: center;
			text-transform: uppercase;
			display: none;
		}

		.homepage .content-navigation{
			display: block;
		}

		.content-navigation ul{
			background-color: #f05241;
			display: inline-block;
			margin: 0;
			padding: 6px 15px 8px 15px;
		}

		.content-navigation ul li{
			display: inline-block;
			font-size: 1em;
			letter-spacing: 2px;
			font-family: 'Merriweather', serif;
			font-weight: 700;
			margin: 0;
			text-shadow: 0px 0px 4px rgba(94, 81, 69, .5);
		}

		.content-navigation ul li:not(:first-child):before{
			content: '|';
			color: #fff ;
			font-weight: 300;
			margin-right: 8px;
			margin-left: 2px;
		}

		.content-navigation ul li a{
			color: #f5f2e9;
			text-decoration: none;
			display: inline-block;
		}

		.content-navigation ul li a:hover{
			color: #fff;
		}

		@media (max-width: 540px) {

			.content-navigation ul{
				display: none;
			}

			.navigation.nav-prev,
			.navigation.nav-next{
				display: none;
			}

			.menu ul li a {
				font-size: 1em !important;
				padding: 0.8em 8%;
			}

			.header .header-image-info p {
				font-size: 1.25em;
			}
		}


	/*  ------------------  */

		#search {
			font-family: 'Merriweather', serif;
		}

		.search-wrapper{
			margin: 0;
			border: 0;
			text-align: center;
			width: 40%;
			max-width: 800px;
			min-width: 260px;
			margin: 0 auto;
			box-shadow: 2px 3px 15px 0px rgba(76, 74, 71, 0.58);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			padding: 4px 10px;
			background: rgba(255, 255, 255, 0.85);
		}

		.homepage .search-wrapper{
			padding: 8px 12px;
		}

		.search-field{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: inline-block;
			width: 100%;
			float: left;
		}

		.search-select{
			display: none;
		}

		#search input[type=text],
		#search select{
			display: inline-block;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-family: inherit;
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			width: 100%;
			font-size: 1em;
			font-weight: 400;
			background: transparent;
		}

		.homepage #search input[type=text],
		.homepage #search select{
			font-size: 1.1em;
		}

		.content-search-total span{
			font-weight: 700;
		}

		.content-search-empty{
			text-align: center;
			font-size: 2em;
			color: #bbb;
			margin-top: 2em;
			margin-bottom: 4em;
		}

		/*  ---------------------------------  */

		.homepage .home-article{
			background: #e8e7e1;
			padding-bottom: 3em;
		}

		/*  ---------------------------------  */

		.homepage header{
			padding-top: 2em;
			padding-bottom: 1.5em;
		}

		header.title-bar{
			margin-top: 0px;
			background: #e6e3da;
			padding-top: 24.10em;
			padding-bottom: .5em;
		}

		.mobile header.title-bar{
			padding-top: 1em;
		}

		header h1.title{
			color: #d10505;
			font-family: 'Merriweather Sans', sans-serif;
			text-transform: uppercase;
			font-size: 1.1em;
			display: inline-block;
			margin-right: 10px;
			padding: .5em 0;
			font-weight: 600;
		}
		header h1.title a{
			color: #d10505;
			margin-right: 10px;
		}

		header h1 span.title-type{
			color: #666;
			font-weight: 400;
			font-family: 'Merriweather Sans', sans-serif;
			text-transform: uppercase;
			font-size: .9em;
			letter-spacing: .5px;
		}

		header .title-description{
			display: inline-block;
		    color: #888;
		    letter-spacing: .5px;
		    font-size: .95em;
		}

		header .title-submenu{
			font-weight: 400;
			font-family: 'Merriweather Sans', sans-serif;
			letter-spacing: .5px;
			display: inline-block;
			margin-right: 80px;
		}

		header .title-submenu{
			color: #666;
			display: inline-block;
		}

		header .title-submenu ul{
			margin:0;
			padding:0;
		}

		header .title-submenu ul li{
			display: inline-block;
		}


	@media (max-width: 540px) {
		header .title-submenu,
		header .title-submenu ul li{
			display: block;
		}
	}

		header .title-submenu ul li a{
			text-decoration: none;
			display: inline-block;
			background: #f5f2e9;
			border: 1px solid #f2f1eb;
			color: #666;
			text-transform: uppercase;
			cursor: pointer;
			padding: 3px 8px;
			font-size: .8em;
			margin-right: 10px;
			margin-bottom: .5em;

			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px; /* future proofing */

			transition: background .2s;
			-moz-transition: background .2s;
			-webkit-transition: background .2s;

			vertical-align: middle;

		}

			header .title-submenu ul li a:hover{
				border-color: #fff;
				background-color: #fff;
			}
			header .title-submenu ul li a.selected{
				border-color: #f05241;
				background-color: #f05241;
				color: #fff;
				font-weight: 700;
			}

		.mobile header .title-submenu{ display: block; }
		.mobile header .title-submenu ul li{ display: block; height: 2em; }
		.mobile header .title-submenu ul li:not(:first-child):before{ display: none;}
		.mobile header .title-submenu ul li a:hover,
		.mobile header .title-submenu ul li a.selected{ padding-bottom: 1px;}

		#chart{
			position: relative;
			overflow: hidden;
		}

		#chart header{
			position: absolute;
			width: 100%;
			background: rgba(242, 241, 235, 0.75);
		}


/*  ---------------------------------  */
/*  ----- CONTENT ITEM MODAL --------  */

		.modal{
			color: #fff;
			background-color: #4c423a !important;
			height: 85%;
			width: 85%;
			padding: 0 !important;
			margin: 0 !important;
			overflow: hidden !important;
		}

		.modal > div{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.modal-picture{
			float: left;
			background-color: #000 !important;
			width: 75%;
			height: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 20px;
			overflow: hidden;
			position: relative;
		}

		.modal-info{
			padding: 3em 10px 1.5em 20px;
			float: left;
			width: 25%;
			height: 100%;
			overflow-y: hidden;
		}

		.modal-info header{
			margin-bottom: 2em;
		}

		.modal-info article{
			margin-bottom: 2em;
		}

		.modal-info .share {
			margin-top: 1em;
		}
		.modal-info .share a {
			background-color: #827156;
			color:  #fff;
		}
		.modal-info .share a:hover {
			background-color: #b3a286;
		}

		/*  -----------  */

		.content-item-image{
			position: relative;
			padding: 10px;
		}

		.content-item-image a.zoom,
		.modal-picture a.zoom {
			display: inline-block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			height: 100%;
			outline: none;
			cursor: pointer;
			padding: 12px;
		}

		.content-item-image a.zoom:after,
		.modal-picture a.zoom:after {
			content: "\f00e";
			position: absolute;
			bottom: 5%;
			right: 5%;
			width: 32px;
			height: 32px;
			font: 20px/30px 'FontAwesome';
			color: rgba(0,0,0,.5);
			font-weight: 400 !important;
			text-align: center;
			border-radius: 50%;
			border-width: 0;
			background: rgba(247, 246, 241, .5);
			transition: color .25s;
			box-sizing: border-box;
			z-index: 2;
		}

		.zoom-stage{
			display: none;
			width: 90%;
			height: 90%;
			background: #000 !important;
			padding: 0 !important;
			position:relative
		}

		.zoom-controllers{
			position: absolute;
			z-index:99;
			top: 12px;
			left:12px;
		}

		.zoom-controllers #zoom-in,
		.zoom-controllers #zoom-out{
			display: inline-block;
			width: 35px;
			height: 35px;
			background: #000;
			color: #fff;
			margin: 3px;
			text-decoration: none;
			font-size: 1.8em;
			font-weight: lighter;
			text-align: center;
		}

		.modal-picture a.zoom:after {
			color: rgba(255,255,255,.7);
			background: rgba(0,0,0, .5);
		}

		.content-item-image a.zoom:hover:after{
			color: rgba(0,0,0,1);
		}
		.modal-picture a.zoom:hover:after{
			color: rgba(255,255,255,1);
		}


		/*  -----------  */

		.mobile .modal{
			color: #fff;
			background-color: #32272f !important;
			height: 100%;
			width: 100%;
			padding: 0 !important;
			margin: 0 !important;
			overflow: hidden !important;
		}

		.mobile .modal > div{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.mobile .modal-picture{
			width: 100%;
			height: 70vh;
			transition: height .5s ease-in-out;
			-moz-transition: height .5s ease-in-out;
			-webkit-transition: height .5s ease-in-out;
		}

		.mobile .expanded .modal-picture{
			height: 40vh;
		}

		.more-info a{
			text-align: center;
			display: block;
			text-decoration: none;
		}

		.mobile .more-info a span{ display: none;}
		.mobile .more-info a::after {
			content: "\f107";
			font: 30px/16px 'FontAwesome';
			font-weight: normal;
			color: #fff;
			font-weight: 300;
			text-align: center;
		}

		.modal-picture-wrapper{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			width: 100%;
			height: 100%;
		}

		.modal-picture-wrapper img{
			display: none
		}

		.mobile .modal-info{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 10px 1% 10px 5%;
			width: 100%;
			height: 30vh !important;
			overflow: hidden !important;
		}

		.mobile article{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin-bottom: .5em;
		}

		.mobile article header{
			overflow: hidden;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			 margin-bottom: .5em;
		}

		.mobile .modal-social{
			display: none;
		}

		.mobile .modal h2{
			font-size: 1.2em;
			margin-top: 0;
		}


/*----ESTILO----*/

		.type-label {
			text-transform: uppercase;
			font-size: .6em;
			letter-spacing: 1px;
			font-weight: 900;
			color: #f05241;
			margin-bottom: 1em;
		}

		.mobile .type-label {
			margin-bottom: .8em;
		}


/*  ---------------------------  */
/*  ----- CONTENT ITEM --------  */

		.content-item,
		.content-list {
			padding-top: 2.5em;
			padding-bottom: 4em;
		}

		.content-list-result {
			min-height: 200px
		}

		.container {
			height: 830px;
		}
		.content-list-filter {
			height: 820px;
			padding-top: 1em;
			padding-bottom: 1em;
		}

		.content-item-image {
			background: rgb(247, 246, 241);
			text-align: center;
			margin-bottom: 3em;
		}

		.content-item-image img.horizontal{
			display: block;
			max-height: 600px;
			max-width: 100%;
			margin: auto;
		}

		.content-item-info{
			border-bottom: 1px solid #dad9d3;
			padding-bottom: 1em;
			margin-bottom: 1em;
		}

		.content-item-image-credito {
			text-align: right;
			font-size: .7em;
			padding-right: 2%;
			margin-bottom: 20px;
		}

		.property-label{
			font-weight: 400;
		}

		.side-info .property-label >*:not(:first-child){
			margin-top: .25em;
		}

		.side-info .taxonomy-separator {
			margin: 0 .25em;
			color: #999999;
		}

		.property-label a{
			font-weight: 700;
			color:#999!important;
		}

		.property-label a:hover{
			color:#444 !important;
		}


		.property-item{
			margin-top: 1em;
			margin-bottom: 1.5em;
		}

		.property-name{
			font-size: .8em;
			text-transform: uppercase;
			color: #A7A97E;
		}
		.property-label a:hover{
			color: #000;
		}

	/*MODAL*/

		.modal-content-item-info{
			margin-top: 1em;
		}

		.modal-property-label {
				font-weight: 400;
			font-size: .8em;
			color: #eee;
			text-decoration: none;
		}

		.modal-property-label a{
			font-weight: 700;
			color: #eee;
			text-decoration: none;
		}

		.modal-property-label a:hover{
			color: #fff;

			}

		.modal-property-name{
			text-transform: uppercase;
			font-size: .65em;
			color: #b3a286;
		}

		.btn-more{
			font-size: .8em;
			color: #5e5145;
			padding: 3px 6px;
			background: #b3a286;
			font-weight: 700;
			text-decoration: none;
			display: inline-block;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			padding: 8px 20px;
			margin-top: 1em;

		}

		.btn-more:hover{
			color: #5e5145;
			background: #fff;
		}

		.btn-download{
			font-size: .8em;
			color: #fff !important;
			padding: 3px 6px;
			background: #b3a286;
			font-weight: 700;
			text-decoration: none;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			padding: .5em 2em;
			margin: 3em;
			display: inline-block;
			-webkit-transition: background .2s ease;
			-moz-transition: background .2s ease;
			-o-transition: background .2s ease;
			transition: background .2s ease;
		}

		.btn-download:hover{
			background: #5e5145;
			color: #fff;
		}


/*  ---------------------------  */

	.article-item{
		padding-top: 2.5em;
		padding-bottom: 4em;
	}

	.article-item h3{
	    margin-top: 2.5em;
	    text-transform: uppercase;
	    font-family: 'Merriweather Sans', sans-serif;
	    font-size: 1em;
	    letter-spacing: 1px;
	    color: #a7a97e;
	}

	.article-item p{
	    white-space: pre-wrap; /* css-3 */
	    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	    white-space: -pre-wrap; /* Opera 4-6 */
	    white-space: -o-pre-wrap; /* Opera 7 */
	    word-wrap: break-word; /* Internet Explorer 5.5+ */
	    margin-top: .5em;
	    margin-bottom: 1.5em;
	}

	.article-item p .org{
	    font-style: italic;
	    color: #999;
	}

/*  ---------------------------  */

		.btn-more-tl{
			font-size: .8em;
			font-family: 'Merriweather Sans', sans-serif;
			padding: 3px 6px;
			color: #a7a97e !important;
			background: #e9e8e2;
			font-weight: 700;
			text-decoration: none;
			display: inline-block;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			padding: 8px 20px;
			margin-top: 1em;
		}

		.btn-more-tl:hover{
			/*color: #fff;*/
			background: #fff;
		}



/*  ---------------------------  */
/*  ----- CONTENT LIST FILTERS --------  */

		.filter{
			margin-bottom: 3em;
		}

		.container a.filter-reset{
			font-size: .8em;
			color: #999;
			white-space: nowrap;
			margin-bottom: .75em;
			display: inline-block;
		}

		.container a.filter-reset:hover{
			font-size: .8em;
			color: #666;
			white-space: nowrap;
		}

		.filter-item label{
			display: none;
			font-size: .8em;
			font-style: italic;
		}

		.filter-item select{
			width: 100%;
			background: transparent;
			border: none;
			border-bottom: 1px solid #ccc;
			font-size: 14px;
			font-family: inherit;
			color: #666;
			height: 29px;
			padding: 5px 20px 5px 5px;
			background: url('../images/select-v.png') no-repeat 95% 50%;
			outline: none;
			-webkit-appearance: button;
			-webkit-user-select: none;
			-moz-appearance: none;
			text-indent: 0.01px;
			text-overflow: '';
			cursor: pointer;
			-webkit-appearance: none;
			-moz-appearance: none;
			text-indent: 1px;
			text-overflow: '';
		}

		.filter-item select::-ms-expand {
			display: none;
		}

		.filter-item select:disabled :-ms-input-placeholder { /* IE 10+ */ color: #333; }

		.filter-item select:disabled{
			color: #ccc;
			background: url('../images/select-x.png') no-repeat 95% 50%;
			border-bottom: 1px solid #ddd;
			cursor: inherit;
		}

		.filter-item select option{
			padding:2px;
		}

		.filter-item select option:first-of-type {
			display: none;
		}

		.filter-item select option:checked {
			font-weight: 700;
		}

		.filter-item select::-ms-expand {
			display: none;
		}


/*  ---------------------------  */

		.content-list-top{
			margin-bottom: 1em;
		}

		.content-list-group{
			display: inline-block;
			margin-left: 2em;
		}

		.mobile .content-list-group.views{
			display: none;
		}

/*  ---------------------------  */

		#pagination{
			margin-top: 3em;
			margin-bottom: 3em;
		}

		#pagination span,
		#pagination a{
			font-family: 'open_sanssemibold', sans-serif;
			color: #a50000;
			margin: 0 2px;
			padding: 1px 8px 2px 8px;
			border: 1px solid transparent;
		}
		#pagination .pagination-current{
			background-color: #999;
			color: #fff;
			margin: 0px 8px;
		}
		#pagination a:hover{
			border-color: #999;
		}


/*  --------  CONTENT  ---------  */

		.box-more{
		    height: 50px;
		    width: 100%;
		    display: block;
		    text-align: center;
			padding-top: .5em ;
		}

		.box-more a{
			display: inline-block;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			color: #fff !important;
			font-weight: 700;
			background: #69665d;
			padding: 8px 20px;
		}

		.content-loadmore{
			display: inline-block;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			color: #fff !important;
			font-weight: 700;
			background: #69665d;
			padding: 8px 20px;
		}

		.content-box .view-mode{
			cursor: pointer;
			outline: 0;
		}

		.content-box .view-mode.selected{
			background: transparent;
			border: 0;
		}

		.content-filters{
			margin-bottom: 1em;
		}

/* ------ */

		.content-rel-filter{
			display: inline-block;
			vertical-align: middle;
		}

		.content-rel-filter-item{
			display: inline-block;
			background: #fff;
			border: 1px solid #f05241;
			color: #f05241;
			cursor: pointer;
			padding: 3px 8px;
			font-size: .8em;
			font-weight: 700;
			margin-right: 10px;
			margin-bottom: .5em;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px; /* future proofing */
			-khtml-border-radius: 3px; /* for old Konqueror browsers */
		}

		.content-rel-filter-item.name{
			background: #f05241;
			color: #fff;
		}

		.content-rel-filter-item.name span{
			font-weight: 300;
		}

		.content-rel-filter-item.name label::after{
			content: "\f00d";
			color: #fff;
			font-family: 'FontAwesome';
			font-weight: normal;
			font-weight: 300;
			margin-left: 8px;
		}

		.content-rel-filter-item label{  cursor: pointer;}
		.content-rel-filter-item label::after{
			content: "\f00d";
			color: #f05241;
			font-family: 'FontAwesome';
			font-weight: normal;
			font-weight: 300;
			margin-left: 8px;
		}

		.content-rel-filter-item input{
			display: none;
		}

/*  --------  FANCYBOX  ---------  */

		.fancybox-slide--iframe .fancybox-content {
			width: 90% !important;
			height: 90% !important;
			max-width: 90% !important;
			max-height: 90% !important;
		}

		.fancybox-slide--iframe > * {
			margin: 0 !important;
		}

		.side-info{
			margin-bottom: 2em;
		}

		.side-info h1,
		.side-info h2,
		.side-info h3{
			margin-bottom: 0;
			margin-top: 0;
			font-weight: 900;
			max-width: 90%;
		}

		.btn-side-info{
		    text-decoration: none;
		    display: inline-block;
		    background: #fff;
		    color: #666;
		    text-transform: uppercase;
		    cursor: pointer;
		    padding: 4px 12px;
		    font-size: .8em;
		    margin-top: 1.5em;
		    -moz-border-radius: 3px;
		    -webkit-border-radius: 3px;
		    border-radius: 3px;
		    vertical-align: middle;
		}

		.btn-side-info:hover{
		    color: #f05241;
		}


	/*  -----------------  */

		.article-text{
			font-family: 'Merriweather', serif;
			font-size: 1em;
			line-height: 1.8em;

		}

		.article-text .figure-container{
			text-align: center;
			padding: 0 auto;
		}

		.article-text figure{
			display: inline-block;
			text-align: center;
			margin-top: 2em;
			margin-bottom: 3em;
			background: rgb(247, 246, 241);
			padding: 4em auto 1.5em auto;
		}

		.article-text figure a{
			margin-top: 4em;
			display: inline-block;
		}

		.article-text figure a img{
			max-width: 80%;
			padding: 0 auto;
			text-align: center;
			display: inline-block;
		}
		.article-text figcaption {

			font-size: .9em;
			font-style: italic;
			color: #666;
			max-width: 75%;
			margin: 1.5em auto 1.5em auto;
			line-height: 1.6em;
		}

		.mobile .article-text figure {margin: 1em 0; }
		.mobile .article-text figure a{margin-top: 1em; }

		.related-content {
			margin-top: 5em;
		}

		.related-content-title{
			color: #444;
			font-family: 'Merriweather Sans', sans-serif;
			text-transform: uppercase;
			font-size: .9em;
			display: block;
			border-bottom: 1px solid #ddd;
			margin-bottom: 2em;
			padding-bottom: .3em;
		}

		.article-item h3.related-content-title span{
			font-weight: 300;
			font-size: .85em;
			margin-left: 0.5em;
		}

		.mobile .related-content .view-cards .card-image img {
			display: none !important;
		}

		.author-description{
			font-family: "Merriweather", serif;
			font-size: .9em;
			line-height: 1.6em;
			width: 85%;
		}

		.author-external-link{
			font-size: .85em;
			line-height: 1.4;
			max-width: 90%;
		}
		.author-external-link a{
			font-weight: 700;
			color: #f05241;
		}

		a.btn-url{
			font-size: .8em;
			color: #fff;
			padding: 3px 6px;
			background: #5e5145;
		}

/*************************************************/

		#map {
			position: relative;
			height: 600px;
		}

		.stage{ position: relative; }

		.side-search{
			max-height: 600px;
			position: absolute;
			overflow: hidden;
			right: 0;
			top: 0;
			width: 30vw;
			min-width: 360px;
			overflow-x: hidden;
			background: rgba(242,241,235,0.9);
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.side-search-wrapper{
			max-height: 600px;
			padding: 3.5em 15px 1em 25px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.side-search-content{
			max-height: 600px;
		}

		.mobile .side-search{
		    position: fixed;
		    top: 0;
		    left: 0;
		    z-index: 99;
		    width: 100vw;
		    height: 100vh;
		    max-height: none;
		    background: rgba(242,241,235,1);
		}

		.mobile .side-search-wrapper{
			max-height: none;
			height: 100vh;
		}

		.side-search h3{
			position: absolute;
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			top: 1em;
			left: 0;
			padding: 0 50px 0 25px;
			color: #f05241;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

	.btn-side-close{
		position:absolute;
		top:10px;
		right:10px;
		width:44px;
		height:44px;
		padding:0;
		margin:0;
		border:0;
		border-radius:0;
		outline:none;
		background:transparent;
		z-index:10;
		cursor:pointer
	}

	.btn-side-close:after{
		content:"×";
		position:absolute;
		top:5px;
		right:5px;
		width:30px;
		height:30px;
		font:36px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
		color:#000;
		font-weight:300;
		text-align:center;
		border-radius:50%;
		border-width:0;
		background: transparent;
		opacity:.8;
		transition:opacity .25s;
		box-sizing:border-box;
		z-index:2
	}

.btn-side-close:focus:after{outline:0;}
.btn-side-close:hover:after{opacity:1;}

		.loading{
			display: block;
			background-image: url(../images/loading_content.gif);
			background-repeat: no-repeat;
			background-position: center center;
			height: 50px;
			margin: 2em auto;

			position: absolute;
			bottom: 0;
			width: 100%;
		}

		.card{
			opacity: 1;
		}

		.loading-shy{
			opacity: 0;

		    -webkit-transition: opacity 1s ease;
		       -moz-transition: opacity 1s ease;
		        -ms-transition: opacity 1s ease;
		         -o-transition: opacity 1s ease;
		            transition: opacity 1s ease;
		}


/**************  MENU PRINCIPAL  *****************/

		.menu {
			position: absolute;
			display: block;
			top: 20px;
			right: 30px;
			z-index: 999;
		}

		.menu .menu-wrapper{
			background-color: rgba(78, 69, 61, 0.92);
			display: none;
			padding: 1.5em 0 0 0;
		}

		.menu nav{
			display: block;
			padding: 1em 0 0 0 ;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.menu ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		.menu ul li{
			margin: 0;
		}

		.menu ul li a{
			text-decoration: none;
			font-family: 'Merriweather Sans', sans-serif;
			font-size: 0.8em;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: #f2f1eb;
			display: block;
			padding: .6em 8%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			min-width: 20vw;
		}

		.menu ul li a:hover{
			color: #fff;
		}

		.menu nav > ul > li{
			margin-bottom: 1px;
		}

		.mobile .menu { top: 0; right: 0; }
		.mobile .menu nav { height: 100vh; width: 100vw; }

		.mobile .menu ul li a{
			font-size: 1em;
			text-align: center;
			padding: .8em 10px;
		}

		.menu a.dropdown-toggle{
			background-image: url(../images/menu-down.png);
			background-repeat: no-repeat;
			background-position: 95% 50%;
		}

		.menu a.dropdown-toggle.up{
			background-image: url(../images/menu-up.png);
		}

		.dropdown-menu { display: none; }

		/* ***************  ICONE MENU    ********************/

		.navbar-toggle{
			display: inline-block;
			position: absolute;
			top: 0;
			right: 0;
		}

		.navbar-toggle a{
			display: inline-block;
			padding: 5px 9px 0 9px;
			margin: 0;
			z-index: 9999;
			text-decoration: none;
		}

		.navbar-toggle .icon-bar-text {
			color: #fff;
			font-size: .5em;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin: 0;
		}

		.navbar-toggle .icon-bar {
			display: block;
			width: 25px;
			height: 3px;
			background: #fff;
			margin: 6px auto;
			padding: 0;
			-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
		}

		.navbar-toggle.menu-active .icon-bar {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

		.navbar-toggle.menu-active .icon-bar.top{
			-ms-transform: rotate(-45deg) translate(-7px,6px);
			-webkit-transform: rotate(-45deg) translate(-7px,6px);
			transform: rotate(-45deg) translate(-7px,6px);
		}

		.navbar-toggle.menu-active .icon-bar.middle{
			opacity: 0;
		}

		.navbar-toggle.menu-active .icon-bar.bottom{
			-ms-transform: rotate(45deg) translate(-7px,-5px);
			-webkit-transform: rotate(45deg) translate(-7px,-5px);
			transform: rotate(45deg) translate(-7px,-5px);
		}

		.social-bar{
			position: relative;
		}

		.social-bar .share{
			position: absolute;
			right: 0;
			bottom: 0;
		}

	.bg-loading {
		min-height: 600px;
		background-image: url(../images/loading_content.gif);
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
	}


	/* ----------------------------*/

	.box-navigation{
		position: relative;
		min-height: 300px;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	.navigation{
		position: absolute;
		top: 45%;
		transform: translateY(-50%);
		font-size: 4.5em;
	}
	.mobile .navigation{
		display: none !important;
	}

	.navigation.nav-prev{ left: -1em; }
	.navigation.nav-next{ right: -1em; }

	.navigation a {
		font-weight: 300;
		display: none;
		padding: 20px;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #ccc;
		-webkit-transition: color .2s;
		-moz-transition: color .2s;
		-o-transition: color .2s;
		transition: color .2s;
		cursor: default;
	}

	.navigation a.active {
		display: block;
	}

	.navigation a.active:hover {
		color: #444;
		cursor: pointer;
	}

	.navigation.nav-prev a:before{ content:"\f104";}
	.navigation.nav-next a:before{ content:"\f105"; }

	.navigation{
		color: #fff;
		font-family: 'FontAwesome';
	}

	/******** FORM CONTATO *********/

	.form-item{
		margin-bottom: .75em;
	}

	.form-item label{
		font-size: .8em;
	    text-transform: uppercase;
	    color: #888;
	    /*color: #A7A97E;*/
	    display: block;
	    margin-bottom: .25em;
	}

	.form-item input[type=text],
	.form-item textarea{
		width: 100%;
		font-family: inherit;
		padding: .4em;
		border: 0;
	}

	.form-item select{
		width: 50%;
		font-family: inherit;
		padding: .5em;
		border: 0;
	}

	.form-item input[type=submit]{
		margin-top: 1em;
		font-family: inherit;
		font-weight: 700;
		font-size: 1.1em;
		color: #fff;
		background: #a7a97e;
		padding: .3em 1.5em;
		border: 0;
		cursor: pointer;
	    -moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	.form-item input[type=submit]:hover{
		background: #f05241;
	}

	/*********************************************/

	.mobile .fancybox-container{
		max-width: 100vw !important;
		width: 100vw !important;
	}

	.tooltip-img{
		position: relative;
		display: inline-block;
		width: 30px;
		height: 20px;
		background-image: url('../images/picture.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	.tooltip-img span{
		display: none;
		text-align: center;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -102%);
	}

	.tooltip-img span img{
		border: 10px solid #fff;
		max-width: 150px;
		max-height: 150px;
		display: block;
		background: #fff;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	}

	.tooltip-img span:after{
		content: '';
		display: block;
		margin: -1px auto;
		width: 0;
		height: 0;
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-top: 10px solid #fff;
	}

	.tooltip-img:hover span{
		display: block;
	}

	#load-more{
		border: #444444 1px solid; border-radius: 25px; padding: 10px 35px; font-size: .85em; font-weight: ; letter-spacing: 1px;
		transition: all 200ms;
	}

	#load-more:hover{
		border: #f05241 1px solid; background: #f05241; color: #fff;
	}


/* --- TIMELINE --- */

.timeline{
	overflow: hidden;
	display: block;
	padding-bottom: 2em;
}

.timeline-slider-container{
	width: 100%;
	padding-top: 2.5em;
	padding-bottom: 3em;
	background: #f2f1eb;
	top: 0;
	z-index: 10;
}

.mobile .timeline { padding-top: 2em; }
.mobile .timeline-slider-container{ display: none; }

.slider {
	-webkit-appearance: none;
	width: 100%;
	height: 12px;
	border-radius: 5px;
	background: #e8e7e1;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.1);
	box-shadow: inset 1px 1px 8px 0px rgba(0,0,0,0.1);
}

.slider:hover {
	opacity: 1;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	background: #a7a97e;
	cursor: pointer;
}

.slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	/*border-radius: 50%;*/
	background: #a7a97e;
	cursor: pointer;
}

.card-timeline{
	overflow: hidden;
}