/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1{ font-size: 32px; }
h2 { font-size: 24px; text-align:center; }
h3 { font-size: 20px; }
h4 { font-size: 15px; }
h5{ font-size: 14px; }
h6 { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */
.preloader{width:100%; height:100%; position:absolute; z-index:9999; background: url('../images/ico_loading.gif') no-repeat center center #fff;}
html.loading, body.loading{min-height:100%; overflow:hidden;}


body {
	background: #fff;
	color: #000;
	font:15px 'Roboto', Helvetica, sans-serif;
	font-weight: 300;
	line-height:1.8em;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	overflow-x:hidden;
}

::-moz-selection { background: #E14D43; color: #fff; text-shadow: none; }
::selection { background: #E14D43; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: 'Roboto', Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
	line-height:120%;
	text-align:center;
}

h1{font-size:28px;}
h2 {font-weight:400; font-size:24px; color:#E04C43;}

h3.left{text-align:left; font-weight:300; margin:60px 0px 30px 0px;}
h2.multiple{line-height:36px;}

a, a > * {
	color: #000;
	text-decoration: none;
	-webkit-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out;
	   -moz-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out;
	    -ms-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out;
	     -o-transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out;
	        transition: background-color .4s ease, border .4s ease, color .4s ease, opacity .4s ease-in-out;
}

a:hover, a > *:hover { color: #E14D43; }

p + hr { margin: 25px 0 20px; }
li{list-style-image: none; list-style-type: none; margin:6px 0px;}
.inner{width:1200px; margin:0px auto;}
.center{text-align:center;}
strong{font-weight:500}

/* #Home
================================================== */

#home{
	position: relative;
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
}

.parallax-home {
	background: url('../images/slide-2.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;
}

@media only screen and (min-width: 1930px) { .parallax-home { background-size: cover; } }
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}

h2.redbold {font-weight:300; line-height:180%; font-size:24px;}
h2.redbold strong{font-weight:500; color:#E04C43;}


/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

.topHeader {padding:30px; height:20px; position:relative;}

.logo{display:block; float:left;}

header .inner{padding:60px 0px;}
#home h1{color:#fff;font-size:40px; font-weight:400;}
#home h2{margin:40px 0px 60px 0px; color:#fff; text-align:center; font-weight:300; font-size:24px; }
.innerhome {position:absolute; top:50%; margin-top:-200px; left:50%; margin-left:-539px;}

a.button{padding:10px; background:#E14D43; color:#fff; font-size:20px; margin:0px auto; display:block; width:170px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #9F3932 0 3px 0px; -moz-box-shadow: #9F3932 0 3px 0px; box-shadow: #9F3932 0 3px 0px; text-align:center; font-weight:normal;}
a.button:hover{background:#4DC56F; -webkit-box-shadow: #338A4C 0 3px 0px; -moz-box-shadow: #338A4C 0 3px 0px; box-shadow: #338A4C 0 3px 0px;}

#home a.button{width:190px;}

nav{float:right;}
nav li {float:left; margin-left:20px;}
nav li>a {font-weight:500; font-size:12px; height:22px; display:block; text-transform:uppercase; color:#fff; opacity:.6}
nav li>a.active{opacity:1; border-bottom:1px solid #fff;}
nav li>a:hover{color:#fff; opacity:1; border-bottom:1px solid #fff;}
.intern nav a{color:#000;}
.intern nav li>a:hover{color:#000; opacity:1; border-bottom:1px solid #000;}
.intern nav li>a.active{opacity:1; border-bottom:1px solid #000;}

.insidemenu{height:280px; background:#fff; width:1200px; position:absolute;  left:0px; border-top:3px solid #E14D43; padding:40px; -webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; z-index:9999}
.insidemenu .column {width:300px; margin-right:60px; float:left; font-size:13px; font-weight:400; }
.insidemenu .column h3{font-size:14px; text-align:left;}
a.saibamais{padding:5px 10px; color:#fff; background:#E14D43; font-size:12px; font-weight:600;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:80px; height:20px;}

.banner{background:url(../images/banner.jpg) no-repeat; background-size: cover; padding:60px 0px;}
.banner h1{color:#fff; margin-bottom:0px; font-size:40px; font-weight:300;}

.iconsrow {width:630px; margin:40px auto; }
.iconsrow .icon{width:210px; color:#fff; float:left; padding-top:110px; text-align:center; font-weight:500}
.iconsrow .icon.icon1{background:url(../images/icon1.png) no-repeat top center;}
.iconsrow .icon.icon2{background:url(../images/icon2.png) no-repeat top center;}
.iconsrow .icon.icon3{background:url(../images/icon3.png) no-repeat top center;}


.logos{width:835px; margin:0px auto;}
.logos .logo{float:left; margin-right:40px;}
.logos .logo img{  opacity: 0.6; height:60px;}
.logos .logo a:hover img{opacity:1;}
.logos .first{margin-left:25px;}

.last{margin-right:0px!important;}

.social{margin-top:30px;}
.social .circle{background:#393939; width:43px; height:43px; text-align:center; color:#fff; -webkit-border-radius: 53px; -moz-border-radius: 53px; border-radius: 53px; display:inline-block;  margin-right:20px;}
.social .circle .fa{color:#fff; margin-top:13px; font-size:18px;}
.social .circle:hover{background:#fff;}
.social .circle:hover .fa {color:#393939;}

.row{padding:60px 0px; width:100%;}
.grey{background:#f0f0f0;}
.darkgrey{background:#282828; color:#fff;}

.parceiros a {margin-left:20px;}
footer{width:100%; background:#393939;}
footer .inner{padding:40px 0px; color:#ccc; font-size:13px; font-weight:500; }
footer .column{width:200px; float:left; margin-right:20px; line-height:140%}
footer .column.large{width:300px; margin-right:60px;}
footer h3{color:#fff; font-size:16px; text-align:left; font-weight:600; margin-bottom:10px;}
footer .column .fa{font-size:14px; margin-right:4px;}
footer a {color:#ccc;}
.footernav{text-align:center; margin-top:20px; font-size:12px; padding-top:20px; border-top:1px solid #666;}
.footernav li{display:inline; margin-left:10px;}
.footernav ul{margin-bottom:4px;}
.modal-recrutamento{border:1px solid #666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:4px 17px;}

.statement{
position: relative;
margin: 0 auto;
width: 100%;
overflow: hidden;
padding-top: 120px;
padding-bottom: 120px;
}
.zindex{z-index:100;}
.zindex h2{color:#fff; text-align:center;}

.parallax {
	background: url('../images/slide-1.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}

.testimonial{width:420px; float:left; background:url(../images/quote-symbol.png) no-repeat; padding:40px 0px 0px 40px; margin-right:60px;}
.testimonial.temp{float:none; margin:0px auto; text-align:center;}


.testimonial.last{margin:0px;}
.testimonial p{margin-bottom:4px;}
.testimonial span{font-size:13px; margin-top:10px; display:block}

.col{width:340px; margin-right:90px; float:left; text-align:center; margin-top:30px;}
.col.last{margin-right:0px;}
.col img{display:block; margin:0 auto; padding-top:20px;}
.col.last img{padding:0px;}
.col .img{height:69px; margin-bottom:30px;}
.col.left{width:440px; margin-top:0px; text-align:left;}
.col.left h2{color:#000; text-align:left;}

.casestudy {font-size:13px; background:#E14D43; padding:5px 15px; color:#fff; display:block; margin-top:14px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:88px; font-weight:500;}
.casestudy .fa{color:#fff; margin-right:5px;}
a.casestudy:hover{background:#4DC56F; color:#fff;}
/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

#contactform, #loginform, #forgotpass, #pedidoacesso{padding-top:40px; width:864px; overflow:hidden; margin:0px auto;}

input[type=text], input[type=email], input[type=password] {margin: 0; padding: 10px; border: 1px solid #d7d9da; background: #FFF; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; width:400px; margin-right:10px; font-family: 'Open Sans', Helvetica, sans-serif; font-size:12px; font-weight:300; margin-bottom:10px;}

input[type=textarea], textarea {margin: 0; padding: 10px; border: 1px solid #d7d9da; background: #FFF; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; width:400px; margin-right:10px; font-family: 'Open Sans', Helvetica, sans-serif; font-size:12px; font-weight:300; margin-bottom:10px;}
textarea{float:none; width:834px; margin-right:0px;}
input[type=submit].button{padding:8px; background:#E14D43; color:#fff;  margin:0px auto; display:block; width:170px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #9F3932 0 3px 0px; -moz-box-shadow: #9F3932 0 3px 0px; box-shadow: #9F3932 0 3px 0px; text-align:center; font-weight:normal; margin-bottom:20px; font-family: 'Open Sans', Helvetica, sans-serif; font-size:16px; font-weight:300; cursor:pointer;}
input[type=submit].button:hover{background:#4DC56F; -webkit-box-shadow: #338A4C 0 3px 0px; -moz-box-shadow: #338A4C 0 3px 0px; box-shadow: #338A4C 0 3px 0px;}

.upload{margin: 0; padding: 10px; border: 1px solid #d7d9da; background: #d7d7d7; outline: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; width:400px; margin-right:10px; font-family: 'Open Sans', Helvetica, sans-serif; font-size:12px; font-weight:300; margin-bottom:10px; position:relative; overflow:hidden;}

.uploadtext{position:absolute; top:10px; left:10px;}
input[type=file]{ position: absolute;top: 0;right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

#assistenciaform input[type=submit].button{margin:0px;}
#jobsform input[type=submit]{margin:0px!important;}

#casestudiesform input[type=text]{float:none; margin:0px auto;}
#casestudiesform input[type=submit].button{margin-top:20px;}
#assistenciaform{margin:40px 0px;}
#agendeform input[type=text], #agendeform input[type=email]{width:265px;}
input.error{border:1px solid #FF6666;}
form span{display:none!important;}
.upload  span{display:block!important;}


#feedback{padding:40px 0px; text-align:center;}

/* ---------------------------------------------------------------------- */
/*	Select
/* ---------------------------------------------------------------------- */
select.customselect{opacity:0;}

.s-hidden {visibility:hidden; padding-right:10px;}
.select {cursor:pointer;display:inline-block;position:relative;color:black;border:1px solid #d7d9da; min-width:272px; padding:6px;  float:left; font-size:12px; font-weight:300; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:left; margin-bottom:10px;}
.styledSelect {position:absolute;top:8px;right:0;bottom:0;left:0;padding:0 10px;}

.styledSelect:after {content:"";width:0;height:0;border:5px solid transparent;border-color:black transparent transparent transparent;position:absolute;top:6px;right:14px;}

.styledSelect:active,.styledSelect.active {background-color:#fff;}

.options {display:none;
  position:absolute;
  top:100%;
  right:0;
  left:-1px;
  z-index:999;
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:1px solid #d7d9da;
  background-color:white;
  min-width:198px;
  max-height:250px;
  overflow-y:auto;
}

.options li {
  margin:0 0;
  padding:4px 10px;
  font-weight:normal;
}

.options li:hover {
  font-weight:bold;
}

.internHeader .select{display:none;}

.responsive-nav{display:none;}

/* ---------------------------------------------------------------------- */
/*	Modal
/* ---------------------------------------------------------------------- */
#modal{width:600px; height:auto; background:#FFF; position:fixed; z-index:1000; top: 50%; left: 50%; margin-left:-300px;  padding:30px; box-shadow:-2px 4px 12px 0px #666;

  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
   -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;	  
}

.modal-content {padding-top:20px; text-align:center;}
#close-modal{text-align: right; position: absolute; right: 20px; top: 20px; cursor:pointer;}
#modal.video{width:900px; margin-left:-450px;}

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
.nomobile{display:none;}
body {overflow-x:hidden;}
header{height:480px;}
#main .inner, header .inner{width:100%!important; overflow-x:hidden;}
header .outer{max-width:100%!important; box-sizing:border-box;}
header h1 {max-width:100%; font-size:24px; padding:10px; box-sizing:border-box}
header h2{font-size:20px;}

.innerhome{width:100%; margin-left:0px; left:0px; top:220px;}
#home h1 {font-size:30px;}
#home h2 {font-size:20px; margin:40px 0px 40px 0px;}
.iconsrow .icon, .iconsrow {width:100%;}
.iconsrow .icon{padding-top:90px; line-height:100%; margin-bottom:20px;}
#home, #home .parallax-home{height:800px!important;}

.logos{width:90%;}
.logos .logo{margin:0px; width:33%; text-align:center; margin-right:0px;}
.logo:nth-child(3n+1){
    clear:both;
}
.logos .logo img{max-width:100%; height:50px;}

h2.redbold {max-width:100%!important;}
.col{width:100%; margin-right:0px;}
footer{}
footer .column.large, column{width:90%; text-align:left; margin:0px auto;}
footer .inner{padding:40px 0px 40px 0px!important; width:90%; margin:0px auto;}
footer .inner p {padding:0px;}
.statement{padding:60px 0px;}
.testimonial{width:320px; padding:20px 0px 0px 20px;}

.row.grey .col, .col {width:90%; padding:10px; box-sizing:border-box; margin:0px auto;  float:none;}
.col.left, .col.left h2 {text-align:center;}
.col.left .casestudy{margin:0px auto;}
.col.left.last, .col.last{margin-right:auto!important;}

#slider .sliderItem {width:100%; margin-right:0px;}
#slider .sliderItem p, #slider .sliderItem h3 {margin-right:10px;}
h1, h2 {padding:0px 5px;}
p.demoInfo{max-width:90%;}
.illustration{display:none;}
.text{float:none!important; width:96%!important; padding:10px;}
div.row, div.row:nth-child(even){padding:30px 0px; box-sizing:border-box}
.inner{max-width:100%;}
.column.last a.button{width:120px;}

#modal{width:90%; box-sizing:border-box; top:20px; left:20px; margin-left:0px; min-height:410px; margin-top:20px!important;}
#modal input[type=submit].button{font-size:15px!important; padding:5px 0px!important;}
#modal p{font-size:12px; line-height:110%;}
input[type=text] {max-width:90%!important;}
input[type=submit]{ -webkit-appearance: none;}
.responsive-nav {display:block; width:200px; margin:0px auto; -webkit-appearance: none; background:#333; color:#fff; padding:10px;}

.internHeader {height:140px;}
.internHeader .inner {width:100%; text-align:center;}
.internMenu {display:none;}
.internHeader .internlogo {margin-bottom:20px;}

.internHeader .select{display:block; width:200px; min-width:0px; background:#fff; left:50%; margin-left:-100px;}
.abouttext, .benefittext {padding:10px; box-sizing:border-box; text-align:center; width:100%;}
.aboutimg{width:82px; margin:0px auto;}
#main.left, #main.left h2 {text-align:center;}
.benefitcircle {margin:0px auto; float:none;}
.oklist {text-align:left; margin:0px auto; padding-left:20px;}
#jobsform {display:none;}

#assistenciaform input[type=text], #assistenciaform textarea, #contactform input[type=text], #contactform textarea{margin:10px auto; float:none; width:90%}
#jobsform input[type=submit].button, #assistenciaform input[type=submit].button, #contactform input[type=submit].button {margin:0px auto;}
#contactform{width:100%; overflow:visible; padding-bottom:20px;}
.select {min-width:90%; left:5px; text-align:left; margin-bottom:10px;}

}