body,html{

height:100%}



.header,.header-empresa,.header-servicos,.header-solucao,.header-solucoes{

position:relative;width:100%}



.effect4 ul li a::after,blockquote:after,blockquote:before,figure.effect-oscar figcaption::before,q:after,q:before{

content:''}



.nav-collapse ul,.rslides,ol,ul{

list-style:none}

.termos-head{
	margin-top: 60px;
	margin-bottom: 40px;
	font-size: 30px;
}

.title_termos{
	font-size: 20px;
	text-align: left;
	margin-bottom:25px;	
}

.text_termos{
	
	margin-bottom:25px;	
	font-size: 14px;
}

.termos_link{
	color: #FFF;
}

.termos_link:hover{
	color: #827d77;
}

.bold{
	font-weight: bold;	
}

.aviso-cookies{width:100%;background:#000;padding:10px;color:#fff;font-size:12px;z-index:100;text-align:center;position: fixed;bottom: 0;}
.aviso-cookies a{color:#fff;text-decoration:underline;}.close-barra{color:#fff;font-size:13px;cursor:pointer;margin-left:5px;text-decoration:none !important;}


a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{

margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baselinebaseline;background:0 0}



.header,.header-contactos,.header-empresa,.header-servicos,.header-solucao,.header-solucoes{

background-attachment:scroll;background-color:transparent;background-position:left top;float:left;padding-top:30px}



.header,.header-contactos,.header-empresa,.header-servicos,.header-solucao,.header-solucoes,div.module.parallax{

background-repeat:no-repeat;background-size:cover}



@font-face{

font-family:Noto;src:url(../fonts/NotoSans-Regular.eot);src:url(../fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/NotoSans-Regular.svg#svgFontName) format('svg'),url(../fonts/NotoSans-Regular.woff) format('woff'),url(../fonts/NotoSans-Regular.ttf) format('truetype');font-style:normal;font-weight:400;text-rendering:optimizeLegibility}



body{

margin:0;width:100%;overflow-x:hidden!important;font-family:Noto}



.text,.text2{

color:#3C3C3B;font-size:18px;margin-bottom:60px;text-transform:uppercase;text-align:center}



html{

width:100%}



blockquote,q{

quotes:none}



:focus{

outline:0}



table{

border-collapse:collapse;border-spacing:0}



.header{

background-image:url(../images/img-home.jpg)}



.header-empresa{

background-image:url(../images/empresa.jpg)}



.header-solucoes{

background-image:url(../images/solucoes.jpg)}



.header-servicos{

background-image:url(../images/servicos.jpg)}



.header-contactos{

background-image:url(../images/contactos.jpg);position:relative;width:100%}



.content,.content-padding{

padding-top:80px;position:relative;width:100%;float:left}



.content-padding{

padding-bottom:80px}



.text{

width:100%;margin-top:40px}



.text2{

width:100%}



.center-content{

text-align:center}



.nav-collapse ul{

margin:0;padding:0;display:block}



.nav-collapse li{

display:block}



.js .nav-collapse{

clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1;margin-top:16px;z-index:1}



.nav-collapse.opened{

max-height:9999px}



.disable-pointer-events{

pointer-events:none!important}



div.module.parallax{

height:536px;background-position:0 100%;background-attachment:fixed;clear:left;float:left;width:100%}



div.module.parallax-1{

background-image:url(../images/parallax.jpg)}



.content-grey{

float:left;padding-top:80px;position:relative;width:100%;background-color:#EEEFF0;min-height:400px}



.solucao1{

background-image:url(../images/solucao1.jpg)}



.solucao2{

background-image:url(../images/solucao2.jpg)}



.solucao3{

background-image:url(../images/solucao3.jpg)}



.solucao4{

background-image:url(../images/solucao4.jpg)}



.solucao5{

background-image:url(../images/solucao5.jpg)}



.solucao6{

background-image:url(../images/solucao6.jpg)}



.servico1{

background-image:url(../images/servico1_big.jpg)}



.servico2{

background-image:url(../images/servico2_big.jpg)}



.servico3{

background-image:url(../images/servico3_big.jpg)}



.servico4{

background-image:url(../images/servico4_big.jpg)}



@media screen and (min-width:40em){

.js .nav-collapse{

position:relative}



.js .nav-collapse.closed{

max-height:none}



.nav-toggle{

display:none}



}



.fixed{

position:fixed;width:100%;left:0;top:0}



.nav-collapse,.nav-collapse *{

-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}



.nav-collapse,.nav-collapse ul{

list-style:none;width:100%;float:left}



.grid{

width:1032px;margin:0 auto}



.grid figure{

position:relative;float:left;overflow:hidden;min-width:258px;max-width:258px;max-height:270px;width:33.3%;text-align:center;cursor:pointer}



.grid figure img{

position:relative;display:block}



.noneClass,.rslides li{

display:none}



.grid figure figcaption{

padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}



.grid figure figcaption::after,.grid figure figcaption::before{

pointer-events:none}



.grid figure figcaption,.grid figure figcaption>a{

position:absolute;top:0;left:0;width:100%;height:100%}



figure.effect-oscar figcaption{

padding:3em}



figure.effect-oscar figcaption::before{

position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff}



figure.effect-oscar h2{

margin:30% 0 10px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);font-size:16px!important}



figure.effect-oscar figcaption::before,figure.effect-oscar p{

opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(0);transform:scale(0)}



figure.effect-oscar:hover h2{

-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}



figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p{

opacity:1;-webkit-transform:scale(1);transform:scale(1)}



.suporte{

float:left;width:130px}



.texto-suporte{

float:left;font-size:35px;color:#111820;margin-left:-16px;margin-top:15px}



.desc-suporte{

float:left;font-size:14px;color:#111820;margin-left:5px}



.suporte-container{

max-width:740px;margin:0 auto;min-height:140px}



.wrapper-btn{

width:100%;text-align:center;margin-top:50px}



.contact-btn{

color:#FFF;font-size:14px;background-color:#008375;padding:10px}



#footer{

width:100%;float:left;background-color:#575756;padding-top:35px;padding-bottom:5px}



.contacts-text{

color:#FFF;font-size:12px}



#footer-logo{

width:100%;float:left;background-color:#111820;padding:15px;text-align:center}



.header-title{

color:#fff;font-size:35px;line-height:35px;top:50%;position:absolute;margin-top:-35px;z-index:10;margin-left:10px}



.link-breadcrumb{

color:#008375;font-size:12px;text-decoration:none}



.title,.title-conteudos{

width:100%;color:#008375;font-size:18px;text-align:center;text-transform:uppercase;letter-spacing:7px}



.link-breadcrumb:hover{

text-decoration:underline}



.title{

margin-bottom:40px}



.title-conteudos{

margin-bottom:30px;margin-top:10px}



.text-empresa,.text-empresa2{

text-align:justify;width:100%}



.text-empresa{

padding-bottom:80px;font-size:12px;color:#111820;padding-left:15px;padding-right:15px}



#form-contact input,#form-contact textarea{

border:1px solid #111820;padding-left:10px}



.title2{

width:100%;margin-bottom:40px;color:#008375;font-size:18px;float:left;letter-spacing:7px}



.text-empresa2{

font-size:14px;color:#111820}



.suporte-white{

float:left}



.texto-suporte2{

float:left;font-size:24px;color:#fff;margin-left:-12px;margin-top:11px}



.desc-suporte2{

float:left;font-size:12px;color:#fff;margin-left:5px}



.right-align{

text-align:right}



.text-contacts,.text-solucao,.title-contacts,.wrapper-button{

text-align:center}



.right-align2{

float:right!important}



.suporte-container2{

max-width:270px;height:90px}



.title-contacts{

width:100%;font-size:16px;color:#008375;float:left;letter-spacing:7px}



#form-contact input,#form-contact textarea,.text-contacts{

width:100%;color:#111820;font-size:12px}



#form-contact{

float:left;width:100%}



#form-contact input{

float:left;height:40px}



#form-contact textarea{

float:left;height:180px;padding-top:10px;resize:none}



#form-contact button{

color:#FFF;background:#878787;width:100px;height:37px;border:none;font-size:12px}



.wrapper-button{

width:100%}



.text-solucao{

width:100%;padding-bottom:60px;font-size:14px;color:#111820}



.wrapper-btn-solucoes{

width:100%;margin-top:60px;float:left;margin-bottom:50px}



.content-btn,.content-btn2{

width:270px;height:58px}



.nome-solucao,.nome-solucao2{

color:#3c3c3b;text-transform:uppercase;margin-top:8px;text-align:center;font-size:18px}



.previous{

float:left}



.next{

float:right}



.nome-solucao{

float:left;margin-left:30px}



.nome-solucao2{

float:right;margin-right:30px}



.content-btn2{

float:right}



.servico_btn{

cursor:pointer}



.logo{

margin-left:10px;position:absolute}



.text-circle{

margin-top:80px;position:absolute;width:100%;text-align:center;color:#008375;font-size:18px;padding-right:25px}



.mapa{

width:100%;position:relative;top:-46px;border:none}



.mapa-container{

float:left;display:inline-block;overflow:hidden;width:100%}



.grow:hover{

transform:scale(1.2)}



.grow{

transition:all .2s ease-in-out;-webkit-transform:scale3d(.8,.8,2);-webkit-transition:all .2s}



.grow:hover{

-webkit-transform:scale3d(1,1,1)}



.nav-collapse a{

text-decoration:none;position:relative;display:inline-block;color:#fff;font-size:12px}



.effect4 ul li a{

padding:.7em 1em}



.effect4 ul li a::after{

background:#fff;position:absolute;top:100%;left:0;width:100%;height:1px;opacity:0;transition:opacity .3s,transform .3s;-moz-transition:opacity .3s,-moz-transform .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transform:translateY(-10px);-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px)}



.effect4 ul li a:focus::after,.effect4 ul li a:hover::after{

opacity:1;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0)}



.icon-min{

height:66px;width:auto}



.overlay2{

background:url(../images/over.png) rgba(0,0,0,0);height:100%;position:absolute;top:0;width:100%;z-index:1}



.text_header{

position:absolute;width:100%}



#video-wrapper,.banner{

position:relative;overflow:hidden}



#video,.header2{

position:absolute}



#video-wrapper{

background-color:transparent;bottom:0;height:100%;left:0;right:0;top:0;width:100%}



.header2{

width:100%;z-index:10;margin-top:30px}



.nav-fillpath .next h3,.nav-fillpath .prev h3{

position:absolute;top:50%;margin:-10px 0 0;color:#000;text-transform:uppercase;font-weight:400;font-size:12px;opacity:0;width:200px;padding:0 20px}



.nav-fillpath .prev{

left:0;position:absolute;cursor:pointer}



.nav-fillpath .next{

right:0;position:absolute;cursor:pointer}



.nav-fillpath .prev h3{

left:35px;text-align:left;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}



.nav-fillpath .next h3{

right:10px;text-align:right;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}



.nav-fillpath .next:hover h3,.nav-fillpath .prev:hover h3{

opacity:1}



.parallax-text{

color:#fff;font-size:35px;line-height:35px;text-align:center;margin-top:250px;z-index:10}



.rslides{

position:relative;overflow:hidden;width:100%;padding:0;margin:0}



.rslides li{

-webkit-backface-visibility:hidden;position:absolute;width:100%;left:0;top:0}



.rslides li:first-child{

position:relative;display:block;float:left}



.rslides img{

display:block;height:auto;float:left;width:100%;border:0}



.ontop{

position:absolute;top:30px;right:0;left:0;z-index:10}



#menu_header{

position:fixed;top:0;z-index:20;width:100%;height:90px;padding-top:11px}



.header-wrapper,.nav-toggle{

position:relative}



#logo2{

display:none}



.height-min{

min-height:550px}



.clear{

width:100%;float:left;height:10px}



#depreload{

background-image:url(../images/img-home.jpg)}



@media screen and (min-width:40em){

.nav-collapse{

float:right;width:auto}



}



.nav-collapse li{

float:left;width:100%;margin:2px 10px}



@media screen and (min-width:40em){

.nav-collapse li{

width:auto}



.nav-collapse a{

padding:1.02em 2em;text-align:center;border-top:0;float:left;margin:0}



.nav-collapse ul ul a{

display:none}



}



.nav-collapse ul ul a{

background:#ca3716;padding-left:2em}



@font-face{

font-family:responsivenav;src:url(../icons/responsivenav.eot);src:url(../icons/responsivenav.eot?#iefix) format("embedded-opentype"),url(../icons/responsivenav.ttf) format("truetype"),url(../icons/responsivenav.woff) format("woff"),url(../icons/responsivenav.svg#responsivenav) format("svg");font-weight:400;font-style:normal}



.nav-toggle{

-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;text-indent:-300px;overflow:hidden;width:60px;height:55px;float:right}



.nav-toggle:before{

color:#fff;font:400 28px/55px responsivenav;text-transform:none;text-align:center;position:absolute;content:"\2261";text-indent:0;speak:none;width:100%;left:0;top:0}



.nav-toggle.active:before{

font-size:24px;content:"\78"}



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

.grid{

width:516px!important}



}



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

div.module.parallax{

background-attachment:inherit!important;background-size:100% auto;background-repeat:no-repeat;height:300px!important}



.parallax-text{

font-size:20px!important;line-height:20px!important;margin-top:140px!important}



}



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

.contacts-text,.right-align{

text-align:center!important}



.right-align{

clear:left;margin-top:20px}



.content-btn,.content-btn2,.suporte-container2{

margin:0 auto}



.content-btn2{

float:none!important}



.nav-fillpath .next h3{

right:30px!important}



}



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

.header-title{

font-size:20px!important;line-height:20px!important;margin-top:10px!important}



}



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

#header,.header-empresa{

padding-top:10px!important}



.header-title{

opacity:0}



.nav-collapse a{

background:#fff!important;color:#000!important}



.nav-collapse{

background:#fff!important;border-bottom:1px solid #000!important}



.logo{

height:55px}



.ontop{

top:10px!important}

.title-mobile{
	margin-top:60px !important;
	letter-spacing:0px !important;
}

.title-mobile .title-conteudos{
	letter-spacing:0px !important;
}

}



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

.grid{

width:258px!important}



.suporte-container{

min-height:180px!important}



}



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

.nav-fillpath h3{

font-size:10px !important}



.title-conteudos{

font-size:13px !important}

.icon-mobile{
	margin-top:60px !important;
}



}