﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:none;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration:none;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0}
blockquote:before,blockquote:after,q:before,q:after{content:""}
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }								  
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
:focus { outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
a{text-decoration:none; position:relative; color:#000;}
audio,video,canvas {max-width: 100%;}

* {
  line-height: 1;
  font-family: Montserrat, sans-serif ;
}
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
}
#wrapper{
	position: absolute; 
	z-index:1;
	width:100%;
} 
/*------ Header  ------------------------------------------------*/
.container{
	max-width: 1924px;
	width:100%;
	margin:0 auto;
	position: relative; 
	z-index:2;
}
header{
	position:relative;
	top:0;
	left:0;
	z-index:20;
	width:100%;
	-webkit-transform: translate3d(0,0,0);
}
.header-inner {
	float:left;
	width:100%;
	position:relative; 
	padding:10px 0;
	top:0;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.header-inner:before {
	content:'';
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:0;
	background:#fff;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.logo-holder {
	float:left;
	position:relative;
	max-width:210px;
	padding: 5px 0px;
}
.logo-holder a {
	margin-top:0px;
	display:block;
	position:relative;
}
.logo-vis {
	position:relative;
	z-index:1;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.logo-notvis {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	opacity:0;
}
.logo-sticky  img.logo-vis {
	opacity:0;
}
.logo-sticky img.logo-notvis {
	opacity:1;
}
header.sticky .header-inner:before , header.flat-header .header-inner:before {
	height:100%;
 }
header.sticky .header-inner {
	top:-5px;
	padding:10px 0;
}
/*------ Navigation  ------------------------------------------------*/ 
.nav-holder {
	float:right;
	position:relative;
	margin-top:20px;
}
nav {
	position:relative;
	float:left;
	width:100%;
}
nav li{
	float:left;
	position:relative;
	padding: 10px 10px;
}
nav li:last-child {
	padding-right:0;
}
 
nav li a {
	float: left;
	line-height: 1;
	font-size: 16px;
	letter-spacing: 0px;
	padding: 10px 10px 10px;
	color: #fff;
	font-weight:600;
	top:0;
	position:relative;
	font-family:  Montserrat, sans-serif ;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
nav li i {
		font-size: 20px;
	font-weight:700;
}
nav li a small{
	text-transform:none;
	font-size: 10px;
}
nav li  a.act-link , nav li  a:hover {
	color:#000;
	}
nav li a.act-link:before , nav li a.act-link:after {
	-webkit-transform: scale(1.0);
	-moz-transform:scale(1.0);
	transform: scale(1.0);
	opacity:1; 
}
nav li ul a:before , nav li ul a:after {
	display:none;
}
nav li ul a.act-link {
	background-color:#8b0d13;
	color:#ff1520;
	font-weight:600;
}
.nav-button-holder {
	float:right;
	margin:0 20px 0 10px;
	padding-left:22px;
	display:none;
	position:relative;
}
.nav-button {
	float:right;
	width:30px;
	height:24px;
	position:relative;
	margin-top:22px;
	cursor:pointer;
}
.nav-button span {
	float:left;
	width:100%;
	height:4px;
	background:#fff;
	margin-bottom:2px;
	position:relative;
}
header.sticky nav a ,  header.flat-header nav a{
	background-color:#8b0d13;
	color:#ff1520;
}
header.sticky nav li a:before  , header.sticky nav li a:after , header.flat-header nav li a:before , header.flat-header    nav li a:after{
	background:#000;
}
header.sticky .nav-button span  , header.flat-header .nav-button span{
	background:#000;
}
.nav-social {
	float:right;
	width:100%;
	position:relative;
	-webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    transition: all 600ms linear;
	top:10px;
}
.nav-social ul {
	float:right;
}
.nav-social li  {
	float:left;
	padding:10px;
}
.nav-social li:last-child {
	padding-right:0;
}
.nav-social li a {
	color:#fff;
	font-size:14px;
}
header.sticky   .nav-social   {
	top:-110px;
}
.subnav {
	float:right;
	margin:30px 6px 0 0 ;
}
.subnav a {
	display:inline-block;
	line-height: 1;
	font-size: 13px;
	color: #000;
	top:0;
	padding-left:16px;
	position:relative;
	-webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.subnav a i {
	padding-right:4px;
}
header.sticky nav a , header.sticky .subnav a  , header.flat-header .nav-social li a , header.flat-header .subnav a {
	color:#fff;
}
header.sticky nav a:hover, header.sticky nav a.act-link  {
	color:#000;
}
.resp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:20px;
}
.resp-video iframe,
.resp-video object,
.resp-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width: 992px) {
.oculto{
	display: none;
	}
 .logo-holder {
	float:left;
	position:relative;
	max-width:210px;
	padding: 5px 10px;
}
}
  #menu-desktop div {
    width: 2.5rem;
  }

  #menu-desktop div:nth-child(1) {
    margin-right: 0;
  }

  #menu-desktop img {
    height: 40px;
  }

  .whatsapp-branco, .whatsapp-azul {
    margin-top: 3px;
  }
}

@media (max-width: 992px) {

  a {
    position: initial;
    text-decoration: none;
    color: #333;
    outline: 0;
  }

  #nav-header .menuCurrent .link,
  .link:hover {
    background-color: rgba(0, 0, 0, 0);
  }
}

@media (min-width: 993px) {

  a {
    position: initial;
    text-decoration: none;
    color: #333;
    outline: 0;
  }
  #nav-header .menuCurrent .link,
  .link:hover {
    background-color: rgba(0, 0, 0, 0);
  }
}


/* OBRIGADO */

@media (max-width: 992px) {

  #obrigado {
    background-color: #0047ae;
    color: #fff;
    display: flex;
    justify-content: center;
    height: 100%;
  }
  #obrigado a {
    color: #fff;
  }
  #obrigado-corpo {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #obrigado-corpo::-webkit-scrollbar {
    width: 4px;
  }
  #obrigado-corpo::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;

  }
  #obrigado-corpo::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 12px;
  }
  #obrigado-img {
    width: 100%;
    text-align: center;
  }
  #obrigado-img img {
    width: 50%;
  }

  #obrigado-conteudo {
    width: 95%;
    color: #fff;
    font-size: var(--tamanho-texto);
    text-align: justify;
  }

  #obrigado-titulo {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  #obrigado-titulo h1 {
    font-size: 2rem;
    font-weight: 900;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  #obrigado-descricao {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 180%;
    text-align: center;
  }
}

@media (min-width: 993px) {
  #obrigado {
    background-color: #0047ae;
    color: #fff;
    display: flex;
    height: 100%;
  }

  #obrigado a {
    color: #fff;
  }

  #obrigado-corpo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow-y: auto;
    margin-left: auto;
    margin-right: auto;

  }
  #obrigado-corpo::-webkit-scrollbar {
    width: 4px;
  }

  #obrigado-corpo::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
  }

  #obrigado-corpo::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 12px;
  }

  #obrigado-img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
  }

  #obrigado-img img {
    width: 40%;
  }

  #obrigado-conteudo {
    color: #fff;
    font-size: var(--tamanho-texto);
    text-align: center;
  }

  #obrigado-titulo h1 {
    font-size: var(--tamanho-titulo-h1);
    font-weight: 900;
    text-align: center;
    letter-spacing: 2px;
  }

  #obrigado-descricao {
    line-height: 180%;
    text-align: center;
  }
}

/* PRÉ-LOADING */

.no-js #loader {
  display: none;
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0;

}


.pre-load {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../images/icones/load.gif") center no-repeat #fff;
  background-size: 64px 64px;
}

/* ANIMAÇÃO - ENVIANDO FORMULÁRIO */

@keyframes opacity {

  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@keyframes opacity {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes opacity {

  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes opacity {

  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

#enviando-formulario {
  width: 100%;
  display: none;
  text-align: center;
  font-size: 1em;
}
#enviando-formulario span {
  animation-name: opacity;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: opacity;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: opacity;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
}
#enviando-formulario span:nth-child(1) {
  animation-delay: 100ms;
  animation-delay: 100ms;
  -webkit-animation-delay: 100ms;
  -moz-animation-delay: 100ms;
}
#enviando-formulario span:nth-child(2) {
  animation-delay: 300ms;
  animation-delay: 300ms;
  -webkit-animation-delay: 300ms;
  -moz-animation-delay: 300ms;
}
#enviando-formulario span:nth-child(3) {
  animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
}
