/***
 * @author Emerson Bruno
***/

:root{
	--darkblue-cs: #253148;
	--cyan-cs: #009d93;
	--blue-cs: #234165;
	--cyan2-cs: #08958b;
	--mustard-cs: #a2906a;
	--lightblue-cs: #38b1cb;
	--lightgray-cs: #5e5958;
	--lightgray2-cs: #E0E0E0;
	--lightpurple-cs: #8c6c9c;
	--lightgreen-cs: #7eb565;
	--pink-cs: #f06ba1;
	--textcolor-cs: #656566;
	--purple-fo: #662583;
	--blue-jvm: #303e62;
	--mostard-jvm: #ae774e;
	--pink-fo: #E6007E;
	--cyan-et: #2AB1CB;
}
@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamBook.eot');
	src: local('GothamBook'), url('../fonts/gotham/GothamBook.woff') format('woff'), url('../fonts/gotham/GothamBook.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/GothamLight.eot');
	src: local('GothamLight'), url('../fonts/gotham/GothamLight.woff') format('woff'), url('../fonts/gotham/GothamLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url('../fonts/gotham/gothambold1.eot');
	src: local('GothamBold'), url('../fonts/gotham/gothambold1.woff') format('woff'), url('../fonts/gotham/gothambold1.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: local('GothamBlack');
	src: url('../fonts/gotham/GothamBlack.otf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
  font-family: 'GothamRounded';
  src: url('../fonts/gotham-rounded/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/gotham-rounded/GothamRounded-Bold.otf')  format('opentype'),
	     url('../fonts/gotham-rounded/GothamRounded-Bold.woff') format('woff'), url('../fonts/gotham-rounded/GothamRounded-Bold.ttf')  format('truetype'), url('../fonts/gotham-rounded/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'GothamRounded';
  src: url('../fonts/gotham-rounded/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/gotham-rounded/GothamRounded-Medium.otf')  format('opentype'),
	     url('../fonts/gotham-rounded/GothamRounded-Medium.woff') format('woff'), url('../fonts/gotham-rounded/GothamRounded-Medium.ttf')  format('truetype'), url('../fonts/gotham-rounded/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded';
  src: url('../fonts/gotham-rounded/GothamRounded-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/gotham-rounded/GothamRounded-Book.otf')  format('opentype'),
	     url('../fonts/gotham-rounded/GothamRounded-Book.woff') format('woff'), url('../fonts/gotham-rounded/GothamRounded-Book.ttf')  format('truetype'), url('../fonts/gotham-rounded/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded';
  src: url('../fonts/gotham-rounded/GothamRounded-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/gotham-rounded/GothamRounded-Light.otf')  format('opentype'),
	     url('../fonts/gotham-rounded/GothamRounded-Light.woff') format('woff'), url('../fonts/gotham-rounded/GothamRounded-Light.ttf')  format('truetype'), url('../fonts/gotham-rounded/GothamRounded-Light.svg#GothamRounded-Book') format('svg');
  font-weight: 300;
  font-style: normal;
}



*{
	font-family: 'GothamRounded';
}

body{
	color: var(--textcolor-cs);
}
.btn-outline-cyan{
	color: var(--cyan-cs);
	border-color: var(--cyan-cs);
}
.btn-cyan{
	background: var(--cyan-cs);
	color: white;
}
.btn-cyan:hover{
	background: var(--cyan2-cs);
	color: white;
}
.btn-outline-cyan.with-white{
	color: white;
	border-color: white;
}
.btn-outline-cyan:hover {
    color: white;
    background-color: var(--cyan-cs);
    border-color: var(--cyan-cs);
}

.btn-outline-cyan:not(:disabled):not(.disabled).active, 
.btn-outline-cyan:not(:disabled):not(.disabled):active, 
.show>.btn-outline-cyan.dropdown-toggle {
    color: white;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    background-color: var(--cyan-cs);
    border-color: var(--cyan-cs);
}

.btn-outline-cyan.focus, .btn-outline-cyan:focus {
    box-shadow: 0 0 0 0.2rem rgb(0, 158, 148,.5);
}
h6{
	font-weight: 400;
	color: var(--blue-cs);
}
.color-blue{
	color: var(--blue-cs);
}
.btn-full-rounded{
	border-radius: 10em;
}

#primeira_barra{
	background: var(--darkblue-cs);
	color:white;
}
#primeira_barra ul, footer .menu-footer ul{
	margin:0;
}

#primeira_barra a, footer .menu-footer a{
	color:white;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	padding: .5em 1em;
	position: relative;
}
#primeira_barra ul a:after, #header a.nav-link:after, #header_comum a.nav-link:after, footer .menu-footer ul a:after{
	position: absolute;
	left: 0;
	bottom: 2px;
	content: '';
	width: 0;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	background: transparent; 
	transition: all .6s cubic-bezier(.7,.25,.06,1.03);
}
#primeira_barra ul li, footer .menu-footer ul li{
	position: relative;
	font-size: .8em;
}
#header a.nav-link, #header .btn, #header_comum a.nav-link, #header_comum .btn{
	display: inline-block;
	position: relative;
	font-weight: 500;
}
#primeira_barra ul li:after, footer .menu-footer ul li:after, footer #copyright span:after{
	content: '';
	position: absolute;
	right: -.5em;
	top:45%;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: var(--cyan-cs);
}

#primeira_barra ul li:last-child:after, footer .menu-footer ul li:last-child:after, footer #copyright span:last-child:after{
	display: none;
}

#primeira_barra ul a.active:after,
#primeira_barra ul a:active:after,
#primeira_barra ul a.hover:after,
#primeira_barra ul a:hover:after,
footer .menu-footer ul a.active:after,
footer .menu-footer ul a:active:after,
footer .menu-footer ul a.hover:after,
footer .menu-footer ul a:hover:after,
#header a.nav-link:hover:after,
#header a.nav-link.hover:after,
#header a.nav-link:active:after,
#header a.nav-link.active:after,
#header_comum a.nav-link:hover:after,
#header_comum a.nav-link.hover:after,
#header_comum a.nav-link:active:after,
#header_comum a.nav-link.active:after{
	background: var(--cyan-cs);
	width: 70%;
}


#header a:not(.btn), #header_comum a:not(.btn){
	color:white;
}
#header{
	color:white!important;
	min-height: 450px;
	background: var(--blue-cs) url('../images/background_topo.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	padding-bottom: 6em;
}
#header_comum{
	color:white!important;
	background-image: linear-gradient( 49deg, var(--blue-cs) 22%,var(--darkblue-cs) , var(--blue-cs) 77%);
}
#header_comum h1, #header_comum h2{
	text-align: center;
	color:white;
}
#header_comum h1{
	font-size: 2.7rem;
}
#header_comum h2{
	font-size: 1.2em;
	font-weight: 400;
}
#header_comum .headtext{
	padding: 3em 0 4em 0;
}

a.before-store-apps{
	text-decoration: none;
}
.store-apps {
    border: 3px solid white;
    background: transparent;
    padding: .6em 1em .6em 1.3em;
    padding-bottom: .6em;
    color: white;
    border-radius: 10em;
    line-height: 15px;
    font-size: .7em;
    transition: all .32s ease-in-out;
}
a.before-store-apps:hover .store-apps,
a.before-store-apps:active .store-apps,
a.before-store-apps:focus .store-apps {
    color: var(--cyan-cs);
    background: white;
}

.custom-header h1{
	font-weight: 600;
	font-size: 2.7rem;
	margin-bottom: 2.2rem;
}

.custom-header h3{
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 2.5rem;
}
.card-group .card{
	border-radius: 0;
	background: transparent;
} 
.card > img{
	border-radius: 0px;
	border-top-left-radius: .75em;
	border-top-right-radius: .75em;
}
.card .card-body{
	border-radius: .75em;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background: white;
}
.card > .card-body p{
	margin-bottom: 0;
}
#cards_colors{
	margin-top: -5em;
	margin-bottom: 2em;
}
#cards_colors .card-body{
	color:white;
}
#cards_colors .card-body span.heading{
	font-weight: 600;
	display: block;
	font-size: 1.3em;
}
#cards_colors a{
	text-decoration: none;
}
#cards_colors div.card-group > div[class^="col-"]:nth-child(7n+0) .card-body,
#cards_colors div.card-group > div[class^="col-"]:nth-child(1) .card-body,
.bg-cyan2
{
	background: var(--cyan2-cs)!important;
}
#cards_colors div.card-group > div[class^="col-"]:nth-child(8n+0) .card-body,
#cards_colors div.card-group > div[class^="col-"]:nth-child(2) .card-body,
.bg-mustard{
	background: var(--mustard-cs)!important;
}
#cards_colors div.card-group > div[class^="col-"]:nth-child(9n+0) .card-body,
#cards_colors div.card-group > div[class^="col-"]:nth-child(3) .card-body,
.bg-lightblue{
	background: var(--lightblue-cs)!important;
}
#cards_colors div.card-group > div[class^="col-"]:nth-child(10n+0) .card-body,
#cards_colors div.card-group > div[class^="col-"]:nth-child(4) .card-body,
.bg-lightgray{
	background: var(--lightgray-cs)!important;
}
#cards_colors div.card-group > div[class^="col-"]:nth-child(11n+0) .card-body,
#cards_colors div.card-group > div[class^="col-"]:nth-child(5) .card-body,
.bg-lightpurple{
	background: var(--lightpurple-cs)!important;
}
#cards_colors div.card-group > div[class^="col-"]:nth-child(12n+0) .card-body,
#cards_colors div.card-group > div[class^="col-"]:nth-child(6) .card-body,
.bg-lightgreen{
	background: var(--lightgreen-cs)!important;
}
.heading-line{
	position: relative;
	display: flex;
	overflow-x:hidden;
}
.heading-line h2{
	color: var(--cyan-cs);
	font-weight: 600;
}
.heading-line h5{
	color: var(--blue-cs);
	font-weight: 600;
}
.heading-line h2:after,.heading-line h5:after{
	content: '';
	width: 100%;
	height: 2px;
	background: var(--cyan-cs);
	display: inline-flex;
	position: absolute;
	top: 45%;
	margin-left: 10px;
}
.heading-line h5:after{
	background: var(--blue-cs);
}

.heading-line h2.text-white:after{
	background:white;
}
aside#dados_empresa p{
	font-size: .9em;
}

aside#dados_empresa .numeros_telefone p, aside#dados_empresa .numeros_telefone p a{
	color: var(--cyan-cs);
	font-weight: 600;
	text-decoration: none;
	font-size: 1em;
}


#novidades{
	background: var(--lightblue-cs);
	padding: 3.3em 0;
	color:white;
}
#novidades .card, #novidades a:not(.btn){
	color: var(--darkblue-cs);
	text-decoration: none;
}
#cards_novidades .card-body{
	font-weight: 600;

}

#cards_novidades, #cards_recursos{
	font-size: .9em;
}

#cards_novidades h4, #cards_recursos h4{
	font-size: 1.5em;
}

#cards_recursos .card{
	margin-bottom: 1em;
}

footer{
	background: var(--blue-cs);
	color:white;
	font-size: .85em;
}
footer hr{
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	position: relative;
	display: block;
	margin-top:1px;
}
footer .menu-footer{
	padding: 1.3em 0;
}
footer a{
	color:white!important;
	text-decoration: none!important;
}
footer a:hover{
	color:white;
}
footer .menu-footer a{
	font-weight: 500;
	font-size: 1.1em;
}
footer #copyright span{
	display: inline-block;
	position: relative;
	padding: 0px 1em 0px 1.5em;
	font-weight: 400;
	font-size: 1em;
}
footer #copyright span:last-child{
	padding-right: 0;
}
footer #copyright span:first-child{
	padding-left: 0;
}
#main_content{
	padding: 4em 0;
}

#planos{
	margin-top: -4em;
	background-color: var(--lightblue-cs);	
	/*background-image: linear-gradient(180deg, transparent 4em, var(--cyan-cs) 0%);
	background-image: linear-gradient(180deg, transparent 4em, var(--lightblue-cs) 0%, var(--lightblue-cs) 90%,#fff 1em);*/
	padding-bottom: 3em;
	color: white;
}
#planos.empresarial{
	background-image: linear-gradient(180deg, transparent 4em, var(--lightgray2-cs) 0%, var(--lightgray2-cs) 90%,#fff 1em);
	color: var(--textcolor-cs);
}
#planos .cards-planos .card{
	border-radius: 22px;
	background: white;
	border:0;
}
#planos .cards-planos .card .card-body p{
	font-size: .9em;
}
#planos .cards-planos .card .card-footer{
	background: transparent;
	border: 0;
}
#planos .cards-planos .card-body h4, h5{
	color: var(--blue-cs);
}
#planos .cards-planos .card-body h5{
	font-weight: 400;
	font-size: .85em;
}
#planos .cards-planos .card-body h6{
	font-weight: 600;
	color: var(--pink-cs);
	font-size: 1.3em;
}
#planos .cards-planos .card .card-body{
	padding-top: 0;
	padding-bottom: 0;
	background: transparent;
}
#planos .card-image img{
	max-width: 80%;

}
#planos .card-image{
	text-align: center;
}
#planos .info-extra {
	line-height: .9em;
}
#planos:not(.empresarial) .descricao-app{
	color:white;
}
#planos .descricao-app h3{
	font-size: 2.2em;
}
#planos.empresarial .store-apps{
	color: var(--textcolor-cs);
	border-color: var(--textcolor-cs);
}
#planos.empresarial .store-apps:hover,
#planos.empresarial .store-apps:focus,
#planos.empresarial .store-apps:active{
	background: var(--textcolor-cs);
	color:white;
}

.text-blue {
	color: var(--blue-cs);
}

.etiqueta-promo{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	top: -3rem;
	width: 100%;
}
.etiqueta-promo img{
	width: 100%;
	max-width: 90px;
}

#como_funciona_imagem{
	background-image: linear-gradient(180deg, transparent 4em, var(--cyan-cs) 0%);
	background-image: linear-gradient(180deg, white 65%, var(--lightblue-cs) 0%, var(--lightblue-cs));
	color: white;
}
#como_funciona{
	background: var(--lightblue-cs);
	color: white;
}

#header:hover .mouse, .mouse.animateMouse{
	animation: mouseup;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.cards-planos [class*='col-']{
	margin-bottom: 4.5em!important;
}

.grupo-jvm{
    max-width: 1732px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin: 0px auto;
    position: relative;
}

footer .divider{
	width: 100%;
	height: 1px;
	border-top: 1px solid rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.grupo-jvm ul{
	display: flex;
    justify-items: flex-start;
    list-style: none;
}
.grupo-jvm ul li {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 30px;
}
.grupo-jvm ul li a {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    transition: all 0.25s ease-in-out 0s;
    text-decoration: none;
    padding: 0 20px;
}
/*.grupo-jvm ul li {
	max-width: 150px;
}*/
.grupo-jvm ul a img {
    opacity: 0.3;
    width:100%;
    max-width: 60px;
}
.grupo-jvm ul li:not(.selected):hover, .grupo-jvm ul .selected  {
    margin-top: -2px;
    border-top: 2px solid var(--cyan-cs);
}

.grupo-jvm ul li.jvm:not(.selected):hover, .grupo-jvm ul .selected.jvm  {
    border-top: 2px solid var(--mostard-jvm);
}
.grupo-jvm ul li.faleon:not(.selected):hover, .grupo-jvm ul .selected.faleon  {
    border-top: 2px solid var(--pink-fo);
}
.grupo-jvm ul li.eventools:not(.selected):hover, .grupo-jvm ul .selected.eventools  {
    border-top: 2px solid var(--cyan-et);
}
.grupo-jvm ul li:not(.selected):hover a,.grupo-jvm ul li.selected  a {
    transform: translateY(-10px);
}
.grupo-jvm ul li:not(.selected):hover a .logo-description,.grupo-jvm ul li.selected  a .logo-description {
    transform: translateY(-5px);
    visibility: visible;
    opacity: 1;
}
.grupo-jvm ul li:not(.selected):hover a img, .grupo-jvm ul .selected img{
	opacity: 1;
}
.grupo-jvm ul li a .logo-description {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.48px;
    color: rgb(255, 255, 255);
    visibility: hidden;
    margin-top: 12px;
    opacity: 0;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out 0s;
}
.grecaptcha-badge { visibility: hidden; }
@media screen and (max-width: 620px){
	.grupo-jvm ul{
		flex-flow: wrap;
		text-align: center;
	}
	.grupo-jvm ul li{
		width: 50%;

	}
	.grupo-jvm ul li img{
		max-width: 40px;
	}
	.grupo-jvm ul li a{
		padding-right: 5%;
		padding-left: 5%;
		width: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 903px){
	.store-apps span{
		display: none;
	}
	.store-apps strong{
		align-self: center;
		display: block;
		margin-top: 1em;
	}
}
@media screen and (max-width: 767px){
	#primeira_barra{
		display: none;
	}
	#container_navmenu{
		position: absolute;
	    top: 100%;
	    background: var(--cyan-cs);
	    /* width: 100%; */
	    z-index: 1000;
	    left: -15px;
	    right: -15px;
	}
	#container_navmenu a{
		width: 100%;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	#container_logo{
		width: 100%;
		text-align: center;
		margin-bottom: 1.5em;
	}
	#container_logo .navbar-brand{
		margin-right: 0;
	}
	#vitrine_marcas .col{
		-ms-flex: 0 0 25%!important;
	    flex: 0 0 25%!important;
	    max-width: 25%!important;
	    margin-bottom: 1em;
	}
	#planos{
		background-image: linear-gradient(180deg, transparent 4em, var(--lightblue-cs) 0%, var(--lightblue-cs) 100%);
	}
}

@keyframes mouseup {
  0%{
  	margin-top: -10px;
  }
  50%{
  	margin-top: 10px;
  }
  100%{
  	margin-top: -10px;
  }
}

.modal-backdrop.show {
	opacity: 0.7!important;
}

#perguntasFrequentes.accordion .card{
	border: 0;
}
#perguntasFrequentes.accordion .card .card-header{
	border-bottom: 1px solid black;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}
#perguntasFrequentes.accordion .card-body{
	padding: 1rem 1.25rem;
}
#perguntasFrequentes.accordion .card-body{
	background-color: #f1f1f1;
	border-radius: 0!important;
}
.accordion-button{
	border: 1px solid rgba(0,0,0,.125);
	border-left: 0;
	border-top:0;
	border-radius: 0;
	    padding: 1rem 1.25rem;
	border-right: 0;
	position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    background-color: transparent;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,
	    border-color .15s ease-in-out,
	    box-shadow .15s ease-in-out,
	    border-radius .15s ease,
	    font-weight .25s ease;
}
.accordion-button::after{
	flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed) {
	background-color: #ffffff;
	font-weight: bold;
	color: #212529;
}

.accordion-button:hover, .accordion-button.hover, .accordion-button:active, .accordion-button.active{
	text-decoration: none;
	color: #212529;
}

.accordion-button:focus, .accordion-button.focus{
	box-shadow: none!important;
}

.accordion-button:not(.collapsed)::after {
	transform: rotate(180deg);
}

#apresentacao_marca div[class^="col-"]:nth-child(1)::after, 
#apresentacao_marca div[class^="col-"]:nth-child(3)::after 
{
    content: '';
    position: absolute;
	top: 45%;
	left: 100%;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: var(--cyan-cs);
}

.sem-separador::after {
	content: unset !important;
}

#apresentacao_marca div[class^="col-"]:nth-child(2) {
	padding-right: 0px; 
	padding-left: 40px;
}

.btn-acesso {
	border: 2px solid #FFFFFF;
}

@media only screen and (max-width: 600px) {
	footer .menu-footer div[class^="col-"]:nth-child(1) {
		text-align: center;
	}

	footer .menu-footer div[class^="col-"]:nth-child(1) .list-inline-item {
		display: block;
	}

	footer .menu-footer div[class^="col-"]:nth-child(1) .list-inline-item::after, 
	footer #apresentacao_marca div[class^="col-"]::after {
		content: unset !important;
		right: unset !important;
	}

	footer #apresentacao_marca .navbar-brand img {
		text-align: center;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(1) {
		text-align: center;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(2), 
	#apresentacao_marca div[class^="col-"]:nth-child(3) {
		padding: 0px;
		text-align: center !important;
		margin-top: 15px;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(4) {
		display: block !important;
		margin-top: 15px;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(4) img, 
	#apresentacao_marca div[class^="col-"]:nth-child(4) a {
		display: block;
		text-align: center;
		margin: 0px auto !important;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(4) a {
		margin-top: 15px !important;
	}

	.navbar-brand {
		margin: 0px auto !important;
	}

	#apresentacao_marca  {
		padding-top: 15px !important;
	}
	
	footer #copyright span:after {
		content: unset;
	}

	footer #copyright span {
		padding: 0px;
	}

}

@media only screen and (min-width: 600px) {

	footer #apresentacao_marca .navbar-brand img {
		text-align: center;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(1) {
		text-align: center;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(2), 
	#apresentacao_marca div[class^="col-"]:nth-child(3) {
		padding: 0px;
		text-align: center !important;
		margin-top: 15px;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(4) {
		display: block !important;
		margin-top: 15px;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(4) img, 
	#apresentacao_marca div[class^="col-"]:nth-child(4) a {
		display: block;
		text-align: center;
		margin: 0px auto !important;
	}

	#apresentacao_marca div[class^="col-"]:nth-child(4) a {
		margin-top: 15px !important;
	}
}

@media only screen and (min-width: 992px) {
	#apresentacao_marca div[class^="col-"]:nth-child(4) img, 
	#apresentacao_marca div[class^="col-"]:nth-child(4) a {
		display: inline-block;
		text-align: center;
	}
	#apresentacao_marca div[class^="col-"]:nth-child(4) img {
		margin-left: 15px !important;
	}
	#apresentacao_marca div[class^="col-"]:nth-child(4) a {
		/* float: right !important; */
	}
}



@media screen and (max-width: 767px){

	#navbarNav, #navbarNav{
		z-index:16000170!important;
		top:0;
		right:0;
		left:0;
		bottom:0;
		position:fixed;
		width: 100%; 
		height: 100%!important; 
		opacity: 0; 
		visibility: 0;
		overflow-y: auto;
	}
	#navbarNav ul{
		height: 100%;
	    /* justify-content: center; */
	    align-items: center;
	    padding-top: 10vh;
	    overflow-y: auto;
	}
	#navbarNav.show, #navbarNav.collapsing{
		opacity: 1; 
		visibility: visible; 
  	}
  #navbarNav.show:before, #navbarNav.collapsing:before{
  	content: '';
  	display: block;
  	position: fixed;
  	top:-50vh;
  	left: -50vw;
  	right: -50vw;
  	bottom:-50vh;
  	background: rgba(0,0,0,.75);

  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
  }
	#navbarNav.show ul li a,
	#navbarNav.collapsing ul li a{color:#FFF; font-size: 1em; font-weight:600; }
	#navbarNav li{
	    opacity: 0;
	    -webkit-transform: translateY(-40px);
	    transform: translateY(-40px);
	    -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
	    -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
	    -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
	    animation-timing-function: cubic-bezier(.45,.005,0,1);
	}
	#navbarNav.show li{
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	    transform: translateY(0px);
	    -webkit-transition: -webkit-transform .2s,opacity .2s;
	    transition: transform .2s,opacity .2s;
	}
	#navbarNav.show li.delay-1{-webkit-transition-delay:0.1s; -moz-transition-delay:0.1s; -ms-transition-delay:0.1s; -o-transition-delay:0.1s; transition-delay:0.1s; }
	#navbarNav.show li.delay-2{-webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -ms-transition-delay:0.2s; -o-transition-delay:0.2s; transition-delay:0.2s; }
	#navbarNav.show li.delay-3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
	#navbarNav.show li.delay-4{-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -ms-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s; }
	#navbarNav.show li.delay-5{-webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -ms-transition-delay:0.5s; -o-transition-delay:0.5s; transition-delay:0.5s; }
	#navbarNav.show li.delay-6{-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -ms-transition-delay:0.6s; -o-transition-delay:0.6s; transition-delay:0.6s; }
	#navbarNav.show li.delay-7{-webkit-transition-delay:0.7s; -moz-transition-delay:0.7s; -ms-transition-delay:0.7s; -o-transition-delay:0.7s; transition-delay:0.7s; }
	#navbarNav.show li.delay-8{-webkit-transition-delay:0.8s; -moz-transition-delay:0.8s; -ms-transition-delay:0.8s; -o-transition-delay:0.8s; transition-delay:0.8s; }
	#navbarNav.show li.delay-9{-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -ms-transition-delay:0.9s; -o-transition-delay:0.9s; transition-delay:0.9s; }

	.navbar-toggler{position:relative; z-index:1111; border:none;  height:42px; display:block; width:50px; padding:12px; transition: all .5s ease-in-out}
	.navbar-toggler #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
	.navbar-toggler #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#FFFFFF;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
	.navbar-toggler #nav-icon3 span:nth-child(1){top:0}
	.navbar-toggler #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
	.navbar-toggler #nav-icon3 span:nth-child(4){top:14px}
	.navbar-toggler:not(.collapsed){
		position: fixed;
		top: 5vh;
		right: 2em;
	}
	.navbar-toggler:not(.collapsed) #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
	.navbar-toggler:not(.collapsed) #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
	.navbar-toggler:not(.collapsed) #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
	.navbar-toggler:not(.collapsed) #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}

	.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}

}