/*
Theme Name: Reivax
Theme URI: http://reivax.com/
Author: Felipe Perin
Author URI: http://adnomad.com.br/
Description: Tema criado para a empresa Reivax
Version: 1.0
*/

a{text-decoration:none}ol,ul{list-style:none}a,article,blockquote,body,dd,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,label,legend,li,main,nav,ol,p,section,span,ul{margin:0;padding:0;border:0;vertical-align:baseline}a,h1,h2,h3,h4,h5,h6,p,ul{font-size:1em;font-weight:400}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{width:1140px;margin:0 auto;padding:0;position:relative}.container:after,.container:before{content:" ";display:table}.container:after{clear:both}.grid-1,.grid-1-3,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{float:left;margin-left:10px;margin-right:10px}.grid-1{width:50px}.grid-2{width:120px}.grid-3{width:190px}.grid-4{width:260px}.grid-5{width:330px}.grid-6{width:400px}.grid-7{width:470px}.grid-8{width:540px}.grid-9{width:610px}.grid-10{width:680px}.grid-11{width:750px}.grid-12{width:820px}.grid-13{width:910px}.grid-14{width:980px}.grid-15{width:1050px}.grid-16{width:1120px}.grid-1-3{width:30%}@media only screen and (min-width: 768px) and (max-width: 991px){.container{width:768px}.grid-1{width:28px}.grid-2{width:76px}.grid-3{width:124px}.grid-4{width:172px}.grid-5{width:220px}.grid-6{width:268px}.grid-7{width:316px}.grid-8{width:364px}.grid-9{width:412px}.grid-10{width:460px}.grid-11{width:508px}.grid-12{width:556px}.grid-13{width:604px}.grid-14{width:652px}.grid-15{width:700px}.grid-16{width:748px}.grid-1-3{width:236px}}@media only screen and (max-width: 991px){.container{width:100%}.grid-1,.grid-1-3,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{width:100%;margin:0 0 20px 0;float:none}}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal;outline:none}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid white}.lightbox a img{border:none}.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:white}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:none;background-image:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input{border:none}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0 !important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.sf-menu{margin:0;padding:0;list-style:none;position:relative}ul.sf-menu li.normal_drop_down ul,ul.sf-menu li.menu-item-has-children ul{margin:0;padding:0;list-style:none}.sf-menu li.normal_drop_down,.sf-menu li.menu-item-has-children{position:relative}ul.sf-menu li ul{position:absolute;display:none;top:100%;left:0;z-index:999}.sf-menu>li{float:left}.sf-menu li:hover>ul,.sf-menu li.sfHover>ul{display:block}.sf-menu ul ul{top:0;left:100%}.sf-menu{margin-bottom:0}.sf-menu a{display:block;position:relative;padding:1.1em 1.8em;text-decoration:none;zoom:1;color:#fff}.sf-menu li{-webkit-transition:background .2s;transition:background .2s}ul.sf-menu li a{color:#fff}.sf-menu li:hover,.sf-menu li.sfHover{-webkit-transition:none;transition:none;color:#fff}.sf-arrows .sf-with-ul{padding-right:2.5em;*padding-right:1em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#fff;border-top-color:rgba(255,255,255,0.5)}.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after{border-top-color:#FF9}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#FF9;border-left-color:rgba(255,255,255,0.5)}.sf-arrows ul li>.sf-with-ul:focus:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul .sfHover>.sf-with-ul:after{border-left-color:white}.mobnav-subarrow{display:none}#mobnav-btn{display:none;z-index:9999;position:absolute;width:30px;height:30px;top:100px;left:5%;background-color:transparent;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;cursor:pointer}#mobnav-btn span{position:absolute;top:0;width:100%;display:block;height:3.5px;border-radius:50px;background:#fff;opacity:1;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#mobnav-btn span:nth-child(2),#mobnav-btn span:nth-child(3){top:10px}#mobnav-btn span:nth-child(4){top:20px}#mobnav-btn.open span:nth-child(1),#mobnav-btn.open span:nth-child(4){opacity:0;transform:opacity .1s;-webkit-transform:.1s;-moz-transform:.1s;-o-transform:.1s;top:12px;width:0%;left:50%}#mobnav-btn.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#mobnav-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width: 991px){#mobnav-btn{display:block}#mobnav-btn.open{position:fixed}.mobnav-subarrow{display:block;color:#FFF;height:64px;width:100%;background-position:top left !important;position:absolute;top:0;right:0;cursor:pointer;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.sf-menu{width:100% !important;display:none}.sf-menu.xactive{display:block !important}.sf-menu li{float:none !important;display:block !important;width:100% !important}.sf-menu li a{float:none !important}.sf-menu ul{position:static !important;display:none !important}.xpopdrop ul{display:block !important}.xpopdrop>ul{display:block !important}}.sf-menu li ul{padding-top:10px}ul.sf-menu li ul{top:100%}ul.sf-menu ul ul{top:0;left:100%}

@font-face{font-family:SegoeUI;src:local("Segoe UI Light"),url(font-segoe/segoeuil.woff2) format("woff2");font-weight:100}@font-face{font-family:SegoeUI;src:local("Segoe UI Semilight"),url(font-segoe/segoeuisl.woff2) format("woff2");font-weight:200}@font-face{font-family:SegoeUI;src:local("Segoe UI"),url(font-segoe/segoeui.woff2) format("woff2");font-weight:400}@font-face{font-family:SegoeUI;src:local("Segoe UI Semibold"),url(font-segoe/segoeuisb.woff2) format("woff2");font-weight:600}@font-face{font-family:SegoeUI;src:local("Segoe UI Bold"),url(font-segoe/segoeuib.woff2) format("woff2");font-weight:700}@font-face{font-family:SegoeUI;src:local("Segoe UI Black"),url(font-segoe/segoeuibl.woff2) format("woff2");font-weight:800}


.container-wide { width:inherit; margin:0; padding:0; position:relative; }
.container-wide:after,.container:before{ content:" "; display:table; }
.container-wide:after{ clear:both; }

html { scroll-behavior: smooth; }

body, p {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	color: var(--reivax-text);
}

:root {
  --reivax: #D10029;
  --reivax-secondary: #Ce0025;
  --reivax-renewable: #FF9A00;
  --reivax-vision: #3E3E76;
  --reivax-text: #000000;
  --revaix-green: #8fd143;
  --lateral-gutter: 10rem;
  --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1240px) { :root { --lateral-gutter: 2vw; } }
@media (max-width: 1118px) { :root { --lateral-gutter: 1vw; } }
@media (max-width: 1000px) { :root { --lateral-gutter: 4vw; } }
@media (max-width: 600px) { :root { --lateral-gutter: 4vw; } }
@media (min-width: 1920px) { :root { --lateral-gutter: 16vw; } }


.area {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; 
}
.hidden { display: none; }

h1, h2, h3, h4 {
	font-family: "Segoe UI", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #fff;
	padding: 5px 0;
}
h1 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 700; }	
h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700; }
h3 {
	font-size: 20px;
	line-height: 28px; }
h4 {
	font-size: 16px;
  line-height: 24px; }
p.small {
	font-size: 14px;
	line-height: 20px; }
.subtitle {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400; }

p a { color: var(--reivax); }
a:hover { color: var(--reivax); }
img { width: 100%; height: auto; margin: 0 auto; }
video { 
  width: 100%;
  box-shadow: var(--box-shadow); 
}

.fg-caption-inner,
.fbx-caption-desc {
  display: none !important;
}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.btn,
button.btn {
  font-family: 'Segoe UI', sans-serif;
	display: block;
  text-decoration: none;
	border-radius: 5px;
	padding: 12px 28px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 600;
	width: max-content;
	text-align: center;
	transition: all .2s ease-in-out;
	margin: 10px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.btn-red { 
  color: #fff;
  background: #171e30;
  border: none;
  box-shadow: var(--box-shadow);
}
.btn-red:hover { 
  color: #fff;
  background: var(--reivax);
}
.btn-white { 
  color: #fff;
  background: transparent;
  border: 3px solid #fff;
  box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.15);
}
.btn-white:hover {
  color: var(--reivax-text);
  background: #fff;
  border: 3px solid #fff;
}
.btn-reverse { 
  color: var(--reivax);
  background: transparent;
  border: 3px solid var(--reivax);
  box-shadow: var(--box-shadow);
}
.btn-reverse:hover { 
  color: var(--revaix-green);
  background: transparent;
  border: 3px solid var(--revaix-green);
}


/*################
---- HERO AREA ----
###############*/
section.hero-area {
  background-size: cover;
}
section.hero-area .content {
  margin: 70px auto;
}
section.hero-area h3 {
  text-shadow:  0px 2px 2px rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
}

/*################
---- BREADCRUMB ----
###############*/
section.breadcrumb {
  padding: 15px 0;
  background: #f9f9f9;
}
section.breadcrumb p {
  margin-left: 15px;
}
section.breadcrumb.branco {
  background: #fff;
}
section.breadcrumb a, 
section.breadcrumb span {
  color: var(--reivax);
}
section.breadcrumb a,
section.buscas-relacionadas .buscas-retornos a {
  font-weight: 600;
}
section.breadcrumb a {
  margin-left: 6px;
}
section.breadcrumb a:before,
section.breadcrumb span:before {
	font-family: FontAwesome;
	content: "\f105";
  padding: 0 6px;
}
section.breadcrumb a:nth-of-type(2) {
  margin-left: 0;
}

/*#############
---- AREA ----
#############*/
section.cases.cta-cases .area,
section.noticias-relacionadas .area,
section.noticias .area,
section.clientes .area,
section.cta-contato.mapa-only .area {
  width: 55%;
  margin: 0 auto;
  text-align: center;
}
section.noticias.post-area .area {
  width: 100%;
  text-align: left;
}

/*################
---- SECTION MAPA HOME ----
###############*/
section.mapa-home {
  background: #f9f9f9;
	/* background: #D5E8FF;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(213,232,255,1) 100%); */
	padding: 160px var(--lateral-gutter) 100px;  
}
section.mapa-home .container-wide > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
section.mapa-home .title-home {
  background: #171e30;
  position: absolute;
  top: -10%;
  z-index: 999;
  padding: 30px 40px;
  border-radius: 10px;
  width: 70%;
  box-shadow: var(--box-shadow);
}
section.mapa-home .title-home h4 {
  color: #fff;
  text-align: center;
  font-size: 19px;
  line-height: 32px;
  font-weight: 600;
}
/*################
---- SECTION INDICADORES ----
###############*/
section.indicadores {
  background: #fff;
  padding: 80px var(--lateral-gutter); 
}
section.indicadores .indicador {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  margin: 0;
}
section.indicadores .indicador li:not(:first-child):before {
  content: '';
  position: relative;
  display: block;
  background: var(--reivax-secondary);
  height: 150px;
  width: 0.8px;
  margin-right: 40px;
}
section.indicadores .indicador li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
section.indicadores .indicador img {
  max-width: 150px;
  margin: 0;
  padding: 0 15px;
}
section.indicadores .indicador h2 {
  color: var(--reivax);
  display: inline-flex;
  flex-flow: row nowrap;
  font-weight: 700;
  font-size: 38px;
  line-height: 42px;
}
section.indicadores .indicador span {
  color: var(--reivax);
  font-size: 22px;
  font-weight: 600;
  margin-left: 5px;
}
section.indicadores .indicador h4 {
  color: var(--reivax-text);
  width: 60%;
  font-weight: 200;
  font-size: 22px;
  line-height: 28px;
  padding: 0;
}

/*########################
---- SECTION ACADEMY ----
########################*/
section.academy-intro {
  padding: 70px var(--lateral-gutter);
}
section.academy-intro h2,
section.academy-intro h3,
section.academy-intro h4 {
  color: var(--reivax-text);
}
section.academy-intro h3 {
  margin-bottom: 25px;
  color: #555;
}
section.academy-intro .logo-academy img {
  margin: 5px 0 15px;
  max-width: 230px;
}
section.academy-intro .img-academy img {
  margin-top: 20px;
  padding: 20px 25px;
  padding-right: 0;
}
section.academy-intro .diferenciais {
  border: 1px var(--reivax) solid;
  padding: 15px 20px;
  border-radius: 15px;
  margin-top: 40px;
  width: 90%;
}
section.academy-intro .diferenciais h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
section.academy-intro .diferenciais ul li {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 12px;
}
section.academy-intro .diferenciais i {
  margin-right: 5px;
  color: var(--reivax-secondary);
}
section.mobile-academy {
  display: none;
}
section.box-cursos {
  background-size: cover;
  padding: 15px var(--lateral-gutter);
}
section.cursos {
  background: #f0f0f0;
  padding: 70px var(--lateral-gutter);
}
section.cursos .title-cursos h1 {
  color: var(--reivax-text);
  font-size: 28px;
  line-height: 36px;
  margin: 15px auto 10px;
}
section.cursos ul {
  margin: 40px 0 30px;
}
section.cursos ul li h2 {
  color: var(--reivax-text);
  color: #171e30;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
}
section.cursos ul li p {
  color: #555;
  font-size: 18px;
  line-height: 26px;
  font-weight: 200;
  margin: 7px 0 5px;
  text-align: left;
}
section .tab {
  padding: 5px 0;
  overflow: hidden; 
  margin: 10px;
}
section.cursos ul li .tab-content {
  margin-left: 20px;
}
section.cursos ul li .tab-content .tabela {
  width: 98%;
  margin-bottom: 30px;
}
section.cursos ul li .tab-content .tabela tr:first-of-type {
  border-bottom: 1px #bfbfbf solid;
  color: #171e30;
}
section.cursos ul li .tab-content .tabela td {
  width: 16%;
  padding: 5px 0;
}
section.cursos ul li .tab-content h3 {
  color: #555;
  font-style: italic;
  padding-bottom: 30px;
}
section.cursos ul li .tab-content img {
  margin-top: 8px;
  width: 25px;
  height: 25px;
}

/*########################
---- ILUSTRAÇÃO HOME ----
########################*/
section .accordion {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: start;
  padding: 25px;
  border-radius: 15px;
  cursor: pointer;
  background: #fff;
  box-shadow: var(--box-shadow);
  transition: all .25s ease-in-out; 
}
section.ilustracao.home {
  background: #fff;
  padding: 80px var(--lateral-gutter) 120px; 
}
section.ilustracao.home .grid-5 {
  padding-top: 40px;
}
section.ilustracao.home .grid-5 h3 {
  color: var(--reivax-text);
  font-weight: 600;
  margin: 10px 0 20px 10px;
}
section.ilustracao.home .accordion {
  width: 90%;
  padding: 7px 7px 7px 20px;
  border-radius: 10px;
}
section.ilustracao.home .tab.power .accordion {
  background: var(--reivax);
}
section.ilustracao.home .tab.power .tab-content a {
  color: var(--reivax);
}
section.ilustracao.home .tab.renewable .accordion {
  background: var(--reivax-renewable);
}
section.ilustracao.home .tab.renewable .tab-content a {
  color: var(--reivax-renewable);
}
section.ilustracao.home .tab.vision .accordion {
  background: var(--reivax-vision);
}
section.ilustracao.home .tab.vision .tab-content a {
  color: var(--reivax-vision);
}
section.ilustracao.home .accordion h4 {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}
section .accordion:after {
  content: '\f0d7';
  font-family: 'FontAwesome';
  font-size: 32px;
  color: #171e30;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  padding-right: 40px;
  transition: all .25s ease-in-out; 
}
section.ilustracao.home .accordion:after {
  color: #fff;
  font-size: 24px;
  padding-right: 0;
  padding-top: 5px;
}
section .accordion.active:after {
  content: "\f0d8";
}
section.ilustracao.home .tab .accordion.active {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px 0px inset;
  transition: all .5s ease-in-out; 
}
section.ilustracao.home .tab-content a {
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 5px;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
}
section .tab-content p {
  color: var(--reivax-text);
  display: flex;
}
section .tab-content a {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 7px;
  color: var(--reivax);
  transition: all .25s ease-in-out;
}
section .tab-content a.download:after {
  content: "\f019";
  font-family: FontAwesome;
  margin-left: 8px;
}

section .tab-content i { 
  padding-left: 10px;
  padding-top: 5px;
  color: var(--reivax);
}
section .tab-content a:hover {
  text-decoration: underline;
}
section .tab-content {
  text-align: left; 
  padding: 20px 10px 0; 
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
}
section.ilustracao.home .tab-content {
  padding: 15px 10px 0;
}

/*#########################
----  PAGE DOWNLOADS ----
#########################*/
section.downloads {
  background: #fff;
  padding: 80px var(--lateral-gutter) 100px;
}
section.downloads form p {
  text-transform: uppercase;
}
section.downloads .selecao form .solucoes {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  margin-top: 20px;
}
section.downloads .selecao span {
  font-family: 'Segoe UI', sans-serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 10px;
}
section.downloads .selecao .solucoes span:first-of-type {
  margin-top: 10px;
}
section.downloads .selecao .solucoes span:before {
  display: inline-flex;
  content: '';
  width: 30px;
  height: 13px;
  border-radius: 5px;
  margin-right: 7px;
}
section.downloads .selecao form .documentos {
  padding: 15px 5px 25px;
  border-bottom: 1px #bfbfbf solid;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  width: inherit;
  margin-bottom: 40px;
}
section.downloads .selecao form .documentos label {
  line-height: 36px;
} 
section.downloads .selecao form .documentos input {
  width: inherit;
  transform: translateY(7%);
  margin: 0 18px 0 3px;
}
section.downloads .selecao span:first-of-type:before {
  background: var(--reivax);
}
section.downloads .selecao span:nth-of-type(2):before {
  background: var(--reivax-renewable);
}
section.downloads .selecao span:last-of-type:before {
  background: var(--reivax-vision);
}

section.downloads form .solucoes input[type=radio] {
  appearance: none;
  width: inherit;
	box-shadow: none;
	border-radius: none;
  border: none;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
section.downloads form .solucoes label {
  font-size: 14px;
  line-height: 26px;
  color: #555;
  margin-left: 10px;
  padding-right: 25px;
  transition: all .2s ease-in-out;
}
section.downloads form .solucoes label:before {
	font-family: FontAwesome;
	content: "\f105";
	margin-right: 7px;
  color: var(--reivax);
}
section.downloads form label[for=allx]:before,
section.downloads form label[for=ally]:before,
section.downloads form label[for=allz]:before {
  content: "\f101";
}
section.downloads form input[type=radio]:checked+label:before {
  color: #555;
}

section.downloads form input[type=radio]+label:hover {
  color: var(--reivax-text);
  cursor: pointer;
}
input[type="radio"]:checked+label{
  font-weight: 600;
}

section.downloads .downloads-intro {
  padding: 20px 20px 15px;
  background: #f0f0f0;
}
section.downloads .downloads-intro p {
  font-size: 15px;
  color: #555;
}
section.downloads .downloads-lista {
  border-bottom: 1px #f0f0f0 solid;
  padding: 15px 20px 20px;
}
section.downloads span.arquivo {
  color: #bfbfbf;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 0;
}
section.downloads .downloads-lista .documentos {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
section.downloads .downloads-lista p {
  font-size: 15px;
  font-weight: 400;
  color: var(--reivax);
}
section.downloads a:hover .downloads-lista .documentos i {
  transform: translateY(-8%);
}
section.downloads a:hover .downloads-lista {
  background: #fff9ff;
}
section.downloads .downloads-lista .documentos i {
  padding-top: 5px;
  color: var(--reivax);
  font-weight: 400;
  padding-right: 10px;
  transition: all .3s ease-in-out;
}


/*#########################
----  ----
#########################*/


section.noticias h1,
section.clientes h1,
section.clientes h4,
section.noticias h2,
section.noticias h3,
section.noticias h4,
section.webinars h4,
section.produtos.in-mercados h2,
section.solucoes.in-mercados h2,
section.representantes h2,
section.buscas-relacionadas h3,
section.buscas-relacionadas h4 {
  color: var(--reivax-text);
}

section .box-item {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 60px auto;
}


/*#####################
---- CTA LINKEDIN ----
#####################*/
section.cta-academy img {
  margin-bottom: -10px;
}
section.cta-linkedin {
  background: rgb(23,30,48);
  background: radial-gradient(circle, rgba(169,36,45,1) 0%, rgba(106,23,28,1) 50%, rgba(43,9,11,1) 100%);
  padding: 10px 0 0;
  position: relative;
}
section.cta-linkedin .banner-linkedin {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
section.cta-linkedin:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  display: block;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(191,191,191,1) 100%);
  height: 80px;
  width: 100%;
  padding: 0;
  margin: 0;
}
section.cta-linkedin .banner-linkedin .grid-8 {
  margin-bottom: 0;
}
section.cta-linkedin .banner-linkedin img {
  position: relative;
  z-index: 10;
  margin: 10px auto 0;
  height: auto;
  width: 60%;
  float: right;
  margin-right: -15px;
}
section.cta-linkedin .banner-linkedin .texto-linkedin {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: start;
  padding-right: 20px;
}
section.cta-linkedin .banner-linkedin .texto-linkedin h3 {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 10px;
}
section.cta-linkedin .banner-linkedin .texto-linkedin a {
  margin-top: 20px;
}
section.cta-linkedin .banner-linkedin  .redes-sociais {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
section.cta-linkedin .banner-linkedin  .redes-sociais i {
  color: #fff;
  padding: 7px 20px 7px 0;
  font-size: 26px;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
section.cta-linkedin .banner-linkedin  .redes-sociais i:hover {
  color: #171e30;
}

/*######################
---- PAGE NOTÍCIAS ----
######################*/
section.noticias.page {
  background: #fff;
  padding: 40px var(--lateral-gutter);
}
section.noticias.home {
  background: #fff;
  padding: 80px var(--lateral-gutter);
}
section.noticias.post-area {
  background: #fff;
  padding: 40px var(--lateral-gutter);
}

section .box-item img,
section.noticias .destaque,
section.noticias .destaque img {
  border-radius: 15px;
}
section.noticias .box-item li {
  position: relative;  
  background: transparent;
  min-height: 360px;
  padding: 15px 15px 25px;
  border-radius: 5px;
  box-shadow:  5px 5px 21px #dadada, -5px -5px 21px #ffffff;
  transition: all .25s ease-in-out;
}

section.noticias .destaque {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: start;
  background: transparent;
  padding: 15px 0;
}
section.noticias .destaque .box-item,
section.noticias .destaque .casos {
  margin: 10px auto 20px;
}
section.noticias h3 {
  padding-top: 0;
}
section.noticias a h3,
section.noticias.page .destaque p {
  transition: all .25s ease-in-out;
}
section.noticias .destaque h3 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: var(--reivax-text);
}
section.noticias.page .destaque h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
section.noticias.page .destaque p {
  color: #bfbfbf;
  padding-top: 0;
}
section.noticias.page .destaque .box-item:hover p {
  color: #555;
}
section .noticias-texto {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}
section .noticias-texto i {
  padding-left: 5px;
  transition: padding .25s ease-in-out;
}
section.noticias.page .destaque .noticias-texto {
  margin-left: 15px;
}
section.noticias .destaque .noticias-thumb {
  transition: transform .5s ease-in-out;
}
section.noticias .destaque a:hover .noticias-thumb {
  transform: translateX(1.5%);
}
section.noticias .destaque h3,
section.noticias .destaque h4,
section.noticias .destaque span {
  font-family: 'Open Sans', sans-serif;
}
section.noticias .destaque a:hover h3 {
  color: var(--reivax-secondary);
}
section.home-carousel h2,
section.noticias .destaque h2 {
  font-size: 20px;
  line-height: 28px;
  color: var(--reivax-secondary);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
}
section.noticias .destaque h2 {
  margin-bottom: 25px;
}
section.noticias .destaque .title-home h2:after {
  display: block;
  content: '';
  position: relative;
  padding-top: 4px;
  border-bottom: 1px var(--reivax-secondary) solid;
  width: calc(100% + 5%);
}
section.noticias .destaque .title-home span { display: none;}
section.noticias .destaque .title-home span {
  color: #555;
  font-size: 20px;
  line-height: 24px;
  font-weight: 200;
  margin: 10px 0 30px;
}
section.noticias .destaque .noticias-thumb {
  margin-left: 0;
}
section.noticias .noticias-thumb img {
  box-shadow: var(--box-shadow);
}
section.noticias .blog-category span a,
section.cases .blog-category span a,
section.noticias .category-date span.categorias {
  display: inline-flex;
  flex-flow: row wrap;
  margin: 5px 5px 5px 0;
	border: 1px var(--reivax) solid;
  background: transparent;
	color: var(--reivax);
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 4px 14px;
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}
section.noticias .blog-category span a:hover,
section.cases .blog-category span a:hover {
  background: var(--reivax);
  color: #fff;
}
section.noticias .category-date span {
  color: #bfbfbf;
}
section.noticias .category-date span.categorias {
  padding: 3px 12px;
  margin: 5px 0 5px 7px;
  border: 1px #bfbfbf solid;
  background: #fff;
  color: #bfbfbf;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

section.noticias .post-header .blog-category,
section.cases .blog-category { 
  margin-bottom: 10px;
}
@media screen and (max-width: 991px)  {
  section.noticias .blog-category,
  section.cases .blog-category,
  section.noticias aside .search,
  section.cases aside .search { 
    width: 100%; 
    margin: 0 auto 30px; 
    padding: 0 var(--lateral-gutter); }
  section aside .aside-img { max-width: 90%; }
}

section aside .aside-img { 
  margin: 30px auto;
}
section aside .aside-img img {
  border-radius: 15px;
}
section aside p { 
  font-weight: 600;
}

section.noticias.home .btn {
  margin-top: 20px;
  margin-left: -10px;
}

section.noticias .casos .cases-text span {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #fff;
}
section.noticias .casos .cases-text h4 {
  font-size: 20px;
  line-height: 26px;
  padding: 0 30px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 700;
}
section.noticias h4 {
  font-weight: 400;
}
section.noticias .destaque p:last-of-type {
  padding-bottom: 15px;
}
section.noticias.home .destaque .noticias-texto {
  margin-left: 10px;
}
section.noticias .noticias-texto span,
section.webinars .box-item span,
section.breadcrumb p {
  font-size: 13px;
  color: #b0b0b0;
}
section.noticias.page .noticias-texto span {
  margin-bottom: 7px;
}
section.noticias.page .noticias-texto .category-date {
  display: inline-flex;
  flex-direction: row wrap;
  justify-content: flex-start;
}
section.noticias.post-area span,
section .noticias-texto span,
section.cases .box-item li p.small,
section.artigos .box-item li p.small {
  text-transform: capitalize;
}
section.noticias.post-area img.img-topo {
  margin: 20px 0 0;
  border-radius: 15px;
  width: 95%;
}
section.noticias.post-area .post-text {
  padding-right: 3%;
}
section.noticias.post-area .post-text img {
  max-width: 95%;
  width: max-content;
  margin: 20px 0 10px;
}
section.noticias.post-area p.wp-caption-text {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  padding: 0 auto;
  margin-top: -20px;
}
section.noticias.post-area h2,
section.noticias.post-area h3,
section.noticias.post-area h4 {
  padding-top: 20px;
  font-weight: 700;
  color: var(--reivax-text);
}
section.noticias.post-area h2 {
  font-size: 28px;
  line-height: 36px;
  padding-top: 5px;
  padding-right: 5px;
}
section.noticias.post-area p,
section.politica p,
section.webinars.post-area p {
  font-size: 16px;
  line-height: 30px;
  padding: 10px 0;
}
section.noticias.page aside {
  margin-top: 30px;
}
section.cases aside {
  margin-top: 70px;
}
section.cases.categorias aside,
section.noticias.post-area aside {
  margin-top: 50px;
}
aside .recent-posts {
  padding: 20px 0;
}
aside .recent-posts:before {
  display: flex;
  justify-content: center;
  content: '';
  background: var(--reivax);
  border: none;
  height: 1px;
  width: 100%;
  margin: 20px auto;
}
aside .recent-posts ul li {
  display: flex;
  flex-flow: column wrap;
  margin: 0 0 18px 0;
}
aside .recent-posts ul li img {
  border-radius: 5px;
  margin: 5px 0 10px;
}
aside .recent-posts ul li a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--reivax-text);
  transition: all .25s ease-in-out;
}
aside .recent-posts ul li a:hover {
  color: var(--reivax);
}
section.noticias .category-page {
  margin-bottom: 40px;
}


/*###################
---- PAGE CASES ----
##################*/
section.cases {
  background: #fff;
  padding: 0 var(--lateral-gutter) 60px;
}
section.cases .box-item {
  justify-content: flex-start;
}
section.cases.categorias .box-item {
  margin-top: 40px;
}
section.noticias.home .box-item li,
section.cases .box-item li,
section.missao-visao .box-item li,
section.box-cursos li {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  box-shadow: var(--box-shadow);
  background: #f9f9f9;
  padding: 35px 0 0;
  border-radius: 20px;
  text-align: center;
}
section.cases .box-item li {
  position: relative;
  min-height: 300px;
  margin: 15px 12px;
  z-index: 1;
}
section.cases .box-item img {
  width: 45px;
}
section.cases .box-item i {
  padding-right: 5px;
}
section.cases .category-page {
  margin-bottom: 15px;
  margin-left: 0;
}
section.noticias.home .box-item li {
  position: relative;
  margin: 0 0 30px;
  min-height: 220px;
  z-index: 1;
}
section.noticias.home .box-item.casos li {
  margin: 0 0 10px;
}

section.noticias.home .box-item li.last-of {
  margin-bottom: 5px;
}
section.cases .box-item li .overlay,
section.noticias.home .casos li .overlay {
  z-index: 99;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  background: rgba(0,0,0,.5);
  transition: all .5s ease-in-out;
}
section.noticias.home .casos li .overlay {
  background: rgba(0,0,0,.3);
}
section.cases .box-item li:hover .overlay {
  backdrop-filter: blur(3px);
}
section.noticias.home .casos li:hover .overlay {
  backdrop-filter: blur(3px);
  background: rgba(0,0,0,.5);
}
section.noticias.home .casos li .cases-text,
section.cases .box-item li .cases-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 40px;
  left: 0;
  padding: 25px;
  z-index: 9999;
  transition: all .5s ease-in-out;
}
section.noticias.home .casos li.last-of {
  background: url('/wp-content/uploads/2024/05/hero.jpg') bottom center;
  background-size: cover;
}   
section.noticias.home .casos li.first-of {
  background: url('/wp-content/uploads/2024/05/eolicas.jpg') center;
  background-size: cover; 
}
section.noticias.home .casos li .cases-text,
section.cases .box-item li:hover .cases-text {
  transform: translateY(-1.5%);
}
/* section.cases .box-item li:nth-child(1),
section.cases .box-item li:nth-child(3),
section.cases .box-item li:nth-child(6),
section.cases .box-item li:nth-child(8) {
  background: url('/wp-content/uploads/2024/05/eolicas.jpg') center;
  background-size: cover;
}
section.cases .box-item li:nth-child(2),
section.cases .box-item li:nth-child(4),
section.cases .box-item li:nth-child(5),
section.cases .box-item li:nth-child(7) {
  background: url('/wp-content/uploads/2024/05/hero.jpg') center;
  background-size: cover;
} */
section.cases .box-item li h3 {
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  font-weight: 700;
}
section.cases .box-item li p {
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
}

section.missao-visao .box-item li,
section.box-cursos .box-item li {
  background: #fff;
  padding: 25px;
}
section.cases .box-item h3,
section.missao-visao .box-item h3,
section.box-cursos .box-item h3 {
  color: var(--reivax-text);
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  padding: 12px 20px;
}
section.missao-visao .box-item h3,
section.box-cursos .box-item h3 {
  color: #555;
  font-size: 20px;
  padding: 15px auto;
  font-weight: 700;
}

/*################
---- TABS ----
###############*/
section.painel {
  background: #fff;
  padding: 0;
}
section.painel div .content-tab {
  display: flex;
  flex-direction: row wrap;
  justify-content: center;
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 1;
  opacity: 0;
  transition: all .5s ease-in-out;
}
section.painel.service div .content-tab {
  overflow: visible;
  max-height: inherit;
  margin: 40px auto 80px;
}
section.painel.service div .tab2 .content-tab .content,
section.painel.service div .tab4 .content-tab .content {
  flex-direction: row-reverse;
}
section.painel .content-tab .content-text {
  font-family: 'Open Sans', sans-serif;
  position: absolute;
  bottom: 25%;
  width: 65%;
  padding: 20px 30px 25px;
  backdrop-filter: blur(10px) brightness(80%);
  opacity: 0;
  transition: all .5s ease-in-out;
}
section.painel.service .content-tab .content-text {
  position: relative;
  bottom: inherit;
  backdrop-filter: none;
  padding: 20px 0;
  width: 100%;
}
section.painel .content-tab h2 {
  font-family: 'Segoe UI', sans-serif;
}
section #tab1:checked ~ .tab1 .content-tab .content-text,
section #tab2:checked ~ .tab2 .content-tab .content-text,
section #tab3:checked ~ .tab3 .content-tab .content-text,
section #tab4:checked ~ .tab4 .content-tab .content-text,
section #tab5:checked ~ .tab5 .content-tab .content-text { 
  opacity: 1;
}

section.painel .content-tab .content-text h2,
section.painel .content-tab .content-text p {
  color: #fff;
}
section.painel.service .content-tab h2,
section.painel.service .content-tab p {
  color: var(--reivax-text);
}
section.painel .content-tab p {
  font-size: 16px;
}
section.painel div .content-tab img {
  background-position: center bottom;
}
section .content h4 {
  color: white;
  font-weight: 600;
  padding: 12px;
}
section .tabs > input,
section .tabs > div { 
  display: none;
}
section #tab1:checked ~ .tab1,
section #tab2:checked ~ .tab2,
section #tab3:checked ~ .tab3,
section #tab4:checked ~ .tab4,
section #tab5:checked ~ .tab5 { 
  display: block;
  opacity: 1;
}
section #tab1 ~ .tab1 .content-tab,
section #tab2 ~ .tab2 .content-tab,
section #tab3 ~ .tab3 .content-tab,
section #tab4 ~ .tab4 .content-tab,
section #tab5 ~ .tab5 .content-tab { 
  opacity: 0;
}

section #tab1:checked ~ .tab1 .content-tab,
section #tab2:checked ~ .tab2 .content-tab,
section #tab3:checked ~ .tab3 .content-tab,
section #tab4:checked ~ .tab4 .content-tab,
section #tab5:checked ~ .tab5 .content-tab {
  opacity: 1;
  transition: all .5s ease-in-out;
}

section .tabs { 
  width: 100%;
  margin: 0 auto;
}
section.painel .tabs ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background: #171e30;
}
section.painel.service .tabs ul {
  background: #555
}
section.painel .tabs ul li label {
  float: left;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  padding: 28px 64px;
  letter-spacing: 1px;
  color: #fff;
  cursor: pointer;
}
section.painel.service .tabs ul li label {
  border-right: 1px solid #777;
  padding: 28px 76px;
}
section.painel.service .tabs ul li label:first-of-type {
  border-left: 1px solid #777;
}
section .tabs ul li label svg {
  transform: translateY(20%);
  margin-right: 4px;
}
section .tabs ul li:not(:last-child) label { border-right-width: 0; }
section .tabs div { clear: both; }
section .tabs section div {
  padding: 0;
  width: 100%;
}
section .tabs ul li label:active {
  color: var(--reivax);
}
section.painel.service .tabs ul li label:active {
  color: #bfbfbf;
  background: #777;
}
section #tab1 ~ nav .tab1 label:hover,
section #tab2 ~ nav .tab2 label:hover {
  color: var(--reivax);
}
section .tabs ul li label {
  position: relative;
}
section.painel.home .tabs ul li label:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 7px;
  top: 0;
  left: 0;
  transform-origin: bottom right;
  transition: transform .2s ease-in-out;
}
section #tab1 ~ nav .tab1 label:hover,
section #tab2 ~ nav .tab2 label:hover {
  color: var(--reivax);
}
section #tab1 ~ nav .tab1 label:after, 
section #tab2 ~ nav .tab2 label:after {
  background: var(--reivax);
}
section #tab3 ~ nav .tab3 label:hover,
section #tab4 ~ nav .tab4 label:hover {
  color: var(--reivax-renewable);
}
section #tab3 ~ nav .tab3 label:after, 
section #tab4 ~ nav .tab4 label:after {
  background: var(--reivax-renewable);
}
section #tab5 ~ nav .tab5 label:hover {
  color: var(--reivax-vision);
}
section #tab5 ~ nav .tab5 label:after {
  background: var(--reivax-vision);
}
section.painel.service #tab1 ~ nav .tab1 label:hover,
section.painel.service #tab2 ~ nav .tab2 label:hover,
section.painel.service #tab3 ~ nav .tab3 label:hover,
section.painel.service #tab4 ~ nav .tab4 label:hover {
  background: #777;
  color: #fff;
}
section.painel.service #tab1:checked ~ nav .tab1 label,
section.painel.service #tab2:checked ~ nav .tab2 label,
section.painel.service #tab3:checked ~ nav .tab3 label,
section.painel.service #tab4:checked ~ nav .tab4 label,
section.painel.service #tab5:checked ~ nav .tab5 label {
  background: #777;
}
section #tab1:checked ~ nav .tab1 label:after,
section #tab2:checked ~ nav .tab2 label:after,
section #tab3:checked ~ nav .tab3 label:after,
section #tab4:checked ~ nav .tab4 label:after,
section #tab5:checked ~ nav .tab5 label:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

section.painel.service p,
section.solucoes .content p,
section.noticias p,
section.institucional p,
section.cases p {
  padding: 7px 0;
}

/*###################
-- PAGINATION & FORM --
###################*/
.pagination {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto 40px; }
.noticias .pagination {
  margin-top: 60px;
}
.pagination li { margin: 10px 5px; }
.pagination li i { padding: 0 5px; }
.pagination a,
.pagination span li { 
  padding: 3px 12px;
  color: #333; }
.pagination a:hover { color: var(--reivax); }
.pagination a.active,
.pagination span.active,
.pagination a.active:hover,
.pagination span.active:hover,
.pagination a.active:focus,
.pagination span.active:focus,
.pagination span.current li {
  color: #fff;
  font-weight: 700;
  background: var(--reivax);
  border-radius: 25px; }

.pagination span.page-numbers.dots {
  padding-top: 15px; 
}

form input,
form textarea {
  width: 100%;
	box-shadow: inset -2px -2px 4px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
  padding: 10px;
  font-size: 15px;
  border: none }
header form input {
  box-shadow: none;
  border-radius: 0;
}  
form input { margin-bottom: 10px;}
form input::-webkit-input-placeholder,
form input::-moz-placeholder,
form input::-ms-input-placeholder,
form input::placeholder { font-size: 13px; color: #bfbfbf; border: none; }
section.webinars-filter .filter-box form input {
  width: max-content;
}


/*################################
-- CTA-CONTATO & DEMONSTRAÇÃO --
################################*/
section.cta-contato {
	background: #f0f0f0;
	padding: 60px var(--lateral-gutter);  
}
section.cta-contato.page {
  background: #f9f9f9;
}
section.cta-contato.mapa-only {
  background: #fff;
  padding: 60px var(--lateral-gutter);
}
section.cta-contato.mapa-only img {
  margin-top: 40px;
}
section.cta-contato .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
section.cta-contato div {
  margin: 20px auto;
}
section.cta-contato.page .container {
  align-items: flex-start;
}
section.cta-contato.page .central-servicos {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  background: #444;
  padding: 40px 20px 30px;
  border-radius: 5px;
  box-shadow: var(--box-shadow);
  align-items: center;
}
section.cta-contato.page .central-servicos img {
  max-width: 230px;
  margin-bottom: 10px;
}
section.cta-contato.page .central-servicos .btn {
  max-width: 150px;
  margin: 20px auto 10px;
  padding: 12px 24px;
  font-size: 14px;
}
section.cta-contato.page .central-servicos .btn,
section.cta-contato.page .central-servicos p {
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  color: #fff;
}
section.cta-contato .form {
  background: #444;
  border-radius: 5px;
  padding: 20px;
  box-shadow: var(--box-shadow);
}
section.cta-contato img {
  width: 100%;
  height: auto;
}
section.cta-contato .mapa-contato {
  margin: 100px auto 20px;
}
section.cta-contato .mapa-legenda {
  display: flex;
  flex-direction: row wrap;
  justify-content: center;
}
section.cta-contato .mapa-legenda ul {
  padding: 0 20px;
}
section.cta-contato .mapa-legenda ul li {
  font-size: 13px;
  line-height: 15px;
  padding: 2px 0;
}
section.cta-contato .mapa-legenda a {
  color: var(--reivax);
  transition: all .25s ease-in-out;
}
section.cta-contato .mapa-legenda a:hover {
  letter-spacing: 0.3px;
}
section.cta-contato .mapa-legenda ul:first-of-type i {
	color: #ED4A4F;
}
section.cta-contato .mapa-legenda ul:nth-last-of-type(2) i {
  color: #18273D;
}
section.cta-contato .mapa-legenda ul:last-of-type i {
	color: #F7CA18;
}

section.cta-demonstracao {
  background: #333;
  padding: 60px var(--lateral-gutter);
  position: relative;
}
section.cta-demonstracao .form {
  background: transparent;
  border-radius: 5px;
  padding: 25px;
  margin: 0 auto;
  z-index: 999;
}
section.cta-demonstracao .form h3,
section.cta-contato .form h3 {
  color: #fff;
  padding-bottom: 10px;
  font-weight: 700;
}
section.cta-demonstracao .form p,
section.cta-contato .form p {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 40px;
}
section.cta-demonstracao .btn,
section.cta-contato .btn {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 0;
}
section.cta-demonstracao .demo-imagem {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 45%;
  margin-right: 0;
}
section.cta-demonstracao .overlay {
  z-index: 0;
  background: #333;
  opacity: 50%;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
} 

/*################################
---- PAGE SOLUÇÕES ----
################################*/
section.solucoes {
  background: #fff;
  padding: 60px var(--lateral-gutter);
}
section.solucoes .content h1,
section.solucoes .content h2,
section.solucoes .content h3,
section.solucoes .content h4 {
  color: var(--reivax);
}
section.solucoes#renewable .content h1,
section.solucoes#renewable .content h2,
section.solucoes#renewable .content h3,
section.solucoes#renewable .content h4 {
  color: var(--reivax-renewable);
}
section.solucoes#vision .content h1,
section.solucoes#vision .content h2,
section.solucoes#vision .content h3,
section.solucoes#vision .content h4 {
  color: var(--reivax-vision);
}
section.solucoes .content h1 {
  padding: 5px 0;
}
section.solucoes .content h2 {
  padding: 5px 0 10px;
}
section.solucoes#renewable .content h2 {
  text-transform: uppercase;
}
section.solucoes .content h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  padding: 25px 0 10px;
  text-transform: uppercase;
}
section.solucoes .content h4 {
  text-transform: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding: 15px 0 10px;
}
section.solucoes .content-intro {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
section.solucoes#renewable .content-intro .grid-11 p,
section.solucoes#renewable .content-intro .grid-14 p {
  width: 90%;
}
section.solucoes#renewable .content-intro .grid-14,
section.solucoes#vision .content .grid-14 {
  margin: 0 auto;
}
section.solucoes .content-intro img {
  margin-top: 30px;
}
section.solucoes .content .galeria {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  margin: 20px 20px 0;
  padding: 20px;
}
section.solucoes .content .grid-11.not-first,
section.solucoes .content .grid-13 {
  margin-top: 30px;
}
section.solucoes#renewable .cards {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  margin-left: -10px;
  margin: 10px 0 0;
}
section.solucoes#renewable .cards:nth-child(odd) {
  flex-direction: row-reverse;
}
section.solucoes#renewable .cards div {
  margin-bottom: 30px;
  min-height: 400px;
}
section.solucoes#renewable .card-texto {
  background: #f9f9f9;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  padding: 40px;
}
section.solucoes#renewable .card-texto ul li::marker {
  color: var(--reivax-renewable);
}
section.solucoes#renewable .card-texto p,
section.solucoes#renewable .card-texto h2,
section.solucoes#renewable .card-texto h3,
section.solucoes#renewable .card-texto h4 {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  color: var(--reivax-text);
}
section.solucoes#renewable .card-texto h2 {
  padding-left: 35px;
  padding-right: 35px;
}
section.solucoes#renewable .card-texto p {
  text-align: left;
  margin-top: 15px;
}
section.solucoes#renewable .card-imagem img {
   padding: 20px;
}
section.solucoes .content ul {
  margin-left: 35px;
}
section.solucoes .content img {
  width: inherit;
  padding: 40px 0;
}
section.solucoes .content .galeria img {
  width: 100%;
  padding: 40px 20px;
  min-height: 350px;
}
section.solucoes .content ul li {
  list-style-type: square;
  padding: 10px 0 5px;
  padding-right: 15px;
}
section.solucoes .content .tabs ul {
  margin: 20px 0;
  display: inline-flex;
  flex-wrap: row wrap;
  justify-content: flex-start;
}
section.solucoes .content .tabs ul li {
  list-style-type: none;
  margin-bottom: 20px;
  margin-right: 20px;
}
section.solucoes .tabs ul li label {
  font-size: 16px;
  cursor: pointer;
  color: #bfbfbf;
  font-weight: 600;
  border: 2px solid #bfbfbf;
  padding: 10px 16px;
  border-radius: 5px;
}
section.solucoes .tabs ul li label:active,
section.solucoes #tab1:checked ~ nav .tab1 label,
section.solucoes #tab2:checked ~ nav .tab2 label {
  color: #fff;
  background: #171e30;
  border-color: #171e30;
}
section.solucoes #tab1 ~ nav .tab1 label:hover,
section.solucoes #tab2 ~ nav .tab2 label:hover,
section.solucoes .tabs ul li label:hover {
  border-color: #171e30;
}
section.solucoes#renewable .renewable-boxes,
section.solucoes#vision .vision-boxes {
  margin-top: 40px;
}
section.solucoes#renewable .renewable-boxes .grid-16,
section.solucoes#vision .vision-boxes .grid-16 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 30px auto 60px;
}
section.solucoes#renewable .renewable-boxes .grid-1-3,
section.solucoes#vision .vision-boxes .grid-1-3 {
  margin: 15px;
  border-radius: 15px;
  background: #fff;
  border: 2px solid var(--reivax-renewable);
  min-height: 270px;
}
section.solucoes#vision .vision-boxes .grid-1-3 {
  border: 2px solid var(--reivax-vision);
  min-height: 220px;
}
section.solucoes#renewable .renewable-boxes .title-boxes {
  background: var(--reivax-renewable);  
  width: 100%;
  border-radius: 10px 10px 0 0;
}
section.solucoes#renewable .renewable-boxes.hybrid .title-boxes,
section.solucoes#vision .vision-boxes .title-boxes {
  background: transparent;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
section.solucoes#renewable .renewable-boxes.hybrid .title-boxes img {
  max-width: 33px;
  padding: 0 10px 0 0;
  transform: translateY(13%);
}
section.solucoes#renewable .renewable-boxes h2,
section.solucoes#vision .vision-boxes h2 {
  color: #555;
  text-align: center;
  text-transform: uppercase;
}
section.solucoes#renewable .renewable-boxes h3,
section.solucoes#vision .vision-boxes h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  padding: 20px 30px;
  text-align: center;
  text-transform: uppercase;
}
section.solucoes#renewable .renewable-boxes.hybrid h3 {
  text-align: left;
  letter-spacing: 1px;
  padding: 30px 30px 0px;
  color: var(--reivax-renewable);
}
section.solucoes#vision .vision-boxes h3 {
  text-align: left;
  letter-spacing: 1px;
  padding: 30px 30px 0px;
  color: var(--reivax-vision);
}
section.solucoes#renewable .renewable-boxes .text-boxes,
section.solucoes#vision .vision-boxes .text-boxes {
  padding: 20px 30px;
}
section.solucoes#renewable .renewable-boxes .text-boxes p,
section.solucoes#vision .vision-boxes .text-boxes p {
  color: var(--reivax-text);
}

/*################################
---- ??????????? ----
################################*/
section.home-carousel .owl-carousel,
section.header-carousel .owl-carousel,
section.clientes .owl-carousel {
  position: relative;
}
section.home-carousel .owl-carousel .owl-dots,
section.clientes .owl-carousel .owl-dots {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 20px auto;
}
section.header-carousel .owl-carousel .owl-dots {
  position: absolute;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0;
  top: 530px;
  right: 0;
  background: #f0f0f0;
}
section.home-carousel .owl-carousel .owl-dots span,
section.header-carousel .owl-carousel .owl-dots span,
section.clientes .owl-carousel .owl-dots span {
  display: block;
  width: 13px;
  height: 6px;
  margin: 7px;
  border-radius: 15px;  
  background: #bfbfbf;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  transition: all .5s ease-in-out;
}
section.header-carousel .owl-carousel .owl-dots .owl-dot span:hover,
section.header-carousel .owl-carousel .owl-dot.active span,
section.clientes .owl-carousel .owl-dots .owl-dot span:hover,
section.clientes .owl-carousel .owl-dot.active span {
  background: var(--reivax);
  transform: translateY(-15%);
}
section.home-carousel .owl-carousel .owl-dots .owl-dot span:hover,
section.home-carousel .owl-carousel .owl-dot.active span {
  background: #fff;
  transform: translateY(-15%);
}
section.header-carousel .owl-carousel .owl-dots .owl-dot span:hover,
section.home-carousel .owl-carousel .owl-dots .owl-dot span:hover,
section.header-carousel .owl-carousel .owl-dot.active span,
section.home-carousel .owl-carousel .owl-dot.active span {
  transform: translateY(0);
  width: 26px;
}
.lb-data .lb-caption {
  font-weight: 400 !important;
}

/*################
---- PAGE REPRESENTANTES ----
###############*/
section.representantes {
  background: #f9f9f9;
  padding: 60px var(--lateral-gutter); 
}
section.representantes .btn-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
section.representantes .btn-nav a {
  margin: 15px;
}
section.representantes h4 {
  color: var(--reivax-text);
  font-weight: 400;
  text-align: center;
  padding: 15px;
  text-transform: none;
}
section.representantes ul {
  margin: 60px 0 80px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center; 
}
section.representantes ul li {
  background: #fff;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center; 
  text-align: center;  
  padding: 25px 20px;
  margin: 1%;
  height: 190px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}
section.representantes ul li:hover {
  box-shadow:  5px 5px 10px rgba(0, 0, 0, 0.5);
}
section.representantes ul li div,
section.representantes ul li img,
section.representantes ul li div p,
section.representantes ul li h3,
section.representantes ul li h4 {
  transition: all .25s ease-in-out;
}
section.representantes ul li div p {
  transform: translateY(100%);
  line-height: 22px;
}
section.representantes ul li:hover div p {
  transform: translateY(2%);
}
section.representantes ul li:hover div {
  transform: translateY(-50%);
}
section.representantes ul li:hover div img,
section.representantes ul li:hover div h3,
section.representantes ul li:hover div h4 {
  opacity: 0;
}
section.representantes ul li img {
  margin-top: 5px;
  max-height: 50px;
  width: auto;
}
section.representantes ul h2 {
  text-transform: uppercase;
  text-align: center;
  padding: 20px 0;
}
section.representantes ul li h3 {
  color: var(--reivax-text);
  font-weight: 600;
  padding: 15px 0 0;
  opacity: 1;
}
section.representantes ul li h4 {
  color: var(--reivax-text);
  font-weight: 400;
  text-transform: uppercase;
  padding: 3px 0 10px;
  opacity: 1;
}
section.representantes ul li a {
  color: var(--reivax-secondary);
  transition: all .25s ease-in-out;
}
section.representantes ul li a:hover {
  letter-spacing: 0.3px;
}
section.representantes ul li i {
  margin-top: 10px;
  padding-right: 5px;
}

/*################
---- PAGE POLÍTICA LGPD ----
###############*/
section.politica {
  background: #f9f9f9;
  padding: 40px var(--lateral-gutter) 80px;
}
section.politica h2 {
  color: var(--reivax-text);
  padding: 25px 0 5px;
}


section.painel.service .content h2,
section.painel.service .content h3 {
  padding: 5px 0 10px;
}
section.painel.service .content h3 {
  color: var(--reivax-text);
  font-weight: 600;
}
section.painel.service .content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 0;
}
section.painel.service .content > div {
  padding-bottom: 40px;
}
section.painel.service .content.texto {
  align-items: flex-start;
}

/*################
---- PAGE LINHAS ----
###############*/
section.linhas-intro {
  background: #f9f9f9;
  padding: 60px var(--lateral-gutter); 
}
section.linhas-intro h1 {
  color: var(--reivax);
}
section.linhas-intro p {
  line-height: 26px;
  padding-right: 20px;
}
section.linhas-intro video {
  margin-top: 30px;
}
section.linhas-aplica {
  background: #f9f9f9;
  display: flex;
  justify-content: center;
  padding: 0 0 80px;
}
section.linhas-aplica .box-aplica {
  width: 100%;
  margin: 20px auto 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  padding: 20px 0;
  background: linear-gradient(180deg, var(--reivax) 0%, rgba(160,12,20,1) 100%);
}
section.linhas-aplica.renewable .box-aplica {
  background: linear-gradient(180deg, #FF9A00 0%, rgba(196,119,0,1) 100%);
}
section.linhas-aplica.vision .box-aplica {
  background: linear-gradient(180deg, rgba(62,62,118,1) 0%, rgba(34,34,73,1) 100%);
}
section.linhas-aplica .box-aplica ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
section.linhas-aplica .box-aplica ul li {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  margin: 20px 50px;
}
section.linhas-aplica .box-aplica ul li span {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 22px;
  padding-top: 12px;
  color: #fff;
}
section.linhas-aplica .box-aplica ul li svg,
section.linhas-aplica .box-aplica ul li img {
  margin: 0 auto;
}

section.linhas-intro.renewable h1,
section.cases.cta-cases.renewable h2 {
color: var(--reivax-renewable);
}
section.linhas-intro.vision h1,
section.cases.cta-cases.vision h2 {
color: var(--reivax-vision);
}
section.cases.cta-cases hr {
  display: block;
  margin: 0 auto;
  border: 1px solid var(--reivax-secondary);
  margin-bottom: 40px;
}
section.cases.cta-cases.renewable hr {
  border: 1px solid var(--reivax-renewable);
}
section.cases.cta-cases.vision hr {
  border: 1px solid var(--reivax-vision);
}
section.cases.cta-cases .box-item {
  margin-top: 40px;
}
section.cases.cta-cases .box-item,
section.diretoria .box-item {
  justify-content: center;
}
section.cases.cta-cases h2 {
  text-transform: uppercase;
  text-align: center;
  color: var(--reivax);
}

section.ilustracao {
  background: #fff;
  padding: 80px var(--lateral-gutter);
}
section.ilustracao#renewable {
  padding: 40px var(--lateral-gutter) 120px;
}
section.ilustracao .image-container {
  position: relative;
  display: inline-block;;
}
section.ilustracao#power img,
section.ilustracao#vision img {
  width: 1140px;
  height: 803.49px;
}
section.ilustracao#renewable img {
  width: 1140px;
  height: 479px;
}
section.ilustracao .legend {
  position: absolute;
  top: -3%;
  left: 3%;
  display: inline-flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  backdrop-filter: blur(5px);
  padding: 20px;
}
section.ilustracao#renewable .legend {
  top: inherit;
  bottom: -30%;
  left: 3%;
}
section.ilustracao#vision .legend {
  top: 5%;
  left: 3%;
}
section.ilustracao .legend a {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  transition: all .2s ease-in-out;
  border-radius: 5px;
  color: var(--reivax);
  border: 2px solid var(--reivax);
}
section.ilustracao#renewable .legend a {
  color: #fff;
  padding: 12px;
  border: none;
  background: var(--reivax-renewable);
}
section.ilustracao#vision .legend a {
  color: #fff;
  padding: 12px;
  border: none;
  background: var(--reivax-vision);
}
section.ilustracao .legend a:hover,
section.ilustracao .legend a:active,
section.ilustracao .legend a:focus {
  color: #fff;
  background: var(--reivax);
}
section.ilustracao#renewable .legend a:hover,
section.ilustracao#renewable .legend a:active,
section.ilustracao#renewable .legend a:focus  {
  color: var(--reivax-text);
}
section.ilustracao#vision .legend a:hover,
section.ilustracao#vision .legend a:active,
section.ilustracao#vision .legend a:focus  {
  background: #2B2B52;
}
section.ilustracao .pin {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: var(--reivax);
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transform: translate(-50%, -50%);
  -webkit-animation-name: Pin;
  animation-name: Pin;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease  
}
section.ilustracao#renewable .pin,
section.ilustracao.home .pin#renewable {
  background-color: var(--reivax-renewable);
}
section.ilustracao#vision .pin,
section.ilustracao.home .pin#vision {
  background-color: var(--reivax-vision);
}
section.ilustracao .pin span {
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  font-weight: 600;
  color: #fff;
}
section.ilustracao#renewable .pin span {
  color: var(--reivax-text);
}
section.ilustracao .legend-item {
  transition: background-color .2s;
}
section.ilustracao .legend-item.highlight {
  background: var(--reivax);
}
section.ilustracao#renewable .legend-item.highlight {
  background: #FFAE33;
}
section.ilustracao#vision .legend-item.highlight {
  background: #2B2B52;
}
section.ilustracao.home .legend-item.highlight {
  background: transparent;
}
section.ilustracao .pin.highlight {
  opacity: 1;
}

/*################
---- PAGE LINHAS RENEWABLE ----
###############*/
section.linhas-content { 
  background: #fff;
  padding: 60px var(--lateral-gutter) 100px; 
}
section.cta-solucoes { 
  background: #fff;
  padding: 40px var(--lateral-gutter) 60px; 
}
section.linhas-content .content-title {
  background: #555;
  padding: 20px 30px;
}
section.linhas-content .content-title h2 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}
section.linhas-content .content-text {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto 40px;
  padding: 40px 25px;
}
section.linhas-content .content-text h3 {
  font-size: 18px;
  color: #555;
  font-weight: 600;
}
section.linhas-content .grid-16 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
section.linhas-content .grid-7 {
  padding: 0 40px;
  margin: 0 20px;
}
section.linhas-content .grid-7:nth-of-type(1),
section.linhas-content .grid-7:nth-of-type(2) {
  background: #f0f0f0;
  border-radius: 15px;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
}
section.linhas-content .grid-7:nth-of-type(3),
section.linhas-content .grid-7:nth-of-type(4) {
  padding-top: 40px;
  margin-top: 80px;
}
section.linhas-content .grid-7 .grid-title {
  background: var(--reivax-renewable);
  padding: 0 10px;
  border-radius: 5px;
  transform: translateY(-15px) skew(-.3rad);
}
section.linhas-content .grid-7 img {
  padding: 10px 20px;
  border-radius: 5px;
  margin: 10px auto 0;
  transform: translateY(20%);
}
section.linhas-content .grid-7 h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: var(--reivax-text);
}
section.linhas-content .grid-7 .grid-title h3 {
  padding: 7px auto;
  line-height: 30px;
  color: #FFF;
  transform: skew(.3rad);
}
section.linhas-content .grid-7 ul {
  padding: 0 5px 0 20px;
}
section.linhas-content .grid-7 p {
  color: #333;
  margin-top: 15px;
  font-size: 14px;
  text-align: left;
}
section.linhas-content .grid-7:last-of-type p {
  width: 85%;
  margin-top: 5px;
  padding-left: 15px;
  padding-bottom: 15px;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  color: var(--reivax-renewable);
}
section.linhas-content .grid-7:nth-of-type(3) ul {
  margin-top: 20px;
}
section.linhas-content .grid-7:nth-of-type(3) ul li {
  font-size: 14px;
  line-height: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  background: #e9e9e9;
  border-radius: 5px;
  padding: 6px 12px;
  margin: 5px auto;
}
/*################
---- PAGE INSTITUCIONAL ----
###############*/
section.institucional {
  background: #fff;
  padding: 80px var(--lateral-gutter) 90px; 
}
section.institucional .video {
  padding-right: 20px;
}
section.institucional h2 {
  color: var(--reivax-text);
  padding: 0 0 10px;
}
section.institucional p {
  line-height: 26px;
  padding-right: 20px;
}
section.institucional .grid-7 i {
  font-size: 10px;
  padding-left: 7px;
  margin-right: -2px;
  transform: translateY(-15%);
}
section.institucional .btn-red {
  font-size: 13px;
  padding: 12px 24px;
  margin: 25px 0 20px;
}
section.missao-visao {
  background: #f9f9f9;
  padding: 30px var(--lateral-gutter) 60px;
}
section.missao-visao ul {
  margin: 0 0 60px;
}

/*#####################
---- CERTIFICAÇÕES ----
#####################*/
section.certificacoes {
  background: linear-gradient(90deg, #a9242d 0%, #6a171c 100%);
  padding: 30px var(--lateral-gutter);
}
section.certificacoes h2 {
  text-align: center;
}
section.certificacoes ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 40px 0;
}
section.certificacoes ul { 
  margin: 10px 0 0;
}
section.certificacoes ul li {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}
section.certificacoes ul li img {
  width: 85%;
}
section.certificacoes .politica {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 40px auto;
  width: 75%;
} 
section.certificacoes .politica h3 {
  color: #fff;
  font-weight: 600;
  margin: 15px auto;
}
section.certificacoes .politica ul {
  display: block;
  list-style-type: disc !important;
}
section.certificacoes .politica p,
section.certificacoes .politica ul li {
  color: #fff;
  line-height: 28px;
}


/*#################
---- DIRETORIA ----
#################*/
section.diretoria {
  background: #f9f9f9;
  padding: 60px var(--lateral-gutter) 20px;
}
section.diretoria .box-item li {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  text-align: center;
  padding: 20px;
}
section.diretoria h2 {
  color: var(--reivax-text);
  text-align: center;
}
section.diretoria h2,
section.valores h2,
section.certificacoes h2,
section.linha-tempo h2 {
  font-size: 28px;
  line-height: 36px;
  margin: 15px auto 10px;
}
section.diretoria .box-item li h4 {
  color: var(--reivax-text);
  line-height: 20px;
  font-weight: 600;
  padding: 15px 0 5px;
}
section.diretoria .box-item li p {
  color: #555;
  font-size: 13px;
}
section.diretoria .box-item li .img-diretoria {
  position: relative;
}
section.diretoria .box-item li .img-diretoria .modal-content {
  width: 40%;
  margin: 10% auto;
  padding: 20px 30px 35px;
}
section.diretoria .box-item li .modal-content h4 {
  font-size: 16px;
  font-weight: 600;
}
section.diretoria .box-item li .modal-content p {
  text-transform: none;
  margin-top: 10px;
  font-size: 14px;
  line-height: 25px;
  text-align: justify;
}
section.diretoria .box-item li .img-diretoria a {
  cursor: pointer;
  display: none;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: rgba(249,249,249,.8);
  border-radius: 2px;
  padding: 1px 6px;
  font-size: 11px;
  line-height: 20px;
  font-weight: 400;
  color: var(--reivax-text);
}
section.diretoria .box-item li .img-diretoria a:hover {
  background: rgba(249,249,249,1);
}

/*################
---- VALORES ----
################*/
section.valores {
  background: #f9f9f9;
  padding: 40px var(--lateral-gutter);
}
section.valores div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
section.valores h2 {
  color: var(--reivax-text);
  padding: 20px 0;
}
section.valores ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
section.valores ul li {
  padding: 5px 20px;
  margin: 10px 5px 0;
  border: 1px #bfbfbf solid;
  background: transparent;
  border-radius: 10px;
  box-shadow: var(--box-shadow);
}
section.valores h1,
section.valores h2,
section.valores h4 {
  text-align: center;
}
section.valores h4 {
  font-size: 18px;
  color: #555;
  font-weight: 600;
}

/*###############
---- HEADER ----
################*/
header .header-carousel {
  overflow: hidden;
  max-height: 550px;
}
header .header-carousel img {
  transform: translateY(-20%);
}
header .video-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100dvh;
  z-index: -1; }
header .video-wrapper video {       
  height: auto; }
@media all and (max-width: 991px) { 
header .video-wrapper video { 
  width: auto; 
  height: 100vh; }
}              
@media all and (max-width: 600px) {        
  header .video-wrapper { 
    top: 10%; }     
  header .video-wrapper video { 
    width: auto; 
    height: 100dvh;
    transform: translateX(-40%); }
}

/*###############
---- CAROUSEL ----
################*/
section.linha-tempo {
  position: relative;
  background: #f0f0f0;
  padding: 80px var(--lateral-gutter) 100px;
}
section.home-carousel {
  position: relative;
  background: radial-gradient(circle, #a9242d 0%, #6a171c 50%, #2b090b 100%);
  padding: 70px 0;
}
section.home-carousel .container {
  width: inherit !important;
}
section.linha-tempo ul,
section.home-carousel ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 20px auto 0;
}
section.linha-tempo ul {
  justify-content: flex-start;
}
section.linha-tempo ul li,
section.home-carousel ul li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  background: transparent;
  padding: 10px;
  min-height: 300px;
  border-radius: 5px;
  cursor: grab;
  transition: all .7s ease-in-out;
}
section.linha-tempo ul li {
  max-width: 300px;
  justify-content: center;
  margin: 0;
  padding: 10px 25px;
}

section.linha-tempo ul li:first-of-type {
  padding-left: 0;
}
section.linha-tempo ul li img {
  border-radius: 15px;
}
section.home-carousel ul .item {
  transform: scale(0.8);
}
section.home-carousel ul .owl-item.active.center .item {
  transform: scale(1.1);
}
section.home-carousel ul .owl-item img {
  border-radius: 15px;
  box-shadow: var(--box-shadow);
}

section.home-carousel .owl-carousel .owl-nav {
  color: #bfbfbf;
  position: absolute;
  top: 41%;
  left: 0;
  width: 100%;
  font-size: 55px;
  font-weight: 200;
}
section.linha-tempo .owl-carousel .owl-nav {
  display: inline-flex;
  flex-flow: row wrap;
  position: absolute;
  top: -14%;
  right: 7%;
  color: var(--reivax);
  width: 100%;
  font-size: 20px;
}
section.home-carousel .owl-carousel button.owl-prev,
section.home-carousel .owl-carousel button.owl-next {
  color: #bfbfbf;
  opacity: .2;
}
section.linha-tempo .owl-carousel button.owl-prev:hover,
section.linha-tempo .owl-carousel button.owl-next:hover,
section.home-carousel .owl-carousel button.owl-prev:hover,
section.home-carousel .owl-carousel button.owl-next:hover,
section.clientes .owl-carousel button.owl-prev:hover,
section.clientes .owl-carousel button.owl-next:hover {
  color: #bfbfbf;
  opacity: 1;
}
section .owl-carousel .owl-prev {
  position: absolute;
  left: 0;
  margin-left: -60px;
}
section.home-carousel .owl-carousel .owl-prev {
  margin-left: 50px;
}
section.linha-tempo .owl-carousel .owl-prev {
  left: inherit;
  right: 0;
  margin-left: -20px;
}

section .owl-carousel .owl-next {
  position: absolute;
  right: 0;
  margin-right: -60px;
}
section.home-carousel .owl-carousel .owl-next {
  margin-right: 50px;
}
section.linha-tempo .owl-carousel .owl-next {
  left: inherit;
  right: 0;
  margin-left: -20px;
}
section.linha-tempo .owl-nav .owl-prev.disabled,
section.linha-tempo .owl-nav .owl-next.disabled {
  opacity: .5;
  cursor: default;
}
section.linha-tempo .owl-nav .owl-prev.disabled:hover,
section.linha-tempo .owl-nav .owl-next.disabled:hover {
  color: var(--reivax);
  opacity: .5;
}

/*###############
---- TÍTULOS ----
################*/
section.linha-tempo .title,
section.home-carousel .title-home,
section.noticias.home .title-home,
section.cursos .title-cursos {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  text-align: center;
}
section.linha-tempo .title,
section.noticias.home .title-home {
  text-align: left;
  justify-content: flex-start;
}
section.home-carousel .title-home h2 {
  color: #fff;
  margin-bottom: 15px;
}
section.linha-tempo .title h2 {
  color: var(--reivax);
  margin: 15px 0 10px;
  font-size: 34px;
  line-height: 40px;
  font-weight: 200;
}
section.linha-tempo .title span,
section.home-carousel .title-home span {
  font-size: 20px;
  line-height: 26px;
  font-weight: 200;
  color: #bfbfbf;
  margin: 5px auto 15px;
}
section.linha-tempo .title span {
  margin: 0 0 15px;
  font-weight: 400;
  width: 50%;
}

/*####################
---- SEARCH FORM ----
####################*/
header .menu-topo .search form input {
  background: #f3f3f3;
  color: var(--reivax-text);
  border: none;
  font-size: 13px;
  line-height: 22px;
  padding: 3px 6px;
  position: relative;
}
.search {
  position: relative;
}
.search form button,
.search form button {
  font-family: 'FontAwesome';
  color: #555;
  font-size: 13px;
  background: transparent;
  border: none;  
  position: absolute;
  z-index: 999;
  top: 0;
  right: 1%;
}
.search form button:before {
  content: '\f002';
}
section.noticias .search form button,
section.cases .search form button,
section.busca .search form button {
  font-size: 15px;
  top: 10%;
  right: 3%;
}
header .menu-topo .search form input::placeholder {
  font-size: 12px; 
}
section.noticias .search form input::placeholder,
section.cases .search form input::placeholder {
  font-size: 14px;
}

/*#####################
---- ERRO E BUSCA ----
#####################*/
section.erro {
  position: relative;
}
section.erro .overlay {
  z-index: 0;
  background: #333;
  opacity: .9;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
}
section.erro .erro-texto {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding: 12vw var(--lateral-gutter) 8vw;
  z-index: 999;
}
section.erro h2,
section.erro p {
  color: #fff;
  text-align: center;
}
section.erro p {
  font-size: 16px;
  line-height: 26px;
}
section.erro h2 {
  padding: 0 0 15px;
}
section.erro .erro-btn {
  display: flex;
  flex-flow: row wrap;
}
section.erro a {
  margin: 35px 15px;
}

section.busca,
section.buscas-relacionadas {
  background: #f0f0f0;
  padding: 60px var(--lateral-gutter) 30px;
}
section.buscas-relacionadas {
  padding: 10px var(--lateral-gutter) 80px;
}
section.buscas-relacionadas h3 {
  padding-left: 10px;
}
section.buscas-relacionadas .box-item {
  margin: 30px auto 60px;
}
section.buscas-relacionadas .box-item li img {
  padding-top: 7px;
}
section.buscas-relacionadas .box-item li {
  margin: 20px 10px;
}
section.buscas-relacionadas h4 span { 
  background: rgba(209, 0, 41, 0.1); padding: 0 2px;
}
section.buscas-relacionadas h4.title {
  color: var(--reivax);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
section.buscas-relacionadas p.small {
  padding: 5px 0 7px;
}
section.buscas-relacionadas .resultados p { 
  color: var(--reivax-text);
  position: absolute; 
  top: 0;
  left: 0;	
  margin: 10px 0;
}
section.buscas-relacionadas .buscas-retornos a {
  color: var(--reivax);
  transition: all .25s ease-in-out;
}
section.buscas-relacionadas .buscas-retornos a:hover {
  letter-spacing: 0.3px;
}

/*################
---- FOOTER ----
###############*/
footer {
  background: #171e30;
}
footer .footer-nav {
  padding: 30px 0 0;
}
footer .footer-nav,
hr,
footer .footer {
  display: inline-flex;
  flex: row wrap;
  justify-content: space-between;
}
footer .footer-nav ul,
footer .footer-nav .menu-rodape-container ul {
  display: flex;
  padding: 10px 0 0;
}
footer .footer-nav ul li,
footer .footer-nav .menu-rodape-container ul li {
  padding-right: 20px;
}
footer .footer-nav ul.redes-sociais li {
  padding-right: 10px;
}
footer .footer-nav ul li:last-of-type,
footer .footer-nav .menu-rodape-container ul li:last-of-type {
  padding-right: 0;
}
footer hr {
  border: none;
  border-top: .1em solid #333;
 	width: 100%; 
}
footer .footer {
  padding: 30px 0 60px;
}
footer .footer .grid-1-3 {
  margin-left: 0;
}
footer .footer a,
footer .footer li { 
  color: #bfbfbf;
  transition: all .25s ease-in-out;
}
footer .footer-nav a:hover,
footer .footer a:hover,
footer .redes-sociais a:hover i {
  color: var(--reivax);
}
footer .footer h4 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
footer .footer ul li {
  font-size: 14px;
  padding: 5px 0;
}
footer .footer-nav a {
  color: #fff;
  font-size: 15px;
  transition: all .25s ease-in-out;
}
footer .footer-bottom {
  background-color: #2E3444;
  padding: 20px 0 15px;
}
footer .footer-bottom p {
  font-size: 13px;
  color: #777;
  text-align: center;
  text-shadow: var(--box-shadow);
}

footer .redes-sociais i,
header .redes-sociais i {
	color: #555;
  padding: 5px;
  font-size: 16px;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
footer .redes-sociais i { font-size: 18px; color: #fff; }

/*################
---- BACK TO TOP ----
###############*/
.grecaptcha-badge { visibility:hidden; }
p.grecaptcha-msg {
  color: darkgray;
  font-size: .8em !important;
  line-height: 1.4em !important;
  margin: 15px 0 0 !important; 
  opacity: .5;
}
p.grecaptcha-msg a {
  color: lightgray;
}

#backToTop {
  display: none;
  position: fixed;
  bottom: 4%; right: 2.5%;
  z-index: 9999;
  background: var(--reivax);
  opacity: .3;
  padding: 8px 16px 10px;
  border-radius: 5px;
}
#backToTop:hover {
  opacity: 1;
  cursor: pointer;
}
#backToTop a {
  color: #fff;
  font-size: 16px;
}


/*################
---- MODAL CLIENTES ----
###############*/
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}
.modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border-radius: 5px;
  box-shadow: var(--box-shadow);
  width: 80%;
}
.modal-content img {
  width: 90%;
  padding: 5px;
}
.close, .closed {
  color: #bfbfbf;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus,
.closed:hover,
.closed:focus {
  color: var(--reivax-text);
  text-decoration: none;
  cursor: pointer;
}


/*################
---- CONTACT FORM ----
###############*/
.success, .success-demo, .success-news {
  position: relative;
  display: none;
  border-radius: 5px;
  background: var(--revaix-green);
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  max-width: 350px;
  margin: 30px auto 0;
  padding: 15px 22px!important;
  z-index: 3
}
.success-news {
  max-width: 100%;
  margin-top: 10px;
  padding: 20px;
}
.success p i,
.success-demo p i,
.success-news p i {
  margin-right: 7px;
}
section.cta-contato .form .success p,
section.cta-demonstracao .form .success-demo p,
section.cta-newsletter .success-news p {
  color: #fff;
  margin-bottom: 0;
} 

/*################
---- FAQ ----
###############*/
section.faq .panel ul li {
  line-height: 22px;
  padding: 7px 0;
}
section.faq .panel ul li:before,
section.produtos-intro ul li:before {
	font-family: FontAwesome;
	content: "\f00c";
	margin-right: 7px;
	font-size: 12px;
  color: var(--revaix-green);
}
section.faq .panel ul li ul li {
  font-size: 14px;
  line-height: 20px;
}
section.faq .panel ul li ul li:before {
	font-family: FontAwesome;
	content: "•";
	margin: 0 8px 0 15px;
	font-size: 14px;
  color: var(--revaix-green);
}
section.faq #accordion {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
}
section.faq .panel {
  background: #f9f9f9;
  border: 1px solid #e9e9e9;
  width: 45%;
  margin: 20px 10px;
  padding: 25px 20px;
  border-radius: 5px;
  transition: all .25s ease-in-out;
}
section.faq .panel h3 {
  color: var(--reivax-text);
  padding: 0 0 20px;
  font-weight: 700;
  transition: all .25s ease-in-out;
}
section.faq .panel h1:after {
  display: flex;
  flex-flow: column wrap;
  font-family: FontAwesome;
	content: "\f0d7";
  font-size: 45px;
  line-height: 10px;
  padding: 0;
  margin: 0 auto;
  color: var(--reivax);
}
section.faq #funcionalidades.active h1:after,
section.faq #diferenciais.active h1:after {
	content: "\f0d8"; 
}
section.faq .panel a {
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}
section.faq .panel a:hover {
  cursor: pointer;
}
section.faq .panel-teaser {
  opacity: .8;
}
section.faq .panel h1:after {
	animation: pulse 1s infinite;
}
@keyframes pulse {
	0% { transform: translateY(15%); }
	70% { transform: translateY(0%); }
	100% { transform: translateY(15%); }
}
.paused {
  animation-play-state: paused !important;
}






/*################
---- RESPONSIVE ----
###############*/

@media only screen and (max-width: 1400px) {
  section.painel .content-tab .content-text {
    width: 75%;
    bottom: 30%; }
}

@media only screen and (max-width: 1200px) {
  header .menu-topo .redes-sociais li {
    display: none; }
  header .menu-topo .container {     
    justify-content: flex-start; }
  section .tabs ul li label {
    padding-left: 40px;
    padding-right: 40px; }
} 

@media only screen and (max-width: 1025px) {
  header .menu-principal ul.sf-menu,
  header .menu-apoio .container,
  header .menu-topo .container,
  header .menu-topo .container ul,
  header .apoio-menu { 
    justify-content: center !important; }
  header .apoio-menu {
    padding: 15px 0;  }
  header .menu-principal ul.sf-menu > li {
    width: 30%; }
}

@media only screen and (max-width: 991px) {
  header .menu-topo {
    margin-top: 0 !important;
    width: 100% !important;
    padding-bottom: 10px !important; }
  header .menu-topo {
    width: 100%;
    padding: 12px 0 7px; }
  header .menu-topo .container { 
    justify-content: center; }
  header .menu-topo .links-uteis li,
  header .menu-topo .container .flags{
    display: none; }  
  header .mobile hr {   
    border: none;
    background: #c1c1c1;
    width: 75%;
    height: 1px;
    margin-left: 40px; }    
  header .mobile .links-uteis,
  header .mobile .flags {
    margin-top: 20px;
    margin-left: 40px; }
  header .mobile .links-uteis li,
  header .mobile .flags {
    padding: 0 0 15px 0; }
  header .mobile .links-uteis a {
    font-size: 18px; }
  header .mobile .flags span,
  header .mobile .flags i {   
    font-size: 16px;
    color: #555; }
  header .mobile .flags i,
  header .mobile .flags li {
    margin-right: 12px; }
  header .logo-reivax {
    display: flex;
    flex: row wrap;
    justify-content: center;
    padding-top: 10px; }   
  header .logo-reivax img {
    max-width: 240px !important; }      
  header .apoio-menu {
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin-top: 80px;
    margin-left: 10px; } 
  header .apoio-menu li:not(:last-child)::after { 
    display: none; }
  header .apoio-menu li a {
    font-size: 20px !important;
    line-height: 32px !important; }
  header .apoio-menu li {
    margin-bottom: 25px;
    margin-left: 20px; }    
  ul.sf-menu li a { 
    left: 5%; }
	ul.sf-menu li ul {
		width: 100%; }
  ul.sf-menu > li { cursor: pointer; }    
  .container {
    padding-right: 5%;
    padding-left: 5%; }

  header .menu-principal .container { 
    padding-left: 0;
    padding-right: 0; }
  .sidenav {
	  z-index: 999;
	  background: #fff;		
	  position: fixed;
	  top: 0;
	  left: 0;	  
	  height: 100%;
	  width: 0;
	  max-width: 100%;
	  overflow-x: hidden;
	  overflow-y: hidden;
	  transition: .1s;
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden }
	}


@media only screen and (max-width: 991px) {
  section.home-carousel {
    padding: 60px var(--lateral-gutter); }
  section.home-carousel .owl-carousel .owl-dots {
    transform: translateY(0);
    margin-top: 20px; }  
  section.painel.home,
  section.home-carousel .owl-carousel .owl-nav,
  section.indicadores .indicador li:not(:last-child):after {
    display: none !important; }
  section.home-carousel ul li {
    min-height: inherit;
    padding: 15px; }
  section.home-carousel ul .item,
  section.home-carousel ul .owl-item.active.center .item {
    transform: scale(1); }
  section.indicadores .indicador li {
    flex-direction: column;
    margin-bottom: 40px; }
  section.indicadores .indicador li img {
    margin-bottom: 10px; }
  section.indicadores .indicador li div {
    display: flex;
    flex-direction: column; }
  section.indicadores .indicador h2,
  section.indicadores .indicador h4 {
    text-align: center;
    width: 100%; }
	section.noticias .area,
	section.clientes .area,
	section.cta-contato.mapa-only .area {	
		width: 100%; }
	section ul.box-item {
		justify-content: center; }
  section.cta-linkedin .banner-linkedin {
    margin-top: 40px; }
  section.cta-linkedin .banner-linkedin {
    flex-flow: row-reverse; }
  section.cta-linkedin .banner-linkedin img {    
    transform: translateX(43%);
    width: 70%;
    margin: 20px auto 0;
    margin-bottom: -7px;
    float: none; }
  section.cta-linkedin .banner-linkedin .texto-linkedin {
    align-items: center;
    text-align: center; }
  section.cta-linkedin:after {
    display: none; }    
	section.cta-demonstracao .form {
		width: 80%; }
	section ul.box-item li {
		max-width: 45%;
		margin: 2%; }
	section.noticias ul,
	section.imprensa ul {		
		margin: 30px auto; }		
	section.noticias .grid-1-3 a.text-link {		
		position: relative; }
	section.indicadores ul.box-item li {
		width: 220px;
		margin: 15px auto;	}
	section.noticias ul.box-item li {
		max-width: 60%;
		margin-bottom: 40px; }
  section.noticias .destaque {
    display: flex;
    flex-flow: column wrap;
    align-items: start; }
  section.noticias .destaque .casos {
    margin: 10px 0 20px; }
  section.noticias .destaque .casos li {
    min-width: 450px; }    
  section.noticias .destaque ul.box-item {
    justify-content: flex-start; }   
  section.noticias .destaque ul.box-item .grid-5 {
    padding-left: 20px; }
  section.noticias .destaque .btn {    
    margin-left: 0; }
  section.noticias.post-area aside {
    padding-left: 0; } 
	section.representantes ul.box-item li {
		margin-bottom: 20px; }
	section.cta-contato .container {
		flex-direction: column-reverse; }
	section.cta-contato.mapa-only .container {
		flex-direction: column; }		
  section.solucoes.servicos .content .colunas {
    columns: 1;
    column-gap: 0; }

	section.cta-demonstracao .demo-imagem,
	section.cta-demonstracao .demo-imagem .overlay {
		display: none; }
	section.solucoes {
		padding-bottom: 20px; }
	section.solucoes .content img {		
		width: 70%;
		margin: 0 auto 40px; }
	section.faq .tab { width: 80%; }
	section.faq .panel { width: 100%; }

	section.noticias aside .recent-posts { 
		padding: 20px 0; }
	section.noticias.post-area aside ul {
		margin: 0 }

	section.webinars .box-item {
		margin: 40px 0;
		width: 60%; }
	section.webinars .box-item li {			
		max-width: 90%; }
	section.webinars-relacionados .box-item li {		
		margin: 0 15px 30px; }
	section.webinars .tab {
		width: 60%; }
	section.webinars-filter	{
		margin: 0 auto; }
		
	section.cases .box-item,
	section.missao-visao .box-item,
  section.box-cursos .box-item {		
		margin-top: 30px; }
	section.cases .box-item li,
	section.missao-visao .box-item li,
  section.box-cursos .box-item li {
		max-width: 50%;
		margin-bottom: 40px; }
	section.cases .box-item li:last-of-type,
	section.missao-visao .box-item li:last-of-type,
  section.box-cursos .box-item li:last-of-type {		
		margin-bottom: 0; }
	section.buscas-relacionadas img {
		max-width: 40px; }			
	section.buscas-relacionadas .grid-1 {
		margin-bottom: 5px; }
	section.trabalhe-conosco p {
			margin-right: 0; }
	section.trabalhe-conosco img {
		margin-top: 30px;
		width: 90%; }
	section.beneficios ul li {
		width: 33%;
		padding: 20px 10px; }
	section.depoimentos ul li {
		width: 100%; }
	section.institucional .video {
		padding-right: 0; }

	section.produtos .content {
		margin-bottom: 40px; }
	section.produtos .content img {
		width: 70%;
		padding: 20px 40px; }		

	section.solucoes.servicos .content {
		justify-content: center; }   
	section.solucoes.servicos .content.col-reverse {
		flex-direction: column-reverse; }
	section.solucoes.servicos .content img {	
		margin: 20px auto;
		width: 90%; }

	section.solucoes .box-item li,
	section.produtos .box-item li	{
		width: 280px;
    max-width: 100%; }
  
  section.diretoria .box-item li .img-diretoria .modal-content { 
    width: 60%; }  

  section.noticias .destaque .box-item .grid-3 {
    width: 35%; }    
  section.noticias .destaque .box-item .grid-5 {
    width: 60%; }
  section.noticias.home .destaque .noticias-texto {
    margin-left: 0; }
  section.noticias.home .casos li .cases-text {
    position: relative;
    top: 20px; }
  section.noticias.home .casos li .overlay,
  section.noticias.home .casos li .cases-text {
    opacity: 1; } 

	}

@media only screen and (max-width: 940px) {
  section.representantes ul li {
		text-align: center;		
		max-width: 100%; }
	}

@media only screen and (max-width: 767px) {   		
	section.noticias ul.box-item li {
		max-width: 80%; }	
	section.cta-newsletter .btn { 			
		width: 100%; }
	footer .footer-nav {
		flex-direction: column; }
	footer .footer-nav ul {
		justify-content: center; }
	footer .footer-nav ul li {
		padding-bottom: 0; }
	footer .footer {
		display: block; }
	footer .footer div {
		padding-top: 15px; } 	

  section.cta-linkedin .banner-linkedin {
    flex-flow: column-reverse; }
  section.cta-linkedin .banner-linkedin img {     
    width: 50%; }

	section.solucoes .content img,
	section.webinars .tab,
	section.webinars .box-item {		
		width: 80%;	}
	section.cta-demonstracao .form,
	section.faq .tab, 			
	section.faq .panel {			
		width: 100%; }
	section.cta-demonstracao .form {
		padding: 25px 0; }

	section.webinars-relacionados	{
		padding: 20px var(--lateral-gutter); }
	section.webinars .webinars-texto {
		padding-right: 0; }
	section.webinars .box-item li {			
		max-width: 90%; }			
	section.webinars-filter	{
		margin: 0 auto; }		
	section.webinars-relacionados .box-item li {		
		max-width: 70%;
		margin: 0 0 40px; }		
	section.cases .box-item li,
	section.missao-visao .box-item li,
  section.box-cursos .box-item li {
		max-width: 70%; }
	section.produtos-intro .colunas {
		columns: 1; }		
	section.produtos-intro .colunas {
		margin: 10px 0 0;	}
	section.solucoes.servicos .content img {			
		width: 100%; }
	section.servicos-intro {				
		padding-bottom: 10px; }
  section.certificacoes ul li img {
    width: 80%; }
	}

@media only screen and (max-width: 800px) {
	section.buscas-relacionadas .box-item {
		justify-content: flex-start; }
	}

@media only screen and (min-width: 768px) {
	.desktop,
	.desktop-lg { display: block; }
	}

  @media only screen and (min-width: 990px) {
    .mobile { display: none; }
    }

/*#################
----- MOBILE -----
#################*/
@media only screen and (max-width: 600px) {
	body, p {
		font-size: 14px;
		line-height: 24px; }
  #mobnav-btn { top: 30px !important; }    
  header .menu-topo .container ul {
    margin-right: 15px }
  header .menu-apoio .container {
    padding: 5px 0 10px !important;
    justify-content: flex-start !important; }
  header .menu-apoio .container .grid-4 {
    margin-bottom: 0;
    width: 50%; }
  header .logo-reivax { 
    display: block; 
    padding-left: 10%; }
  header ul.sf-menu li a { padding: 20px 0; }
  ul.sf-menu .normal_drop_down ul li a,
  ul.sf-menu .menu-item-has-children ul li a {
    padding: 8px !important;
    font-size: 12px !important; }
  ul.sf-menu .normal_drop_down ul li a:last-of-type,
  ul.sf-menu .menu-item-has-children ul li a:last-of-type {
    padding-bottom: 18px !important; }
  ul.sf-menu .normal_drop_down ul li.separador a,
  ul.sf-menu .menu-item-has-children ul li.separador a {
    padding-left: 4px !important; }
  header ul.sf-menu li:first-of-type {
    padding-top: 10px; }
  section.breadcrumb {
    margin-left: -8px; }
	.container,
  section.breadcrumb p,
  section.hero-area .content { 
		padding-left: 3%; 
		padding-right: 3%; }
  section.painel.service div .content-tab {
    margin: 20px 0 40px; }
  section.indicadores { 
    padding: 40px var(--lateral-gutter) 30px; } 
  section.home-carousel {
    padding: 50px var(--lateral-gutter) 40px; }    
  section.noticias .search form button,
  section.cases .search form button,
  section.busca .search form button {
    right: 10%; }

  section.noticias.home,
  section.institucional,
  section.linha-tempo,
  section.academy-intro,
  section.cursos {
    padding-top: 40px;
    padding-bottom: 40px; }
  section.academy-intro .diferenciais {
    width: 100%; }
  section.academy-intro .img-academy {
    display: none; }
  section.mobile-academy {
    display: block;
    padding: 0;
    margin: 0 0 -10px;
    width: 100%; }
  section.mobile-academy img {
    margin: 0; }
  section .accordion {
    justify-content: center; }
  section.cursos ul li h2,
  section.cursos ul li p {
    text-align: center; }
  section.diretoria {
    padding-bottom: 0; }
  section.missao-visao {
    padding-top: 0;
    padding-bottom: 20px; }
  section.valores {
    padding-bottom: 0; }
  section.diretoria .box-item li .img-diretoria {
    width: 85%;
    margin: 0 auto; }
  section.diretoria .box-item {
    margin-top: 25px; }
  section.diretoria .box-item li {
    padding: 5px 20px; }
  section.box-cursos {
    padding: 20px var(--lateral-gutter) 10px; }
  section.cta-academy .academy-decoration,
  section.cta-academy .overlay-academy {
    display: none; }
  section.cta-academy .banner-academy .box-academy {
    justify-content: center; }
  section.cta-academy .texto-academy {    
    border: none;
    text-align: center;
    align-items: center;
    padding-left: 0; }
  section.cta-academy .texto-academy h4 {
    padding: 0 0 5px; }
  section.cta-academy .logo-academy {
    padding: 0; }
  section.cta-academy .logo-academy img {
    padding: 15px 15px 5px; }
  section.cta-linkedin {
    padding: 35px var(--lateral-gutter) 30px; }
  section.cta-linkedin .banner-linkedin {
    margin-top: 0;  }
  section.cta-linkedin .banner-linkedin .grid-8 svg {
    width: 80%; }
  section.cta-linkedin .banner-linkedin img {
    display: none; }
  section.cta-linkedin .banner-linkedin .texto-linkedin {
    padding-right: 0; }
  section.cta-linkedin .banner-linkedin .texto-linkedin h3 {
    font-size: 18px; }
  section.painel.service .tabs ul li {
    width: 100%; }
  section.painel.service .tabs ul li label {
    padding: 25px; }
  section.painel.service div .content-tab .content {
    padding-left: 5%;
    padding-right: 5%; }

  section.linha-tempo ul {
    justify-content: center; }
  section.linha-tempo .owl-carousel .owl-nav {
    position: relative;
    top: 0;
    left: 0;
    right: inherit;
    margin: 20px 0; }
  section.linha-tempo .owl-carousel .owl-next {
    right: inherit;
    left: inherit;
    margin-left: 20%; }
  section.linha-tempo .owl-carousel .owl-prev {
    right: inherit;
    margin-left: 5%; }
  section.valores ul,
  section.valores div {
    justify-content: center; }
  section.valores div ul img {
    margin: 10px auto -10px; }
  section.valores ul {
    margin-bottom: 30px; }
  
  section.busca {
    padding: 30px var(--lateral-gutter) 0; }
  section.busca .search {
    width: 98%; }
  section.busca .search form button {
    right: 5%; }

  section.home-carousel .title-home span,
  section.noticias .destaque .title-home span {   
    display: none; }

	section .box-item li,
	section.noticias .box-item li {
		max-width: 100%; }
  section.noticias.home .destaque .box-item {
    margin: 0 auto; }    
  section.noticias .destaque .box-item {
    margin: 0 auto 10px; }

  section.noticias .destaque h3 {    
    font-size: 16px; }

  section.noticias .destaque .casos {
    overflow: visible;
    transform: translateY(-20%); }
  section.noticias.home .destaque .casos li {
    min-width: 300px; }
  section.noticias.home .casos li .cases-text {
    padding: 10px; }

  section.noticias.home .noticias-thumb img {
    padding-top: 10px; }  
    
  section.noticias.post-area img.img-topo {       
    padding-bottom: 0; }	
	section.noticias.post-area img {
		margin-bottom: 0; }
	section.noticias.post-area aside ul {
		margin: 0 }
	section.noticias.post-area aside ul li {
		width: 100%; }

	section.webinars.post-area {
		padding-bottom: 60px }
	section.webinars .tab	{
		width: 100%; }
	section.webinars-relacionados .box-item li,
	section.cases .box-item li,
	section.buscas-relacionadas .box-item li,
	section.missao-visao .box-item li,
  section.box-cursos .box-item li {		
		max-width: 90%; }	

	section.solucoes {
		padding-bottom: 10px; }		
	section.solucoes .content img {		
		padding: 0; }			

	section.erro h2 {
		font-size: 20px; }		
	section.erro p {
		font-size: 15px;
		line-height: 24px; }		
	section.erro .erro-btn a {		
		margin: 40px 15px; }

	footer .footer {
		text-align: center;			
		padding: 30px 0; }    
  footer .footer-nav ul:first-child {
		flex-direction: column;
		margin: 0 auto;
		text-align: center; }  		
	footer .footer-nav ul li {
		padding-bottom: 15px;
		padding-right: 0;	}
  footer .footer-nav .menu-rodape-container ul li {
    padding-right: 0; }

	}

	@media only screen and (max-width: 459px) {
		header .menu-topo { padding: 18px auto 15px; }
		header .logo-reivax img { max-width: 200px !important; }
    section.noticias.home {
      padding-left: 2%;
      padding-right: 2%; }   
    section.noticias .destaque ul.box-item .grid-3 {
      width: 40%; }    
    section.noticias .destaque ul.box-item .grid-5 {
      width: 60%; } 	
		section.webinars .box-item {			
			width: 100%; }		
		section.erro .erro-btn {		
			flex-direction: column; }	
		section.erro .erro-btn a {		
			margin: 35px 15px 0; }			
		section.erro .erro-btn a:last-of-type {			
			margin: 20px 15px 35px; }
		section.produtos {
			padding-bottom: 60px; }
		section.produtos .content img {
			width: 100%; }
    section.clientes {
      padding: 40px var(--lateral-gutter) 60px; }
    section.certificacoes ul li {
      padding: 0 10px; }
    section .owl-carousel .owl-nav {
      display: none; }
	}


@-webkit-keyframes Pin {
  0% {
      width: 27px;
      height: 27px;
  }
  50% {
      width: 34px;
      height: 34px;
  }
  100% {
      width: 27px;
      height: 27px;
  }
}
@keyframes Pin {
  0% {
    width: 27px;
    height: 27px;
  }
  50% {
      width: 34px;
      height: 34px;
  }
  100% {
      width: 27px;
      height: 27px;
  }
}