@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;900&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
*{
	padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body, html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #000;
}
header{
    width:100%;
	height: 100vh;
    margin: 0;
	position: relative;
}
header#pagina{height: auto;}
h1{font-size: 44px;}
h1 span{position: relative;}
h1 span::after{
    content: '';
    width: 80%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 10%;
}
h2{font-size: 28px;}
h2 span{position: relative;}
h2 span::after{
    content: '';
    width: 80%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 10%;
}
h3{font-size: 20px;}
p{
	line-height: 28px;
	font-size: 20px;
	font-weight: 300;
}
.orange{color: #f16522;}
.clear{clear: both;}
#top{
	width: 100%;
	height: 40px;
	position: fixed;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	background: #fff;
	z-index: 3;
}
#top .cont{
	max-width: 98%;
	margin: 0 auto;
	padding: 4px 0;
	line-height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-end
}
#top i{font-size: 1.1rem;}
#top nav span{
	display: inline;
	border-right: 1px solid #002a42;
	margin-right: 8px;
	padding-right: 8px;
}
#top nav span i{margin-right: 0.25rem;}
#top nav a{
	font-size: 0.9rem;
	color: #002a42;
	text-decoration: none;
	margin: 0 0.5rem;
	transition: all 0.25s ease-in-out;
}
#top nav a:hover{color: #f16522;}
#header{
	width: 100%;
	height: 96px;
	position: fixed;
	top: 40px;
	background: #fff;
	z-index: 3;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}
#header .cont{
	width: 98%;
	height: 96px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.logo {
	display: flex;
	align-items: center;
}
.logo img {
	width: 192px;
	display: block;
	margin: auto;
}
.bg_vid{
    position:fixed;
    z-index: -1;	
}
#bg_title{
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 60vh;
	padding-top: 138px;
	position: relative;
	z-index: 2;
}
#bg_title::after{
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #002a42;
	opacity: .75;
	z-index: 0;
}
#bg_title h1{
	width: 100%;
	color: #fff;
	font-size: 72px;
	text-align: center;
	position: relative;
	z-index: 1;
}
#bg_title h1 span{
	width: auto;
	position: relative;
}
#bg_title h1 span::before{
	content: '';
	width: 80%;
	height: 4px;
	position: absolute;
	left: 10%;
	bottom: -8px;
	background: #f16522;
}
#bg_title.sobre{
	background: url(../img/bg-quem-somos.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
#bg_title.tv-corporativa{
	background: url(../img/tv-corporativa.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
#bg_title.propaganda{
	background: url(../img/propaganda.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
#bg_title.tela-elevador{
	background: url(../img/tela-elevador.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
#bg_title.contato{
	background: url(../img/bg-contato.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
}
@media (min-aspect-ratio: 16/9) {
    .bg_vid {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    .bg_vid { 
        width:auto;
        height: 100%;
		position: relative;
    }
}
@media (max-width: 767px) {
    .bg_vid {
        width:100%;
        height: 100%;
    }
}
.bt_down{
	position: absolute;
    left: 50%;
    margin-bottom: 64px;
    margin-left: -32px;
    bottom: 0;
    width: 64px;
    height: 64px;
    line-height: 34px;
    background: transparent;
    display: block;
    z-index: 1;
    font-size: 34px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border: 4px solid #fff;
    border-radius: 50%;
    padding-top: 10px;
}
.bt_down_orange{
	position: absolute;
    left: 50%;
    margin-bottom: -64px;
    margin-left: -32px;
    bottom: 0;
    width: 64px;
    height: 64px;
    line-height: 34px;
    background: transparent;
    display: block;
    z-index: 1;
    font-size: 34px;
    text-align: center;
    color: #f16522;
    text-decoration: none;
    border: 4px solid #f16522;
    border-radius: 50%;
    padding-top: 10px;
}
.menu{
	display: flex;
	flex-direction: row;
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu li{position: relative;}
.menu li a{
	display: block;
	padding: 0 32px;
	height: 96px;
	line-height: 96px;
	font-size: 1.1rem;
	font-weight: 400;
	text-decoration: none;
	color: #002a42;
	transition: all 0.3s ease-in-out;
}
.menu li a i{
	margin-left: 0.5rem;
	font-weight: 900;}
.menu li a:hover{
	background: #002a42;
	color: #fff;
	}
.menu li.active > a{
	background: #002a42;
	color: #fff;
	}
.menu .submenu{
	list-style: none;
	display: block;
	position: absolute;
	top: 96px;
	background: #fff;
	min-width: 192px;
	z-index: 1;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}
.menu .submenu li{float: none;}
.menu .submenu li a{
	position: relative;
	display: block;
	height: 64px;
	padding: 0;
	padding-left: 24px;
	line-height: 64px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.menu .submenu li a:hover{color: #fff;}
.menu li:hover .submenu{top: 96px; opacity: 1; visibility: visible;}
.bt{
	width: fit-content;
	height: 48px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	padding: 12px 48px;
	text-decoration: none;
	transition: .3s;
	border-radius: 48px;
	text-align: center;
	box-shadow: 0 8px 8px rgba(0,0,0,0.5);
}
.bt.orange{
	background-color: #f16522;
	color: #fff;
	border: 2px solid #f16522;
}
#welcome{
	width: 100%;
	padding: 128px 0;
	background: #002a42;
}
#welcome .conteudo{
	display: flex;
	flex-direction: row;
	width: 70%;
	margin: 0 auto;
	color: #fff;
}
#welcome .conteudo div{width: 64%;}
#welcome .conteudo h1{margin-bottom: 32px;}
#welcome .conteudo p{width: 80%;}
#welcome .conteudo span{color: #f16522;}
#welcome .conteudo .logoWht{
	width: 40%;
	padding-right: 128px;
}
.bloco_bt{margin-top: 2rem;}
.bloco_bt .bt:hover{
	background: #f16522;
	border-color: #f16522;
}
#clientes .bloco_bt{
	width: 100%;
	display: block;
	margin-top: 6rem;
	text-align: center;
}
#clientes .bloco_bt .bt:hover{
	background: #002a42;
	border-color: #002a42;
}
#destaque .bloco_bt{
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 32px;
}
#destaque .bloco_bt .bt:hover{
	background: #fff;
	color: #002a42;
}
footer{
	position: relative;
	width: 100%;
	background: #f5f5f7;
}
footer .conteudo{
	width: 98%;
	margin: 0 auto;
	padding: 128px 0 32px 0;
	position: relative;
	z-index: 1;
	display: flex;
	color: #002a42;
}
.endereco{
	position: relative;
	width: 30%;
	padding: 0 3rem;
	color: #002a42;
}
.endereco h3{
	margin: 0;
	margin-bottom: 1rem;
}
ul.menu_end{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 2rem;
}
ul.menu_end li{
	position: relative;
	padding-left: 2rem;
	margin-bottom: 0.5rem;
}
ul.menu_end li a{
	line-height: 1.5rem;
	text-decoration: none;
	color: #002a42;
}
ul.menu_end li i{
	font-size: 1.25rem;
	position: absolute;
	left: 0;
	top: 0.3rem;
}
ul.menu_social{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
ul.menu_social li a{
	display: block;
	font-size: 16px;
	width: 40px;
	height: 40px;
	padding: 12px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin-right: .5rem;
	transition: all 0.3s ease-in-out;
	background: #002a42;
	border-radius: 48px;
}
ul.menu_social li a:hover{
	background: #f16522;
}
#sessao-1-col ul.menu_social{
	margin: 0 auto;
	width: 144px;
}
#sessao-1-col ul.menu_social li a{
	margin-right: 0.25rem;
	margin-left: 0.25rem;	
}
.mapa_site{
	position: relative;
	width: 70%;
	padding: 0 3rem;
	display: flex;
	flex-direction: column;
}
.mapa_site ul{
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 2rem;
	margin-top: -0.5rem;
}
.mapa_site ul li{width: 33.33%;}
.mapa_site ul li i, .mapa_site h3 i{margin-right: 0.75rem;}
.mapa_site ul li a, .mapa_site h3 a{
	display: inline-block;
	color: #002a42;
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}
.mapa_site ul li a::after, .mapa_site h3 a::after{
	content: '';
    transition: linear .2s;
    height: 1px;
    width: 0%;
	margin-left: 16px;
    background: #f16522;
    display: block;
}
.mapa_site ul li a:hover, .mapa_site h3 a:hover{
	color: #f16522;
}
.mapa_site ul li a:hover::after, .mapa_site h3 a:hover::after{width: calc(100% - 16px);}
.mapa_site h3{
	margin: 0;
	margin-bottom: 2rem;
}
.mapa_site .copyright{
	width: 100%;
	border-top: 1px solid rgba(0,42,66,0.2);
	line-height: 80px;
	height: 80px;
	color: #002a42;
}
#clientes{
	width: 100%;
	position: relative;
	background: #fff;
}
#clientes .conteudo{
	width: 96%;
	margin: 0 auto;
	padding: 128px 0;
}
#clientes h1{
	width: max-content;
	text-align: center;
	color: #002a42;
	margin: 0 auto;
	margin-bottom: 3rem;
	position: relative;
	z-index: 0;
}
#clientes h1::before{
	content: '';
	position: absolute;
	bottom: -32px;
	left: -64px;
	background: url(../img/bg-setas-title.png) no-repeat;
	background-size: cover;
	width: 128px;
	height: 128px;
	z-index: -1;
}
.slick-slide img{width: 100%;}
.slick-dots li button:before{
	font-size: 10px;
	opacity: 0.25;
}
.slick-dots li.slick-active button:before{opacity: 1;}

.bt_play{
	display: inline-block;
	width: 128px;
	height: 128px;
	border-radius: 128px;
	font-size: 128px;
	text-decoration: none;
	background: transparent;
}
.bounce {
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  20%, 53%, 80%, 0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  20%, 53%, 80%, 0%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}

#destaque{
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#destaque::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 0;
}
#destaque * .bt_play, #sessao-slider * .bt_play, #sessao-slider * h2{color: #f16522;}
#destaque.transformar{
	background: url(../img/bg-transformar.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
#destaque.visibilidade{
	background: url(../img/bg-destaque.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
#destaque.local{
	background: url(../img/bg-map.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}
#destaque.local::after{background: transparent;}
#destaque .conteudo{
	width: 40%;
	margin: 128px 0;
	padding: 64px;
	color: #fff;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
    justify-content: center;
	background: #002a42;
	z-index: 1;
}
#destaque .conteudo h1{
	margin: 0;
	width: 70%;
	text-align: center;
}
#destaque.local .conteudo h1{width: 100%;}
#destaque .conteudo span{color: #f16522;}
#destaque .conteudo::after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -64px;
	left: -16px;
	border-top: 64px solid transparent;
	border-bottom: 64px solid transparent;
	border-left: 64px solid #f16522;
}
#destaque.local .conteudo{
	background: #fff;
	color: #000;
}
#destaque.local .bt{
	margin: 0 auto;
	margin-top: 32px;
}
#info_bar{
	width: 100%;
	background: #fff;
	color: #002a42;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 128px 0;
}
#info_bar div{
	width: 25%;
	padding: 0 24px;
	text-align: center;
}
#info_bar img{
	width: 25%;
	margin-bottom: 16px;
}
#info_bar h1{
	margin: 0;
	font-size: 32px;
}
#info_bar h2{margin: 0;}
#info_bar h1 span{
	color: #f16522;
	font-size: 48px;
}

#menuToggle{
	display: none;
	position: relative;
	top: 36px;
	right: 32px;
	z-index: 1;  
}
#menuToggle a:hover{color: #000;}
#menuToggle input{
	display: block;
	position: absolute;
	cursor: pointer;
	margin: 0;
	width: 40px;
	height: 32px;
	top: -4px;
	right: -4px;
	opacity: 0;
	z-index: 2;
}
#menuToggle span{
	display: block;
	width: 32px;
	height: 4px;
	margin-bottom: 6px;
	background: #002a42;
	position: relative;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.3s ease-in-out, background 0.3s ease-in-out, opacity 0.33s ease;
}
#menuToggle span.blk{background: #000;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{
	opacity: 1;
	transform: rotate(45deg) translate(-2.5px, 1.5px);
	background: #fff;
}
#menuToggle input:checked ~ span:nth-last-child(3){
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2)
}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(.5px, -3px);}
#menu-mbl{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 80px 40px 40px;
	background: #002a42;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.3s ease-in-out;
	display: flex;
	flex-direction: column;
}
#menu-mbl a{
	line-height: 48px;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
#menuToggle input:checked ~ nav{transform: none;}
#sessao-1-col{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#sessao-1-col::before{
	content: '';
	position: absolute;
	width: 256px;
	height: 256px;
	background: url(../img/bg-setas-title.png) no-repeat;
	z-index: -1;
}
#sessao-1-col.bg-none::before{background: none;}
#sessao-1-col.left-bottom::before{
	left: 16px;
	bottom: 16px;
}
#sessao-1-col.right-bottom::before{
	right: 16px;
	bottom: 16px;
	transform: rotate(180deg);
}
#sessao-1-col.left-top::before{
	left: 16px;
	top: 16px;
}
#sessao-1-col.right-top::before{
	right: 16px;
	top: 16px;
	transform: rotate(180deg);
}
#sessao-1-col.blue{background: #002a42;}
#sessao-1-col div{
	width: 60%;
	margin: 96px 0;
	text-align: center;
}
#sessao-1-col video{
	width: auto;
	height: 70vh;
}
#sessao-1-col h1 span{color: #f16522;}
#sessao-1-col span::after{background: #f16522;}
#sessao-2-col{
	display: flex;
	justify-content: space-between;
}
#sessao-2-col.blue{
	background: #002a42;
	color: #fff;
}
#sessao-2-col .texto{
	width: 50%;
	padding-left: 128px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#sessao-2-col .texto-small{
	width: 33.33%;
	padding-left: 128px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#sessao-2-col.blue .texto{
	width: 50%;
	padding-left: 0;
	padding-right: 128px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#sessao-2-col.left .texto{
	width: 50%;
	padding-left: 0;
	padding-right: 128px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#sessao-2-col h1, #destaque.local h1, #third_section h1{margin-bottom: 48px;}
#sessao-2-col h1 span, #destaque.local h1 span, #third_section h1 span, #end_section h1 span{
	color: #f16522;
	position: relative;
}
#sessao-2-col h1 span::after, #destaque.local h1 span::after, #end_section h1 span::after{
	content: '';
	width: 80%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 10%;
	background: #f16522;
}
#sessao-2-col .imagem{
	width: 40%;
	position: relative;
}
#sessao-2-col .video{
	width: 56.66%;
	position: relative;
}
#sessao-2-col .imagem::after, #sessao-2-col .video::after{
	content: '';
    position: absolute;
    top: 50%;
    margin-top: -64px;
    left: -32px;
    border-top: 64px solid transparent;
    border-bottom: 64px solid transparent;
    border-right: 64px solid #f16522;
}
#sessao-2-col.blue .imagem::after, #sessao-2-col.left .imagem::after{display: none;}
#sessao-2-col.blue .imagem::before, #sessao-2-col.left .imagem::before{
	content: '';
    position: absolute;
    top: 50%;
    margin-top: -64px;
    right: -32px;
    border-top: 64px solid transparent;
    border-bottom: 64px solid transparent;
    border-left: 64px solid #f16522;
}
#sessao-2-col .imagem img{width: 100%;}
#sessao-2-col.marg-btm{margin-bottom: 64px;}
#sessao-4-col{
	display: flex;
	flex-direction: row;
}
#sessao-4-col div{
	width: 25%;
	display: flex;
	flex-direction: column;
	position: relative;
}
#sessao-4-col div div{
	display: flex;
	flex-direction: column;
	width: calc(100% - 128px);
	position: absolute;
	top: 80px;
	left: 64px;
	color: #fff;
	z-index: 2;
}
#sessao-4-col figure{
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}
#sessao-4-col figure img{width: 100%;}
#sessao-4-col figure::after{
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #002a42;
	opacity: .9;
	z-index: 1;
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#sessao-4-col figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#sessao-4-col figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#sessao-4-col figure:hover::after{opacity: 1;}
#sessao-4-col h2{margin-bottom: 32px;}
#sessao-4-col span{color: #f16522;}
#sessao-4-col span::after{background: #f16522;}
#end_section{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 128px 0;
	background: url(../img/bg-quem-somos.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	text-align: center;
}
#end_section::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #002a42;
	opacity: 0.75;
	z-index: 1;
}
#end_section h1, #end_section a, #end_section p{z-index: 2;}
#end_section nav{
	display: flex;
	flex-direction: row;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
}
#end_section .bt{
	margin: 0 auto;
	margin-top: 32px;
}
#sessao-2-col ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sessao-2-col ul li{line-height: 32px;}
#sessao-2-col ul li i{
	margin-right: 8px;
	color: #f16522;
}
#sessao-2-col ul.ul-2-col{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

#sessao-slider{
	background: #002a42;
	color: #fff;
}
#sessao-slider .owl-carousel{
	width: 50%;
	margin: 0 auto;
}
.slider-1 .owl-item{padding: 128px 0;}
.slider-1 .owl-item h1 span{color: #f16522;}
.slider-1 .owl-item h1 span::after{background: #f16522;}

#sessao-1-col #fluxograma{
	margin: 0;
	margin-top: 64px;
	width: 100%;
	display: flex;
	flex-direction: column;
}
#sessao-1-col #fluxograma div{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	margin: 0;
	margin-bottom: 64px;
	padding: 32px;
	width: auto;
}
#sessao-1-col #fluxograma div::before{
	content: '';
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: -64px;
	left: 50%;
	margin-left: -24px;
	background: url(../img/arrow-down-orange.png) no-repeat;
}
#sessao-1-col #fluxograma div.col-2{padding: 0;}
#sessao-1-col #fluxograma div div{
	display: flex;
	margin: 0 32px;
	padding: 32px;
	width: auto;
}
#sessao-1-col #fluxograma div.linha{
	flex-direction: column;
	align-items: center;
}
#sessao-1-col #fluxograma div.orange{
	border: 4px solid #f16522;
	border-radius: 8px;
}
#sessao-1-col #fluxograma div.blue{
	border: 4px solid #002a42;
	border-radius: 8px;
}
#sessao-1-col #fluxograma div.orange-o{
	border: 4px solid #f16522;
	background: #f16522;
	border-radius: 8px;
	color: #fff;
}
#sessao-1-col #fluxograma div.blue-b{
	border: 4px solid #002a42;
	background: #002a42;
	border-radius: 8px;
	color: #fff;
}
#sessao-1-col #fluxograma div.blue-b::before, #sessao-1-col #fluxograma div.blue::before{background: url(../img/arrow-down-blue.png) no-repeat;}
#sessao-1-col #fluxograma div.no-arrow::before{background: none;}
.col-in-2{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.col-in-3{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.col-in-3 div{
	width: 30%;
	margin-bottom: 32px;
}
.col-in-3 div img{
	display: block;
	width: 25%;
	margin: 0 auto;
	margin-bottom: 16px;
}
.col-in-3 div span{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
}
.owl-carousel .owl-item img.anime{
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}
.owl-carousel .owl-item img.anime-mbl{
	width: 100%;
	display: none;
}
.owl-carousel .owl-item div{text-align: center;}
.col-in-2 h3.larg-40{width: 40%}
.bt-whatsapp{
	cursor: pointer;
	display: inline-block;
	width: auto;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
	border-radius: 15px;
	color: #fff;
	background: #002a42;
	text-decoration: none;
	margin: 30px 0;
	transition: ease .3s;
	font-size: 24px;
}
.bt-whatsapp:hover{
	transform: scale(1.1);
	background: #f16522;
}
.bt-whatsapp i{margin-right: 5px;}
form{
	width: 80%;
	display: block;
	margin: 60px auto;
}
label{
	width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 5px;
	line-height: 32px;
    text-transform: uppercase;
	color: #002a42;
}
input, textarea{
	display: block;
    width: 100%;
    padding: 12px;
    border: none;
    outline: 1px solid #002a42;
    outline-offset: -1px;
    margin-bottom: 15px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    background: none;
    color: #002a42;
	border-radius: 8px;
}
input[type="submit"], input[type="button"]{
	width: auto;
    padding: 15px 60px;
    text-align: center;
    outline: none;
    background: #002a42;
    margin: 30px auto;
    color: #FFF;
    cursor: pointer;
    -webkit-appearance: none;
}
::placeholder {color: #002a42; opacity: .75;}
@media screen and (max-width: 1089px){
	h1{font-size: 2rem;}
	h2{font-size: 20px;}
	header{height: auto; padding-top: 96px;}
	#top,.menu{display: none;}
	#header{top: 0;}
	#header .cont{flex-direction: row-reverse;}
	.logo{margin-left: 0; margin-right: 32px;}
	#menuToggle{
		display: block;
		right: 0;
		left: 32px;
	}
	#welcome{padding: 64px 0;}
	#welcome .conteudo{
		flex-direction: column;
		width: 80%;
	}
	#welcome .conteudo div, #welcome .conteudo div.logoWht{width: 100%;}
	#welcome .conteudo div.logoWht{ display: none;}
	#welcome .conteudo p{width: 100%;}
	#destaque .conteudo{
		width: 80%;
		margin: 60px 0;
		padding: 32px;
	}
	.bt_play{
		width: 96px;
		height: 96px;
		font-size: 96px;
	}
	#info_bar{
		flex-direction: column;
		padding: 60px 0;
	}
	#info_bar div{
		text-align: center;
		width: 100%;
		margin-bottom: 32px;
	}
	#clientes .conteudo{
		width: 80%;
		padding: 64px 0;
	}
	footer .conteudo{
		flex-direction: column;
		padding: 64px 0 16px 0;
	}
	.endereco{
		width: 90%;
		padding: 0;
		margin: 0 auto;
	}
	.mapa_site{
		width: 90%;
		padding: 0;
		margin: 0 auto;
		margin-top: 32px;
		font-size: 12px;
	}
	.mapa_site div:first-child{display: none;}
	.slick-next, .slick-arrow{display: none;}
	header#pagina, .bg_pag{}
	.bg_title h1{
		font-size: 40px;
	}
	.bg_title h1 span::before{
		width: 64px;
		height: 2px;
		margin-left: -32px;
	}
	#sessao-2-col{flex-direction: column;}
	#sessao-2-col.blue .imagem{display: none;}
	#sessao-2-col .imagem{width: 100%;}
	#sessao-2-col .texto, #sessao-2-col.blue .texto, #sessao-2-col.left .texto{
		width: 80%;
		padding: 0;
		margin: 64px auto;
	}
	#destaque.local .bt{padding: 12px 24px;}
	#end_section{padding: 64px 0;}
	#end_section a, #end_section h1{width: 80%; margin: 0 auto;}
	#end_section .bt{display: inline-table;}
	#sessao-2-col .imagem::after{
		top: 0;
		margin-top: -96px;
		left: 50%;
		margin-left: -64px;
		border-top: 64px solid transparent;
		border-bottom: 64px solid #f16522;
		border-right: 64px solid transparent;
		border-left: 64px solid transparent;
	}
	.mbl-no{display: none;}
	.col-in-2 h3.larg-40{width: 100%}
	#sessao-1-col.left-bottom::before, #sessao-1-col::before, #clientes h1::before{display: none;}
	#sessao-1-col div{width: 80%;}
	#sessao-4-col{flex-direction: column;}
	#sessao-4-col div{width: 100%;}
	#end_section nav{flex-direction: column; width: 80%;}
	.col-in-3 div{width: 50%;}
	#sessao-1-col video, #sessao-2-col .texto-small, #sessao-2-col .video{width: 100%;}
	#sessao-2-col .video::after{
		top: 0;
		margin-top: -32px;
		margin-left: 50%;
		left: -64px;
		border-left: 64px solid transparent;
		border-right: 64px solid transparent;
		border-top: 64px solid #f16522;
	}
	#sessao-2-col.blue .imagem::before, #sessao-2-col.left .imagem::before{
		top: 100%;
		margin-top: -32px;
		right: -64px;
		margin-right: 50%;
		border-left: 64px solid transparent;
		border-right: 64px solid transparent;
		border-top: 64px solid #f16522;
	}
	#sessao-2-col .texto-small{padding: 0 10%; padding-bottom: 64px;}
	#bg_title h1{font-size: 48px;}
	#bg_title{padding: 0; height: 30vh;}
	#sessao-1-col #fluxograma div{ width: 100%;}
	#sessao-1-col #fluxograma div, #sessao-1-col #fluxograma div div{padding: 16px;}
	.bt_down{display: none;}
	#bg_title.sobre, #bg_title.tv-corporativa, #bg_title.propaganda, #bg_title.tela-elevador{background: #002a42;}
	#sessao-slider .owl-carousel{width: 80%;}
	.owl-carousel .owl-item img.anime{display: none;}
	.owl-carousel .owl-item img.anime-mbl{display: block;}
}