@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot') format('embedded-opentype'),
         url('../fonts/GothamBook.woff2') format('woff2'),
         url('../fonts/GothamBook.woff') format('woff'),
         url('../fonts/GothamBook.ttf') format('truetype'),
         url('../fonts/GothamBook.svg#GothamBook') format('svg');
}
@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/GothamLight.eot');
    src: url('../fonts/GothamLight.eot') format('embedded-opentype'),
         url('../fonts/GothamLight.woff2') format('woff2'),
         url('../fonts/GothamLight.woff') format('woff'),
         url('../fonts/GothamLight.ttf') format('truetype'),
         url('../fonts/GothamLight.svg#GothamLight') format('svg');
}
* {
    margin: 0;
    padding: 0;
}
body {
}
a, img, .navigation a {
    transition: all .2s ease-out;
    color: inherit;
    text-decoration: none;
}
img {max-width: 100%;}

/* Preloader */
.preloader {
	background: #eee;
	position: fixed !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 99999999;
}
.preloader .preloader-content {
	width: 180px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.preloader .preloader-content .preloader-label {
	position: relative;
	z-index: 0;
	width: 180px;
	height: 100px;
	overflow: hidden;
}
.preloader .preloader-amt {
	display: none;
}
.preloader .preloader-anim {
	width: 20px;
	height: 20px;
	border-top: 3px solid teal;
	border-left: 3px solid teal;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-radius: 50%;
	margin: 10px auto;
	-webkit-animation: spin 0.5s linear;
	animation: spin 0.5s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.preloader .preloader-bar {
	width: 176px;
	height: 3px;
	background: red;
	border: 1px solid red;
	margin: 4px auto 0 auto;
	position: relattive;
	z-index: 99;
}
.preloader .preloader-bar .preloader-bar_inner {
	width: 0%;
	height: 100%;
	background: black;
	-webkit-transition: width 0.3s ease;
	transition: width 0.3s ease;
}
.loader {
	height: 4px;
	width: 180px;
	position: relative;
	overflow: hidden;
	background-color: #eee;
	margin: 10px 0 0 0;
}
.loader:before{
	display: block;
	position: absolute;
	content: "";
	left: -200px;
	width: 200px;
	height: 4px;
	background-color: #000;
	animation: loading 2s linear infinite;
}

@keyframes loading {
	from {left: -200px; width: 30%;}
	50% {width: 30%;}
	70% {width: 70%;}
	80% { left: 50%;}
	95% {left: 120%;}
	to {left: 100%;}
}

/* Navigation */
.navigation a {
	width: 30px;
	height: 70px;
	top: 5%;
	display: block;
	position: absolute;
	z-index: 10;
	background: #333;
}


@media screen and (max-width: 768px){
	.navigation a {
	    top: 90%;
	    height: 50px;
	    background: none !important;
	    z-index: 8 !important;
	}
	.navigation i {
	    width: 14px !important;
    	margin-top: -41px !important;
    	left: 8px !important;
	}
	.texto-diagonal-home {
	    background: rgba(255, 255, 255, 0.41) !important;
	}

	.conteudo {
    	position: relative;
	    /* top: 50%; */
	    /* left: 50%; */
	    /* transform: translate(-50%,-50%); */
	    /* -webkit-transform: translate(-50%,-50%); */
	    /* -moz-transform: translate(-50%,-50%); */
	    /* width: 95%; */
	    /*top: 15% !important;*/
	    overflow-y: auto !important;
    	max-height: 70vh !important;
	}

	.wrap-logo.d-none {
	    display: block !important;
	    margin: 0 0 0 0 !important;
	    padding: 0 0 0 !important;
	    height: 85px !important;
	}
	.logo-branco {
	    margin: 18px 4vw !important;
    	max-width: 38vw !important;
	}

	

}


.navigation i {
	display: block;
	width: 20px;
	height: 82px;
	text-indent: -9999px;
	position: absolute;
	left: 5px;
	z-index: 99;
	top: 50%;
	margin-top: -41px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 1;
}
.prev {left: 0;}
.prev i {background-image: url('../images/prev.png');}
.next {right: 0;}
.next i {background-image: url('../images/next.png');}
#page-1 .prev, #page-1 .next, #page-9 .next {-webkit-animation: scaleme 0.25s forwards;}
@-webkit-keyframes scaleme {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(0);
		opacity: 0;
		display:none;
	}
}    

/* Sections */
section {
	background: no-repeat center;
	background-size: cover;
}
section .container-fluid,
section .row {
	height: 100%;
	display: block;
}
section .container {height: 100%;}
.logo-branco {
	display: block;
	margin: 30px auto;
	max-width: 60%;
}
.wrap-conteudo {
	height: 100%;
	display: inline-block;
}
.conteudo {
	background: rgba(255, 255, 255, 0.9);
	padding: 40px 30px;
}

.conteudo h2 {
    font-family: 'GothamBook';
    font-size: 1em;
    text-transform: uppercase;
    color: #2e2e2e;
}
.conteudo p,
.conteudo li {
    font-family: 'GothamLight';
    font-size: .75em;
    margin: 0 0 10px 0;
    color: #232323;
}
.conteudo *:last-child {margin-bottom: 0;}
.conteudo li {
	list-style-position: inside;
	margin: 0;
}

/* Home Extra Small */
.home {background-image: url('../images/bg-1-home.jpg');}
.diagonal-home {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.texto-diagonal-home {
    display: table-cell;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.81);
    padding: 0 20px;
}
.calltoaction {
	font-family: 'GothamLight';
	font-size: 1.125em;
	margin: 45px 0 0 0;
}
.calltoaction span {
    background: #323232;
    color: #FFF;
    line-height: 46px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 11px 0 17px;
}
.calltoaction a:after {
    content: '.';
    background: url('../images/bg-calltoaction.png') no-repeat;
    width: 25px;
    height: 46px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -1px;
}

/* Linha do Tempo Extra Small */
.linha-tempo {
	background: #333;
}
.item-linha {
	transform: translate3d(0, 0, 0);
	position: relative;
	width: 100%;
	height: 20%;
	color: #fff;
	overflow: hidden;
	transition: height 0.5s ease;
	cursor: pointer;
}
.item-linha .bg-item-linha {
	transform: translate3d(0, 0, 0);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: filter 0.5s ease;
}
.item-linha:hover .bg-item-linha {filter: grayscale(0);}
.item-linha.linha1 .bg-item-linha {
	background-image: url('../images/bg-2-linha1.jpg');
	background-position: center 60%;
}
.item-linha.linha2 .bg-item-linha {
	background-image: url('../images/bg-2-linha2.jpg');
	background-position: center 45%;
}
.item-linha.linha3 .bg-item-linha {
	background-image: url('../images/bg-2-linha3.jpg');
	background-position: center 70%;
}
.item-linha.linha4 .bg-item-linha {
	background-image: url('../images/bg-2-linha4.jpg');
	background-position: center 50%;
}
.item-linha.linha5 .bg-item-linha {
	background-image: url('../images/bg-2-linha5.jpg');
	background-position: center 55%;
}
.item-linha .risco-linha {
    position: absolute;
    z-index: 10;
    width: 2px;
    height: 100%;
    left: 10%;
    background: rgba(251, 251, 251, .82);
}
.item-linha .circulo-linha {
	position: absolute;
	z-index: 11;
	width: 32px;
	height: 32px;
	left: 10%;
	top: 50%;
	margin-top: -16px;
	margin-left: -16px;
	background: #FFF;
	border: 4px solid #89b3c3;
	border-radius: 100%;
	transition: all 0.75s ease;
}
.item-linha:hover .circulo-linha {margin-top: -41px;}
.item-linha .conteudo-item-linha {
	transition: all 0.75s ease;
	transform: translate3d(0, 0, 0) translateY(0);
	position: absolute;
	z-index: 1;
	text-align: left;
	font-family: 'GothamBook';
	text-transform: uppercase;
	left: 20%;
	top: 50%;
	margin-top: -33px;
}
.item-linha:hover .conteudo-item-linha {transform: translateY(-25px);}
.item-linha .conteudo-item-linha h2,
.item-linha .conteudo-item-linha h3 {
	font-size: .85em;
	line-height: 1.4em;
}
.item-linha .conteudo-item-linha h3 {
	margin-top: 10px;
	margin-bottom: 0;
}
.item-linha:after {
	transform: translate3d(0, 0, 0);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.48);
	opacity: 1;
	transition: background 0.5s ease;
}
.item-linha:hover:after {background: rgba(0, 0, 0, 0.3);}
.nascer {background-image: url('../images/bg-3-nascer.jpg');}
.meio-ambiente {background-image: url('../images/bg-4-meio-ambiente.jpg');}
.evolucao {background-image: url('../images/bg-5-evolucao.jpg');}
.tecnologia {background-image: url('../images/bg-6-tecnologia.jpg');}
.futuro {background-image: url('../images/bg-7-futuro.jpg');}

/* Video */
.video {
	background: #000000;
	color: #FFF;
	text-align: center;
	padding:  0;
  overflow: hidden;
}
.wrap-video {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
.texto-wrap-video {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}



#bgvid, 
#bgvidb { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
 background: url('../videos/bg-videos.jpg') no-repeat;
  background-size: cover;
  transition: .5s all ease;
  -webkit-transition: .5s all ease;
  opacity: 1;
}
.stopfade { 
   opacity: 1;
}

.select-vid {
    position: absolute;
    z-index: 99999999;
    margin: 0 auto;
    text-align: center;
    width: auto;
    padding: 0 0 0 0 !important;
   	bottom: 20px;
   	right: 3px;
   	opacity: .5;
   	 transition: .5s all ease;
  -webkit-transition: .5s all ease;
}

.select-vid:hover{
   	opacity: 1;
   	 transition: .5s all ease;
  -webkit-transition: .5s all ease;
}
.select-vid button {
    padding: 5px ;
    position: relative;
    z-index: 99999999;
}

.select-vid button img {
    max-width: 200px;
    margin-bottom: 10px;
}

.hidden {display: none !important;}

button.play-video img,
button.play-videob img{max-width: 120px;}

button.play-video,
button.play-videob {
    display: block;
    padding: .4rem;
    border: none;
    margin: 1rem auto;
    font-size: 1.3rem;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s all;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: transparent !important;
}
 button.play-video:hover { 
}
button.play-video:focus {
    outline: 0;
    outline: 0px auto -webkit-focus-ring-color;
}


.carousel-item {
    height: 100vh;
}

.gallery,
.full-slider {
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.flickity-enabled {

  height: 100vh;
  opacity: 1;
}

.flickity-prev-next-button {
    display: none;
}

li.dot {
    background: red !important;
    height: 65px !important;
    width: 130px !important;
    border-radius: 0 !important;
}



.content-slider .contain {
  max-width: 100%;
  width: 100vw;
  height: 100vh;
  padding: 0;
}

.full-slider .gallery-cell {
  width: 100%;
  height: 100vh;
  margin-right: 0px;
  overflow: hidden;
}


/*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:10px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;filter:alpha(opacity=25);opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}


/* Contato */
.contato {background-image: url('../images/bg-9-contato.jpg');}
form {
    border-top: 4px solid #393939;
    text-align: left;
}
input,
textarea {
    display: block;
    width: 100%;
    border: 4px solid #393939;
    background: none;
    border-top-width: 0;
    border-bottom-width: 3px;
    resize: none;
    padding: 5px 0 5px 50px;
    text-transform: uppercase;
    font-family: 'GothamBook';
    font-size: .75em;
    outline: 0;
    background-position: 10px center;
    background-repeat: no-repeat;
}
#nome {background-image: url('../images/bg-nome.png');}
#email {background-image: url('../images/bg-email.png');}
#telefone {background-image: url('../images/bg-telefone.png');}
#empresa {background-image: url('../images/bg-empresa.png');}
#mensagem {background-image: url('../images/bg-mensagem.png');}
textarea {
    height: 130px;
    background-position: 10px 2px;
    background-repeat: no-repeat;
}
button {
    background: #2c2c2c;
    border: 0;
    text-transform: uppercase;
    color: #FFF;
    padding: 3px 30px;
    margin: 5px 0 0 0;
}
.success {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}
.error {
	padding: 1em;
	margin-bottom: 0.75rem;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid rgba(185, 74, 72, 0.3);
}

@media (min-width: 576px) {
	/* Navigation Small */
	.navigation a {
	    width: 30px;
	    height: 100%;
	    top: 0;
	    margin: 0;
	    background: none;
	}
	.navigation i {
	    width: 20px;
	    left: 5px;
	}
	#page-2 .prev,
	#page-2 .next {
		background: rgba(255, 255, 255, 0.1);
	}

	/* Geral Small */
	section .container-fluid,
	section .row {
		height: auto;
	}
	section .row {display: flex;}
	.wrap-logo,
	.wrap-conteudo {
		height: inherit;
		text-align: inherit;
	}
	.conteudo {
		overflow: hidden;
		padding: 40px 30px;
	}
	.conteudo h2 {margin: 0 0 25px 0;}

	/* Linha do Tempo Small */
	.item-linha .conteudo-item-linha {margin-top: -24px;}

	/* Contato Small */
	textarea {height: 90px;}
}

@media (min-width: 768px) {
	/* Navigation Medium */
	.navigation a {
	    width: 50px;
	    height: 100%;
	    margin: 0;
	}
	.navigation i {
	    width: 100%;
	    left: 0px;
	    right: 0;
	}

	/* Geral Medium */
	.conteudo p,
	.conteudo li {
	    font-size: 1em;
	}

	/* Home Medium */
	.diagonal-home {
	    background: rgba(255, 255, 255, 0.81);
	    text-align: right;
	    transform: skewX(-23.3deg);
	    width: 100%;
	    margin: 0 0 0 -40%;
	    padding: 0 5% 0 0;
	}
	.texto-diagonal-home {
	    transform: skewX(23.3deg);
	    background: none;
	    padding: 10% 20px 0 0;
	}
	.calltoaction {margin-right: 30px;}

	/* Sections Medium */
	.logo-branco {
		max-width: 100%;
		margin: 10% auto;
	}

	/* Linha do Tempo Medium */
	.item-linha .risco-linha,
	.item-linha .circulo-linha {
	    left: 14%;
	}
	.item-linha .conteudo-item-linha h2,
	.item-linha .conteudo-item-linha h3 {
	    font-size: 1.2em;
	    line-height: normal;
	}

	/* Contato */
	.contato .row {height: 100%;}
	.diagonal-contato {
	    display: table;
	    width: 100%;
	    height: 100%;
	    background: rgba(255, 255, 255, 0.81);
	    transform: skewX(-23.3deg);
	    width: 230%;
	    margin: 0 0 0 -20%;
	}
	.texto-diagonal-contato {
	    display: table-cell;
	    vertical-align: middle;
	    transform: skewX(23.3deg);
	    background: none;
	    padding: 0 45% 0 15%;
	}
	.contato .conteudo {
		background: none;
		padding: 40px 0;
	}
	.contato h2 {
		font-size: 3em;
		margin: 0 0 70px 0;
		text-align: center;
	}
	button {margin: 20px 0 0 0;}
}

@media (min-width: 992px) {
	/* Linha do Tempo Large */
	.linha-tempo {display: flex;}
	.linha-tempo:hover .item-linha {
		width: 23.3333%;
		height: 100vh;
	}
	.item-linha {
		width: 18%;
		height: 100vh;
		transition: width 0.5s ease;
	}
	div.item-linha:hover {
		width: 30% !important;
		height: 100% !important;
	}
	.item-linha.linha1,
	.item-linha.linha5 {
		width: 23%;
	}
	.item-linha.linha1 {padding: 0 0 0 5%;}
	.item-linha.linha5 {padding: 0 5% 0 0;}
	.item-linha .risco-linha {
	    width: 100%;
	    height: 2px;
	    left: 0;
		top: 60%;
	}
	.linha1 .risco-linha {
		width: 40%;
		right: 0;
		left: auto;
	}
	.linha5 .risco-linha {width: 40%;}
	.item-linha .circulo-linha,
	.item-linha:hover .circulo-linha {
		top: 60%;
		left: 50%;
		margin-left: -16px;
		margin-top: -16px;
	}
	.linha1 .circulo-linha, .linha1:hover .circulo-linha {left: 60%;}
	.linha5 .circulo-linha, .linha5:hover .circulo-linha {left: 40%;}
	.item-linha .conteudo-item-linha {
	    margin: 0 5%;
	    width: 70%;
	    top: auto;
	    bottom: 23%;
		width: 150px;
		left: 50%;
		margin-left: -75px;
		text-align: center;
	}
	.linha1 .conteudo-item-linha {left: 60%;}
	.linha5 .conteudo-item-linha {left: 40%;}
	.linha-par .conteudo-item-linha {bottom: 20%;}
	.linha-impar .conteudo-item-linha {bottom: 45%;}
	.item-linha:hover .conteudo-item-linha {transform: translateY(0);}
	.item-linha .conteudo-item-linha h2 {
		font-size: .85em;
		line-height: 1.4em;
	}
	.item-linha .conteudo-item-linha h3 {
	    font-size: .95em;
		line-height: 1.4em;
	}
	
	/* Contato Large */
	.diagonal-contato {
		width: 230%;
		margin-left: -10%;
	}
	.texto-diagonal-contato {padding: 0 55% 0 10%;}	
}

@media (min-width: 1200px) {
	/* Menu Extra Large */
	.drawer .drawer-hamburger {
		width: 2.5rem;
		right: 3em;
	}

	/* Geral Extra Large */
	body {font-size: 19px;}
	.conteudo {padding: 40px 30px;}
	.conteudo p, .conteudo li {font-size: .75em;}
}

@media (min-height: 768px) {
	/* Fix para o tablet na vertical */
	.conteudo {
		    /* min-height: 625px; */
		padding: 40px 30px;
	}
}

@media (max-width: 350px), (max-height: 320px) {
	/* Fix para telas muito pequenas */
	.conteudo {padding: 10px 20px;}
	.conteudo p,
	.conteudo li {
		margin: 0;
	}
}

@media (max-height: 320px) {
	/* Fix para telas muito pequenas */
	textarea {height: 90px;}
}