@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&display=swap');

*{
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	outline: none !important;
}
html{
	background: url(../img/linhas-fundo.png);
	background-color: #161616;
	background-attachment: fixed;
	background-position: center;
}
.navbar{
	background-color: #212121;
	transition: all ease .3s;
}
.navbar.navbar-sombra:not(.topo-interno){
	box-shadow: 0px 2px 20px -4px rgba(0,0,0,0.7);
	transition: all ease .3s;
}
.navbar-item img{
	max-height: 78px;
}
#navbar-principal .navbar-item,
#navbar-principal .navbar-link{
	line-height: 68px;
	color: #888888;
	padding: .5rem 1.5rem;
	transition: all ease .2s;
	display: block;
	font-size: 18px;
}
#navbar-principal a.navbar-item:hover{
	color: #ffffff !important;
	background-color: transparent !important;
	transition: all ease .2s;
}
#navbar-principal a.navbar-item::after{
	content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #8FC74A;
    transition: width .2s;
    margin-top: -15px;
}
#navbar-principal a.navbar-item:hover::after{
	width: 100%;
}
div.navbar-item{
	padding: 0px !important;
}
.navbar-dropdown{
	border-top: unset;
	background-color: #1a1a1a;
}
.navbar-dropdown .navbar-item{
	line-height: 40px;
}
section{
	padding-top: 80px;
	position: relative;
}
section .titulo h1{
	font-size: 36px;
	text-transform: uppercase;
	color: #8FC74A;
	font-weight: 800;
	letter-spacing: 2px;
	line-height: 1;
	margin-bottom: 20px;
	position: relative;
}
/* section .titulo h1::after{
	content: "";
	width: 60px;
	height: 60px;
	border: 5px solid #272727;
	position: absolute;
	right: -18px;
	top: -10px;
	transform: translateZ(-1px);
} */
section .titulo h2{
	font-size: 28px;
	text-transform: uppercase;
	color: #606062;
	font-weight: 800;
	letter-spacing: 1px;
	border-left: 2px solid #8FC74A;
	padding-left: 8px;
	line-height: 1;
}
section.invertida{
	border-bottom: 1px solid #343434;
	border-top: 1px solid #343434;
	background-color: #4444444f;
}
section.invertida .titulo > div::after{
	content: '';
	display: table;
	clear: both;
}
section.invertida .titulo h1{
	float: right;
}
/* section.invertida .titulo h1::after{
	content: "";
	width: 60px;
	height: 60px;
	border: 5px solid #333333;
	position: absolute;
	right: unset;
	left: -18px;
} */

.wpcf7 form .wpcf7-response-output{
    margin: 15px 0px;
    color: #ffffff;
    font-size: 18px;
}
.wpcf7 form.sent .wpcf7-response-output{
    border-color: #8FC74A;
}


section.invertida h2{
	text-align: right;
	border-left: unset;
	border-right: 2px solid #8FC74A;
	padding-left: unset;
	padding-right: 8px;
}
.navbar-burger{
	color: #ffffff;
	height: 94px;
}
.navbar-burger:hover{
	color: #8FC74A;
}
.navbar-menu.is-active{
	background-color: #212121;
}
#navbar-principal.is-active .navbar-item::after{
	content: unset;
}
.navbar-menu.is-active .navbar-item{
	line-height: 45px !important;
	text-align: center;
	border-bottom: 1px solid #1c1c1c;
}
.barra-topo{
	position: relative;
	background-color: #212121;
}
.barra-topo .container{
	padding-top: 45px;
}
.barra-topo h1, .barra-topo h1 strong{
	color: #888888;
	font-size: 44px;
	line-height: 1.1;
	margin-bottom: 30px;
}
.barra-topo p{
	color: #888888;
	font-size: 20px;
	margin-bottom: 30px;
}
.conteudo{
	padding-top: 70px;
	padding-bottom: 70px;
}
.conteudo h3{
	text-transform: uppercase;
	color: #a2a2a2;
	font-weight: 800;
	letter-spacing: 2px;
	font-size: 28px;
	line-height: 1;
	margin-bottom: 28px;
	padding-left: 20px;
	padding-right: 20px;
}
.conteudo p{
	color: #888888;
	font-size: 20px;
	margin-bottom: 20px;
	text-align: justify;
}
.conteudo .wp-block-gallery{
    padding: 20px;
}
blockquote{
	padding-left: 20px;
	padding-right: 20px;
}
.field-body{
	margin-top: 30px;
}
.field.addon-full{
	display: flex;
	justify-content: stretch;
}
.input, .textarea{
	border-radius: 0px;
	background-color: #1A1A1A;
	border: 1px solid #242424;
	height: 45px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.input::placeholder, .select select::placeholder,
.textarea::placeholder{
	color: #606062;
	font-size: 20px;
	font-weight: 600;
}
.input:hover, .textarea:hover{
	border-color: #242424;
}
.input:active, .input:focus,
.is-active.input, .is-active.textarea,
.is-focused.input, .is-focused.textarea,
.select select.is-active, .select select.is-focused,
.select select:active, .select select:focus,
.textarea:active, .textarea:focus{
	border-color: #8FC74A57;
	box-shadow: unset;
}
.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover{
	background-color: unset !important;
}
.addon-full .button{
	padding-top: calc(22px - 1px);
	padding-bottom: calc(22px - 1px);
	border-radius: 0px;
	background-color: #8FC74A;
	border-color: #8FC74A;
	color: #ffffff;
	font-size: 20px;
	font-weight: 800;
	width: 45px;
}
.addon-full .input{
	text-align: center;
	border: unset;
}
.addon-full .control{
	width: 100%;
}
.input-card{
	background-color: #1D1D1D;
	text-align: center;
}
.input-card h3{
	color: #606062;
	font-size: 18px;
	font-weight: 600;
	background-color: #1A1A1A;
	text-transform: unset;
	letter-spacing: 1px;
	line-height: 45px;
	margin-bottom: 0px;
}
.button{
	border-radius: 0px;
	height: 45px;
	font-weight: 600;
	font-size: 20px;
}
.button.is-primary{
	background-color: #8fc74a;
}
.button.is-primary:hover, .button.is-primary:active{
	background-color: #6ea22f;
}
.card-imagem{
	background-color: #1D1D1D;
	border: 1px solid #363636;
}
.card-imagem h4{
	color: #D8D8D8;
	font-weight: 600;
	font-size: 20px;
	padding: 10px;
}
.card-imagem p{
	color: #838383;
	font-size: 18px;
	padding: 0px 10px 10px 10px;
}
section.parceiros{
	padding-top: 20px;
	padding-bottom: 20px;
}
section.parceiros a{
	display: block;
	text-align: center;
}
section.parceiros a img{
	max-height: 120px;
}
section.has-wave{
	padding-top: 100px;
}
section.interna, section.listagem{
	padding-top: 210px;
}
section.interna .conteudo > div{
	background-color: #1D1D1D;
	border: 1px solid #363636;
}
section.interna .conteudo img{
	margin-bottom: 30px;
}
section.interna .conteudo p{
	padding: 0px 20px;
}
section.interna.blog h2{
	font-weight: 400;
	font-size: 20px;
	text-transform: unset;
}
section.invertida.bg-escuro{
	background-color: unset;
	border: unset;
}
section.invertida.bg-escuro .conteudo{
	padding-top: 15px;
}
footer{
	padding-top: 60px;
}
footer h5{
	color: #606062;
	font-weight: 800;
	font-size: 22px;
	border-bottom: 3px solid #242424;
	margin-bottom: 40px;
	text-align: left;
	text-transform: uppercase;
}
footer .logo-vrxp{
	margin-bottom: 30px;
}
footer p{
	color: #B3B3B3;
	font-size: 18px;
}
footer .has-text-centered p{
	padding: 0px 20px;
}
footer .barra-direitos{
	margin-top: 60px;
	background-color: #111111;
}
footer .barra-direitos p{
	font-size: 16px;
	color: #ffffff;
}
footer .barra-direitos a{
	color: #ffffff;
}
footer .barra-direitos img{
	margin-left: 15px;
}
footer .links li{
	margin-bottom: 12px;
}
footer .links a{
	color: #B3B3B3;
	font-size: 18px;
}
footer .news-text{
	margin-bottom: 30px;
}
.button [class^="flaticon-"]::before{
	margin-right: 10px;
	font-size: 25px;
}
.telefones-contato{
	margin-bottom: 50px;
}
.redes-sociais{
	margin-top: 20px;
}
.redes-sociais a{
	margin-right: 30px;
	line-height: 60px;
}
.redes-sociais a [class^="flaticon-"]::before{
	font-size: 34px;
	color: #8A8A8A;
}
.telefones-contato li, .sociais-contato li{
	display: inline;
	margin-right: 80px;
	line-height: 1;
}
.telefones-contato li, .sociais-contato li a{
	color: #B3B3B3;
	font-weight: 600;
	font-size: 18px;
}
.sociais-contato li{
	line-height: 60px;
}
.telefones-contato [class^="flaticon-"]::before, .sociais-contato [class^="flaticon-"]::before{
	color: #8FC74A;
	margin-right: 20px;
	font-size: 32px;
	position: relative;
	top: 5px;
}
.onda{
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index:5;
  bottom:-60px;
  position:absolute;
  left:0px;
  float:left;
  transform: rotate(180deg);
}
.invertida.onda{
	top: -60px;
	bottom: unset;
	transform: unset;
}
.parallax1 > use {
  animation: move-forever1 10s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax2 > use {
  animation: move-forever2 8s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax3 > use {
  animation: move-forever3 6s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}

.conteudo-post.comentarios{
    padding: 15px;
    border-top: unset !important;
}
.autor-comentario{
    color: #ffffff;
    font-size: 20px;
}
.media + .media{
    border-top: 1px solid rgba(219, 219, 219, 0.11) !important;
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes move-forever3 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

.topo-interno::before{
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 160px;
	background: url(../img/bg-topo-interno.svg) no-repeat top center;
	background-size: cover;
}
.topo-interno.navbar{
	background-color: transparent;
}
.datetimepicker-dummy.is-primary::before, .datetimepicker-dummy.is-primary::before{
	display: none;
}
.datetimepicker-dummy.is-primary .datetimepicker-clear-button{
	display: none;
}
.datetimepicker-dummy .datetimepicker-dummy-wrapper{
	border-radius: 0px;
	background-color: #1A1A1A;
	border: 1px solid #242424 !important;
	height: 45px !important;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}
.datetimepicker{
	background: #272727;
}
.datetimepicker.is-primary .datetimepicker-header .datetimepicker-selection-day{
	color: #fff;
}
.datetimepicker.is-primary .datepicker-nav{
	background-color: #6ea22f;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-active{
	background: #6ea22f;
	border-color: #6ea22f;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item.is-today{
	border-color: #6ea22f;
	color: #6ea22f;
}
.datetimepicker.is-primary .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover{
	border-color: #6ea22f;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date .date-item:hover{
	background: #464646;
	border: .1rem solid #fff;
	color: #fff;
}
.datetimepicker .datepicker-body .datepicker-dates .datepicker-days .datepicker-date{
	background-color: #272727;
}
.datetimepicker-dummy .datetimepicker-dummy-wrapper .datetimepicker-dummy-input{
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	text-indent: unset !important;
	padding-left:10px;
}
.datetimepicker.is-datetimepicker-default .datetimepicker-container::after{
	border-bottom-color: #272727;
}
.datetimepicker .datepicker-body .datepicker-months .datepicker-month.is-active, .datetimepicker .datepicker-body .datepicker-months .datepicker-year.is-active, .datetimepicker .datepicker-body .datepicker-years .datepicker-month.is-active, .datetimepicker .datepicker-body .datepicker-years .datepicker-year.is-active{
	background: #6ea22f;
	border-color: #6ea22f;
}
.datetimepicker .datepicker-nav .datepicker-nav-next, .datetimepicker .datepicker-nav .datepicker-nav-previous{
	background-color: transparent !important;
}
.datetimepicker-dummy-input{
	color: #606062 !important;
}
section#empresa img{
	float:left;
	margin-right: 30px;
	margin-bottom: 30px;
}
section#empresa h2, section#empresa h2 span{
	font-weight: 800;
	color: #606062;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 15px;
}
a, a:hover, strong{
    color: #8FC74A;
}

/* --------------------------------------- */
/* ------- Glitch effect ----------------- */
/* --------------------------------------- */
.glitch {
  position: relative;
  color: white;
  font-size: 4em;
  letter-spacing: .5em;
  animation: glitch-skew 1s infinite linear alternate-reverse;
}
.glitch::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 #ff00c1;
  clip: rect(44px, 450px, 56px, 0);
  animation: glitch-anim 5s infinite linear alternate-reverse;
}
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 #00fff9, 2px 2px #ff00c1;
  animation: glitch-anim2 1s infinite linear alternate-reverse;
}
@keyframes glitch-anim {
  0% {clip: rect(72px, 9999px, 14px, 0); transform: skew(0.08deg);}
  5% {clip: rect(5px, 9999px, 100px, 0); transform: skew(0.29deg);}
  10% {clip: rect(91px, 9999px, 23px, 0); transform: skew(0.39deg);}
  15% {clip: rect(65px, 9999px, 32px, 0); transform: skew(0.66deg);}
  20% {clip: rect(18px, 9999px, 9px, 0); transform: skew(0.25deg);}
  25% {clip: rect(54px, 9999px, 12px, 0); transform: skew(0.04deg);}
  30% {clip: rect(100px, 9999px, 49px, 0); transform: skew(0.5deg);}
  35% {clip: rect(6px, 9999px, 25px, 0); transform: skew(0.72deg);}
  40% {clip: rect(44px, 9999px, 85px, 0); transform: skew(0.45deg);}
  45% {clip: rect(20px, 9999px, 43px, 0); transform: skew(0.56deg);}
  50% {clip: rect(56px, 9999px, 24px, 0); transform: skew(0.75deg);}
  55% {clip: rect(80px, 9999px, 64px, 0); transform: skew(0.77deg);}
  60% {clip: rect(20px, 9999px, 27px, 0); transform: skew(1deg);}
  65% {clip: rect(1px, 9999px, 79px, 0); transform: skew(0.06deg);}
  70% {clip: rect(78px, 9999px, 27px, 0); transform: skew(0.83deg);}
  75% {clip: rect(23px, 9999px, 81px, 0); transform: skew(0.69deg);}
  80% {clip: rect(18px, 9999px, 69px, 0); transform: skew(0.34deg);}
  85% {clip: rect(54px, 9999px, 99px, 0); transform: skew(0.82deg);}
  90% {clip: rect(25px, 9999px, 46px, 0); transform: skew(0.89deg);}
  95% {clip: rect(94px, 9999px, 13px, 0); transform: skew(0.47deg);}
  100% {clip: rect(32px, 9999px, 9px, 0); transform: skew(0.83deg);}
}
@keyframes glitch-anim2 {
  0% {clip: rect(41px, 9999px, 82px, 0); transform: skew(0.61deg);}
  5% {clip: rect(77px, 9999px, 49px, 0); transform: skew(0.62deg);}
  10% {clip: rect(2px, 9999px, 41px, 0); transform: skew(0.74deg);}
  15% {clip: rect(16px, 9999px, 59px, 0); transform: skew(0.35deg);}
  20% {clip: rect(76px, 9999px, 73px, 0); transform: skew(0.25deg);}
  25% {clip: rect(68px, 9999px, 41px, 0); transform: skew(0.59deg);}
  30% {clip: rect(59px, 9999px, 40px, 0); transform: skew(0.47deg);}
  35% {clip: rect(39px, 9999px, 45px, 0); transform: skew(0.47deg);}
  40% {clip: rect(72px, 9999px, 99px, 0); transform: skew(0.01deg);}
  45% {clip: rect(91px, 9999px, 89px, 0); transform: skew(0.99deg);}
  50% {clip: rect(81px, 9999px, 22px, 0); transform: skew(0.15deg);}
  55% {clip: rect(69px, 9999px, 8px, 0); transform: skew(0.27deg);}
  60% {clip: rect(55px, 9999px, 52px, 0); transform: skew(0.68deg);}
  65% {clip: rect(88px, 9999px, 35px, 0); transform: skew(0.11deg);}
  70% {clip: rect(88px, 9999px, 61px, 0); transform: skew(0.81deg);}
  75% {clip: rect(89px, 9999px, 95px, 0); transform: skew(0.25deg);}
  80% {clip: rect(9px, 9999px, 40px, 0); transform: skew(0.69deg);}
  85% {clip: rect(2px, 9999px, 2px, 0); transform: skew(0.78deg);}
  90% {clip: rect(72px, 9999px, 92px, 0); transform: skew(0.99deg);}
  95% {clip: rect(94px, 9999px, 96px, 0); transform: skew(0.04deg);}
  100% {clip: rect(72px, 9999px, 54px, 0); transform: skew(0.51deg);}
}
@keyframes glitch-skew {
  0% {transform: skew(-4deg);}
  10% {transform: skew(4deg);}
  20% {transform: skew(5deg);}
  30% {transform: skew(-3deg);}
  40% {transform: skew(-2deg);}
  50% {transform: skew(-1deg);}
  60% {transform: skew(-2deg);}
  70% {transform: skew(2deg);}
  80% {transform: skew(-3deg);}
  90% {transform: skew(1deg);}
  100% {transform: skew(-2deg);}
}

#circulo-1, #circulo-2, #circulo-3, #circulo-4{
	transform-origin: 155px 155px;
}
  

.v3 path {
	stroke: #8FC74A;
	stroke-width: 4;
  }
.v3 {
	stroke-dasharray: 1200 150;
	stroke-dashoffset: 2700;
	animation: draw 10s linear infinite;
	fill: transparent;
	width: 120px;
	position: absolute;
	opacity: 0;
  }
  
  @keyframes draw {
	to {
	  stroke-dashoffset: 0
	}
  }



@media (max-width: 1023px){
	.container{
		padding: 0px 15px;
	}
}
@media (max-width: 768px){
	#empresa .is-12 img{
		margin: 0 auto;
	}
	#empresa h3{
		text-align: center;
	}
	section p{
		text-align: justify;
	}
	footer, footer h5, footer .has-text-right{
		text-align: center !important;
	}
}