html, body{margin:0;padding:0; font-family: 'Ubuntu', sans-serif; overflow-x:hidden;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;font-style:inherit;font-weight:inherit;outline:0;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
i,em{font-style:italic;}
b,strong{font-weight:bold;}
small{font-size:10px;}
big{font-size:16px;}
a img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
h1, h2, h3, h4, h5, h6{display: block; margin:0;}
h1{font-size: 2.0em; }
h2{font-size: 1.6em;}
h3{font-size: 1.17em;}
h4{font-size: 1em;}
h5{font-size: .83em;}
h6{font-size: .67em;}
a:link,a:visited{color:#878e88;text-decoration:none !important;outline:0;}
a:hover,a:active{color:#878e88 !important; text-decoration:none !important;outline:0;}
.clear{ clear:both;}
body{margin:0;padding:0;font-size:20px;color:#333;background: #fff; overflow-x: hidden}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff!important; /* cor do background que vai ocupar o body */
    z-index:99999999999999999999999999999999999; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}
.bolas > div {
  display: inline-block;
  background-color: rgba(253,126,20,0.9);
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:0.75s ;
    animation-delay: 0;
}
.bolas > div:nth-child(2) {
    animation-duration: 0.75s ;
    animation-delay: 0.12s;
}
.bolas > div:nth-child(3) {
    animation-duration: 0.75s  ;
    animation-delay: 0.24s;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  16% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}

.container{max-width: 1278px;}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-border-radius:10px;border-radius:10px}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#999;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}
::-webkit-scrollbar-thumb:window-inactive{background:#999}


/* RESP NAV */
header{color: #000; position: fixed; z-index: 240; width:100%;padding:0 10px;}
.logo-mob{max-width: 60px; height: auto; }
#trigger-overlay{background: none; border: 0; color:#e28f41; width:36px; height: 36px; font-weight: 100;color: transparent;	outline: none;background: url(../images/open.png) no-repeat center center; margin-top: 10px; cursor: pointer;-webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
#trigger-overlay:hover{opacity:.5;}
#menu-resp{opacity: 0;-webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
/* Overlay style */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	z-index: 250;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 25px;
	overflow: hidden;
	border: none;
	background: url(../images/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none; cursor: pointer;
	z-index: 300;-webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;
}
.overlay .overlay-close:hover{opacity:.5;}
/* Menu style */
.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 60%;
	font-size: 54px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	font-size: 18px; text-transform: uppercase;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 500;
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #e3fcb1;
}

/* Effects */
.overlay-hugeinc {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-hugeinc.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay-hugeinc.open nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

@media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}

/* NAVBAR HOME */
.navbar a.navbar-brand{width: 325px; height: 78px; -webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;  padding-left: 10px; background:url(../images/logo-new.png); background-repeat: no-repeat; background-size: contain;}

.navbar {color: #fff; transition: all 0.3s; padding:30px 0 0!important;}
.navbar a {color: #fff !important; font-size: 18px; font-weight: 300;}
.navbar a strong {font-weight: 400;}
.navbar li{padding: 12px 2px;}
.navbar li.menu-item{}
.navbar li.menu-item:hover {}
.navbar li:hover {color:#fff!important;}
.navbar li:hover > a{color: #fff !important; }
.navbar li.active:hover{background:transparent!important; color: #fd6800; }
.navbar li.active > a{color: #fd6800 !important; }
.navbar li a.zap{display: inline-block!important}

.navbar li a{padding-right:1.0em!important; padding-left:1.0em!important; border-radius:5px; -webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; }
.navbar li a:hover{background:rgba(255,255,255,0.3);}

.compressed {background: #fff; color: #4f5255; transition: all 0.3s; padding:5px 0!important; box-shadow: 1px 1px 1px #ededed}
.compressed a.navbar-brand{width: 240px; height: 58px; -webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;  padding-left: 10px; background:url(../images/logo-cor-new.png); background-repeat: no-repeat; background-size: contain;}

.compressed a {color: #4f5255 !important; font-size: 18px; font-weight: 300;}
.compressed a strong {font-weight: 400;}
.compressed li{-webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; padding: 12px 2px;}
.compressed li.menu-item{border: 0 transparent;}
.compressed li.menu-item:hover {border:0 transparent;}
.compressed li:hover {color:#fd6800!important;}
.compressed li:hover > a{color: #fd6800 !important; }
.compressed li.active:hover{background:#fff!important; color: #fd6800; }
.compressed li.active > a{color: #fd6800 !important; }

a.zap{background:none!important;}

.navbar-toggler{color: #ffffff!important; background: transparent !important; border: 0;-webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}
.navbar-toggler:hover{color: #ffffff!important; background: transparent !important; border:0 !important;-webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;}

.acesso{-webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
.navbar a.acesso{font-weight:500;}


.cadastro{-webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
.navbar a.cadastro{background:#fff; color:#fd7e14!important; }
.navbar a.cadastro:hover{background:#ededed; border-radius:5px;color:#fd7e14!important;}


.compressed a.cadastro{color:#fff!important;background:#fd7e14;}
.compressed a.cadastro:hover{color:#fff!important;background:#cc5e1c;}

p{margin-bottom: 10px;}

/* HOME */
img.logo{margin-left: 20px;}
html, body {height: 100%; margin: 0;}
#home{background:#ec5e07; background-position: center top; background-size: cover; color:#2b2b2b; padding-top: 40px; height: 100vh; overflow-x: hidden; }

.slogan{color:#fff;  position:absolute;
  top: 50%;
  /* bring your own prefixes */
  transform: translate(0%, -10%);
}
.slogan h1{font-size:2.8em; color:#fff;}
.slogan .line{height:1px; background:#fff; width:80px;}

/* INSTITUCIONAL */
#institucional{padding: 100px 0; color: #333; font-weight: 300;}
.tit-institucional{padding-top: 130px;}
.tit-institucional img{max-width: 280px; width: 100%; height: auto;}
.item-institucional{margin: 20px 0 60px 0;}
.item-institucional strong{color:#fd7e14;font-weight: 400;}
.item-institucional img.icone{max-width: 116px; width:100%; height: auto;}
.filiados{margin-top: 40px; color:#fd7e14}
.filiado{margin: 20px 0;}
.filiado img{max-width: 100%; height: auto}


.mvv{margin:20px 0; font-size:16px; padding:20px; background:#efefef; border-radius:20px 0 0 0;}
.mvv h2{color:#fd7e14; text-align:center;}

.insti .btn-abra{border-radius:5px;}

/* SOLUÇÕES */
#solucoes{padding: 140px 0 100px 0; color: #fff;font-weight: 300; }
.tit-solucoes{padding-top: 100px;}
.tit-solucoes img{max-width: 280px; width: 100%; height: auto;}
#solucoes p{margin-bottom: 40px}

#boxes{margin-top: -50px;}

.nav-pills .nav-link{border-radius: 20px 0 0 0; padding: 40px 20px 60px 20px; width: 260px; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
.nav-pills .nav-link{background-color:#e39950;  color:#fff; margin:0 10px; max-height:220px;}
.nav-pills .nav-link:hover{background-color:#e9752f; margin:0 10px;}
.nav-pills a:hover{color:#fff!important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:#d7410d; color:#fff;}
.tit-box{font-weight: 300}
.tit-box img{margin-bottom: 10px; }

#barras{background: #fff; padding: 80px 0;}
.item-solucoes{margin:40px 0; }
.img-solucoes{padding-top: 10px;}
.img-solucoes img{max-width: 360px; height: auto; width: 100%;}

.item-solucoes h2{color:#fd7e14; font-weight: 400; margin-bottom: 20px;}
.item-solucoes h2 img{margin-right: 10px;}
.txt-solucoes{font-weight: 300; padding-top: 80px;}
.btn-mais a{color: #fff; font-weight: 500; font-size: 14px;}
.btn-mais a:hover{color: #fff!important;}

.factoring{background: #2b2b2b; padding: 40px 20px; color:#fff; font-weight: 300; font-family:"Roboto"; }

.funciona{background: #eaeaea; padding: 40px 20px; color:#333; font-weight: 300; font-family:"Roboto"; }
.fac-tit{color:#fd7e14; font-weight: 400; margin-top: 4px;}
.func-tit{color:#333; font-weight: 400; margin-top: 4px;}
.factoring-item, .funciona-item{padding: 20px; font-size: 14px;}

/* ACESSO */
#acesso{background:#2d2d2d; background-position: center top; background-size: cover; color:#2b2b2b; padding-top: 40px; height: 100vh; overflow-x: hidden; }
.btn-abra{background:#fd7e14; border:0; color:#fff; border-radius:0;}
.btn-abra:hover{background:#e9752f; border:0; color:#fff;}

/* CONTATO */
#contato{font-size: 16px; color: #fff; background:#e9752f; margin-top:20px; padding:40px 0; }
.form{ padding: 30px; background: #cbcbcb;}
.form p{color: #fff;}
.contatoo{padding-top:120px;}

#mapa{background:#2b2b2b;}

.trabalhe{ padding: 30px; background: #cbcbcb;}
.trabalhe h4{margin-bottom:10px; text-transform:uppercase; }
.trabalhe .separator{height:38px;}


#interno{padding-top:100px; font-size:16px;}
#interno h1{color:#fd7e14; font-weight: 400; margin-bottom: 20px; border-bottom:1px solid #ccc;}
#interno h2{color:#fd7e14; font-weight: 400; margin-bottom: 20px; }
#interno h1 img{margin-right: 10px;}

.grecaptcha-badge {
    display: none;
}

.wpcf7-text::placeholder, .wpcf7-password::placeholder, .wpcf7-textarea::placeholder{color:#555;}
.wpcf7-text, .wpcf7-password{border:1px solid #fff; background:#fff;  color:#333; font-weight:400; width: 100% !important; height: 36px; padding: 20px 10px; margin-bottom: 20px;}

.wpcf7-textarea {border:1px solid #fff; background:#fff; color:#333; font-weight:400; width: 100% !important; padding: 10px; height: 120px;margin-bottom:10px !important;}
.wpcf7-submit {background: #2b2b2b; float:right; border: 0; letter-spacing: 1px; padding: 10px 30px; font-weight: 400; color: #fff; margin-top: 0px; margin-bottom: 10px;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; cursor:pointer;}
.wpcf7-submit:hover {color: #fff; background: #000;}

/* ERROR */

.wpcf7-not-valid{background:#FFBABA!important; border-color: #D8000C!important; }
span.wpcf7-not-valid-tip{display: none!important;}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
	font-size: 12px;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
	font-size: 12px;
    padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 20px/20px 'Font Awesome 5 Free';
    margin-right: 10px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content:'\f00c';
}
div.wpcf7-validation-errors:before {
    content:'\f057';
}
.wpcf7-form{border:0!important;}
/* FOOTER */
footer{background: #2b2b2b; color:#fff; padding: 20px;}
.infor{font-size:16px; margin-top:20px;}
.infor strong{font-weight:400;}
.infor h3{font-weight:500; margin-bottom:10px;}
.infor a{color:#ddd;}
.infor a:hover{color:#eee!important; text-decoration:underline!important;}
.cont a:hover{color:#eee!important; text-decoration:none!important;}
.cont i.fa-whatsapp{color:#00cc00;}
#copyright{font-size:14px;color:#999; background:#222; padding:10px 0;}
#copyright a{color:#666;}
#copyright span{font-size:12px;color:#666;}

/* PAGINATION */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #6c6c6c;
    text-decoration:none;
	border-radius: 5px;
-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;
	background: #efefef
}
 
.navigation li {
    display: inline;
}
.navigation li.space{padding: 12px; padding: 0.75rem 1.0rem;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #878787;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem 1.0rem;
}
.navigation li a:hover
{
    color: #fff;
	background: #ccc
} 
.navigation li.active a {
    color: #fff;
	background: #ff015c
}

.post{font-size: 16px; font-weight:300;}
.post p{margin-bottom: 40px;}
.post p img{max-width: 100%; height: auto; margin-bottom: 20px;}
.post img.size-large{max-width: 100%; height: auto;}
.post img.size-large{max-width: 100%; height: auto;}
.aligncenter {display: block; margin: 0 auto;}
.alignright {float: right; margin: 0 0 1em 1em;}
.alignnone {float: none; margin: 0 1em 1em 0;}
.alignleft {float: left; margin: 0 1em 1em 0;}
.floatleft {float: left;}
.floatright {float: right;}
img.aligncenter, img.alignright,  img.alignleft {}
.aligncenter, .alignright,  .alignleft {margin-top: 5px;}
.alignnone {margin-bottom: 10px;}
img.aligncenter, img.alignnone{width: 100%; height: auto; margin-bottom: 10px;}



@media only screen and (max-device-width: 1700px), screen and (max-width: 1700px) {
	
}
@media only screen and (max-device-width: 1366px), screen and (max-width: 1366px) {
	body{font-size:18px;}
}
@media only screen and (max-device-width: 1050px), screen and (max-width: 1050px) {
	.nav-pills .nav-link{padding: 40px 10px 60px 10px; width: 200px; }
}
@media only screen and (max-device-width: 860px), screen and (max-width: 860px) {
	#navbar, .compressed{padding: 10px 20px!important;}
	.navbar a.navbar-brand{width: 220px; height: 53px; background:url(../images/logo-new.png); background-size: contain;}

	.navbar {color: #fff; transition: all 0.3s; /*padding:30px 0 0!important;*/}
	.navbar a {color: #fff !important; font-size: 20px; font-weight: 300;}
	.navbar a strong {font-weight: 400;}

	.compressed {background: #fff; color: #4f5255; transition: all 0.3s; /*padding:5px 0!important; */box-shadow: 1px 1px 1px #ededed}
	.compressed a.navbar-brand{width: 182px; height: 44px; -webkit-transition: all .6s ease; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;  padding-left: 10px; background:url(../images/logo-cor-new.png); background-size: contain;}

	.navbar #trigger-overlay{background: url(../images/open.png) no-repeat center center; }
	.compressed #trigger-overlay{background: url(../images/open2.png) no-repeat center center; }
	.overlay .overlay-close {right: 25px; top: 25px;}
	#menu-resp{opacity: 1.0!important;}
	.nav-pills{display: none;}
	.tab-content>.tab-pane {display: block !important; opacity: 1 !important;}
	.contatoo{padding-top:20px;}
}
@media only screen and (max-device-width: 768px), screen and (max-width: 768px	) {
	body{font-size:16px; overflow-x: hidden; }
	.tit-institucional{text-align: center;padding-top: 0; padding-bottom: 20px;}
	.tit-solucoes{text-align: center;padding-top: 0; padding-bottom: 20px;}
	.txt-solucoes{padding-top: 0;}
	.item-solucoes{margin-bottom: 60px;}
	h2{font-size: 1.3em;}
	.cont{text-align:center; font-weight:300; font-size:18px; margin-top: 20px;}
	.logo-rdp{text-align: center;}
    .slogan{color:#fff;  position:absolute; top: 60%;  /* bring your own prefixes */  transform: translate(0%, -2%);}
	
}
@media only screen and (max-device-width: 600px), screen and (max-width: 600px	) {
	img.aligncenter, img.alignnone, img.alignright, img.alignleft{width:100%; height:auto;}
	.aligncenter img, .alignnone img, .alignright img, .alignleft img{width:100%!important; height:auto!important;}
	.wp-caption{width:100%!important; height:auto!important;}
	.infor{text-align:center; font-weight:300; font-size:18px; margin-top: 20px;}
}