/* BOOTSTRAP CAROUSEL TIMELINE*/


.page-carrossel-timeline h2.page-header {
    border: none;
    margin: 0 0 0 -3000px;
}

div.view-carousel-timeline .views-field.views-field-title {
    z-index: 130;
    position: relative;
    margin-top: -470px;
    height: 600px;
}

div.view-carousel-timeline .views-field.views-field-body {
	z-index: 120;
    position: relative;
    height: 411px;
    margin-top: -540px;
}

div.view-carousel-timeline  .views-field.views-field-field-imagem-carousel {
    z-index: 100;
    position: relative;
}

div.view-carousel-timeline .views-field.views-field-title a,
div.view-carousel-timeline .views-field.views-field-body a,
div.view-carousel-timeline .views-field.views-field-title,
div.view-carousel-timeline .views-field.views-field-body
 {
	color: #fff;
}


div.view-carousel-timeline h2.dtp-carousel-title-timeline  {
    margin-top: 0;
}

div.view-carousel-timeline .dtp-carousel-title-timeline {
    font-size: 2.9em;
    font-weight: lighter;
	margin-left: 58%;

}

div.view-carousel-timeline .dtp-carousel-body-timeline {
    font-size: 1em;
    font-weight: lighter;
    margin-left: 58%;
    margin-right: 50px;
}


@media screen and (max-width: 768px) {
	
	div.view-carousel-timeline .dtp-carousel-title-timeline {
		font-size: 2em;
		font-weight: lighter;
	}

	div.view-carousel-timeline .dtp-carousel-body-timeline {
		font-size: 1em;
		font-weight: lighter;
	}
		
	div.view-carousel-timeline .views-field.views-field-title {
		margin-top: -50%;
	}

	div.view-carousel-timeline .views-field.views-field-body {
		margin-top: -562px;
	}
	
}

@media screen and (max-width: 480px) {
	
	div.view-carousel-timeline .dtp-carousel-title-timeline {
		font-size: 0.8em;
		font-weight: lighter;
	}

	div.view-carousel-timeline .dtp-carousel-body-timeline {
		font-size: 0.6em;
		font-weight: lighter;
	}
	
	div.view-carousel-timeline .views-field.views-field-title {
		margin-top: -50%;
	}

	div.view-carousel-timeline .views-field.views-field-body {
		height: 180px;
		margin-top: -578px;
	}
	
	div.view-carousel-timeline .dtp-carousel-body-timeline {
		margin-left: 58%;
		margin-right: 9px;
	}
	.flexslider:hover .flex-direction-nav .flex-next, 
	.flexslider:hover .flex-direction-nav .flex-prev {
		top: 25px;
	}
	
}