/* ---------------------------------------------------------------------- */
/*	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,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; }



.contacte_fundo{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0px; 
    background-color: black;
    opacity:.3; 
    visibility:hidden;
}
.contacte_fundo_transp{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0px; 
    visibility:hidden;
    
    
}

.contacte{
    position: relative; 
    border-radius: 7px;
    top: 50%; 
    left: 50%; 
    margin-top: -245px; 
    margin-left: -250px; 
    background-color: lightgray; 
    width: 500px; 
    height: 490px;
    opacity: 1;


}

.btnEnviar, .btnCancelar {
  background: #457070;
  background-image: -webkit-linear-gradient(top, #457070, #457070);
  background-image: -moz-linear-gradient(top, #457070, #457070);
  background-image: -ms-linear-gradient(top, #457070, #457070);
  background-image: -o-linear-gradient(top, #457070, #457070);
  background-image: linear-gradient(to bottom, #457070, #457070);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
}

.btnEnviar:hover, btnCancelar:hover {
  background: #77bbbb;  
  background-image: -webkit-linear-gradient(top, #77bbbb, #77bbbb);
  background-image: -moz-linear-gradient(top, #77bbbb, #77bbbb);
  background-image: -ms-linear-gradient(top, #77bbbb, #77bbbb);
  background-image: -o-linear-gradient(top, #77bbbb, #77bbbb);
  background-image: linear-gradient(to bottom, #77bbbb, #77bbbb);
  text-decoration: none;
}

.btnEnviar{
    visibility: hidden;
}


/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */



       .slide01, .slide02{
            position: absolute; 
            background-color: red; 
            width: 100%; 
            height: 100%; 
            background-size: cover; 
            transition: all 1.5s ease;
        }
        .slide01{
            opacity: 1; 
            background: url('ALDISImages/ALDISMundoDark.png')  50% 50%;
            background-size: cover; 
        }    
        .slide02{
            opacity: 0; 
            background: url('ALDISImages/ALDISMundoDark.png') 50% 50%;
            background-size: cover; 
        }
       

.botoesGaleria{
            border-radius: 0px;
            border: 0px solid;
            padding: 0px 5px;
            width: 100%; 
            margin: 5px auto;
            text-align: Left;
        }
        
.botoesGaleria:hover{
            border-radius: 0px;
            border: 0px solid;
            padding: 0px 5px;
            width: 100%; 
            margin: 5px auto;
            text-align: Left;
            
            background-color: #66AAAA;
            
            transition: .7s;
            cursor: pointer;
            
        }
        
.botoesGaleria:active{
            border-radius: 0px;
            border: 0px solid;
            padding: 0px 5px;
            width: 100%; 
            margin: 5px auto;
            text-align: Left;
            
            background-color: #66AAAA;
            
            transition: .7s;
            cursor: pointer;
            
        }

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

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

h1, h2, h3, h4, h5, h6 {
	color: white;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
	line-height:110%;
	text-align:left;
}

h1{font-size:36px;}
h2 {font-weight:300; font-size:24px;}
h1 span, h2 span{color:#66AAAA}
h2.regular{font-weight:normal; margin-top:70px; color:#66AAAA}
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 .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #66AAAA; }

p + hr { margin: 25px 0 20px; }
/*li{list-style-image: none; list-style-type: none; margin:6px 0px;}*/
li{list-style-type: none  ; }


/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
header{width:100%x; height:590px; margin: auto; background:url(pics01_1.JPG) no-repeat 50% 50%; background-size: 1600px auto; opacity: 1 ; transition:  background-image 1s ease-in; -moz-transition: background-image 1s ease-in;}
header .outer {width:1300px; margin:0px auto; height:450px; text-align:center}
header .inner {width:1200px; margin:0px auto;}
.logo{display:block; padding-top:100px;}
header h1{color:#fff; margin:0px auto; font-size:40px; width:600px;}
header h2{margin-bottom:34px; color:#fff; text-align:center; font-weight:normal;}


a.button{padding:10px; background:#66AAAA; 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: #3183A9 0 3px 0px; -moz-box-shadow: #3183A9 0 3px 0px; box-shadow: #3183A9 0 3px 0px; text-align:center; font-weight:normal; margin-bottom:20px;}
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;}

header a.button{width:190px;}


#menu {width:100%; position:fixed; top:0px; z-index:999;}
#menu .inner{ background:#fff; width:100%; margin:0px auto; padding:10px 0px 20px 0px; text-align:center; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;}
#menu .inner>div{}
#menu .outerpull {width:1200px; margin:0px auto; cursor:pointer; display:none;}
#menu .inner a {margin-right:20px; font-weight:normal;}
#menu .inner a.follow{margin-right:0px; position:static;}

#menu .pull{width:64px; height:57px; background:url(../images/pullmenu.png) no-repeat;}
#menu .demobutton{padding:4px 10px; border:1px solid #66AAAA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#66AAAA; font-weight:normal; font-size:14px; position:absolute; top:15px; margin-left:40px;}
#menu .demobutton:hover {background:#66AAAA; color:#000;}
#menu a:first-of-type{position:relative; top:9px; margin-left:0;}

.langs {position:absolute; right:30px; top:20px;}
.menuint a.current{color:#66AAAA;}
/* ---------------------------------------------------------------------- */
/*	Page
/* ---------------------------------------------------------------------- */
body.internbody{padding-top:60px;}

#main{width:100%; padding:0px;}
#main .inner {width:1200px; margin:0px auto; display: block; position: relative }
#main .servicos {width:1200px; top: 400px; display: block; position: relative}
body.internbody #main{}


#main .blue{width:100%; background:#66AAAA; color:#fff; padding:60px 0px; margin-bottom:60px;}
#main .blue h2{color:#fff; margin:0px; max-width:1000px; margin:0px auto;}


#main .whiteBox{width:100%;  margin:0px; background:#fff; color:#000; padding-top:60px;}
#main .whiteBox h1{text-align:left; font-size:28px; line-height:130%}
#main .whiteBox h1#clientes{color:#66AAAA;}

.testimonialsBox{ margin:0px auto; text-align:center;}
.testimonialsImg{float:left; margin-right:30px;}
.testimonialsStatement{font-size:13px; }
.testimonialsStatement a {color:#66AAAA; font-weight:normal;}
.testimonialsStatement a:hover{color:#000;}

.testimonialsStatement span{font-weight:normal;}
.video {margin:20px 0px; position:relative}
.play{position:absolute; top:50%; left:50%; background:url(../images/playbutton.png) no-repeat; width:56px; height:56px; left:570px; top:90px; cursor:pointer; text-indent:-9999px;}
.play:hover{background:url(../images/playbutton.png) no-repeat -70px 0px;}
a.modal-casestudy{border:1px solid #66AAAA; padding:4px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
a.modal-casestudy:hover {background:#4DC56F; color:#fff;}

.case a.modal-casestudy:hover {background:none; color:#fff;}


.logos {
width: 655px;
margin: 0px auto;
margin-bottom:20px;
}

.logos .logo {
float: left;
margin-right: 40px; padding-top:0px; 
}

.logos .logo img {
opacity: 0.6;
height: 60px;
}
.logos .logo a:hover img {
opacity: 1;
}

.logos .logo.last{margin-right:0px;}

#slider{margin:60px auto;}
#slider .sliderItem{width:380px; float:left; margin-right:30px; margin-bottom:30px;}
#slider .sliderItem .circle {width:100px; height:100px; margin:0px auto; float:left;}
#slider .sliderItem h3 {text-align:left;}
#slider .sliderItem p {margin-left:100px;}
#slider .sliderItem:nth-child(3n+3){margin-right:0px;}
#slider .sliderItem:nth-child(3):after { clear:both;}


#slider .sliderItem .circle.user{background:url(../images/round_user.png) no-repeat center top;}
#slider .sliderItem .circle.bag{background:url(../images/round_bag.png) no-repeat center top;}
#slider .sliderItem .circle.shop{background:url(../images/round_shop.png) no-repeat center top;}
#slider .sliderItem .circle.mail{background:url(../images/round_mail.png) no-repeat center top;}
#slider .sliderItem .circle.users{background:url(../images/round_users.png) no-repeat center top;}
#slider .sliderItem .circle.dashboard{background:url(../images/round_cart.png) no-repeat center top;}
#slider .sliderItem .circle.chain{background:url(../images/round_chain.png) no-repeat center top;}
#slider .sliderItem .circle.smartphone{background:url(../images/round_smartphone.png) no-repeat center top;}
#slider .sliderItem .circle.trophy{background:url(../images/round_trophy.png) no-repeat center top;}


#main .lightGreyBox {width:100%; background:#EFF0F2; padding-top:60px;  padding-bottom:20px;}
#main .lighterGreyBox{width:100%; background:#F9F9FA; padding-top:60px;  padding-bottom:20px;}
#main .lighterGreyBox:first-of-type{padding-top:40px;}
#main #funcionalidades{padding:0px;}

div.row {padding:60px 0px;}
div.row:nth-child(even){background:#fff; padding:60px 0px;}
div.row:nth-child(even) .illustration{width:50%; height:400px; float:right;}
div.row:nth-child(even) .text{float:left; width:50%;}
.illustration{width:50%; height:400px; float:left;}
.text{float:left; width:50%;}
.illustration.i1{background:url(../images/illustration1.png) no-repeat center center; height:337px;}
.illustration.i2{background:url(../images/illustration2.png) no-repeat center center;}
.illustration.i3{background:url(../images/illustration3.png) no-repeat center center; height:340px!important;}
.illustration.i4{background:url(../images/illustration4.png) no-repeat center center; height:327px!important;}
.illustration.i5{background:url(../images/illustration5.png) no-repeat center center; height:327px!important;}
.illustration.i6{background:url(../images/illustration6.png) no-repeat center center; height:282px!important;}


#main .lightGreyBox .info li, .oklist li {
background: url(../images/icon_ok.png) no-repeat left 4px;
padding-left: 20px; margin-bottom: 10px;}

#main .lightGreyBox  .title {
font-size: 24px; font-weight:normal;
margin: 10px 0px 40px 0px;
}

.solucoescols .column {
width: 340px;
margin-right: 90px;
float: left;
text-align: center;
margin-top: 30px;
}
.solucoescols .column.last{margin-right:0px;}
.solucoescols h2{color:#66AAAA; font-weight:400}

#pricesTable {margin:0px auto; margin-bottom:90px; padding-top:30px; width:960px; margin-top:90px;}
#pricesTable  ul {margin:0px; border-top:1px solid #d7d7d7;}

#pricesTable .features {float:left; width:356px; font-weight:normal;}
#pricesTable .features ul {margin-top:91px;  border:1px solid #d7d7d7; border-top-left-radius:15px; border-bottom-left-radius:15px;}
#pricesTable .features li {height:20px; line-height:20px; border-bottom:1px solid #d7d7d7; padding:0px 20px 0px 30px; font-size:12px;}
#pricesTable .features li.t1{color:#66AAAA; background:url(../images/table-icon1.png) no-repeat 4px -2px;}
#pricesTable .features li.t2{color:#66AAAA; background:url(../images/table-icon2.png) no-repeat 4px -2px;}
#pricesTable .features li.t3{color:#66AAAA; background:url(../images/table-icon3.png) no-repeat 4px -2px;}
#pricesTable .features li.t4{color:#66AAAA; background:url(../images/table-icon4.png) no-repeat 4px -2px;}
#pricesTable .features li.t5{color:#66AAAA; background:url(../images/table-icon5.png) no-repeat 4px -2px;}
#pricesTable .features li.t6{color:#66AAAA; background:url(../images/table-icon6.png) no-repeat 4px -2px;}
#pricesTable .features li.t7{color:#66AAAA; background:url(../images/table-icon7.png) no-repeat 4px -2px;}
#pricesTable .features li.t8{color:#66AAAA; background:url(../images/table-icon8.png) no-repeat 4px -2px;}

#pricesTable .features li:last-of-type{border:0px;}

#pricesTable .column{float:left; width:200px; border:1px solid #d7d7d7; border-left:0px;}
#pricesTable .column li {height:20px; line-height:20px; border-bottom:1px solid #d7d7d7; padding:0px 20px; text-align:center;}
#pricesTable .column li:last-of-type{padding-bottom:6px;}
#pricesTable .column .name {height:90px; line-height:90px; text-align:center; background:#66AAAA; color:#fff; font-size:24px;}
#pricesTable .column .price {height:80px; text-align:center; margin-top:-6px; margin-left:-1px; border-left:1px solid #d7d7d7; padding-top:30px;}

#pricesTable .column.enterprise{-moz-box-shadow:1px 4px 10px 4px #ccc; -webkit-box-shadow:1px 4px 10px 4px #ccc; box-shadow:1px 4px 10px 4px #ccc; background:#fff;}
#pricesTable .column.enterprise .name{margin-top: -20px; height: 110px; line-height: 110px;}

#pricesTable .column:hover{-moz-box-shadow:1px 4px 10px 4px #ccc; -webkit-box-shadow:1px 4px 10px 4px #ccc; box-shadow:1px 4px 10px 4px #ccc; background:#fff;}
#pricesTable .column:hover .name, #pricesTable .column.enterprise:hover .name{background:#4DC56F; margin-top: -20px; height: 110px; line-height: 110px;}
#pricesTable .column:hover .fa-check, #pricesTable .column.enterprise:hover .fa-check{color:#4DC56F}

#pricesTable .fa-check{color:#66AAAA}
#pricesTable .fa-times{color:#ccc}
#pricesTable a.button{font-size:16px; width:120px;}


#team{width:1000px; margin:40px auto;}
#team.intern{width:100%; margin:0px;}

#team .teamItem{float:left; width:160px; margin-right:50px; text-align:center;}
#team .teamItem:nth-child(5n+5){margin-right:0px;}
#team .teamItem .photo img{-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width:100px; height:100px;}
#team .teamItem hr {width:100px; margin:10px auto; background:#000;}
#team .teamItem .title{margin-top: 20px; margin-bottom:10px; font-size:19px;}
#main h1.team{margin-bottom:10px; font-size:28px; text-align:center;}

a.button.demo{width:190px; margin:30px auto;}
p.demoInfo{width:400px; font-size:13px; margin:20px auto; text-align:center;}

.circleitems{margin:40px auto 20px auto; width:1000px; background:url(../images/arrows.png) no-repeat left top;}
.circleitem {float:left; width:200px; text-align:center;}
.circleitems .circle {-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; width:120px; height:120px; border:2px solid #66AAAA;  margin:0px auto 20px auto;}
.circleitems .circle.chain{background:url(../images/round_chain.png) no-repeat center center;}
.circleitems .circle.mail{background:url(../images/round_mail.png) no-repeat center center;}
.circleitems .circle.users{background:url(../images/round_users.png) no-repeat center center;}
.circleitems  .circle.dashboard{background:url(../images/round_cart.png) no-repeat center center;}
.circleitems  .circle.segment{background:url(../images/segment.png) no-repeat center center;}



footer{background:#F5F5F5; padding:20px 0px 0px 0px; font-size:13px; margin-top:70px; width:100%;}
footer.fixed{position:fixed; bottom:0px;}

footer .inner {width:874px; margin:0px auto;}

footer .inner>div:first-child {border: none; padding-left: 0;}
footer .inner>div.smaller {width:100px;}
footer .inner>div{float: left; width: 280px; padding: 0 30px 0 30px; margin: 0px;  min-height:150px;}

footer .social{width:106px;}
footer .social a {width:30px; height:30px; text-indent:-9999px; float:left; margin-right:4px; display:block;}
.facebook {background:url(../images/icon_facebook.png) no-repeat;}
.twitter {background:url(../images/icon_twitter.png) no-repeat;}
.linkedin {background:url(../images/icon_linkedin.png) no-repeat;}
footer div.footernav{float:none; text-align:center; border-top:1px solid #ccc; font-size:12px; width:100%; padding-top:20px; min-height:30px;}

/* ---------------------------------------------------------------------- */
/*	Pages
/* ---------------------------------------------------------------------- */
.internHeader {padding:20px 0px; height:100px; background:#42484D; color:#fff; margin-bottom:60px;}
.internHeader .inner {width:1200px; margin:0px auto;}
.internHeader .internlogo {padding-top:20px;}

.internHeader .internMenu{float:right; margin-top:32px;}
.internHeader .internMenu li{float:left; margin-left:10px; padding:4px 8px;}
.internHeader .internMenu li a {color:#fff; font-weight:normal;}
.internHeader .internMenu li a:hover {color:#3999C4;}
.internHeader .internMenu li.active{background:#3999C4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.internHeader .internMenu li.active a {color:#fff;}


#main.left{text-align:left;}
#main.left h2{text-align:center;}
#main.left .inner{width:970px;}

#main.left h2.center{text-align:center; margin-bottom:40px;}
.address{text-align:center; }

.benefit{margin-top:60px;}
.benefitcircle {width:82px; float:left; background:url(../images/benefitscircle.png) no-repeat top left; font-size:30px; text-align:center; margin-right:30px; min-height:82px; line-height:82px; color:#3999C4;}
.benefittext{width:840px; float:left; padding-top:10px;}
.benefittext strong {font-weight:300; color:#3999C4; font-size:22px; margin-bottom:14px; display:block;}

.about{margin-top:60px;}
.about img {width:82px; float:left; margin-right:30px; min-height:82px;}
.abouttext{width:840px; float:left; padding-top:10px;}
.abouttext strong {font-weight:300; color:#3999C4; font-size:22px; margin-bottom:14px; display:block;}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

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

input[type=text], input[type=email] {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:#66AAAA; color:#fff;  margin:0px auto; display:block; width:170px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #3183A9 0 3px 0px; -moz-box-shadow: #3183A9 0 3px 0px; box-shadow: #3183A9 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);}


#casestudiesform input[type=text]{float:none; margin:0px auto;}
#casestudiesform input[type=submit].button{margin-top:20px;}
#assistenciaform, #jobsform{margin:40px auto; width:864px;}
#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:400px; padding:10px;  float:left; font-size:12px; font-weight:300; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.styledSelect {position:absolute;top:12px;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;}

.logo {padding-top:40px; zoom:80%;}

.video img {max-width:90%;}
#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}

#pricesTable, #menu{display:none;}
footer .inner{max-width:100%;}
footer .inner>div {width:100%; float:none; text-align:center; margin:0px; min-height:0px; padding:0px;}
footer .inner>div.smaller {margin:0px auto;}
#modal{width:90%; box-sizing:border-box; top:20px; left:20px; margin-left:0px; min-height:380px;}
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;}
.inner p {padding:10px; box-sizing:border-box;}
.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;}

}