/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 05/01/2016, 12:12:39
    Author     : silas
*/

/* Diminuindo margin no topo para página de parceiros */
#page-navbar .breadcrumb-button {
    top: 20% !important;
}
#page-navbar.container div:first-child {
    margin-left: 0;
}
/* deixando o background branco */
#page {
    background-color: #fff;
}
h2 {
    font-size: 23px !important;
    color: #e74c3c !important;
    text-align: center !important;
}
p,
.title-section p {
    text-align: left;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif;
    color: #000000 !important;
}
p.sub-titulo {
    color: #e74c3c !important;
    font-size: 17px !important;
}
.title-section {
    padding: 50px 56px !important;
    background: transparent !important;
}
figure {
    margin: 0;
    padding: 0;
    border: 0;
}
.section-content {
/*    margin: 30px 0 40px 0;*/
    padding: 0;
}
.menu-scroll {
    border-bottom: solid 2px #f29b92;
}
.menu-scroll ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center;
}
.menu-scroll ul li {
    display: inline;
    margin: 0 12px 0 12px;
    padding: 0;
}
.menu-scroll ul li a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    cursor: pointer;
    color: #000;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    border-bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.menu-scroll ul li a:hover,
.menu-scroll ul li a.active,
.menu-scroll ul li.selected-nav2 a {
    text-decoration: none;
/*    border-bottom: 5px solid #e74c3c;*/
    padding-bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pointer {
    border-bottom: 5px solid #e74c3c;
    width: 2%;
    height: 5px;
    display: block;
    position: absolute;
    top: 44px;
}

/* Sobre universidade */
#sobre {
    padding: 23px 0 30px 0;
}
#sobre figure {
    text-align: center;
}
#sobre {
    margin: 199px 0 0 0;
}
#sobre h2,
#corpo-docente h2,
#modulos h2, #lista-parceiros h2,
#parceiros h2 {
    font-family: 'Myriad Pro', 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 29px !important;
}

/* Corpo docente */
#corpo-docente .title-section {
    padding: 50px 0 50px 0 !important;
}
#corpo-docente ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#corpo-docente ul li {
    margin-top: 40px;
}
#corpo-docente ul li:nth-child(4n+1) {
    margin-left: 0;
}
#corpo-docente figure {
    float: left;
    margin: 0 15px 0 0;
    border-radius: 40px;
    overflow: hidden;
}
#corpo-docente .info {
    float: left;
}
#corpo-docente .info p {
    margin: 0;
    padding: 0;
    line-height: 15px;
}
#corpo-docente .info p.nome {
    font-size: 11px !important;
    color: #000 !important;
    font-family: 'Myriad Pro', 'Open Sans', sans-serif;
}
#corpo-docente .info p.funcao {
    font-family: 'Myriad Pro', 'Open Sans', sans-serif;
    font-size: 11px !important;
    color: #626466 !important;
}
#corpo-docente .info a {
    float: left;
}
#corpo-docente .info a i {
    font-size: 12px;
    color: #e74c3c;
    margin: 0 5px 0 0;
}

/* Modulos ofertados */
#modulos,
#lista-parceiros{
    padding: 20px 0 30px 0;
}
#modulos.parceiros,
#lista-parceiros{
    margin-top: 150px;
}
#modulos h2 {
    margin: 15px 0 20px 0;
}
#modulos h3 {
    color: #e74c3c !important
}
#modulos .coursebox:nth-child(3n+1),
#lista-parceiros .coursebox:nth-child(3n+1){
    margin-left: 0 !important;
}
#modulos .item{
    height: 490px !important;
    width: 100%;
}
#lista-parceiros .item{
    height: 493px !important;
    width: 100%;
}
#modulos .item > a,
#lista-parceiros .item > a {
    display: table;
    width: 100%;
    text-align: center;
}
#modulos .item figure{
    width: 100%;
    margin: 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    max-height: 212px;
    height: auto;
    background-color: #fff;
    padding: 0px;
    display: table-cell;
    vertical-align: middle;
    border: solid 1px #ccc;
}
#lista-parceiros .item figure{
    width: 100%;
    margin: 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    height: 238px;
    background-color: #fff;
    padding: 10px 0 10px 0;
    display: table-cell;
    vertical-align: middle;
    border: solid 1px #ccc;
}
#lista-parceiros .coursebox .item figure img.img-responsive {
    max-width: 280px;
    /*width: 100%; */
    max-height: 220px;
}
#modulos .item figure img {
    width: 100%;
}
#modulos .item figure img,
#lista-parceiros .item figure img{
/*    width: 100%;*/
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#modulos .item figure:hover img,
#lista-parceiros .item figure:hover img{
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -webkit-opacity: 0.3;
    -o-opacity: 0.3;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#modulos .item figure figcaption,
#lista-parceiros .item figure figcaption{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#modulos .item figure:hover figcaption,
#lista-parceiros .item figure:hover figcaption{
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#modulos .item figure figcaption i,
#lista-parceiros .item figure figcaption i{
    font-size: 38px;
    color: #e74c3c;
}
#modulos p,
#lista-parceiros p{
   font-family: 'Open Sans', sans-serif;
   font-size: 16px;
}
#modulos span,
#lista-parceiros span{
    font-size: 12px !important;
    color: #3a3d41 !important;
    margin: 0;
    padding: 0;
    line-height: 150%;
}
#modulos .coursebox,
#lista-parceiros .coursebox{
    margin-bottom: 25px;
}
#modulos .coursebox .item p.titulo{
    font-family: 'Open Sans', sans-serif;
    font-size: 22px !important;
    line-height: 23px;
    margin-top: 14px;
    max-height: 75px;
    min-height: initial;
}
#lista-parceiros .coursebox .item p.titulo{
    font-family: 'Open Sans', sans-serif;
    font-size: 22px !important;
    text-transform: uppercase;
    line-height: 23px;
    min-height: 68px;
    max-height: 68px;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#modulos .coursebox .item p.titulo a,
#lista-parceiros .coursebox .item p.titulo a{
    color: #3A3D42;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#modulos .coursebox .item p.titulo a:hover,
#lista-parceiros .coursebox .item p.titulo a:hover{
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.coursebox .item p.resumo {
    max-height: 120px !important;
    line-height: 20px !important;
    overflow: hidden;
    text-overflow: inherit;
    font-size: 15px !important;
    color: #3a3d41 !important;
}
.coursebox .item ul.icones li:nth-child(2),
.coursebox .item ul.icones li:nth-child(3),
.coursebox .item ul.icones li:nth-child(4) {
    float: right !important;
}
#modulos .item span,
#lista-parceiros .item span{
    font-size: 13px;
}
#modulos ul.icones,
#lista-parceiros ul.icones{
    margin: 7px 0 5px 0;
    padding: 0 0 5px 0;
    list-style: none;
    border-bottom: solid 2px #f29b92;
}
#modulos ul.icones li,
#lista-parceiros ul.icones li{
    float: left;
    margin: 0 0 0 4%;
    font-size: 16px;
    font-family: 'Myriad Pro', 'Open Sans', sans-serif;
    color: #7F7F7F;
}
#modulos ul.icones li:first-child,
#lista-parceiros ul.icones li:first-child{
    margin-left: 0;
}
#modulos ul.icones li i,
#lista-parceiros ul.icones li i{
    color: #7f7f7f;
    font-size: 15px;
    float: left;
    margin: 1px 2px 0 0;
}

/* Outros parceiros */
#parceiros .item {
    width: 220px !important;
    height: 200px !important;
    margin-right: 20px !important;
}
#parceiros .item p.titulo {
    margin: 10px 0 0 0;
}
#parceiros .item p.resumo {
    height: 54px;
    overflow: hidden;
    text-overflow: inherit;
}
#parceiros .item > a {
    display: table;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 10px 0 10px 0;
}
#parceiros .item > a > figure {
    display: table-cell;
    height: 144px;
    vertical-align: middle;
}
#parceiros .item img {
    border-radius: 0;
    border: 0;
/*    min-height: 9em;*/
    max-height: 144px;
    width: auto !important;
}

/* Paginacao */
.paginacao {
    margin: 15px 0 10px 0;
    float: right;
}
.paginacao ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.paginacao ul li {
    float: left;
    margin: 0;
    padding: 0;
}
.paginacao ul li a {
    display: block;
    color: #000;
    padding: 2px 7px 2px 7px;
    font-weight: 400;
    border: solid 1px rgba(214, 214, 214, 0.88);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.paginacao ul li a:hover,
.paginacao ul li a.active {
    background: #e74c3c;
    color: #fff;
    border-color: #e74c3c;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.track {
    margin: 0px auto 0 auto !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

.track .pagination {
    margin: 20px auto 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.view-port, .track .inner {
    width: 700px !important;
}
.example-7 a.prev i,
.example-7 a.next i {
    color: #e74c3c !important;
    font-size: 70px;
}
.example-7 a.prev,
.example-7 a.next {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.example-7 a.prev {
    left: 0px !important;
}
.example-7 a.next {
    right: 0 !important;
}

/* CLASS */
.padding-top-30 {
    padding-top: 30px;
}
.bg-intercalado {
      background-color: #f3f3f3;
      position: relative;
    }
    .bg-intercalado::after {
      content: "";
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      left: -50%;
      overflow: visible;
      visibility: visible;
      background-color: #f3f3f3;
    }
    .bg-intercalado::before {
      content: "";
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      right: -50%;
      overflow: visible;
      visibility: visible;
      background-color: #f3f3f3;
    }
    .bg-intercalado:nth-child(2n+1) {
      background-color: #fff;
    }
    .bg-intercalado:nth-child(2n+1)::after {
      content: "";
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      left: -50%;
      overflow: visible;
      visibility: visible;
      background-color: #fff;
    }
    .bg-intercalado:nth-child(2n+1)::before {
      content: "";
      position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      right: -50%;
      overflow: visible;
      visibility: visible;
      background-color: #fff;
    }
.back-color-fff {
    background-color: #fff;
    position: relative;
}
.back-color-fff::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: -50%;
    overflow: visible;
    visibility: visible;
    background-color: #fff;
}
.back-color-fff::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: -50%;
    overflow: visible;
    visibility: visible;
    background-color: #fff;
}
.back-color-f3f3f3 {
    background-color: #f3f3f3;
    position: relative;
}
.back-color-f3f3f3::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: -50%;
    overflow: visible;
    visibility: visible;
    background-color: #f3f3f3;
}
.back-color-f3f3f3::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: -50%;
    overflow: visible;
    visibility: visible;
    background-color: #f3f3f3;
}

/* fixing firefox bug */
ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}


.img-responsive{
    max-width: 100%;
/*    min-width: 100%;*/
    max-height: 220px;
/*    min-height: 13em;*/
}


@media screen and (max-width: 1024px) {
    .view-port, .track .inner {
        width: 460px !important;
    }
    #lista-parceiros .coursebox .item figure img.img-responsive {
        max-width: 280px;
    }
}
@media (min-width: 690px) and (max-width: 867px) {
   #corpo-docente ul li:nth-child(3n+1) {
        margin-left: 0;
   }
   #corpo-docente ul li.span3 {
       width: 30%;
       float: left;
   }
}
/*@media screen and (max-width: 629px) {
    .blog-page-banner {
        margin-top: 132px !important;
    }
}*/
@media screen and (max-width: 629px) {
    .page-banner {
        position: static !important;
    }
    #modulos.parceiros {
        margin-top: 0 !important;
    }
    #sobre {
        margin: 20px 0 0 0;
    }
}
@media (min-width: 480px) and (max-width: 689px) {
   #corpo-docente ul li:nth-child(2n+1) {
        margin-left: 0;
   }
   #corpo-docente ul li.span3 {
       width: 50%;
       float: left;
   }
}
@media (max-width: 479px) {
   #corpo-docente ul li {
        margin-left: 0;
   }
   #corpo-docente ul li.span3 {
       width: 100%;
   }
   .track .pagination i {
       font-size: 48px !important;
   }
   .track .pagination a {
       width: 35px !important;
   }
}
@media screen and (max-width: 424px) {
    .menu-scroll ul li a {
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .view-port, .track .inner {
        width: 220px !important;
    }
}
@media screen and (max-width: 640px) {

}
@media screen and (max-width: 480px) {
    .menu-scroll ul {
        width: 100%;
    }

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

}