
/* Ver fonts.css */

html, body {
	background:#ffffff;
	font-family:'Ubuntu', sans-serif;
	font-weight:400;
	letter-spacing:0;
	padding:0;
	margin:0;
	overflow-x:hidden;

}

*{-webkit-font-smoothing:antialiased;box-sizing:border-box;}
a, button, a:hover, button:hover {-moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s; text-decoration:none; cursor:pointer; color:inherit}
a:focus, button:focus, input:focus, a:active, button:active, input:active, textarea:focus, select:focus {outline:none; box-shadow:none;}
a:focus, a:active {color:inherit;text-decoration:none;}

body {
}

/* Estilos Template*/

.template h1{
	margin-bottom: 40px!important;
	position: relative;
	margin-top: 30px;
}

.template p {
	font-size: 18px;
	color: #6e6d6d;
	line-height: 28px;
	margin: 0;
}

.template b {
	color: #1f1f1f;
}
.template h2{
	margin-bottom: 40px!important;
	margin-top: 40px!important;
	position: relative;
	font-size: 30px;
	font-weight: 500;
}

	.template > .container > .row > .col-md-12 > h2 {
		margin-top: 0px!important;
	}

@media (max-width:992px) {
	.template h2 {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
	}
}


.template ul {
	list-style-type: none;
	-webkit-padding-start: 0px;
	margin-bottom: 0;
}

.template.template_green.bulletswep ul li:before {
	 content: '';
	 background-image:url(../images/bullets-wep.svg)!important;
	 background-size: contain;
	 width: 48px;
	 height: 29px;
	 display: inline-block;
	 position: relative;
	background-repeat: no-repeat;
	margin-left: -48px;
	top:10px;
}

.template.template_green.bulletswep ul li{
	    padding-left: 48px;
}


@media (max-width:992px) {
	.template.template_green.bulletswep ul li:before {
		margin-left: -30px;
		width: 25px;
	}
	
	.template.template_green.bulletswep ul li{
		padding-left: 30px;
	}
}

.template ul li{
	 color:#6e6d6d;
	 font-size: 18px;
	line-height: 1.75em;
	margin-bottom: 3px;
	padding-left: 10px;
	margin-bottom: 15px;
}

@media (max-width:992px) {
	.template ul li{ 
		padding-left: 25px;
	}
	
	.template.template_green ul li:before {
    	margin-left: -25px!important;
	}
}




.template a {
	color:#64b19a;
	text-decoration: underline;
}

/* Fim Template*/


header {
	position: fixed;
    z-index: 21;
    width: 100%;
}

#header1 {
	background-color: #2f2f2f
}

#header1 .container {
	padding-bottom:0px;
	padding-top:0px;
}


.header-search button {
	/* padding: 0; */
	/* border-radius: 0px; */
	border: none;
	background-color: transparent;
	position: absolute;
	right: 15px;
	top: 39px;
	bottom: 0;
	margin: auto;
	width: 24px;
	height: 20px;
}

.headbrochure, .headbrochure:active, .headbrochure:focus {
		color: white;
		float: right;
		font-size: 10px;
		top: 50%;
		position: relative;
		transform: translateY(-50%)
	}

.headbrochure img, .menumobile ul li img {
	width:15px;
}
.headbrochure:hover {
	color:white;
}

@media (min-width:992px) and (max-width:1200px){ 
	.headbrochure {
		    position: absolute;
    		transform: translateY(-50%);
    		right: 80px;
	}
}

.header-search button .svg .st0{
		stroke:white;
		fill:white;
		clip-path: none;
		stroke-width: 3;
}

.header-search button .svg {
	fill:white;
}

.container-1200px {
		max-width: 100%;
	}

@media (min-width:1200px) {
	.container-1200px {
		width:1230px;
		max-width: 100%;
	}
	.container-890px {
		width:920px;
		max-width: 100%;
	}
		
}

.none {
	display:none;
}

.acessibility {
	color:white;
	display: inline-block;
}

.title-header1 {
	text-transform:uppercase;
	letter-spacing: 0.5px;
	font-size: 10px;
	margin-right: 8px;
	/* position: relative; */
}

.major, .minor {
	background-color: #1f1f1f;
	display: inline-block;
	padding: 7px 11px;
	margin-right: 8px;
	cursor: pointer;
}

.size-selected {
	background-color: #a83134;
}

.major span:first-of-type, .minor span:nth-of-type(2){
	font-size: 10px;
	line-height: 2.8;
}


.minor span:first-of-type, .major span:nth-of-type(2){
	font-size: 18px;
	/* line-height: 2.8; */
	margin-bottom: 15px;
	padding-top: 20px;
}

.header-search {
  display: inline-block;
  /* right: 0px; */
 }

.header-search input {
		width: 300px;
		padding: 15px 20px;
		background-color: #1f1f1f;
		border: none;
		color: white;
		font-size: 10px;
		text-transform: uppercase;
		right: 0;
		position: absolute;
	height: 44px;
}

.header-search input::placeholder{
	color: white;
}


#header2 {
	background-color: #f4f3f3;
}
#header2 .container {
	padding: 0 35px;
}
#header2 .container .row{
	margin: 0 -41px;
	padding: 0 0px;
}



#header2 ul li a {
	font-size:16px;
	letter-spacing: 0.7px;
	font-weight: 500;
	text-transform: uppercase;
}


#header2 .tabs {
	list-style-type: none;
	display: inline-flex;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0 -15px;
}

#header2 .tabs li {
	padding: 35px;
	position: relative;
}

#header2 ul li a.selected, #header2 ul li a:hover {
	color:#a83134;
}

#header2 ul li a.selected.green, #header2 ul li a.green:hover {
    color: #37876e;
}

.tabs li a.sub.green::after {
    border-top: #37876e solid 5px;
	opacity: 0.5;
}

#banner {
	padding-top: 135px;
}

#banner .container {
	padding-top:50px;
}

#banner .container .row .logo{
	width:29%;
	height: 460px;
}
#banner .container .row .slider1{
	width: 71%;
	height: 460px;
	margin: 0;
	padding: 0;
	/* overflow:  hidden; */
}
#banner .logo img {
	max-width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.slick-slide {
	position:relative;
}
#slider1 .slick-slide a {
	position: absolute;
	height: 100%;
	width: 100%;
}

.setas .prev .svg, .setas .next .svg{
	width: 22px;
	-moz-transition: all ease-in-out 1s;
	-webkit-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
	
}

 .setas .next .svg:hover{
		transform: translatex(10px);
}

.setas .prev .svg:hover{
		transform: translatex(-10px);
}

.setas .svg .st0 {
	stroke:white;
	fill:none;
	clip-path: none;
}

.setas {
	padding: 0 15px;
	position: absolute;
	bottom: 85px;
	width: 100%;
	z-index: 4;
}

.setas .prev{
	left:30px;
	position: absolute;
}
.setas .next{
	right: 30px;
	position: absolute;
}

#slider1{
	width: 100%;
	height: 100%;
}
#slider2 {
padding: 0 15px;
position: absolute;
bottom: 25px;
text-align: center;
width: 100%;
z-index: 2;
}

#slider2 p {
	color:white;
}

#slider2 .titulobanner {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 50px;
}
#slider2 .descricaobanner{
	font-size: 16px;
	padding: 0 50px;
}

.welcomehome h2{
	margin-top: 0px!important;
}

.welcome {
	margin:60px 0 0;
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
}
.welcome > div:first-of-type {
	padding: 0;
	padding-right: 108px;
	flex: 1;
}
.welcome > div:last-of-type {
	padding: 0;
	width: 280px;
}
.welcome h2 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 500;
}
.welcome p {
	font-size: 18px;
	color:#6e6d6d;
	line-height: 28px;
	margin: 0;
}

.buttons {
	text-align: right;
}
.buttons div {
	display:block;
}
.buttons img{
	width: 30px;
	height: 30px;
	left: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.buttons span {
	left: 90px; /*Batlefield Fine*/
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.buttons a {
	border-radius: 50px;
	margin-top: 10px;
	position: relative;
	width: 288px;
	height: 70px;
	display: inline-block;
	max-width: 100%;
}

.buttons div:first-of-type a:first-of-type {
	margin-top: 0px;
}

.button-green {
	color:white;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.7px;
	background-color: #1e624d;
}

.button-red {
	color:white;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.7px;
	background-color: #a83134;
}

.button-red:hover {
	background-color: #7c0c0f;
	color:white;
}

.button-green:hover{
	background-color: #0d4231;
	color:white;
}

.button-red .svg{
			width: 32px;
			left: 42px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}

.button-green .svg {
			width: 35px;
			height: 45px;
			left: 40px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}
		
		.button-red .svg path, .button-red .svg circle{
			fill:white;
		}
		
		.button-green .svg .st0 {
			fill:white;
			stroke-width:0;
			clip-path: none;
		}

.scroll a, .scroll img {
		display: block;
	}
	
.scroll a{
	font-size:12px;
	color:#a83134;
	letter-spacing: 0.6px;
	font-weight: 500;
}
	
	.scroll img {
		width: 15px;
		padding-top: 20px;
		
	}

.setaupdown {
	animation: MoveUpDown 2s linear infinite;
	position: relative;
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 10px;
  }
  50% {
    bottom: 0px;
  }
}

#util {
	background-color: #f4f3f3;
	height: 770px;
}

#util .row {
	top: 60px;
	height:auto;
	position: relative;
	justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
}
#util .row > div{
	background-color: white;
	padding: 0px;
}

#util .row > div:first-of-type{
	left:0;
	margin-right: 5%;
}

#util .row > div:nth-of-type(2){
	width: 30%;
	right: 0;
}

#util .title-util {
	/* text-align: center; */
	border-bottom:3px solid #f4f3f3;
	/* height: auto; */
}
#util .title-util h2{
	font-size: 24px;
	margin: 20px 0px;
	text-align: center;
}

/*Calendario*/

	#util .container .row .col-md-5 .zona_calendario {
		max-width: 220px;
		margin: 0 auto;
	}	

.fc-toolbar .fc-right button, .fc-toolbar .fc-left button {
    border: none;
    background: none;
    box-shadow: none;
    height: auto;
    margin-top: 20px;
    margin-bottom: 5px;
}

.fc-toolbar {
    text-align: center;
    margin-bottom: 20px!important;
    margin-top: 10px!important;
}
.fc-icon-right-single-arrow:after {
    content: url(../images/subscribe-arrow.svg)!important;
    width: 24px;
    height: 12px;
    display: inline-block;
    transform-origin: center center;
    top: 3px!important;

}
.fc-icon-left-single-arrow:after {
    content: url(../images/subscribearrow2.svg)!important;
    width: 24px;
    height: 12px;
	top: 3px!important;

}

.fc button .fc-icon {
    width:24px
}

#calendar h2 {
	font-size: 13px;
    letter-spacing: 0px;
    color: #a8a6a6;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: uppercase;
	font-weight: 700;
}

.fc-other-month{
	background:#f8f8f8
}

.fc-row .fc-content-skeleton td{text-align: center;font-family:'Gotham Book';
	font-size:12px; 
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none;
}

.fc-nonbusiness {
    background: none;
}

.fc-day-grid{background:#fff}

.fc-basic-view .fc-body .fc-row {
    min-height: 3.5em;
}
.fc-head-container {
	border-width:0px!important;
}

#evento_info{
	display:none;
	padding:18px 16px;
	margin-top:20px;
	margin-bottom:20px
}
#constraint{
	font-family:'Gotham Bold';
	font-size:10px;
	color:#1b1b1b;
	text-transform: uppercase
}
#modalTitle{
	font-family:'Gotham Book';
	font-size:14px;
	color:#ffffff;
	margin-top:6px;
	margin-bottom:6px
}
.urlevento,.urlevento a{
	position:relative;
	display: block;
	width: 25px;
	height:25px
}
.urlevento div:after{
	content:"";
	width:25px;
	height:1px;
	background: #fff;
	position: absolute;
	top:50%;
	left:0
}
.urlevento div:before{
	content:"";
	width:1px;
	height:25px;
	background: #fff;
	position: absolute;
	top:0%;
	left:50%
}

.fc-event span.fc-title {
    display: none;
}
.fc-event {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 25px!important;
}
#evento_info.bgevento{background:#1dd692;display: block}

.legendas_evento{
	list-style:none;
	padding-left:0;
	margin: 14px 0;
	font-family:'Gotham Book';
	font-size:10px;
	color:#404040;
	text-transform: uppercase
}
.legendas_evento li{margin-bottom:4px}
.legendas_evento li:before{
	content:"";
	width:11px;
	height:11px;
	border-radius:50%;
	margin-right:7px;
	margin-top:2px;
	display: inline-block
}
.legendas_evento li:nth-child(1):before{content:"";background:#1dd692}
.legendas_evento li:nth-child(2):before{content:"";background:#e76565}
.legendas_evento li:nth-child(3):before{content:"";background:#ffd25e}

.agenda_datas .custom{width:auto}
.agenda_datas .custom:first-child{margin-right:20px}
.agenda_datas .custom select {
    font-family: 'Gotham Light';
    display: inline;
    padding: 19px 20px;
    font-size: 14px;
    border-radius: 29.5px;
    width: auto;
    color: #8d8d8e;
    padding-left: 30px;
	text-transform: none
}

.agenda_datas .agenda select {
    font-family: 'Gotham Light';
    display: inline;
    padding: 19px 40px;
    font-size: 14px;
    border-radius: 29.5px;
    width: auto;
    color: #8d8d8e;
    padding-left: 30px;
	text-transform: none
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 4px;
    height: 9px;
}

.fc-nonbusiness {
    background: white!important;
}

.fc-other-month {

    background: white!important;
	opacity: 0.3
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	text-align: center;
	font-size: 11px;
	font-family: 'ubuntu';
	margin-top: 2px;
}

.fc th{
    border-style: none!important;
}

/*Fim Calendario*/


.events .col-md-5 {
	border-right: 3px solid #f4f3f3;
	height: calc(100% - 50px);
}


}
.events .col-md-7 h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 13px;
	color: #a83134;
	text-align: center;
	font-weight: 700;
}

.events .data, .news .data {
	font-size: 13px;
	font-weight: 700;
	color:#a8a6a6;
	text-transform: uppercase;
}

.events .descricao, .news .descricao{
	font-size: 20px;
	color:#1f1f1f;
	font-weight: 500;
	margin-bottom: 15px;
}

.news .descricao2 {
	font-size:14px;
	color:#6e6d6d;
}

.readmore {
	border: 1px #a83134 solid;
	text-transform: uppercase;
	border-radius: 25px;
	font-size: 11px;
	letter-spacing: 0.5px;
	padding: 8px 24px;
	display: inline-block;
	margin-bottom: 20px;
	color: #a83134;
	font-weight: 500;
}

.readmore:hover {
	color: white;
	border: 1px #a83134 solid;
	background-color: #a83134 ;
}

.allevents {
	border: 1px #a83134 solid;
	text-transform: uppercase;
	border-radius: 25px;
	font-size: 12px;
	letter-spacing: 0.6px;
	padding: 16px 36px;
	display: inline-block;
	margin-bottom: 40px;
	margin-top: 15px;
	color: white;
	font-weight: 700;
	background-color: #a83134;
}

#util .2coluna {
	margin-top:40px!important;
	margin-bottom:40px!important;
}

.allevents:hover {
	color: white;
	background-color: #7c0c0f;
}

.events .col-md-1,.events .col-md-11 {
	padding-left: 26px;
	padding-right: 0;
}
.events hr,.news hr{
	color: #ebeaea;
	width: 100%;
	border-top: 1px solid #ebeaea;
	display: inline-block;
	margin-top: 0;
}

.news .col-md-12 {
	display: inline-block;
	height: auto;
	position: relative;
	padding: 0 40px;
}

.news .col-md-12:first-of-type {
	padding-top: 31px;
}

.news {
	height:auto;
}

/*Slider de Logos*/

.logos {
	height:280px;
	padding-top:80px;
	padding-bottom:50px;
	background-color: #ffffff;
}

.logos h2 {
	text-transform: uppercase;
	font-size: 14px;
	color:#a8a6a6;
	text-align: center;
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}

.logos .slick-slide {
	width:174px;
	height: 174px;
	padding: 15px;
}

.logos .slick-slide a {
	z-index:3
}	

.logos .slick-slide a:hover img{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	  filter: grayscale(0%);
	opacity:1;
}
	
.logos .slick-slide img {
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	right: 0;
	left: 0;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	opacity: 0.4;
}

.slider {
	z-index:4;
}

.logos .container {
	padding: 0 100px;
	position: relative;
}

#setas2.setas {
	position: absolute;
	height: 174px;
	top: 0px;
	left: 0;
	z-index: 3;

}

#setas2 .svg .st0 {
	stroke:#cacaca;
	fill:none;
	clip-path: none;
}

#setas2 .svg:hover .st0, #setas2 .svg:hover .st0 {
	stroke:black;
}



#setas2.setas .next {
	right: 0px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

	#setas2.setas .prev {
	left: 0px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#setas2 .prev .svg, #setas2 .next .svg {
	width: 35px;
	height: 66px;
}

/*Fim Slider Logos*/

/*Subscriber*/

#subscribe input {
    width: 75%;
    display: inline-block;
    /* font-size: 20px; */
    padding: 13px 20px;
    font-size: 16px;
    text-align: left;
	border: none;
	height: 50px;
	font-size: 11px;
	color:white;
	text-transform: uppercase;
	background-color: #7f1c1e;
	padding-left: 25px;
}



#subscribe .subscribe-green input {
	background-color: #104132;
}

#subscribe .subscribe-green .subscribearrow.svg g .st0 {
	fill:#104132;
}
	
#subscribe input::placeholder {
    color:white;
	}	
	
.bot-sub {
  width: 25%;
display: inline-block;
font-size: 12px;
color: #7f1c1e;
font-weight: 700;
padding: 15px 22px;
text-align: center;
border: none;
height: 50px;
background-color: white;
text-align: left;
padding-left: 25px;
}

@media (min-width:992px) and (max-width:1200px) {
	.bot-sub {
		padding-left: 12px;
	}	
}

#subscribe .subscribe-green .bot-sub {
	color: #104132;
}

#subscribe .col-md-5 {
	text-align: right;
	padding-right: 30px;
}

#subscribe p{
	font-size: 24px;
	color: white;
	position: relative;
	display: inline-block;
	font-weight: 500;
	top: 50px;
	transform:translatey(-50%);

}

.subscribearrow {
	width: 27px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transition: all ease-in-out .4s;
	-webkit-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}

.bot-sub:hover {
	color:#7f1c1e;
}

.subscribearrow.svg g .st0 {
	fill:#a83134;
}

#subscribe button:hover .svg {
	transform: translateY(-50%) translatex(10px);
}

.subscribearrow.svg g .st0 {
	stroke-width:0;
}

/*Fim Subscriber*/

/* FOOTER*/

footer {
		padding:50px 0px;
		height: 200px;
		background-color: #2f2f2f;
		text-align: center;
		color: #979696;
		font-size: 13px;
		position: relative;
		
	}
	
	footer p{
		margin-bottom: 10px;
		font-size: 13px;
	}
	
	footer a{
		color:white;
		position: relative;
		margin-bottom: 40px;
	}
	
	footer a:hover {
		color:white;
		text-decoration: underline;
	}

	footer div a, footer div p {
		margin-bottom:0px;
		display: inline-block;
	}
	
	footer div {
		position:relative;
		bottom: 0px;
		left: 0;
		right: 0;
		margin-top: 15px;
		width: 100%;
	}
/* FIM FOOTER*/

/*Cabeçalho de Relations*/

	#banner1 .col-md-4 img {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 35px;
		max-width: 90%;
		width:315px;
	}
	#header3 > .container > .row {
		padding-top: 60px;
    padding-bottom: 60px;
		display:flex;
		margin:0;
	}


	#header3 > .container > .row::before, #header3 > .container > .row::after {
		display:none;
	}
	
	#header3 .container > .row > div:first-of-type {
		flex:1;
		padding-left:0;
		padding-right:60px;
	}
	#header3 .container > .row > div:last-of-type {
		/*width:290px;
		padding:0;*/
	}

#header3.header_fixed {
	position:fixed;
	width: 100%;
	background-color: white;
	top:136px;
	left:0px;
	z-index: 10;
}
	
	.breadcrumbs a{
		font-size: 13px;
		color:#1f1f1f;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.breadcrumbs a:last-of-type {
		color:#a8a6a6;
	}
	
	#header3 h1 {
		font-weight: 500;
		font-size: 36px;
		margin-top: 20px;
    	margin-bottom: 0;
	}

	
	#header3 select {
	    width: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background-color: white;
		border: solid 2px #a83134;
		display: inline-block;
		padding: 25px 100px;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		font-weight: 400;
		padding-left: 25px;
		border-radius: 85px;
	}


	#header3.header_relacoes > .container > .row {
    padding-top: 40px;
    padding-bottom: 40px;
	}
	#header3.header_relacoes h1{margin-top:0}
	#header3.header_relacoes select {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.custom-selectbox {
		position: absolute;
		display: inline-block;
		width: auto;
		padding: 0 10px;
		right: 0	
	}
	
	.custom-selectbox::after {
		content: url(../images/setaselect.png);
		position: absolute;
		height: 12px;
		width: 6px;
		right: 50px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

/*FIM DE CABEÇALHO DE RELATIONS*/

.Scrolling, .Scrolling_green {
	cursor:pointer;
}
.Scrolling img {
	width: 18px;
	height: 26px;
	left: 50%;
	position: relative;
	transform: translateX(-50%) translateY(-50%);
	top: 50%;	
}

.Scrolling_green img {
	width: 18px;
	height: 26px;
	left: 50%;
	position: relative;
	transform: translateX(-50%) translateY(-50%);
	top: 50%;	
}

/* Timeline */

.affix {
	position: fixed;
	top: 130px;
	width: 100%;
	background-color: white;
	z-index: 9999 !important;
}

#timeline .VivaTimeline {
	padding-top:80px;
	padding-bottom:80px;
	z-index: 1; 
	position: relative;
}

#timeline .VivaTimeline dl:first-of-type {
	position: relative;
	top: 0;
	padding: 0px 0;
	margin: 0;
}

#timeline .VivaTimeline dl dd {
	padding-bottom: 70px;
}

#timeline .VivaTimeline dl dd:last-of-type {
	opacity: 0.3;
}

#timeline .VivaTimeline dl dd .circ {
	top:0;
	background-color: #a83134;
	border: none;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	border:solid 4px #f4f3f3;
}

#timeline .VivaTimeline dl dd.pos-right .time{
	margin-left: -120px!important;
}

#timeline .VivaTimeline dl dd .time {
	top:-30px;
	font-weight: 700;
	font-size: 36px;
	color: #a83134;
	text-transform: uppercase;
}
#timeline .VivaTimeline dl dd .events {
	top:-9px!important;
	margin-top: 0px!important;
	padding: 0 0 0;
}

dl.infinite-container::before {
	background-color:rgba(0,0,0,0.10)!important;
}

#timeline .VivaTimeline dl dd.pos-left .events {
	margin-left: -15px;
}

#timeline .VivaTimeline dl dd.pos-right .events {
	margin-right: -15px;
}


#timeline .VivaTimeline dl dd .events .events-body {
	background-color: white;
	padding: 25px;
}


#timeline .VivaTimeline dl dd.pos-left .events:before{
	border-color: transparent transparent transparent white;
}

#timeline .VivaTimeline dl dd.pos-right .events:before {
	border-color: transparent white transparent transparent;
}

#timeline .events-object.img-responsive {
	height:196px;
	width: 100%;
	margin-bottom: 20px!important;
}
#timeline .events-body .events-desc h2, #timeline .events-body .events-desc p, #timeline .events-body .events-desc a{
	text-indent: 0px;
}
#timeline .VivaTimeline dl dd .events .events-body .events-desc {
	text-indent: 0px;
}

#timeline .events-desc h2{
	position:relative;
	display: inline-block;
	font-size: 20px;
	line-height: 28px;
	margin-top: 0;
	margin-bottom: 0;
}

#timeline .events-desc p{
	line-height: 22px;
	color:#6e6d6d;
	margin-top: 10px;
}

#timeline .events-desc a{
	margin-bottom: 0;
	margin-top: 10px;
}

#timeline .events-desc a.none{
	display: none;
}

.Scrolling {
	width:68px;
	height: 68px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	border: 2px solid #a83134;
	border-radius: 50px;
	z-index: 10000;
}

.Scrolling_green {
	width:68px;
	height: 68px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	border: 2px solid #37876e;
	border-radius: 50px;
	z-index: 10000;
}

.VivaTimeline .col-md-12 {
	padding:0 15px;
}

/*EVENT*/

#event h2 {
	text-align:center;
	font-weight: 700;
	color:#a83134;
	margin-top: 50px;
	margin-bottom: 38px;
	font-size: 36px;
}

.container-850px {
	width:850px;
	max-width: 100%;
}

.container-850px .col-md-12 {
	padding:0px;
}

.container-850px .col-md-12.cronologia img {
	padding:20px;
	padding-bottom: 0;
}	

.dot1 {
	height: 14px;
	width: 14px;
	background-color: #a83134;
	border-radius: 50%;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}

.stripe {
	height: 40px;
	width:2px;
	background-color: #000000;
	opacity: 0.1;
	display: block;
	margin-top: 4px;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}

.corpoevento {
	padding-left: 48px;
	padding-right: 48px;
	padding-bottom: 20px;
	padding-top: 20px;
}

div img + .corpoevento {
	padding-top: 0;
	padding-bottom: 45px;
}

@media (max-width:992px) {
	#event img {
		max-width:100%;
		padding-left: 15px;
		
	}
	
	#event .corpoevento {
		padding-left: 15px;
		padding-left: 15px;
	}
}


.corpoevento span {
	font-size:24px;
	color:#1f1f1f;
	margin-top: 50px;
	margin-bottom: 20px;
	display: inline-block;
}

.corpoevento p {
	font-size:18px;
	color:#6e6d6d;
	margin-bottom: 5px;
	margin-top: 5px;
	height: calc(100% - 50px);
}

.corpoevento h3 {
	line-height: 36px;
}



.backtotimeline {
	border: 1px #a83134 solid;
	text-transform: uppercase;
	border-radius: 25px;
	font-size: 12px;
	letter-spacing: 0.6px;
	padding: 12px 36px;
	display: inline-block;
	margin-top: 5px;
	color: #a83134;
	font-weight: 700;
	background-color: transparent;
}

.backtotimeline:hover {
	color: white;
	background-color: #a83134;
}

/*Books*/

.h1books {
	margin-bottom: 40px;
	position: relative;
}
.pbooks{
	font-size: 18px;
	line-height: 27px;
	color: #6e6d6d;
}

p {
	font-size: 18px;
	line-height: 27px;
	color: #6e6d6d;
}

.pbooks a {
	color:#a83134;
	text-decoration:underline;
}
.pbooks a:hover {
	text-decoration:none;
}


/*Formatação de Filtros*/

#header3 .filtro form div select{
	padding:0;
	text-transform: uppercase;
	color: #060606;
	height: 55px;
	padding-left: 30px;
	background-color: rgba(214, 213, 213,0.3);
	border: none;
	margin-bottom: 20px;
}

#header3 .filtro form div select:last-of-type{
	margin-bottom: 0px;
}

.filtro .col-md-3 {
	height:55px;
	
}

#header3 .filtro form div input {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	display: inline-block;
	padding: 0px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 400;
	border-radius: 0;
	padding-left: 30px;
	border-radius: 85px;
	height: 55px;
	color: #060606;
	background-color: rgba(214, 213, 213,0.3);
}

#header3 .filtro form div a {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: white;
	border: solid 2px #a83134;
	display: inline-block;
	padding: 15px 20px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 500;
	border-radius: 0;
	border-radius: 85px;
	height: 55px;
	color:#a83134;
}

.filtro .custom-selectbox::after {
	content: url(../images/setaselect.png);
	position: absolute;
	height: 6px;
	width: 6px;
	right: 50px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.filtro .custom-selectbox {
	width: 100%;
	height: 55px;
	padding: 0 10px;
	margin-bottom: 0;
}


.filtro form .col-md-6 {
	position:relative;
	height: 55px;
	padding: 0px 10px;
	margin-bottom: 20px;
}

.filtro form .col-md-2 {
	text-align: center;
}

.filtro form .col-md-7,.filtro form .col-md-3, .filtro form .col-md-2 {
	padding: 0 10px;

} 

.row.res-pesquisa {
	margin-left:-30px;
	margin-right: -30px;
}
.res-pesquisa .resultado {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 60px;
}
.res-pesquisa .descritivo a:hover span {
	color:#a83134;
}

.res-pesquisa a:hover {
	color:#a83134;
}

#header3 .row.res-pesquisa {
	padding-top: 0px;
}

#header3 .row.filtro {
	padding-bottom: 0px;
	margin:0 -10px;
	margin-top:40px;
	margin-bottom:65px;
}

.descritivo {
	padding-top:30px;
}

.descritivo .pesq-ano{
	font-size: 16px;
	color: #a8a6a6;
	font-weight: 700;
	display: block;

}
.descritivo .pesq-titulo {
	font-size: 20px;
	color:#1f1f1f;
	font-weight: 500;
	display: block;		
}
.descritivo .pesq-descr {
	font-size: 14px;
	color:#6e6d6d;
	font-weight: 300;
	display: block;
	margin: 10px 0px;
}
.descritivo .tit-resultado {
	font-size: 14px;
	color:#000000;
	font-weight: 500;
}
.descritivo .pesq-author{
	font-size: 14px;
	color:#6e6d6d;
	font-weight: 300;
}
.descritivo .pesq-catnumber {
	font-size: 14px;
	color:#6e6d6d;
	font-weight: 300;
}

.pagination {
	width: 100%;
	text-align: center;
}
.pagination .number-pag {
	font-size: 21px;
	color:#aba8a8;
	padding: 0 10px;
	font-weight: 500;
}
.pagination .number-pag.activo {
	color:black;
}

.pagination div {
	display:inline-block;
}
.pagination img {
	width: 27px;
	height: 12px;
	pointer-events: none;
}
.pag-arrow {
	display:inline-block;
	padding: 0 20px;
}


.brochure {
	border: 1px solid #1e624d;
	background-color: white;
	color:#1e624d;
	margin-top: 30px!important;
}

.brochure.aboutus {
	border: 1px solid #a83134;
	background-color: white;
	color:#a83134;
}

#header3 .col-md-6 .brochaboutus{
	right: 0;
    position: absolute;
	bottom: 4px;
	
}

#header3 .col-md-6 .brochaboutus a{
	max-width: 212px;
	min-width: 212px;
}

@media (max-width:992px) {
	#header3 .col-xs-12 .brochaboutus{
		position: relative;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

.buttons1 div a div {
	text-align: center;
}

.brochure:hover{
	background-color: #1e624d;
}

.brochure.aboutus:hover{
	background-color: #a83134;
	color:white;
}

.brochure:hover .icongreen {
	display:none;
}

.brochure:hover .iconwhite {
	display:inline-block;
}

.iconwhite {
	display: none;
}

.brochure img {
	width:20px!important;
	margin-right: 10px;
	-moz-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.places div {
	position:relative;
}
span.circle {
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background-color: #ff5420;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color:white;
	position: absolute;
	top: 0px;
}

.links-battles {
	position: absolute;
	bottom: 40px;
	margin-left: 10px;
}

.links-battles a {
	color: #ff5420;
	font-size: 16px;
	margin-left: 15px;
	line-height: 24px;
	text-indent: 0em;
	display: inline-block;
	max-width: 80%;
	margin-left: 45px;
	margin-bottom: 10px;


}

.links-battles a:hover {
	text-decoration:underline;
}


.welcome .morada .h3 {
	font-size: 24px;
	font-weight: 400;
	color:#1f1f1f;
}

.buttons1 a {
border-radius: 50px;
margin-top: 10px;
position: relative;
min-width: 242px;
/* height: 70px; */
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 13px 0;
max-width: 242px;
}

	.lateral .box.red {
    background-color: #a83134;
    max-width: 242px;
	margin-left: 38px;
		
	}

	.lateral .box.red.grey {
    background-color: #a83134;
    max-width: none;
	margin-left: 0px;
	}
	
	.lateral .box.orange2 {
    max-width: 242px;
	margin-left: 38px;
	}

	.random-soldier img {
		max-width: 242px;
	}

@media (max-width:420px){ 
	.lateral .zona_calendario {
	background-color: #a83134;
    max-width: 288px;
    margin-left: auto!important;
    margin-right: auto!important;
	}
	
	.lateral .box {
		max-width:288px!important;
		margin-left: auto!important;
		margin-right: auto;
	}
}
@media (min-width:420px) and (max-width:992px){ 
	.lateral .zona_calendario {
    	max-width: 288px;
		margin-left: auto!important;
    	margin-right: auto!important;
	}
	.lateral .box {
		max-width:288px!important;
		margin-left: auto!important;
		margin-right: auto!important;
	}
}

@media (max-width:992px) {
	.buttons1 a {
max-width: 242px;
}
	
	.mapapequeno img {
		margin: 0 auto;
	}
	
	
	.lateral .box.red {
    background-color: #a83134;
    max-width: 242px;
    margin-left: auto;
    margin-right: auto;
	}
	
	.lateral .box.orange2 {
    max-width: 242px;
    margin-left: auto;
    margin-right: auto;
	}
	
	.random-soldier img {
		margin: 0 auto;
		max-width: 242px;
		
	}
	
	#header3 form.formulario .row > div {
    padding: 0 10px;
    width: 100%!important;
	}
	
	.membership {
    margin-top: 30px;
    margin-bottom: 30px;
}
	.membership a.button {
		padding: 15px 30px;
    	font-size: 12px;
	}
	
	form.formulario input[type='checkbox'] + label + label {
		font-size: 14px!important;
	}
	
	form button {
		margin: 0 auto;
	}
	
	form.formulario {
    margin-bottom: 0px!important;
}
	
	#header3 .random-soldier {
		margin-left: auto;
		margin-right: auto;
	}
	
}

.buttons1 div {
	text-align: right;
}

.button-green.battle {
color: white;
font-weight: 700;
font-size: 13px;
letter-spacing: 0.7px;
background-color: #1e624d;
}

.button-green.battle:hover {
	background-color: #0d4231;
}

.welcome p b{
	color:#1f1f1f;
}


.button-green.battle.selected {
background-color:#64b19a;
pointer-events: none;
}

/*SUBMenu*/

.dropdown-content a {
	color: black;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	font-size: 14px!important;
}

.dropdown-content a:last-of-type {
	margin-bottom: 0px;
}

.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f1f1f1;
		min-width: 160px;
		z-index: 1;
		top: 92px;
		padding: 28px 28px;
		left: 10px;;

	}

.tabs li:hover .dropdown-content {
	display: block;}

.tabs li a.sub::after {
		    content: '';
			width: 0px;
			height: 0px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: rgba(168, 49, 52, 0.5) solid 5px;
			position: absolute;
			top: 50%;
			right: 10px;
		}

.tabs li {
	cursor: pointer;
}

/*Fim do Submenu*/

	.red.orange {
		background-color: #be370e!important;
	}
		.orange2.box a::before {
			background-color: #be370e!important;		
		}

	.welcome i	{
		color:black;
	}
	#slidelines .descricaobanner, #slider-exemplo .slider_green .descricaobanner{
		color:#1e624d;
		font-style: italic;
		font-size: 16px;
		font-weight: 300;
	}

.slider_green  {
	padding-top: 25px;

}


.slider_green.onlyone {
	padding-top: 25px;
	padding-bottom: 25px;
}


	#slidelines #slider2 {
		position: absolute;
		min-height: 30px;
	}

@media(max-width:992px) {
		#slidelines #slider2 {
		position: relative;
		min-height: 20px;
	}
}

	#slidelines .setas {
		padding: 0 15px;
		position: absolute;
		bottom: 10px;
		width: 100%;
		z-index: 4;
		height: 60px;
	}

	#slidelines .setas .svg .st0, #slider-exemplo .slider_green .setas .svg .st0{
		stroke:#1e624d;
		fill:none;
		clip-path: none;
	}

	#slidelines .setas .prev {
		left: 0px;
	}

	#slidelines .setas .next {
		right: 0px;
	}

	.links-battles.specifics {
		position: absolute;
		max-width: 290px;
		bottom: 0;
	}

	.links-battles.specifics h2 {
		padding-top: 30px;
		position: relative;
		font-size: 24px;
	}

	.programa table{
		border:0px solid #eeebeb;
		border-collapse: separate;
		border-spacing: 10px 5px;
		width: calc(100% + 20px);
		margin: 0 -10px;
	}

	.programa tr{
		width: 100%;
		padding-top: 18px;
		padding-bottom: 20px;

	}
	.programa table td, .programa table th{
		border:1px solid #eeebeb;
	}

	.programa th{
		padding-bottom: 20px;
		padding-top: 17px;
		padding-left: 20px;
	}

	.programa td {
			padding-bottom: 20px;
			padding-top: 17px;
			padding-left: 24px;
			padding-right: 20px;
			vertical-align: baseline;
	}


	.programa td ul {
		list-style-type: none;
		-webkit-padding-start: 0px;
		margin-bottom: 0;
		text-indent: -7px;
		padding-left: 20px;
	}

	.programa td ul li:before {
		 content: '\f054';
		 font-weight: 900;
		 font-family: Font Awesome\ 5 Free;
		 background-size: contain;
		 width: 15px;
		 height: 10px;
		 font-size: 12px;
		 display: inline-block;
		 position: relative;
			background-repeat: no-repeat;
				margin-left: -8px;
	}

	.programa td ul li{
		 color:#6e6d6d;
		 font-size: 16px;
		line-height: 24px;
		margin-bottom: 3px;
	}

	@media (min-width:1200px) {
		.welcome .col-md-8{
			max-width: 100%!important;
		}
		.welcome .col-md-4{
			max-width: 100%!important;
		}
	}

.welcome .col-md-8{
			max-width: 100%!important;
		}
		.welcome .col-md-4{
			max-width: 100%!important;
		}

.places .selecionado {
		text-decoration: underline;
		pointer-events: none;
	}

/*lines*/

#banner1.lines {
margin-top: 138px;
height: 360px;
}

#banner1 .col-md-8 {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 360px;
}

.row.mapapequeno {
	margin-top: 135px;margin-bottom: 0px;display: flex;
}

.row.mapapequeno .col-md-5{
	width:300px;
}

.row .col-md-7.programa {
	position: relative;
	flex: 1;
	padding-left: 50px;
}

/*Random Soldier*/

.random-soldier {
	position: relative;
	margin-top: 40px;
	max-width: 242px;
	    margin-right: 0;
    margin-left: auto;
		
	}

@media (max-width:992px) {
	.random-soldier {
	margin-right: auto;
    margin-left: auto;
		
	}
}



.random-soldier img {
	position: relative;
	max-width: 242px;
}

/*Fim*/

/*Profile*/

#pad {
	margin-top: 130px;
}

.face {
	width: 242px;
	height: 242px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	max-width: 100%;
}

.other {
	width: 242px;
	height: 242px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 100%;
	margin: 0 auto;
}

.portfile {
	margin-top:70px;
}

.portfile h3 {
	margin-top: 10px;
	margin-bottom: 25px;
	line-height: 36px;
}

/*Fim*/

/* Testimonials*/

.quotes {
	width: 43px;
	margin-bottom: 30px;
}

.quote p {
	font-style: italic;
	font-weight: 300;
}

.author {
	color:#1f1f1f!important;
	font-weight: 500!important;
	font-style: normal!important;
}

#pad {
	margin-top: 130px;
}

.pad:first-of-type {
	margin-top: 60px;
}
.pad {
	margin-top:80px;
}
.pad h2 {
	font-size:30px;
	color:#1f1f1f;
	font-weight: 500;
}

.battlefield-contact-us .morada > div {
	margin-bottom:30px;
}



.battlefield-contact-us form.formulario label {
	font-weight:400;		
}
.battlefield-contact-us .black{
	color:#1f1f1f;
	text-decoration: none;
}

.battlefield-contact-us .black:hover{
	text-decoration: underline;
}

.battlefield-contact-us .membership {
	margin-bottom: 30px;
}
.battlefield-contact-us	.green {
	background-color: #1e624d!important;
}
.battlefield-contact-us .green:hover {
	background-color: #0d4231!important;
}

@media (max-width:992px) {
	.morada > div {
		display: block!important;
	}
	
	.morada h3 {
		margin-right: 15px!important;
	}
}

.membership h2 {
	margin-bottom: 30px;
	margin-top: 0px;
}

		#header3 .custom-selectbox {
			top:50%;
			transform: translateY(-50%);
		}

#slider2.exemplo {
			position: absolute;
   			bottom: 20px;
			
		}

@media (max-width:420px) {
			#slider2.exemplo {
			position: absolute;
   			bottom:-25px;
			
			}
			}

@media (max-width:992px) {
			#slider2.exemplo {
			position: absolute;
   			bottom:5px;
			
			}
			}
			
			#slider-exemplo .setas .prev {
				left:0px;
			}	


			
			#slider-exemplo .setas .next {
				right:0px;
			}
			
			

#slider-exemplo .setas {
							bottom: 90px;
						}
				
			@media (max-width:992px) {
				#slider-exemplo .setas {
				top: 0;
			}
			}
			

			#slider2.exemplo {
				background-color: transparent;
			}
			
			#slider2.exemplo p {
				color:#6e6d6d;
				font-style: italic;
				font-weight: 400;
			}
			
			#slider-exemplo .setas .svg .st0 {
				stroke: #a83134;
				fill: none;
				clip-path: none;
			}
			
.template.red h3 {
				font-size: 24px;
				font-weight: 400;
				line-height: 36px;
			}

.template.red div > p > img {
				margin-top: 30px;
				margin-bottom: 30px;
			}

.template.red a {
	color:#6e6d6d;
	text-decoration: underline;
}

.template.template_green a {
	color:#1e624d;
}

.template_green .more_info {
		padding-top: 20px;
		position: relative;
		display: inline-block;
		text-decoration: none;
		font-weight: 900;
		
	}

.template_green .info p {
	display: inline-block;
}

.template_green .readmore1 {
	margin-bottom:0;
	margin-top: 30px;
	border: 1px #1e624d solid;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 25px;
	font-size: 11px;
	letter-spacing: 0.5px;
	padding: 8px 24px;
	display: inline-block;
	font-weight: 500;
}

.template_green .readmore1:hover {
	background-color: #1e624d;
	color:white;
	text-decoration: none;
}


			
	.template.red h4 {
		margin-top:20px;
		margin-bottom: 20px;
		color:#a83134;
		font-size: 18px;
		text-transform: uppercase;
	}

.template.red p, .template_green p, .template.red li, .template_green li, .corpoevento p  {
		text-align: justify;
	}

	.template.red p img.twoimages {
	width:48%;
	height: auto;
		max-width: 100%;	
	margin-left: 5px;
	margin-right: 5px;
		
}

.template.red p.specialp {
	display: flex;
    overflow: hidden;
    justify-content: space-around;
}

@media (max-width:992px) {
	.template.red p.specialp {
		display: inline-block;
	}
}

.template.red p img.specialimage {
	margin: 0 5px;
	flex: 1;
}

@media (max-width:992px) {
	.template.red p img.specialimage {
		flex: none;
		width: 100%;
		margin-bottom: 30px;
	}
}



.template.red p img.twoimages33 {
	width:32%;
		height: 300px;
		max-width: 100%;
	object-fit: cover;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: auto;
	margin-bottom: auto;
}

.template.red p img.twoimages66 {
	width:64%;
		height: 300px;
		max-width: 100%;
	object-fit: cover;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: auto;
	margin-bottom: auto;
}


.template.red p img.threeimages25 {
	width:23%;
		height: 300px;
		max-width: 100%;
	object-fit: cover;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: auto;
	margin-bottom: auto;
}

.template.red p img.threeimages50 {
	width:49%;
		height: 300px;
		max-width: 100%;
		object-fit: cover;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: auto;
	margin-bottom: auto;
}


@media (max-width:992px) {
	.template.red p img.twoimages {
		height: auto;
		max-width: 100%;
		margin-left: 5px;
		margin-right: 5px;
		width: 100%;
	}
}

@media (max-width:520px) {
	.template.red p img.twoimages {
		max-width: 100%;
		height: auto;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

	.template.red p img.threeimages {
	width:32%;
	height: auto;
	max-width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

@media (max-width:992px) {
	.template.red p img.threeimages {
		height: auto;
		max-width: 100%;
		margin-left: 5px;
		margin-right: 5px;
		width: 100%;
	}
}

@media (max-width:520px) {
	.template.red p img.threeimages {
		max-width: 100%;
		height: auto;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.template.red img{
	display: inline-block;
	margin: 0 auto;
}

.template.red small{
	text-align: center;
}

.template.template_green h4 {
				margin-top:20px;
				margin-bottom: 20px;
				color:#1e624d;
				font-size: 18px;
				text-transform: uppercase;
			}
			
			.pad1 {
				padding-top: 30px;
			}
			
			.template.red small {
				font-size:14px;
			    margin-top: 0px;
				margin-bottom: 0px;
				display: inline-block;
				color:#6e6d6d;
			}

			.template.red ul {
				list-style-type: none;
				-webkit-padding-start: 0px;
				margin-bottom: 30px;
				  margin-top: 30px;
			}

	

			.template.red ul li:before {
				 content: '\f101';
				 background-image: none;
				 font-weight: 900;
				color:#a83134;
				 font-family: Font Awesome\ 5 Free;
				 background-size: contain;
				 width: 25px;
				 height: 10px;
				 font-size: 12px;
				 display: inline-block;
				 position: relative;
					background-repeat: no-repeat;
				margin-left: -10px;
				top: 0;
			}

@media (max-width:992px) {
				.template.red ul li:before {
				margin-left: -10px;
			}
}

	.template.template_green ul li:before {
				 content: '\f101';
				 background-image: none;
				 font-weight: 900;
				color:#1e624d;
				 font-family: Font Awesome\ 5 Free;
				 background-size: contain;
				 width: 25px;
				 height: 10px;
				 font-size: 12px;
				 display: inline-block;
				 position: relative;
					background-repeat: no-repeat;
				margin-left: -10px;
				top: 0;
			}

		.template.template_green ul li:first-of-type {
				margin-top: 20px;
			}

		.template.red ul li:first-of-type {
				margin-top: 20px;
			}

			.template.red ul li{
				 color:#6e6d6d;
				 font-size: 18px;
				line-height: 1.75em;
				margin-bottom: 3px;
				padding-left: 10px;
				margin-bottom: 0px;

			}
			
			.template.red ol{
				padding-left: 0px;
		
			}
			
			.template.red ol li {
				list-style-type: none;
				counter-increment: item;
				color: #6e6d6d;
    			font-size: 18px;
				line-height: 30px;
			}
			
			.template.red ol li::before {
				display: inline-block;
				width: auto;
				margin-right: 0.5em;
				padding-right: 0em;
				font-weight: bold;
				color:#a83134;
				text-align: left;
				content: counter(item) ".";
			}

			.template.template_green ol li::before {
				display: inline-block;
				width: auto;
				margin-right: 0.5em;
				padding-right: 0em;
				font-weight: bold;
				color:#1e624d;
				text-align: left;
				content: counter(item) ".";
			}

.template.red a {
	color:#a83134;
	text-decoration: underline;
}
			.pad2 {
				padding-bottom: 80px;
			}

@media (max-width:992px) {
	.pad3 {
		padding-bottom: 40px;
	}
	
	.pad2 {
		padding-bottom: 30px;
	}
}

.sitemap .template.red a {
	text-decoration: none!important;
}

.sitemap .template.red a h2{
	color: #1f1f1f;
}

.sitemap .template.red a h5{
	color: #1f1f1f;
	font-size: 18px;
	font-weight: 400;
}

.sitemap .template.red a li{
	color: #1f1f1f;
	font-size: 18px;
	font-weight: 400;
}
@media (max-width:992px) {
			.sitemap .template.red a li{

				margin-left: 16px;
	}
}

.sitemap .template.red a.active{
	text-decoration: underline!important;
	color:#a83134!important;
}
.sitemap .template.red a.active h5, .sitemap .template.red a.active h2, .sitemap .template.red a.active li{
	color:#a83134!important;
	cursor: default;
}
.padleft20 {
	margin-left:20px;
}

.sitemap .col-md-8 {
				padding-right: 0!important;
			}

.sitemap .template.red a:hover li, .sitemap .template.red a:hover h2,  .sitemap .template.red a:hover h5, .sitemap .template.red a:hover  {
	color: #a83134;
	text-decoration: underline;
}

/*MOBILE INDEX*/

#slider1 {
	 position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}

#slider-exemplo #slider1 {
	height: 660px;
}
	.padlathome0 {
		padding-left:0px!important;
		padding-right: 0px!important;
	}

@media (max-width:992px)
{
.header-search {
	height: 50px;
}

#banner {
	padding-top: 0px;
}

#banner .container .row .logo {
width: 100%;
height: 200px;
}

#banner .container .row .slider1 {
width: 100%;
	height: auto;
}

#slider2{
	padding: 0 15px;
	position: relative;
	bottom: 0px;
	text-align: center;
	width: 100%;
	z-index: 2;
	background-color: #a83134;
	padding: 20px 0px;
	height: auto;
}

.setas {
	position: relative;
}

.setas .prev {
	left: 15px;
}
.setas .next {
	right: 15px;
}

.welcome {
	margin-top: 10px;
}

.welcome > div:last-of-type {
	padding: 0;
	width: 100%;
}

.welcome > div:first-of-type {
	padding-right:0;
}

.row.welcome {
	flex-wrap: wrap;
	text-align: center;
	width: 100%;
}

.buttons {
	padding-top: 30px!important;
	padding-bottom: 30px!important;
}

.buttons div {
	text-align:center;
}

#util {
	height:auto;
	padding-bottom: 15px;
}

#util .container .row {
	flex-wrap: wrap;
	height: auto;
	margin-top: 30px;
	top: 0px;
	margin-left: 0;
	margin-right: 0;

}

#util .row > div:first-of-type  {
	width: 100%;
	display: flex;
	position: relative;
	flex: none;
	flex-wrap: wrap;
}

#util .row > div:last-of-type  {
	width: 100%;
	position: relative;
}

.title-util {
	width: 100%;
}

.news {
	height: auto!important;
}

.events {

}

.events .col-md-5 {
	width: 100%;
	height: auto!important;
}



.logos {
	position: relative;
	padding-top: 30px;
	padding-bottom: 0px;
	height: auto;
}

#subscribe {
	position: relative;
}

#subscribe input {
	width: 70%;
}

#subscribe button {
	width: 30%;
	text-align: center;
}

#subscribe .row .col-md-5 p {
	top: 0;
	transform: none;
}

#subscribe .row .col-md-5 {
	text-align: center;
	padding-top: 50px;
	padding-right: 15px;
}

.events div:nth-of-type(1) {
	order:0;
}

.events div:nth-of-type(2) {
	order:2;
	border: 0;
	padding-bottom: 20px;
}

.events div:nth-of-type(3) {
	order: 1;
}

.header-search input { 
	width: 100%;
	height: 50px;		
}

.header-search button { 
	top: 0px;
}

.open-mobile-window {
	position: absolute;
	right: 10px;

}

.open-mobile-window span {
	width: 25px;
	border-radius: 10px;
	height: 3px;
	background-color: white;
	position: relative;
	display: block;
}

.open-mobile-window span:nth-of-type(1) {
	top: 12px;
}

.open-mobile-window span:nth-of-type(2) {
	top: 18px;
}

.open-mobile-window span:nth-of-type(3) {
	top: 24px;
}


.overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 100%;
	right: 0;
	background-color: #17191d;
	overflow-x: hidden;
	transition: 0.5s;
}

.overlay .closebtn {
	position: absolute;
	top: -27px;
	right: 10px;
	font-size: 60px;
	font-weight: 300;
	color: white;
}

.menumobile {
	padding: 60px 30px;
}
	
	.menumobile ul li h3 {
		font-size:15px;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	
	.menumobile ul li ul li h4 {
		font-size:12px;
		margin-bottom: 0;
		margin-top: 0;
	}

.overlay ul {
	padding: 0;
	text-align: center;
	list-style-type: none;
	font-size: 15px;
}
	
.overlay ul ul{
	margin-top: 20px;
}
	
	.overlay ul ul li {
		color:#f4f3f3;
		font-size: 12px;
	}

.overlay ul li {
	padding: 10px 0px;
	color:white;
	font-size: 15px;
}
	
.logo img {
    max-width: 80%!important;
    position: relative;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)!important;
	width: 300px;
	left: 50%;
}

	#util .mobilevents {
		    margin: 0;
			border-top: 10px solid #f4f3f3;
			padding-left: 15px;
			padding-right: 15px;
			margin-left: -15px;
	}
	
	footer {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.welcome {
	margin:60px 0 0;
	display: flex;
	margin-left: 0px;
	margin-right: 0px;
}
	

}

@media (max-width:420px) {
	#subscribe button {
		font-size:10px;
		padding-left: 15px;
	}
	#subscribe svg {
		display:none;
	}
}

@media (max-width:767px) {
	#setas2 .prev .svg, #setas2 .next .svg {
		width: 25px;
		height: 80px;
	}

	#setas2.setas .next {
		right: 5px;	
	}
	#setas2.setas .prev {
		left: 5px;	
	}

	.logos .container {
	padding: 0 40px;
	position: relative;
	}
}

.events {
	flex: 1;
}

.logos {
	margin: 15px;
}

.upcomingevents {
	padding-left: 25px;
	padding-right:25px;
	height: auto;
	display: inline-block;
	width: 100%;
}

#util .events .col-md-7 h3 {
		font-size: 15px;
		color:#a83134;
		text-align: center;
	}

@media (max-width:992px) {
	.upcomingevents {
		padding-left:0px;
		padding-right: 0px;
		width: 100%;

	}

	#util .events .col-md-7 h3 {
		font-size: 15px;
		color:#a83134;
		text-align: center;
	}
	
	

	.events .descricao, .news .descricao {
		font-size: 18px;
	}

	.upcomingevents.nopad {
		padding-bottom: 0!important;	
	}

	.col-xs-12.nopad {
		padding-bottom: 0!important;	
	}

	#subscribe p {
		font-size: 17px;
	}
}

.menu {
	position: absolute; 	
	display: inline-block; 
	color: white; 
	height: 50px; 
	right: 50px; 
	top:13px;
	font-size: 13px;
}

.slick-track {
	margin: 0 auto;
}

#slider3 .logo-sem-link {
	cursor: default;
}

.sitemap.mapmob {
padding-bottom: 115px;
padding-left: 15px;
padding-right: 15px;
}

@media (max-width:992px) {
.welcome.sitemap {
	text-align: left;
	width: 100%;
}
}

/*BANNERS MOBILE*/

#banner1.banner1 {
	margin-top: 138px;
	height: 360px;
}

@media (max-width:992px) {
	#banner1.banner1, #banner.banner2 {
		margin-top: 50px;
		height: auto;
	}	
}

#banner1.imagemlateral {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 360px;
}

#header3 .row.inlineblock{
 display: inline-block;
}

/*Fim Banners Mobile*/

.padbaixo115px {
	padding-bottom:115px;
}

@media (max-width:992px) {
#header3 .container > .row > div:last-of-type {
    width: 100%;
    padding: 0;
}
	
	.paddingtop0 {
		padding-top: 0!important;
	}

	.padbaixo115px {
		padding-bottom: 50px!important;
			
	}
	
	.left {
		text-align: left!important;
	}
	
	.row.welcome .padtop60 {
		padding-top: 40px;
	}	
	}
	
	.padtop60 {
		padding-top:60px;
	}

	.padtop60.nopad{
		padding-top:0px;
	}
	
	div > .other {
		margin-bottom: 20px;
	}
	
	.buttons1 div {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.portfile {
    margin-top: 30px;
}
	.padbaixomobmd4 {
		margin-bottom: 50px;
	}
	
	.programa li {
		font-size: 13px!important;
	}
	
	.template.red.margin15px {
		margin-left: 15px;
		margin-right: 15px;
	}
	

#slider-exemplo .row, .template.template_green .row.pad15px, .template.red .row.pad15px{
	padding-left:15px;
	padding-right: 15px;
}

#slider-exemplo {
	margin-bottom:20px;
}

.container-850px .col-md-12.pad15px {
	padding-left: 15px;
	padding-right: 15px;
}

.article p.title {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 2px;
	color:black;
}

.article p.descricao {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;

}

.article a.readmore:hover, .listagem_events a.readmore:hover,  .descritivo a.readmore:hover{
	color:white;
}

.listagem_events a.readmore {
	    margin-top: 15px!important;

}


	.article a.readmore.invert, .listagem_events a.readmore.invert{
		color:white;
		background-color: #a83134;
	}



.article a.readmore.invert:hover, .listagem_events a.readmore.invert:hover{
		color:#a83134;
		background-color: white;
	}

.publications {
	padding-left:45px;
}

@media (max-width:992px) {
	.publications {
		padding-left:15px;
	}
}

#header3 > .container > .row.artigo {
	padding-bottom: 30px;
	padding-top: 40px;
}



.template.red .pad2{
	padding-bottom: 50px;
}

.slider5 {
height: 540px;
margin: 0;
padding: 0;
position: relative;
margin-top: 45px;	
margin-bottom: 35px;
}

.battle-flex {
margin-top: 60px;
margin-bottom: 110px;
display: flex;
}

@media (max-width:992px) {
.slider5 {
	height: auto;}

#slidelines .descricaobanner {
font-size: 15px;
}

#slidelines .setas {
	bottom: 40px;
}

#slider2.slider4 {
	background-color: white;
}

.template .row .face {
	margin:0 auto;
}

.portfile h3 {
	text-align:center;
}

#slider2 .titulobanner {
	font-size: 14px;
}

#slider2 .descricaobanner {
	font-size: 12px;
}

#banner .setas.setas2 {
	padding: 0 15px;
	position: absolute;
	top: 25px;
	width: 100%;
	z-index: 4;
}

#slider2.mobile-slider-color-white{
	background-color: white;

}
#slider2 .titulobanner.mobile, #slider2 .descricaobanner.mobile{
		color: #1e624d;

}

	#slider2.white {
		background-color: white;	
	}	

.row.mapapequeno {
    margin-top: 0px;
    margin-bottom: 30px;
	display: inline-block;
}

.row.mapapequeno .col-md-5 { 
	width: 100%;
	max-width: 100%;
}
	
 .setas.setas2.mobile .svg .st0 {
	stroke:#1e624d;
	fill:none;
	clip-path: none;
}

.padneg {
	margin-top: 10px;
}

.battle-flex {
margin-top: 60px;
margin-bottom: 50px!important;
display: block!important;
}

.links-battles {
position: relative;
bottom: -30px;
text-align: left;

}

.links-battles a {
color: #ff5420;
font-size: 16px;
margin-left: 15px;
line-height: 24px;
text-indent: 0em;
display: inline-block;
max-width: 80%;
margin-left: 45px;
margin-bottom: 10px;


}
	
.links-battles.specifics {
	position: relative;
	max-width: 100%;
}
	
.row .col-md-7.programa {
    padding-left: 15px;
}
	
.links-battles {
    margin-left: 0px;
}

#banner .padlat0, #header3 .padlat0, #itin .padlat0, .row.welcome.padlat0{
	padding-left: 0;
	padding-right: 0;
}

.setas .prev .svg, .setas .next .svg{
	width: 15px;
}

#header3 .padright0 {
	padding-right: 0px!important;
}


	
.lateral .zona_calendario {
	background-color: #f4f3f3;
	padding: 5px 30px 50px;
	margin-top: 40px;
	
}

.filtro form .col-md-7, .filtro form .col-md-3, .filtro form .col-md-2 {
	margin-bottom: 20px; }

.res-pesquisa .resultado {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 30px;
}

.listagem_events > div img {
	width: 70px;
	padding-right: 0px!important;
	height: 35px;
}

.listagem_events > div .descricao h2 {
	color: #1f1f1f;
	font-size: 20px!important;
}

.row.res-pesquisa {
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 8px;
	padding-right: 8px;
}

.listagem_items img {
	margin: 0 auto;
}

#header3 .row.filtro {
	padding-bottom: 0px;
	margin: 0 -10px;
	margin-top: 40px;
	margin-bottom: 25px;
}

#header3 .menufixo .row {
	padding: 30px 15px;
}

#header3.header_fixed {
		top: 50px;
}


@media (max-width: 992px){
.res-pesquisa .resultado {
    padding-left: 8px;
    padding-right: 8px;
}
	
}
	


/*Formatar Mobile Timeline*/
@media (max-width: 992px){
	
#timeline .events-desc h2 {
	font-size: 16px;
	line-height: 20px;
}

#timeline .events-desc p {
	font-size: 14px;
	line-height: 20px;
}	
	
#timeline .VivaTimeline dl dd .events .events-body .events-desc {
	padding: 0 0px;
}

	#timeline .VivaTimeline dl:first-of-type {
		left:-20px;
	}
	
#timeline .VivaTimeline dl dd .time {
    top: -20px;
    font-size: 26px;
}
	
#timeline .VivaTimeline dl dd .time {
    top: -20px;
    font-size: 26px;
}
	
#timeline .VivaTimeline dl dd.pos-right .time {
    margin-left: 0px!important;
}
	
#timeline .VivaTimeline dl dd.pos-left .events {
    left: 25px!important;
	margin-right: 15px;
}
	
#timeline .VivaTimeline dl dd.pos-right .events {
	margin-right: -10px;
}
	
	#timeline .VivaTimeline dl dd.pos-left .events:before {
	border-color: transparent white transparent transparent;
}
	
	.VivaTimeline .col-md-12 {
		padding:0px;
	}
	
	#header3 h1.titulorelacoes {
		font-size: 20px;
	}

}

@media (min-width:767px) and (max-width:992px){ 
#timeline .VivaTimeline dl dd.pos-right .time {
    margin-left: -100px!important;
}
}
@media (max-width:1200px) {
	#header2 ul li a {
	font-size: 13px;}	
}
	
/*PAGINAÇÃO MOBILE*/
@media (max-width:992px) {
.pag-arrow {
    display: inline-block;
    padding: 0 5px;
}
.pagination .number-pag {
    font-size: 21px;
    color: #aba8a8;
    padding: 0 5px;
    font-weight: 500;
}	
}
	
	.bottom-select select{
        width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    border: solid 2px #a83134;
    display: inline-block;
    padding: 15px 60px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 400;
    border-radius: 0;
    padding-left: 25px;
    border-radius: 85px;
    margin-top: 10px;
	}
	
	.bottom-select .custom-selectbox {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 10px;
    /* right: 0; */
    left: 50%;
    transform: translateX(-50%);
}
	
	.bottom-select .custom-selectbox::after {
    content: url(../images/setaselect.png);
    position: absolute;
    height: 12px;
    width: 6px;
    right: 50px;
    top: 13px;
    bottom: 0;
    margin: auto;
}
	
@media (max-width:992px) {
	#header3 .h1-mobile {
		font-size: 26px;    
	}
	
	.template.red h2 {
			margin-top: 0!important;
		}
	#header3 > .container > .row {
    				padding-top: 30px;
					padding-bottom: 30px;
				}
}
	
@media (max-width:992px) {
form.formulario span.required {
margin-top: -25px!important;
}
}

.template.red > .container > .row > .col-md-12 > h2 {
margin-top: 0!important;
}

.altslider {
height: 660px; margin: 0;padding: 0;position: relative;margin-top: 30px;
}

@media (max-width:992px) {

#slider-exemplo .setas {
	top: -60px; /*Para slider dos Gardens ficar bem*/
}

	.altslider {
height: auto; margin: 0;padding: 0;position: relative;margin-top: 30px;
}
}
	
.portfile {
-moz-transition:all ease-in-out .2s;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;
}


.news .novo {
width: 80%;
display: inline-block;
}

.news .novo2 {
width: 18%;
display: inline-block;
}

.news .novo2 img{
width:60px;
position: absolute;
top: -20px;
}

