@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');

html {direction:ltr;-webkit-font-smoothing:subpixel-antialiased !important;}
body {background-color:white;color:#000;font-family:'Roboto',sans-serif;font-size:15px;margin:0;overflow-x:hidden;text-rendering:optimizeLegibility;margin:0;padding:0;text-align:center; /* hack para o IE */}

.scroll-custom::-webkit-scrollbar{background-color: #f3f3f3;width:10px;}
.scroll-custom::-webkit-scrollbar-track-piece{background-color: #f3f3f3;border-left:0}
.scroll-custom::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background-color:#ccc;}
.scroll-custom::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background-color:#999;}

ul {list-style:none outside none;margin-bottom:0;margin-top:0;padding:0;}
p {padding:0;margin:0;}
.fix {position:relative!important;}
.page {width:100%;height:100%;margin:0;padding:0;}

header {width:100%;display:table;background-color: rgba(255, 255, 255, 0.8);position:absolute;top:0;z-index:100;}
header .header {width:85%;display:table;margin:0 auto 0 auto;padding:10px;}
header .header .logo {display:table-cell;float:left;}
header .header .logo img {width:auto;height:100%;}
header .header .menu {display:table-cell;float:right;line-height:50px;margin-top:25px;}
header .header .menu ul{float:right;}
header .header .menu ul li{float:left;font-size:17px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-transform:uppercase;color:#000;padding:0 25px 0 25px;}
header .header .menu ul li .more{position:absolute;display:none;width:265px;left:0;margin-top:0;background:#fff;padding:10px 10px 10px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;
-webkit-box-shadow: 0px 10px 19px -5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 10px 19px -5px rgba(0,0,0,0.4);
box-shadow: 0px 10px 19px -5px rgba(0,0,0,0.4);
}
header .header .menu ul li .more li{font-size:13px;text-transform:none;margin:0 10px;height:30px;line-height:30px;min-width:245px;text-align:left;border-radius:5px;padding:0 0 0 10px;}
header .header .menu ul li .more li:hover{background-color:#efefef;}

wrapper{width:100%;display:table;}
wrapper .content{width:100%;}
wrapper .firstbox{background-color:#000;}
wrapper .firstbox .slide {width:100%;height:100%;}
wrapper .firstbox .slide .frame {position:relative;width:100%;height:100%;}
wrapper .firstbox .slide .frame .content {position:absolute;top:40%;color:#000;left:150px;max-width:500px;text-align:left;}
wrapper .firstbox .slide .frame .content .title {font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:600;text-transform:uppercase;}
wrapper .firstbox .slide .frame .content .legend {font-size:15px;font-family:'Montserrat',Helvetica,Arial;font-weight:300;}
wrapper .firstbox .slide .frame .content .button button{cursor:pointer;border:solid 2px #ff0000;margin-top:10px;color:#000;background:rgba(255, 255, 255, 0);padding:8px;font-size:13px;font-family:Raleway;font-weight:500;outline:none;}


wrapper .content .group{width:100%;text-align:center;padding:100px 0 100px 0;}
wrapper .content .group .title {font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;}
wrapper .content .group .title span {color:#ff0000;}
wrapper .content .group .legend{width:80%;font-size:17px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;margin:30px auto;}

wrapper .content .education{display:table;width:70%;text-align:center;padding:100px 0 100px 0;margin:0 auto;color:#fff;}
wrapper .content .education .title {display:table-cell;float:left;width:46%;font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:600;text-align:left;}
wrapper .content .education .legend{display:table-cell;float:right;width:46%;margin:0 auto;font-size:19px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;}
wrapper .backwork {position:relative;background-color:#222;background:url('https://www.grupoeducamais.com/portal/publico/imagens/imagem_home_educamais.jpg') 0 0;background-size:cover;}
wrapper .backwork::after {content:"";opacity:0;top:0;left:0;bottom:0;right:0;position:absolute;z-index:0;}

wrapper .content .factory{display:table;width:70%;text-align:center;padding:100px 0 100px 0;margin:0 auto;color:#000;}
wrapper .content .factory .title {display:table-cell;float:left;width:46%;font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:600;text-align:left;}
wrapper .content .factory .legend{display:table-cell;float:right;width:46%;margin:0 auto;font-size:19px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;}
wrapper .content .factory .legend p.subtitle {font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;margin-bottom:16px;}

wrapper .content .produtora {display:flex;min-height:500px;background:url('https://www.grupoeducamais.com.br/publico/imagens/produtora-produtora.jpg') 0 0;background-size:cover;}
wrapper .content .produtora .title {display:flex;position:relative;width:80%;height:auto;margin:0 auto;}
wrapper .content .produtora .title div {position:absolute;left:0;bottom:60px;color:#fff;font-size:41px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;text-transform:uppercase;}
wrapper .content .produtora .title div span {font-weight:600;}
wrapper .content .produtora-content {width:100%;text-align:center;padding:50px 0 50px 0;}
wrapper .content .produtora-content .title {font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;}
wrapper .content .produtora-content .title span {font-weight:600;}
wrapper .content .produtora-content .legend{width:80%;font-size:19px;font-family:Raleway;font-weight:500;margin:30px auto;text-align:left;}

wrapper .back-equipe{background:url('https://www.grupoeducamais.com.br/publico/imagens/produtora-equipe.jpg') center center;background-size:cover;}
wrapper .content .equipe{display:table;width:80%;text-align:center;padding:100px 0 100px 0;margin:0 auto;color:#fff;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .equipe .title{display:table-cell;float:left;width:46%;font-size:29px;text-align:left;}
wrapper .content .equipe .legend{display:table-cell;float:right;width:46%;font-size:19px;font-weight:500;margin-top:15px;text-align:left;}

wrapper .content .producoes {display:table;width:80%;text-align:left;padding:100px 0 100px 0;margin:0 auto;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .producoes .title {font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;}
wrapper .content .producoes .title span {font-weight:600;}
wrapper .content .producoes .legend{width:100%;font-size:19px;font-family:Raleway;font-weight:500;margin:0;text-align:center;}
wrapper .content .producoes .legend table{width:100%;padding:40px;}
wrapper .content .producoes .legend table tr td iframe{height:282px;width:100%;box-shadow: 10px 10px #888888;}

wrapper .content .plataforma {display:flex;min-height:500px;background:url('https://www.grupoeducamais.com.br/publico/imagens/plataforma-plataforma.jpg') center center;background-size:auto 100%;}
wrapper .content .plataforma .title {display:flex;position:relative;width:80%;height:auto;margin:0 auto;}
wrapper .content .plataforma .title div {position:absolute;left:0;bottom:60px;color:#fff;font-size:41px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;text-transform:uppercase;}
wrapper .content .plataforma .title div span {font-weight:600;}

wrapper .content .plataforma-content {width:80%;margin:0 auto;text-align:center;padding:100px 0 100px 0;display:flex;}
wrapper .content .plataforma-content .title {font-size:32px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;float:left;width:36%;text-align:left;}
wrapper .content .plataforma-content .title span {font-weight:600;}
wrapper .content .plataforma-content .legend{font-size:19px;font-family:'Montserrat',Helvetica,Arial;font-weight:500;margin:0;text-align:left;float:right;width:56%;}

wrapper .back-cerebro{background:url('https://www.grupoeducamais.com.br/publico/imagens/plataforma-cerebro.jpg') center center;background-size:cover;}
wrapper .content .cerebro{display:flex;width:80%;text-align:center;padding:150px 0 150px 0;margin:0 auto;color:#fff;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .cerebro .title{float:left;width:36%;font-size:32px;text-align:left;}
wrapper .content .cerebro .legend{float:right;width:56%;font-size:19px;font-weight:500;margin:0;text-align:left;}
wrapper .content .cerebro .legend p button{cursor:pointer;border:solid 2px #ff0000;margin-top:10px;color:#fff;background:#ff0000;padding:8px;font-size:13px;font-family:Raleway;font-weight:500;outline:none;}

wrapper .content .funcionalidades{width:100%;text-align:center;padding:100px 0 100px 0;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .funcionalidades .title {font-size:32px;font-weight:700;}
wrapper .content .funcionalidades .title span {color:#ff0000;}
wrapper .content .funcionalidades .legend{width:80%;font-size:19px;font-weight:500;margin:30px auto;}
wrapper .content .funcionalidades .legend table{width:100%;}
wrapper .content .funcionalidades .legend table tr td{width:33%;display:inline-flex;}
wrapper .content .funcionalidades .legend table tr td img{float:left;}
wrapper .content .funcionalidades .legend table tr td div{float:right;display:table;margin:auto 0 auto 15px;}

wrapper .content .modulos{width:100%;text-align:center;padding:100px 0 100px 0;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .modulos .title {font-size:32px;font-weight:700;}
wrapper .content .modulos .title span {color:#ff0000;}
wrapper .content .modulos .legend{width:80%;font-size:19px;font-weight:400;margin:30px auto;}
wrapper .content .modulos .legend table{width:100%;}
wrapper .content .modulos .legend table tr td{width:33%;display:inline-flex;}
wrapper .content .modulos .legend table tr td div{display:block;margin:0 auto 0 auto;width:100%;border:solid 4px #BA1F27;padding:15px;background:#555;color:#fff;height:200px;max-height:200px;min-height:200px;overflow-y: scroll;}


wrapper .back-funcionalidade{background:url('https://www.grupoeducamais.com.br/publico/imagens/plataforma-funcionalidade.jpg') center center;background-size:cover;}
wrapper .content .funcionalidade{display:flex;width:80%;text-align:center;padding:100px 0 100px 0;margin:0 auto;color:#fff;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .funcionalidade .title{float:left;width:59%;font-size:32px;text-align:left;}
wrapper .content .funcionalidade .legend{float:right;width:33%;font-size:23px;font-weight:600;margin:0;text-align:left;}
wrapper .content .funcionalidade .legend p button{cursor:pointer;border:solid 2px #ff0000;background:#ff0000;margin-top:10px;color:#fff;padding:8px;font-size:13px;font-family:Raleway;font-weight:500;outline:none;}

wrapper .content .editora {display:flex;min-height:500px;background:url('https://www.grupoeducamais.com.br/publico/imagens/editora-editora.jpg') center bottom;background-size:auto auto;}
wrapper .content .editora .title {display:flex;position:relative;width:80%;height:auto;margin:0 auto;}
wrapper .content .editora .title div {position:absolute;left:0;bottom:60px;color:#fff;font-size:41px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;text-transform:uppercase;}
wrapper .content .editora .title div span {font-weight:600;}

wrapper .content .editora-content{width:100%;text-align:center;padding:100px 0 50px 0;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .editora-content .title {font-size:32px;font-weight:500;}
wrapper .content .editora-content .title span {color:#ff0000;}
wrapper .content .editora-content .legend{width:80%;font-size:19px;font-weight:500;margin:30px auto;}
wrapper .content .editora-content .legend table{width:100%;}
wrapper .content .editora-content .legend table tr td{width:33%;display:inline-flex;}
wrapper .content .editora-content .legend table tr td img{float:left;}
wrapper .content .editora-content .legend table tr td div{float:right;display:table;margin:auto 0 auto 15px;}

wrapper .back-nossotime{background:url('https://www.grupoeducamais.com.br/publico/imagens/editora-nossotime.jpg') center center;background-size:cover;}
wrapper .content .nossotime{display:flex;width:80%;text-align:center;padding:100px 0 100px 0;margin:0 auto;color:#fff;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .nossotime .title{float:left;width:36%;font-size:32px;text-align:left;}
wrapper .content .nossotime .legend{float:right;width:56%;font-size:21px;font-weight:500;margin:0;text-align:left;}

wrapper .content .producao {display:flex;min-height:500px;background:url('https://www.grupoeducamais.com.br/publico/imagens/producao-producao.jpg') center bottom;background-size:auto auto;}
wrapper .content .producao .title {display:flex;position:relative;width:80%;height:auto;margin:0 auto;}
wrapper .content .producao .title div {position:absolute;left:0;bottom:60px;color:#fff;font-size:41px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;text-transform:uppercase;}
wrapper .content .producao .title div span {font-weight:600;}

wrapper .back-nossaequipe{background:url('https://www.grupoeducamais.com.br/publico/imagens/imagem_home_educamais.jpg') center center;background-size:cover;}
wrapper .content .nossaequipe{display:flex;width:80%;text-align:center;padding:150px 0 150px 0;margin:0 auto;color:#fff;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .nossaequipe .title{float:left;width:36%;font-size:32px;text-align:left;}
wrapper .content .nossaequipe .legend{float:right;width:56%;font-size:21px;font-weight:500;margin:0;text-align:left;}

wrapper .content .desafios{width:100%;text-align:left;padding:100px 0 100px 0;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .desafios .title {width:80%;font-size:32px;font-weight:500;margin:0 auto;color:#666;}
wrapper .content .desafios .title span {color:#ff0000;}
wrapper .content .desafios .legend{width:80%;font-size:19px;font-weight:500;margin:30px auto;}
wrapper .content .desafios .legend table{width:100%;}
wrapper .content .desafios .legend table tr td{width:33%;display:inline-flex;}
wrapper .content .desafios .legend table tr td div{display:block;margin:0 auto 0 auto;width:100%;border:solid 4px #BA1F27;padding:15px;background:#555;color:#fff;height:200px;max-height:200px;min-height:200px;overflow-y: scroll;}

wrapper .back-knowhow{background:url('https://www.grupoeducamais.com.br/publico/imagens/producao-editora.jpg') center center;background-size:cover;}
wrapper .content .knowhow{display:flex;width:80%;text-align:center;padding:150px 0 150px 0;margin:0 auto;color:#000;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .knowhow .title{float:left;width:50%;font-size:32px;text-align:left;}
wrapper .content .knowhow .legend{float:right;width:50%;font-size:19px;font-weight:500;margin:0;text-align:left;}
wrapper .content .knowhow .legend p button{cursor:pointer;border:solid 2px #ff0000;margin-top:10px;color:#fff;background:#ff0000;padding:8px;font-size:13px;font-family:Raleway;font-weight:500;outline:none;}

wrapper .back-visionchannel{background:url('https://www.grupoeducamais.com.br/publico/imagens/produtora-produtora.jpg') center center;background-size:cover;}
wrapper .content .visionchannel{width:100%;text-align:center;padding:100px 0 100px 0;font-family:'Montserrat',Helvetica,Arial;color:#fff;}
wrapper .content .visionchannel .title {font-size:32px;font-weight:700;}
wrapper .content .visionchannel .title span {color:#ff0000;}
wrapper .content .visionchannel .legend{width:70%;font-size:19px;font-weight:400;margin:30px auto;}
wrapper .content .visionchannel .legend p button{cursor:pointer;border:solid 2px #ff0000;margin-top:10px;color:#fff;background:#ff0000;padding:8px;font-size:13px;font-family:Raleway;font-weight:500;outline:none;}

wrapper .content .contato {display:flex;min-height:500px;background:url('http://www.carlsonortho.com/wp-content/uploads/2015/02/contact-us-banner.jpg') center bottom;background-size:auto auto;}
wrapper .content .contato .title {display:flex;position:relative;width:80%;height:auto;margin:0 auto;}
wrapper .content .contato .title div {position:absolute;left:0;bottom:60px;color:#000;font-size:41px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;text-transform:uppercase;}
wrapper .content .contato .title div span {font-weight:600;}

wrapper .content .contato-content{width:100%;text-align:center;padding:100px 0 50px 0;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .contato-content .title {font-size:32px;font-weight:500;}
wrapper .content .contato-content .title span {color:#ff0000;}
wrapper .content .contato-content .legend{width:80%;font-size:19px;font-weight:500;margin:30px auto;text-align:left;}
wrapper .content .contato-content .legend table{width:100%;}
wrapper .content .contato-content .legend table tr td{width:33%;display:inline-flex;}
wrapper .content .contato-content .legend table tr td img{float:left;}
wrapper .content .contato-content .legend table tr td div{float:right;display:table;margin:auto 0 auto 15px;}

wrapper .content .formulario{width:100%;text-align:left;padding:100px 0 100px 0;font-family:'Montserrat',Helvetica,Arial;display:table;}
wrapper .content .formulario .title {width:80%;font-size:32px;font-weight:500;margin:0 auto;color:#666;}
wrapper .content .formulario .title span {color:#ff0000;}
wrapper .content .formulario .legend{width:80%;font-size:19px;font-weight:500;margin:30px auto;}
wrapper .content .formulario .legend .formulario-contato{width:100%;}
wrapper .content .formulario .legend .formulario-contato li{width:46%;}
wrapper .content .formulario .legend .formulario-contato li input{display:block;width:525px;padding:10px;margin:0 0 10px 0;font-family:'Raleway',Helvetica, Arial;font-size:13px;}
wrapper .content .formulario .legend .formulario-contato li textarea{display:block;width:95%;padding:10px;font-family:'Raleway',Helvetica, Arial;font-size:13px;min-height:120px;}
wrapper .content .formulario .legend .formulario-contato p button{cursor:pointer;border:solid 2px #ff0000;margin:10px 6px 0 0;color:#fff;background:#ff0000;padding:8px;font-size:13px;font-family:Raleway;font-weight:500;outline:none;float:right;}

footer {width:100%;display:table;background-color: #333335;}
footer .footer {width:85%;display:table;margin:0 auto 0 auto;padding:40px 0 40px 0;}
footer .footer li{display:table-cell;}
footer .footer li .navigation{width:100%;display:table;}
footer .footer li .navigation li{float:left;display:table-cell;}
footer .footer li .navigation li div{font-family:Raleway;color:#fff;text-transform:uppercase;text-align:left;font-size:17px;}
footer .footer li .navigation li div.title{font-weight:600;margin-bottom:20px;}


/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius:4px;
	outline:none;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #efefef;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}




/* === Menores de 600px === */
@media screen and (max-width:640px) {
header{position:relative;}
header .header{margin:0;}
header .header .logo {text-align:left;}
header .header .logo img {width:50%;height:50%;max-height:50%;text-align:left;}
header .header .menu{display:none;}



wrapper .firstbox{height: 220px!important;}
wrapper .firstbox .slide .frame{background-size:100% auto!important;}
wrapper .firstbox .slide .frame .content {position:absolute;color:#000;left:10px;max-width:50%;text-align:left;}

wrapper .firstbox .slide .frame .content{top:5px;}
wrapper .firstbox .slide .frame .content .title{font-size:15px!important;margin-top:20px;}
wrapper .firstbox .slide .frame .content .legend{font-size:11px!important;}

wrapper .content .group .title{font-size:19px;}
wrapper .content .group .legend{width:90%;font-size:13px;}

wrapper .backwork{background-position:center center;background-size:auto 100%;}
wrapper .content .education{width:90%;}
wrapper .content .education .title{width:100%;display:block;float:none;font-size:19px;}
wrapper .content .education .legend{width:100%;display:block;float:none;font-size:13px;margin-top:15px;}

wrapper #solutions{background-image:none!important;}

wrapper .content .factory{width:100%;}
wrapper .content .factory .legend .subtitle{font-size:19px!important;}
wrapper .content .factory .legend{width:90%;font-size:13px;float:none;display:block;}

wrapper .content .editora {min-height:200px;background-size:cover;}
wrapper .content .editora .title {width:90%;}
wrapper .content .editora .title div {position:absolute;left:0;bottom:30px;color:#fff;font-size:27px;font-family:'Montserrat',Helvetica,Arial;font-weight:400;text-align:left;text-transform:uppercase;}
wrapper .content .editora-content{width:100%;text-align:center;padding:50px 0 25px 0;font-family:'Montserrat',Helvetica,Arial;}
wrapper .content .editora-content .legend{width:95%;}
wrapper .content .editora-content .image{width:100%;}
wrapper .content .nossotime{width:95%;display:table;padding:50px 0 50px 0;}
wrapper .content .nossotime .title{float:none!important;width:100%!important;margin-bottom:16px;}
wrapper .content .nossotime .legend{float:none!important;width:100%!important;}

footer .footer{width:90%;padding:0;}
footer .footer li .navigation li{width:100%!important;text-align:center;float:none;display:table;margin-top:0!important;margin-bottom:10px!important;}
footer .footer li .navigation li div{font-size:13px!important;}
footer .footer li .navigation li div img{display:block;width:50%;margin:0 auto;}
footer .footer li .navigation li div.title{margin-bottom:6px;}


}