@charset "utf-8";
/* CSS Document */
/* ==========================================================================
   RESET
   ========================================================================== */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /*background: #f8f8f8;*/
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}
section,
header {
  display: block;
}
.clearfloat {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
* .clearfloat {
  height: 1%;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* ==========================================================================
   CORES
   ========================================================================== */
/* ==========================================================================
   MIXINS
   ========================================================================== */
/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
  font-family: 'Galaxie-Polaris-Bold';
  src: url('../fonts/Polaris_V2_Bold.eot');
  src: local('☺'), url('../fonts/Polaris_V2_Bold.woff') format('woff'), url('../fonts/Polaris_V2_Bold.ttf') format('truetype'), url('../fonts/Polaris_V2_Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galaxie-Polaris-BoldItalic';
  src: url('../fonts/Polaris_V2_BoldItalic.eot');
  src: local('☺'), url('../fonts/Polaris_V2_BoldItalic.woff') format('woff'), url('../fonts/Polaris_V2_BoldItalic.ttf') format('truetype'), url('../fonts/Polaris_V2_BoldItalic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galaxie-Polaris-Light';
  src: url('../fonts/Polaris_V2_Light.eot');
  src: local('☺'), url('../fonts/Polaris_V2_Light.woff') format('woff'), url('../fonts/Polaris_V2_Light.ttf') format('truetype'), url('../fonts/Polaris_V2_Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galaxie-Polaris-LightItalic';
  src: url('../fonts/Polaris_V2_LightItalic.eot');
  src: local('☺'), url('../fonts/Polaris_V2_LightItalic.woff') format('woff'), url('../fonts/Polaris_V2_LightItalic.ttf') format('truetype'), url('../fonts/Polaris_V2_LightItalic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galaxie-Polaris-Medium';
  src: url('../fonts/Polaris_V2_Medium.eot');
  src: local('☺'), url('../fonts/Polaris_V2_Medium.woff') format('woff'), url('../fonts/Polaris_V2_Medium.ttf') format('truetype'), url('../fonts/Polaris_V2_Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Galaxie-Polaris-MediumItalic';
  src: url('../fonts/Polaris_V2_MediumItalic.eot');
  src: local('☺'), url('../fonts/Polaris_V2_MediumItalic.woff') format('woff'), url('../fonts/Polaris_V2_MediumItalic.ttf') format('truetype'), url('../fonts/Polaris_V2_MediumItalic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ==========================================================================
   GERAL
   ========================================================================== */
#separandofoco {
  width: 100%;
  height: 80px;
  margin: 0;
  padding: 0;
  background: #ffffff;
}
#separandocontato {
  width: 100%;
  height: 80px;
  margin: 0;
  padding: 0;
  background: #f69d1f;
  background: url(../imgs/bg-premios.png) 0 0;
  border-bottom: 2px solid #808080;
}
.fleft img {
    float: left;
    width: 25px;
    margin-right: 5px;
}

/* ==========================================================================
   HEADER / NAV
   ========================================================================== */
header {
  width: 100%;
  height: 671px;
  background: url(../imgs/destaque-top_2.jpg) center center no-repeat;
  background-size: cover;
  border-bottom: 6px solid #9aa5ab;
}
header h2 {
  font-family: "Galaxie-Polaris-Light";
  font-size: 50px;
  text-align: center;
  color: #fff;/*#62b346;*/
  padding: 250px 0 0 0;
  margin: 0;
}
header h2 span {
  font-family: "Galaxie-Polaris-Bold";
    color: #62b346;
}

header .seta-down {
  width: 50px;
  height: 50px;
  margin: 190px auto 0;
  padding: 0;
}
.navbar {
  width: 100%;
  height: 80px;
  padding: 0;
  margin: 0;
}
.navbar .navbar-studiare {
  max-width: 1150px;
  margin: 0 auto;
  padding: 0;
}
.navbar .logo {
  margin: 0;
  padding: 0;
}
.navbar .logo img {
  margin-top: 18px;
}
.navbar ul {
  padding: 12px 0 0 0;
}
.navbar ul li {
  background: none;
}
.navbar ul li a {
  font-family: "Galaxie-Polaris-Light";
  font-size: 17px;
  color: #ffffff;
}
.navbar ul li a:hover {
  background: transparent;
  color: #62b346;
}
.navbar ul li.separador {
  color: #0065b0;
  font-size: 25px;
  margin: 3px 0 0 0;
}
/* ==========================================================================
   SECTION
   ========================================================================== */
section {
  width: 100%;
  padding: 0;
  margin: 0;
}
section#dna {
  padding: 110px 0 65px 0;
  background: #ffffff;
}
section#dna .dnaimg {
  width: 345px;
  height: 220px;
  margin: 0 auto;
}
section#dna p {
  font-family: "Galaxie-Polaris-Light";
  font-size: 21px;
  color: #6e6e6e;
  padding: 35px 0 0 0;
  margin: 0;
}
section#dna h3 {
    font-family: "Galaxie-Polaris-Light";
    font-size: 40px;
    color: #62b346;
    text-align: center;
}

section#fazemos {
  background: url(../imgs/bg-contato.jpg) 0 0;
  padding: 60px 0 60px 0;
}
section#fazemos h2 {
  font-family: "Galaxie-Polaris-Light";
  font-size: 50px;
  color: #f69d1f;
  padding: 0;
  margin: 0;
  text-align: center;
}
section#fazemos .content-box {
  padding: 45px 15px 15px 15px;
}
section#fazemos p {
  font-family: "Galaxie-Polaris-Light";
  color: #fff;
  font-size: 16px;
  margin: 0px;
  text-align: center;
    margin-top: 8px;
}
section#fazemos p span{
    font-family: "Galaxie-Polaris-Medium";
    font-size: 20px;
}

section#fazemos .imgicon {
    width: 200px;
    height: 200px;
    margin: 0 auto 0;
}
section#fazemos .imgicon-m {
    width: 165px;
    height: 200px;
    margin: 0 auto 0;
}

section#otimizando {
  background: #ffffff;
  padding: 110px 0 0 0;
}
section#otimizando h2 {
  font-family: "Galaxie-Polaris-Light";
  font-size: 50px;
  color: #62b346;
  text-align: center;
  padding: 0;
  margin: 0;
}
section#otimizando h2 span{
	font-family: "Galaxie-Polaris-Bold";
}
section#otimizando p {
  font-family: "Galaxie-Polaris-Light";
  font-size: 21px;
  color: #6e6e6e;
  padding: 35px 0 0 0;
  margin: 0;
  text-align: justify;
}

.barra-02 {
  width: 110px;
  height: 10px;
  margin: 0 auto;
  padding: 0;
}
section#otimizando .imgcomput {
  width: 648px;
  height: 355px;
  margin: 43px auto 0;
}
section#otimizando .box-verde {
  background: #62b346;
  padding: 40px 62px;
  height: 310px;
}
section#otimizando .box-verde p {
  font-family: "Galaxie-Polaris-Light";
  font-size: 18px;
  color: #fff;
  padding: 15px 0 0 0;
  margin: 0;
  text-align: center;
}
section#otimizando .box-verde .imgicon {
  width: 160px;
  height: 130px;
  margin: 0 auto 0;
}

section#projetos {
    margin-top: 80px;
}
section#projetos h3 {
    font-family: "Galaxie-Polaris-Light";
    font-size: 32px;
    color: #0A3A55;
    margin: 0;
    padding-top: 15px;
    text-align: center;
}
section#projetos .barra-01a {
    width: 70px;
    height: 8px;
    margin: 0 auto 25px;
    padding: 0;
    text-align: center;
}
section#projetos .box-border {
    border: 2px solid #0A3A55;
    padding: 15px;
}
section#projetos .content-box{
    padding: 15px;
    margin: 15px 0;
    height: auto;
}
section#projetos .content-box h3{
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
section#projetos .content-box p{
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}
section#projetos .content-box.trilha{
    background-color: #29a9e1;
    border-right: 3px solid #1d78a0;
    border-bottom: 3px solid #1d78a0;
}
section#projetos .content-box.trilha:active{
    border-right: none!important;
    border-bottom: none!important;
    border-left: 3px solid #1d78a0;
    border-top: 3px solid #1d78a0;
}
section#projetos .content-box.enem-adap{
    background-color: #173a28;
    border-right: 3px solid #0c2526;
    border-bottom: 3px solid #0c2526;
}
section#projetos .content-box.enem-adap:active{
    border-right: none!important;
    border-bottom: none!important;
    border-left: 3px solid #0c2526;
    border-top: 3px solid #0c2526;
}
section#projetos .content-box.prof{
    background-color: #295076;
    border-right: 3px solid #1e3a55;
    border-bottom: 3px solid #1e3a55;
}
section#projetos .content-box.prof:active{
    border-right: none!important;
    border-bottom: none!important;
    border-left: 3px solid #1e3a55;
    border-top: 3px solid #1e3a55;
}
section#projetos .content-box.compara{
    background-color: #004360;
    border-right: 3px solid #00354c;
    border-bottom: 3px solid #00354c;
}
section#projetos .content-box.compara:active{
    border-right: none!important;
    border-bottom: none!important;
    border-left: 3px solid #00354c;
    border-top: 3px solid #00354c;
}
section#projetos .content-box.maxima{
    background-color: #002B49;
    border-right: 3px solid #001a2d;
    border-bottom: 3px solid #001a2d;
}
section#projetos .content-box.maxima:active{
    border-right: none!important;
    border-bottom: none!important;
    border-left: 3px solid #001a2d;
    border-top: 3px solid #001a2d;
}
section#projetos .content-box.enade{
    background-color: #004360;
    border-right: 3px solid #00354c;
    border-bottom: 3px solid #00354c;
}
section#projetos .content-box.enade:active{
    border-right: none!important;
    border-bottom: none!important;
    border-left: 3px solid #00354c;
    border-top: 3px solid #00354c;
}
section#projetos .content-box img {
    width: 100%;
}

section#projetos .content-box a figcaption {
    opacity:0;
    position:absolute;
    top: 0px;
    background-color:rgba(0,0,0,0.4);
    color:white;
    width:100%;
    height:100%;
    padding:5px;
    box-sizing:border-box;
    transition:opacity 1s;
    margin-left: -15px;
}

section#projetos .content-box:hover a figcaption {
    opacity:1;
    width:100%;
    height:100%;
}

section#foco {
  background: #D3D3D3 url(../imgs/bg-foco.jpg) center center no-repeat;
  padding: 25px 0 20px 0;
}
section#foco h2 {
  font-family: "Galaxie-Polaris-Light";
  font-size: 45px;
  color: #052f49;
  padding-bottom: 20px;
  margin: 0;
}
section#foco h2 span{
	font-family: "Galaxie-Polaris-Bold";
}
section#foco p {
  font-family: "Galaxie-Polaris-Light";
  color: #6e6e6e;
  font-size: 18px;
  padding: 4px 0 10px 0;
  margin: 0;
}
section#foco p span{
    font-family: "Galaxie-Polaris-Medium";
}

section#foco .barra-03 {
  width: 103px;
  height: 10px;
  margin: 0 auto 0;
}
section#atingimos {
  padding: 80px 0;
  background: #ffffff;
}
section#atingimos h2 {
  font-family: "Galaxie-Polaris-Bold";
  font-size: 23px;
  color: #0065b0;
  padding: 0;
  margin: 0;
  text-align: center;
}
section#atingimos .barra-01b {
  width: 70px;
  height: 8px;
  margin: 0 auto 25px;
  padding: 0;
}
section#atingimos .box-ating {
  padding: 15px;
}
section#atingimos .box-ating p {
  font-family: "Galaxie-Polaris-Light";
  font-size: 18px;
  color: #6e6e6e;
  padding: 0 0 0 45px;
  margin: -30px 0 0 0;
}
section#contato {
  background: url(../imgs/bg-contato.jpg) 0 0;
  padding: 45px 0;
  border-top: 4px solid #9aa5ab;
}
section#contato h2 {
  font-family: "Galaxie-Polaris-Light";
  font-size: 50px;
  color: #62b346;
  padding: 0;
  margin: 0;
  text-align: center;
}
section#contato h2 span{
	font-family: "Galaxie-Polaris-Medium";
}
section#contato .barra-01c {
  width: 70px;
  height: 8px;
  margin: 0 auto 15px;
  padding: 0;
}
section#contato p {
  font-family: "Galaxie-Polaris-Light";
  font-size: 21px;
  color: #ffffff;
  padding: 40px 0 30px 0;
  margin: 0;
}
section#contato p span {
  font-family: "Galaxie-Polaris-Medium";
}
section#contato form input {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
  border-radius: 0;
  font-family: "Galaxie-Polaris-Light";
  font-size: 16px;
  color: #ffffff;
  height: 42px;
}
section#contato form label {
  font-family: "Galaxie-Polaris-Light";
  font-size: 16px;
  color: #ffffff;
  padding: 16px 0 3px 0;
  margin: 0;
}
section#contato form textarea {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
  border-radius: 0;
  font-family: "Galaxie-Polaris-Light";
  font-size: 16px;
  color: #ffffff;
}
section#contato form .btn {
  float: right;
  padding: 10px 20px 6px 20px;
  margin: 10px 0 0 0;
  background: #62b346;
  font-family: "Galaxie-Polaris-Medium";
  font-size: 18px;
  color: #ffffff;
  text-transform: none;
  border-radius: 0;
}
/* ==========================================================================
   Bootstrap
   ========================================================================== */
footer {
  width: 100%;
  height: 40px;
  background: #052f49;
  padding: 0;
  margin: 0;
}
footer .footer-left {
  font-family: "Galaxie-Polaris-Light";
  font-size: 13px;
  color: #ffffff;
  padding: 13px 0 0 0;
  margin: 0;
  text-align: left;
  float: left;
}
footer .footer-right {
  font-family: "Galaxie-Polaris-Light";
  font-size: 13px;
  color: #ffffff;
  padding: 13px 0 0 0;
  margin: 0;
  text-align: right;
}
footer .footer-right a {
  color: #ffffff;
}
footer .footer-right a:hover {
  color: #e72a1c;
  text-decoration: none;
}
/* ==========================================================================
   Bootstrap
   ========================================================================== */
.col-centered {
  float: none !important;
  margin: 0 auto;
}
.navbar-nav > li > .dropdown-menu {
  background: none;
  box-shadow: none;
  border: none;
  background: rgba(1, 43, 66, 0.9);
  padding: 0;
  height: 100px;
}
.navbar-nav .dropdown-menu a {
  color: #62b346;
  margin: 15px 0 0 0;
  padding: 0 0 0 0;
  height: auto !important;
}
.dropdown-menu li {
  padding: 8px 0 0 20px;
}
.navbar-custom .nav li a {
  margin: 0 0 18px 0;
}

section#premio {
    background: url(../imgs/bg-premios.png) 0 0;
    background-color: #f69d1f;
    padding-top: 80px;
}

section#premio h2 {
    font-family: "Galaxie-Polaris-Medium";
    font-size: 50px;
    color: #073A55;
    padding: 0;
    margin: 0;
    text-align: center;
}

section#premio h2 span{
    font-family: "Galaxie-Polaris-Light";
    font-size: 42px;
}

section#premio h3 {
    font-family: "Galaxie-Polaris-Medium";
    font-size: 19px;
    color: #808080;
    padding: 0;
    margin: 0;
    text-align: center;
}

section#premio p {
    font-family: "Galaxie-Polaris-Light";
    font-size: 18px;
    color: #6e6e6e;
    padding: 0;
    margin: 0;
    text-align: center;
}

.circle-white {
    margin-top: 40px;
    min-height: 241px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

section#premio .imgicon {
    padding-top: 20px;
    padding-bottom: 15px;
    width: 250px;
    margin: 0 auto 0;
}