/*!* 2019 v1.0.0
* Copyright 2019.*/
::selection {
    background: #2969bd;
    color: #fff
}

.topo .row {
    margin-right: 0
}

html {
    font-family: montserrat, sans-serif;
    font-size: 16px
}

body {
    font-family: montserrat, sans-serif;
    font-size: 16px;
    color: #000;
    background: #fff
}

strong {
    font-family: montserrat, sans-serif;
    font-weight: 700
}

p {
    font-size: 1.12rem;
    line-height: 1.9rem
}

a {
    color: #0094ff
}

a:hover {
    color: #0094ff
}

h2 {
    font-size: 2em;
    padding: 5rem 0 0;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 2rem;
    width: 100%
}

h3 {
    font-size: 1.9em;
    font-weight: 600;
    margin-bottom: 20px;
    margin-bottom: 3rem
}

h4 {
    border-left: 18px solid #333;
    padding-left: 1rem;
    margin-bottom: 2rem
}

.text-2 {
    font-size: 1.375em;
    font-weight: 700;
    line-height: 1.4em
}

section {
    min-height: 600px;
    padding: 0 0 4rem;
    position: relative
}

section::before, section::after {
    position: absolute;
    content: '';
    pointer-events: none
}

header {
    position: relative;
    height: 180px
}

header img {
    padding: .5rem
}

.hide {
    display: none
}

.show {
    display: block !important
}

.separador {
    background: url(../img/separador.png) center no-repeat;
    margin-top: 150px;
    margin-bottom: 35px;
    width: 100%;
    height: 50px
}

.t {
    margin-top: 3rem
}

.b {
    margin-bottom: 3rem
}

.tb {
    margin-top: 3rem
}

.center {
    text-align: center;
    margin: 0 auto;
    display: block
}

#ancora {
    position: relative;
    top: -600px
}

.btn-validador {
    z-index: 100;
    width: 100%;
    text-align: center;
    position: relative
}

.btn-validador a {
    display: inline-block;
    background: #ecc91b;
    z-index: 100;
    position: relative;
    color: #000;
    padding: 2.5rem 2.2rem;
    font-weight: 600;
    font-size: 1.4em;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: rgb(10 10 10/37%) 8px 8px 0
}

.btn-validador.inativo a {
    cursor: default;
    opacity: .8;
    background: #c9c9c9
}

.btn-validador.inativo .em-breve {
    display: block;
    opacity: 1;
    position: absolute;
    background: #ecc91b;
    color: #fff;
    padding: 10px;
    right: 0;
    top: 0;
    box-shadow: #ffffff82 0 -4px 55px;
    font-size: .8em
}

.btn-validador .em-breve {
    display: none
}

.btn-validador a i svg {
    margin-bottom: 14px
}

.btn-validador .inativo {
    cursor: none
}

.icone-busca {
    position: relative;
    left: 122px;
    top: 10px
}

.icone-busca a {
    color: #000
}

.icone-busca button {
    background: 0 0;
    border: none;
    cursor: pointer;
    outline: none
}

.icone-busca button:hover {
    color: #43bba9
}

.modal-plano {
    position: fixed;
    height: 100vh;
    z-index: 6000;
    background: #41af95;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    -webkit-animation: anima-modal .5s ease-in-out;
    animation: anima-modal .5s ease-in-out
}

@-webkit-keyframes anima-modal {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        display: block
    }
}

.titulo-modal {
    color: #fff;
    font-weight: 300;
    font-size: 3em;
    padding-top: 25px;
    text-align: center;
    width: 100%
}

.fecha-modal {
    text-align: right;
    font-size: 30px;
    padding-top: 15px;
    position: relative;
    top: -67px;
    width: 100%
}

.fecha-modal button {
    border: 0;
    background: 0 0;
    color: #fff;
    cursor: pointer
}

.fecha-modal button:hover {
    color: #2a7563
}

.modal-plano .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 50px 20px;
    font-size: 25px;
    font-weight: 300 !important;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.modal-plano .form-group {
    margin-bottom: .3rem !important
}

.modal-plano input::-webkit-input-placeholder {
    color: #333
}

.modal-plano input:-moz-placeholder {
    color: #333
}

.modal-plano input::-moz-placeholder {
    color: #333
}

.modal-plano input:-ms-input-placeholder {
    color: #333
}

.modal-plano a {
    color: #fff;
    margin-bottom: 15px;
    font-size: 2em
}

.modal-plano ul {
    list-style: none;
    text-align: center;
    margin-top: 100px
}

.bkg-lupa {
    background: url(../img/bkg-lupa-busca.png) no-repeat center;
    padding: 176px 0
}

#principal .container {
    max-width: 1350px
}

#principal {
    overflow: hidden
}

#capa {
    min-height: 750px;
    position: relative;
    background: #892f89;
    overflow: hidden;
    background: url(../img/bg-capa.svg) -90px 0 no-repeat fixed, -moz-linear-gradient(-45deg, #892f89 16%, #8c02b6 47%, #3981de 91%);
    background: url(../img/bg-capa.svg) -90px 0 no-repeat fixed, -webkit-linear-gradient(-45deg, #892f89 16%, #8c02b6 47%, #3981de 91%);
    background: url(../img/bg-capa.svg) -90px 0 no-repeat fixed, linear-gradient(135deg, #892f89 16%, #8c02b6 47%, #3981de 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#892f89', endColorstr='#3981de', GradientType=1)
}

#capa a:hover {
    text-decoration: none
}

.menu {
    height: 100px;
    width: 100%;
    position: relative;
    margin-top: 230px;
    right: 0%;
    z-index: 100
}

.menu ul {
    padding-left: 0;
    float: right
}

.menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: -7px
}

.menu ul li:last-child {
    margin-right: 0
}

.menu a {
    color: #fff;
    border-radius: 60px;
    border: 1px solid transparent;
    padding: 15px 26px !important;
    min-width: 102px;
    text-align: center;
    transition: all .3s ease;
    font-size: 1.1em
}

.menu a:hover {
    background: #319bd4;
    border: 1px solid transparent;
    color: #fff;
    text-decoration: none
}

.menu .navbar-nav {
    display: inline-block
}

.menu .active {
    background: #319bd4;
    color: #fff
}

.menu .active a {
    color: #fff
}

.scroll {
    position: fixed;
    width: 100%;
    height: 90px;
    display: block;
    z-index: 500;
    left: 0%;
    margin-top: -50px;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2), 0 4px 18px 0 rgba(0, 0, 0, .1)
}

.scroll-logo {
    position: fixed;
    display: block;
    z-index: 501;
    margin-top: 0 !important
}

.scroll-logo img {
    filter: invert(0) !important;
    width: 80%
}

.scroll ul {
    padding-top: 16px;
    position: relative;
    right: 8%
}

.scroll ul li a {
    color: #000
}

.logo {
    margin-top: 130px;
    display: block;
    margin-left: -20px
}

.logo img {
    filter: invert(0) brightness(8)
}

.assinatura-mec {
    position: relative;
    padding-top: 15px;
    width: 150px;
    z-index: 500
}

.assinatura-mec a {
    color: #fff;
    transition: all .2s ease
}

.assinatura-mec a:hover {
    color: #f5dd01;
    text-decoration: none
}

.assinatura-mec span {
    font-size: 2em;
    font-weight: 600;
    position: relative;
    display: block;
    top: -14px;
    left: -2px
}

.estudante {
    width: 100%;
    min-height: 855px;
    background: url(http://portal.mec.gov.br/images/diplomadigital/estudante.jpg) no-repeat;
    background-repeat: no-repeat;
    background-position: right top;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    right: -50px;
    background-size: contain
}

.redes-sociais {
    float: right;
    position: absolute;
    display: block;
    right: 3%;
    top: 3%;
    z-index: 200
}

@media only screen and (max-width: 600px) {
    .redes-sociais {
      top: -150px!important;

    }
  }

.redes-sociais ul {
    padding-left: 0
}

.redes-sociais ul li {
    list-style: none;
    display: inline-block;
    margin-right: 8px
}

.redes-sociais ul li:last-child {
    margin-right: 0
}

.redes-sociais img {
    transition: all .3s ease
}

.redes-sociais img:hover {
    opacity: .5
}

.contrast, .libras {
    border-right: 1px solid #fff;
    width: 40px;
    padding-left: 5px;
    padding-right: 15px
}

.libras {
    margin-right: 20px !important
}

.frase {
    font-size: 1.8em;
    font-weight: 400;
    width: 80%;
    position: relative;
    top: 70px;
    line-height: 1.3em;
    color: #f5dd01
}

.frase span {
    font-weight: 700;
    color: #fff
}

.cards {
    padding-top: 60px
}

.cards span {
    margin: 0 auto;
    color: #fff !important;
    font-size: 16px;
    position: relative;
    top: -90px;
    text-align: center;
    font-weight: 400
}

.cards div {
    text-align: center;
    display: inline-block;
    font-size: 5.2em;
    font-weight: 600;
    border-radius: 30px;
    height: 160px;
    box-shadow: 0 6px 11px -7px rgba(0, 0, 0, .8);
    width: 160px;
    padding-top: 10px;
    margin-right: 40px;
    color: #fff;
    position: relative;
    text-align: center;
    background: #9f08f0;
    background: -moz-linear-gradient(-45deg, rgba(159, 8, 240, 1) 16%, rgba(248, 135, 18, 1) 90%);
    background: -webkit-linear-gradient(-45deg, rgba(159, 8, 240, 1) 16%, rgba(248, 135, 18, 1) 90%);
    background: linear-gradient(135deg, rgba(159, 8, 240, 1) 16%, rgba(248, 135, 18, 1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f08f0', endColorstr='#f88712', GradientType=1)
}

#sobre {
    background: #fff;
    position: relative;
    z-index: 101
}

#sobre::before {
    background: #fff;
    content: '';
    display: block;
    height: 300px;
    position: relative;
    right: 0;
    transform-origin: 100% 100%;
    transform: rotate(3deg);
    z-index: -1;
    left: -22px;
    margin-left: -20px
}

#sobre h2 {
    color: #44a8a2;
    margin-top: -350px
}

#sobre span {
    color: #44a8a2;
    font-weight: 600;
    font-size: 1.5em;
    margin-top: 90px;
    padding-bottom: 15px;
    display: block
}

.sobre-detalhes {
    margin-top: -150px;
    width: 100%;
    display: block
}

.info {
    text-align: center;
    margin: 0 auto;
    margin-top: 50px
}

#instituicoes {
    background: #5eb9bd;
    position: relative;
    z-index: 101;
    min-height: 750px
}

#instituicoes::before {
    background: #5eb9bd;
    content: '';
    margin-bottom: -154px;
    display: block;
    height: 300px;
    position: relative;
    transform-origin: 100% 100%;
    transform: rotate(-3deg);
    z-index: -1;
    left: 33px;
    margin-left: -20px;
    top: -90px
}

#instituicoes::after {
    background: linear-gradient(53deg, #743587 15%, #069cb4 129%);
    content: '';
    margin-bottom: -218px;
    display: block;
    height: 300px;
    position: relative;
    transform-origin: 100% 100%;
    transform: rotate(3deg);
    z-index: -1;
    left: 0;
    margin-left: -20px;
    top: 192px
}

#instituicoes h2 {
    color: #fff;
    margin-top: -185px
}

#instituicoes h3 {
    font-size: 1.35em;
    margin-bottom: 0
}

#instituicoes span {
    color: #44a8a2;
    font-weight: 600;
    font-size: 1.5em;
    margin-top: 90px;
    padding-bottom: 15px;
    display: block
}

#instituicoes .imagem {
    position: absolute;
    top: -111px;
    left: 117px
}

#instituicoes .ver-mais {
    width: 100%;
    margin-top: 40px;
    clear: both
}

#instituicoes .ver-mais a {
    padding: 10px 60px;
    display: block;
    float: right;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.1em;
    display: block;
    transition: all .3s ease
}

#instituicoes .ver-mais a:hover {
    text-decoration: none;
    background: #fff;
    color: #5eb9bd
}

.downloads {
    margin-top: 20px;
    width: 100%;
    display: block
}

.downloads .item {
    width: 100%;
    height: 150px;
    margin-top: 50px;
    display: block
}

.downloads .item a {
    background: url(../img/download.png) 50% 80% no-repeat #5db6ba;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 1.25em;
    text-align: center;
    padding: 15px 10px;
    font-weight: 500;
    position: relative;
    top: 0;
    width: 100%;
    height: 150px;
    transition: all .4s ease
}

.downloads .item a:hover {
    top: -10px;
    background-color: #dedaea;
    color: #000;
    text-decoration: none
}

.downloads .item .descricao {
    font-size: .75em;
    font-weight: 400;
    color: #fff
}

.downloads .item a:hover>.descricao {
    color: #000
}

.downloads .item .link {
    background: url(../img/link.png) #5db6ba 50% 80% no-repeat
}

.pacote .item a {
    background: url(../img/download.png) 50% 80% no-repeat #dedaea;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 1.1em;
    text-align: center;
    padding: 15px 10px;
    font-weight: 500;
    position: relative;
    top: 0;
    width: 100%;
    height: 120px;
    transition: all .4s ease
}

.pacote .item a:hover {
    background-color: #594fce;
    color: #fff
}

.pacote .item {
    width: 100%;
    height: 150px;
    margin-top: -8px;
    display: block
}

#normatizacao {
    background: #743587;
    background: -moz-linear-gradient(-45deg, #743587 0%, #069cb4 100%);
    background: -webkit-linear-gradient(-45deg, #743587 0%, #069cb4 100%);
    background: linear-gradient(135deg, #743587 0%, #069cb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#743587', endColorstr='#069cb4', GradientType=1);
    position: relative;
    z-index: 101;
    min-height: 600px;
    color: #fff
}

#normatizacao h2 {
    color: #fff;
    margin-top: -51px
}

#normatizacao h3 {
    font-size: 1.35em;
    margin-bottom: 0
}

#normatizacao .arquivos {
    margin-top: 20px;
    width: 100%;
    display: block
}

#normatizacao .arquivos .item {
    width: 100%;
    height: 150px;
    margin-top: 50px;
    display: block;
    margin-bottom: 90px
}

#normatizacao .arquivos .item a {
    background: url(../img/item-legislacao.png) 51% 0% no-repeat;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 1.2em;
    padding: 57px 150px 0;
    font-weight: 400;
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 20px;
    transition: all .4s ease
}

#normatizacao .arquivos .item a:hover {
    color: #ffe326;
    text-decoration: none;
    top: -5px
}

#normatizacao .arquivos .item .descricao {
    font-size: .75em;
    font-weight: 400;
    color: #fff
}

#normatizacao .arquivos .item a:hover>.descricao {
    color: #000
}

#normatizacao small {
    width: 60%;
    display: block;
    margin: 0 auto
}

#normatizacao .ver-mais {
    width: 100%;
    margin-top: 40px;
    clear: both
}

#normatizacao .ver-mais a {
    padding: 10px 60px;
    float: right;
    border: 1px solid #fff;
    color: #fff;
    font-size: 1.1em;
    display: block;
    transition: all .3s ease
}

#normatizacao .ver-mais a:hover {
    text-decoration: none;
    background: #fff;
    color: #5eb9bd
}

#faq {
    background: #f8f8f8;
    position: relative;
    z-index: 101;
    min-height: 600px
}

#faq::before {
    background: #f8f8f8;
    content: '';
    margin-bottom: -332px;
    display: block;
    height: 300px;
    position: relative;
    transform-origin: 100% 100%;
    transform: rotate(-2deg);
    z-index: -1;
    left: 19px;
    margin-left: -20px;
    top: -55px
}

#faq .ver-mais {
    width: 100%;
    margin-top: 100px;
    clear: both
}

#faq .ver-mais a {
    padding: 10px 60px;
    float: right;
    border: 1px solid #000;
    color: #000;
    font-size: 1.1em;
    display: block;
    transition: all .3s ease
}

#faq .ver-mais a:hover {
    text-decoration: none;
    background: #8b5296;
    color: #fff;
    border: 1px solid #8b5296
}

.arquivos-faq {
    margin-top: 20px;
    width: 100%;
    display: block
}

.arquivos-faq .item {
    width: 100%;
    height: 150px;
    margin-top: 50px;
    display: block
}

.arquivos-faq .item a {
    background: #fff;
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 1.22em;
    text-align: center;
    padding: 25px 10px 0 0;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    top: 0;
    width: 100%;
    height: 150px;
    transition: all .3s ease
}

.arquivos-faq .item a:hover {
    top: -10px;
    background-color: #8b5296;
    color: #fff;
    text-decoration: none
}

.arquivos-faq .item .descricao {
    font-size: .75em;
    font-weight: 400;
    color: #fff
}

.arquivos-faq .item a:hover>img {
    filter: invert(1)
}

.arquivos-faq .item img {
    display: block;
    width: auto;
    margin: 0 auto;
    margin-bottom: 18px
}

#contato {
    background: #303030;
    color: #fff
}

#contato .contatos {
    font-size: 1.3em
}

#contato .contatos .item {
    padding: 1.3rem .1rem
}

#contato .contatos .item a {
    color: #fff
}

#contato path {
    fill: #00ffe5
}

#contato .redes-sociais {
    width: 100%;
    margin-top: 40px
}

#contato .redes-sociais ul li {
    padding: 10px 30px
}

#interna {
    min-height: 1040px
}

#interna #capa {
    min-height: 180px;
    height: 180px
}

#interna .logo {
    margin-top: 6px
}

#interna .logo img {
    width: 310px
}

#interna .conteudo {
    min-height: 650px;
    padding-bottom: 100px
}

#interna .scroll {
    margin-top: -49px !important
}

#interna .menu {
    margin-top: 100px
}

#interna .rastro {
    margin-top: 15px
}

#interna .rastro ul {
    padding: 0
}

#interna .rastro ul li {
    list-style: none;
    display: inline;
    margin-right: 20px;
    font-size: .9em;
    color: #c3c3c3
}

#interna .rastro ul li a {
    color: #842b86
}

#interna .rastro ul li a:hover {
    color: #000;
    text-decoration: none
}

#interna .rastro i {
    color: #ddd;
    position: relative;
    left: -8px
}

#interna h2 {
    font-weight: 600;
    padding: 3rem 0 1rem
}

#interna .faq-lista {
    margin-top: 50px;
    overflow: hidden;
    padding-top: 20px
}

#interna .faq-lista h3 {
    font-size: 1.2em;
    padding: 0;
    margin-bottom: 12px
}

#interna .faq-lista .item {
    width: 48%;
    float: left;
    margin-right: 20px
}

#interna .faq-lista .item a {
    padding: 16px 35px;
    background: #dedaea;
    display: block;
    height: 100px;
    color: #000;
    font-weight: 400;
    position: relative;
    top: 0;
    transition: all .4s ease
}

#interna .faq-lista .item a:hover {
    top: -10px;
    text-decoration: none;
    background: #594fce;
    color: #fff
}

#interna .modal {
    top: 0;
    position: fixed;
    height: 100%;
    background: #fff
}

#interna .modal p {
    font-size: 1.3rem;
    line-height: 2.5rem
}

#interna .modal-content {
    border: none;
    width: 100%
}

#interna .modal-dialog {
    max-width: 70%
}

#interna .modal-title {
    font-size: 3em;
    line-height: 1.3em
}

#interna .close {
    font-size: 1.2rem
}

#interna .close span:last-child {
    font-size: 2em;
    position: relative;
    top: 8px
}

#interna .modal-header .close {
    top: -40px;
    position: relative;
    opacity: 1;
    color: #bdbdbd
}

.modal-backdrop {
    display: none !important
}

.modal {
    z-index: 1200 !important
}

.sanfona {
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 8px;
    font-size: .9em
}

.sanfona h4 {
    font-size: 1.25em !important;
    border: none;
    font-weight: 400 !important;
    padding: 15px 35px 15px 15px !important;
    max-height: 180px;
    display: block;
    background: #594fce;
    color: #fff;
    position: relative;
    margin: 0 !important;
    transition: all .3s ease
}

.sanfona h4:hover {
    background: #8a2693 !important
}

.sanfona h4:focus {
    background: #297f6b !important
}

.sanfona p {
    font-size: 1.16em
}

.sanfona .content-acordeon {
    background: #fff;
    border: 1px solid #8a2693;
    overflow: hidden;
    border-top: none;
    padding: 10px;
    margin-top: 0;
    font-size: .95em;
    margin-bottom: 0;
    clear: left;
    display: none
}

.sanfona .content-acordeon li {
    margin-bottom: 8px;
    font-size: 1.16em;
    margin-left: 10px
}

.sanfona .content-acordeon ul {
    padding-left: 20px;
    margin-bottom: 0 !important
}

.sanfona .content-acordeon a {
    display: inline;
    position: relative
}

.sanfona h4:after {
    color: #fff;
    font-size: 18px;
    padding: 25px 23px;
    float: right;
    font-weight: 700;
    content: "\f078";
    font-family: 'font awesome 5 free';
    background: 0 0;
    position: absolute;
    right: -13px;
    top: -10px
}

.sanfona h4.menos:after {
    content: "\f077" !important;
    font-family: 'font awesome 5 free' !important;
    color: #fff !important
}

.sanfona h4.menos {
    background: #8a2693 !important;
    color: #fff !important
}

.sanfona-ativa-black {
    background: #000 !important
}

footer {
    background: #fff;
    height: 150px;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 40px
}

footer img {
    transition: all .3s ease
}

footer img:hover {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

@media(max-width:1280px) {
    .menu a {
        padding: 15px 20px !important;
        font-size: 1em
    }
}

@media(max-width:1348px) {
    .container {
        max-width: 1350px !important
    }

    .menu ul li {
        margin-right: 0
    }
}

@media(min-width:1200px) {
    .container {
        max-width: 1350px !important
    }
}

@media(max-width:1099px) {
    .menu {
        right: 30%
    }

    .menu ul li {
        display: block
    }

    .scroll ul li {
        display: inline-block !important
    }
}

@media(width:768px) {
    .scroll-logo {
        margin-top: 40px
    }

    .scroll-logo img {
        width: 60%
    }

    .modal-dialog {
        max-width: 95%
    }
}

@media(min-width:992px) {
    .container {
        max-width: 1140px
    }
}

.mb-show {
    display: none !important
}

.mb-hide {
    display: block !important
}

@media(min-width:768px) {
    .comunicado .modal-dialog {
        width: 680px;
        margin: 30px auto
    }
}

@media(max-width:767px) {
    .btn-validador a {
        top: 40px;
        margin-bottom: 20px;
        font-size: 1.3em
    }

    .row {
        margin-right: 0;
        margin-left: 0
    }

    .mb-show {
        display: block !important
    }

    body img {
        width: 100%
    }

    .assinatura-mec {
        top: -5px
    }

    .assinatura-mec a {
        font-size: .7em
    }

    .assinatura-mec span {
        top: -5px
    }

    .estudante {
        opacity: .3;
        position: absolute;
        width: 100% !important;
        right: -80px;
        top: 130px
    }

    .logo {
        margin-top: 0
    }

    .scroll-logo {
        position: absolute;
        left: -1000px
    }

    #interna .logo {
        margin-top: -14px
    }

    #capa {
        min-height: 400px;
        background: #892f89;
        overflow: hidden;
        background: -moz-linear-gradient(-45deg, #892f89 16%, #8c02b6 47%, #3981de 91%);
        background: -webkit-linear-gradient(-45deg, #892f89 16%, #8c02b6 47%, #3981de 91%);
        background: linear-gradient(135deg, #892f89 16%, #8c02b6 47%, #3981de 91%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#892f89', endColorstr='#3981de', GradientType=1)
    }

    .redes-sociais {
        top: -168px;
        left: 12%
    }

    #interna .redes-sociais {
        top: 5px
    }

    .frase {
        margin-bottom: 50px;
        font-size: 1.5em
    }

    .menu, .scroll {
        position: fixed !important;
        background: rgba(0, 0, 0, .92) !important;
        margin-top: -40px !important;
        top: 40px !important;
        display: block !important;
        z-index: 2002;
        width: 100%;
        height: 100vh;
        left: -600px !important;
        transition: all .7s ease
    }

    .menu ul, .scroll ul {
        float: none !important;
        padding-top: 50px
    }

    .menu ul li, .scroll ul li {
        display: block !important;
        margin-right: 15px !important;
        margin-left: 15px !important
    }

    .menu ul li a, .scroll ul li a {
        font-size: 1.3em;
        color: #fff
    }

    .menu .navbar-nav, .scroll .navbar-nav {
        display: block
    }

    .menu .active, .scroll .active {
        color: #fbde13;
        background: 0 0
    }

    .scroll ul {
        right: 0%
    }

    .menu-responsivo {
        background: rgb(95, 71, 203, .96);
        width: 100%;
        z-index: 2005;
        left: 0;
        padding: 15px;
        height: 60px;
        position: fixed;
        bottom: 0;
        right: 0%
    }

    .menu-responsivo a {
        color: #fff;
        font-size: 1em
    }

    .menu-responsivo ul {
        text-align: center;
        padding-left: 0;
        margin-top: -4px
    }

    .menu-responsivo ul li {
        list-style: none;
        display: inline-block;
        margin-right: 45px
    }

    .menu-responsivo ul li:last-child {
        margin-right: 0
    }

    .menu-responsivo i {
        color: #2a1d65
    }

    .exibir-menu-mobile {
        display: block;
        left: 0 !important;
        transition: all .5s ease
    }

    .downloads {
        margin-top: 250px
    }

    .downloads .item a {
        background: url(../img/download.png) 50% 93% no-repeat #5db6ba;
        height: 180px
    }

    .downloads .item .link {
        background: url(../img/link.png) #5db6ba 50% 94% no-repeat
    }

    #instituicoes .imagem {
        top: 0;
        left: 0
    }

    #instituicoes::before {
        top: -72px;
        left: 15px
    }

    #instituicoes .ver-mais {
        width: 100%
    }

    #instituicoes .ver-mais a {
        text-align: center;
        float: none
    }

    #normatizacao {
        min-height: 1200px
    }

    #normatizacao .arquivos .item {
        width: 100%;
        height: 200px;
        margin-top: 30px;
        display: block;
        margin-bottom: 20px
    }

    #normatizacao .ver-mais a {
        float: none;
        text-align: center
    }

    #normatizacao .arquivos .item a {
        padding: 57px 20px;
        background: url(../img/item-legislacao.png) 50% 0% no-repeat
    }

    #normatizacao small {
        width: 100%
    }

    #faq .ver-mais a {
        width: 100%;
        text-align: center
    }

    #interna .faq-lista .item {
        width: 100%
    }

    #interna .faq-lista .item a {
        padding: 15px;
        height: 150px
    }

    #interna .modal-dialog {
        min-width: 100%
    }

    #interna .modal-header {
        display: block
    }

    #interna .modal-title {
        font-size: 1.2em
    }

    #interna .modal-header .close {
        top: -13px;
        right: 19px;
        font-size: .9em;
        position: fixed
    }

    #interna .conteudo {
        overflow: hidden
    }

    #interna .downloads {
        margin-top: 40px
    }

    #interna .downloads .item {
        margin-bottom: 70px
    }

    .rodape {
        height: auto
    }

    .rodape-info {
        margin-left: 52% !important;
        width: 100% !important;
        left: -180px !important;
        top: 20px !important
    }

    #rodapePadrao {
        background: #e8e8e8 !important;
        height: 80px !important;
        position: relative
    }

    #contato .redes-sociais ul li {
        padding: 20px 10px
    }

    #contato .redes-sociais {
        width: 100%;
        margin-top: 150px;
        margin-left: -30px
    }

    #normatizacao .arquivos .item a {
        padding: 60px 1px 0;
        background: url(../img/item-legislacao.png) 50% 9% no-repeat
    }
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .estudante {
        background: url(http://portal.mec.gov.br/images/diplomadigital/estudante2.jpg) no-repeat;
        min-height: 759px;
        z-index: 0;
        margin-top: 0
    }

    .logo, .frase, .redes-sociais, .assinatura-mec {
        z-index: 2000;
        position: relative
    }
}

@supports(-ms-ime-align:auto) and (-webkit-text-stroke:initial) {
    .estudante {
        background: url(http://portal.mec.gov.br/images/diplomadigital/estudante2.jpg) no-repeat;
        min-height: 759px;
        z-index: 0;
        margin-top: 0
    }

    .logo, .frase, .redes-sociais, .assinatura-mec {
        z-index: 2000;
        position: relative
    }

    .scroll-logo {
        position: fixed !important
    }
}

@media(max-width:361px) {
    .contador ul li {
        width: 20.7%;
        font-size: 2.3em
    }
}